@charset "utf-8";

/*** 발전기금 ***/
.news .fund .top {border-radius:20px;}

.news .fund .top .inner .img {height:425px; background:url(../../images/sub/fund_img.webp) center bottom -150px no-repeat; border-radius:20px 20px 0 0;border:1px solid #e5e5e5; border-bottom:0;}
.news .fund .top .inner ul {display:grid; grid-template-columns:repeat(3, 1fr); border:1px solid #e5e5e5; border-top:0;}
.news .fund .top .inner ul li {border-right:1px solid #e5e5e5;}
.news .fund .top .inner ul li h3 {padding:30px 0; color:#fff; text-align:center; background:var(--base2) url(../../images/common/ico_next.png) center right 20px no-repeat; font-size:var(--fontSize24); font-weight:600;}
.news .fund .top .inner ul li:last-child h3 {background:var(--base2);}
.news .fund .top .inner ul li p {padding:20px 0; text-align:center; line-height:1.3;}
.news .fund .top .inner ul li:last-child {border-right:0;}

.news .fund .top .txt {padding:30px 50px;border:1px solid #e5e5e5;border-top:0;border-bottom:0;}
.news .fund .top .txt p {position:relative; padding-left:17px;}
.news .fund .top .txt p:before {position:absolute; content: ""; left:0; top:10px; width:5px; height:5px; border-radius:100px; background:#d9d9d9;}
.news .fund .top .txt span {display:block; font-size:var(--fontSize16); color:#898989;}

.news .fund .top .strong {padding: 30px 50px; border:1px solid var(--base1);}
.news .fund .top .strong p {display:flex; gap:10px;}
.news .fund .top .strong p+p {margin-top:13px;}
.news .fund .top .strong span {display:block; background:var(--base1); color:#fff; border-radius:100px; max-width:160px; width:100%; text-align:center;}


.news .fund .top .link {display:grid; grid-template-columns:repeat(3, 1fr); background:var(--base1); color:#fff; border-radius:0 0 20px 20px; font-size:var(--fontSize24); font-weight:600;}
.news .fund .top .link a {position:relative; display: flex; padding: 20px 0; align-items: center; justify-content: center; gap:10px;}
.news .fund .top .link a p span {display: block; font-size: 17px; line-height: 1;}
.news .fund .top .link a i {display:inline-block; width:40px; height:40px; background:url(../../images/common/ico_down.png);}
.news .fund .top .link a:nth-child(2) i {background:url(../../images/common/ico_send.png);}
.news .fund .top .link a:nth-child(3) i {background:url(../../images/common/ico_call.png);}

.news .fund .top .link a:nth-child(2):before {content: ""; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 1px; height: 43px; background: rgba(255,255,255,.3);}
.news .fund .top .link a:nth-child(2):after {content: ""; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); width: 1px; height: 43px; background: rgba(255,255,255,.3);}




/*** 후원 및 협력 ***/
.support h3 {position:relative; display:flex; gap:10px; align-items: center; font-size:var(--fontSize32); font-weight:600;}
.support h3 i {display:inline-block; width:40px; height:40px; background:url(../../images/sub/i_support1.png); background-size: 100%;}
.support div:last-child h3 i {background:url(../../images/sub/i_support2.png); background-size: 100%;}
.support strong {font-weight:700; color:var(--base1);}

.support .txt {display:grid; gap:120px; grid-template-columns:430px auto; margin:30px 0 80px 0; padding-bottom:80px; border-bottom:1px solid #ddd;}
.support div:last-child .txt {padding-bottom:0; margin-bottom:0; border:0;}
.support .txt p {text-align:center; margin-top:20px;}
.support .txt ul li {position:relative; padding-left:20px; margin-bottom:15px; margin-top:20px;}
.support .txt ul li:before {content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--base1);
    border-radius: 100px;
    top: 11px;
    left: 0;
	}
	
	
/*** MOU ***/
.mou h3 {position:relative; font-size:var(--fontSize32); font-weight:600; display:flex; align-items: center; gap:10px;}
.mou h3 i {display:inline-block; width:40px; height:40px; background:url(../../images/sub/i_mou.png); background-size: 100%;}

.mouWrap {margin-bottom:100px !important;}
.mouWrap h4 {position:relative; font-size:var(--fontSize24); color:var(--base1); padding:30px 0 30px 0; font-weight:600;}
.mouWrap h4:before {position:absolute; content:""; width:30px; height:2px; background:var(--base1); bottom: 15px; left: 0;}
.mouWrap .txtWrap {display:grid; grid-template-columns:2fr 1fr;}
.mouWrap .txtWrap ul li strong {font-weight:500; color:var(--base1);}
.mouWrap .txtWrap div:last-child ul li {position:relative; font-weight:300; padding-left:20px;}
.mouWrap .txtWrap div:last-child ul li:before {content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--base1);
    border-radius: 100px;
    top: 10px;
    left: 0;}

.mou .gallary h4 {text-align:center; padding:100px 0 70px 0; font-size:var(--fontSize32); font-weight:700; line-height:1.4; border-top:1px solid #e5e5e5;}
.mou .gallary h4 strong {font-weight:700; color:var(--base2);}
.mou .gallary ul {display:grid; grid-template-columns:repeat(3,1fr); gap:60px;}
.mou .gallary ul li {border:1px solid #e5e5e5; padding:40px 30px; transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.mou .gallary ul li:hover {background:var(--base2); color:#fff; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.04), 0 10px 10px rgba(0, 0, 0, 0.04);}

.mou .gallary ul li .mou_logo {display:flex; justify-content: center; flex-direction: column; gap: 10px; align-items: center; margin-bottom:20px;}
.mou .gallary ul li .mou_logo img {width:100%; max-width:240px; padding:20px 30px; object-fit: scale-down; max-height: 100px;}
.mou .gallary ul li:hover .mou_logo img {background:#fff;}

.mou .gallary ul li .mou_logo p {position:relative; font-size:var(--fontSize22); font-weight:600; padding-top:40px;}
.mou .gallary ul li .mou_logo p:before {position:absolute; content:""; width:30px; height:2px; background:#3d3d3d; top: 20px; left: 50%; transform: translate(-50%, -50%);}
.mou .gallary ul li:hover .mou_logo p:before {background:#fff;}

.mou .gallary ul li .mou_img img {width:100%; object-fit: cover; max-height: 240px; border:4px solid #fff;}
.mou .gallary ul li .mou_img p {text-align:center; padding-top:6px; font-weight:300; font-size:var(--fontSize16);}
	

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	

	/*** 발전기금 ***/
	.news .fund .top .inner .img {height:300px; background:url(../../images/sub/fund_img.webp) center bottom -250px no-repeat;}
	.news .fund .top .link {font-size: var(--fontSize20);}
	.news .fund .top .strong p {gap: 5px; flex-direction: column;}
	
	/*** 후원 및 협력 ***/
	.support h3 {font-size:24px; gap:8px;}
	.support h3 i {width:30px; height:30px;}
	.support .txt {grid-template-columns: 1fr; gap:20px; margin: 30px 0 40px 0; padding-bottom: 40px;}
	.support .txt>div {width:300px;}
	
	/*** mou 협약 ***/
	.mou h3 {font-size:24px;}
	.mou h3 i {width:30px; height:30px;}
	.mouWrap {margin-bottom:60px !important;}
	.mouWrap h4 {padding-top:20px; font-size:20px;}
	.mouWrap .txtWrap {grid-template-columns: 1fr;}
	.mouWrap .txtWrap ul li+li {margin-top:15px;}
	.mouWrap .txtWrap ul li br {display:none;}
	.mouWrap .txtWrap div+div {padding-top:10px;}
	.mou .gallary h4 {padding-top:60px; padding-bottom:40px; font-size:24px;}
	.mou .gallary h4 br {display:none;}
	.mou .gallary ul {grid-template-columns: 1fr; gap:20px;}
	.mou .gallary ul li {padding:20px;}
	.mou .gallary ul li .mou_logo img {max-width: 200px;}
	.mou .gallary ul li .mou_logo p {padding-top:20px;}
	.mou .gallary ul li .mou_logo p:before {top:0;}
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	/*** 발전기금 ***/
	.news .fund .top .inner .img {height:150px; background:url(../../images/sub/fund_img.webp) center bottom -40px no-repeat; background-size:cover;}
	
	.news .fund .top .inner ul {grid-template-columns: repeat(1, 1fr);}
	.news .fund .top .inner ul li h3 {padding:10px 0; padding-bottom:30px; background: var(--base2) url(../../images/common/ico_next_b.png) center bottom 13px no-repeat;}
	.news .fund .top .inner ul li:last-child h3 {padding-bottom:10px;}
	.news .fund .top .link {grid-template-columns: repeat(1, 1fr);}
	.news .fund .top .txt {padding:25px;}
	
	.news .fund .top .link a {gap:5px;}
	.news .fund .top .link a:nth-child(2):before, .news .fund .top .link a:nth-child(2):after {content:none;}
	.news .fund .top .link a:nth-child(2) {border:1px solid rgba(255, 255, 255, .3); border-right:0; border-left:0;}
	.news .fund .top .link a i {width:24px; height:24px; background-size: 24px 24px !important;}
	


	/*** 후원 및 협력 ***/
	
}