﻿.container.jj .row:before{display: table;content: " ";box-sizing: border-box;}
.ir_pm{text-indent: -9999em;overflow: hidden;white-space: nowrap;}
.container.jj .h3_tit{margin-bottom: 30px;}

.latest-news {margin-bottom: 40px;}
.latest-news .board_com_list>li {width: 50%; height: auto;}
.latest-news .board_com_list>li>a>.img_middle {height: auto; aspect-ratio: 220 / 150;}
.top-search {clear: both; display: flex; margin-bottom: 30px; column-gap: 20px; align-items: center;}
.top-search .title-wrap {display: flex; align-items: center; column-gap: 10px;}
.top-search .h3_tit {margin-bottom: 0 !important; white-space: nowrap; float: none;}
#totalCount {display: inline;}
.top-search .dev_board_search_left {margin-left: auto;}

.board_com_list{width: calc(100% + 40px); box-sizing: border-box;margin: 0 -20px;overflow: hidden;float: left;}
.board_com_list>li{width: 25%;float: left;box-sizing: border-box;height:200px;margin-bottom: 25px;padding:0 20px}
.board_com_list>li>a{width:100%;height:100%;display: block;box-sizing: border-box;}
.board_com_list>li>a>.img_middle{width: 100%;height:150px;position: relative;float: left;border: 1px solid #ddd;overflow: hidden}
.board_com_list>li>a>.img_middle img{width: 100%; height: 100%; object-fit: contain; font-size: 0;vertical-align: top;}
.board_com_list>li p{width: 100%;background: #f8fcff;text-align: center;line-height: 50px;float: left;border: 1px solid #ddd;font-weight:400;border-top: none;display: -webkit-box;
-webkit-line-clamp: 1;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word; overflow: hidden;height: 50px;line-height:50px;padding: 0 10px;font-size: 14px;font-weight:500;}
.board_com_list .star {width: 20px; margin-top: -4px;}

/* .board_com_list.cover>li>a>.img_middle img {position: static; height: 100%; object-fit: cover; transform: none;} */

.num_indi{display: flex;justify-content: space-between;width: 340px;margin:50px auto 0;}
.num_indi>li{width: 50px;height: 40px;line-height: 40px;text-align: center;box-sizing: border-box;}
.num_indi>li>a{display: block;width: 100%;height: 100%;font-size: 18px;color:#777;}

.num_indi>li>a.full_prev{background:url(/images/contents/full_prev.jpg) no-repeat center/auto;border: 1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.num_indi>li>a.prev{background:url(/images/contents/prev.png) no-repeat 13.5px center/auto;border: 1px solid #ddd;border-left: none;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.num_indi>li>a.full_next{background:url(/images/contents/full_next.png) no-repeat center/auto;border: 1px solid #ddd;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.num_indi>li>a.next{background:url(/images/contents/next.png) no-repeat 16px center/auto;border: 
1px solid #ddd;border-right: none;border-top-left-radius:5px;border-bottom-left-radius:5px;}

.num_indi>li:nth-child(3){margin-left: 20px}
.num_indi>li:nth-child(6){margin-right: 20px;}

/*기업소개 및 후원 History*/
.comp{overflow: hidden;margin: 30px 0 50px;float: left;}
.comp .comp_info .comp_img{width:250px;height:150px;border: 1px solid #ddd;float: left;position: relative;margin:0 35px;overflow: hidden;}
.comp .comp_info .comp_text{width:600px;float:left;}
.comp .comp_info .comp_img>img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.comp .comp_info h4{font-size: 20px;}
.comp .comp_info p{margin:20px 0;font-size: 16px;line-height: 1.6}
.comp .comp_info .change_a{width:200px;display: block;background:#14a4de;color:#fff;padding: 10px 0;float: left;border-radius: 5px;position: relative;padding-left:35px;box-sizing: border-box
;font-size: 16px;}
.comp .comp_info .change_a img{position: absolute;width:15px;height:15px;top: 50%;transform: translateY(-50%);right:30px;transition: all 0.3s ease 0s}
.comp .comp_info .change_a:hover img{right:20px;}

.list_history>ul{width: 100%;overflow: hidden;border-top:1px solid #000;border-bottom: 1px solid #000;margin-top: 30px;float: left;}

.list_history>ul>li:last-child{border-bottom: none;}
.list_history>ul>li{display: block;width: 100%;color: #222;border-bottom: 1px solid #ddd;overflow: hidden;padding: 10px 0;font-size:16px;line-height: 1.6}
.list_history>ul>li>time{display: block;font-weight: 600;margin:0 20px;float:left;font-size:16px;line-height: 1.6}
.list_history>ul>li>ul{float:right;width:calc(100% - 200px);}
.list_history>ul>li>ul>li{font-size: 16px;}
/*기업소개 및 후원 History*/

@media screen and (max-width:1000px){
.comp .comp_info .comp_img{height:200px;}
.comp .comp_info p br{display: none;}    
}


@media screen and (max-width:991px){
.top-search {flex-wrap: wrap; row-gap: 10px;}
.board_com_list>li{width:33.3%;} 
.comp .comp_info .comp_text{width:50%;}  
.comp .comp_info .comp_img{margin-left: 0;}    
}

@media screen and (max-width:767px){
.s_category {padding-top: 0;}
.top-search .dev_board_search_left {margin-left: unset; margin-top: 10px;}
.board_com_list{margin: 0 -10px; width: calc(100% + 20px);}
.board_com_list>li{width:50%;padding:0 10px} 
.list_history>ul>li>ul{width: 100%;float: right;}   
    
.comp .comp_info .comp_img{width:100%;height:150px;margin:0}
.comp .comp_info h4{font-size: 20px;margin-top:20px;width: 100%;}
.list_history ul>li>time{margin-left:0;width: 100%;display: block;margin: 0;}   
.comp .comp_info .comp_text{width: 100%;} 
    
}
