@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main [class*="-wrap"] {max-width:100%;}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px) {
	
	.visual {position:relative;}
	.visual-text {padding:36px 0 0 30px; position:absolute; left:0; top:0; z-index:9; color:#fff;}
	/* .visual-text h2 {font-size:36px; font-weight:700; letter-spacing:0; line-height:1.3;} */
	.visual-text h2 {font-size:32px; font-weight:700; letter-spacing:0; line-height:1.6; /*text-shadow: 2px 1px 1px rgb(117 117 117);*/}
	.visual-text h2 span {display:block; font-size:20px;}
	/* .visual-text h2+p {font-size:18px; letter-spacing:-1px; padding-top:20px;} */
	
	.visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}
	.visual .swiper-pagination {text-align:left; padding-left:70px; bottom:65px;}
	.visual .swiper-pagination span {}
	.visual .swiper-pagination span.swiper-pagination-bullet {width:14px; height:14px; background:#fff; opacity:.3; margin:0 14px 0 0;}
	.visual .swiper-pagination span.swiper-pagination-bullet-active {background:#fff; opacity:1;}
	
	.main-board {display:flex; flex-wrap:wrap; padding:30px 0; position:relative;}
	.main-board:after {position:absolute; left:50%; top:0; width:1px; height:100%; background:#ebebeb;display:block; content:'';}
	.main-board>div {width:calc((100% - 140px)/2);}
	.main-board>div+div {margin-left:140px;}
	.main-board .main-commnuity:after {content:''; display:block; width:50%; height:1px; background:#ebebeb; position:absolute; right:0; top:calc(50% - 20px);}
	.main-board .boardItem {position:relative; }
	.main-board .boardItem h3 {font-size:24px; color:#000; font-weight:700; padding-bottom:25px;}
	.main-board .boardItem ul li+li {margin-top:20px;}
	.main-board .boardItem ul li p {color:#000; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.main-board .boardItem ul li .date {color:#666; padding-left:15px; position:relative; display:block;}
	.main-board .boardItem ul li .date:before {content:''; display:block; width:7px; height:2px; background:#999; position:absolute;left:0; top:12px;}
	.main-board .boardItem a.plus {position:absolute; right:0;top:0;width:27px;height:27px; background:url(../images/main/i-plus.png)center no-repeat; border:1px solid #000; display:block;}
	.main-board .boardItem a.plus:hover {background-color:#f5f5f5;}
	.main-board .boardItem.main-news {margin-top:60px;}
	
	
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.visual {position:relative;}
	.visual .swiper-wrapper img {width:100%; max-width:1200px;}
	.visual  img {max-width:100%;}
	.visual-text {padding:5vw 0 0 4vw; position:absolute; left:0; top:0; z-index:9; color:#fff;}
	/* .visual-text h2 {font-size:3.6vw; font-weight:700; letter-spacing:0; line-height:1.3;} */
	
	/* .visual-text h2+p {font-size:1.8vw; letter-spacing:-1px; padding-top:2vw;} */
	.visual-text h2 {font-size:4.5vw; font-weight:700; letter-spacing:0; line-height:1.6;}
	.visual-text h2 span {display:block; font-size:3.5vw;}
	
	.visual .swiper-pagination {text-align:left; padding-left:4vw; bottom:10px;}
	.visual .swiper-pagination span {}
	.visual .swiper-pagination span.swiper-pagination-bullet {width:1.4vw; height:1.4vw; background:#fff; opacity:.3; margin:0 1vw 0 0;}
	.visual .swiper-pagination span.swiper-pagination-bullet-active {background:#fff; opacity:1;}
	
	.main-board {padding:40px 20px; position:relative;}
	.main-board .boardItem {position:relative; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ebebeb;}
	.main-board .boardItem.main-news {margin-bottom:0; padding-bottom:0;border-bottom:0;}
	.main-board>div+div {}
	.main-board .boardItem {}
	.main-board .boardItem h3 {font-size:21px; color:#000; font-weight:700; padding-bottom:20px;}
	.main-board .boardItem ul li+li {margin-top:20px;}
	.main-board .boardItem ul li p {color:#000; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.main-board .boardItem ul li .date {color:#666; padding-left:15px; position:relative; display:block;}
	.main-board .boardItem ul li .date:before {content:''; display:block; width:7px; height:2px; background:#999; position:absolute;left:0; top:12px;}
	.main-board .boardItem a.plus {position:absolute; right:0;top:0;width:27px;height:27px; background:url(../images/main/i-plus.png)center no-repeat; border:1px solid #000; display:block;}
	.main-board .boardItem a.plus:hover {background-color:#f5f5f5;}
	
	
}



/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.main-board {padding:30px 20px;}
	.main-board .boardItem h3 {font-size:19px; padding-bottom:16px;}
	.main-board .boardItem a.plus {width:24px; height:24px;}
	.main-board .boardItem ul li+li {margin-top:10px;}
	.main-board .boardItem {margin-bottom:20px; padding-bottom:20px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}