.restarea .search_box{border:1px solid #ddd;padding:10px 20px;position:relative;box-shadow:0 4px #f2f2f2e6}.restarea .search_box div:after,.restarea .search_box dl:after{visibility:hidden;clear:both;content:"";display:block}.restarea .search_box dl{float:left;margin:5px 0;font-size:0;position:relative}.restarea .search_box .col1 dl{width:100%}.restarea .search_box .col2 dl:first-child{width:40%}.restarea .search_box .col2 dl:nth-child(2){width:60%;padding:0 13% 0 7%}.restarea .search_box dl dt{vertical-align:top;width:90px;height:35px;font-size:16px;line-height:35px;display:inline-block}.restarea .search_box dl dd{width:calc(100% - 90px);min-height:35px;font-size:14px;display:inline-block}.restarea .search_box dl dd input{width:calc(100% - 30px)}.restarea .search_box dl dd select{width:100%}.restarea .search_box .btn_blue{width:20%;position:absolute;bottom:0;right:0}.restarea .board_option{height:30px;margin:30px 0 10px}.restarea .board_option .fl_left{color:#444;font-size:18px;font-weight:400}.restarea .board_option .fl_right{color:#888;margin-top:5px;font-size:14px;display:flex}.restarea .board_option .fl_right img{margin:0 5px}.restarea .btn_sort{text-indent:-9999px;vertical-align:text-bottom;background:url(/images/useguide/ic_sort.png) 50% no-repeat;width:20px;height:20px;margin-left:5px;padding:0}.restarea .btn_sort_asc{text-indent:-9999px;vertical-align:text-bottom;background:url(/images/useguide/ic_sort_asc.png) 50% no-repeat;width:20px;height:20px;margin-left:5px;padding:0}.restarea .btn_sort_desc{text-indent:-9999px;vertical-align:text-bottom;background:url(/images/useguide/ic_sort_desc.png) 50% no-repeat;width:20px;height:20px;margin-left:5px;padding:0}.restarea .board_list ul{table-layout:fixed;border-top:1px solid #3673ee;width:100%}.restarea .board_list ul>li.table_head{border-bottom:1px solid #ddd;width:100%;display:table}.restarea .board_list ul>li.table_head div{vertical-align:middle;text-align:center;color:#3673ee;background:#f9f9f9;height:50px;font-size:16px;font-weight:500;display:table-cell}.restarea .board_list ul>li.table_head div:first-child{width:30%}.restarea .board_list ul>li.table_head div:nth-child(2),.restarea .board_list ul>li.table_head div:nth-child(3),.restarea .board_list ul>li.table_head div:nth-child(4){width:13%}.restarea .board_list ul>li.table_head div:nth-child(5),.restarea .board_list ul>li.table_head div:nth-child(6){width:12%}.restarea .board_list ul>li{border:1px solid #fff;border-top:0;border-bottom-color:#ddd}.restarea .board_list ul>li .title{cursor:pointer;width:100%;display:table}.restarea .board_list ul>li .title>div{text-align:center;color:#444;vertical-align:middle;height:50px;padding:5px 0;font-size:14px;font-weight:300;display:table-cell}.restarea .board_list ul>li .title>div:first-child{width:30%}.restarea .board_list ul>li .title>div:nth-child(2),.restarea .board_list ul>li .title>div:nth-child(3),.restarea .board_list ul>li .title>div:nth-child(4){width:13%}.restarea .board_list ul>li .title>div:nth-child(5),.restarea .board_list ul>li .title>div:nth-child(6){width:12%}.restarea .board_list ul>li .title>div.subject{text-align:left;padding:0 10px 0 20px}.restarea .board_list ul>li .text{background:#f5f5f5;width:100%;height:0;padding:0 20px;transition:all .3s ease-in-out;overflow:hidden}.restarea .board_list ul>li .text.active{height:144px;padding:5px 20px;display:block!important}@starting-style{.restarea .board_list ul>li .text{height:0;padding:0 20px}}.restarea .board_list ul>li .text .icon{margin-right:5px}.restarea .board_list ul>li .text p{color:#444;margin:5px 0;font-size:14px;font-weight:400}.restarea .board_list ul>li .text p strong{margin-right:5px;font-weight:500}.restarea .board_list ul>li div.bg_arrow{background:url(/images/useguide/ic_arrow_down.png) right 20px center no-repeat;padding-right:40px}.restarea .board_list ul>li.active{border:1px solid #38bbbd}.restarea .board_list ul>li.active div.bg_arrow{background:url(/images/useguide/ic_arrow_up.png) right 20px center no-repeat}.restarea .board_list ul>li.active .text{border-top:1px solid #ddd}.restarea .board_list ul>li.table_head div.bg_arrow{background:#f9f9f9}@media screen and (max-width:1180px){.restarea{padding:0 10px}.restarea .search_box .check_style1{margin-right:10px}.restarea .search_box dl dd input.datepicker{padding-right:35px;bottom:-50px;right:-15px}.restarea .board_option .fl_left{margin-top:15px;font-size:15px}.restarea .board_option .fl_right{text-align:right;margin-top:10px;font-size:12px;line-height:16px}.restarea .board_option .fl_right span{display:block}.restarea .btn_sort,.restarea .btn_sort_asc,.restarea .btn_sort_desc{background-size:100%;margin:0 auto;display:block}.restarea .board_list ul>li.table_head div{height:40px;font-size:12px}.restarea .board_list ul>li.table_head div:nth-child(2),.restarea .board_list ul>li.table_head div:nth-child(3),.restarea .board_list ul>li.table_head div:nth-child(4),.restarea .board_list ul>li.table_head div:nth-child(5),.restarea .board_list ul>li.table_head div:nth-child(6){width:15%}.restarea .board_list ul>li .title>div{-ms-word-break:keep-all;word-break:keep-all;height:40px;padding:5px 0;font-size:12px}.restarea .board_list ul>li .title>div:nth-child(2),.restarea .board_list ul>li .title>div:nth-child(3),.restarea .board_list ul>li .title>div:nth-child(4),.restarea .board_list ul>li .title>div:nth-child(5),.restarea .board_list ul>li .title>div:nth-child(5){width:15%}.restarea .board_list ul>li .title>div.subject{padding:5px 5px 5px 10px}.restarea .board_list ul>li .text{padding:0 10px}.restarea .board_list ul>li .text.active{height:134px;padding:5px 10px;display:block!important}@starting-style{.restarea .board_list ul>li .text{height:0;padding:0 10px}}.restarea .board_list ul>li .text .icon{background-size:100%;width:20px}.restarea .board_list ul>li .text p{margin:3px 0;font-size:13px}.restarea .board_list ul>li .text p strong{margin-right:3px}.restarea .board_list ul>li div.bg_arrow{background:0 0;padding-right:0}.restarea .board_list ul>li.active div.bg_arrow{background:0 0}.restarea .board_list ul>li.table_head div.bg_arrow{padding-right:0}.restarea .search_box{margin-bottom:40px;padding:8px 15px}.restarea .search_box dl{margin:3px 0}.restarea .search_box .col2 dl:first-child{width:100%}.restarea .search_box .col2 dl:nth-child(2){width:100%;padding:0 25% 0 0}.restarea .search_box dl dt{width:60px;font-size:13px}.restarea .search_box dl dd{width:calc(100% - 60px);font-size:13px}.restarea .search_box dl dd input{width:100%}.restarea .search_box dl dd input.datepicker{width:calc(100% - 37px)}.restarea .search_box dl dd select{width:100%}.restarea .search_box .btn_blue{width:23%;height:35px}}