@charset "UTF-8";

/*common*/
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsThumb .newArtcl,
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo .recentBbsTitle strong .newArtcl,
.news ._recentPhotoUl .recentBbsLi:before,
.news ._recentPhotoUl .recentBbsLi:after,
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl:before, 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl:after 
 {
content: ""; display: block; clear: both; } 
#multipleContentsDiv_cku_kr_3281 { margin: 0 !important; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { height: 100%; max-height: 497px;min-height: 497px; } 

/*list*/
.news .slider-container { position: relative; } 
.news .top { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 87px 0; } 
.news .top::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.5px; width: 100%; height: 1px; background-color: #000; } 
.news .tit-wrap { display: flex; justify-content: space-between; align-items: center; } 
.news .top .tit-wrap { position: relative; width: 1020px; background-color: #fff; } 
.news .top .tit { font-size: 50px; color: #2a2a2a; font-family: 'SBaggroM'; background-color: #fff; flex-shrink: 0; line-height: 1; padding-right: 70px; } 
.news .top .tit i { color: #006276; } 
.news .top .desc { position: relative; flex: 1; color: #2a2a2a; background-color: #fff; font-size: 20px; } 
.news .top .more-btn { position: relative; padding-left: 80px; font-size: 30px; color: #2a2a2a; font-family: 'Noto Bold'; background-color: #fff; } 
.news .top .more-btn a { position: relative; display: inline-block; padding-right: 85px; } 
.news .top .more-btn a::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 58px; height: 58px; background-image: url('../images/plus.png'); background-position: center; background-repeat: no-repeat; transition: 0.25s; background-size: cover; } 
.news .top .more-btn a:hover::before { transform: translateY(-50%) rotate(90deg); } 
.news ._recentPhotoUl { position: relative; min-height: 170px; height: auto !important; _height: 170px; } 
.news ._recentPhotoUl .recentBbsLi { overflow: hidden; position: relative; margin-top: 10px; } 
.news ._recentPhotoUl .recentBbsLi:first-child { margin-top: 0; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsTabSpan { border-top: 1px #333 solid; border-bottom: 2px #333 solid; width: 160px; } 
.news ._recentPhotoUl .recentBbsLi .recentPhTab { display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 3; color: #333; border: 0; background-color: transparent; width: 100%; font-weight: 600; color: #333; font-size: 16px; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl { margin-top: 1px; overflow: hidden; position: relative; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi { position: relative; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; opacity: 0; pointer-events: none; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:hover::before { opacity: 1; transition: .25s; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor { display: block; position: relative; overflow: hidden; height: 100%; } 
.news ._recentPhotoUl .recentBbsNoData { text-align: center; padding-top: 50px; } 
.news ._recentPhotoUl .recentBbsMore { position: absolute; bottom: 20px; left: 70px; width: 17px; height: 17px; background-position: 0 -40px; text-indent: -5000px; } 
/*[start]섬네일 이미지를 사용하는 경우*/
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg { padding: 0; position: relative; background-color: yellow; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsThumb { width: 100%; height: 100%; background-color: #ccc; margin: 0 auto; position: relative; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsThumb .newArtcl { width: 18px; height: 18px; overflow: hidden; text-indent: -5000px; position: absolute; top: 0; left: 0; background-position: 0 0; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsThumb img { display: block; width: 100%; height: 100%; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle { opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; padding: 37px 37px 47px 47px; z-index: 2; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:hover .recentBbsAnchor.useThumbImg .recentBbsTitle { opacity: 1; transition: .25s; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle::before { content: ''; position: absolute; left: 0; top: 0; width: 86%; height: 1px; background-color: #fff; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle strong { font-size: 30px; color: #fff; font-family: 'Noto Bold'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
/*[end]섬네일 이미지를 사용하는 경우*/
/*[start]섬네일 이미지를 사용 안하는 경우*/
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg { margin: 0 10px 0 0; border-left: 1px #ddd solid; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo { text-align: left; padding: 0 0 0 10px; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo .recentBbsTitle { display: block; line-height: 1.5; font-weight: 600; font-size: 1.1em; color: #333; margin-bottom: 5px; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo .recentBbsTitle strong .newArtcl { width: 22px; height: 11px; overflow: hidden; text-indent: -5000px; background-position: 0 -80px; display: inline-block; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsContent { line-height: 1.5; color: #555; font-size: 1em; margin-bottom: 5px; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo dl,
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo dt,
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo dd { line-height: 1.5; color: #777; } 
.news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.noThumbImg .recentBbsInfo dt { display: none; } 
/*[end]섬네일 이미지를 사용 안하는 경우*/


/* Slick Arrow */
@media(max-width: 520px){
	.news .arrow { display: none; text-indent: -9999px; } 
}
@media(min-width: 521px){
	.news .arrow { display: inline-block; width: 24px; height: 24px; vertical-align: middle; text-indent: -99999px; } 
	.news .prev { width: 60px; height: 60px; background: url('../images/slide-btn.jpg') no-repeat center center; background-size: 9px; border-radius: 50%; border: 1px solid #dcdcdc; margin-right: 10px; transition: .25s; } 
	.news .next { width: 60px; height: 60px; background: url('../images/slide-btn.jpg') no-repeat center center; background-size: 9px; border-radius: 50%; border: 1px solid #dcdcdc; transform: rotate(180deg); transition: .25s; } 
}

/*active items*/
.news ._recentPhotoUl .recentBbsLi.active .recentBbsInnerUl,
.news ._recentPhotoUl .recentBbsLi.active .recentBbsMore { display: block; } 
.news ._recentPhotoUl .recentBbsLi.active .recentPhTab { } 

/*responsive*/
body.Tablet .news ._recentPhotoUl .recentBbsLi .recentBbsTabSpan,
body.Mobile .news ._recentPhotoUl .recentBbsLi .recentBbsTabSpan { display: block; float: none; height: 50px; width: auto; } 
body.Tablet .news ._recentPhotoUl .recentBbsLi .recentPhTab,
body.Mobile .news ._recentPhotoUl .recentBbsLi .recentPhTab { text-align: left; } 
body.Tablet .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl,
body.Mobile .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl { margin-left: 0; } 
body.Tablet .news ._recentPhotoUl .recentBbsMore,
body.Mobile .news ._recentPhotoUl .recentBbsMore { top: 16px; right: 0; left: auto; bottom: auto; } 

body.Mobile .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi { display: none; width: 100% !important; } 
body.Mobile .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi:first-child { display: block; } 

@media(max-width: 1700px){
 .news .top::before { display: none; } 
 .news .top .desc br { display: none; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 440px;min-height: 440px; } 
 }

@media(max-width: 1400px){
 .news .top::before { display: none; } 
 .news .top .desc br { display: none; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 380px;min-height: 380px; } 
 }

 @media(max-width: 1200px){
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 360px;min-height: 360px; } 
 }

 @media(max-width: 1100px){
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 285px;min-height: 285px; } 
 }

@media (max-width: 1000px){
 .news .top { align-items: flex-start; margin: 92px 0 55px } 
 .news .top::before { display: none; } 
 .news .top .tit { padding-right: 50px; font-size: 40px; } 
 .news .top .desc { font-size: 18px; } 
 .news .top .more-btn { padding-left: 55px; } 
 .news .top .more-btn a { font-size: 28px; padding-right: 56px; } 
 .news .top .more-btn a::before { width: 36px; height: 36px; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle { padding: 25px 37px 30px 47px; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle strong { font-size: 22px; line-height: 30px; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 376px;min-height: 376px; } 
 }

@media (max-width: 900px){
 .news .top::before { display: block; top: 13px; } 
 .news .top .tit-wrap { display: block; align-items: flex-start; width: 100%; background-color: transparent; } 
 .news .top .tit { position: relative; width: 200px; padding-right: 0; font-size: 30px; padding-left: 0; margin-bottom: 30px; background-color: #fff; } 
 .news .top .desc { width: 124%; } 
 .news .top .more-btn { padding-left: 35px; } 
 .news .top .more-btn a { transform: translateY(-12px); } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 337px;min-height: 337px; } 
 }

 @media (max-width: 768px){
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 290px;min-height: 290px; } 
 }
 @media (max-width: 640px){
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg img { max-height: 240px;min-height: 240px; } 
 }
 
 @media (max-width: 584px){
 .news .top .desc { width: 140%; } 
 }
 
 @media (max-width: 530px){
 .news .top .desc { width: 136%; } 
 }

 @media (max-width: 520px){
 .news .top { margin: 55px 0 35px; } 
 .news .top::before { top: 15px; } 
 .news .top .tit { font-size: 30px; margin-bottom: 20px; } 
 .news .top .desc { font-size: 16px; } 
 .news .top .more-btn { padding-left: 32px; } 
 .news .top .more-btn a { font-size: 20px; padding-right: 36px; } 
 .news .top .more-btn a::before { width: 22px; height: 22px; background-image: url('../images/plus-small.png'); } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsThumb img { max-height: 335px;min-height: 355px; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle { padding: 23px 37px 25px 47px } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .slick-active .recentBbsInnerLi::before { opacity: 1; transition: .25s; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .slick-active .recentBbsInnerLi .recentBbsAnchor.useThumbImg .recentBbsTitle { opacity: 1; transition: .25s; } 
 .news ._recentPhotoUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi::before { background-color: rgba(0, 0, 0, 0.3); } 
 /* Slick Arrow */
 .news .arrow { display: block; position: absolute; width: 25px; height: 79px; top: 50%; background-image: url('../images/department-arrow.png'); background-size: contain; background-repeat: no-repeat; background-position: center; text-indent: -9999px; opacity: 0.5; transition: opacity 0.25s; z-index: 100; filter: invert(1); } 
 .news .arrow:hover { opacity: 1; } 
 .news .prev { left: 20px; top:50%; transform: translateY(-50%) rotate(180deg); } 
 .news .next { right: 20px; top:50%; transform: translateY(-50%); } 
 }

/* 스크롤매직 */
.news .top .tit-wrap { left: -15px; opacity: 0; } 
.news .top .more-btn { right: -15px; opacity: 0; } 
.news .top::before { width: 0; transition: 0.8s; } 
.news .top.ani::before { width: 100%; } 
.news .slick-slide { opacity: 0; filter: brightness(1.3); }