.service_hd {padding:70px 0 85px 0; max-width:1400px; margin:0 auto; width:100%; }
.service_hd h1 {font-size:60px; font-family: 'Pretendard-Bold';}
.service_hd p {margin-top:20px; font-size:22px; color:#c7c7c7}

.top_img {width:100%; height:450px; background:url('../img/news_bg.jpg')no-repeat center bottom; background-size: cover; /*border-top:3px solid #2f37ff*/}

.news {margin-top:140px; padding-bottom:140px;}
.news .wid {max-width:1400px; margin:0 auto; }

.news .tab:after {content:''; clear: both; display: table;}
.news .tab {margin-top:-65px;}
.news .tab li {floaT:left; width:50%; height:65px; font-size:22px;  border-top:3px solid #c5c5c5;  background:#fff;}
.news .tab li a {display: inline-block; hieght:100%; width:100%; text-align:center; line-height:63px;  font-family: 'Pretendard-Medium';color:#bababa;}
.news .tab li.on {border:1px solid #000; border-bottom:none; border-top:3px solid #000;}
.news .tab li.on a {color:#000; font-family: 'Pretendard-Bold';}

.news .search {margin-top:60px; background:#f8f8f8; width:100%; padding:60px 220px;}
.news .search:after {content:''; clear: both; display: table;}
.news .search .lay_select { position: relative; float:left; width:200px;}
.news .search .lay_select p {display: inline-block; background:url('../img/down_icon.svg')no-repeat center right 18px #fff;  cursor: pointer; width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; color: #bbb; padding: 0 15px; line-height: 49px; z-index: 1; position: relative; }
.news .search .lay_select p.pad {border-radius: 5px 5px  0 0; border-bottom: none;}
.news .search .lay_select p.no {border:1px solid #EA3A3D}
.news .search .lay_select p b {font-weight: 400;}
.news .search .lay_select p span {display: none; margin-top:0; left:0;}
.news .search .lay_select p.on {color: #333; }
.news .search .lay_select p.on b {display: none;}
.news .search .lay_select p.on span {display: inline-block;color: #333; }
.news .search .lay_select ul {position: absolute; left: 0; top: 50px; border-radius: 0 0 5px 5px; width: 100%; overflow: hidden; height: 0; opacity: 0; z-index: 2; background: #fff; border: 1px solid #ddd; border-top: none; padding-bottom: 9px; overflow-y: scroll; }
.news .search .lay_select ul::-webkit-scrollbar {display: none;}
.news .search .lay_select ul li { display: inline-block; width: 100%; padding:8px 15px; }
.news .search .lay_select ul li input[type="radio"] {display: none;}
.news .search .lay_select ul li label {cursor: pointer; font-size: 13.5px; display: inline-block; width: 100%; font-weight: 400; color: #666;}
.news .search .lay_select ul li input[type="radio"]:checked + label {color:#666;}
.news .search .lay_select ul.on { opacity: 1;height: auto; max-height: 168px;}
.news .search input[type="text"] {width:100%; height:50px; width:calc(100% - 360px); float:left; margin:0 5px; border-radius:5px; border:1px solid #ddd; font-size:16px; padding:0 15px;}
.news .search input[type="text"]:focus {outline: none;}
.news .search input[type="text"]::placeholder {color:#ccc;}
.news .search button {float:left; width:150px; height:50px; border-radius:5px; background:#000; color:#fff; font-size:16px; border:none;}

.news h3 {font-size:18px; margin-top:70px; font-family: 'Pretendard-Bold';}
.news .list li:after{content:''; clear: both; display: table;}
.news .list {margin-top:15px; border-top:2px solid #000;}
.news .list li {position: relative; padding:35px 200px 35px 105px; border-bottom:1px solid #eee;}
.news .list li .num {position: absolute; width:95px; left:0; top:50%; transform: translate(0,-50%); font-size:23px; text-align:center; font-family: 'Pretendard-Light'; color:#888;}
.news .list li h4 {font-size:20px; font-family: 'Pretendard-SemiBold';}
.news .list li p {margin-toP:10px; font-size:16px; color:#7b7b7b; line-height:1.4em; display: -webkit-box; display: box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; width:100%; font-family: 'Pretendard-Light';}
.news .list li .day {position: absolute; right:0; top:50%; transform: translate(0,-50%); width:115px; text-align:center; font-size:14px; color:#bcbcbc;}









.pagenation {margin-top:90px;}
.pagenation ul {text-align:center; margin:0px 0 0px 0;}
.pagenation ul li {display:inline-block; padding:0 0px; height:35px; width:35px; border-radius:2px; font-size:18px; margin:0 5px; padding-top:7px; border-radius:50%;}
.pagenation ul li:first-child {width:auto; padding:0; height:35px;color:#000; position:relative; top:-1px;margin-right:25px;}
.pagenation ul li:last-child {width:auto; padding:0; height:35px;color:#000; position:relative;  top:-1px; margin-left:25px;}
.pagenation ul li a {color:#000;}
.pagenation ul li:first-child img {margin-right:10px; position: relative; top:-3px;}
.pagenation ul li:last-child img {margin-left:10px; position: relative; top:-3px;}
.pagenation ul li.on {background:#2F37FF; color:#fff;}
.pagenation ul li.on a {color:#fff;}














.news_detail {margin-top:140px; padding-bottom:120px;}
.news_detail .wid {max-width:1400px; margin:0 auto; }
.news_detail h2 {font-size:25px; padding:23px 2px; border-top:3px solid #000; border-bottom:1px solid #eee; font-family: 'Pretendard-SemiBold';}
.news_detail h2:after{content:''; clear: both; display: table;}
.news_detail h2 span {float:right; font-size:16px; color:#c8c8c8;font-weight: 400; font-family: 'Pretendard-Light'; margin-top:9px;}
.news_detail img {width:100%; margin:30px 0;}
.news_detail p.content {font-size:16px; line-height:1.4em; color:#333; }

.news_detail .link {padding:18px 5px; margin-top:170px; border-top:1px solid #eee;}
.news_detail .link a {display: inline-block; width:100%; margin:10px 0; font-size:14px; color:#969696; font-family: 'Pretendard-Light';}
.news_detail .link a img {width:auto; margin:0;margin-right:12px;}

.news_detail ul li {border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; font-size:15px; color:#c9c9c9; }
.news_detail ul li:last-child {border-top:none; }
.news_detail ul li b {display: inline-block; width:160px; text-align:center; background:#f9f9f9; padding:15px 0; font-weight: 400;}
.news_detail ul li b img {width:auto; margin:0;margin-left:15px; margin-top:-2px; font-family: 'Pretendard-Light';}
.news_detail ul li a {display: inline-block; width:calc(100% - 180px); padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative; top:4px; font-family: 'Pretendard-Light'; color:#c9c9c9}















.notice {margin-top:140px; padding-bottom:140px;}
.notice .wid {max-width:1400px; margin:0 auto; }


.notice .search {margin-top:-80px; background:#f8f8f8; width:100%; padding:60px 220px;}
.notice .search:after {content:''; clear: both; display: table;}
.notice .search .lay_select { position: relative; float:left; width:200px;}
.notice .search .lay_select p {display: inline-block; background:url('../img/down_icon.svg')no-repeat center right 18px #fff;  cursor: pointer; width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; color: #bbb; padding: 0 15px; line-height: 49px; z-index: 1; position: relative; }
.notice .search .lay_select p.pad {border-radius: 5px 5px  0 0; border-bottom: none;}
.notice .search .lay_select p.no {border:1px solid #EA3A3D}
.notice .search .lay_select p b {font-weight: 400;}
.notice .search .lay_select p span {display: none; margin-top:0; left:0;}
.notice .search .lay_select p.on {color: #333; }
.notice .search .lay_select p.on b {display: none;}
.notice .search .lay_select p.on span {display: inline-block;color: #333; }
.notice .search .lay_select ul {position: absolute; left: 0; top: 50px; border-radius: 0 0 5px 5px; width: 100%; overflow: hidden; height: 0; opacity: 0; z-index: 2; background: #fff; border: 1px solid #ddd; border-top: none; padding-bottom: 9px; overflow-y: scroll; }
.notice .search .lay_select ul::-webkit-scrollbar {display: none;}
.notice .search .lay_select ul li { display: inline-block; width: 100%; padding:8px 15px; }
.notice .search .lay_select ul li input[type="radio"] {display: none;}
.notice .search .lay_select ul li label {cursor: pointer; font-size: 13.5px; display: inline-block; width: 100%; font-weight: 400; color: #666;}
.notice .search .lay_select ul li input[type="radio"]:checked + label {color:#666;}
.notice .search .lay_select ul.on { opacity: 1;height: auto; max-height: 168px;}
.notice .search input[type="text"] {width:100%; height:50px; width:calc(100% - 360px); float:left; margin:0 5px; border-radius:5px; border:1px solid #ddd; font-size:16px; padding:0 15px;}
.notice .search input[type="text"]:focus {outline: none;}
.notice .search input[type="text"]::placeholder {color:#ccc;}
.notice .search button {float:left; width:150px; height:50px; border-radius:5px; background:#000; color:#fff; font-size:16px; border:none;}


.notice .tab1 {margin-top: 54px;}
.notice table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.notice table td {padding: 24px 0 24px 40px; font-size:18px; color:#000;  transition: .3s; position: relative; border-bottom:1px solid #eee}
.notice table .open_content td {font-family: 'Pretendard-SemiBold'; }
.notice table .open_content td {background:url('../img/close.svg')no-repeat right 10px top 24px; }
.notice table td b {position: absolute; left:13px; top:24px;}
.notice table .open_content td b {color:#2f37ff}
.notice table .open_content.on td {border-bottom:1px solid #2f37ff; background:url('../img/open.svg')no-repeat right 10px top 24px;}
  
.notice table tr.content_view.no {display: none}
.notice table tr.content_view td {background:#f7f7f7; padding:28px 40px; color:#8C8C8C; line-height:1.4em; font-size:16px; font-weight:400; color:#777;font-family: 'Pretendard-Light'; border-bottom:none;}
.notice table tr.content_view td b {color:#000; font-size:16px; top:28px; left:14px; font-family: 'Pretendard-SemiBold'; }









@media screen and (max-width:1400px) {
	.service_hd {padding:55px 30px 85px 30px;}
	.service_hd h1 {font-size:50px;}
	.service_hd p {font-size:20px;}
	.top_img {height:400px;}

	.news .wid {padding:0 30px;}
	.news_detail .wid {padding:0 30px;}
	.news_detail h2 {font-size:23px;}
	.news_detail h2 span {font-size:14px;}
	.notice .wid {padding:0 30px;}
}

@media screen and (max-width:1280px) {
	.news .tab {margin-top:-55px;}
	.news .tab li {font-size:18px; height:55px;}
	.news .tab li a {line-height:50px;}
	.news .search {padding:60px 100px;}
	.notice .search {padding:60px 100px;}

}

@media screen and (max-width:1050px) {
	.service_hd {padding:37px 30px 66px 30px}
	.service_hd h1 {font-size:40px;}
	.service_hd p {font-size:18px; margin-top:16px;}
	.top_img {height:300px;}

}

@media screen and (max-width:950px) {
	.service_hd {padding:25px 30px 55px 30px}
	.service_hd h1 {font-size:30px;}
	.service_hd p {font-size:15px; margin-top:13px;}
	.top_img {height:250px;}

	.news .tab {margin-top:-45px;}
	.news .tab li {font-sizE:16px; height:45px;}
	.news .tab li a {line-height:40px;}

	.news .search {margin-top:40px; padding:40px 40px;}
	.news .search .lay_select {width:160px;}
	.news .search .lay_select p {height:40px; line-height:38px; font-size:15px; background-size:10px; background-position: center right 13px;}
	.news .search .lay_select ul {top:40px;}
	.news .search input[type="text"] {height:40px; font-size:15px; width:calc(100% - 290px);}
	.news .search button {height:40px; font-size:15px; width:120px;}

	.notice .search {margin-top:-60px; padding:40px 40px;}
	.notice .search .lay_select {width:160px;}
	.notice .search .lay_select p {height:40px; line-height:38px; font-size:15px; background-size:10px; background-position: center right 13px;}
	.notice .search .lay_select ul {top:40px;}
	.notice .search input[type="text"] {height:40px; font-size:15px; width:calc(100% - 290px);}
	.notice .search button {height:40px; font-size:15px; width:120px;}

	.news h3 {font-size:16px;}
	.news .list li .num {width:60px; font-size:20px;}
	.news .list li {padding:35px 130px 35px 70px;}
	.news .list li h4 {font-size:18px;}
	.news .list li p {font-size:14px;}

	.pagenation ul li {font-size:14px; width:30px; height:30px;}
	.pagenation ul li:last-child img {width:20px; margin-left:9PX;}
	.pagenation ul li:first-child img {width:20px; margin-eight:9px;}




	.news_detail h2 {font-size:18px; padding:18px 1px;}
	.news_detail h2 span {font-size:12px;}
	.news_detail p.content {font-size:15px;}
	.news_detail ul li b {width:140px;}
	.news_detail ul li a {width:calc(100% - 145px)}
}

@media screen and (max-width:700px) {
	.service_hd {padding:10px 20px 35px 20px;}
	.top_img {height:150px;}

	.news .wid {padding:0 20px;}
	.news .tab {margin-top:-40px;}
	.news .tab li {font-size:14px; height:40px;}
	.news .tab li a {line-height:35px;}

	.news h3 {margin-top:+50px;}

	.news .search {padding:30px 20px; margin-top:30px;}
	.news .search .lay_select {width:100%; margin-bottom:5px; }
	.news .search .lay_select p {font-size:14px;}
	.news .search input[type="text"] {margin:0 5px 0 0; width:calc(100% - 105px); font-size:14px;}
	.news .search button {font-size:14px; width:100px;}

	.notice .search {padding:30px 20px; margin-top:-40px;}
	.notice .search .lay_select {width:100%; margin-bottom:5px; }
	.notice .search .lay_select p {font-size:14px;}
	.notice .search input[type="text"] {margin:0 5px 0 0; width:calc(100% - 105px); font-size:14px;}
	.notice .search button {font-size:14px; width:100px;}

	.notice .wid {padding:0 20px;}
	.notice table .open_content td {font-size:14px; background-size:18px;}
	.notice table .open_content.on td {background-size:18px;}
	.notice table tr.content_view td {font-size:12px; padding:20px 40px;}
	.notice table tr.content_view td b {font-size:14px; top:20px;}

	.news .list li .day {position: relative; width:auto; top:0; transform: none; font-size:12px; margin-top:11px; display: inline-block;}
	.news .list li {padding:25px 10px 25px 60px;}
	.news .list li .num {width:50px; font-size:16px;}
	.news .list li h4 {font-size:16px;}
	.news .list li p {font-size:12px; margin-top:5px;}

	.pagenation {margin-top:60px;}
	.pagenation ul li:first-child {margin-right:15px;}
	.pagenation ul li:last-child {margin-left:15px;}
	.pagenation ul li {width:25px; height:25px; font-size:12px; margin:0; padding-top:6px;}



	.news_detail {padding-bottom:80px;}
	.news_detail .wid {padding:0 20px;}
	.news_detail h2 {font-size:16px;}
	.news_detail h2 span {display: none;}
	.news_detail img {margin:20px 0;}
	.news_detail p.content {font-size:14px;}

	.news_detail .link {margin-top:120px;}

	.news_detail ul li {font-size:14px}
	.news_detail ul li b {width:80px; padding:13px 0;}
	.news_detail ul li b img {width:4px;}
	.news_detail ul li a {width:calc(100% - 85px)}
}