@charset "utf-8";
.container {width:100%; max-width:168rem; margin-left:auto; margin-right:auto;}

#header {height:8rem;}
#header .container {display:flex; align-items:center; height:8rem; justify-content: space-between; position:relative;;}
#header .logo {width:280px; height:55px; background:url('../img/logo.png') no-repeat center; background-size:100%; text-indent:-9999px;}



#header .slogan {text-indent:-9999px; position:absolute; width:14.9rem; height:6.5rem; background:url('../img/slogan.png') no-repeat center; background-size:100%; left:50%; top:50%; transform:translate(-50%, -50%);}

#header .btn-homepage a {display:block; width:30rem; height:5rem; line-height:5.2rem; border-radius:1rem; background:#654a98; background-size:1.6rem; padding:0 4rem; color:#ffffff; font-size:1.9rem; font-weight:700; letter-spacing:-0.05em; position:relative;}
#header .btn-homepage a::before {content:""; display:block; width:2rem; height:2.2rem; background:url('../img/ico_home.png') no-repeat center; position:absolute; top:1.5rem; left:2.5rem; background-size:2rem;}
#header .btn-homepage a::after {content:""; display:block; width:2rem; height:2.2rem; background:url('../img/ico_arrow_right.png') no-repeat center; position:absolute; top:1.5rem; right:2.5rem; background-size:2rem;}
#content {padding-bottom:10.8rem;}

