@charset "utf-8";

/* 공통 */
.txt-white {color:#fff !important;}
.txt-blue {color:#056585 !important;}
.txt-green {color:#009a43 !important;}
.font-play {font-family:"Play", sans-serif;}
.font-noto {font-family: "Noto Sans KR", sans-serif;}
.round-box {border:1px solid #ddd; border-radius:30px;}

/* 인사말 */
.greeting {display:flex;}
.greeting .img {}
.greeting .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding:40px 0 0 98px;}
.greeting .txt-wrap .tit {margin-bottom:25px; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.greeting .txt-wrap .txt {margin-bottom:25px; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}
.greeting .txt-wrap .sign {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.greeting .txt-wrap .sign b {color:#242424;}
.greeting .txt-wrap .sign img {display:inline-block; margin-left:25px;}

/* 운영비전 */
.vision .top-bg {margin-bottom:70px; padding:70px 10px; text-align:center; background:url('../images/sub/vision-bg.jpg') no-repeat 50% 50%; background-size:cover; border-radius:30px;}
.vision .group {text-align:center;}
.vision .tit {margin-bottom:25px; font-size:32px; font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#242424;}
.vision .txt {font-weight:500; line-height:1.8em; letter-spacing:-0.03em; color:#454545;}
.vision .txt strong {font-size:20px; font-weight:600; color:#242424;}
.vision .img {margin-top:60px;}

/* 재단연혁 */
.history .top-cont {margin-bottom:60px; padding:60px 55px; display:flex; border-radius:30px; background:url('../images/sub/history-bg.jpg') no-repeat 50% 50%; background-size:cover;}
.history .top-cont .tit {margin-right:55px; font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.history .top-cont .txt {flex:1 1 auto; min-width:0; width:1%; font-weight:400; letter-spacing:0; color:#454545;}
.history .wrap {display:flex;}
.history .tab-wrap {width:200px;}
.history .tab-wrap ul li {position:relative; padding-left:18px; margin-bottom:20px;}
.history .tab-wrap ul li:last-child {margin-bottom:0;}
.history .tab-wrap ul li:before {content:''; position:absolute; width:8px; height:8px; left:0; top:9px; background:#000; border-radius:100%; opacity:0; transform:translateX(-10px); transition:0.2s all ease;}
.history .tab-wrap ul li.active:before {transform:translateX(0); opacity:1;}
.history .tab-wrap ul li a {display:inline-block; font-weight:500; line-height:1.2em; letter-spacing:0; color:#999;}
.history .tab-wrap ul li.active a {font-weight:700; color:#000;}
.history .cnt {flex:1 1 auto; min-width:0; width:1%;}
.history .cnt .flex-wrap {display:flex; margin-bottom:60px;}
.history .cnt .flex-wrap:last-child {margin-bottom:0;}
.history .cnt .year {width:207px; font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#555;}
.history .cnt .year strong {display:inline-block; margin-right:8px; font-size:40px; line-height:1.2em; letter-spacing:-0.03em; color:#333;}
.history .cnt .inner {flex:1 1 auto; min-width:0; width:1%;}
.history .cnt .group {position:relative; display:flex; padding-left:45px; padding-bottom:35px; padding-top:15px;}
.history .cnt .group:before {content:''; position:absolute; width:1px; height:100%; left:0; top:22px; background:#ccc;}
.history .cnt .group:after {content:''; position:absolute; width:8px; height:8px; border-radius:2px; background:#009a43; left:0; margin-left:-4px; top:22px; transform:rotate(45deg);}
.history .cnt .group > ul {flex:1 1 auto; min-width:0; width:1%;}
.history .cnt .group > ul > li {font-weight:400; line-height:1.8em; letter-spacing:-0.025em; color:#333;}
.history .cnt .month {width:70px; font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.025em;}
.history .cnt .group:last-child:before {display:none;}

/* ci */
.ci .group {margin-bottom:70px;}
.ci .group:last-child {margin-bottom:0;}
.ci .group-tit {margin-bottom:25px; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.025em; color:#242424;}
.ci .top-cont {display:flex; padding:50px 60px; align-items:center;}
.ci .top-cont .img {margin-right:60px;}
.ci .top-cont .txt-wrap {flex:1 1 auto; min-width:0; width:1%;}
.ci .top-cont .txt-wrap .txt {font-weight:400; letter-spacing:-0.025em; color:#454545;}
.ci .top-cont .txt-wrap strong {font-weight:600;}
.ci  .ci-wrap {padding:90px 10px; background:url('../images/sub/ci-bg.png') center top; text-align:center;}
.ci  .down-btn {text-align:center; margin-top:30px;}
.ci  .down-btn a {position:relative; display:inline-block; padding:14px 70px 14px 20px; border:1px solid #009a43; border-radius:100vh; font-weight:400; line-height:1em; letter-spacing:-0.025em; color:#009a43;}
.ci  .down-btn a:before {content:''; position:absolute; width:16px; height:16px; background:url('../images/sub/icon-down.png') no-repeat 50% 50%; right:20px; top:50%; margin-top:-8px;}
.ci  .color-list {padding:60px;}
.ci  .color-list ul {display:flex; justify-content:space-between;}
.ci  .color-list ul li {height:150px; padding:19px; width:calc(33.333% - 6px); display:flex; align-items:flex-end; justify-content:space-between; border-radius:10px; font-weight:500; line-height:1.2em; letter-spacing:-0.025em; color:#fff;}
.ci  .color-list ul li:nth-child(1) {background:#056585;}
.ci  .color-list ul li:nth-child(2) {background:#007684;}
.ci  .color-list ul li:nth-child(3) {background:#de782b;}
.ci  .color-list ul li:nth-child(4) {background:#5b5657;}

/* 찾아오시는 길 */

.root_daum_roughmap {width:100% !important; height:450px !important; border-radius:30px;}
.root_daum_roughmap .wrap_map {height:450px !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#009a43; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.root_daum_roughmap {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap .wrap_map {height:250px !important;}
	.root_daum_roughmap {height:250px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

/* 기업후원 상단 */
.enterprise-support-top {margin-bottom:40px; display:flex; align-items:center; padding:40px 60px; background:#f9f9f9; border-radius:20px;}
.enterprise-support-top .icon {flex:0 0 auto; margin-right:40px;}
.enterprise-support-top p strong {color:#242424;}