@charset 'utf-8';
.sub-container{background: #f9f9f9 }
.page-wrap{max-width:1920px; padding-bottom:140px; margin:0 auto; background:url(/content/images/bg/bg_sub_visual.png) no-repeat top center;background-size: 100% 574px;}
.page-content{max-width:1440px; padding:160px 20px 0 20px; margin:0 auto;}
.page-content .page-tit{text-align: center; color:#ff562f; font-size:54px; font-style: normal; font-weight: 700;}
.history-link{text-align: center; }
.history-link ul{display: flex; justify-content: center; margin-top:30px;}
.history-link ul li{position: relative; padding:0 30px}
.history-link ul li:first-child{padding-left:0}
.history-link ul li:after{width:11px; height:18px; position: absolute; top:2px; right:-4px; content:""; display:inline-block;  background:url(/content/images/ico/ico_arrow.png) no-repeat top center;}
.history-link ul li:last-child{padding-right:0}
.history-link ul li:last-child:after{display: none;}
.history-link ul li a{font-size:20px; color:#5c6c72; font-weight: 500;}

.pagenation {margin-top:45px; position: relative;}
.pagenation ul.paginate {display: flex; justify-content: center; align-items: center;}
ul.paginate > li.page-num {;}
.pagenation ul.paginate > li.on > a{color: #fff; background: #5799b3;}
.pagenation ul.paginate > li > a {box-sizing: border-box; display: block; width:36px; height:36px; line-height:36px; border-radius: 100%; font-size:20px; text-align: center; color: #555555; }
.pagenation ul.paginate > li.first{margin-right:20px;}
.pagenation ul.paginate > li.prev{margin-right:25px;}
.pagenation ul.paginate > li.next{margin-left:25px;}
.pagenation ul.paginate > li.last{margin-left:20px;}
.pagenation ul.paginate > li.first a {width:16px; height:19px; background: url(/content/images/ico/btn_first.png)no-repeat center; background-size: 100%;}
.pagenation ul.paginate > li.prev a {width:11px; height:19px; background: url(/content/images/ico/btn_left.png)no-repeat center; background-size:100%;}
.pagenation ul.paginate > li.next a {width:11px; height:19px; background: url(/content/images/ico/btn_right.png)no-repeat center; background-size:100%}
.pagenation ul.paginate > li.last a {width:16px; height:19px; background: url(/content/images/ico/btn_last.png)no-repeat center; background-size:100%}

.board-container{margin-top:50px}
.board-container.mt-30{margin-top:30px}
.board-container.mt-85{margin-top:85px}
.board-head{display: flex; justify-content: space-between; align-items: center; margin-bottom:1.5rem}
.board-head .total-questions-num{font-size: 20px; color:#000}
.board-head .total-questions-num span{color:#019cc7}
.l-section-box2{display: flex;}
.btn-search{border:0; padding:0}
.btn-search img{display: block; width:100%}
.search-inpt{width:315px; margin-right:8px;font-size: 19px;padding: 10px 0 10px 30px;border: 0;background: #fff;border:1px solid #bfdde0;border-radius: 7px !important;
box-sizing: border-box; color:#666666}
.search-inpt::placeholder {color: #666; font-weight: 300;font-family: 'Pretendard';}

.row-style1{width: 100%; border-spacing: 0;}
.row-style1 > thead > tr > th{font-size:20px; color:#ffffff; padding:18px 0; word-break: break-all; font-style: normal; font-weight: 500; background-color:rgba(55, 133, 162, 0.8);}
.row-style1 > thead > tr > th:first-child{border-radius: 7px 0 0 7px;}
.row-style1 > thead > tr > th:last-child{border-radius: 0 7px 7px 0;}
.row-style1 > tbody > tr > td{color:#666666; font-size:18px;  padding:15px 7px; text-align:center; border-bottom:1px solid #9ec7cb ; word-break: break-all;}
.row-style1 > tbody > tr > td.subject{text-align:left; padding:15px 12px;}
.row-style1 > tbody > tr > td.subject a:hover{text-decoration: underline;}
.row-style1 > tbody > tr > td.subject a{color:#222222; vertical-align: middle; font-size:22px;}
.row-style1 > tbody > tr > td.dete{font-size:18px;}

.board-view-content{border-top:4px solid #5a9bb3; padding:50px 50px 100px 50px; background-color:rgba(255, 255, 255, 0.6);    box-shadow: 1px 5px 15px -6px #ddd; border-radius: 0 0 20px  20px;}
.content-box {border-top:4px solid #5a9bb3; background-color:rgba(255, 255, 255, 0.6); box-shadow: 1px 5px 15px -6px #ddd; border-radius: 0 0 20px  20px; padding: 55px 95px 100px 95px; }
.board-view-content .view-head strong{text-align: center;display: block; color:#0c4963; font-size:34px; font-style: normal; font-weight: 500;}
.head-inner-info {display: flex; margin: 20px 0; align-items: center; justify-content: center; }
.head-inner-info.typ2 { margin: 30px 0;}
.head-info p.name{padding-right: 45px; position: relative;}
.head-info p.name::before {content: ""; display: inline-block; width: 1px; height: 15px; background: #d7dcdf; position: absolute; right: 20px; top: 3px;}
.head-info p.date,.head-info p.name{text-align: center;display: block; font-size:18px; color:#4d6c78;}
.view-file-box{background: #d5e5eb;; display:flex; padding:30px 40px; border-radius: 10px;}
.view-file-box .file-img-box{font-size:22px; color:#072a37; font-weight: 600; width:150px;}
.view-file-box .file-list-area{ font-weight: 500; width: calc(100% - 150px);}
.view-file-box .file-list-area a{font-size:18px; color:#45626c;}
.view-file-box .file-list-area .file-list{position: relative; padding-left:30px; margin-bottom:10px;}
.view-file-box .file-list-area .file-list:last-child{margin-bottom:0}
.view-file-box .file-list-area .file-list:after{width:17px; height:19px; content:''; background:url('/content/images/ico/ico_download.png')no-repeat  center; background-size:100%;
position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.view-cont{padding:40px 50px; border-bottom:1px solid #9ec7cb}


.view-bottom .pager-list .list-subject a{display: flex; padding:20px 0; box-sizing: border-box; width:100%; border-bottom:1px solid #9ec7cb;}
.view-bottom .pager-list .list-subject a .subject-l{width:160px;vertical-align: middle; text-align: center;}
.view-bottom .pager-list .list-subject a .subject-l p{font-size:22px;color:#072a37; font-weight: 600;}
.view-bottom .pager-list .list-subject a .subject-r{width:calc(100% - 160px); vertical-align: middle; }
.view-bottom .pager-list .list-subject a .subject-r p{font-size:20px; color:#222;}

.btn-area{display: flex; justify-content: center; margin-top:4rem}
.btn-area .btn-list{display: inline-block;height: 64px;width:160px;border-radius: 40px;text-align: center;font-size:24px;line-height: 64px; font-weight: 600;background: #ff542f; color:#fff}