@charset "utf-8";

/* 업종별 사례 */

/* 공통 */
.case-wrap .tab { display: flex; align-items:center; margin-bottom: 38px; width: 100%; text-align:center; }
.case-wrap .tab a { width: 50%; border:0; background-color: #f7f7f7; font-size:22px; letter-spacing: -0.04em;
    color:#272b48; height: 76px; line-height: 76px; font-weight: 500; transition: background-color 0.3s, color 0.3s; }
.case-wrap .tab a.cur { background-color: #3d5466; color:#fff;}

.case-wrap .board-wrap .total_info { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
.case-wrap .board-wrap .total_info .board-list-count { margin-bottom:0; }



.seach_wrap { position:relative; display:flex; }
.seach_wrap .search_select {  margin-right:10px; }
.seach_wrap .search_select.case_select {  }
.seach_wrap .search_select.case_select .nice-select { height:50px; line-height:50px; font-size:15px; width:130px; background:#f7f7f7; }
.seach_wrap .search_select.case_select .nice-select .option { height:50px; line-height:50px; font-size:15px; width:130px; }

.seach_wrap .search_box { width:350px; }
.seach_wrap .search_box input[type="text"] { 
    background:#f7f7f7; border: none; font-size:15px; color: #222; box-sizing:border-box;
    height:50px; padding: 0 45px 0 15px; width:100%; border-radius:5px;
}
.seach_wrap .search_box button[type="submit"] {
    position:absolute; right:15px; top:50%; transform:translate(0, -50%);
    overflow: hidden; text-indent:-9999px; width:20px; height:20px;
    border:0; background-color:transparent; background-repeat:no-repeat; background-position:center center;
    background-size:cover; background-image:url(/assets/images/common/btn_search.png);
}




/* list */
.board_list { }
.board_list table { width:100%; border-top:2px solid #000; }
.board_list table thead { }
.board_list table thead tr { }
.board_list table thead tr th { padding:20px 10px; text-align:center; font-size:20px; font-weight:700;  }
.board_list table thead tr th.address { width:15%; }
.board_list table thead tr th.classification { width:20%; }
.board_list table thead tr th.name { width:25%; }
.board_list table thead tr th.details { width:40%; }

.board_list table tbody { font-size:18px; }
.board_list table tbody tr { }
.board_list table tbody tr td { padding:25px 10px; text-align:center; border-top:1px solid #b3b3b3; font-weight:300; }
/* //list */

/* gallery */
.board_gallery {}
.board_gallery .gallery_item_box { display:flex; flex-wrap:wrap; margin-bottom:-50px; }
.board_gallery .gallery_item_box .gallery_item { width:calc(100% / 3 - 80px / 3); margin-right:40px; margin-bottom:50px; }
.board_gallery .gallery_item_box .gallery_item:nth-child(3n) { margin-right:0; }
.board_gallery .gallery_item_box .gallery_item:hover .thumb img { transform: scale(1.05) translateY(-50%); }
.board_gallery .gallery_item_box .gallery_item a { width:100%; }
.board_gallery .gallery_item_box .gallery_item a .thumb { 
    overflow:hidden; background:#f5f5f5; border:2px solid #f5f5f5; box-sizing:border-box; 
    height:0; padding-bottom:75%; position: relative; width:100%;
}
.board_gallery .gallery_item_box .gallery_item a .thumb img { width:100%; transition:all .3s; position:absolute; top:50%; transform:translateY(-50%); }
.board_gallery .gallery_item_box .gallery_item a .info { margin-top:15px; text-align:left;  }
.board_gallery .gallery_item_box .gallery_item a .info h5.classification { font-size:18px; font-weight:500; }
.board_gallery .gallery_item_box .gallery_item a .info p.title { 
    font-size:20px; margin-top:10px; font-weight:700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.5;
    max-height: calc(1.5em * 2); 
    width:100%;
}
.board_gallery .gallery_item_box .gallery_item a .info p.title span { }
.board_gallery .gallery_item_box .gallery_item a .info p.title span.address { }
.board_gallery .gallery_item_box .gallery_item a .info p.title span.name { font-weight:500; }

/* //gallery */

/* gallery-view */
.case-view-wrap { padding:120px 0; }

.case-view-wrap .case-view-box {}
.case-view-wrap .case-view-box ul {}
.case-view-wrap .case-view-box ul li {}

.case-view-wrap .case-view-box ul li .gallery_subject { text-align:center; margin-bottom:50px;  }
.case-view-wrap .case-view-box ul li .gallery_subject h5.classification { font-size:24px; margin-bottom:20px; font-weight:700; text-decoration:underline; color:#bf2222; text-decoration-thickness:3px; text-underline-offset:4px; }
.case-view-wrap .case-view-box ul li .gallery_subject p.title { font-size:34px; font-weight:700; line-height:1.5;}
.case-view-wrap .case-view-box ul li .gallery_subject p.title span {}
.case-view-wrap .case-view-box ul li .gallery_subject p.title span.address {}
.case-view-wrap .case-view-box ul li .gallery_subject p.title span.name {}

.case-view-wrap .case-view-box ul li .gallery_info { text-align:center; display:flex; justify-content: center; margin-bottom:50px; color:#666; }
.case-view-wrap .case-view-box ul li .gallery_info p { font-weight:500; font-size:18px; }
.case-view-wrap .case-view-box ul li .gallery_info p.date { position:relative; }

.case-view-wrap .case-view-box ul li .gallery_inner { padding:50px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 300px; }
.case-view-wrap .case-view-box ul li .gallery_inner p { word-wrap:break-word; }
.case-view-wrap .case-view-box ul li .gallery_inner img { width:auto; max-width:100%; }

.case-view-wrap .case-view-box ul li .gallery_latest { display: flex; border-bottom: 1px solid #ccc; font-size:16px; }
.case-view-wrap .case-view-box ul li .gallery_latest p { width: 150px; background: #f9f9f9; padding: 20px; text-align:center; }
.case-view-wrap .case-view-box ul li .gallery_latest a {width: calc(100% - 150px);  line-height: 1.4; padding:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa;}

.case-view-wrap .gallery_bt { text-align: center; margin-top:50px; } 
.case-view-wrap .gallery_bt a { display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; background:#bf2222; color: #fff; border-radius: 5px; margin: 0 auto; font-size:15px; font-weight:500; }


/* //gallery-view */


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


}
@media screen and (max-width:1280px) {
    .case-wrap .tab a { font-size:20px; }
    
    .board-list-count { font-size:24px; }
    .board_list table thead tr th { font-size:19px;  }
    .board_list table tbody tr td { font-size:17px; }

    .board_gallery .gallery_item_box .gallery_item a .info h5.classification { font-size: 17px; }
    .board_gallery .gallery_item_box .gallery_item a .info p.title { font-size:19px; }

    .case-view-wrap .case-view-box ul li .gallery_subject h5.classification { font-size:22px; }
    .case-view-wrap .case-view-box ul li .gallery_subject p.title { font-size:30px; }
    .case-view-wrap .case-view-box ul li .gallery_info p { font-size:17px; }
    .case-view-wrap .case-view-box ul li .gallery_latest { font-size:15px; }
    .case-view-wrap .gallery_bt a { font-size:14px; }

}
@media screen and (max-width:1024px) {
    .case-wrap .tab a { height:70px; line-height:70px; }
    .filter ul li a { font-size:17px; height:70px; line-height:70px;}
    
    .board-list-count { font-size:22px; }

    .case-view-wrap .case-view-box ul li .gallery_subject p.title { font-size:27px; }
}
@media screen and (max-width:768px) {
    .case-wrap .tab a { font-size:17px; height:60px;  line-height:60px; }
    .filter ul li a { font-size:15px; height:60px; line-height:60px;}
    
    .board-list-count { font-size:19px; }
    .board_list table thead tr th { font-size:17px; }
    .board_list table tbody tr td { font-size:15px; }

    .board_gallery .gallery_item_box .gallery_item a .info h5.classification { font-size: 15px; }
    .board_gallery .gallery_item_box .gallery_item a .info p.title { font-size:17px; }
    .board_gallery .gallery_item_box .gallery_item { width: calc(100% / 3 - 30px / 3); margin-right: 15px; }

    .case-view-wrap .case-view-box ul li .gallery_subject { margin-bottom:30px; }
    .case-view-wrap .case-view-box ul li .gallery_subject h5.classification { font-size:18px; }
    .case-view-wrap .case-view-box ul li .gallery_subject p.title { font-size:23px; }
    .case-view-wrap .case-view-box ul li .gallery_info { margin-bottom:30px; }
    .case-view-wrap .case-view-box ul li .gallery_info p { font-size:15px; }
    .case-view-wrap .case-view-box ul li .gallery_latest { font-size:14px; }
    .case-view-wrap .gallery_bt a { font-size:13px; width:150px; height:40px; }

}
@media screen and (max-width:640px) {
    .case-wrap .tab a { height:50px;  line-height:50px; }
    .filter ul li a { font-size:15px; height:50px; line-height:50px;}
    
    
    .case-wrap .board-wrap .total_info { flex-direction:column-reverse; flex-wrap:wrap; margin-bottom:20px; }
    .seach_wrap { width:100%; margin-bottom:30px; flex-wrap:wrap; }
    .seach_wrap .search_select.case_select { width:100%; margin-right:0; margin-bottom:10px;  }
    .seach_wrap .search_select.case_select .nice-select { width:100%; }
    .seach_wrap .search_select.case_select .nice-select ul.list { width:100%; }
    .seach_wrap .search_select.case_select .nice-select .option { width:100%; }
    .seach_wrap .search_box { width:100%; position:relative;}
    .board-list-count { align-self:flex-start;}

    .board_gallery .gallery_item_box .gallery_item { width: calc(100% / 2 - 15px / 2); margin-right:15px; }
    .board_gallery .gallery_item_box .gallery_item:nth-child(3n) { margin-right:15px; }
    .board_gallery .gallery_item_box .gallery_item:nth-child(2n) { margin-right:0; }

    .case-view-wrap .case-view-box ul li .gallery_latest p { width:100px; padding:15px;  }
    .case-view-wrap .case-view-box ul li .gallery_latest a { width:calc(100% - 100px); padding:15px;  }
}
@media screen and (max-width:500px) {

    .filter ul li a { font-size:14px;}
    .board_list table { width:100%; table-layout:fixed; }
    .board_list table thead tr { flex-wrap:wrap; display:flex; width:100%; }
    .board_list table thead tr th {  box-sizing:border-box; padding:15px 5px; }
    .board_list table thead tr th.address { width:50%; }
    .board_list table thead tr th.classification { width:50%; }
    .board_list table thead tr th.name { width:50%; }
    .board_list table thead tr th.details { width:50%; }

    .board_list table tbody tr { flex-wrap:wrap; display:flex; width:100%; border-top:1px solid #b3b3b3; }
    .board_list table tbody tr:last-child { border-bottom:1px solid #b3b3b3; }
    .board_list table tbody tr:nth-child(2n+1) { background:#f5f5f5; }
    .board_list table tbody tr td { width:50%; box-sizing:border-box; border-top:none; padding:15px 5px; align-content:center;}
    
    .board_gallery .gallery_item_box .gallery_item { width: calc(100%); margin-right:0; margin-bottom:30px; }
    .board_gallery .gallery_item_box .gallery_item:nth-child(3n) { margin-right:0; }
    .board_gallery .gallery_item_box .gallery_item:nth-child(2n) { margin-right:0; }
    .board_gallery .gallery_item_box .gallery_item a .info { margin-top:10px; }
    .board_gallery .gallery_item_box .gallery_item a .info p.title { font-size:16px; margin-top:5px; }

}




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

    
}
@media screen and (max-width:1280px) {
   
}
@media screen and (max-width:1024px) {
    
}
@media screen and (max-width:768px) {
    
}
@media screen and (max-width:640px) {
    
}
@media screen and (max-width:500px) {
    
}