﻿@charset "utf-8";


/* 명지전문대 LINC3.0 메인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 메인-레이어팝업 */
.layerPopup {min-width:400px; position:absolute; background:#fff; z-index:9; box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
.layerPopup > div {width:100%; font-size:14px; padding:5px; overflow:hidden;}
.layerPopup > dl {padding:12px; font-size:13px; color:#fff; background:rgba(16,42,69,0.9); overflow:hidden;}
.layerPopup > dl > dt {float:left; cursor:pointer;}
.layerPopup > dl > dd {float:right; cursor:pointer;}

@media screen and (max-width: 1025px){
	.layerPopup {width:80% !important; min-width:auto; height:auto !important; left:50% !important; transform:translateX(-50%); z-index:9 !important;}
	.layerPopup > dl {padding:10px;}
	.layerPopup div {width:100% !Important; height:auto !important;}
	.layerPopup img {width:100% !important; height:auto !important;}
	
	#layer_0 {top:90px !important; left:15% !important; transform:translate(-15%);}
	#layer_1 {top:120px !important;}
	#layer_2 {top:150px !important; left:40% !important; transform:translate(-40%);}
	#layer_3 {top:170px !important; left:25% !important; transform:translate(-25%);}
	#layer_4 {top:200px !important; left:60% !important; transform:translate(-60%);}
}

@media screen and (max-width: 769px){
}



/* =============== 메인공통 =============== */
/* 타이틀 */
.main-title dt {font-family:'Poppins'; font-size:2.4rem; letter-spacing:0; font-weight:500; color:#74798e; margin-bottom:1rem;}
.main-title dd {position:relative; display:inline-flex; font-size:4.2rem; font-weight:bold; color:#222; padding-right:1rem;}
.main-title dd:after {content:""; position:absolute; right:-1rem; bottom:3.5px; width:7px; height:7px; background:#75171c; transform:rotate(45deg);}

/* 자세히보기 */
.main-view {position:relative; z-index:1; display:inline-flex; flex-wrap:wrap; align-items:center; height:5rem; font-size:1.6rem; font-weight:bold; color:#222; padding:0 0 0 2.5rem;}
.main-view:after {content:""; display:block; position:absolute; left:0; top:50%; z-index:-1; width:5rem; height:5rem; border-radius:50%; background:rgba(117,23,28,0.15); transform:translateY(-50%);}
.main-view span {margin-left:2rem;}

.new {
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:3rem; height:3rem; 
	font-family:'Poppins'; font-size:1.5rem; font-weight:bold; color:#fff; border-radius:50%; background:#e1323c;
}

@media screen and (max-width: 1200px){
	.main-title dt {font-size:2rem;}
	.main-title dd {font-size:3.6rem;}
}

@media screen and (max-width: 1025px){
}

@media screen and (max-width: 769px){
	.main-title dt {font-size:1.8rem; margin-bottom:0.5rem;}
	.main-title dd {font-size:3.2rem;}
}

@media screen and (max-width: 481px){
}



/* =============== 메인 레이아웃 =============== */
/* 메인wrap */
.main-wrap {overflow:hidden;}


/* 메인비주얼 */
.mnVisual {position:relative; width:100%; padding-top:18rem; margin:-18rem auto 0 auto;}
.mnVisual::before {content: ""; position:absolute; width:100%; height:clamp(60rem, 47vmax, 75rem); top:0; z-index:-1; background:url('../images/main/bg_visual.png') center center no-repeat, #97abb5; background-size:cover;}

.mnVisual .mnSlide {position:relative; margin-top:8rem;}
.mnVisual .mnSlide .slide_main {width:100%; height:clamp(55rem, 29.6vw, 60rem); margin:0; border-radius:10rem 10rem 0 0; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.mnVisual .mnSlide .slide_main * {height:100%; border-radius:10rem 10rem 0 0;}
.mnVisual .mnSlide .slide_main .slick-list {padding:0;}
.mnVisual .mnSlide .slide_main .slick-slide {background:#fff; overflow:hidden;}
.mnVisual .mnSlide .slide_main .slick-slide img {width:100%; height:100%; object-fit:cover; transition:all 0.1s ease-in-out;}
.mnVisual .mnSlide .slide_main .slick-slide.slick-current img {opacity:1;}

.mnVisual .mnSlide .slide_btns {display:flex; justify-content:flex-end; transform:translateY(-100%);}
.mnVisual .mnSlide .slide_btns button {display:flex; width:6rem; height:6rem; justify-content:center; align-items:center; font-size:1.6rem; background:#74798e;}
.mnVisual .mnSlide .slide_btns button.main_slide_prev {color:#252525; background:#fff;}
.mnVisual .mnSlide .slide_btns button.main_slide_next {color:#fff; background:#102a45;}

@media screen and (max-width: 1200px){
	.mnVisual .mnSlide {margin-top:5rem;}
	.mnVisual .mnSlide .slide_main {height:clamp(45rem, 29.6vw, 50rem);}
}

@media screen and (max-width: 1025px){
}

@media screen and (max-width: 769px){
	.mnVisual::before {height:clamp(50rem, 47vmax, 65rem);}
	.mnVisual .mnSlide .slide_main {height:clamp(35rem, 29.6vw, 40rem);}
}

@media screen and (max-width: 481px){
	.mnVisual::before {height:clamp(40rem, 47vmax, 55rem);}
	.mnVisual .mnSlide .slide_main {height:clamp(25rem, 29.6vw, 30rem);}
	
	.mnVisual .mnSlide .slide_btns button {width:4rem; height:4rem; font-size:1.4rem;}
}


/* 메인슬로건 */
.mnVisual .mnSlogan {
	position:absolute; left:0; top:0; width:100%; height:calc(100% - 6rem); color:#fff;
	display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:flex-end; padding:0 6rem;
}
.mnVisual .mnSlogan > h2 {display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-end; font-size:5.2rem; margin-bottom:2rem;}
.mnVisual .mnSlogan > p {margin-top:1rem; font-size:2.2rem;}
.mnVisual .fontENG {letter-spacing:0;}

@media screen and (max-width: 1200px){
	.mnVisual .mnSlogan {height:calc(100% - 4.5rem);}
	.mnVisual .mnSlogan > h2 {font-size:4.2rem; margin-bottom:1.5rem;}
	.mnVisual .mnSlogan > p {margin-top:0.8rem; font-size:2rem;}
}

@media screen and (max-width: 1025px){
}

@media screen and (max-width: 769px){
	.mnVisual .mnSlogan {height:calc(100% - 3.5rem);}
	.mnVisual .mnSlogan > h2 {font-size:3.6rem; margin-bottom:1rem;}
	.mnVisual .mnSlogan > p {margin-top:0.5rem; font-size:1.8rem;}
}

@media screen and (max-width: 481px){
	.mnVisual .mnSlogan {height:calc(100% - 2.5rem); align-items:center; padding:0 3rem;}
	.mnVisual .mnSlogan > h2 {align-items:center; font-size:2.8rem; margin:0; word-break:keep-all;}
	.mnVisual .mnSlogan > p {display:none;}
}



/* 퀵메뉴 */
.mnQuick {margin-bottom:6rem;}
.mnQuick .innerUsr {display:flex; justify-content:space-between; align-items:center; gap:5rem;}

.mnQuick .title > span {font-size:2rem; font-weight:500; color:#74798e;}
.mnQuick .title > div {padding:2rem 0; margin:1.5rem 0; border-top:1px solid #acbcc4; border-bottom:1px solid #acbcc4;}
.mnQuick .title > div * {letter-spacing:0;}
.mnQuick .title > div p {font-size:4.2rem; font-weight:bold; color:#222;}
.mnQuick .title > div p span {color:#75171c;}
.mnQuick .title > p {font-size:1.6rem; color:#777; word-break:keep-all;}
.mnQuick .title > p br:last-child {display:none;}

.mnQuick .quickbox {display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; align-items:stretch; width:100rem;}
.mnQuick .quickbox > li {
	display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding:2.5rem 2rem; 
	border-radius:0.5rem; background:#fff; box-shadow:1px 1px 8px rgba(0,0,0,0.1);
}
.mnQuick .quickbox > li > div img {width:25px;}
.mnQuick .quickbox > li > dl {width:calc(100% - 45px - 2rem);}
.mnQuick .quickbox > li > dl dt {font-size:1.6rem; font-weight:bold; color:#222; margin-bottom:1rem; word-break:keep-all;}
.mnQuick .quickbox > li > dl dd {font-size:1.5rem; letter-spacing:-1px; color:#777; word-break:keep-all;}
.mnQuick .quickbox > li > span {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; align-self:center; width:2rem; height:2rem; border-radius:50%; background:#75171c;}
.mnQuick .quickbox > li > span i {font-size:0.8rem; color:#fff;}
.mnQuick .quickbox > li:hover > span {background:#222;}

@media screen and (max-width: 1200px){
	.mnQuick .innerUsr {flex-direction:column; gap:1rem;}
	
	.mnQuick .title {width:100%; text-align:center;}
	.mnQuick .title > div {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
	.mnQuick .title > div p {font-size:3.6rem;}
	.mnQuick .title > div p:first-child {margin-right:1rem;}
	.mnQuick .title > p br {display:none !important;}
	
	.mnQuick .quickbox {width:100%; margin-top:3rem;}
}

@media screen and (max-width: 1025px){
	.mnQuick .quickbox {grid-template-columns:repeat(5, 1fr);}
	.mnQuick .quickbox > li {flex-direction:column; justify-content:start; align-items:center; margin:0; padding:0; border-radius:0; background:none; box-shadow:none;}
	.mnQuick .quickbox > li > div {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:8rem; height:8rem; padding:0; border-radius:0.5rem; background:#fff; box-shadow:1px 1px 8px rgba(0,0,0,0.1);}
	.mnQuick .quickbox > li > dl {width:100%; height:6rem; display:flex; justify-content:center; align-items:center;}
	.mnQuick .quickbox > li > dl dt {margin-top:2rem; font-size:1.5rem; text-align:center;}
	.mnQuick .quickbox > li:hover > dl dt {color:#a72b43;}
	.mnQuick .quickbox > li > dl dd {display:none;}
	.mnQuick .quickbox > li > span {display:none;}
	.mnQuick .quickbox > li > div img {width:30px;}
}

@media screen and (max-width: 769px){
}

@media screen and (max-width: 581px){
	.mnQuick .quickbox {grid-template-columns:repeat(3, 1fr);}
}

@media screen and (max-width: 481px){
	.mnQuick {margin:3rem 0 5rem 0;}
}



/* 커뮤니티 */
.mnBoard {padding:8rem 0; background:url('../images/main/bg_main_board.png') center right no-repeat, rgba(117,23,28,0.8); background-size:cover;}
.mnBoard .innerUsr {display:flex; flex-wrap:wrap; justify-content:space-between;}

.mnBoard .board-title {width:25rem; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
.mnBoard .board-title .main-title dt {color:rgba(255,255,255,0.7);}
.mnBoard .board-title .main-title dd {color:#fff;}
.mnBoard .board-title .main-title dd:after {background:#fff;}
.mnBoard .board-title .main-view {color:#fff;}
.mnBoard .board-title .main-view:after {background:rgba(255,255,255,0.2);}

.mnBoard .board-tab {display:grid; grid-template-columns:repeat(2, 12rem); gap:1rem;}
.mnBoard .board-tab > li a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:5rem; font-size:1.5rem; font-weight:500; color:#222; border-radius:5rem; background:#fff;}
.mnBoard .board-tab > li a:hover {color:#fff; background:#222;}
.mnBoard .board-tab > li a.on {color:#fff; background:#222;}

.mnBoard .board-list {display:none; grid-template-columns:repeat(3, 1fr); gap:0 3.5rem; width:calc(100% - 25rem); padding-left:15rem;}
.mnBoard .board-list.on {display:grid;}
.mnBoard .board-list > li {position:relative; height:315px; padding:3.5rem; border-radius:1rem; background:#fff; box-shadow:2px 2px 20px rgba(0,0,0,0.2); cursor:pointer;}
.mnBoard .board-list > li:hover {background:#f8f3f3;}
.mnBoard .board-list > li > div {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.mnBoard .board-list > li > div dfn {font-size:1.6rem; font-weight:500; color:#75171c;}
.mnBoard .board-list > li > h3 {
	font-size:2rem; font-weight:500; display:block; display:-webkit-box; height:44px; line-height:22px; color:#333; margin-bottom:2rem;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mnBoard .board-list > li > p {
	font-size:1.6rem; display:block; display:-webkit-box; height:54px; line-height:18px; color:#777;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.mnBoard .board-list > li > span {position:absolute; right:3.5rem; bottom:3.5rem; font-size:1.6rem; font-weight:500; color:#a8acb1; letter-spacing:0;}

.mnBoard .board-list > li.noData {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:1.6rem; text-align:center; word-break:keep-all;}
.mnBoard .board-list > li.noData:hover {background:#fff;}

@media screen and (max-width: 1400px){
	.mnBoard .board-list {gap:0 2rem; padding-left:8rem;}
}

@media screen and (max-width: 1200px){
	.mnBoard {padding:5rem 0;}
	.mnBoard .innerUsr {flex-direction:column;}
	
	.mnBoard .board-title {width:100%; display:grid; grid-template-columns:1fr 140px;}
	.mnBoard .board-title .main-view {height:100%; justify-content:flex-end;}
	
	.mnBoard .board-tab {display:grid; grid-template-columns:repeat(4, 12rem); gap:0 1rem; grid-column:1/end; grid-row:end; margin:3rem 0;}
	
	.mnBoard .board-list {width:100%; padding:0;}
}

@media screen and (max-width: 1025px){
}

@media screen and (max-width: 769px){
	.mnBoard .board-list {grid-template-columns:1fr; gap:2rem 0;}
	.mnBoard .board-list > li {height:260px; padding:2.5rem;}
	.mnBoard .board-list > li.noData {height:auto;}
}

@media screen and (max-width: 581px){
	.mnBoard .board-title {grid-template-columns:1fr; gap:3rem 0;}
	.mnBoard .board-title .main-title {grid-column:1/end;}
	.mnBoard .board-title .main-view {grid-column:1/end; justify-content:flex-start; height:5rem;}
	
	.mnBoard .board-tab {grid-template-columns:repeat(2, 1fr); gap:1rem; margin:0;}
	
	.mnBoard .board-list {margin-top:3rem;}
}

@media screen and (max-width: 481px){
}



/* 재직자교육 */
.mnEdu {position:relative; padding:8rem 0; background:#fff;}
.mnEdu .innerUser {overflow:hidden;}
.mnEdu .edu-title {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; margin-bottom:4rem;}

.mnEdu .eduTab {display:grid; grid-template-columns:repeat(5, 12rem); gap:1rem; margin-bottom:6rem;}
.mnEdu .eduTab > li a {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:5rem; font-size:1.5rem; font-weight:500; color:#222; border-radius:5rem; background:#f2f3f8;}
.mnEdu .eduTab > li a:hover {color:#fff; background:#222;}
.mnEdu .eduTab > li a.on {color:#fff; background:#222;}

.mnEdu .eduCard {position:relative; display:none;}
.mnEdu .eduCard.on {display:block;}
.mnEdu .eduCard.slick-slider, .mnEdu .eduCard .slick-list {padding:0; margin:0;}
.mnEdu .eduCard .slick-track {margin:0;}
.mnEdu .eduCard .slick-list {display:block; padding:0.5rem; margin:0 -20px;}
.mnEdu .eduCard li {float:left; margin:0 20px; border-radius:1rem; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.2); transition:all 0.5s ease-in-out; cursor:pointer;}
.mnEdu .eduCard li:hover {transform:translate(-5px, -5px);}
.mnEdu .eduCard li > div.edu-img {height:200px; border-radius:1rem 1rem 0 0; border-bottom:1px solid #eee; overflow:hidden;}
.mnEdu .eduCard li > div.edu-img img {width:100%; height:200px; border-radius:1rem 1rem 0 0;}
.mnEdu .eduCard li > div.edu-info {position:relative; padding:5rem 2rem 4rem 2rem; border-radius:0 0 1rem 1rem;}
.mnEdu .eduCard li > div.edu-info > p {position:absolute; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:calc(100% - 4rem); margin:-7rem auto 0 auto;}
.mnEdu .eduCard li > div.edu-info > p span {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:11rem; height:4rem; font-size:1.6rem; font-weight:500; color:#fff; border-radius:0.3rem;}
.mnEdu .eduCard li > div.edu-info > p span.ing {background:#95030b;}
.mnEdu .eduCard li > div.edu-info > p span.end {background:#777;}
.mnEdu .eduCard li > div.edu-info > h3 {
	font-size:2rem; font-weight:500; display:block; display:-webkit-box; height:44px; line-height:22px; color:#333; margin-bottom:2rem;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mnEdu .eduCard li > div.edu-info > div > p {display:grid; grid-template-columns:7rem 1fr; font-size:1.6rem; margin-bottom:0.5rem; word-break:keep-all;}
.mnEdu .eduCard li > div.edu-info > div > p:last-child {margin:0;}
.mnEdu .eduCard li > div.edu-info > div > p dfn {font-weight:500; color:#222;}
.mnEdu .eduCard li > div.edu-info > div > p strong {color:#74181d;}

.mnEdu  .eduCard button.slick-arrow {
	position:absolute; top:50%; z-index:2; transform:translateY(-50%); width:5rem; height:5rem; justify-content:center; align-items:center; 
	font-size:1.6rem; color:#fff; border-radius:1rem; background:rgba(0,0,0,0.3);
}
.mnEdu .eduCard button.edu_slide_prev {left:-2.5rem;}
.mnEdu .eduCard button.edu_slide_next {right:-2.5rem;}

@media screen and (max-width: 1200px){
	.mnEdu {padding:5rem 0;}
	
	.mnEdu .edu-title {margin-bottom:4rem;}
}

@media screen and (max-width: 1025px){
	.cardEduWrap {padding:0 2rem;}
}

@media screen and (max-width: 769px){
	.mnEdu .eduTab {grid-template-columns:repeat(3, auto); margin-bottom:4rem;}
}

@media screen and (max-width: 680px){
	.cardEduWrap {padding:0 8rem;}
}

@media screen and (max-width: 481px){
	.cardEduWrap {padding:0 2rem;}
	.mnEdu .edu-title {flex-direction:column; align-items:flex-start;}
	.mnEdu .edu-title .main-title {margin-bottom:3rem;}
	
	.mnEdu .eduTab {grid-template-columns:repeat(2, auto);}
}




/* 소식 */
.mnGallery {padding:10rem 0; background:url('../images/main/bg_main_gallery.png') top 10rem right no-repeat,#f9f9fa; background-size:600px 641px;}

.mnGallery .main-title {padding-bottom:6rem;}
.mnGallery .main-title dd {font-size:5.2rem;}
.mnGallery .main-title dd:after {display:none;}

.mnGallery .gallery-wrap {position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; padding:0 2rem; margin-top:4rem;}
.mnGallery .gallery-wrap .galleryTab {position:absolute; left:2rem; top:0; z-index:5; display:grid; grid-template-rows:repeat(4, 1fr); width:50.5rem; height:100%; padding:2rem 0;}
.mnGallery .gallery-wrap .galleryTab > li a {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; height:100%; padding:3rem; background:transparent; transition:all 0.5s ease-in-out;}
.mnGallery .gallery-wrap .galleryTab > li a.on {border:1px solid #1b1b1b; background:#fff;}
.mnGallery .gallery-wrap .galleryTab > li a > dfn {font-size:2.2rem; font-weight:bold; color:#222; margin-bottom:2rem;}
.mnGallery .gallery-wrap .galleryTab > li a > span {font-size:1.6rem; color:rgba(0,0,0,0.5); word-break:keep-all;}

.mnGallery .gallery-wrap .galleryBox {display:none; width:70%; max-width:90rem; /* height:55rem; */ height:clamp(50rem, 47vmax, 55rem); border:1px solid #eee; background:#222;}
.mnGallery .gallery-wrap .galleryBox.on {display:block;}

.mnGallery .gallery-list.slick-slider, .mnGallery .gallery-list .slick-list {padding:0; margin:0; width:100%; height:100%;}
.mnGallery .gallery-list .slick-track {margin:0; height:100%;}
.mnGallery .gallery-list .slick-list {display:block; /* margin:0 -2px; */}
.mnGallery .gallery-list {width:100%; height:100%;}
.mnGallery .gallery-list li {position:relative; float:left; width:100%; height:100%; overflow:hidden;}
.mnGallery .gallery-list li > * {width:100%; height:100%;}
.mnGallery .gallery-list li > .gal-img img {width:100%; height:100%; object-fit:cover; transition:all 0.1s ease-in-out;}
.mnGallery .gallery-list li > .gal-info {
	position:absolute; left:0; bottom:0; width:100%; height:100%; padding:7rem 8rem;
	display:flex; flex-wrap:wrap; flex-direction:column; justify-content:flex-end; background:linear-gradient(to top, #333 10%, transparent 100%);
}
.mnGallery .gallery-list li > .gal-info dfn {font-size:1.8rem; font-weight:500; color:rgba(255,255,255,0.8);}
.mnGallery .gallery-list li > .gal-info h3 {
	font-size:2.2rem; font-weight:500; display:block; display:-webkit-box; height:48px; line-height:24px; color:#fff; margin-top:2rem;
	white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mnGallery .gallery-list li > .gal-info a {
	display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; width:12rem; height:5rem; 
	font-size:1.6rem; font-weight:500; color:#fff; margin-top:4rem; border:1px solid #fff; background:transparent;
}

.mnGallery .gallery-list button.slick-arrow {position:absolute; top:-4rem; z-index:2; width:4rem; padding:0; font-size:1.8rem; color:#333;}
.mnGallery .gallery-list button.gal_slide_prev {right:10rem;}
.mnGallery .gallery-list button.gal_slide_next {right:0;}

.mnGallery .gallery-list .slick-dots {position:absolute; top:-4rem; right:4rem; z-index:2; font-size:1.8rem; color:#333;}
.mnGallery .gallery-list .slick-dots li {display:none;}
.mnGallery .gallery-list .slick-dots li.slick-active {display:block; width:6rem; font-family:'Poppins'; font-weight:700; letter-spacing:2px; text-align:center;}
.mnGallery .gallery-list .slick-dots li.slick-active span {color:#95030b; margin-right:3px;}

@media screen and (max-width: 1500px){
	.mnGallery .gallery-wrap .galleryTab {width:46rem;}
	.mnGallery .gallery-wrap .galleryBox {width:68%;}
}

@media screen and (max-width: 1400px){
	.mnGallery .gallery-wrap .galleryTab {width:44rem;}
	.mnGallery .gallery-wrap .galleryBox {width:66%;}
}

@media screen and (max-width: 1280px){
	.mnGallery .gallery-wrap .galleryTab {width:42rem;}
	.mnGallery .gallery-wrap .galleryBox {width:64%;}
}

@media screen and (max-width: 1200px){
	.mnGallery {padding:5rem 0; background-size:500px 534px;}
	
	.mnGallery .main-title {padding-bottom:4rem;}
	.mnGallery .main-title dd {font-size:4.8rem;}
	
	.mnGallery .gallery-wrap {justify-content:flex-start; align-items:center; padding:0; margin:0;}
	.mnGallery .gallery-wrap .galleryTab {position:relative; left:0; top:0; z-index:0; grid-template-columns:repeat(4, 1fr); grid-template-rows:1fr; width:100%; height:auto; padding:0; margin-bottom:4rem;}
	.mnGallery .gallery-wrap .galleryBox {width:100%; max-width:100%; height:clamp(45rem, 47vmax, 50rem); margin-top:4rem;}
	
	.mnGallery .gallery-list li > .gal-info {padding:5rem 6rem;}
}

@media screen and (max-width: 1025px){
	.mnGallery {background:url('../images/main/bg_main_gallery.png') top 25rem right no-repeat,#f9f9fa; background-size:400px 427px;}
	
	.mnGallery .main-title dd {font-size:4.2rem;}
	
	.mnGallery .gallery-wrap .galleryTab {grid-template-columns:repeat(2, 1fr);}
	.mnGallery .gallery-wrap .galleryTab > li a {padding:2rem 3rem;}
	.mnGallery .gallery-wrap .galleryTab > li a > dfn {font-size:2rem; margin-bottom:1rem;}
}

@media screen and (max-width: 769px){
	.mnGallery .gallery-wrap .galleryBox {height:clamp(35rem, 47vmax, 40rem);}
	
	.mnGallery .gallery-list li > .gal-info {padding:3rem 4rem;}
	.mnGallery .gallery-list li > .gal-info h3 {margin-top:1rem;}
	.mnGallery .gallery-list li > .gal-info a {margin-top:2rem;}
}

@media screen and (max-width: 481px){
	.mnGallery {background:url('../images/main/bg_main_gallery.png') top 55rem right no-repeat,#f9f9fa; background-size:260px 278px;}
	
	.mnGallery .main-title dd {font-size:3.2rem;}
	
	.mnGallery .gallery-wrap .galleryTab {grid-template-columns:1fr;}
	.mnGallery .gallery-wrap .galleryBox {height:clamp(25rem, 47vmax, 30rem);}
}



/* 진행현황 */
.mnCount {position:relative; width:100%; padding:6rem 0; background:url('../images/main/img_count_bg.png') center center no-repeat, #d0d2db; background-size:cover;}
.mnCount:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.mnCount > div {position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.mnCount > div > dl dt {display:flex; flex-wrap:wrap; flex-direction:column;}
.mnCount > div > dl dt > span {font-size:2.2rem; font-weight:bold; color:rgba(255,255,255,0.7);}
.mnCount > div > dl dt > dfn {
	display:flex; flex-wrap:wrap; flex-direction:column; font-size:4.8rem; font-weight:bold; color:#fff;
	padding:2rem 0; margin:1.5rem 0; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);
}
.mnCount > div > dl dd {font-size:1.8rem; color:rgba(255,255,255,0.7); word-break:keep-all;}
.mnCount > div > ul {display:flex; flex-wrap:wrap; width:630px;}
.mnCount > div > ul li {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; width:20rem; height:20rem; padding:2.5rem; margin:0 0 1rem 1rem; background:rgba(255,255,255,0.1);}
.mnCount > div > ul li:nth-last-child(1), .mnCount > div > ul li:nth-last-child(2) {margin-bottom:0;}
.mnCount > div > ul li > dfn {width:100%; font-size:2rem; color:#fff; text-align:center; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,0.3);}
.mnCount > div > ul li > div {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center;}
.mnCount > div > ul li > div strong {font-size:4.2rem; color:#fff;}
.mnCount > div > ul li > div span {font-size:1.8rem; color:rgba(255,255,255,0.6); margin-top:1rem;}

@media screen and (max-width: 1200px){
	.mnCount > div > dl dt > span {font-size:2rem;}
	.mnCount > div > dl dt > dfn {font-size:4.2rem;}
	.mnCount > div > dl dd {font-size:1.6rem;}
	.mnCount > div > ul {width:510px;}
	.mnCount > div > ul li {width:16rem; height:16rem; padding:1.5rem;}
	.mnCount > div > ul li > dfn {font-size:1.8rem;}
	.mnCount > div > ul li > div strong {font-size:3rem;}
	.mnCount > div > ul li > div span {font-size:1.6rem;}
}

@media screen and (max-width: 1025px){
	.mnCount > div {flex-direction:column;}
	.mnCount > div > dl {width:100%; text-align:center;}
	.mnCount > div > dl dt > dfn {flex-direction:row; justify-content:center; align-items:center; font-size:3.6rem;}
	.mnCount > div > dl dt > dfn strong {margin-right:1rem;}
	.mnCount > div > dl dd {font-size:1.7rem;}
	.mnCount > div > dl dd br {display:none;}
	.mnCount > div > ul {justify-content:center; width:100%; margin-top:3rem;}
	.mnCount > div > ul li {margin:0.5rem !important;}
}

@media screen and (max-width: 870px){
	.mnCount > div > ul {width:80%;}
}

@media screen and (max-width: 481px){
	.mnCount > div > ul {width:100%;}
}



/* 관련사이트 슬라이드 */
.mnSite {width:100%; padding:2rem 0;}

.slide-site-wrap {position:relative; z-index:2;}

.slide-site {position:relative;}
.slide-site.slick-slider, .slide-site .slick-list {margin:0; padding:0;}
.slide-site li {float:left; margin:0 15px; padding:0.5rem 0;}
.slide-site li > a {display:block; border-radius:0.5rem; background:#f7f8fc; transition:all 0.3s ease-in-out;}
.slide-site li:hover > a {box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
.slide-site li> a img {width:100%;}

.slide_btns-s {display:flex; width:100%; height:100%;}
.slide_btns-s button {
	display:flex; justify-content:center; align-items:center; position:absolute; top:50%; z-index:5; transform:translateY(-50%); 
	width:8rem; height:4.5rem; font-size:1.6rem; color:#fff; padding:0; margin:0; border-radius:5rem; background:#74798e;
}
.slide_btns-s button.site_slide_prev {left:-10.5rem;}
.slide_btns-s button.site_slide_next {right:-10.5rem;}

@media screen and (max-width: 1630px){
	.slide_btns-s button {width:6rem; height:4rem;}
	.slide_btns-s button.site_slide_prev {left:-2.5rem;}
	.slide_btns-s button.site_slide_next {right:-2.5rem;}
}
@media screen and (max-width: 1025px){
	.slide_btns-s {display:none;}
}



