@charset "UTF-8";
@import url("/_templet6/css/main.css");
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2020-11-02
-------------------------------------------------*/
.visual .desc { -webkit-transform: translateY(-60%); transform: translateY(-60%); }

.visual .desc strong span { display: block; }

.visual .desc p { width: 23.5rem; max-width: 100%; }

.visual .banner li:nth-child(1) { background: url("../img/main/banner1.jpg") no-repeat center bottom/cover; }

.visual .banner li:nth-child(1) p { width: 11.5rem; max-width: 100%; font-weight: 500; }

.visual .banner li:nth-child(3) { background: url("../img/main/banner3.jpg") no-repeat center bottom/cover; }

.notice .article .no-data { margin-top: 1rem; text-align: center; }

.links::before { background: url("../img/main/links.jpg") no-repeat center center #102134; }

.links .list li a { padding: 1.75rem 1.5rem; }

.links .list li a::after { font-size: 1rem; left: 1.5rem; bottom: 2rem; }

.links .list li a p { margin-top: 0; }

.links .list li a strong { display: block; width: 11rem; max-width: 100%; margin-top: 0.5rem; line-height: 1.2; }

.links .title strong { font-size: 1.7rem; }

.links .bx-wrapper .bx-viewport { min-height: 12.6rem; }

.links .bx-controls-direction { display: none; }

#MainContents .PhotoWrap ul { display:flex; gap:2rem; width:100%; } 
#MainContents .PhotoWrap li { width:calc(33.333% - 1.333rem) !important; margin:0 !important; } 
#MainContents .PhotoWrap li img {  width:100%;height:100%;object-fit:cover; margin:0; }
#MainContents .PhotoWrap li a { padding-bottom:0 !important; height:100%; } 
#MainContents .PhotoWrap li a::before { display:none; } 
#MainContents .PhotoWrap .img { padding:0; height:15rem; }   
#MainContents .PhotoWrap .desc { padding:1rem; } 
#MainContents .PhotoWrap .desc strong { font-weight:500;color:#222; display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
#MainContents .PhotoWrap .desc span { display:none; } 
.visual .banner p strong { font-size:1rem; white-space: normal; word-break: keep-all; } 
#MainContents .PhotoWrap p.bbs_more { position:absolute;top:5.25rem;right:0; }
#MainContents .PhotoWrap p.bbs_more a { top:auto;position:relative;right:auto;display:flex; align-items:center; height:2rem; gap:.5rem; padding:0 1rem; } 
#MainContents .bbs_more a::after { position:relative;top:auto !important; margin:0; }
.ConTop { position:relative; z-index:1;overflow:hidden; } 
.notice .article li:nth-child(1) a .date { background:#fff; }
.bbs_more a { background:#fff; }      
.qna li { background:#fff; }

@media (max-width: 1530px) { 
.links .bx-wrapper .bx-viewport { min-height: 0; }
.links .bx-wrapper .bx-viewport ul { min-width: 990%; }
.links .bx-controls-direction { display: block; } 
}

@media (max-width: 1024px) {
.visual .desc { -webkit-transform: translateY(0); transform: translateY(0); }
.visual .banner { display:flex;flex-wrap: wrap; }
#MainContents .PhotoWrap p.bbs_more { top:2.2rem; } 
#MainContents .PhotoWrap ul { gap:1rem;width:calc(100% + 1rem) !important; }
#MainContents .PhotoWrap li { width:calc(33.333% - 1rem) !important; } 
#MainContents .PhotoWrap .img { height:10rem; } 
}
@media (max-width: 530px) { 
.visual .desc strong { font-size: 2.2rem; letter-spacing: -0.1rem; } 
#MainContents .PhotoWrap ul { flex-direction: column; width:100% !important; } 
#MainContents .PhotoWrap ul li { width: 100% !important; } 
#MainContents .PhotoWrap .img { height:auto; } 
}