@charset "UTF-8"; 
/* 센터소개 - 인사말 */
.visual-topbox { display: flex;width:100%;border-radius: .8rem;overflow: hidden; }
.visual-topbox[data-type=box01] { background: url(../images/content/visual-topbox-bg01.png) no-repeat center center/cover; }
.visual-topbox[data-type=box02] { background: url(../images/content/visual-topbox-bg02.png) no-repeat center center/cover; }
.visual-topbox div { width:50%;display: flex;padding:4rem;min-height:36rem; flex-direction: column; position: relative;justify-content: flex-end;gap:.8rem; }
.visual-topbox div:before { width:100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(25px);content:""; }
.visual-topbox div p { position: relative;color: rgba(255, 255, 255, 0.70);font-size: 1.6rem;font-style: normal;font-weight: 600;line-height: 150%; }
.visual-topbox div strong { position: relative;color: #FFF;font-size: 2.6rem;font-style: normal;
font-weight: 700;line-height: 140%;letter-spacing: -0.052rem;position: relative;display: flex;gap:.8rem;flex-direction: column; }
.visual-topbox div strong:before { content:"";display: block;width:3.6rem;height:2.4rem;background: url(../images/content/visual-topbox-title-mark.svg) no-repeat center center/cover; }
.visual-topbox div p + strong:before { display: none; }
.visual-content { margin-top:4rem; display: flex; flex-direction: column; gap:1.6rem; }
.visual-content .name { margin-top:2.4rem; }
.visual-content p { color:#222;font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 150%; letter-spacing: -0.036rem; }
.visual-content p b { font-weight: 700; }
.visual-content strong {color:#222;font-size: 2rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.04rem; }
@media (max-width:767px){
.visual-topbox div { width:100%; }
.visual-topbox div:before { backdrop-filter: blur(0); }
.visual-topbox div strong br { display: none; }
} 

/* 센터소개 - 설립목적 - 근거법제의 변화과정*/
.level-box-wrap { display: flex; flex-direction: column; gap:1.6rem;position: relative; }
.level-box-wrap:before { content:"";display: block;width:1px;height: calc(100% - 2rem);border-left:1px dashed #D9D9D9; position: absolute; top:2rem; left:2rem; }
.level-box-wrap .level-box { display: flex;gap:1.2rem; }
.level-box-wrap .level-box .level-box-num { display: flex;position: relative;
width: 4rem;height:4rem;flex-direction: column;justify-content: center;align-items: center; border-radius: 50%;flex-shrink: 0;margin-top:2rem; }
.level-box-wrap .level-box .level-box-num:before { content:"";width: 0px;height: 0px;border-top: calc( .5rem * 1.732 ) solid #666666;border-left: .7rem solid transparent;border-right: .7rem solid transparent; position: absolute; bottom:-1rem; left:50%; transform: translate(-50%, -50%);}
.level-box-wrap .level-box .level-box-num span { color: #FFF;font-size: 1.6rem;font-style: normal;font-weight: 700;line-height: 150%;letter-spacing: -0.32px; }
.level-box-wrap .level-box:nth-of-type(odd) .level-box-num { background: #1877CF; }
.level-box-wrap .level-box:nth-of-type(odd) .level-box-num:before { border-top-color:#1877CF; }
.level-box-wrap .level-box:nth-of-type(even) .level-box-num { background: #003C73; }
.level-box-wrap .level-box:nth-of-type(even) .level-box-num:before { border-top-color:#003C73; }
.level-box-wrap .level-box .level-box-content { padding:2.4rem;border-radius: .8rem;border: 1px solid #D9D9D9;background: #F8F8F8; flex:1; }
.level-box-wrap .level-box .level-box-content strong { display: block;border-bottom:1px solid #D9D9D9;margin-bottom:1.6rem; }
.level-box-wrap .level-box .level-box-content strong span { display: inline-block;padding-bottom:1.2rem;color:#222;font-size: 1.8rem;
font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.036rem; }
.level-box-wrap .level-box .level-box-content p { color:#424242;
font-size: 1.8rem;font-style: normal;font-weight: 400;line-height: 150%; letter-spacing: -0.036rem; }
.level-box-wrap.type02:before{ display: none; }
.level-box-wrap.type02 .level-box { flex-direction: column;gap:0;border-radius: .8rem; border:1px solid #D9D9D9;overflow: hidden; }
.level-box-wrap.type02 .level-box .level-box-title { padding:1.6rem 2.4rem;background: #F8F8F8;color:#222;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.036rem; }
.level-box-wrap.type02 .level-box .level-box-content { padding:2.75rem 2.4rem;border:0;background: none; }

/* 센터소개 - 설립목적 - 국가기후위기적응센터 주요 기능*/
.icon-box-wrap { display: flex;gap:2.4rem;flex-direction: column; }
.icon-box-wrap .icon-box { display: flex;gap:2.5rem; }
.icon-box-wrap .icon-box .icon-box-title { padding:2.4rem;min-height:19.3rem; width:24rem; border-radius: .8rem; display: flex; align-items: center; justify-content: center;gap:1.6rem;flex-shrink: 0;flex-direction: column; }
.icon-box-wrap .icon-box .icon-box-title strong { color:#ffffff;text-align: center;font-size: 2rem;font-style: normal;font-weight: 700;line-height: 140%; letter-spacing: -0.04rem; }
.icon-box-wrap .icon-box .icon-box-title .icon.icon01 { width:4.4rem; }
.icon-box-wrap .icon-box .icon-box-title .icon.icon02 { width:4.4rem; }
.icon-box-wrap .icon-box .icon-box-title .icon.icon03 { width:4rem; }
.icon-box-wrap .icon-box .icon-box-title .icon.icon04 { width:4.2rem; }
.icon-box-wrap .icon-box:nth-of-type(1) .icon-box-title { background:#00A0C4; }
.icon-box-wrap .icon-box:nth-of-type(2) .icon-box-title { background:#1877CF; }
.icon-box-wrap .icon-box:nth-of-type(3) .icon-box-title { background:#2A4BA6; }
.icon-box-wrap .icon-box:nth-of-type(4) .icon-box-title { background:#003C73; }
.icon-box-wrap .icon-box .icon-box-content { flex:1; }
.icon-box-wrap .icon-box .icon-box-content ul { display: flex;flex-direction: column;gap:.8rem;padding-left:2.4rem;position: relative; }
.icon-box-wrap .icon-box .icon-box-content ul:before { content:"";display: block;width:1px;height: calc(100% - 6rem);position: absolute;top:50%;left:0; transform: translateY(-50%); border-left:1px solid #D9D9D9; }
.icon-box-wrap .icon-box .icon-box-content ul li { position: relative; }
.icon-box-wrap .icon-box .icon-box-content ul li div { padding:1.6rem; background: #F8F8F8; border-radius: .8rem; border:1px solid #D9D9D9; position: relative;overflow: hidden; } 
.icon-box-wrap .icon-box .icon-box-content ul li:before { content:"";width:2.4rem;height:1px;border-top:1px solid #d9d9d9;display: block;position: absolute;top:50%;left:-2.4rem;transform: translateY(-50%); }
@media (max-width:640px){
.icon-box-wrap .icon-box { flex-direction: column;gap:1rem; }
.icon-box-wrap .icon-box .icon-box-title { width:100%;flex-direction: row;min-height: auto; }
.icon-box-wrap .icon-box .icon-box-title strong br { display: none; }
.icon-box-wrap .icon-box .icon-box-content ul { padding-left:0; }
.icon-box-wrap .icon-box .icon-box-content ul:before { display: none; }
.icon-box-wrap .icon-box .icon-box-content ul li:before { display: none; }
}

/* 센서소개 - 설립목적 - 비전 및 미션 */
.vision { overflow: hidden; }
.vision .vision-item.item01 { width:24rem;height: 24rem;display: flex;margin:0 auto;align-items: center;justify-content: center;flex-direction: column;gap:1rem; position: relative; padding:2rem; }
.vision .vision-item.item01:before { position: absolute;top:0;left:0;width:100%;height: 100%;border:2rem solid #ddd;content:"";border-radius: 50%; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1877CF, #2A4BA6) border-box;border: 2rem solid transparent; }
.vision .vision-item.item01:after { width:91.2rem;height: 17.7rem;background: url(../images/content/vision-item-before01.png) no-repeat center center/cover;content:"";position: absolute;top:10.4rem;left:50%;transform: translateX(-50%);z-index: -1;}
.vision .vision-item.item01 span { display: block;text-align: center; position: relative; color:#1877CF;text-align: center;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%;letter-spacing: -0.036rem; }
.vision .vision-item.item01 strong { display:block;text-align: center; position: relative;color:#222;font-size: 2.3rem;font-style: normal;font-weight: 700;line-height: 140%; letter-spacing: -0.46px; }
.vision .vision-item.item02 { margin-top:5.6rem;padding-top:1.8rem;position: relative; }
.vision .vision-item.item02 .vision-item-title { width:12rem;height: 3.5rem;border-radius: 5rem;display: flex;background: #003C73; align-items: center; justify-content: center; color: #FFF;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.036rem; position: absolute; top:0;left:50%;transform: translateX(-50%);}
.vision .vision-item.item02 .vision-item-content { padding:3.2rem;display: flex;justify-content: center;border-radius: 10rem;border:1px solid #D9D9D9;background: #F8F8F8; }
.vision .vision-item.item02 .vision-item-content p { color:#424242;
font-size: 2rem;font-style: normal;font-weight: 700;line-height: 150%;letter-spacing: -0.04rem; }
.vision .vision-item.item03 { margin-top:5.6rem; } 
.vision .vision-item.item03 ul { display: flex;gap:1.6rem; }
.vision .vision-item.item03 ul li { width:calc(33.333% - 1rem); }
.vision .vision-item.item03 ul li div:first-of-type { border-radius: .8rem;padding:3.2rem 2rem;min-height: 14.5rem;display: flex;align-items: center;justify-content: center;height: 100%; }
.vision .vision-item.item03 ul li div:first-of-type strong { color: #FFF;
text-align: center;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: 150%; letter-spacing: -0.036rem; }
.vision .vision-item.item03 ul li:nth-of-type(1) div { background:#1877CF; }
.vision .vision-item.item03 ul li:nth-of-type(2) div { background:#2A4BA6; }
.vision .vision-item.item03 ul li:nth-of-type(3) div { background:#003C73; }
@media(max-width:640px){
.vision .vision-item.item03 ul { flex-direction: column; }
.vision .vision-item.item03 ul li { width:100%; }
.vision .vision-item.item03 ul li div:first-of-type { min-height: auto; }
}
.vision .vision-item.item04 { margin-top:1.6rem;padding-top:4rem;display: flex;flex-direction: column;gap:1.6rem;align-items: center;position: relative; }
.vision .vision-item.item04:before { content: "";width: 72rem; height: calc(4.5rem * 1.732); background: linear-gradient(180deg, #EEE 0%, #FFF 100%);  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);position: absolute;top: 0;left: 50%;transform: translateX(-50%); z-index: -1; }
.vision .vision-item.item04 .vision-item-title { width: 12rem;height: 3.5rem;border-radius: 5rem;display: flex;background: #003C73;align-items: center;justify-content: center;color: #FFF;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%;
letter-spacing: -0.036rem; }
.vision .vision-item.item04 .vision-item-content { width:100%; }
.vision .vision-item.item04 .vision-item-content ul { display: flex;gap:1.6rem;width:100%; }
.vision .vision-item.item04 .vision-item-content ul li { width:calc(25% - 1.2rem);}
.vision .vision-item.item04 .vision-item-content ul li div { border-radius: .8rem;border:1px solid #D9D9D9;background: #F8F8F8; padding:3.2rem;height: 100%;display: flex;align-items: center;flex-direction: column;gap:1.6rem;justify-content: center; }
.vision .vision-item.item04 .vision-item-content ul li div strong { color:#424242;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: 150%; letter-spacing: -0.036rem;text-align: center; }
.vision .vision-item.item04 .vision-item-content ul li div .icon.icon01 { width:4rem; }
.vision .vision-item.item04 .vision-item-content ul li div .icon.icon02 { width:3.8rem; }
.vision .vision-item.item04 .vision-item-content ul li div .icon.icon03 { width:3.8rem; }
.vision .vision-item.item04 .vision-item-content ul li div .icon.icon04 { width:4rem; }
@media (max-width:767px){
.vision .vision-item.item04 .vision-item-content ul { flex-wrap: wrap; }
.vision .vision-item.item04 .vision-item-content ul li { width:calc(50% - .8rem); }
}
@media (max-width:640px){
.vision .vision-item.item04 .vision-item-content ul li { width:100%; }
}
.vision .vision-item.item05 { margin-top:1.6rem;padding-top:4rem; display: flex; flex-direction: column; justify-content: center; align-items: center;gap:2rem;position: relative; }
.vision .vision-item.item05:before { content: "";width: 72rem; height: calc(4.5rem * 1.732); background: linear-gradient(180deg, #EEE 0%, #FFF 100%);  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);position: absolute;top: 0;left: 50%;transform: translateX(-50%); z-index: -1; }
.vision .vision-item.item05 .vision-item-title { width: 12rem;height: 3.5rem;border-radius: 5rem;display: flex;background: #003C73;align-items: center;justify-content: center;color: #FFF;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%;
letter-spacing: -0.036rem; }
.vision .vision-item.item05 .vision-item-content { width:100%;display: flex;flex-direction: column;gap:1.6rem; }
.vision .vision-item.item05 .vision-item-content>ul { display: flex;gap:1.6rem; }
.vision .vision-item.item05 .vision-item-content>ul>li { width:calc(33.333% - 1rem);display: flex;flex-direction: column;gap:1.6rem; }
.vision .vision-item.item05 .vision-item-content>ul>li>div:first-of-type { border-radius: .8rem;padding:3.2rem 2rem;min-height: 14.5rem;display: flex;align-items: center;justify-content: center; }
.vision .vision-item.item05 .vision-item-content>ul>li>div:nth-of-type(1)>strong { color: #FFF;
text-align: center;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: 150%; letter-spacing: -0.036rem; }
.vision .vision-item.item05 .vision-item-content>ul>li:nth-of-type(1)>div:nth-of-type(1) { background:#1877CF; }
.vision .vision-item.item05 .vision-item-content>ul>li:nth-of-type(2)>div:nth-of-type(1) { background:#2A4BA6; }
.vision .vision-item.item05 .vision-item-content>ul>li:nth-of-type(3)>div:nth-of-type(1) { background:#003C73; }
.vision .vision-item.item05 .vision-item-content>ul>li>div:nth-of-type(2) { padding:2.4rem;border-radius: .8rem; background: #F8F8F8; height: 100%; }
.vision .vision-item.item05 .vision-item-content>ul>li:nth-of-type(1)>div:nth-of-type(2) { border:1px solid #1877CF; }
.vision .vision-item.item05 .vision-item-content>ul>li:nth-of-type(2)>div:nth-of-type(2) { border:1px solid #2A4BA6; }
.vision .vision-item.item05 .vision-item-content>ul>li:nth-of-type(3)>div:nth-of-type(2) { border:1px solid #003C73; }
.vision .vision-item.item05 .vision-item-content>div { padding:2.4rem;border-radius: 10rem;background: linear-gradient(90deg, #1877CF 0%, #2A4BA6 52%, #003C73 100%); }
.vision .vision-item.item05 .vision-item-content>div>strong { color: #FFF;
text-align: center;font-size: 2rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.04rem;display: block; }
@media (max-width:640px){
.vision .vision-item.item05 .vision-item-content>ul { flex-direction: column; }
.vision .vision-item.item05 .vision-item-content>ul>li { width:100%; }
.vision .vision-item.item05 .vision-item-content>ul>li>div:first-of-type { min-height: auto; }
}

/* 센터소개 - 조직도/직원소개 */
.org .org-list { display: flex; gap:4rem; padding-bottom:4rem; flex-direction: column;align-items: center; position: relative; }
.org .org-list:before { content:"";display: block;width:1px;height: 100%;border-left:1px solid #D9D9D9; position: absolute; top:0; left:50%; transform: translateX(-50%);z-index: -1; }
.org .org-list .org-item { width:24rem;min-height: 7.2rem;display: flex;align-items: center;justify-content: center; border-radius: 10rem; }
.org .org-list .org-item p { color: #FFF;font-size: 2rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.04rem; }
.org .org-list .org-item.item01 { background: #003C73; }
.org .org-list .org-item.item02 { background: linear-gradient(90deg, #1877CF 0%, #00A78B 100%), var(--blue, #1877CF); }
.org .org-info { border-top:1px solid #222;overflow: hidden; border-bottom:1px solid #d9d9d9;margin-bottom:6.4rem; }
.org .org-info ul { display: flex;flex-wrap: wrap;margin:0 -1.2rem;width: calc(100% + 3.6rem);overflow: hidden; }
.org .org-info ul li { width:calc(50% - 1.2rem);padding:2.4rem 1.2rem;border-bottom:1px solid #D9D9D9;margin-bottom:-1px; }
@media (max-width:640px){
.org .org-info ul li { width:100%; }
}

/* 테이블 - 이메일 인증 */
.certification-email { display: flex;flex-direction: column;gap:.4rem; }
.certification-email input[type="text"] { text-align: center; }

/* 센터소개 - 오시는 길 */
.map-wrap { display: flex;gap:.8rem;flex-direction: column; position: relative; z-index: 0; } 
.map-wrap .map-area { height: 48rem; }
.map-wrap .map-area>div { width:100%;height: 100%; }
.map-wrap .map-area .root_daum_roughmap .wrap_map { height: 100%; }
.map-wrap .map-address { padding:2.4rem;background: linear-gradient(90deg, #1877CF 0%, #00A78B 100%); border-radius: .8rem;display: flex;gap:3.3rem; }
.map-wrap .map-address strong { color: #FFF;font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%;letter-spacing: -0.036rem;position: relative; }
.map-wrap .map-address strong:before { content:"";display: block;position: absolute;top:.55rem;right:-1.65rem;height: 1.6rem;width:1px; background: rgba(255, 255, 255, 0.30); }
.map-wrap .map-address p { color: #FFF;font-size: 1.8rem;font-style: normal;font-weight: 500;line-height: 150%; letter-spacing: -0.036rem; }
.map-wrap .map-traffic { padding:4rem;border:1px solid #D9D9D9;border-radius: .8rem;display: flex;gap:2.4rem; margin-top:3.2rem; }
.map-wrap .map-traffic .icon { width:7.2rem;height: 7.2rem;border-radius: 50%;background: #F2F5F8;display: flex;align-items: center;justify-content: center; flex-shrink: 0; }
.map-wrap .map-traffic .icon.icon01 img { width:3.6rem; }
.map-wrap .map-traffic .map-traffic-content { display: flex;flex-direction: column;gap:1.6rem;width:100%; } 
.map-wrap .map-traffic .map-traffic-content div { padding-top:1.6rem;border-top:1px solid #D9D9D9; }
.map-wrap .map-traffic .map-traffic-content div:first-of-type { padding:0;border:0; }
.map-wrap .map-traffic .map-traffic-content div:first-of-type strong { color:#222;font-size: 2rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.04rem; }
.map-wrap .map-traffic .map-traffic-content div ul { display: flex;flex-direction: column;gap:.8rem; }
.map-wrap .map-traffic .map-traffic-content div ul li { display: flex;gap:1.6rem; }
.map-wrap .map-traffic .map-traffic-content div ul li strong { color:#222; font-size: 1.8rem;font-style: normal;font-weight: 700;line-height: 150%; letter-spacing: -0.036rem;min-width: 6.3rem; }
.map-wrap .map-traffic .map-traffic-content div ul li p { color:#424242;font-size: 1.8rem;
font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: -0.036rem; }
@media (max-width:640px){
.map-wrap .map-address { flex-direction: column;gap:0; }  
.map-wrap .map-address strong { padding-bottom:1rem;border-bottom:1px solid rgba(255, 255, 255, 0.30);margin-bottom:1rem; }
.map-wrap .map-address strong:before { display: none; }    
.map-wrap .map-traffic { padding:2rem; margin-top:2rem; }    
.map-wrap .map-traffic .icon { display: none; } 
}  

/* 센터소개 - CI */
.ci-wrap { display: flex;flex-wrap: wrap; gap:2.4rem; }
.ci-wrap .ci-box { width:calc(50% - 1.2rem);border-radius: .8rem;border:1px solid #D9D9D9; overflow: hidden; }
.ci-wrap .ci-box .ci-box-img { height: 24rem; display: flex; align-items: center; justify-content: center; }
.ci-wrap .ci-box .ci-box-download { padding:1.6rem 2.4rem; background: #F8F8F8; display: flex; justify-content: space-between; align-items: center; }
.ci-wrap .ci-box .ci-box-download strong { color:#424242;font-size: 1.8rem;
font-style: normal;font-weight: 700;letter-spacing: -0.036rem; }
.ci-wrap .ci-box .ci-box-download ul { display: flex;gap:.4rem; }
.ci-wrap .ci-box .ci-box-download ul li a { padding:0 2.2rem; height: 4.8rem; background: #fff; display: flex; align-items: center; justify-content: center; border:1px solid #D9D9D9; border-radius: .2rem; gap:.6rem; }
.ci-wrap .ci-box .ci-box-download ul li a span { color: #424242; font-size: 1.6rem;
font-style: normal;font-weight: 500;line-height: normal; }
.ci-wrap.col01 { margin-top:2.4rem; }
.ci-wrap.col01 .ci-box { padding:4rem; height: 31.5rem; width:100%; display: flex; align-items: center; justify-content: center; } 
.ci-wrap.col03.type02 { border:1px solid #d9d9d9; border-radius: .8rem;padding:4rem; }
.ci-wrap.col03.type02 .ci-box { padding:4rem;  width:calc(33.333% - 1.6rem); display: flex; align-items: center; justify-content: center;border:0;padding:0; gap:4rem; } 
.ci-wrap.col03.type02 .ci-box .ci-box-img { height: auto; }
.ci-wrap.type03 .ci-box .ci-box-img { background: url(../images/content/ci-box-bg.png) repeat -1px -1px }
@media (max-width:767px){
.ci-wrap .ci-box .ci-box-download { flex-direction: column;align-items: flex-start;gap: 1em; }  
.ci-wrap .ci-box .ci-box-download ul { width:100%; }
.ci-wrap .ci-box .ci-box-download ul li { flex:1; }  
}    
@media (max-width:640px){
.ci-wrap { flex-direction: column;gap:2rem; } 
.ci-wrap .ci-box { width:100%; } 
.ci-wrap.col03.type02 { flex-direction: row; padding:2rem; }       
}
@media (max-width:480px){ 
.ci-wrap.col03.type02 { flex-direction: column; } 
.ci-wrap.col03.type02 .ci-box { width:100%; }
.ci-wrap.col03.type02 .ci-box .ci-box-img { width:100%; }
.ci-wrap.col03.type02 .ci-box .ci-box-img img { width:100%; }
}

/* 탄소중립기본법과 기후위기 */
.introduce-box { min-height: 44rem; display: flex; align-items: center; background: url(../images/content/introduce-box-bg.jpg) no-repeat center center / cover; border-radius: 2.4rem; overflow: hidden; padding: 0 8rem; position: relative;}
.introduce-box-txt {display: flex; flex-direction: column; align-items: flex-start; gap: 4rem;}
.introduce-box-txt h4 {font-size: 2.6rem; color: #222; font-family: "RIDIBatang"; letter-spacing: -0.104rem; font-weight: 400; line-height: 1.7; white-space: nowrap; text-shadow: -1px 0px #eee, 0px 1px #eee, 1px 0px #eee, 0px -1px #eee; position: relative; z-index: 1;}
.highlight { padding: .3rem .5rem; position: relative; color: #003C73; text-shadow: none;}
.highlight::after { content:""; width: 100%; height: 100%; border-radius: 2.4rem; background: linear-gradient(90deg, #D4EFEB 0.02%, #D7E9F8 99.98%); z-index:-1; position: absolute; left: 0; top: 0;}
.introduce-box .center {font-size: 14px; color: #757575;}
.introduce-box .name { display: flex; flex-wrap: wrap; gap: 0 2rem; font-size: 14px; color: #424242; margin-top: 0;}
.introduce-box .name > span {position: relative;}
.introduce-box .name > span::before {content: ""; width: .4rem; height: .4rem; background: #d9d9d9; border-radius: 50%; position: absolute; right: -1.2rem; top: 50%; transform: translateY(-50%);}
.introduce-box .name > span:last-of-type::before {display: none;}
.introduce-box .name b {font-size: 1.8rem; padding-left: .4rem;}
.introduce-box-img { height: 42.4rem; max-width: 100%; position: absolute; right: 8rem; top: 1.6rem;}
.introduce-box-img.type02 {width: 52.9rem; right: 1rem; bottom: 0;}
.law-box {margin-top: 4rem; display: flex; gap: .8rem;}
.law-box-title {display: flex; align-items: center; justify-content: center; text-align: center; padding: .4rem 1.6rem; border-radius: .4rem; background: #003C73; color: #fff; font-size: 1.8rem; font-weight: 500; flex-shrink: 0;}
.law-box-desc { width: 100%; display: flex; flex-direction: column; border-top: 1px solid #003C73;}
.law-box-desc > div {padding: .8rem 1.6rem; border-bottom: 1px solid #d9d9d9; font-size: 1.6rem; line-height: 1.5; color: #222; font-weight: 500; } 
*+.law-question {  margin-top: 4rem; }
.law-question {display: block; font-size: 2rem; color: #222; line-height: 1.4; margin-bottom: .8rem; padding-left: 2.8rem; position: relative;}
.law-question::before {content: "Q."; color: #1877CF; position: absolute; left: 0; top: 0; }
.law-answer {color: #222; line-height: 1.6;}
@media(max-width: 1280px) {
.introduce-box-img {right: 0;}
}
@media(max-width: 768px) {
.introduce-box {flex-direction: column; padding: 4rem 3rem 0; gap: 3rem;}
.introduce-box-img {position: static; height: auto;}
}
@media(max-width: 480px) {
.introduce-box-txt {gap: 2rem;}
.introduce-box-txt h4 {font-size: 2rem;}
} 

/* 국가 기후변화 적응대책 */
.direction-future {display: flex; flex-direction: column; gap: 1.6rem;}
.direction-future > div {display: flex; gap: .8rem;}
.direction-future-title {width: 12rem; min-height: 7.8rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;  border-radius: .8rem; border: 1px solid #d9d9d9; background: #F8F8F8; font-size: 1.8rem; color: #222;}
.direction-future-wrap {width: 100%; display: flex; gap: .8rem;}
.direction-future-box { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 2rem; color: #fff; background: #003C73; border-radius: .8rem; font-weight: 500; font-size: 1.8rem;}
.direction-future-box.blue {background: #1877CF;}
.direction-future-list {width: 100%; display: flex; flex-direction: column; gap: .4rem;}
.direction-future-list .title {padding: 1.6rem; border-radius: .8rem; border: 1px solid #1877CF; text-align: center; font-size: 1.8rem; color: #1877CF; font-weight: 500;}
.direction-future-list .desc {padding: 1.6rem; border-radius: .8rem; border: 1px solid #d9d9d9; flex: 1;}
.direction-future-list .desc .txt-list li {font-size: 1.6rem;}
@media(max-width: 768px) {
.direction-future > div {flex-direction: column;}
.direction-future-title {width: 100%;}
} 
@media(max-width: 640px) {
.direction-future-wrap {flex-direction: column;}
.direction-future-box br {display: none;}
.direction-future-list .title br {display: none;}
}

/* 해외 적응정책 사례 */
.img-list > ul {display: flex; flex-wrap: wrap; gap: 6.4rem 2.4rem;}
.img-list > ul > li {width: calc(50% - 1.2rem);}
.img-list-top {margin-top: 2.4rem; border-bottom: 1px solid #d9d9d9;}
.img-list-top span { display: inline-block; padding-bottom: 1.2rem; border-bottom: 2px solid #222; font-size: 2.3rem; color: #222; font-weight: 700;}
.img-list-tilte {display: block; margin-top: 2.4rem; margin-bottom: .8rem; font-size: 1.8rem; color: #222;}
@media(max-width: 480px) {
.img-list > ul > li { width: 100%;}
}

/* KEI KACCC 주요 사업 방향과 비전 */
.img-desc {display: flex; margin-top: 4rem; gap: 3rem 8rem;letter-spacing: -0.052rem; line-height: 1.5;}
.img-desc-txt {width: 100%;}
.img-desc-title {flex-shrink: 0; font-size: 2.6rem; color: #222;}
.img-list2 > div {padding: 4rem 0; border-bottom: 1px solid #d9d9d9; display: flex; align-items: center; gap: 2rem 4rem;}
.grey-box {padding: 1.6rem; border-radius: .8rem; background: #F8F8F8; font-size: 1.7rem;}
.grey-box p span { display:block;margin-top:.5rem; }
.grey-box p span:first-of-type { margin-top:0; } 
.img-list2 > div:first-of-type {padding-top: 0;}
.img-list2-img {width: 32rem; flex-shrink: 0;}
.img-list2-txt {width: 100%; display: flex; flex-direction: column;}
.img-list2-txt .title {font-size: 2.3rem; margin-bottom: .8rem; color: #222;}
@media(max-width:786px) {
.img-desc {flex-direction: column;}
.img-list2 > div {flex-direction: column;}
.img-list2-img { width:auto; } 
}
@media(max-width:380px) {
.img-list2-img {width: 100%;}
}

/* 배경 박스 */
.bg-box {border-radius: .8rem; overflow: hidden; background: url(../images/content/bg-box-img1.jpg) no-repeat center center / cover; margin-bottom: 6.4rem;}
.bg-box.img2 {background-image: url(../images/content/bg-box-img2.jpg);}
.bg-box.img3 {background-image: url(../images/content/bg-box-img3.jpg);}
.bg-box.img4 {background-image: url(../images/content/bg-box-img4.jpg);}
.bg-box-txt { width: 85%; display: flex; flex-direction: column; border-radius: 0.8rem 0.8rem 0rem 0rem; background: #FFF; padding: 4rem; text-align: center; margin: 8.7rem auto 0;}
.bg-box-txt .number {color: #1877CF; font-size: 1.6rem; font-weight: 700;}
.bg-box-txt .title {font-size: 2.6rem; color: #222; margin-top: 1rem;}
.bg-box-txt p { margin-top: 1.6rem;}
.img-list3 {display: flex; align-items: center; gap: 4rem;}
.img-list3-img {width: 38rem; flex-shrink: 0;}
.img-list3-txt {width: 100%;}
.img-list3-txt .title {border-bottom: 1px solid #d9d9d9; margin-bottom: 2.4rem;}
.img-list3-txt .title span { display: inline-block; padding-bottom: 1.2rem; border-bottom: 2px solid #222; color: #222; font-size: 2.3rem; font-weight: 700; }
.img-list3-txt p .small { display: inline-block; font-size: 11px; padding-right: 2px;}
@media(max-width: 768px) {
.img-list3 {flex-direction: column;}
.bg-box-txt {padding: 3rem 2rem;}
.bg-box-txt p br {display: none;}
}
@media(max-width:380px) {
.img-list3-img {width: 100%;}
}

/* 지자체 */
.box-list {display: flex; flex-direction: column; gap: 1.2rem; }
.box-list > li {padding: 2.4rem; border-radius: .8rem; border: 1px solid #d9d9d9; background: #F8F8F8; }
.box-list-title { border-bottom: 1px solid #d9d9d9; margin-bottom: 1.6rem;}
.box-list-title > div {display: inline-flex; gap: .8rem; padding-bottom: 1.2rem; border-bottom: 2px solid #222;}
.box-list-title .number { flex-shrink:0; width: 2rem;height: 2rem; background: #003C73; color: #fff; font-size: 1.4rem; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: .2rem;}
.box-list-title .title {font-size: 1.8rem; color: #222;}
 
/* 공공기관 */
.box-list2 {display: flex; flex-wrap: wrap; gap: .8rem;} 
.box-list2-item {width: calc(50% - 1.2rem); border-radius: .8rem; border: 1px solid #d9d9d9; overflow: hidden;}
.box-list2-item.w100 {width: 100%;}
.box-list2-title {display: block; padding: 1.6rem 2.4rem; background: #f8f8f8; font-size: 1.8rem; color: #222;}
.box-list2-desc {padding: 2.4rem;}
@media(max-width: 640px) {
.box-list2-item  {width: 100%;}
}

/* 산업계 */
.industrial-org {width: 100%; position: relative;}
.industrial-org::before {content:"" ; width: 1px ;height: 100%; background: #d9d9d9; position: absolute; left: 50%; top: 0;z-index: -1;}
.industrial-org-box {width: 24rem; margin: auto; display: flex;flex-direction: column; text-align: center; font-size: 1.8rem; border-radius: .8rem; overflow: hidden;}
.industrial-org-box .top {padding: 1.2rem 1.6rem;background: linear-gradient(90deg, #1877CF 0%, #2A4BA6 100%); color: #fff;}
.industrial-org-box .bottom {padding: 1.2rem ;background: #EDF5FC;color: #424242;font-weight: 500;}
.industrial-org-box.dep2 {margin-top: 4rem;}
.industrial-org-right {margin: -.5rem 0; margin-left: 50%; padding-left: 16rem;position: relative;}
.industrial-org-right::before {content: ""; width: 16rem; height: 1px; background: #d9d9d9; position: absolute; left: 0; top: 50%; z-index: -1; }
.industrial-org-right span { display: inline-block; padding: 1.2rem 1.6rem; border-radius: .8rem; border: 1px solid #1877CF; color: #1877CF ; font-size: 1.8rem; font-weight: 500; text-align: center;background: #fff; } 
.industrial-org-bottom {margin-top: 4rem; padding: 2.4rem; border-radius: .8rem; background: #f8f8f8; border: 1px solid #d9d9d9;}
.industrial-org-bottom .txt-list {flex-direction: row; flex-wrap: wrap ; gap: .6rem 1.6rem;}
.industrial-org-bottom .txt-list > li {width: calc(50% - .8rem);}
.box-list3 {display: flex; gap: 1.6rem;} 
.box-list3-item {width: 100%; display: flex; flex-direction: column;}
.box-list3-item .title {border-radius: .8rem .8rem 0 0 ; background: #1877CF; color:  #fff; font-size: 1.8rem; display: block ; padding: 1.6rem 1rem; text-align: center;}
.box-list3-item .title br { display: none; }
.box-list3-item:nth-of-type(2) .title {background: #2A4BA6;} 
.box-list3-item:nth-of-type(3) .title {background: #003C73;} 
.box-list3-item .title.mint {background: #00A0C4;}
.box-list3-item .txt { display: flex; flex-direction: column; align-items: center; gap: 1.6rem; justify-content: space-between; flex: 1; padding: 2.4rem; border-radius: 0 0 .8rem .8rem; border:  1px solid #d9d9d9; border-top: 0;}
.box-list3-item .txt .txt-list {width: 100%;}
@media (max-width:840px){
.box-list3-item .title br { display: block; }    
}
@media(max-width: 768px) {
.industrial-org-bottom .txt-list > li {width: 100%;}
.box-list3 {flex-direction: column;}
.box-list3-item .title br { display: none; } 
}   
@media(max-width: 640px) {      
.industrial-org-box {width: 32rem;}
.industrial-org-right {padding-left: 3rem; margin: 1rem auto; margin-left: 50%;}
}

/* 취약계층 지원사업 */
.process {display: flex; gap: 1.6rem;}
.process > div {width: 100%;}
.process-top {min-height: 11rem; padding: 0.8rem 1.6rem .9rem 1.6rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;border-radius: .8rem; background: #00A0C3; color: #fff; position: relative;}
.process-top::before {content: ""; width: 0; height: 0; border-style: solid; border-width: 1.5rem 0 1.5rem 1.5rem; border-color: transparent transparent transparent #00A0C3; position: absolute; top: 50%; transform: translateY(-50%); right: -1.3rem; z-index: -1;}
.process > div:nth-of-type(2) .process-top {background: #1877CF;}
.process > div:nth-of-type(3) .process-top {background: #2A4BA6;}
.process > div:nth-of-type(4) .process-top {background: #003C73;}
.process > div:nth-of-type(2) .process-top::before {border-color: transparent transparent transparent #1877CF;}
.process > div:nth-of-type(3) .process-top::before {border-color: transparent transparent transparent #2A4BA6;}
.process > div:last-of-type .process-top::before {display: none;}
.process-top span {font-size: 1.8rem; font-weight: 700; opacity: .8;}
.process-top strong {font-size: 1.8rem; line-height: 1.5;}
.process-top p {font-size: 1.6rem; line-height: 1.2;}
.process-bottom { margin-top: 1.6rem; border-radius: .8rem; padding:1.6rem 1.6rem 1rem ; border: 1px solid #00A0C3; flex: 1; position: relative;}
.process-bottom::before {content: ""; width: 1px; height: 1.6rem; background: #00A0C3; position: absolute; left: 50%; top: -1.7rem; z-index: --1;}
.process > div:nth-of-type(2) .process-bottom {border-color: #1877CF;}
.process > div:nth-of-type(3) .process-bottom {border-color: #2A4BA6;}
.process > div:nth-of-type(4) .process-bottom {border-color: #003C73;}
.process > div:nth-of-type(2) .process-bottom::before {background: #1877CF;}
.process > div:nth-of-type(3) .process-bottom::before {background: #2A4BA6;}
.process > div:nth-of-type(4) .process-bottom::before {background: #003C73;}
.process-bottom .txt-list {margin-bottom: 1rem;}
.process-bottom .txt-list > li {font-size: 1.6rem; line-height: 1.5;letter-spacing: -0.032rem;}
.box-list.type02 {width: 100%;}
.box-list.type02 > li {padding: 1.2rem; text-align: center; background: #EEF6F8; border: 0; color: #003C73; font-size: 1.6rem;}
.survey {display: flex; flex-direction: column; gap: 2.4rem; margin-top: 2.4rem;}
.survey>div {display: flex; gap: 1.6rem;}
.survey-title {width: 9.5rem;border-radius: .8rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 1.8rem;}
.survey-desc {width: 100%;}
.survey-top .survey-title {background: #2A4BA6;}
.survey-bottom .survey-title {background: #00A0C3;}
.survey-top .box-list-title .number {background: #2A4BA6;}
.survey-bottom .box-list-title .number {background: #00A0C3;}
.survey-top .box-list-title > div {border-color: #2A4BA6;}
.survey-bottom .box-list-title > div {border-color: #00A0C3;}
.img-box:has(.risk-level) {padding: 4rem 2.4rem;}
.risk-level {display: flex; align-items: center; gap: 2rem 4rem;}
.risk-level-img {width: 52rem; max-width: 100%; flex-shrink: 0;}
.risk-level-img strong {display: block; text-align: center; padding: .6rem; background: #1877CF; border-radius: .4rem; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 700; color: #fff;}
.risk-level-txt {display: flex; flex-direction: column; }
.risk-level-txt > div {display: flex; align-items: flex-start; gap: 2rem; padding: 2rem; border-bottom: 1px solid #eee;}
.risk-level-txt > div:last-of-type {border-bottom: 0;}
.risk-level-txt > div > img {width: 6.4rem; flex-shrink: 0;}
.risk-level-txt > div strong { display: block; margin-bottom: .8rem; font-size: 1.8rem; color: #58B10D;}
.risk-level-txt > div:first-of-type strong {color: #EB1810;} 
.risk-level-txt > div p {font-size: 1.6rem; color: #222; line-height: 1.2; font-weight: 500; letter-spacing: -0.06rem;}
.risk-level-txt > div .small {font-size: 1.4rem; color: #424242; margin-top: .8rem; font-weight: 400;}
@media(max-width:1024px) {
.process {flex-wrap: wrap;}
.process > div {width: calc(50% - .8rem); display: flex; flex-direction: column;}
}
@media(max-width:850px) {
.risk-level {flex-direction: column; width: 100%;}
.risk-level-txt {width: 100%;}
}
@media(max-width:580px) {
.process > div {width: 100%;}
.process-top {min-height: auto;}
.process-top strong br {display: none;}
}

/* 아이콘 리스트 */
.icon-list {display: flex; gap: 1.6rem;}
.icon-list > div {width: 100%; border-radius: .8rem; border: 1px solid #d9d9d9; padding: 4rem 2.2rem 2.2rem; display: flex; align-items: center; flex-direction: column;} 
.icon-list > div .img {width: 6.4rem;}
.icon-list-title {font-size: 2rem; color: #222; margin-top: 2.4rem;} 
.icon-list > div > p {margin: .8rem 0; line-height: 1.5; text-align: center;}
.icon-list > div > p.minH {min-height: 8.1rem;}
.icon-list .grey-box p {font-size: 1.7rem;letter-spacing: -0.034rem;}
.icon-list .grey-box .important-txt:before {top: -1px;}
@media(max-width:850px) {
.icon-list {flex-direction: column;}
.icon-list > div > p.minH {min-height: auto;}
}

/* 개인정보 처리방침 */ 
.wrap-privacy .content-title02.type02 .icon { line-height: 1;width:3.1rem; }
.wrap-privacy .privacy_labeling > li > a .tit { font-size:1.8rem;color:#424242; }
.wrap-privacy .privacy_list > li a { display:flex;padding:0;gap: 1rem; color:#424242;font-size:1.8rem; } 
.wrap-privacy .privacy_list > li a span { display:flex;align-items: center; } 
.wrap-privacy .privacy_list [class*="icon"] { width:3.1rem;height:auto;position: relative;top:auto;left:auto;flex-shrink: 0; }     
.wrap-privacy .labeling_area .title { background-color:#1877CF; }
@media (max-width:640px){
.wrap-privacy .privacy_labeling { margin:0;gap:1rem;flex-wrap:wrap; } 
.wrap-privacy .privacy_labeling > li { width:calc(50% - .5rem);margin:0; }
.wrap-privacy .labeling_area { width:100%; } 
}
@media (max-width:520px){
.wrap-privacy .privacy_labeling > li { width:100%; }
.wrap-privacy .privacy_labeling > li > a { padding:2rem; display:flex;justify-content: center;align-items: center;gap: 2rem; }
.wrap-privacy .privacy_labeling [class*="icon"] { margin:0; width:4rem; height:auto; }
.wrap-privacy .privacy_list { flex-direction: column; } 
.wrap-privacy .privacy_list li { width:100%; } 
}

/* 로그인 */
.contest_complete { background:#fff; }

/* 공모전 수상작 */
.price-list { overflow:hidden; }
.price-list ul { display:flex;flex-wrap:wrap;width: calc(100% + 2.4rem);margin: 0 -1.2rem; }
.price-list ul li { width:33.333%;padding:4rem 1.2rem; border-top:1px solid #d9d9d9; } 
.price-list ul li a { display:flex; flex-direction: column;gap:2.05rem; }
.price-list ul li a .price-img { position:relative; aspect-ratio: 16 / 9; }   
.price-list ul li a .price-img img { width:100%; }    
.price-list ul li a .price-img .price-img-value { line-height:1; align-items:center; font-weight:700;font-size:1.6rem;color:#fff; display:flex; padding:0 1rem; height:2.7rem; position:absolute;top:1rem;right:1rem;background: linear-gradient(127deg, #E3A971 -12.51%, #F2D7B6 8.99%, #D8854F 27.97%, #CD7D49 29.23%, #A66235 38.09%, #8A4E27 45.68%, #79421F 52%, #743E1C 57.06%, #E5AE4F 100.07%, #E3A971 113.99%);}   
.price-list ul li a .price-info { gap:.4rem; flex-direction: column;align-items: center;justify-content: center; display:flex; padding:0 5rem; min-height:8.8rem;position:relative; }     
.price-list ul li a .price-info:before,  
.price-list ul li a .price-info:after { content:""; width:3.8rem;height:8.8rem;position:absolute;top:0; }
.price-list ul li a .price-info:before { left:0;background:url(/home/main/images/content/price-info-img01.png) no-repeat center center/cover; }
.price-list ul li a .price-info:after { right:0;background:url(/home/main/images/content/price-info-img02.png) no-repeat center center/cover; } 
.price-list ul li a .price-info .price-info-value {  display:flex; gap:1.2rem; align-items:center; }
.price-list ul li a .price-info .price-info-value span:first-child { color: #935D2B;font-size: 1.8rem;font-weight: 700;line-height: 2.7remletter-spacing: -0.036rem;position:relative; }
.price-list ul li a .price-info .price-info-value span:first-child:before { height:1.2rem;width:1px;position:absolute;top:50%;right:-.6rem;background:#949494;content:"";display:block; transform:translateY(-50%); }
.price-list ul li a .price-info .price-info-title { text-align:center; }
.price-list ul li a .price-info .price-info-title span { color:#222;font-size: 2rem;font-weight: 700;line-height: 2.6rem;letter-spacing: -0.04rem; }     
.price-list ul li a .price-info .price-info-name span { color:#757575;font-size: 1.8rem;font-weight: 500;line-height: 2.7rem;letter-spacing: -0.036rem; }
@media (max-width:767px){  
.price-list ul { width:calc(100% + 2rem);margin:0 -1rem; }
.price-list ul li { padding:4rem 1rem; }
}
@media (max-width:540px){  
.price-list ul li { width:100%; }     
}