@charset "utf-8";

/* 스크롤바 안보이게 하기 */
/* body {
    -ms-overflow-style: none; 
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
} */


.pop_close{color: #fff; margin-left: 25px;}

.section{width: 100%; height: 100vh;}
.fp-table{}
.section h2{font-size: 50px; border-bottom: 1px solid #BFBFBF; padding-bottom: 25px; font-weight: 700; margin-bottom: 30px; color: #333;}

/* section01 */
#section01{z-index: 1; padding: 0; position: relative;}
#section01 .bxslider{height: 100vh; width: 100%; position: relative;}
/* 220812(s) */
#section01 .bxslider div{height: 100%; width: 100%; display:block; background: url(../images/main/main_visual_04.jpg) no-repeat 50% 50%; text-indent: -9999px; background-size: cover;}
/* //220812(e) */
/* 220802(s) */
#section01 .bxslider div:nth-child(2){background: url(../images/main/main_visual_01.jpg) no-repeat 0 0; background-size: cover;}
#section01 .bxslider div:nth-child(3){background: url(../images/main/main_visual_02.jpg) no-repeat 0 0; background-size: cover;}
#section01 .bxslider div:nth-child(4){background: url(../images/main/main_visual_03.jpg) no-repeat 0 0; background-size: cover;}

/* 화살표 */
#section01 .bx-controls-direction{display: none;}

/* 재생일시정지버튼 */
#section01 .bx-controls-auto{display: flex; position: absolute; left: 200px; bottom: 5.5%;}
#section01 .bx-controls-auto-item{margin-right: 16px;}
#section01 .bx-controls-auto-item a{width: 35px; height: 35px; display: block; text-indent: -9999px;}
#section01 a.bx-start{background: url(../images/main/play.png) no-repeat 0 0; background-size: contain; }
#section01 a.bx-stop{background: url(../images/main/stop.png) no-repeat 0 0; background-size: contain; }

/* 페이지 */
#section01 .bx-pager{display: flex; position: absolute; left: 2%; bottom: 5%; font-family: 'Gmarket Sans';}
#section01 .bx-pager-item{margin-right: 20px; width: 20px; text-align: center; }
#section01 .bx-pager-item a{display: block; width: 100%; color: #fff;font-size: 17px; font-weight: 300; padding-bottom: 7px;}
#section01 .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{border-bottom: 1px solid #fff;}
/* //220802(e) */


/************* 수정부분 PC ******************/

/* .neonVisualText{position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 15; text-align: center; padding-left: 1px; padding-top: 50px; width: max-content; max-width: 90%;}
.neonVisualText .img_box{position: absolute; left: -50px; top: -30px; width: 150px;}
.neonVisualText .img_box img{width: 100%; filter: drop-shadow(0px 0px 5px #52cadb) drop-shadow(0px 0px 10px #52cadb) drop-shadow(0px 0px 20px #52cadb);}
.neonVisualText .txt{font-size: 80px; color: white; font-family: 'Gmarket Sans'; font-weight: 800; text-shadow: 0 0 5px #fff, 0 0 10px #52cadb, 0 0 20px #52cadb, 0 0 30px #52cadb, 0 0 40px #52cadb, 0 0 55px;} */

/* .visualtxt{width:auto; height: 150px; position: absolute; left: 10%; bottom:20%; color:#fff; z-index: 9; font-family: 'Gmarket Sans'; font-weight: 300; text-align: left;}
.visualtxt div{padding-top:0;}
.visualtxt span{display: block; width: 100%; font-size: 15px; position: relative; letter-spacing: -0.075em;}
.visualtxt p{font-size: 37px; margin-top: 13px; letter-spacing: -0.03em; line-height: 1.2;}
.visualtxt p em{font-weight: 500; letter-spacing: -0.02em;}
.skyblue{color:#B4F6FF; font-size: 60px;} */

.scrollDown{position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 15; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.scrollDown .txt{display: inline-block; text-align: center; font-size: 14px; font-weight: 500; color: white; margin-bottom: 15px; font-family: 'Gmarket Sans'; line-height: 1.5; position: relative; top: 0;}
.scrollDown .icon{display: inline-block; width: 12px; height: 42px; background: url('../images/main/ic_arrow_long_down.svg') no-repeat center bottom / 100%; position: relative; top: 0; animation: unDown .5s infinite alternate both ease-in-out; opacity: 0.7;}


.fp-tableCell:has(.main_visual_text_wrapper){position: relative;}
.main_visual_text_wrapper{position: absolute; left: 0; top: 40%; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
.main_visual_text_wrapper .neonVisualText{position: relative; z-index: 15; text-align: center; padding-left: 1px; padding-top: 50px; width: max-content; max-width: 90%; white-space: nowrap;}
.main_visual_text_wrapper .neonVisualText .img_box{position: absolute; left: -50px; top: -30px; width: 150px;}
.main_visual_text_wrapper .neonVisualText .img_box img{width: 100%; filter: drop-shadow(0px 0px 5px #52cadb) drop-shadow(0px 0px 10px #52cadb) drop-shadow(0px 0px 20px #52cadb);}
.main_visual_text_wrapper .neonVisualText .txt{font-size: 80px; color: white; font-family: 'Gmarket Sans'; font-weight: 800; text-shadow: 0 0 5px #fff, 0 0 10px #52cadb, 0 0 20px #52cadb, 0 0 30px #52cadb, 0 0 40px #52cadb, 0 0 55px;}

.main_visual_text_wrapper .visualtxt{position: relative; width:auto; height: 150px; color:#fff; z-index: 9; font-family: 'Gmarket Sans'; font-weight: 300; text-align: left; margin-top: 100px; }
.main_visual_text_wrapper .visualtxt div{padding-top:0; flex-wrap: wrap; align-items: center;}
.main_visual_text_wrapper .visualtxt span{display: block; width: 700px; font-size: 15px; position: relative; letter-spacing: -0.075em;}
.main_visual_text_wrapper .visualtxt p{font-size: 37px; margin-top: 0; letter-spacing: -0.03em; line-height: 1.2; display: inline-block;}
.main_visual_text_wrapper .visualtxt p em{font-weight: 500;}
.main_visual_text_wrapper .skyblue{color:#B4F6FF; font-size: 60px;}



@keyframes unDown {
    0%{top: -5px;}
    100%{top: 10px;}
}


@media screen and (max-height: 800px), screen and (max-width: 1100px) {
    .neonVisualText{padding-left: 30px; padding-top: 30px;}
    .neonVisualText .img_box{left: -50px; top: -30px; width: 110px;}
    .neonVisualText .txt{font-size: 65px;}
 }




/************* 수정부분 PC - 끝 ******************/




/* section02 */
#section02{background: #fff; position: relative; height: 100vh;}
#section02:after{content:""; display: block; width: 50%; height: 100%; background: #022759; position: absolute; right: 0; top: 0; z-index: 1;}
.section02_wrap{width: 1200px; margin: 0 auto; position: relative;}
.section02_wrap h2{z-index: 3; position: absolute; left: 0; top: 110px; width: 100%;}
.section02_in{display: flex; padding-top: 100px;}
.section02_in .left{width: 50%; background: #fff; color: #333; padding-right: 90px; padding-top:130px;}
.section02_in .right{width: 50%; z-index: 2; color: #fff; padding-left: 90px; padding-top:130px;}
/* 220829(s) */
.main_busi{}
.main_busi h3{font-size: 25px; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 24px;}
.main_busi h3 span{font-size: 18px; display: block; font-weight: 400; margin-top: 5px;}
/* 220818(s) */
.main_busi ul{display: flex; flex-flow: row wrap; text-align: center; justify-content: space-between;}
/* //220818(e) */
.main_busi ul li{}
.main_busi ul li a{display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 600; color: #333; transition: background-color ease-in-out 0.3s}
/* //220829(e) */
.business01{margin-bottom: 52px;}
.business01 ul{}
.business01 ul li{width: 32%; height: 100px; background: #fff;}
.business01 ul li a{padding-top:67px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); color:#333;}
/* 220802(s) */
.business01 ul li:nth-child(1){background: url(../images/main/icon_busi01_01.png) no-repeat; background-position: 50% 16px;}
.business01 ul li:nth-child(2){background: url(../images/main/icon_busi01_02.png) no-repeat; background-position: 50% 16px;}
.business01 ul li:nth-child(3){background: url(../images/main/icon_busi01_03.png) no-repeat; background-position: 50% 16px;}
/* //220802(e) */
/* 220831(s) */
.business01 ul li a:hover{color: #fff;}
.business01 ul li:nth-child(1) a:hover{background: #022759 url(../images/main/icon_busi01_01_on.png) no-repeat; background-position: 50% 16px;}
.business01 ul li:nth-child(2) a:hover{background: #022759 url(../images/main/icon_busi01_02_on.png) no-repeat; background-position: 50% 16px;}
.business01 ul li:nth-child(3) a:hover{background: #022759 url(../images/main/icon_busi01_03_on.png) no-repeat; background-position: 50% 16px;}
/* //220831(e) */
.business02{}
.business02 ul{}
.business02 ul li{width: 49%; height: 100px; margin-bottom: 12px;}
/* 220831(s) */
.business02 ul li a{box-shadow: 2px 2px 10px rgba(0,0,0,0.1); color:#333; padding-top: 66px; display: block;}
.business02 ul li a:hover{color: #fff;}
.business02 ul li:nth-child(1) a:hover{background: #022759 url(../images/main/icon_busi02_01_on.png) no-repeat 50% 16px;}
.business02 ul li:nth-child(2) a:hover{background: #022759 url(../images/main/icon_busi02_02_on.png) no-repeat 50% 16px;}
.business02 ul li:nth-child(3) a:hover{background: #022759 url(../images/main/icon_busi02_03_on.png) no-repeat 50% 16px;}
.business02 ul li:nth-child(4) a:hover{background: #022759 url(../images/main/icon_busi02_04_on.png) no-repeat 50% 16px;}
/* //220831(e) */

.business02 ul li:nth-child(1){background: url(../images/main/icon_busi02_01.png) no-repeat 50% 16px;}
.business02 ul li:nth-child(2){background: url(../images/main/icon_busi02_02.png) no-repeat 50% 16px;}
.business02 ul li:nth-child(3){background: url(../images/main/icon_busi02_03.png) no-repeat 50% 16px;}
.business02 ul li:nth-child(4){background: url(../images/main/icon_busi02_04.png) no-repeat 50% 16px;}
.business03{}
.business03 ul{}
.business03 ul li{width: 48.5%; height: 134px; margin-bottom: 18px; }
.business03 ul li a{color:#fff; border: 1px solid rgba(255,255,255,0.75); padding-top: 66px; line-height: 24px;}

/* 220802(s) */
.business03 ul li a span{width: 110px; display: block; margin: 0 auto; text-align: center;}
.business03 ul li a span em{display: block;}
/* //220802(e) */

.business03 ul li:nth-child(1){background: url(../images/main/icon_busi03_01.png) no-repeat 50% 16px;}
.business03 ul li:nth-child(2){background: url(../images/main/icon_busi03_02.png) no-repeat 50% 16px;}
.business03 ul li:nth-child(3){background: url(../images/main/icon_busi03_03.png) no-repeat 50% 16px;}
/* 220818(s) */
.business03 ul li:nth-child(6){background: url(../images/main/icon_busi03_04.png) no-repeat 50% 50%; background-size: 100%;}
.business03 ul li:nth-child(5){background: url(../images/main/icon_busi03_05.png) no-repeat 50% 50%; background-size: 100%;}
.business03 ul li:nth-child(4){background: url(../images/main/icon_busi03_06.png) no-repeat 50% 16px;}
/* 220818(s) */

/* 220831(s) */
.business03 ul li a:hover{color: #022759; font-weight: 700;}
.business03 ul li:nth-child(1) a:hover{background: #fff url(../images/main/icon_busi03_01_on.png) no-repeat 50% 16px;}
.business03 ul li:nth-child(2) a:hover{background: #fff url(../images/main/icon_busi03_02_on.png) no-repeat 50% 16px;}
.business03 ul li:nth-child(3) a:hover{background: #fff url(../images/main/icon_busi03_03_on.png) no-repeat 50% 16px;}
.business03 ul li:nth-child(4) a:hover{background: #fff url(../images/main/icon_busi03_06_on.png) no-repeat 50% 16px;}
/* //220831(e) */

/* section03 */
#section03{background: #F9FAFC; color: #333; height: 100vh;}
.section03_wrap{width: 1200px; margin: 0 auto; padding-top: 40px;}
.notice{width: 100%; position: relative; margin-bottom: 50px;}
.notice h3{font-size: 28px; font-weight: 700; margin-bottom: 22px;}
.notice ul{display: flex; justify-content: space-between; flex-wrap: nowrap; flex-flow: row wrap;}
.notice ul li{width: 24%; height: 224px; background: #fff; position: relative; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.notice ul li a{display: block; padding: 30px 25px; width: 100%; height: 100%; border: 1px solid #fff; transition: all ease-in-out 0.4s; line-height: 1.5; font-family: 'AppleSDGothic'!important;}
.notice ul li a div{font-family: 'AppleSDGothic'!important; font-size: 17px!important; line-height: 1.5!important;}
.notice ul li a:hover{border: 1px solid #24429C;}
.notice ul li a em{display: block; color:#24429C; font-size: 16px; font-weight: 700; margin-bottom: 15px; overflow: hidden;
    display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.55;}

/* 20220802(s) */
.notice ul li a > div{font-size: 17px; font-weight: 400; line-height: 1.7; overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; font-family: 'AppleSDGothic'!important;}
/* //20220802(e) */

.notice ul li a > span{font-size: 15px; color: #888; position: absolute;}
.notice ul li a span.date{left: 30px; bottom: 25px;}
.notice ul li a span.new{right: 0; top:0; width: 26px; height: 26px; line-height: 26px; background: #24429C; text-align: center; font-size: 14px; font-weight: 700; color: #fff;}
.notice .btn_more{position: absolute; right: 0; top:11px;}

.faq{width: 100%; position: relative;}
.faq h3{font-size: 28px; font-weight: 700; margin-bottom: 22px;}
.faq ul{display: flex; flex-direction:row; justify-content: space-between; flex-flow: row wrap; width: 100%;}
.faq ul li{height: 65px; background: #fff; width: 49.3%; margin-bottom: 15px;}
.faq ul li a{display: flex; width: 100%; height: 100%; padding: 17px 25px; border: 1px solid #BDCEFF; transition: all ease-in-out 0.4s;}
.faq ul li a:hover{border: 1px solid #24429C;}
.faq ul li a span{margin-right: 15px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #526DE4; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); background: #fff; text-align: center; font-weight: 800;}
/* 220908(s) */
.faq ul li a em{display: block; color:#24429C; font-size: 16px; font-weight: 700; margin-top: 8px; margin-bottom: 15px; width: 30%;}
.faq ul li a p{font-size: 17px; font-weight: 400; line-height: 1.8; width: 60%; overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;}
/* //220908(e) */

.faq .btn_more{position: absolute; right: 0; top:11px;}

/* section04 */
.section04{background: url(../images/main/service_bg.jpg) no-repeat 50% 50%; color: #fff; height: 100vh; background-size: cover;}
.section04_wrap{width: 1200px; margin: 0 auto; display: flex;}
#section04 h2{border: none; margin-right: 108px; color: #fff;}
.service{width: 872px;}
.service ul{display: flex; flex-wrap: wrap; flex-flow: row wrap; justify-content: space-between;}
.service ul li{width: 25.68%; height: 234px; border-top: 1px solid #fff; padding-top: 47px; font-size: 26px; font-weight: 800; line-height: 40px; position: relative;}
.service ul li span{width: 165px; display: block;}
/* 220831(s) */
.service ul li a{display: block; font-size: 14px; font-weight: 500; width: 100%; height: 56px; line-height: 56px; border: 1px solid #ccc; padding-left: 47px;
    background: rgba(255,255,255,0.1) url(../images/main/arrow_service.png) no-repeat 154px 50%; position: absolute; left: 0; bottom:0;
    transition: all ease-in-out 0.5s;}
.service ul li a:hover{background: rgba(0,0,0,0.4) url(../images/main/arrow_service.png) no-repeat 154px 50%; border: 1px solid transparent;}
/* //220831(e) */

/* banner */
/* #banner{height: 80px; width: 100%; background: #fff; padding-top: 10px;}
.banner_wrap{width: 1200px; margin: 0 auto; position: relative; height: 100%;}
#banner .bx-viewport{left: -30px;}

.blind{text-indent: -9999px; overflow: hidden;}
.banner_slide{display: flex; width: 100%; height: 100%;}
.banner_slide li{width: 151px; height: 60px; text-align:center; line-height:60px;}
.banner_slide li a{display: inline-block; width: 100%; height: 100%; line-height:60px;}
.banner_slide li a img{object-fit: contain; vertical-align:middle; display: inline-block; width: 100%;} */

/* 화살표 */
/* #banner .bx-controls-direction{}
#banner .bx-controls-direction a{position: absolute; top:30%; display: block; width: 18px; height: 18px; text-indent: -9999px;}
#banner .bx-controls-direction a.bx-prev{left: 0; background: url(../images/main/arrow_left.png) no-repeat 0 0; background-size: contain;}
#banner .bx-controls-direction a.bx-next{right: 70px; background: url(../images/main/arrow_right.png) no-repeat 0 0; background-size: contain;} */

/* 재생일시정지버튼 */
/* #banner .bx-controls-auto{display: flex; position: absolute; right: 0; top: 28%; }
#banner .bx-controls-auto-item{margin-right: 5px;}
#banner .bx-controls-auto-item a{width: 20px; height: 20px; display: block; text-indent: -9999px;}
#banner a.bx-start{background: url(../images/main/banner_play.png) no-repeat 0 0; background-size: contain;}
#banner a.bx-stop{background: url(../images/main/banner_stop.png) no-repeat 0 0; background-size: contain;} */

/* 페이지 */
/* #banner .bx-pager{display: none;} */


/* 사이트 로고 슬라이드 */
#banner{width: 100%; position: relative; padding: 30px 0;}
#banner .btns{position: absolute; left: 0; top: 40%; transform: translateY(-50%); display: block; width: 100%; z-index: 100;}

#banner .slide_b{width: 1046px; }
#banner .slide_b ul li{width: 20%; padding: 2px;}
#banner .slide_b ul li > a{display: block; overflow: hidden; text-align: center; width: 100%; height: 100%; background: #fff; padding: 2px;}
#banner .slide_b ul li > a .imgs{display: block; width: 100%; height: 64px; overflow: hidden; position: relative;}
#banner .slide_b ul li > a .imgs img{min-width: auto; min-height: 100%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#banner .slide_b ul li > a .tit{display: block; margin-top: 22px; font-size: 18px; font-weight: 500; color: #333; margin-bottom: 10px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; padding: 0 20px;}
#banner .slide_b ul li > a .txt{display: block; font-size: 14px; color: #333; margin-bottom: 15px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; padding: 0 20px;}
#banner .slide_b ul li > a .date{font-size: 16px; color: #666; margin-bottom: 20px;}


#banner .btns button{text-indent: -9999px; overflow: hidden; width: 20px; height: 20px;}
#banner .btns .prev{background: url(../images/main/arrow_left.png) no-repeat 0 0; background-size: contain; position: absolute; left: 18.7%;}
#banner .btns .pause{background: url(../images/main/banner_stop.png) no-repeat 0 0; background-size: contain; position: absolute; right: 20.3%;}
#banner .btns .pause.on{background: url(../images/main/banner_play.png) no-repeat 0 ; background-size: contain;}
#banner .btns .next{background: url(../images/main/arrow_right.png) no-repeat 0 0; background-size: contain; position: absolute; right: 18.8%;}

#banner .btns span{text-indent: -9999px; overflow: hidden;}



/* scroll_top */
#scroll_top{width: 29px; height: 36px; position:fixed; right: 90px; bottom: 36px; z-index: 5;}
#scroll_top div{width: 100%; height: 100%;}
#scroll_top div a{display: block; width: 100%; height: 100%; background: url(../images/layout/icon_scrolltop.png) no-repeat 0 0; text-indent: -9999px;}


/* 220906(s) */
/* 팝업 */
/* 220907(s) */
.popup_wrap{display:flex; position:fixed; top:15%; z-index:20; flex-wrap: wrap; width: 100%; justify-content: center;}
.popup{width:31%;}
.popup_wrap > div:nth-child(1){}
.popup_wrap > div:nth-child(2){margin-left: 1%;}
.popup_wrap > div:nth-child(3){margin-left: 1%;}
.pop_img img{object-fit: contain; height: auto!important; width: 100%!important;}
/* //220907(e) */
.pop_bottom{padding: 10px; display: flex; background: #333;}
.pop_bottom span{font-size: 15px; color: #fff; width: 85%;}
.pop_bottom span form{}
.pop_bottom a{font-size: 15px; color: #fff; width: 70px; padding: 0 20px;}
/* //220906(e) */

/* 화살표 */
#divpop .bx-controls-direction{}
#divpop .popup div{position: relative;}
#divpop .bx-controls-direction a{position: absolute; top:48%; display: block; width: 32px; height: 32px; text-indent: -9999px;}
#divpop .bx-controls-direction a.bx-prev{left: 6%; background: url(../images/main/pop_arrow_left.png) no-repeat 0 0; background-size: contain;}
#divpop .bx-controls-direction a.bx-next{right: 6%; background: url(../images/main/pop_arrow_right.png) no-repeat 0 0; background-size: contain;}

/* 페이지 */
#divpop .bx-wrapper .bx-pager{text-align: center; font-size: .85em; font-weight: bold; color: #666; padding-top: 20px;}
#divpop .bx-wrapper .bx-pager.bx-default-pager a{background: #888; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
#divpop .bx-wrapper .bx-pager.bx-default-pager a:hover,
#divpop .bx-wrapper .bx-pager.bx-default-pager a.active,
#divpop .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff;}
#divpop .bx-wrapper .bx-pager-item,
#divpop .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
#divpop .bx-wrapper .bx-pager-item{font-size: 0;line-height: 0;}
/* //220825(e) */

.fp-warning, .fp-watermark{display: none;}

/* 퀵메뉴 */
#menu{position: fixed; top:345px; left:0; z-index: 5; color:#aaa; font-size: 14px; font-weight: 500; }
#menu li{margin-bottom: 66px; padding-left: 30px; position: relative;}
#menu li a{padding: 5px 15px 5px 30px;}
#menu li a::before{content:""; width: 6px; height: 6px; background: #ddd; position: absolute; left:40px; top: 50%; transform: translateY(-50%); border-radius: 50%;}
#menu li a:hover,.quick_list li a:focus{color: #fff; background: #022759; border-radius: 20px;}
#menu li a span{}
#menu li.active a.m1:before{background: #022759 url(../images/main/quick_icon01.png) no-repeat 50% 50%; width: 26px; height: 26px; left: 30px;}
#menu li.active a.m2::before{background: #022759 url(../images/main/quick_icon02.png) no-repeat 50% 50%; width: 26px; height: 26px; left: 30px;}
#menu li.active a.m3::before{background: #022759 url(../images/main/quick_icon03.png) no-repeat 50% 50%; width: 26px; height: 26px; left: 30px;}
#menu li.active a.m4:before{background: #022759 url(../images/main/quick_icon04.png) no-repeat 50% 50%; width: 26px; height: 26px; left: 30px;}
#menu li.active a::after{content:""; width: 30px; height: 1px; background: #08254F; position: absolute; left:0; top: 50%;}
#menu li.active a{color: #fff; background: #022759; border-radius: 20px; padding-left: 30px;}







@media screen and (max-width:1880px){
    .section03_wrap{padding-top: 50px;}
    .section02_wrap h2{top: 150px;}
    .section02_in{padding-top: 150px;}
}

@media screen and (max-width:1840px){
    #banner .slide_b { width: 946px;}
}

@media screen and (max-width:1750px){
    #banner .btns .prev {left: 16%;}
    #banner .btns .pause{right: 19.5%;}
    #banner .btns .next{right: 17.5%;}
}

@media screen and (max-width:1700px){
    #menu { display:none; }
}

@media (max-width: 1600px) {
    #quick{display: none;}
    #scroll_top{display: none;}
    #banner .slide_b { width: 700px;}
}

/* @media (max-width: 1444px) {
    #section04{padding:  200px 0;}
} */

@media (max-width: 1250px) {
    #banner .slide_b { width: 80%; }
    #banner .slide_b li{margin-right: 8%;}
    #banner .btns {display: none;}
}

@media (max-width: 1200px) {
    #header .logo{width: 100%;}
    #header #sitemap{width: 11%;}

    #gnb{display: none;}
    #quick{display: none;}
    #scroll_top{display: none;}

    #sitemap{height: 100%; width: 100%;}
    .sitemap_in > ul{display: block;}
    .sitemap_in > ul > li{width: 100%;}
    .sitemap_depth02{padding: 30px 20px 0 20px;}
    #sitemap .sitemap_in{padding: 100px 0; height: 100%; overflow: auto;}

    #section01{overflow: hidden;}

    .section{padding : 0;}
    .section h2{text-align: center; font-size: 32px;}

    .business03 ul li {height: 130px;}
    .business03 ul li a span{width: 90%;}
    .business03 ul li a span em{display: inline-block;}

    .section03_wrap{width: 100%; padding-top: 50px; padding-bottom: 60px;}
    .notice{margin: 0 auto; width: 100%; margin-bottom: 52px; padding: 0 5%;}
    .notice h3{font-size: 24px;}
    .notice ul li {width: 100%; margin-bottom: 10px; height: 190px;}

    .notice ul li a p{-webkit-line-clamp:1;}
    .faq ul li a p{width: 66%;}

    .faq{margin: 0 auto; width: 100%; padding: 0 5%;}
    .faq h3{font-size: 24px;}
    .faq ul li{width: 100%;}

    #section04{padding: 100px 0; background-size: cover; height: auto;}

    .section04_wrap{width: 100%; display: block;}
    #section04 h2{width: 100%; padding-bottom: 20px; padding-top: 60px;}
    .service{margin: 0 auto; width: 95%;}
    .service ul{width: 100%; }
    .service ul li{width: 100%; height: 105px; margin-bottom: 40px; border: none; padding-top: 0; position: relative; font-size: 22px;}
    .service ul li span{width: 100%; text-align: center; margin-bottom: -10px;}

    /* 220802(s) */
    .service ul li a{width: 180px; position: absolute; top: 46px; left: 50%; transform: translateX(-50%); padding-left: 20px; height: 46px; line-height:46px;
        background: rgba(255,255,255,0.1) url(../images/main/arrow_service.png) no-repeat 110px 50%;}
    /* //220802(e) */

    .service ul li span{letter-spacing: -0.025em;}

    /* 220802(s) */
    #banner{position: relative; padding: 10px 0%;}

    #banner .slide_b ul li{width: 100%;}

    .footer_wrap{width: 95%; margin: 0 auto; display: block;}
    .f_logo{margin: 0 auto;}
    .footer_in{margin: 0 auto; margin-top: 30px; width: 431px; text-align: center;}
    .fnb1{width: 340px; margin: 0 auto; margin-bottom: 20px;}

    #section02{height: auto;}
    #section02:after{display: none;}
    #section03{height: auto;}
    .section{height: auto;}
    .section02_wrap{width: 100%;}
    .section02_wrap h2{top: 80px;}
    .section02_in{width: 100%; display: block; padding-top: 170px;}
    .section02_in .left{width: 100%; margin: 0 auto; padding: 0 5% 50px 5%;}
    .section02_in .right{width: 100%; background: #022759; padding: 70px 5% 60px 5%;}
    .business h3{text-align: center;}
    .business01{margin-bottom: 40px; margin-top: 10px;}
    .business03 ul li{width: 48%; margin-right: 20px;}
    .business03 ul li:nth-child(2n){margin-right: 0;}
    .business03 ul li:nth-child(5){margin-right: 0;}
    .business03 ul li:last-child{width: 100%;}
    /* //220812(e) */
    .business03 ul li:nth-child(4){display: none;}
    /* 220812(s) */
    .business ul{width: 100%;}
    .business01 ul li{width: 48%; height: 100px;}
    /* 220831(s) */
    .business01 ul li:last-child{width: 100%; margin-top: 20px;}
    .business02 ul li{width: 48%; margin-bottom: 0; margin-bottom:18px; height: 100px;}
    /* //220831(e) */
    /* //220812(e) */
    .main_busi h3{font-size: 22px;}
    .main_busi ul li a{font-size: 17px; padding-top: 67px; line-height: 1.25;}
    .main_busi h3 span{font-size: 17px;}
    .business01 ul li:nth-child(1){background-position: 50% 15px;}
    .business01 ul li:nth-child(1) a:hover{background-position: 50% 15px;}
    .business01 ul li:nth-child(2){background-position: 50% 15px;}
    .business01 ul li:nth-child(2) a:hover{background-position: 50% 15px;}
    .business01 ul li:nth-child(3){background-position: 50% 15px;}
    .business01 ul li:nth-child(3) a:hover{background-position: 50% 15px;}

    .business02 ul li:nth-child(1){background: url(../images/main/icon_busi02_01.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(2){background: url(../images/main/icon_busi02_02.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(3){background: url(../images/main/icon_busi02_03.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(4){background: url(../images/main/icon_busi02_04.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(1) a:hover{background: #022759 url(../images/main/icon_busi02_01_on.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(2) a:hover{background: #022759 url(../images/main/icon_busi02_02_on.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(3) a:hover{background: #022759 url(../images/main/icon_busi02_03_on.png) no-repeat 50% 15px;}
    .business02 ul li:nth-child(4) a:hover{background: #022759 url(../images/main/icon_busi02_04_on.png) no-repeat 50% 15px;}

    .business03 ul li:nth-child(1){background: url(../images/main/icon_busi03_01.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(2){background: url(../images/main/icon_busi03_02.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(3){background: url(../images/main/icon_busi03_03.png) no-repeat 50% 15px;}
    /* .business03 ul li:nth-child(3) a{padding:  67px 25px 0 25px;} */
    .business03 ul li:nth-child(6){background: url(../images/main/icon_busi03_06.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(1){background: url(../images/main/icon_busi03_01.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(1) a:hover{background: #fff url(../images/main/icon_busi03_01_on.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(2) a:hover{background: #fff url(../images/main/icon_busi03_02_on.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(3) a:hover{background: #fff url(../images/main/icon_busi03_03_on.png) no-repeat 50% 15px;}
    .business03 ul li:nth-child(6) a:hover{background: #fff url(../images/main/icon_busi03_06_on.png) no-repeat 50% 15px;}
    .business03 ul li a span em{display: block;}
    .fp-overflow, .fp-overflow.fp-auto-height, .fp-overflow.fp-auto-height-responsive{padding-top: 0;}

    .notice .btn_more{right: 5%;}
    .faq .btn_more{right: 5%;}

    .fnb1{margin-bottom: 10px;}
}

/* 220907(s) */
@media (max-width: 1000px) {
    .popup{width: 50%; margin-bottom: 20px;}
    .pop_bottom span{width: 75%; letter-spacing: -0.05em; font-size: 14px;}
}
/* //220907(e) */


/************* 수정부분 Mobile ******************/
@media (max-width: 970px) {

    /* .visualtxt{background: url(../images/main/main_title.png) no-repeat 0 0; background-size: contain; width: 80%; top: 33%;}
    .visualtxt div{display: none;} */

    /* .neonVisualText{text-align: left; top: 45%; padding-left: 40px; padding-top: 20px; max-width: 100%; min-width: 300px;}
    .neonVisualText .img_box{left: 0; top: 0; width: 40px;}
    .neonVisualText .img_box img{filter: drop-shadow(0px 0px 5px #52cadb) drop-shadow(0px 0px 10px #52cadb);}
    .neonVisualText .txt{font-size: 23px; white-space: wrap; text-shadow: 0 0 5px #fff, 0 0 10px #52cadb, 0 0 20px #52cadb;}

    .visualtxt{height: 65px; left: 0; bottom:auto; top: calc(45% + 75px); text-align: center; width: 100%; padding: 0 20px;}
    .visualtxt span{font-size: 12px;}
    .visualtxt p{font-size: 15px; margin-top: 7px;}
    .skyblue{font-size: 20px;} */

    .scrollDown{bottom: 20px;}
    .scrollDown .txt{font-size: 11px; margin-bottom: 10px;}
    .scrollDown .icon{width: 9px; height: 28px;}

    .scrollDown{position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 15; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
    .scrollDown .txt{display: inline-block; text-align: center; font-size: 14px; font-weight: 500; color: white; margin-bottom: 15px; font-family: 'Gmarket Sans'; line-height: 1.5; position: relative; top: 0;}
    .scrollDown .icon{display: inline-block; width: 12px; height: 42px; background: url('../images/main/ic_arrow_long_down.svg') no-repeat center bottom / 100%; position: relative; top: 0; animation: unDown .5s infinite alternate both ease-in-out; opacity: 0.7;}

    .main_visual_text_wrapper{position: absolute; left: 0; top: 40%; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
    .main_visual_text_wrapper .neonVisualText{text-align: left; padding-left: 40px; padding-top: 20px; max-width: 100%; min-width: 300px;}
    .main_visual_text_wrapper .neonVisualText .img_box{left: 0; top: 0; width: 40px;}
    .main_visual_text_wrapper .neonVisualText .img_box img{filter: drop-shadow(0px 0px 5px #52cadb) drop-shadow(0px 0px 10px #52cadb);}
    .main_visual_text_wrapper .neonVisualText .txt{font-size: 23px; white-space: wrap; text-shadow: 0 0 5px #fff, 0 0 10px #52cadb, 0 0 20px #52cadb;}

    .main_visual_text_wrapper .visualtxt{height: auto; margin-top: 20px; margin-left: 10px; text-align: center;}
    .main_visual_text_wrapper .visualtxt span{width: 250px; font-size: 12px;}
    .main_visual_text_wrapper .visualtxt p{font-size: 15px; text-align: center; width: 100%;}
    .main_visual_text_wrapper .visualtxt p em:last-of-type{display: block;}
    .main_visual_text_wrapper .skyblue{font-size: 20px;}
}
/************* 수정부분 Mobile - 끝 ******************/


@media (max-width: 860px) {
    /* 220825(s) */
    #divpop{padding: 150px 50px;}
    #divpop h2{font-size: 25px; margin-bottom:40px}
    #divpop .bx-controls-direction a{top: 37%;}
    #divpop .bx-controls-direction a.bx-prev{left: 0;}
    #divpop .bx-controls-direction a.bx-next{right: 0;}
    #divpop form{margin-top: 60px;}
    /* //220825(e) */
}

@media (max-width: 800px) {
    #section01 .bx-controls-auto{left: 170px;}
}

@media (max-width: 768px) {
    .faq ul li a p{width: 63%;}

    #banner .slide_b ul li{width: 50%!important;}
    #banner .slide_b li{margin-right: 0;}

}

/* 220825(s) */
@media (max-width: 600px) {
    #divpop{padding: 150px 50px;}
    #section01 .bx-pager-item{margin-right: 15px;}
    #section01 .bx-pager-item a{font-size: 14px;}
    #section01 .bx-controls-auto{left: 150px;}
    #section01 .bx-controls-auto-item a{width: 30px; height: 30px;}

    .faq ul li a{padding: 17px 15px}
}
/* //220825(e) */


/* 220812(s) */
@media (max-width: 550px) {
    .business03 ul li{width: 47%; margin-right: 6%;}
    .business ul li a{font-size: 16px;}
}
/* //220812(e) */

@media (max-width: 528px) {
    .lang{margin: 38px 20px 0 0;}

    .faq ul li a p{width: 58%;}
}

/************* 수정부분 Mobile ******************/
@media (max-width: 492px) {
    /* .visualtxt{top: 38%;} */
}
/************* 수정부분 Mobile 끝 ******************/

/* 220804(s) */
@media (max-width: 430px) {
    .footer_in{width: 100%;}
    .fnb1 li{margin-right: 0;}

    .siteinfo address em{line-height: 1.2;}

    #divpop form a{margin-top: 10px;}
    #divpop .bx-controls-direction a{top: 33%;}

    .siteinfo{width: 80%; margin: 0 auto;}
    .faq ul li a em{width: 37%;}
    .faq ul li a p{width: 46%;}
}
/* //220804(e) */
















/********** 그린 페이퍼 추가 퍼블리싱 **********/
.main_green_paper_wrapper{width: 100%; height: 100%; background-color: #fefefe; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 100px 20px 10px; padding-top: calc(90px + 4vh);}
.main_green_paper_wrapper .inner_cont{max-width: 1200px; width: 100%; margin: 0 auto;}

.main_green_paper_wrapper .title_wrapper{margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 5px 10px; align-items: flex-end; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.main_green_paper_wrapper .title_wrapper .rb{margin-left: auto;}
.main_green_paper_wrapper .title_wrapper .carbon_tit{font-size: 45px; font-weight: 700; letter-spacing: -0.05em; font-family: 'Gmarket Sans';}
.main_green_paper_wrapper .title_wrapper .carbon_tit em{font-size: 0.8em; font-weight: 400; margin: 0 3px;}
.main_green_paper_wrapper .title_wrapper .carbon_tit .color{color: #56BC61;}
.main_green_paper_wrapper .title_wrapper .carbon_tit .color2{color: #22306A;}
.main_green_paper_wrapper .title_wrapper .desc{font-size: 16px; color: black; font-weight: 500; letter-spacing: -0.05em; display: inline-block; vertical-align: middle;}
.main_green_paper_wrapper .title_wrapper .btns{display: inline-block; vertical-align: middle; padding: 8px 10px; border-radius: 5px; font-size: 12px; color: white; background-color: #22306A; margin: 0 5px; font-weight: 500; transition: .25s;}
.main_green_paper_wrapper .title_wrapper .btns:hover{background-color: #111;}

.main_green_paper_wrapper .sec{margin-bottom: 3.3vh;}

.main_green_paper_wrapper .paper_tit{padding-left: 28px; font-size: 19px; font-weight: 800; color: #1a1d28; background-repeat: no-repeat; background-position: left center; background-size: 18px; background-image: url('../images/main/ic_earth.png'); margin: 0 0 15px 10px; letter-spacing: -0.04em; font-family: 'Gmarket Sans';}
.main_green_paper_wrapper .paper_tit em{margin-left: 5px; font-weight: 400; font-size: 14px; color: #888;}

.main_green_paper_wrapper .box-wrapper{background-image:linear-gradient(180deg, #f5f7f8 10%, #f8f8f8 30%, #f8f8f8 70%, #f8fafc 90%);box-shadow: -3px -3px 7px #ffffffff, 3px 3px 7px rgb(192 202 220 / 50%);border-radius: 15px;padding: 25px;}
.main_green_paper_wrapper .box-wrapper.shadow1{background: white; box-shadow: 0 3px 10px rgba(0, 0, 0, .2);}
.main_green_paper_wrapper .box-wrapper.shadow2{background: white; box-shadow: 3px 3px 15px rgba(0 ,0 ,0 , 0.2), inset 3px 3px 15px rgb(192 202 220 / 25%);}
.main_green_paper_wrapper .box-wrapper.shadow3{background: white; border: 1px solid #eee; box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);}

.main_green_paper_wrapper .cate_span{display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px 7px; font-size: 14px; font-weight: 500; color: #3C4650; margin-right: 15px;}
.main_green_paper_wrapper .cate_span em{width: 34px; height: 6px; display: inline-block;}


@media (min-height: 780px) and (max-height: 940px){
    .main_green_paper_wrapper{padding-top: calc(90px + 20px);}

    .main_green_paper_wrapper .title_wrapper{margin-bottom: 20px; padding-bottom: 15px;}
    .main_green_paper_wrapper .title_wrapper .carbon_tit{font-size: 35px;}
    .main_green_paper_wrapper .title_wrapper .desc{font-size: 14px;}

    .main_green_paper_wrapper .sec{margin-bottom: 20px;}

    .main_green_paper_wrapper .paper_tit{font-size: 17px; background-size: 15px; margin: 0 0 10px 10px;}
    .main_green_paper_wrapper .paper_tit em{font-size: 13px;}

    .main_green_paper_wrapper .box-wrapper{padding: 20px 25px;}
}

@media (max-width: 1000px){
    .main_green_paper_wrapper{height: auto; word-break: break-all; display: block; padding: 70px 20px 50px;}
    .main_green_paper_wrapper .inner_cont{max-width: 100%; width: 100%;}

    .main_green_paper_wrapper .title_wrapper{width: 100%; margin-bottom: 30px; padding-bottom: 17px; display: block; word-break: break-all; line-height: 1.3; text-align: center;}
    .main_green_paper_wrapper .title_wrapper .rb{width: 100%; margin-top: 7px;}
    .main_green_paper_wrapper .title_wrapper .carbon_tit{font-size: 30px;}
    .main_green_paper_wrapper .title_wrapper .desc{font-size: 15px; width: 100%; margin-bottom: 5px;}
    .main_green_paper_wrapper .title_wrapper .btns{padding: 7px 15px;}

    .main_green_paper_wrapper .sec{margin-bottom: 30px;}

    .main_green_paper_wrapper .paper_tit{padding-left: 25px; font-size: 17px; background-size: 16px; margin: 0 0 10px 5px;}
    .main_green_paper_wrapper .paper_tit em{font-size: 12px;}

    .main_green_paper_wrapper .box-wrapper{border-radius: 10px; padding: 25px 20px;}

    .main_green_paper_wrapper .cate_span{font-size: 12px; margin-right: 10px;}
    .main_green_paper_wrapper .cate_span em{width: 17px; height: 8px;}
}





.main_green_paper_wrapper .top_section .box-wrapper{display: flex; flex-wrap: wrap; padding: 22px 15px;}
.main_green_paper_wrapper .top_section .carbon_detail_box{flex: 1; border-right: 1px solid #ebf1ff; padding: 0px 30px;}
.main_green_paper_wrapper .carbon_detail_box:last-of-type{border-right: none;}

.main_green_paper_wrapper .carbon_detail_box{display: flex; align-items: center;}

.main_green_paper_wrapper .carbon_detail_box .icon_b{flex-shrink: 0; width: 70px; height: 70px; border-radius: 50%; background-color: white; border: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: inset -3px -3px 5px #ffffffee, inset 1px 2px 5px rgba(94, 104, 121, .12); padding: 12px;}
.main_green_paper_wrapper .carbon_detail_box .icon_b .img{display: block; width: 100%; height: 100%;}
.main_green_paper_wrapper .carbon_detail_box .icon_b img{max-width: 100%; width: 100%;}
.main_green_paper_wrapper .carbon_detail_box .cate{background-color: #555; padding: 5px 10px; color: white; font-size: 12px; font-weight: 600; border-radius: 5px; letter-spacing: -0.02em;} 
.main_green_paper_wrapper .carbon_detail_box .cate.green{background-color: #7EAB55;}
.main_green_paper_wrapper .carbon_detail_box .cate.blue{background-color: #6A99D0;} 
.main_green_paper_wrapper .carbon_detail_box .cate.yellow{background-color: #F5C242;} 

.main_green_paper_wrapper .carbon_detail_box .info_b{flex: 1; padding-left: 35px; display: flex; flex-wrap: wrap; gap: 5px 7px; display: flex; flex-wrap: wrap; align-items: center;}
.main_green_paper_wrapper .carbon_detail_box .info_b .sbj{font-weight: 800; font-size: 20px; color: #3C4650; letter-spacing: -0.03em;}
.main_green_paper_wrapper .carbon_detail_box .info_b .data{text-align: right; color: #3C4650; font-size: 18px; padding-left: 35px; background: url('../images/main/ic_co2_4.png') no-repeat left center / 30px; min-height: 30px; align-content: center;}
.main_green_paper_wrapper .carbon_detail_box .info_b .data b{font-weight: 800;}
.main_green_paper_wrapper .carbon_detail_box .info_b .data em{font-weight: 400; font-size: 0.8em;}
.main_green_paper_wrapper .carbon_detail_box .info_b .percent{padding: 5px 5px; border-radius: 5px; margin-left: auto; font-size: 12px; background-color: #fafafa; color: #111; border-radius: 5px; font-weight: 700;}
.main_green_paper_wrapper .carbon_detail_box .info_b .percent.red{background-color: rgba(253, 247, 249, .7); color: #E05E7A;}
.main_green_paper_wrapper .carbon_detail_box .info_b .percent.green{background-color: rgba(242, 255, 248, .7); color: #5cbc83;}

.main_green_paper_wrapper .carbon_detail_box .info_b .bott_box{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-top: 7px;}
.main_green_paper_wrapper .carbon_detail_box .info_b .bott_box .data{margin-left: auto;}



@media (min-height: 780px) and (max-height: 940px){
    .main_green_paper_wrapper .top_section .box-wrapper{padding: 18px 10px;}
    .main_green_paper_wrapper .top_section .carbon_detail_box{padding: 0px 25px;}

    .main_green_paper_wrapper .carbon_detail_box .icon_b{width: 60px; height: 60px; padding: 12px;}
    .main_green_paper_wrapper .carbon_detail_box .cate{padding: 4px 7px; font-size: 11px;} 

    .main_green_paper_wrapper .carbon_detail_box .info_b{padding-left: 25px; gap: 3px 5px;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .sbj{font-size: 17px;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .data{font-size: 15px;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .percent{padding: 3px 5px; font-size: 11px;}
}

@media (max-width: 1000px){
    .main_green_paper_wrapper .top_section .box-wrapper{padding: 10px 25px;}
    .main_green_paper_wrapper .top_section .carbon_detail_box{flex: 1 0 100%; border-bottom: 1px solid #ebf1ff; border-right: none; padding: 20px 0px;}
    .main_green_paper_wrapper .carbon_detail_box:last-of-type{border-bottom: none;}

    .main_green_paper_wrapper .carbon_detail_box .icon_b{width: 60px; height: 60px; padding: 12px;}
    .main_green_paper_wrapper .carbon_detail_box .cate{padding: 4px 7px; font-size: 11px; font-weight: 500;} 

    .main_green_paper_wrapper .carbon_detail_box .info_b{padding-left: 30px; gap: 7px 5px;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .sbj{font-weight: 800; font-size: 16px; color: #3C4650; letter-spacing: -0.03em;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .data{font-size: 15px; background-size: 22px; padding-left: 30px;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .percent{padding: 3px 3px; border-radius: 3px; margin-left: auto; font-size: 11px;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .percent.red{background-color: rgba(253, 247, 249, .7); color: #E05E7A;}
    .main_green_paper_wrapper .carbon_detail_box .info_b .percent.green{background-color: rgba(242, 255, 248, .7); color: #5cbc83;}
}


.main_green_paper_wrapper .tr_bott_box{display: flex; flex-wrap: wrap; gap: 5px 10px; align-items: center; margin-top: 15px;}
.main_green_paper_wrapper .tr_bott_box .lb{margin-right: auto; display: flex; flex-wrap: wrap; max-width: 100%; gap: 5px; align-items: center;}
.main_green_paper_wrapper .tr_bott_box .rb{margin-left: auto;}
.main_green_paper_wrapper .tr_bott_box .info_txt{display: inline-block; font-size: 14px; font-weight: 500; color: #3C4650; margin-right: 20px; letter-spacing: -0.04em;}
.main_green_paper_wrapper .tr_bott_box .info_txt b{font-weight: 800; font-size: 1.1em;}
.main_green_paper_wrapper .tr_bott_box .info_txt em{font-weight: 400; margin-left: 5px; vertical-align: middle; font-size: 13px; color: #777;}
.main_green_paper_wrapper .tr_bott_box .info_txt .red{font-weight: 800; margin-left: 5px; font-size: 15px; color: #EC6559;}
.main_green_paper_wrapper .tr_bott_box .info_txt .green{font-weight: 800; margin-left: 5px; font-size: 15px; color: #17b837;}

.main_green_paper_wrapper .ef_top_row{display: flex; flex-wrap: wrap; gap: 5px 10px; align-items: center; margin-top: 20px;}
.main_green_paper_wrapper .ef_top_row .lb{margin-right: auto;}
.main_green_paper_wrapper .ef_top_row .rb{margin-left: auto;}
.main_green_paper_wrapper .ef_top_row .number{font-size: 16px; font-weight: 500; letter-spacing: -0.04em; color: #3C4650;}
.main_green_paper_wrapper .ef_top_row .number strong{font-weight: 700;}
.main_green_paper_wrapper .ef_top_row .number em{font-weight: 400; font-size: 13px;}
.main_green_paper_wrapper .ef_top_row .date{font-size: 14px; font-weight: 500; letter-spacing: -0.04em; color: #777;}
.main_green_paper_wrapper .ef_cate_box{margin-top: 20px; text-align: center;}


.main_green_paper_wrapper .foot_section{display: flex; flex-wrap: wrap; gap: 20px;}
.main_green_paper_wrapper .foot_section .b-cols{flex: 0 0 300px;}
.main_green_paper_wrapper .foot_section .b-cols.grow{flex: 1;}


@media (max-width: 1000px){
    
    .main_green_paper_wrapper .tr_bott_box{display: block; margin-top: 5px;}
    .main_green_paper_wrapper .tr_bott_box .rb{margin-top: 5px}
    .main_green_paper_wrapper .tr_bott_box .info_txt{margin: 7px 20px 0 0; font-size: 13px;}
    .main_green_paper_wrapper .tr_bott_box .info_txt em{font-size: 12px;}
    .main_green_paper_wrapper .tr_bott_box .info_txt .red{font-size: 14px;}
    .main_green_paper_wrapper .tr_bott_box .info_txt .green{font-size: 14px;}

    .main_green_paper_wrapper .ef_top_row{display: flex; flex-wrap: wrap; gap: 5px 10px; align-items: center; margin-bottom: 10px;}
    .main_green_paper_wrapper .ef_top_row .lb{margin-right: auto;}
    .main_green_paper_wrapper .ef_top_row .rb{margin-left: auto;}
    .main_green_paper_wrapper .ef_top_row .number{font-size: 16px; font-weight: 500; letter-spacing: -0.04em; color: #3C4650;}
    .main_green_paper_wrapper .ef_top_row .number strong{font-weight: 700;}
    .main_green_paper_wrapper .ef_top_row .number em{font-weight: 400; font-size: 13px;}
    .main_green_paper_wrapper .ef_top_row .date{font-size: 13px; font-weight: 400; letter-spacing: -0.04em; color: #777;}
    .main_green_paper_wrapper .ef_cate_box{margin-top: 20px; text-align: center;}



    .main_green_paper_wrapper .foot_section{display: flex; flex-wrap: wrap; gap: 20px;}
    .main_green_paper_wrapper .foot_section .b-cols{flex: 1 0 100%;}
    .main_green_paper_wrapper .foot_section .b-cols.grow{flex: 1 0 100%;}
}





/* 차트 */
.carbon_line_chart{width: 100%;}
.carbon_donut_chart{width: 145px; margin: 0px auto 0;}

@media (max-width: 1000px){
    .carbon_line_chart{width: 100%;}
    .carbon_donut_chart{width: 160px; margin: 0px auto 0;}
}



/* 추가 */
.sec.last_add_section{display: flex; gap: 40px 20px;}
.sec.last_add_section .cols{flex: 1; display: flex; flex-direction: column;}
.sec.last_add_section .cols.sm{flex: 0.7 0 1px;}
.sec.last_add_section .cols .box-wrapper{flex: 1;}

@media (max-width: 1000px){
    .sec.last_add_section{flex-wrap: wrap; gap: 30px;}
    .sec.last_add_section .cols{flex: 1 0 100%;}
    .sec.last_add_section .cols.sm{flex: 1 0 100%;}
}

.donut_center_txt{
	position: absolute;
	width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-weight : 700;
 }