@charset "utf-8";

/*목록,리스트*/
#listForm .table_basic {border-top:1px solid rgba(0,0,0,.15) !important;}
#listForm .table_basic thead tr th{line-height:1;padding:30px 15px; font-size:18px; border-bottom:1px solid rgba(0,0,0,.15);font-weight:500}
#listForm .table_basic thead tr th a {font-weight:500;}
#listForm .table_basic tbody tr th {line-height:1;padding:30px 15px; font-size:18px; border-bottom:1px solid rgba(0,0,0,.15);}
#listForm .table_basic tbody .bg3.tc th {background:transparent;}
#listForm .table_basic tbody .bg3.tc td {background:transparent;}
#listForm .table_basic tbody .bg3.tc th .fs09 {position:relative;font-size:0}
#listForm .table_basic tbody .bg3.tc th .fs09:before {content:"공지";position:absolute;top:50%;left:50%;transform: translate(-50%, -60%);height:35px; width:60px; border-radius:50px;align-content:center;text-align:center;color:#fff;background:#00ba9d;font-size:16px;}
#listForm .table_basic tbody tr:hover{background:#f5f5f5;transition:all .3s ease;background:#f2f9f7}
#listForm .table_basic tbody tr td {line-height:1;padding:30px 15px; font-size:18px; border-bottom:1px solid rgba(0,0,0,.15);}
#listForm .table_basic tbody tr td .wrap100 {text-align:center;}

#listForm .table_basic thead tr th:nth-child(1), #listForm .table_basic tbody tr td:nth-child(1) {width:10% !important}
#listForm .table_basic thead tr th:nth-child(2), #listForm .table_basic tbody tr td:nth-child(2) {}
#listForm .table_basic thead tr th:nth-child(3), #listForm .table_basic tbody tr td:nth-child(3) {}
#listForm .table_basic thead tr th:nth-child(4), #listForm .table_basic tbody tr td:nth-child(4) {}

/*비급여항목*/
.conts003005 #listForm .docInfo {margin:0;}
.conts003005 #listForm .docTab {margin: 0 !important;}
.conts003005 #listForm .docTab:after{display:none}
.conts003005 #listForm .docTab .tabBox {margin-top:50px;display:flex;gap:10px;padding:10px;background:#f2f9f7;border-radius:50px;}
.conts003005 #listForm .docTab .tabBox li {width:calc((100% - 50px) /6);}
.conts003005 #listForm .docTab .tab p a {display:flex;height:auto; font-size:17px; padding:10px 0;align-items:center;border-radius:50px;justify-content:center;width:100%;font-weight:500;border:0;background:transparent}
.conts003005 #listForm .docTab .tab.on p a {background:#00ba9d;color:#fff;}
.conts003005 #listForm .table_basic {margin-top:100px;}
.conts003005 #listFrom .table_basic caption {display:none;}
.conts003005 #listForm .table_basic tbody tr:hover{background:transparent}
.conts003005 #listForm .table_basic thead tr th {font-size:15px;border-right:1px solid rgba(0,0,0,0.15);padding:25px 15px;word-break:keep-all;background:#f2f9f7}
.conts003005 #listForm .table_basic thead tr th:last-child {border-right:0;}
.conts003005 #listForm .table_basic tbody tr td {font-size:14px;border-right:1px solid rgba(0,0,0,.15);padding:25px 15px;word-break:keep-all}
.conts003005 #listForm .table_basic tbody tr td:last-child {border-right:0;}
.conts003005 #listForm .table_basic tbody tr td .left {text-align:center;}

.docBottom {margin-top:0;}
.docBottom .pageNavigation {margin:50px 0 0 0;padding:0;display:flex;justify-content:center;align-items:center}

