.board_common .board{width: 100%; /* border-top: 2px solid #333; */ margin-top: 40px;}

.board_faq .board li,.board_notice .board li{border: 1px solid #e6e6e6; margin-bottom: 24px; padding: 36px 35px 34px 25px; cursor: pointer;}
.board_faq .board li:last-child,.board_notice .board li:last-child{margin-bottom: 0;}
.board_faq .board h4,.board_notice .board h4{font-size: 20px; font-weight: 600;}
.board_faq .board h4 span{margin-left: 20px;}
.board_faq .board p{font-size: 18px; margin-top: 20px; margin-left: 40px;}

.board_con:hover{background: linear-gradient(90deg,#4ca9df, #292e91); color: #fff;}
.board_con:hover p{color: #fff !important;}

.search{width: 100%; text-align: right;}
.search .input{display: inline-block; padding: 5px 40px 5px 18px; background-color:#f5f5f5; position: relative; width: 260px; height: 40px;}
.search .input .icon{width: 20px; height: 20px; position: absolute; opacity: 0.3; cursor: pointer; top: 50%; transform: translateY(-50%); right: 12px;}
.search .input input{height: 100%; width: 100%; border: 0;}
input:focus {outline: none;}

.pagenation_wrap{width: 100%; text-align: center; padding-top: 120px;}
.page_board{display: inline-block;}
.page_board>li{float: left; overflow: hidden;  padding: 10px 16px; cursor: pointer; margin: 0 2px; border: 1px solid #fff;}
.page_board>li>a{padding: 10px;}
.page_board>li>b{padding: 10px; display: inline-block; width: 100%; height: 100%;}
.page_board>li.arrow{padding: 0;}
.page_on{color: #fff; font-weight: bold !important; background: linear-gradient(90deg,#4ca9df, #292e91); border: 1px solid #3473c9;}
.page_board>li:hover{border: 1px solid #ddd; box-sizing: border-box;}
.board_pic{border: 1px solid #ddd;}
/* list pagination */

.board_notice .board li.board_title{background-color: #f5f5f5; text-align: center; padding-top: 20px; padding-bottom: 20px;}
.board_notice .board li{position: relative; padding-right: 180px;}
.board_notice .board p{font-size: 18px; width: 102px; color: #777; position: absolute; top: 50%; transform: translateY(-50%); right: 34px;}
.board_notice .board li.board_title h4{font-size: 18px; color: #777; font-weight: 400;}
.board_notice .board li.board_title{cursor: unset;}
.board_notice .board li h4{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.no_post{width: 100% !important; display: block; text-align: center; font-size: 17px; font-weight: bold; color: #333;}

.board_notice .btn_wrap{display: flex; justify-content: center;}
.board_notice .btn_wrap .list_return{margin: 0; margin: 20px; margin-top: 60px;}

.view_title{font-size: 19px; text-align: center; padding: 24px 0 6px 0; background-color: #f5f5f5; word-break: keep-all; border-top: 2px solid #333;}
.view_date{background-color: #f5f5f5; text-align: center; padding: 6px 0 24px 0; font-size: 16px; color: #aaa; border-bottom: 1px solid #e4e4e4;}
.view_file{padding: 24px 24px 24px 160px; border-bottom: 1px solid #ddd; position: relative;}
.view_file span{position: absolute; left: 24px; top: 24px;}
.view_file p{width: 100%; overflow: hidden; margin-bottom: 3px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.view_file p:last-child{margin-bottom: 0;}
.view_file p:hover{color: #3473c9;}
.view_file i{width: 10px; display: inline-block; position: absolute; margin-left: 20px;}
.board_view_content{border-bottom: 1px solid #ddd; padding: 40px 5% 80px 5%; line-height: 1.6; word-break: keep-all; background-color: #fff; min-height: 450px; word-break: break-all;}
.board_view_content img{height: auto !important; max-width: 80% !important; margin: 0 auto;}
.board_view_page{padding: 16px 50px; border-bottom: 1px solid rgb(230, 230, 230);}
.board_view_page p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board_view_page .title{padding-right: 26px;}
.board_view_photo{padding: 48px 5%;}
.board_photo{padding-bottom: 20px;}
.board_photo:last-child{padding-bottom: 0;}
.board_photo>img{width: 60%; margin: 0 auto;}
.view_info{display: block;}
.list_return{background-color: #3473c9; color: #fff; width: 180px; height: 50px; margin: 60px auto 0 auto; text-align: center; line-height: 50px; cursor: pointer;}
.list_return:hover{opacity: 0.7;}
.view_pagenation{position: relative;} 
.view_pagenation .page_inner{position: relative; padding: 24px 24px 24px 160px; cursor: pointer;}
.view_pagenation .page_inner:first-child{border-bottom: 1px dashed #ddd;}
.view_pagenation .page_inner:last-child{border-bottom: 1px solid #ddd;}
.view_pagenation .page_inner span{position: absolute; left: 24px; top: 24px;}
.view_pagenation .page_inner span i{display: inline-block; width: 8px; height: 8px; border-top: 2px solid #777; border-right: 2px solid #777; position: relative; left: 20px;}
.view_pagenation .prev span i{transform: rotate(-45deg);}
.view_pagenation .next span i{transform: rotate(135deg); top: -3px;}
.view_pagenation .page_inner p{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.view_pagenation .page_inner:hover p{color: #3473c9;}

.media_board .media{display: flex; flex-wrap: wrap; margin: -40px -20px;}
.media_board .media li{padding: 40px 20px; width: 100%; width: 33.333%; cursor: pointer;}
.media_board .media .thumnail{width: 100%; padding-bottom: 56%; background-color: #f5f5f5; position: relative; overflow: hidden;}
.media_board .media .thumnail img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; object-position: center;}
.media_board .media .info{width: 100%; padding-top: 10px;}
.media_board .media .info p{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}

.board_view_content iframe{width: 100%; height: 37vw;}





   /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){

    .media_board .media{margin-left: -10px; margin-right: -10px;}
    .media_board .media li{padding-left: 10px; padding-right: 10px;}

 }

     /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){



 }


    /* ********************************************* *
 * 890px
 * ********************************************* */
 @media screen and (max-width: 890px){

    .media_board .media li{width: 50%;}

 }


   /* ********************************************* *
 * 760px
 * ********************************************* */
 @media screen and (max-width: 760px){
    
    .board_notice .board li.board_title{display: none;}
    .board_notice .board li{padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px;}
    .board_notice .board p{position: relative; top: 0; right: 0; transform: translateY(0);}
    .board_notice .board li h4{font-size: 18px;}
    .board_notice .board p{font-size: 16px; width: 100%; padding-top: 5px;}
    .board_faq .board li, .board_notice .board li{margin-bottom: 16px;}

    .board_view_content{padding-left: 0; padding-right: 0;}
    .view_pagenation .page_inner p,.view_pagenation .page_inner span{font-size: 14px;}
    .view_pagenation .page_inner span{left: 0;}
    .view_pagenation .page_inner{padding-left: 76px;}
    .view_pagenation .page_inner span i{left: 13px;}
    .media_board .media .info p{font-size: 16px;}

 }

   /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 500px){

    .media_board .media li{width: 100%;}

 }