@charset "utf-8";


/*검색필터*/
.cont_search_wrap {position: relative;display: block;text-align: center;margin-bottom: 24px;padding: 0 15px;overflow: hidden}
.cont_search_wrap .cont {overflow: hidden;display: block;border: 1px solid #e3e3e3;border-radius: 0px;padding: 20px 25px;}
.cont_search_wrap dl {position: relative;display: block;overflow: hidden;padding-left: 120px;padding-bottom: 10px;border-bottom: 0px dotted #ccc;margin-bottom: 10px;}
.cont_search_wrap dl:last-child {padding-bottom: 0;margin-bottom: 0;border: none;}
.cont_search_wrap dt {position: absolute;top: 0;left: 0;width: 110px;height: 36px;line-height: 36px;font-weight: 600;color: #333;}
.cont_search_wrap dd {display: block;min-height: 34px;}
.cont_search_wrap dd .radio, .cont_search_wrap dd .checkbox {margin-top: 8px;margin-bottom: 8px;}
.cont_search_wrap select {min-width: 150px;width: auto;margin: 0 2px;background: #fff;border: 1px solid #e3e3e3 !important}
.cont_search_wrap input[type=text] {margin: 0 2px;background: #fff;border: 1px solid #e3e3e3 !important}
.cont_search_wrap .search_input {width: 300px;}
.cont_search_wrap .search {width: 100px}
.cont_search_wrap .btn {padding: 4px 8px;margin: 0}
.cont_search_wrap .sinput {width: 100px}

.cont_search_wrap .filter {padding: 15px 0;text-align: left; background: #e3e3e3;}
.cont_search_wrap .filter dl {padding: 5px 0 5px 200px;margin-bottom: 0}
.cont_search_wrap .filter dt {width: 180px;line-height: 130%;top: 50%;transform: translateY(-50%);text-align: right;height: auto}
.cont_search_wrap .filter dt small {display: block;font-size: 13px;color: #666;font-weight: normal}
.cont_search_wrap .filter dd {min-height: 20px}
.cont_search_wrap .filter .sinput {float: left;}
.cont_search_wrap .filter .radio, .cont_search_wrap .filter .checkbox {margin: 0 8px 5px 0}

.nmgt15 {margin-top: -10px}

.cont_search_top_Btn {position: absolute;top: 10px;right: 15px;display: block;overflow: hidden;z-index: 90}
.cont_search_top_Btn a {float: right;width: 200px;text-align: center;background: #dee5f1;line-height: 40px;height: 40px;color: #232323;font-weight: 600}

.form_block {position: relative;display: block;overflow: hidden;margin-bottom: 5px}
.form_block:last-child {margin-bottom: 0}
.form_group {display: inline-block;vertical-align: top;overflow: hidden;margin: 2px 0}
.form_group.fr {float: right}
.group_btn {display: block;overflow: hidden}
.group_btn li {float: left;}
.input_group_text {float: left;line-height: 2rem;margin: 0 10px}
.input_group_text.mr0 {margin-left: 0}
.calendar {position: relative;}
.calendar input[type=text] {position: relative;padding-right: 30px;margin: 0;z-index: 0}
.calendar:before {position: absolute;top: 1px;right: 5px;width: 20px;height: 20px;display: block;content: "";background: url("/static/images/board/calendar-ico.png") no-repeat center;z-index: 10}

.cont_search_wrap .total {line-height: 37px}

/*리스트 탑*/
.listTbl_top {position: relative;display: block;overflow: hidden;margin-bottom: 10px;height: 34px;line-height: 34px}
.listTbl_top .ad_tit02:after {top: 13px;}
.listTbl_top .align {position: relative;display: block;overflow: hidden;height: 34px;}
.listTbl_top .align select {float: left;width: 150px;margin: 0 2px}
.listTbl_top .btn {height: 32px;padding: 0 20px !important;margin: 0 2px}

.total {display: inline-block;}
.total .la {display: inline-block;font-size: 21px;line-height: 37px;vertical-align: top}
.total .num {display: inline-block;color: #313e94;letter-spacing: 0;}

/*리스트*/
.boardLst {position: relative;display: block;padding: 0 15px;box-sizing: border-box}
.boardLst table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #666;}
.boardLst thead th {color: #333;background: #f6f6f6;border-bottom: 1px solid #ccc;font-weight: 600}
.boardLst th, .boardLst td {padding: 10px;border-bottom: 1px solid #ccc;word-wrap: break-word;}
.boardLst td {text-align: center;}
.boardLst a {display: block;color: #333;}
.boardLst a:hover {text-decoration: underline;color: #313e94}
.boardLst .la-bell, .boardLst .la-file {font-size: 18px}
.boardLst .la-bell {color: #313e94}
.boardLst tr.notice {background: #f3f6f8;}
.boardLst .title {display: inline-block;}
.boardLst .title:hover {text-decoration: underline}
.boardLst .c {text-align: center}
.boardLst .l {text-align: left;padding: 5px 15px}
.boardLst .r {text-align: right}
.boardLst .board_file {position: relative;display: inline-block;vertical-align: top;margin: 1px 0;width: 16px;text-align: center}
.boardLst .board_file .txt {display: none;position: absolute;bottom: 27px;left: 50%;width: 120px;height: auto;margin-left: -75px;padding: 5px 15px;border-radius: 5px;background: rgba(0,0,0,0.75);color: #fff;font-size: 11px;letter-spacing: 0}
.boardLst .board_file .txt:after {position: absolute;bottom: -10px;left: 50%;margin-left: -5px;content: "";display:block; width:0; height:0; border-style:solid; border-width:5px;border-color: rgba(0,0,0,0.75) transparent transparent transparent;}
.boardLst .board_file:hover .txt {display: block}
.boardLst .btn_gray {display: inline-block !important;padding: .12rem .5rem !important;min-width: 50px !important}
.boardLst .btn_gray:hover {background: #B44796;border: 1px solid #B44796;text-decoration: none}



/*리스트*/
.board_list {position: relative;display: block;margin: 0 auto;padding: 0 15px}
.board_list li {position: relative;display: block;box-sizing: border-box;overflow: hidden;}
.board_list li a {display: block;padding: 24px;}
.board_list li:hover {background: #F2F2F2}
.board_list li .company {display: block;font-size: 16px;color: #666}
.board_list li .title {display: block;font-size: 20px;font-weight: 600;color: #333;line-height: 130%;margin: 12px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.board_list li ul {overflow: hidden;padding: 0}
.board_list li ul li {position: relative;float: left;box-shadow: none;border: none;font-size: 16px;box-sizing: border-box;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #333}
.board_list li ul li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.board_list li ul li:last-child {margin-right: 0}
.board_list li ul li:last-child:before {display: none;}

/*게시판 뷰*/
.board_view_top {position: relative;display: block;box-sizing: border-box;padding: 24px;overflow: hidden;border-top: 4px solid #132E3A;}
.board_view_top .company {display: block;font-size: 16px;}
.board_view_top .title {display: block;font-size: 20px;font-weight: 600;color: #333;line-height: 130%;margin: 12px 0;}
.board_view_top ul {overflow: hidden;padding: 0}
.board_view_top ul li {position: relative;float: left;box-shadow: none;border: none;font-size: 16px;box-sizing: border-box;margin-bottom: 0;padding: 0;overflow: initial;line-height: 20px;margin-right: 20px;color: #333}
.board_view_top ul li:before {position: absolute;top: 4px;right: -11px;width: 1px;height: 12px;background: #ccc;content: ""}
.board_view_top ul li:last-child {margin-right: 0}
.board_view_top ul li:last-child:before {display: none;}

.board_view_file {position: relative;display: block;padding: 0 30px 0 120px;margin: 0 0 24px;}
.board_view_file .title {position: absolute;top: 0;left: 30px;width: 80px;line-height: 25px;color: #333}
.board_view_file ul {display: block;overflow: hidden}
.board_view_file li {display: block;margin: 2px 20px 2px 0;float: left;}
.board_view_file li:last-child {margin-right: 0}
.board_view_file li a {display: inline-block;vertical-align: top;line-height: 22px;font-size: 14px;color: #666}
.board_view_file li a .la {font-size: 15px;vertical-align: middle}
.board_view_file li a:hover {text-decoration: underline}

.board_view_cont {position: relative;display: block;border-top: 4px solid #132E3A;border-bottom: 1px solid #EFEFEF;padding: 15px;line-height: 170%}
.board_view_cont img {max-width: 100%;}

.no_data {position: relative;display: block;padding: 30px 0;text-align: center;overflow: hidden;clear: both;}
.no_data .icon {display: inline-block;width: 80px;height: 80px;text-align: center;line-height: 80px;border-radius: 50%;font-size: 35px;background: #f3f6f8}
.no_data .txt {display: block;margin-top: 15px;}

/*페이징*/
.pagination {font-size: 0;text-align: center;margin-top: 25px}
.pagination li {display: inline-block;vertical-align: top;position: relative;width: 30px;height: 35px;font-size: 13px;border: 1px solid #ccc;line-height: 35px;color: #313a46;background: #fff;border-radius: 5px;
    overflow: hidden;margin: 0 2px}
.pagination li a {position: relative;display: block;font-size: 13px;line-height: 35px;color: #313a46;}
.pagination li a:hover, .pagination li:hover {background: #eee;}
.pagination li.active a, .pagination li.active  {background: #0a3970;color: #fff;}
.pagination li.active a:hover, .pagination li.active:hover  {background: #0a3970;color: #fff;}

.pagination li.first a, .pagination li a.first,
.pagination li.last a, .pagination li a.last,
.pagination li.prev a, .pagination li a.prev,
.pagination li.next a, .pagination li a.next {font-size: 15px}

/*포토리스트*/
.photoLst {position: relative;display: block;border-top: 2px solid #ccc;overflow: hidden;padding: 10px;margin-top: 20px;}
.photoLst ul {overflow: hidden}
.photoLst li {float: left;width: calc(25% - 20px);margin: 10px;overflow: hidden;border: 1px solid #ccc;box-sizing: border-box}
.photoLst li a {display: block;color: #333;}
.photoLst li .zoomImg {position: relative;display: block;width: 100%;height: 193px;overflow: hidden}
.photoLst li .zoomImg img {width: 100%;height: 100%;}
.photoLst li .zoomImg:after, .photoLst li .zoomImg:before {-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
.photoLst li .zoomImg:after {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.7);content: "";z-index: 0}
.photoLst li .zoomImg:before {opacity: 0;position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;text-align: center;line-height: 50px;content: "\f2c3";color: #fff;font-size: 50px;font-weight: 100;font-family: lineawesome !important;z-index: 1}
.photoLst li .txtBox {position: relative;display: block;padding: 15px;}
.photoLst li .txtBox .title {display: block;width: 100%;color: #333;font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 130%}
.photoLst li .txtBox .date {display: block;color: #888;font-size: 13px;margin-top: 5px}
.photoLst li a:hover .zoomImg:after, .photoLst li a:hover .zoomImg:before {opacity: 1;}
.photoLst li a:hover .title {color: #313e94}


/*줌*/
.zoomImg img { -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s;}

a:hover .zoomImg img, li:hover .zoomImg img  {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

/*.btn {  padding: 5px 15px; }
.btn_round {border-radius: 3px;}

.bh_sm {padding: 3px 8px;}
.bh_lg {padding: 7px 20px;}*/

.video-block iframe {width: 100%;height: 700px}

@media all and (max-width: 1200px) {

    .cont_search_wrap {padding: 0 15px;}

    .board_list {padding: 0}
    .board_list li a {padding: 20px;}
    .board_list li .company {font-size: 14px;}
    .board_list li .title {font-size: 17px;margin: 10px 0;}
    .board_list li ul li {font-size: 14px;}

    .boardLst {padding: 0}
}

@media only screen and (max-width:1024px) {

    .cont_search_wrap {text-align: center}
    .cont_search_wrap .form_group {float: none;display: inline-block}
    .cont_search_wrap .btn {padding: 5px 8px 4px}

    .form_group {display: flex;float: none;}
    .form_group.fr {float: none !important;}
    .group_btn li {float: left;}

    .total {display: none;}

    .board_view_top {padding: 15px;}
    .board_view_top .company {font-size: 15px;}
    .board_view_top .title {font-size: 18px;}
    .board_view_top ul {overflow: hidden;padding: 0}
    .board_view_top ul li {font-size: 15px;}

    .board_view_file {padding: 0 15px 0 85px;font-size: 14px}
    .board_view_file .title {left: 15px;width: 60px;}

    /*리스트*/
    .boardLst .m-none {display: none}
    .boardLst .m-date {width: 100px}

    .photoLst li {width: calc(33.33% - 10px);margin: 5px;}
    .photoLst li .zoomImg {height: 170px;}

    .video-block iframe {width: 100%;height: 500px}

}

@media only screen and (max-width:640px){

    .form_group {display: block;}
    .cont_search_wrap select {width: 100%;margin: 2px 0;box-sizing: border-box;}
    .cont_search_wrap .search_input {width: 100%;margin: 3px 0 !important;padding: 0;box-sizing: border-box;}
    .cont_search_wrap .btn {width: 100%;margin: 0;box-sizing: border-box;padding: 7px 0}

    .board_list li a {padding: 15px;}
    .board_list li .company {font-size: 13px;}
    .board_list li .title {font-size: 16px;}
    .board_list li ul li {font-size: 13px;}

    .boardLst {font-size: 13px;}
    .boardLst th, .boardLst td {padding: 10px 5px;line-height: 140%}
    .boardLst .l {padding: 5px 0}

    .bh_sm {padding: 3px 8px;}
    .bh_lg {padding: 7px 20px;}

    .cont_search_wrap .sinput {width: 80px}

    .cont_search_wrap .filter {padding: 0 15px 15px;}
    .cont_search_wrap .filter dl {padding: 10px 0 10px;}
    .cont_search_wrap .filter dt {position: relative;display: block;top: 0;transform: translateY(0);width: 100%;text-align: left;font-size: 16px;margin-bottom: 10px}
    .cont_search_wrap .filter dt small {display: inline-block;margin-left: 5px}

    .cont_search_top_Btn {position: relative;top: 0;right: 0;padding: 0 15px}
    .cont_search_top_Btn a {float: none;width: 100%;display: block}

    .photoLst li {width: calc(50% - 10px);}
    .photoLst li .zoomImg {height: 150px;}

    .boardViw_top .boardViw_info li {margin-right: 7px;font-size: 12px}

    .video-block iframe {width: 100%;height: 400px}

}

@media only screen and (max-width:580px){

    .board_view_top {padding: 15px 0;}
    .board_view_top .company {font-size: 14px;}
    .board_view_top .title {font-size: 16px;margin: 7px 0;line-height: 150%}
    .board_view_top ul li {font-size: 14px;}

    .board_view_file {padding: 0 15px 0 0;}
    .board_view_file .title {position: relative;display: block;top: 0;left: 0;width: 100%;margin-bottom: 5px;font-weight: 600}
    .board_view_file li a {font-size: 13px}
}

@media only screen and (max-width:480px){

    .board_list li a {padding: 10px;}
    .board_list li .title {font-size: 15px}

    .board_view_top .company {font-size: 13px;}
    .board_view_top .title {font-size: 15px;}
    .board_view_top ul li {font-size: 13px;}

    .video-block iframe {width: 100%;height: 300px}

}

@media only screen and (max-width:420px){
    .bh_sm {padding: 3px 8px;}
    .bh_lg {padding: 7px 20px;}
}
@media only screen and (max-width:400px){

    .photoLst li {width: 100%;margin: 5px 0}
    .photoLst li .zoomImg {height: 130px;}

}