.pageNavigation .tcolbg {background:#00ba9d !important;background:#000 !important;}
.pageNavigation strong, .pageNavigation a {font-family:"Pretendard" !important;width:40px ;height:40px; font-size:16px; border-radius:50%;display:flex;justify-content:center;align-items:center;padding:0;transition:all .3s ease;color:rgba(0,0,0,.5);line-height:40px}
.pageNavigation a {border:none !important}
.pageNavigation a:hover{color:#000;background:transparent}
.pageNavigation .quick {background:transparent;padding:0;margin:0;}

.pageNavigation em a .quick {position:relative;padding:0;margin:0;background:transparent;}
.pageNavigation em a .quick:before{font-family:"FontAwesomes";position:absolute;top:50%;left:50%; transform:translate(-50%, -50%);color:rgba(0,0,0,.3);transition:all .3s ease}
.pageNavigation em a .quick:hover:before {color:#000}
.pageNavigation em:nth-child(1) a .quick:before{content:"\f100";}
.pageNavigation em:nth-child(2) a .quick:before{content:"\f104";}
.pageNavigation em:nth-child(6) a .quick:before{content:"\f105";}
.pageNavigation em:nth-child(7) a .quick:before{content:"\f101";}
.pageNavigation em:nth-child(8) a .quick:before{content:"\f105";}
.pageNavigation em:nth-child(9) a .quick:before{content:"\f101";}
.pageNavigation .quick img {display:none;}

.searchBox {padding:0 !important;margin:30px 0 0 0 ;}
.searchBox .selectBox {margin:0 auto; border-radius:50px; background:#f5f5f5;height:55px; width:max-content;display:flex;ailgn-items;center;background:#f2f9f7}
.searchBox .selectBox #sh {width:130px ;height:100%;background:transparent;border:none;padding:0 20px;}
.searchBox .selectBox #shc {width:300px !important;height:100%;background:transparent;padding:0 20px;border:none;min-width:initial}
.searchBox .selectBox .btnPack {position:relative;width:50px;height:100%;background:transparent;border:none;font-size:0;color:#000}
.searchBox .selectBox .btnPack:before {content:"\f002";font-family:"FontAwesomes";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:14px; }

.docRead {margin:0;}
.docRead .readHeader {border-bottom:2px solid #000}
.docRead .readHeader .titleAndUser .title {margin:0 0 40px 0;}
.docRead .readHeader .titleAndUser .title h4 {font-size:36px;word-break:keep-all}
.docRead .readHeader .author {margin-top:30px;position:inherit;display:none}
/*.docRead .readHeader .dateAndCount {display:flex;}*/

.docRead .contentBody {margin:0;padding:40px;word-break:keep-all;}
.docRead .dateAndCount .date span {font-family:"Pretendard"}

.document .fileAttatch {font-size:15px !important; padding:20px 10px !important;border:none;border-top:1px solid rgba(0,0,0,.15);background:transparent;}
.document .fileAttatch li {margin:5px 0 0 0 ;padding:0}
.document .fileAttatch li:first-child {margin-top:0;}

.docButton {margin:0;display:flex;justify-content:center;}
.docButton .docBtn {margin:20px 0 0 0;padding:0}
.docButton .docBtn li{margin:0 5px 0 0}
.docButton .docBtn .btnPack {border-radius:50px; border:1px solid rgba(0,0,0,.15); }
.docButton .docBtn a {font-size:15px !important;padding:0 30px;}


/*갤러리,앨범*/
#listForm .docThumb {margin:0;}
#listForm .docThumb:after {margin-bottom:0;margin-top:30px;}
#listForm .docThumb>.center {display:flex;flex-wrap:wrap;gap:0;justify-content: space-between}
#listForm .docThumb .center .cell {width: 25%}
/*#listForm .docThumb .center .cell .viewImage{padding:0;}*/
#listForm .docThumb .cell .viewImage a {border-radius:30px; overflow:hidden;border:none}
#listForm .docThumb .cell:hover .viewImage a img {transform:scale(1.1);transition:all .3s ease-in-out;object-fit:cover}
#listForm .docThumb .cell .center .nameAndDate .date span{font-family:"Pretendard"}






@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1400px){
	.docRead .readHeader .titleAndUser .title h4 {font-size:34px}


	.conts003005 #listForm .docTab .tabBox {gap:0;margin-top:40px;}
	.conts003005 #listForm .docTab .tabBox li {width:auto;flex:1}
	.conts003005 #listForm .docTab .tabBox li p a {font-size:16px; height:auto;padding:10px 0;}
	.conts003005 #listForm .table_basic thead tr th {font-size:13px}
	.conts003005 #listForm .table_basic tbody tr td {font-size:13px;}
	.conts003005 #listForm .table_basic {margin-top:70px;}
	.conts003005 #listForm .table_basic thead tr th {padding:20px 12px}
	.conts003005 #listForm .table_basic tbody tr td {padding:20px 12px}
}
@media only screen and (max-width:1200px){
	#listForm .docThumb .center .cell {width:calc((100% - 0px) /3);width:33.333%}

	#listForm .table_basic thead tr th {padding:25px 15px;font-size:17px;}
	#listForm .table_basic tbody tr td {padding:25px 15px;font-size:17px;}

	.docRead .readHeader .titleAndUser .title h4 {font-size:32px}
}
@media only screen and (max-width:1000px){


	.conts003005 #listForm .docTab .tabBox {margin-top:30px}
	.conts003005 #listForm .docTab .tabBox li p a {font-size:14px;;}
	.conts003005 #listForm .table_basic {margin-top:50px;}
	.conts003005 #listForm .docInfo{width:100%;overflow-x:scroll;}
	.conts003005 #listForm .table_basic{min-width:1200px;}

	.docRead .readHeader .titleAndUser .title h4 {font-size:30px}
}
@media only screen and (max-width:800px){

	.searchBox .selectBox #sh {width:120px;}
	.searchBox .selectBox .btnPack {width:45px;}

	.docRead .readHeader .titleAndUser .title h4 {font-size:28px}

	.conts003005 #listForm .docTab {width:100%;overflow-x:scroll;}
	.conts003005 #listForm .docTab .tabBox {width:800px ;}
}
@media only screen and (max-width:767px){
	#listForm .docThumb .center .cell {width:calc((100% - 0px)/2);width:50%;margin-bottom:20px}
	#listForm .docThumb .center .cell .title a {font-size:17px;}
	#listForm .docThumb .cell .viewImage a {border-radius:20px}

	#listForm .table_basic thead tr th{padding:22px 15px;font-size:16px}
	#listForm .table_basic tbody tr td {padding:22px 15px;font-size:16px}
	.pageNavigation strong, .pageNavigation a {margin-right:0;width:38px;height:38px;}

	.docRead .contentBody {padding:30px;}
}
@media only screen and (max-width:600px){
	.searchBox .selectBox #shc {width:auto !important}
	.searchBox .selectBox .btnPack {width:42px;}

	.docRead .readHeader .titleAndUser .title h4 {font-size:26px}

	.conts003005 #listForm .docTab .tabBox {width:700px ;}

}
@media only screen and (max-width:500px){
	.pageNavigation strong, .pageNavigation a {width:35px;height:35px;font-size:15px;}
	.searchBox .selectBox {width:100%;background:transparent;height:auto;flex-wrap:wrap;border-radius:0}
	.searchBox .selectBox span:nth-of-type(2){width:100%; margin-top:5px;}
	.searchBox .selectBox #sh {width:100% !important;background:#f5f5f5;border-radius:50px;height:50px;background:#f2f9f7}
	.searchBox .selectBox #shc {width:100% !important;background:#f5f5f5;border-radius:50px;height:50px;padding:0 70px 0 20px;background:#f2f9f7}
	.searchBox .selectBox .btnPack {width:40px;height:40px;right:0;bottom:25px; position:absolute;}

	.docButton .docBtn a {padding:0 20px;}

	.docRead .readHeader .titleAndUser .title h4 {font-size:24px}
}
@media only screen and (max-width:400px){

	.docButton .docBtn a {padding:0 15px;}
}