@charset "utf-8";
/* CSS Document */

/* 뉴스 목록 */
.newsHead {text-align: center; margin-top: 0; padding:4.375rem 1rem 5.625rem; border-bottom: 1px solid #e7e7e7;}
.newsHead .newsTitle {font-family: 'SamsungOneKorean',arial;  font-weight: 400;}
.newsHead .newsTitle h2 {color: #111111; font-family: 'SamsungSharpSans'; font-weight: 600; font-size: 4.375rem; line-height: 100%; margin-bottom: 1.563rem;}
.newsHead .newsText {font-size: 1.25rem; font-family: 'SamsungOneKorean',arial; font-weight: 500; color: #2b2b2b;}


/* 셀렉트 영역 :: 20240529 */
.newsSort {border-bottom: 1px solid #ddd;}
.newsSort .inner {display: flex; justify-content: flex-end; gap: 50px; max-width: 1160px; width: 100%; margin: 0 auto; padding: 5px 30px;}

@media screen and (max-width: 768px) {
  .newsSort .inner {flex-direction: column; gap: 0; padding: 5px 0;}
  .newsSort .inner button {width: 100%; height: 50px; padding: 10px 24px; text-align: left;}
}


/* 뉴스 목록- Visual 이미지 영역 */
.newsHead_visual {text-align: center; margin-top: 0;  width:100%; height: 46vh;  padding: 10vh 5vh 1vh; background: url(/images/News_KV_1920_384.jpg) no-repeat center/cover;}
.newsHead_visual .inner {position: relative; height: 100%; max-width: 1160px; margin: 0 auto;}
.newsHead_visual .newsTitle {font-family: 'SamsungOneKorean',arial;  font-weight: 400;}
.newsHead_visual .newsTitle h1 {color: #fff; font-family: 'SamsungSharpSans'; font-weight: 600; font-size: 4.625rem; line-height: 100%; margin-bottom: 1.563rem; padding-top: 53px;}
.newsHead_visual .newsText {font-size: 1.5rem; font-family: 'SamsungOneKorean',arial; font-weight: 500; color: #fff; line-height:1.3;}
/*.newsHead_visual .newsText {font-size: 2.5rem; font-family: 'SamsungOne',arial; font-weight: 500; color: #fff;}*/
.newsHead_visual .visitSite {font-size: 1.0rem; font-family: 'SamsungOneKorean',arial; font-weight: 500; color: #fff; line-height:2.17; text-decoration: underline; padding: 0 0.7rem 0 0; margin-right: 0.5rem; background: url(/images/wt_news_nav.png) no-repeat right center;}
.newsHead_visual .district {position: absolute; bottom: 0; left: 0; color: #fff; font-size: 1.250rem; font-weight: 400; font-family: "SamsungOneKorean";}


/* 셀렉트 시작 */
.tabMenuWarp {display: flex; position: relative; justify-content: space-between;}
.tabMenuWarp .tabMenu {}
.tabMenuWarp .tabMenu li {padding: 0;}
.tabMenuWarp .selBox {}
.tabMenuWarp .selBox {
	position: relative;
	width: 200px;/* 너비설정 */
	border-bottom: 2px solid #000000; /* 테두리 설정 */
	z-index: 1;
	margin-top: 0;
}


/* 가상 선택자를 활용 화살표 대체 */
.tabMenuWarp .selBox:before,
.tabMenuWarp .selBox:after {
    /* arrow icon in CSS */
    content: '';
    position: absolute;
		top: 50%;
    right: 0;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #485c68;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
	.tabMenuWarp .selBox:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	 }
  .tabMenuWarp .selBox:after {
  	right: 6px;
	}
  .tabMenuWarp .selBox:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.tabMenuWarp .selBox label {
	position: absolute;
	top: 7px; /* 위치정렬 */
	left: 5px; /* 위치정렬 */
	width: 82%;
	padding: 0 5px; /* select의 여백 크기 만큼 */
	color: #333;
	font-family: "SamsungOneKorean";
	font-size: 1.25rem;
	font-weight: 600;
	/* 한 줄 자르기 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 여러 줄 자르기 추가 스타일 */
	/*white-space: normal;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;*/
	z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
}

.tabMenuWarp .selBox select {
	width: 100%;
	font-family: "SamsungOneKorean";
	font-size: 1.4rem;
	height: auto;  /* 높이 초기화 */
	line-height: normal; /* line-height 초기화 */
	font-family: inherit; /* 폰트 상속 */
	padding: 5px 5px 14px 5px;  /* 여백과 높이 결정 */
	border: 0;
	opacity: 0;  /* 숨기기 */
	filter: alpha(opacity=0);  /* IE8 숨기기 */
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
/* 셀렉트 끝 */

.tabMenuA {}
.tabMenuA .tabList {display: flex; font-family: 'SamsungSharpSans'; font-size: 1.875rem; line-height: normal; font-weight: bold; letter-spacing: -0.45px; margin: 0; padding: 0;}
.tabMenuA .tabList li {margin: 0 0 0 70px; padding: 7px 0; border-bottom: 3px solid #ffffff;}
.tabMenuA .tabList li:first-child {margin-left: 0;}
.tabMenuA .tabList li:hover,
.tabMenuA .tabList li.active {border-bottom: 3px solid #2d51d6;}
.tabMenuA .tabList li a {color: #949494; text-decoration: none;}
.tabMenuA .tabList li.active a,
.tabMenuA .tabList li:hover a {color: #2d51d6;}

.newsList {max-width: 1160px; width: 100%; margin: 40px auto 60px !important;}

.tab_cont .boardList {margin-top: 3.75rem;}

.newsList .boardList {}
.newsList .boardList ul {margin: 0; padding: 0;}
.newsList .boardList ul li {margin: 0; padding: 0;}
.newsList .boardList ul li + li  {margin-top: 40px;}
.newsList .boardList ul li a {display: block;}
.newsList .boardList ul li .contentWarp {display: flex; justify-content: space-between;}
.newsList .boardList ul li .contentWarp .images {overflow: hidden; max-width: 350px; max-height: 220px; height: 100%; line-height: 0;}
.newsList .boardList ul li .contentWarp .images img {width: 100%; height: 100%;    position: relative; opacity: 1; transform: scale(1);  -webkit-transform: scale(1); -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; line-height: 0;}
.newsList .boardList ul li:hover .contentWarp .images img {opacity: 0.8; transition: transform 1s; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15);}

/*
.newsList .boardList ul li .contentWarp .images img {width: 100%; height: 100%;}
.newsList .boardList ul li:hover .contentWarp .images img {opacity: 0.8; transition: transform 1s; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15);}20200312 backup*/

.newsList .boardList ul li .contentWarp .images .zoom {display: block; line-height: 0;}
.newsList .boardList ul li .contentWarp .content {max-width: 750px; width: 100%; padding-left: 30px;}
.newsList .boardList ul li .contentWarp .content .title {overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #111111; line-height: 1.33; font-size: 1.875rem; font-family: 'SamsungSharpSans', 'SamsungOneKorean',arial; letter-spacing: normal; font-weight: bold; margin-bottom: 1.25rem; max-height: 2.6em;}
.newsList .boardList ul li .contentWarp .content .contents {overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; color: #666666; line-height: 1.5; font-size: 1.25rem; letter-spacing: 0; font-family: 'SamsungOneKorean',arial; letter-spacing: normal; font-weight: 400; margin-bottom: 1.875rem; max-height:4.6em;}
.newsList .boardList ul li .contentWarp .content .info {color: #575454; line-height: 1.5; font-size: 1.25rem; letter-spacing: -0.5px; font-family: 'SamsungOneKorean',arial; font-weight: 400; margin-bottom: 0;}
.newsList .boardList ul li .contentWarp .content .info .state {}
.newsList .boardList ul li .contentWarp .content .info .date {}
.newsList .boardList ul li .contentWarp .content .info .state + .date {position: relative; margin-left: 10px; padding-left: 15px;}
.newsList .boardList ul li .contentWarp .content .info .state + .date:before {content: ''; width: 2px; height: 60%; position: absolute; left: 0; top: 25%; background: #d9d9d9;}
.newsList .boardList ul li .contentWarp .content .info .press { height: 30px; position: absolute;  background: #e2e5f8; margin-left:12px; padding:0 6px 8px; border-radius: 3px;  color:#2d51d6;  font-size:1.25rem; font-weight: bold; letter-spacing: -0.5px;}

.newsList .boardList + .boardBtn {margin-top: 100px; margin-bottom: 120px;}
.newsList .boardBtn {text-align: center;}
.newsList .boardBtn a {display: inline-block; text-decoration: none;}
.newsList .boardBtn a:hover {opacity: 0.8;}
.newsList .boardBtn .btn_more {color: #2d51d6; font-size: 1.2rem; font-family: 'SamsungOneKorean',arial; font-weight: 700; padding: 10px 30px 20px; background: url("/images/btn_arrow_down.png") no-repeat center bottom;}
.newsList .boardBtn .btn_more.down {background: url("/images/btn_arrow_down.png") no-repeat center bottom;}
.newsList .boardBtn .btn_more.up {background: url("/images/btn_arrow_up.png") no-repeat center bottom;}
.newsList .select-no-result {display: flex; justify-content: center; align-items: center; height: 200px;}


/* 뉴스 상세 */
.newsView {width: 100%; max-width: 700px; font-family: 'SamsungOneKorean',arial; font-weight: 400; font-size: 1.2rem; margin: 0 auto 100px;}
.newsView .contNavArea { margin-top: 80px; display: flex; padding-top: 3.125rem; font-size: 1.125rem; color: #2b2b2b; font-family: 'SamsungOneKorean',arial; line-height: 1.56; letter-spacing: -0.18px;}
.newsView .contNavArea .headNav {flex: 7;}
.newsView .contNavArea .headNav ul {overflow: hidden; padding: 0; margin: 0;}
.newsView .contNavArea .headNav ul li {float: left; padding: 0 0 0 15px; margin: 0 0 0 10px; background: url("/images/bl_news_nav.png") no-repeat left center;}
.newsView .contNavArea .headNav ul li.home {margin-left: 0; padding-left: 0; background: none;}
.newsView .contNavArea .headNav ul li a {display: block; }
.newsView .contNavArea .date {flex: 3; text-align: right;}
.newsView .contNavArea + .newsHead {padding-top: 0 !important;padding-bottom: 0 !important; border-bottom: none; margin-top: 1.875rem;}

.newsView .newsHead {padding: 0;}
.newsView .newsHead .headTitle {color: #2b2b2b; font-family: 'SamsungOneKorean',arial; font-size: 3rem; font-weight: 600; line-height: 1.18; letter-spacing: -0.56px; text-align: left; word-break:keep-all;}
.newsView .newsHead .headBottom {display: flex;}
.newsView .newsHead .headBottom .h_left {flex: 6;}
.newsView .newsHead .headBottom .h_left .shareArea {margin-bottom: 0;}
.newsView .newsHead .headBottom .h_right {flex: 4; text-align: right;}
.newsView .newsHead .headBottom .h_right .lang {color: #2b2b2b; display: inline-block; font-family: 'SamsungOneKorean',arial; font-size: 1.286rem; line-height: 50px; letter-spacing: -0.18px; padding-left: 30px; background: url("/images/icon_lang.png") no-repeat left center;}

.newsView .newsHead .headTitle + .headBottom {margin-top: 1.875rem;}
.newsView .newsHead + .newsContents {margin-top: 4.286rem;}

.newsView .newsContents .view {color: #2b2b2b; font-family: 'SamsungOneKorean',arial; font-weight: 400;}
.newsView .newsContents .view .imageArea {margin-bottom: 2.5rem;}
.newsView .newsContents .view .imageArea .img {text-align: center; line-height: 0; margin: 0 0 0 0;}
.newsView .newsContents .view .imageArea .img img {max-width: 700px; width: 100%; height: auto;}
.newsView .newsContents .view .imageArea .img + .caption {margin: 1.357rem 0 0;}
.newsView .newsContents .view .imageArea .caption {color: #666666; font-family: 'SamsungOneKorean',arial; font-size: 1rem; line-height: 1.5; letter-spacing: normal;}
.newsView .newsContents .view p {color: #2b2b2b; font-family: 'SamsungOneKorean',arial; font-size: 1.25rem; line-height: 1.67; letter-spacing: -0.09px; word-break:keep-all; word-wrap:break-word; text-align: inherit; margin-bottom: 2.188rem;}
.newsView .newsContents .view a {color: #2b2b2b;}
.newsView .newsContents .view a:visited,
.newsView .newsContents .view a:hover {color: #5aa6ed; text-decoration: underline;}

.newsView .newsContents .view .subTitle {
		width: 100%;
		padding: 30px 0 50px;
		font-size: 26px;
		font-weight: 500;
		text-align: center;
		word-wrap: break-word;
		word-break: keep-all;
		letter-spacing: 0;
		word-spacing: 0;
		color: #2963ad;
}

.TagBox {
		font-family: 'SamsungOneKorean',arial,"Dotum", "돋움", "Apple SD Gothic Neo", 'Malgun Gothic', 'Arial';
		border-top: 1px solid #949494;
		border-bottom: 1px solid #949494;
		padding: 2.5rem 0;
}

.TagBox > p {
	display: inline-block;
	color: #444444;
	font-size: 1.25rem;
	margin: 0 10px 0 0;
}


.newsView .newsContents .view p + .littleTitle {
		color: #000080;
		font-family: 'SamsungOneKorean',arial;
		font-weight: bold;

		font-size: 24px;
		line-height: 3;
		letter-spacing: -0.09px;
		margin-bottom: 2.5rem;
}

.tagBoxWarp {}
.tagBoxWarp ul,
.tagBoxWarp ul li {margin: 0; padding: 0;}
.tagBoxWarp .tagList {}
.tagBoxWarp .tagList li {display: inline-block; font-size: 1.2rem; font-weight: 700; margin-right: 10px; border-bottom: 1px solid #959595; font-family:'SamsungOneKorean'; }

.tagBoxWarp + .provenanceBoxWarp {margin-top: 5rem;}

.provenanceBoxWarp {border-top: 1px solid #949494; border-bottom: 1px solid #949494; padding: 2.5rem 0;}
.provenanceBoxWarp dl,
.provenanceBoxWarp dl dt,
.provenanceBoxWarp dl dd {margin: 0; padding: 0;}
.provenanceBoxWarp .photoWarp {display: flex;}
.provenanceBoxWarp .photoWarp .photoBox {overflow: hidden; width: 60px; min-width: 60px; height: 60px; border-radius: 100%; background: #d6d6d6;}
.provenanceBoxWarp .photoWarp .photoBox img {width: 100%; height: 100%;}
.provenanceBoxWarp .photoWarp .info {font-size: 1.25rem; font-weight: 600; word-break: break-all; margin-left: 1.5rem;}
.provenanceBoxWarp .photoWarp .info .btnView {color: #2d51d6; padding:5px 35px 5px 0; margin-top: 10px; background: url("/images/btn_more01.png") no-repeat right center;}

.newsView .btnArea {text-align: right; margin-top: 5.429rem;}

@media screen and (max-width: 1280px) {
	.newsList {padding: 0 1rem;}
}
@media screen and (max-width: 1024px) {
	.newsView .contNavArea { margin-top: 0px;}
}
  @media screen and (max-width: 960px) {
    .newsView .newsHead .headTitle {font-size: 2.625rem;}
    .newsView .contNavArea {font-size: 1.375rem;}
    .newsView .contNavArea + .newsHead {}
    .newsHead_visual {text-align: center; margin-top: 0;  width:100%; height:70vh;  padding:9rem 1rem 1rem; background: url(/images/news_kv_960.jpg) no-repeat center/cover;}
  }
  @media screen and (max-width: 768px) {
    .tabMenuA .tabList {font-size: 2.125rem;}
    .tabMenuA .tabList li {margin-left: 50px;}
    .newsHead .newsTitle h2 {font-size: 4.375rem;}
    .newsHead .newsText {font-size: 1.875rem;}

    .newsView {padding:0 1rem;}
    .newsView .newsHead .headBottom .h_left .shareArea dd {display: none;}
    .newsView .newsHead .headBottom .h_left {flex: 2;}
    .newsView .newsHead .headBottom .h_right {flex: 8;}

    .newsList .boardList ul li .contentWarp {flex-direction: column;}
    .newsList .boardList ul li .contentWarp .images {max-width: 100%; max-height: 100%;}
    .newsList .boardList ul li .contentWarp .content {padding-left: 0; margin-top: 20px;}

    .newsView .newsContents .view .imageArea {margin-bottom: 2.188rem;}
    .newsView .newsContents .view .imageArea .caption {font-size: 1.375rem;}
    /*.newsView .newsContents .view p {font-size: 1.875rem;}*/
	.newsView .newsContents .view p {font-size: 1.3rem;}
    .newsView .newsContents .view p + p {}

		.TagBox {padding: 1.25rem 0;}
		.newsView .btnArea {margin-top: 2.715rem}
  .newsHead_visual {text-align: center; margin-top: 0;  width:100%; height:70vh;  padding:9rem 1rem 1rem; background: url(/images/news_kv_768.jpg) no-repeat center/cover;}

  }

@media screen and (max-width: 640px) {
		.tabMenuWarp {flex-direction: column;}
		.tabMenuWarp .selBox {float: right; margin-top: 15px;}
		.tab_cont .boardList {margin-top: 1.875rem;}
		.newsList .boardList ul li .contentWarp .content {margin-bottom: 2rem;}
		.newsList .boardList ul li .contentWarp .content .info .press {display: block; margin-left: 0; margin-top: 5px;}
	}

@media screen and (max-width: 480px) {
    .tabMenuA .tabList {font-size: 1.5rem;}
	.newsHead_visual .newsText {font-size: 1.250rem; font-family: 'SamsungOneKorean',arial; font-weight: 500; color: #fff; line-height:1.3;}
	.newsHead_visual .district {position: absolute; bottom: 0; left: 0; color: #fff; font-size: 0.875rem; font-weight: 400; font-family: 'SamsungOneKorean',arial;}
	.newsView .newsHead .headTitle {font-size: 2.125rem;}
	.button_view_list { background-color: white; font-size: 1.25rem; font-weight: 600; color: #111111; padding: 13px 40px 16px 30px; border: 1px solid #111111; border-radius: 40px; display: inline-block; cursor: pointer; font-family: 'SamsungOneKorean',arial;}
}


@media screen and (max-width: 360px) {
    .newsHead_visual .newsText {font-size: 1.250rem; font-family: 'SamsungOneKorean',arial; font-weight: 500; color: #fff; line-height:1.3;}
	.newsHead_visual .district {position: absolute; bottom: 0; left: 0; color: #fff; font-size: 0.875rem; font-weight: 400; font-family: 'SamsungOneKorean',arial;}
	.newsView .newsHead .headTitle {font-size: 2.125rem;}
	.newsHead_visual .newsTitle h2 {color: #fff; font-family: 'SamsungSharpSans'; font-weight: 600; font-size: 4.625rem; line-height: 100%; margin-bottom: 1.563rem; padding-top: 8px;}
	.button_view_list { background-color: white; font-size: 1.25rem; font-weight: 600; color: #111111; padding: 13px 40px 16px 30px; border: 1px solid #111111; border-radius: 40px; display: inline-block; cursor: pointer; font-family: 'SamsungOneKorean',arial;}
}