@charset "utf-8";

/* board */

/******************************************** tab */
/* normalTab */
.tabBox {overflow:hidden; margin-bottom: 100px;  }
.tabBox ul {height:60px;border: 1px solid #dbdbdb; border-radius:0;  }
.tabBox li {float:left; text-align:center;  position: relative; border-radius: 0; border: 1px solid transparent; height: 60px; display: flex; align-items: center; justify-content: center;
 }
.tabBox li a {color:#333; font-size:20px;  font-weight: 400; color:#555555;line-height: 1; display: block; }
.tabBox li:hover,.tabBox .on {border: 1px solid #7BBF43; background: #7BBF43; }
.tabBox li:hover a,.tabBox .on a { color:#fff; font-weight: 600;   }

.tab_2ea li {width:50%;  }
.tab_3ea li {width:33.33%;}
.tab_4ea li {width:25%;}
.tab_5ea li {width:20%;}
.tab_6ea li {width:16.66%;}
.tab_7ea li {width:14.28%;}
.tab_8ea li {width:12.5%;}




/******************************* tableStyle */


.col tr td:nth-child(even) {background:#f9f9f9;}
.row tr:nth-child(even) {background:#f9f9f9;}
.rowBlue tr:nth-child(even) {background:#f7fdff;}


/* board */
.boardList {clear:both;  width:100%; margin: 25px 0;  overflow: hidden;  }
.boardList table {border-top:2px solid #666}
.boardList tr th {background:#f9f9f9  ;  font-size:16px;  font-weight:700; padding: 22px 16px; border-bottom:1px solid #dbdbdb; text-align:center; }
.boardList tr td {background:#fff; padding:  12px 16px; border-bottom:1px solid #dbdbdb; text-align:left; font-size:16px; border-left: 1px solid #dbdbdb;  }
.boardList tr td:first-child { border-left:0; }
.boardList tr td a {font-size:16px; width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; display: block;   }
.boardList tr td input.checkBox {vertical-align:middle; width:16px; height:16px;}
.boardList tr td .btn_gn {color:#ffffff; font-size:12px; line-height:17px; background:#86B404; padding:3px 10px; border:solid #63A65C 1px; text-align:center;}
.boardList tr td .btn_or {color:#ffffff; font-size:12px; line-height:17px; background:#FF9800; padding:3px 10px; border:solid #FF8000 1px; text-align:center;}





.boardform {clear:both;    }
.boardform table { width: 100%;  border-radius: 15px;   border: 1px solid #dbdbdb;  overflow: hidden; }
.boardform tr th {background:#224E90 ;  font-size:16px;  font-weight:700; padding:16px;  text-align:center; color:#fff; border-bottom:1px solid #dbdbdb; }
.boardform tr td {background:#fff; padding: 16px;  text-align:left; font-size:16px;  border-bottom:1px solid #dbdbdb;   }
.boardform p {font-size: 16px; margin-top: 6px; }


/* mobile - view*/
.boardWrite {clear:both; text-align: left;  border-top:2px solid #403e7c; width:100%;  }
.boardWrite .titBox {position:relative; padding:40px 30px; border-bottom:1px solid #ccc; background: #fafafa;  }

.boardWrite .titBox .tit {font-size:26px;text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.boardWrite .titBox .info {text-align:center}
.boardWrite .titBox .info span {position:relative; margin-left:12px; padding-left:14px; font-size:16px; color:#8c8c8c;}
.boardWrite .titBox .info span:before {content:''; position:absolute; top:7px; left:0; width:1px; height:12px; background:#cbcbcb;}
.boardWrite .titBox .info span:first-child:before {display:none;}
.boardWrite .file ul {float:left;}
.boardWrite .file li {font-size:16px;}
.boardWrite .file li a {font-size:16px;}
.boardWrite .file dl {overflow: hidden;}
.boardWrite .file dd  {float: left;}
.boardWrite .file dd a {display: block; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;} 
.boardWrite .contents {min-height:300px;}
.boardWrite dl {width:100%; padding:20px 0; border-bottom:1px solid #e2e2e2; overflow:hidden;}
.boardWrite dt {position:relative; float:left; width:150px; text-align:center; font-size:16px; font-weight:bold;}
.boardWrite dt.prev,
.boardWrite dt.next {margin-left:-10px; margin-right:10px;}
.boardWrite dt.prev:after {content:''; position:absolute; top:8px; right:40px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #cbcbcb; clear:both;}
.boardWrite dt.next:after {content:''; position:absolute; top:9px; right:40px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #cbcbcb; clear:both;}
.boardWrite dd {font-size:16px; color:#333}
.boardWrite .contents {padding:30px; border-bottom:1px solid #e2e2e2; overflow: hidden; font-size: 16px;}
.prevBox dd{ padding:0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px;  }
.boardWrite img {width: 100%;}


/* photo_list */
.photo_list {overflow: hidden; padding:40px; margin-top: 20px;  display:flex; gap:16px; flex-wrap: wrap; }
.photo_list li { width: calc( 25% - 16px);  box-sizing:border-box;  border:1px solid #ccc; border-radius: 20px; padding: 25px; 
}
.photo_list .imgbx {display: block; overflow: hidden; line-height: 0; width:100%; height:220px;  border: 1px solid #dbdbdb;  }
.photo_list .imgbx img {width:100%; height:100%; object-fit: contain; transform: scale(1.0); transition: transform .5s; }
.photo_list li:hover .imgbx img {transform:scale(1.2); transition: transform 2s; }
.photo_list li:nth-child(3n+1) {margin-left: 0;}
.photo_list .txtbx {margin-top:16px; }
.photo_list .txtbx p {font-size: 18px; font-weight: 400;
 line-height:1.4;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; min-height: 52px;}
.photo_list .txtbx span {margin-top:20px; display:inline-block; color:#999;  }


.photo_list>li>a { display:block;  }
.photo_list>li:hover { border: 2px solid #3E6DE4; transition: border-color ease 1s ;  }
.photo_list>lia:hover .imgbx img  {transform:scale(1.2); transition: transform 2s; }
.photo_list>li>a:hover p {color:#2a2d95; transition: all 0.3s ease; }



/*페이지넘버*/
.numBX {margin-top: 60px; text-align: center;}
.numBX a { display: inline-block; border-radius: 0.7em; width: 40px; height: 40px; border:1px solid #ccc; line-height:40px;  text-align: center; cursor:pointer;  }
.numBX a:hover {background: #064BCB  ; color:#fff;} 
.numBX .on {background: #064BCB  ; color:#fff;  }

.cases_num:before {content:' '; display: inline-block; width: 6px; height: 6px;  border-radius: 50%;   border: 4px solid #064BCB ;  margin-right: 4px; line-height: 16px; vertical-align: middle;   }


/* thumb List */
.thumbList {clear:both; border-top:2px solid #727272; width:100%;}
.thumbList ul {overflow:hidden;}
.thumbList .head {background:#f6f6f6; font-size:16px; font-weight:500; padding:15px 0; border-bottom:1px solid #dedede; text-align:center; overflow:hidden;}

.thumbList .head li {position:relative;float:left; width:20%;}
.thumbList .head li .seqSet {position:absolute; top:2px; right:30px;}
.thumbList .cont {position:relative; padding:14px 0; border-bottom:1px solid #dedede; text-align:center; font-size:16px; }
.thumbList .cont li {float:left;}
.thumbList .cont li.tit {margin:20px 0 0 40px;}
.thumbList .cont a {font-size:18px;}
.thumbList .cont .btnView {float:right; margin-right:30px;}

.board_schbx {display: flex; align-items:center; justify-content: space-between; }
.board_schbx .cases_num {width:80px; }
.board_schbx > div {   }
.board_schbx p {font-size: 16px; }
.board_schbx select { padding: 0 10px; height: 40px; border-radius: 10px;   box-sizing: border-box; width: 200px; border: 1px solid #dbdbdb;  font-size: 14px;  } 

.board_schbx input[type="text"] { 
    border: 1px solid #dbdbdb; 
    font-size: 14px;
    padding: 0 20px; 
    height: 40px;
    border-radius: 10px;
    overflow: auto;
    box-sizing: border-box; }

.board_schbx button { font-size: 16px; height: 40px;  background: #b3b3b3 ; border-radius: 10px; padding: 0 20px; color:#fff;  } 


.board_wrap .btnbx { margin-top: 20px; }
.board_wrap .btnbx a {width: 100px;  text-align: center; }





/* board */
.boardList2 {clear:both;  width:100%; margin: 25px 0;  overflow: hidden;    }
.boardList2 table {  border-top: 1px solid #666;}
.boardList2 tr th {  font-size:16px;  font-weight:500;  padding: 20px 16px; border-bottom:1px solid #dbdbdb; text-align:center; color:#333; background: #f9f9f9; }
.boardList2 tr td { padding: 18px 10px; border-bottom:1px solid #dbdbdb; text-align:left; font-size:16px; text-align: center; }


.boardWrap .boardList2 table { border-right: 0; margin-top:20px;  }
.boardList2 table tr td a {font-size:16px; max-width: 800px ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; display: block; color:#333;   }





















/*반응형*/
@media (max-width:1440px){
    .boardList {overflow-x: auto;}
    .boardList table{ width: 100%; table-layout: auto;}
    
    .boardList2 table tr td a  {max-width: 400px;}
    .boardList2 {overflow-x: auto;}
    .boardList2 table{ width: 100%; table-layout: auto;}

}


@media (max-width:960px){ 
    .boardList {overflow-x: auto;  width: 100%; white-space: nowrap; }
    .boardList table{ width: 100%;  }
    .boardList tr th {font-size: 14px; padding: 10px 16px;  }
    .boardList tr td {font-size: 14px; padding: 10px 6px;     word-break: break-all;  }
    .boardList tr td p {font-size: 14px !important;; }
    .boardList tr td a {font-size: 14px; }
    
    .boardList::-webkit-scrollbar{  height: 5px; }
    
    .photo_list { padding: 20px; }
    .photo_list li { width: 45%; }
    .photo_list li:nth-child(3n+1) {margin-left: 5%; }
    .photo_list li:nth-child(2n+1) {margin-left: 0; }
    .photo_list .txtbx p {font-size: 14px; min-height: 38px;  }
    .photo_list .txtbx span {font-size: 12px; margin-top: 10px; }
    
    .tabBox {margin-bottom: 0; }
    .tabBox ul {height: 52px; }
    .tabBox li {height: 52px; }
    .tabBox li a {font-size: 14px; }
    
    
    
    .boardList2 {overflow-x: auto;  width: 100%; white-space: nowrap; }
    .boardList2 table{ width: 100%;  }
    .boardList2 tr th {font-size: 13px; padding: 14px 16px;  }
    .boardList2 tr td {font-size: 13px; padding: 14px 6px; word-break: break-all;  }
    .boardList2 tr td p {font-size: 14px !important;; }
    .boardList2 table tr td a {font-size: 14px; }
    
    .boardList2::-webkit-scrollbar{  height: 5px; }
    
    
}




@media (max-width: 768px){ 
    .boardList {margin: 10px 0 ; border-radius: 5px 5px 0 0; }
    
    
    .numBX {margin-top: 20px;}
    .numBX a {line-height: 30px; height: 30px; width: 30px; font-size: 12px;  }
    .board_schbx p {font-size: 12px; }
    .board_schbx select {font-size: 12px; height: 32px; width: auto;   }
    .board_schbx input[type="text"] {font-size: 12px; height: 32px; width: 45%;   }
    .board_schbx button {font-size: 12px; height: 32px; padding: 0 12px;  }
    .photo_list {padding: 0; }
    .photo_list li { width: 100%; margin-left: 0; padding: 24px;  }
    .photo_list li:nth-child(3n+1) {margin-left: 0; }
    .photo_list .imgbx { height: 280px; }
    .photo_list .imgbx img { width: 100%; height: 100%; object-fit: contain; }
    
    
    
    
    
    .boardWrite .titBox { padding: 20px 16px; }
    .boardWrite .titBox .tit { font-size: 16px; font-weight: 700;  }
    .boardWrite .titBox .info span {font-size: 12px; margin-left: 0;  }
    .boardWrite .titBox .info span:before {top:0; left:6px;  }
    .boardWrite .contents { padding: 16px; font-size: 14px; }
    .boardWrite dt { width: 15%; font-size: 12px; }
    .boardWrite dd {font-size: 12px;  }
    .boardWrite dl {padding: 14px 0; }
    .boardWrite dt.prev:after {display: none;   }
    .boardWrite dt.next:after { display: none; }
    .boardWrite .file dd a {font-size: 12px; }
     .contentbx .boardWrite p {font-size: 14px !important; }
    
	.photo_list .txtbx p {min-height:auto}
	.photo_list .txtbx span {margin-top:5px; }

}




@media (max-width: 600px){ 
    .tabBox ul {  display:flex;   flex-wrap: wrap; gap:4px; height: auto; overflow: hidden; border-radius: 0; border:0; }
    .tabBox li{border: 1px solid #dbdbdb;  height:40px;  }
    
    .tabBox li a {font-size: 12px;  letter-spacing: -0.05rem;  } 
    .tab_2ea li {width: calc(50% - 4px);  }
    .tab_3ea li {width:calc(50% - 4px); }
    .tab_4ea li {width:calc(50% - 4px);;  }
    .tab_5ea li {width:calc(50% - 4px);  }
    .tab_6ea li {width:calc(50% - 4px);}
    .tab_7ea li {width:calc(50% - 4px); }
    .tab_8ea li {width:calc(50% - 4px);  }



}