@charset "UTF-8";
img{ max-width: 100%;}
.taC,
.taC *{ text-align: center !important;}

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #888;
}

/* 테이블 리스트 타입01 */
.table_list_type01{ overflow: hidden;}
.table_list_type01.type2 td{ padding-top: 38px; padding-bottom: 38px;}

.table_list_type02 {}

.table_list_type01 .tal {text-align:left;}

.table_list_type01 tr.RECEPTION {
	background: #f7faa1;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.table_list_type01 tr.WAITING {
	background: #ffe6c8;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.table_list_type01 tr.PROCESSING {
	background: #ebffd6;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.table_list_type01 tr.CONTRACT {
	background: #c1e9ff;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.table_list_type01 tr:hover {
    /* background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;      */
}    
    
.table_list_type01 td, .table_list_type01 th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

.table_list_type01 th {
    background-color: #F7F8FA;
    white-space: nowrap;
}

.table_list_type01 td:first-child, .table_list_type01 th:first-child {
    border-left: none;
}

.bd_none td{
	border-top:0;
}

.table_list_type01.writeBoard td{ border-left: none;}

/* 카테고리관리 게시판 */

.table_list_type01.table_category > table{ border:none;}
.table_list_type01.table_category > table > tbody > tr > td {text-align:left; vertical-align:top;}

/* 정렬 아이콘 스타일 - 모든 테이블에서 공통 사용 */
.order_none {
    color: #ccc;
    text-decoration: none;
    margin-left: 3px;
    font-size: 11px;
    display: inline-block;
}
.order_select {
    color: #666;  /* 진한 회색으로 변경 */
    text-decoration: none;
    margin-left: 3px;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
}