.visual_wrap {position:relative;}
.visual {padding:0 0 2.3rem 0; position:relative; z-index:2;}
/* .visual_bg {background:url('../img/visual_bg.png') no-repeat center; width:100%; height:69.2rem; position:absolute; bottom:0; z-index:1;} */
.visual .text01_wrap {width:fit-content; position:relative; margin:0 auto;}
.visual .text01 {width:fit-content; margin:0 auto; line-height:1.648; font-size:3.4rem; font-weight:700; padding:0 4.8rem; position:relative; z-index:2;}
.visual .text01 span {font-weight:300;}
.visual .text01_bg {display:block; width:100%; height:3rem; background:#eae8ed; margin:0 auto; position:absolute; bottom:0; z-index:1;}
.visual .text02 {text-align:center; line-height:1.5; font-size:5.6rem; margin-top:6rem; letter-spacing:-0.03em; font-family:'KBO';}
.visual .text02 strong {font-size:7.2rem; display:inline-block; line-height:0.778; font-family:'KBO';}
.visual .text02 strong.purple {color:#654a98;}
.visual .text02 strong.orange {color:#e57609;}
.visual .text02 strong.green {color:#327858;}

@media screen and (max-width:1280px) {
    #header .logo {width:140px; height:45px;}

}


.report_wrap {position:relative;}
.report {padding:0; padding-bottom:4rem; position: relative; z-index: 10;}
.report_bg {background:url('../img/report_bg.png') no-repeat center; width:100%; height:69.2rem; position:absolute; bottom:0; z-index:1; background-size:100%;}
/* .report .container {display:flex; align-items:flex-start; justify-content:flex-start; gap:0 2.4rem;} */
.report .article {flex:1 0; display:flex; align-items: stretch; gap:0 2.4rem; flex-direction: row;}
.report .article .video-area {position:relative; width:115rem; flex:none; height:65rem; background: #000;}
.report .article .video-area > * {width:100%; height:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.report .article .pdf_wrap {display: flex; flex-direction: column; gap: 3rem; width:62rem;}
.report .article .pdf-area {flex:1 0; height:27.5rem; display:flex; align-items: center; flex-direction: column; gap: 2.4rem; flex-direction: row;}
.report .article .pdf-area .down-pdf {flex:1 0; padding:3rem 4rem; width:100%; height:100%; position:relative; border-radius: 3rem; color:#fff;}
.report .article .pdf-area .down-pdf.purple {background:url('../img/report_bg01.png') no-repeat right 2rem center; background-color: #006464; background-size:18rem;}
.report .article .pdf-area .down-pdf.green {background:url('../img/report_bg02.png') no-repeat right 2rem center; background-color: #5a1b86; background-size:18rem;}
.report .article .pdf-area .down-pdf p {font-size:4rem; line-height:1.2; font-size: 4rem; display:block; font-weight: 600;;}
.report .article .pdf-area .down-pdf p span {line-height:1.2; font-size:4rem; display: block;}
.report .article .pdf-area .down-pdf.purple p span {display: inline-block;}
.report .article .pdf-area .down-pdf .year {font-size:2.6rem; line-height:1.5; font-weight:400;}
.report .article .pdf-area .down-pdf p .yellow {color:#ffe87d;}
.report .article .pdf-area .down-pdf .btn-down {display:block; width:18rem; height: 5.4rem; line-height:5.4rem; padding-left:5rem; position:absolute; bottom:3rem; border-radius: 1rem; font-size:2rem; font-weight:600;;}
.report .article .pdf-area .down-pdf.purple .btn-down {background:url('../img/ico_report_down02.png') no-repeat left 2rem center; background-color: #fff; background-size:2rem; color:#006464;}
.report .article .pdf-area .down-pdf.green .btn-down {background:url('../img/ico_report_down01.png') no-repeat left 2rem center; background-color: #fff; background-size:2rem; color:#5a1b86;}

.promise { margin-bottom:10rem;}
.promise .tit {text-align: center; font-size:5rem; font-weight: 600; line-height:1.5; font-family: 'KBO'; position:relative; height:10rem; display:block; width:fit-content; margin:0 auto; align-content: center; display: flex; align-items: center;}
.promise .tit strong {font-size:6rem; line-height:1.236; display:inline-block; font-family: 'KBO';}
.promise .tit .blue {color:#1591de;}
.promise .tit .green {color:#327858;}
.promise .tit .orange {color:#e57609;}
.promise .promise-detail {background:#f3f6fb; padding:5rem; border-radius: 3rem;}
.promise .promise-detail + .promise-detail {margin-top:2.4rem;}
.promise .promise-detail:nth-of-type(1) {margin-top:4.8rem;}
.promise .promise-detail .title-area {display:flex; align-items: center; justify-content: flex-start; gap:0 1.6rem; line-height: 100%;}
.promise .promise-detail .title-area .num {flex:none; width:6rem; height:6rem; line-height:6rem; border-radius: 100%; text-align: center; color:#fff; font-size:3.8rem; font-weight:700;}
.promise .promise-detail .title-area .text {font-weight:700; font-size: 3.8rem; line-height:1.369; font-family: 'KBO'; word-break:keep-all}
.promise .promise-detail .title-area .text span {font-family: 'KBO'; font-weight:800}
.promise .promise-detail img {margin-top:2rem;}

.promise .promise-detail.blue .title-area .num {background-color: #045cff;}
.promise .promise-detail.green .title-area .num {background-color: #00b050;}
.promise .promise-detail.orange .title-area .num {background-color: #e5780b;}

.promise .promise-detail.blue .title-area .text {color: #5a94ff;}
.promise .promise-detail.green .title-area .text {color: #00b050;}
.promise .promise-detail.orange .title-area .text {color: #e5780b;}

.promise .promise-detail.blue .title-area .text span {color: #d05300;}
.promise .promise-detail.green .title-area .text span {color: #3e1291;}
.promise .promise-detail.orange .title-area .text span {color: #d05300;}


@media screen and (max-width:767px) {
.promise .promise-detail.blue .title-area .text span {display:block; line-height:normal;}
.promise .promise-detail .title-area .text {line-height:1.2;}
.promise .promise-detail .title-area .text span {display:block; line-height:normal;}
}





.propel {padding:1.2rem 0;}
.propel .tit {
    text-align: center; font-size:5rem; font-weight: 600; line-height:1.5; font-family: 'KBO'; 
    position:relative; height:18rem; display:block; width:fit-content; margin:5rem auto 0 auto; align-content: center; display: flex; align-items: center;
}
.propel .propel-list {/* margin-top:5.2rem; */ margin-top:0;}
.propel .propel-list ul {display:flex; flex-wrap: wrap; gap:2.4rem 2.4rem;}
.propel .propel-list ul li {width:calc(49.7% - 1.6rem); background-repeat: no-repeat; background-position: right 2rem center;}
.propel .propel-list ul li a {display:block;}

.dim {position:fixed; z-index: 98; height: 100vh; background: #000; opacity: 0.65; top:0; left:0; right:0; bottom:0;}
.popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96rem; height: 64rem; background-color: #ffffff; display: none; z-index: 99; padding: 4rem 11.5rem; box-shadow: 3rem 3rem 4.5rem 1.5rem rgba(0,0,0,0.4);}
.popup.on {display: block;}
.popup .btn-pop-close {position: absolute; right: -1.5rem; top: -3.4rem; width: 7.5rem; height: 7.5rem; border-radius: 50%; background: url('../img/btn_popup_close.png') no-repeat center; background-size: 100%;}

[id*="popSwiper"] [class*="swiper-popup"] .swiper-wrapper .swiper-slide img {width: 56.2rem; margin: 0 auto;}
[id*="popSwiper"] .swiper-button-next, 
[id*="popSwiper"] .swiper-button-prev {width: 4.1rem; height: 5.4rem; background-repeat: no-repeat; background-position: center; background-size: 100%;}
[id*="popSwiper"] .swiper-button-next::after, 
[id*="popSwiper"] .swiper-button-prev::after {display: none;}
[id*="popSwiper"] .swiper-button-next {background-image: url('../img/btn_swiper_next_active.png');}
[id*="popSwiper"] .swiper-button-prev {background-image: url('../img/btn_swiper_prev_active.png');}
[id*="popSwiper"] .swiper-button-next.swiper-button-disabled {background-image: url('../img/btn_swiper_next_active.png'); opacity: 0.5;}
[id*="popSwiper"] .swiper-button-prev.swiper-button-disabled {background-image: url('../img/btn_swiper_prev_active.png'); opacity: 0.5;}

/***** footer *****/
#footer {background-color:#F4F5F6;}
.foot_con_wrap {background:#f1f1f1;}
.foot_con {width:1280px; margin:0 auto;}
.foot_con .foot_logo {float:left; width:116px; margin-top:56px; text-align:center;}
.foot_con .WA_logo {float:right; width:116px; margin-top:37px; text-align:center; margin-right:64px;}
.foot_con .txt {padding:25px 0 25px 140px;}
.foot_con .txt .foot_links {font-size:14px; line-height:22px; font-weight:300; overflow:hidden;}
.foot_con .txt .foot_links li {position:relative; float:left; margin-right:28px;}
.foot_con .txt .foot_links li + li:before {content:''; position:absolute; top:7px; left:-13px; width:1px; height:9px; background:#c7c7c7;}
.foot_con .txt .foot_links a {color:#333;}
.foot_con .txt .foot_links a:hover {color:#0083cb;}
.foot_con .txt .addr_tel {padding-top:16px; color:#555; font-size:14px; line-height:22px; font-weight:300; overflow:hidden;}
.foot_con .txt .addr_tel li {position:relative; float:left; margin-right:32px;}
.foot_con .txt .addr_tel li.color_blue {color:#0083cb;}
.foot_con .txt .addr_tel li + li:before {content:''; position:absolute; top:6px; left:-15px; width:1px; height:11px; background:#c4c4c4;}
.foot_con .txt .wn {margin-top:6px; color:#777; font-size:14px; line-height:22px; font-weight:300;}
.foot_con .txt .copyright {color:#777; font-size:13px; line-height:20px; font-weight:300;}

.footer_util_wrap {width:1600px; margin:0 auto; padding:40px 0;}
.footer_center_wrap {display:flex; justify-content: space-between; padding:0 70px 30px 0; border-bottom:1px solid #CDD1D5;}
.footer_center_wrap .left_wrap {}
.footer_center_wrap .left_wrap address {font-size:17px; font-weight:500; color:#3F3F3F; margin-top:30px;}
.footer_center_wrap .left_wrap address span {display:block; font-weight: 700; color:#000; margin-top:20px;}
.footer_center_wrap .right_wrap {width:250px;}
.footer_center_wrap .right_wrap ul {display:flex;}
.footer_center_wrap .right_wrap .right_util_link {flex-direction: column; gap:10px;}
.footer_center_wrap .right_wrap .right_util_link a {font-size:18px; font-weight:700; color:#3F3F3F; padding-right:45px; background:url(https://mcee.go.kr/images/main_202507/ico_ft_arrow.png) no-repeat right center;}
.footer_center_wrap .right_wrap .right_sns_link {margin-top:20px; gap:5px;}
.footer_center_wrap .right_wrap .right_sns_link li {display:inline-block;}
.footer_center_wrap .right_wrap .right_sns_link a {display: block; width: 40px; height: 40px; text-indent: -99999px; font-size:0;} 
.footer_center_wrap .right_wrap .right_sns_link a::before {display: block; content: ''; width:40px; height:40px;}
.footer_center_wrap .right_wrap .right_sns_link a.youtube::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_youtube.png');}
.footer_center_wrap .right_wrap .right_sns_link a.instagram::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_instagram.png');}
.footer_center_wrap .right_wrap .right_sns_link a.facebook::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_facebook.png');}
.footer_center_wrap .right_wrap .right_sns_link a.twitter::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_x.png');}
.footer_center_wrap .right_wrap .right_sns_link a.blog::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_blog.png');}
.footer_center_wrap .right_wrap .right_sns_link a.youtube:hover::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_youtube_on.png');}
.footer_center_wrap .right_wrap .right_sns_link a.instagram:hover::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_instagram_on.png');}
.footer_center_wrap .right_wrap .right_sns_link a.facebook:hover::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_facebook_on.png');}
.footer_center_wrap .right_wrap .right_sns_link a.twitter:hover::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_x_on.png');}
.footer_center_wrap .right_wrap .right_sns_link a.blog:hover::before {background-image: url('https://mcee.go.kr/images/main_202507/ico_sns_blog_on.png');}


.footer_bottom_wrap {display:flex; flex-wrap: wrap;justify-content: space-between; padding-top:20px;}
.footer_bottom_wrap .left_wrap  {height:71px;}
.footer_bottom_wrap .left_wrap .link_wrap {display:flex; gap:0 30px; background: none; height: auto;}
.footer_bottom_wrap .left_wrap .link_wrap a {font-size:17px; font-weight:600; color:#3F3F3F;}
.footer_bottom_wrap .left_wrap .link_wrap a b{font-weight:600; color:#e17903;}
.footer_bottom_wrap .left_wrap .WA_logo {margin-top:10px;}
.footer_bottom_wrap .right_wrap .copy {font-size:15px; font-weight:500; color:#333;} 
.footer_bottom_wrap .full_wrap {clear: both; width:100%; margin-top:15px;}
.footer_bottom_wrap .full_wrap h2 {padding:10px 20px; background:#fff; border-radius: 5px; font-weight: 500; font-size: 14px;}
.footer_bottom_wrap .full_wrap h2 img {margin-right:10px; display:inline-block; vertical-align:top;}



@media screen and (max-width:1800px) {
    .container {padding-left:4rem; padding-right:4rem;}

    .report .article .video-area {width:60%; height:auto; aspect-ratio:105/59;}
    .report .article .pdf_wrap {gap:2rem;}
    .report .article .pdf-area .down-pdf.green {background-size:17rem;}
    .report .article .pdf-area .down-pdf.purple {background-size:18rem;}

}
@media screen and (max-width:1640px) {
    .visual .text02 {font-size:5rem;}
    .visual .text02 strong {font-size:6rem}
    .report .article {flex-direction: column;}
    .report .article .video-area {width:100%;}
    .report .article .pdf_wrap {width:100%; flex-direction: row; margin-top:2rem;}
    .report .article .pdf-area .down-pdf .btn-down {width:auto; padding-right:3rem;}
}
@media screen and (max-width:1280px) {
    .promise .tit::before {}
    .footer_util_wrap {width:100%; padding:20px 15px 20px 20px;}
    .footer_center_wrap {display:inline-block; padding: 0 0 30px 0;}
    .foot_logo img {width:140px; height: 45px;}
    .footer_center_wrap .left_wrap address {margin-top:10px; font-size:15px;}
    .footer_center_wrap .right_wrap .right_util_link {gap:2px;}
    .footer_bottom_wrap .full_wrap h2  {padding:10px 12px; font-size:12px;}
    .footer_bottom_wrap .full_wrap h2 img {margin-right:5px; }
    .footer_center_wrap .left_wrap address span {margin-top:10px;}
    .footer_bottom_wrap .left_wrap {height:50px;}
}

@media screen and (max-width:768px) {
    #header .btn-homepage a {font-size:1.6rem;}
    .report .article .pdf-area {height:25rem;}
    .report .article .pdf-area .down-pdf p,
    .report .article .pdf-area .down-pdf p span {font-size:3rem;}
    .report .article .pdf-area .down-pdf.green {background-size:13rem;}
    .report .article .pdf-area .down-pdf.purple {background-size:12rem;}
}
@media screen and (max-width:475px) {
    .report .article .pdf-area .down-pdf {padding:2rem 4rem 3rem 4rem;}
}
@media screen and (max-width:370px) {
    .report .article .pdf_wrap {flex-direction: column;}
    .report .article .pdf-area .down-pdf .btn-down {display:inline-block; position:initial; margin-top:10px;}
    .report .article .pdf-area .down-pdf p span {display: inline-block;}
}