.notice {padding:150px 0px 75px 0px;}
.notice .wid {max-width:1400px; margin:0 auto; width:100%; position: relative;}
.notice h1 {text-align: center; font-size:35px; color:#111; font-weight:700;}
.notice .search:after {content:''; clear:both; display: table;}
.notice .search {max-width:580px; margin:35px auto 0 auto; position: relative;}
.notice .search input[type="text"] {height:60px; font-size:16px; padding:0 30px; background:#f6f6f6; width:100%; border:none; border-radius:50px; padding-right:70px;}
.notice .search .ser_bt {position: absolute; right:10px; top:0; width:60px; height:60px; border:none; background:none;}


.notice .top {position: relative; padding:35px 0px 0 0; border-top:1px solid #eee; margin-top:40px;}
.notice .top p {font-size:14px; color:#999; font-weight:300;}
.notice .top p img {margin:-2px 10px 0 13px;}
.notice .top p img.home {margin:-2px 5px 0 0;}
.notice .top p b {color:#111; font-weight:500;}
.notice .top p b img {filter:brightness(100) invert(1);}
.notice .top .select {cursor: pointer; width:100px; height:100%;  position: relative; z-index: 1; position: absolute; right:0px; top:0; }
.notice .top .select .label {width:100%; text-align:left; border:none; height:100%; padding-left: 20px; background: none; cursor: pointer; font-size:13px; color:#777; background:url('../img/down_arrow.svg')no-repeat center right 12px; border-radius:20px;font-weight:400;}
.notice .top .select .optionList {position: absolute; top:35px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; font-weight:400; border:1px solid rgba(0,0,0,0)}
.notice .top .select.active .optionList {max-height: 170px;overflow:auto; background:#fff; border:1px solid #eee; }
.notice .top .select .optionItem { padding:7px 17px 7px 20px; font-size:13px; color:#888; font-weight:400;}
.notice .top .select .optionItem:first-child {padding-top:13px;}
.notice .top .select .optionItem:last-child {padding-bottom:16px;}
.notice .top .select .optionList::-webkit-scrollbar {width: 6px;}
.notice .top .select .optionList::-webkit-scrollbar-thumb {background:  none; border-radius: 45px;} 



.notice table {width:100%; border-collapse: collapse; margin-top:30px; table-layout: fixed; overflow: hidden;}
.notice table th {padding:18px 0; font-weight:400; background:#F8F8F8; font-size:14px; color:#999; }
.notice table th:nth-child(2), .notice table td:nth-child(2) {text-align: left; padding-left:20px;}
.notice table tr {position: relative;}
.notice table td {font-size:14px; color:#333; padding:21px 2px; text-align: center; position: relative; border-bottom:1px solid #eee; vertical-align: top; cursor: pointer;}
.notice table td span {display: none;}
.notice table th:nth-child(1) {width:80px;}
.notice table th:nth-child(2) {width:;}
.notice table th:nth-child(3) {width:130px;}







.notice_detail {padding:150px 0px 75px 0px;}
.notice_detail .wid {max-width:1400px; margin:0 auto; width:100%; position: relative;}
.notice_detail h2 {font-size:30px; color:#111; font-weight:700; border-bottom:1px solid #eee; padding-bottom:40px; margin-bottom:40px; margin-top:17px;}
.notice_detail h3 {font-size:16px; color:#999; font-weighT:300;}
.notice_detail .contents {font-size:15px; line-height:1.5em; color:#222;}
.notice_detail .file {border:1px solid #e4e4e4; overflow: hidden; margin-top:140px;}
.notice_detail .file p {width:100%; background:#f6f6f6; padding:15px 18px; font-size:16px; font-weight:500; color:#555;}
.notice_detail .file table {width:100%; border-collapse: collapse; margin:10px 0;}
.notice_detail .file table td {padding:7px 15px 7px 50px; font-size:14px; color:#999; font-weight:300; position: relative;}
.notice_detail .file table td img {position: absolute; left:18px; top:6px; opacity: .6}
.notice_detail .file table td a {color:#1290e3; font-weight:500; font-size:15px; text-decoration: underline;}


.notice_detail .tb_more {width: 100%; margin-top: 20px; border:1px solid #e4e4e4;  overflow: hidden;}
.notice_detail .tb_more table {width: 100%; border-collapse: collapse;    table-layout:fixed }
.notice_detail .tb_more table th {border-top: 1px solid #e4e4e4; padding: 16px 0px 16px 15px; text-align: left; font-weight: 400; font-size: 15px; color: #59AD7D; width: 80px; background:none; font-weight:500;}
.notice_detail .tb_more table th svg {width: 13px; height: 13px; position: relative; top: 2px; margin-right: 6px; color: #f27127; }
.notice_detail .tb_more table th img {margin-left:9px; margin-top:-2px; filter:hue-rotate(267deg);}
.notice_detail .tb_more table td {border-top: 1px solid #e4e4e4; padding: 16px 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:none;}
.notice_detail .tb_more table td a {color: #777; font-size:15px; transition: .3s;}
.notice_detail .tb_more table td a:hover {color:#000;}
.notice_detail .tb_more table tr:first-child th{border-top:none;}
.notice_detail .tb_more table tr:first-child td{border-top:none;}


.notice_detail .wid_box {max-width:120px; width:100%; margin:45px auto 0 auto;}
.notice_detail .wid_box:after {content:''; clear:both; display:table;}
.notice_detail .wid_box button {margin-top:15px; margin-right:6px; height:46px; float:left; width:100%; border:1px solid #ddd; background:none; font-size:16px; color:#777; border-radius:6px; }
.notice_detail .wid_box button.edit {margin-right:0; background:#222; color:#fff; border:1px solid #222;}









@media screen and (max-width:1440px ) {
	.notice .wid {padding:0 60px;}
	.notice .top .select {right:60px;}

	.notice_detail .wid {padding:0 60px;}
}

@media screen and (max-width:1200px ) {
	.notice .wid {padding:0 40px;}
	.notice .top .select {right:40px;}

	.notice_detail .wid {padding:0 40px;}
}


@media screen and (max-width:767px ) {
	.notice {padding-top:140px;}
	.notice .wid {padding:0 20px;}
	.notice .top {padding-top:25px; margin-top:25px;}
	.notice .top .select {right:20px;}

	.notice h1 {font-size:25px;}
	.notice .search {paddinG:0 20px; margin-top:25px;}
	.notice .search input[type="text"] {height:48px; font-size:15px; padding:0 25px;}
	.notice .search .ser_bt {height:48px; width:48px; right:25px;}
	.notice .search .ser_bt img {width:20px;}

	.notice .top p {font-size:12px;}
	.notice .top p img {margin:-2px 7px 0 10px}
	.notice .top p img.home {width:12px;}
	.notice .top .select .label {font-size:12px;}
	.notice table {margin-top:24px;}
	.notice table th, .notice table td {font-size:13px;}
	.notice table th:nth-child(1) {width:50px;}
	.notice table th:nth-child(3), .notice table td:nth-child(3) {display: none;}
	.notice table td span {display: inline-block; width:100%; margin-top:5px; color:#aaa;  font-size:12px;}



	.notice_detail {padding-top:125px;}
	.notice_detail .wid {padding:0 20px;}
	.notice_detail h3 {font-size:13px;}
	.notice_detail h2 {font-size:20px; margin-top:12px; padding-bottom:20px; margin-bottom:20px;}
	.notice_detail .contents {font-size:14px;}

	.notice_detail .file p {font-size:14px;}
	.notice_detail .file table td a {font-size:14px;}

	.notice_detail .tb_more table th {font-size:14px;}
	.notice_detail .tb_more table td a {font-size:14px;}

}