.table_category{}
.table_category .tl_roundWrap{ width: 250px; border: 1px solid #888 !important; border-width: 1px !important; font-size: 14px; padding: 20px 20px 20px 22px; position: relative;}
.table_category .tl_roundWrap .node,
.table_category .tl_roundWrap .nodeSel{ display: inline-block; font-weight: 400; transform: translateX(6px);}

.table_category .tl_roundWrap .nodeSel{ color: #29C2EC; font-weight: 700;}

.table_category .tl_roundWrap .dtree{ line-height: 2;}

/* CSS 라인 스타일 비활성화 - 이미지 라인 사용 */
/* .table_category .tl_roundWrap > .dtree > .dtree > .dTreeNode::before{ display: none; } */
.table_category .tl_roundWrap .dtree #dd0{ padding-top: 10px;}
/* .table_category .tl_roundWrap .dtree #dd0::after{ display: none;} */

.table_category .tl_roundWrap .dtree .clip{ padding-left: 0px; margin-bottom: 10px; position: relative;}
/* .table_category .tl_roundWrap .dtree .clip::before{ content: ''; width: 1px; height: calc( 100% - 13px ); position: absolute; left: 18px; top: 0; background: #888;} */
/* .table_category .tl_roundWrap .dtree .clip:last-child::after{ content: ''; width: 10px; height: 107%; position: absolute; left: -16px; top: -13px; background: #fff;} */

.table_category .tl_roundWrap .dtree .dTreeNode{ position: relative; margin-left: 0px;}
/* .table_category .tl_roundWrap .dtree .dTreeNode::before{ content: ''; width: 12px; height: 1px; position: absolute; left: -6px; top: 50%; background: #888; transform: translateX(-100%);} */


.table_category .tr_roundWrap{ border: none; padding: 0 0 0 65px;}
.table_category .tr_roundWrap .table_list_type01{ margin-bottom: 50px;}

.table_category .tr_roundWrap tr th,
.table_category .tr_roundWrap tr td{ padding: 15px;}
.table_category .tr_roundWrap #category_table tr td:last-child{overflow: hidden; justify-content: center;}
.table_category .tr_roundWrap #category_table tr td:last-child input{ width: 85px; float: left;}
.table_category .tr_roundWrap #category_table tr td:last-child input + input{ margin-left: 10px; float: right;}

.table_category .tr_roundWrap tr td input[type="text"]{ border: 1px solid #888; border-radius: 0; font-size: 15px;}

.table_category .tr_roundWrap tr td{}



/* 게시물등록 게시판 */
.writeBoard th{ text-align: left; font-weight: 400;}
.writeBoard td, 
.writeBoard th{ padding: 18px 16px;}


.writeBoard input[type="text"],
.writeBoard input[type="password"],
.writeBoard input[type="url"],
.writeBoard input[type="email"],
.writeBoard textarea{ border: 1px solid #888; border-radius: 0; width: 640px; max-width: 100%;}

.writeBoard .flexC{ display: flex; align-items: center;}
.writeBoard .flexC > * + *{ margin-left: 10px;}

.writeBoard .addressSlot input[type="text"]{ margin:4px 10px 4px 0;}

.writeBoard .telSlot input[type="text"]{ width: 100px;}
.writeBoard em.tag{ display: inline-block; width: 100px; margin:10px 0;}
.writeBoard .siteMailSlot .button.white{ width: 150px;}

.writeBoard input[type="radio"]{ margin-right: 4px;}



/* 테이블 뷰 타입01 */
.table_view_type01 {
	margin:0 0 25px 0;
    border: solid #ccc 1px;
	border-top:0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
	background:#fff;
}

.table_view_type01 th {
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:    -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:     -ms-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:      -o-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image:         linear-gradient(top, #f7f7f7, #e9e9e9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
	text-align: center;
}

.table_view_type01 .tal {text-align:left; line-height:16px;}
.table_view_type01 .cont {padding:1%;}

.table_view_type01 .tl_round {
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

.table_view_type01 .tr_round {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.table_view_type01 tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.table_view_type01 td, .table_view_type01 th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 10px;
	height: 26px;
    text-align: center;
}

.table_view_type01 td:first-child, .table_view_type01 th:first-child {
    border-left: none;
	
}
/* 테이블 상단 */
.table_top {padding:50px 0 15px;  text-align:center; overflow:hidden; font-size: 15px; font-weight: 700;}
.table_top .left {float:left}
.table_top .right{float:right;}
.table_top.tt1 {margin-top:30px;}
.table_top .left{}
.table_top .left .button{ display: block; width: 100px; float: left; margin-right: 10px;}

/* 테이블 하단 */
.table_bottom { padding-top: 15px; overflow:hidden; text-align:center; font-weight: 700;}
.table_bottom .left {float:left;}
.table_bottom .right{float:right;}

/* 페이징 */
/* 기존 페이징 스타일 - common.css의 새로운 스타일로 대체됨 */
/*
.group_paging{text-align:center; margin-top:20px;}
.group_paging a{display:inline-block; width:23px; height:17px; margin-right:21px; font-weight:700; color:#d4d4d4;}
.group_paging span{display:inline-block; margin-right:21px; font-size:14px; color:#ddd;}
.group_paging .now_page{color:#888; text-decoration: underline;}
.group_paging a.gp_arrow{border:0; width:10px; height:15px; padding-top:0;}
.group_paging a.last{margin-right:0;}
*/

/*추가 테이블 타입*/
/* 테이블 리스트 타입01 */
.table_list_type100 {
	margin:0 0 25px 0;
    border: solid #ccc 1px;
	border-top:0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;
	background:#fff;
}

td.label_inline label {display:inline;}




/* WRITE : 첨부파일 스타일 */
.attachWrap:not(.type2),
.attachSlot_old{ display: flex; align-items: flex-start;}
#attach_all_old.attachSlot_old{ flex-direction: column;}
#attach_all_old.attachSlot_old br{ display: none;}

.attachWrap{ flex-wrap: wrap;}
.attachWrap > strong{ width: 100%; display: block; margin-top: 10px;}

.attachWrap .attachSlot > div,
.attachWrap .attachSlot_old > div{ display: flex;}
.attachWrap .attachSlot > div > div,
.attachWrap .attachSlot_old > div > div{ width: 89px; word-break: break-all; position: relative; margin-right: 10px; font-size: 14px;}
.attachWrap .attachSlot > div > div > img,
.attachWrap .attachSlot_old > div > div > img{ width: 100%; height: 89px; margin-bottom: 5px; object-fit: cover; background: #EBEBEB url(../images/common/imgCon.png)no-repeat center center; border: none;}
.attachWrap .attachSlot > div > div a.button.rosy,
.attachWrap .attachSlot_old > div > div input.button,
.attachWrap_file .attachSlot > div > div a.button,
.fileSlot_old > div input.button{ position: absolute; right: 5px; top: 5px; width: 11px; height: 11px; background: url(../images/common/xBtn.png)no-repeat center center / cover; text-indent: -9999999999px; overflow: hidden; border: none;}

.attachSlot > div br{ display: none;}

.attachWrap_file .attachSlot{ margin-top: 20px; width: 321px; border: 1px solid #888; padding: 5px 10px; word-break: break-all;}
.attachWrap_file .attachSlot > span{ color: #888; font-size: 14px;}
.attachWrap_file .attachSlot > div > div,
.fileSlot_old > div{ margin:5px 0; padding-left:24px; position: relative;}
.attachWrap_file .attachSlot > div > div::before,
.fileSlot_old > div::before{ content: ''; width: 14px; height: 16px; background: url(../images/common/fileCon.png)no-repeat center center / cover; position: absolute; left: 0; top: 3px;}
.attachWrap_file .attachSlot > div > div a.button,
.fileSlot_old > div input.button{ position: relative; filter: invert(.5); right: 0; top: 0;}
.attachWrap_file .attachSlot > div > div input[type="text"]{ width: 300px; margin-left: 3px;}




.attachWrap.type2 .attachSlot > div{ justify-content: center;}
.attachWrap.type2 .attachSlot > div > div{ margin: 0 0 10px;}



/* .fileSlot_old{ margin-bottom: 20px;} */


/* 윗글 아랫글 테이블 */
.writeBoard + .writeBoard{ margin-top: 50px;}

/* 리플 테이블 */

.reply{ margin-bottom: 50px;}
.reply textarea{ border:none; height: 74px;}
.reply .tr_round .blue{ margin-bottom: 10px;}

.cateWrap span{ display: inline-block; width: 162px; margin: 7px 0;}
.cateWrap.type2 span{ opacity: .5;}




/* 추가정보&연결정보 테이블 */

.linkTableWrap{ display: flex; margin: 50px 0;}
.linkTableWrap > div{ width: 100%; border: 1px solid #ddd; padding: 15px 15px 20px;}
.linkTableWrap > div + div{ margin-left: 40px;}
.linkTableWrap > div .tit{ font-weight: 700; padding-bottom: 16px;}
.linkTableWrap > div .searchWrap .searchBar{ width: calc(100% - 125px); border-color: #dddd;}
.linkTableWrap > div .searchWrap .button{ margin-left: 15px;}

.linkTableWrap > div .tableWrap{ width: 100%; height: 357px; overflow: hidden; overflow-y: auto; margin: 20px 0 16px;}

.linkTableWrap > div .tableWrap::-webkit-scrollbar{ width: 5px; background: #e9e9e9;}
.linkTableWrap > div .tableWrap::-webkit-scrollbar-thumb{ background: #888888;}

.linkTb{ width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #888;}
.linkTb th{ font-weight: 500; text-align: center; padding: 15px 10px;}

.linkTb td{ border-left: 1px solid #ccc !important;}
.linkTb td:first-child{ border-left: none !important;}


.linkTb td .button.white{ width: 81px;}

.linkTb td .attachWrap{ width: 100%; margin-bottom: 10px;}
.linkTb td .attachWrap img{ width: 100%;}
.linkTableWrap > div .linkBtnWrap{ text-align: right;}



.v_attachWrap{ display: flex;}
.v_attachSlot{ width: 89px; word-break: break-all; position: relative; margin-right: 10px; font-size: 14px;}
.v_attachSlot > img{ width: 100%; height: 89px; margin-bottom: 5px; object-fit: cover; background: #EBEBEB url(../images/common/imgCon.png)no-repeat center center; border: none;}


.allBtn{margin: 0 0 10px 10px;}



/* 대쉬보드 */

.db_tit > div::before{ content: '';display: inline-block; margin-right: 15px; width: 30px; height: 23px; background: url(../images/common/dbTitCon.png)no-repeat center center / cover; transform: translateY(3px);}

.table_list_type01.dbType td,
.table_list_type01.dbType th{ border-left: none; border-right: none;}

.table_list_type01.dbType .cate{ display: block; border: 1px solid #ddd; padding: 2px 20px; border-radius: 5px; white-space: nowrap; font-size: 14px;}
.table_list_type01.dbType .title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;}




@media screen and ( max-width:1200px ){
  .linkTableWrap{ display: block;}
  .linkTableWrap > div + div{ margin: 20px 0 0;}
}