@charset "UTF-8";
* {line-height: 1.5 !important; box-sizing: border-box !important;}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); border: 0; clip: rect(0 0 0 0);}

/**** 플랫폼 메인 ****/
.enereyOn .main-page-container {padding-top: 80px; padding-bottom: 160px;}
.enereyOn .container:has(.visual)::before {content: ''; display: block; width: 903px; height: 720px; background: url(../images/pages/energy-on/main_visual.png) no-repeat center / 100%; position: absolute; right: 0; top: 150px;}
.enereyOn .main-page-container > div + div {margin-top: 96px;}
.enereyOn .main-page-container .visual {display: flex; align-items: center; gap: 96px;}

.enereyOn .main-page-container .visual .box_wrap {display: flex; flex-direction: column; gap: 56px; width: calc(100% - 670px);}
.enereyOn .main-page-container .visual .box_wrap .txt_box {display: flex; flex-direction: column; gap: 20px;}
.enereyOn .main-page-container .visual .box_wrap .txt_box h2 {font-size: 48px; font-weight: 700;}
.enereyOn .main-page-container .visual .box_wrap .txt_box p {display: flex; flex-direction: column; gap: 12px; font-size: 19px; color: #555;}
.enereyOn .main-page-container .visual .box_wrap .txt_box p span {color: #555;}

.enereyOn .main-page-container .visual .sch_wrap {background: #fff; border-radius: 40px; padding: 40px; box-shadow: 0 0 12px rgba(0, 0, 0, .08); display: flex; flex-direction: column; gap: 16px;}
.enereyOn .main-page-container .visual .sch_wrap .sch_box {position: relative;}
.enereyOn .main-page-container .visual .sch_wrap .sch_box input {width: 100%; border: 1px solid #0045C9; border-radius: 12px; height: 56px; padding: 0 60px 0 24px;}
.enereyOn .main-page-container .visual .sch_wrap .sch_box .btn_search {width: 48px; height: 48px; background: #0045C9 url(../images/pages/energy-on/ico_search.svg) no-repeat center !important; border-radius: 8px; position: absolute; right: 4px; top: 50%; transform: translateY(-50%);}
.enereyOn .main-page-container .visual .sch_wrap .keyword {display: flex; align-items: center; gap: 16px;}
.enereyOn .main-page-container .visual .sch_wrap .keyword strong {font-size: 15px; font-weight: 500; color: #2d2d2d;}
.enereyOn .main-page-container .visual .sch_wrap .keyword ul {display: flex; align-items: center; gap: 13px; flex-wrap: wrap;}
.enereyOn .main-page-container .visual .sch_wrap .keyword ul li {background: #F7FAFF; border-radius: 8px; color: #0053F2; font-size: 15px;}
.enereyOn .main-page-container .visual .sch_wrap .keyword ul li a {display: block; padding: 4.5px 10px;}

.enereyOn .main-page-container .menu_tit {font-size: 36px; font-weight: 700; margin-bottom: 24px;}
.enereyOn .main-page-container .quick .q_menu {display: flex; background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .08); border-radius: 40px; padding: 16px;}
.enereyOn .main-page-container .quick .q_menu li {font-size: 17px; color: #2d2d2d; width: 100%; text-align: center;}
.enereyOn .main-page-container .quick .q_menu li:hover {font-weight: 700;}
.enereyOn .main-page-container .quick .q_menu li a {display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; height: 100%; line-height: 130% !important;}
.enereyOn .main-page-container .quick .q_menu li a::before {content: ''; width: 80px; height: 80px;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(1) a::before {background: url(../images/pages/energy-on/q01.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(2) a::before {background: url(../images/pages/energy-on/q02.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(3) a::before {background: url(../images/pages/energy-on/q03.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(4) a::before {background: url(../images/pages/energy-on/q04.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(5) a::before {background: url(../images/pages/energy-on/q05.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(6) a::before {background: url(../images/pages/energy-on/q06.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(7) a::before {background: url(../images/pages/energy-on/q07.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(8) a::before {background: url(../images/pages/energy-on/q08.png) no-repeat center / 100%;}
.enereyOn .main-page-container .quick .q_menu li:nth-child(9) a::before {background: url(../images/pages/energy-on/q09.png) no-repeat center / 100%;}

.enereyOn .main-page-container .guide .g_menu {display: flex; gap: 24px;}
.enereyOn .main-page-container .guide .g_menu li {background: #F8F8F8; border-radius: 24px; width: 100%;}
.enereyOn .main-page-container .guide .g_menu li a {padding: 24px; display: flex; justify-content: space-between; align-items: center;}
.enereyOn .main-page-container .guide .g_menu li a::after {content: ''; display: block; width: 84px; height: 84px;} 
.enereyOn .main-page-container .guide .g_menu li:nth-child(1) a::after {background: url(../images/pages/energy-on/g01.png) no-repeat center / 100%;}
.enereyOn .main-page-container .guide .g_menu li:nth-child(2) a::after {background: url(../images/pages/energy-on/g02.png) no-repeat center / 100%;}
.enereyOn .main-page-container .guide .g_menu li:nth-child(3) a::after {background: url(../images/pages/energy-on/g03.png) no-repeat center / 100%;}
.enereyOn .main-page-container .guide .g_menu li:nth-child(4) a::after {background: url(../images/pages/energy-on/g04.png) no-repeat center / 100%;}
.enereyOn .main-page-container .guide .g_menu li a p {display: flex; flex-direction: column; gap: 12px;}
.enereyOn .main-page-container .guide .g_menu li a strong {font-size: 22px; font-weight: 700; color: #2d2d2d;}
.enereyOn .main-page-container .guide .g_menu li a span {font-size: 15px; display: flex; align-items: center; gap: 4px;}
.enereyOn .main-page-container .guide .g_menu li a span::after {content: ''; display: block; width: 11px; height: 12px; background: url(../images/pages/energy-on/ico_arrow_right_sm.svg) no-repeat center;}

/* mobile */
.enereyOn .main-page-container .mo_slide {overflow: hidden; border-radius: 24px; position: relative; display: none;}
.enereyOn .main-page-container .mo_slide .navi {position: absolute; left: 24px; bottom: 24px; z-index: 9; display: flex; align-items: center; gap: 6px; font-size: 15px;}
.enereyOn .main-page-container .mo_slide .swiper-pagination {background: rgba(0, 0, 0, .4); border-radius: 50px; display: flex; padding: .5px 12px; width: inherit; position: static; height: 24px; color: rgba(255, 255, 255, 0.60);}
.enereyOn .main-page-container .mo_slide .swiper-pagination .swiper-pagination-current {color: #fff; font-weight: 700;}
.enereyOn .main-page-container .mo_slide .swiper-pagination .swiper-pagination-total {color: rgba(255, 255, 255, 0.60);}
.enereyOn .main-page-container .mo_slide .navi .btn {width: 24px; height: 24px; border-radius: 50%; position: static;}
.enereyOn .main-page-container .mo_slide .navi .swiperCtrl {background: rgba(0, 0, 0, .4) url(../images/pages/energy-on/ico_pause_main.svg) no-repeat center !important;}
.enereyOn .main-page-container .mo_slide .navi .swiperCtrl.play {background: rgba(0, 0, 0, .4) url(../images/pages/energy-on/ico_play_main.svg) no-repeat center !important;}
.enereyOn .main-page-container .mo_slide .swiper-slide {height: 200px;}
.enereyOn .main-page-container .mo_slide .swiper-slide a {display: block; padding: 32px 16px 32px 32px; position: relative; height: 100%;}
.enereyOn .main-page-container .mo_slide .swiper-slide.slide01 {background-color: #FAF7E6;}
.enereyOn .main-page-container .mo_slide .swiper-slide.slide02 {background-color: #E0F0FF;}
.enereyOn .main-page-container .mo_slide .swiper-slide.slide03 {background-color: #DCD4F9;}
.enereyOn .main-page-container .mo_slide .swiper-slide strong {font-size: 21px; font-weight: 700; color: #2d2d2d;}
.enereyOn .main-page-container .mo_slide .swiper-slide p {font-size: 15px; font-weight: 500; color: #555; display: flex; align-items: center; gap: 4px; margin-top: 8px;}
.enereyOn .main-page-container .mo_slide .swiper-slide p::after {content: ''; display: block; width: 11px; height: 12px; background: url(../images/pages/energy-on/ico_arrow_right_sm.svg) no-repeat center;}
.enereyOn .main-page-container .mo_slide .swiper-slide::after {content: ''; display: block; width: 100px; height: 100px; position: absolute; right: 16px; bottom: 8px;}
.enereyOn .main-page-container .mo_slide .swiper-slide.slide01::after {background: url(../images/pages/energy-on/img_mo_slide01.png) no-repeat center; background-size: 100%;} 
.enereyOn .main-page-container .mo_slide .swiper-slide.slide02::after {background: url(../images/pages/energy-on/img_mo_slide02.png) no-repeat center; background-size: 100%;} 
.enereyOn .main-page-container .mo_slide .swiper-slide.slide03::after {background: url(../images/pages/energy-on/img_mo_slide03.png) no-repeat center; background-size: 100%;} 
.enereyOn .main-page-container .visual .sch_wrap .mo_ipt_top {font-size: 19px; color: #2d2d2d; padding-left: 112px; position: relative; height: 88px; display: none; flex-direction: column; justify-content: center;}
.enereyOn .main-page-container .visual .sch_wrap .mo_ipt_top::before {content: ''; display: block; width: 88px; height: 88px; background: url(../images/pages/energy-on/mo_ipt_top.png) no-repeat center; background-size: 100%; position: absolute; left: 12px; top: 0;}
.enereyOn .main-page-container .visual .sch_wrap .mo_ipt_top strong {font-size: 22px; color: #0038A3; font-weight: 700;}

@media screen and (max-width: 1600px) {
  .enereyOn .container:has(.visual)::before {right: -250px;}
}


@media screen and (max-width: 1280px) {
	.enereyOn .container:has(.visual)::before {content: none;}
    .enereyOn .main-page-container .menu_tit {font-size: 24px; margin-bottom: 16px;}
    .enereyOn .main-page-container > div + div {margin-top: 48px;}
    .enereyOn .main-page-container .visual {gap: 36px;}
    .enereyOn .main-page-container .visual::after {width: 40%; height: 375.5px;}
    .enereyOn .main-page-container .visual .box_wrap {gap: 36px; width: 100%;}
    .enereyOn .main-page-container .visual .box_wrap .txt_box h2 {font-size: 36px;}
    .enereyOn .main-page-container .visual .box_wrap .txt_box p {font-size: 17px;}
    .enereyOn .main-page-container .visual .sch_wrap {padding: 24px; border-radius: 24px;}
    .enereyOn .main-page-container .quick .q_menu {padding: 24px 16px; border-radius: 24px;}
    .enereyOn .main-page-container .guide .g_menu {flex-wrap: wrap; gap: 12px;}
    .enereyOn .main-page-container .guide .g_menu li {width: calc((100% - 12px) / 2);}
    .enereyOn .main-page-container .guide .g_menu li a {padding: 12px 12px 12px 24px;}
    .enereyOn .main-page-container .quick .q_menu li a::before {width: 56px; height: 56px;}
    .enereyOn .main-page-container .guide .g_menu li a p {gap: 8px;}
    .enereyOn .main-page-container .guide .g_menu li a strong {font-size: 19px;}
}

@media screen and (max-width: 1024px) {
    .enereyOn .main-page-container {display: flex; flex-direction: column; gap: 40px;}
    .enereyOn .main-page-container > div + div {margin-top: 0;}
    .enereyOn .main-page-container > div:nth-child(1) {order: 1;}
    .enereyOn .main-page-container > div:nth-child(2) {order: 3;}
    .enereyOn .main-page-container > div:nth-child(3) {order: 2;}
    .enereyOn .main-page-container > div:nth-child(4) {order: 4;}
    .enereyOn .main-page-container .mo_slide {display: block;}
    .enereyOn .main-page-container .visual .box_wrap {width: 100%;}
    .enereyOn .main-page-container .visual .box_wrap .txt_box {display: none;}
    .enereyOn .main-page-container .visual .sch_wrap {padding: 0; box-shadow: inherit;}
    .enereyOn .main-page-container .visual .sch_wrap .mo_ipt_top {display: flex;}
    .enereyOn .main-page-container .visual .sch_wrap .sch_box input {border-radius: 50px; border-width: 2px;}
    .enereyOn .main-page-container .visual .sch_wrap .sch_box .btn_search {border-radius: 50%; width: 40px; height: 40px; right: 8px;}
    .enereyOn .main-page-container .visual .sch_wrap .keyword {gap: 0; align-items: flex-start;}
    .enereyOn .main-page-container .visual .sch_wrap .keyword strong {font-size: 17px; width: 94px;}
    .enereyOn .main-page-container .visual .sch_wrap .keyword ul {width: calc(100% - 94px);}
    .enereyOn .main-page-container .visual::after {content: none;}

    .enereyOn .main-page-container .quick .q_menu {flex-wrap: wrap; gap: 24px 0;}
    .enereyOn .main-page-container .quick .q_menu li {width: calc(100% / 3);}

}

@media screen and (max-width: 768px) {
    .enereyOn .main-page-container .guide .g_menu li {width: 100%;}
}
/**** //플랫폼 메인 ****/





/* tLSwiper */
[class*="tLSwiper"] {overflow: hidden;position: relative;width: 100%;margin-top: 16px;}
[class*="tLSwiper"]:not(.swiper-container-initialized) {overflow: auto;}
[class*="tLSwiper"]:not(.swiper-container-initialized) .swiper-wrapper {display: inline-flex;gap: 8px;}
[class*="tLSwiper"] .swiper-slide {display: inline-flex;justify-content: center;align-items: center;min-width: 70px;width: auto;height: 32px;padding: 0 16px;border-radius: 20px;font-size: 13px;font-weight: 400;color: #2D2D2D;background: #F8F8F8;}
[class*="tLSwiper"] > button {position: relative;position: absolute;top: 0;height: 32px;background: #fff;z-index: 2;}
[class*="tLSwiper"]:not(.swiper-container-initialized) > button {display: none !important;}
[class*="tLSwiper"] > button.swiper-button-disabled {display: none;}
[class*="tLSwiper"] > button::after {content: '';position: absolute;top: 0;width: 40px;height: 100%;}
[class*="tLSwiper"] > button i {background-color: #8E8E8E;vertical-align: middle;}
[class*="tLSwiper"] .swiperPrev {left: 0;padding-right: 8px;}
[class*="tLSwiper"] .swiperPrev::after {left: 100%;border-left: 1px solid #E4E4E4;background: linear-gradient(-90deg, transparent 0%, #fff 50%);}
[class*="tLSwiper"] .swiperPrev i {transform: rotate(90deg);}
[class*="tLSwiper"] .swiperNext {right: 0;padding-left: 8px;}
[class*="tLSwiper"] .swiperNext::after {right: 100%;border-right: 1px solid #E4E4E4;background: linear-gradient(90deg, transparent 0%, #fff 50%);}
[class*="tLSwiper"] .swiperNext i {transform: rotate(-90deg);}


/***** sub(공통) *****/
.enereyOn .sub-section * {line-height: 1.5;letter-spacing: -0.01em;}
.enereyOn .sub-section ::before,
.enereyOn .sub-section ::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); border: 0; clip: rect(0 0 0 0);}
.enereyOn .rnw-page-head {margin-top: 64px;}

/*** common ***/
/*.enereyOn .sub-section {padding: 72px 0 120px;}*/
.enereyOn .sub-section .rows {display: flex;}
.enereyOn .sub-section .md_tit {display: block;margin-bottom: 16px;font-size: 22px;font-weight: 700;}
.enereyOn .sub-section .md_tit ~ .md_tit {margin-top: 40px;}
.enereyOn .sub-section .blue_txt {color: #0045C9 !important;}
.enereyOn .sub-section .blue_txt.bold {font-weight: 600;}
.enereyOn .sub-section .link {text-decoration: underline;}

/** txt_list **/
.enereyOn .sub-section .txt_list {display: flex;flex-direction: column;gap: 8px;text-align: left;}
.enereyOn .sub-section .txt_list > li {position: relative;font-size: 17px;font-weight: 400;color: #2D2D2D;}
.enereyOn .sub-section .txt_list > li > .txt_list {margin-top: 8px;}
.enereyOn .sub-section .txt_list > li > .txt_list.blt {margin-top: 4px;}
.enereyOn .sub-section .txt_list > li > .txt_list.txt_sub_list li {font-size: 15px; color: #555555;}
.enereyOn .sub-section .txt_list > li > .txt_list.txt_sub_list.spot > li::before {top: calc(((15px * 1.5) - 3px) / 2);}
.enereyOn .sub-section .txt_list > li strong {font-weight: 600;}
.enereyOn .sub-section .txt_list .blue {font-weight: 700; color: #002B7D;}
.enereyOn .sub-section .txt_list .md {font-weight: 500;}

/* txt_list - num */
.enereyOn .sub-section .txt_list.num > li {counter-increment: num; padding-left: 28px;}
.enereyOn .sub-section .txt_list.num > li::before {content: counter(num);display: inline-flex;justify-content: center;align-items: center;min-width: 20px;height: 20px;margin-left: -28px;margin-right: 8px;border-radius: 100%;font-size: 13px;font-weight: 700;line-height: 1;color: #fff;letter-spacing: 0;text-align: center;background: #717171;vertical-align: text-bottom;}

/* txt_list - spot */
.enereyOn .sub-section .txt_list.spot > li {padding-left: 10px;}
.enereyOn .sub-section .txt_list.spot > li::before {content: '';position: absolute;left: 0;top: calc(((17px * 1.5) - 3px) / 2);min-width: 3px;width: 3px;height: 3px;border-radius: 100%;background: #555555;}

/* txt_list - blt */
.enereyOn .sub-section .txt_list.blt > * {display: flex;font-size: 17px;}
.enereyOn .sub-section .txt_list.blt .blt::after {content: ' ';white-space: pre;}

/* txt_list - check */
.enereyOn .sub-section .txt_list.check > * {padding-left: 24px;background: url(../images/pages/energy-on/ico_tl_check.png) no-repeat left top calc(((17px * 1.5) - 16px) / 2);}

/* txt_list - bang */
.enereyOn .sub-section .txt_list.check > .bang {background: url(../images/pages/energy-on/ico_tl_bang.png) no-repeat left top calc(((17px * 1.5) - 16px) / 2);}

/* txt_list - star */
.txt_list .sm_txt {font-size: 15px; font-weight: 400; color: #717171; position: relative;}
.txt_list .sm_txt {font-size: 15px; font-weight: 400; color: #717171; position: relative;}
.txt_list .sm_txt.star {display: block; padding-left: 17px;}
.txt_list .sm_txt.star::before {content: "※"; position: absolute; top: 0; left: 0;}

/* txt_list - bdg */
.enereyOn .sub-section .txt_list.bdg {gap: 16px;}
.enereyOn .sub-section .txt_list.bdg > li {display: flex; gap: 16px; align-items: flex-start; font-size: 22px;}
.enereyOn .sub-section .txt_list.bdg > li .badge {min-width: 88px; height: 36px; color: #fff; background: #0038A3; font-size: 17px; font-weight: 700; border-radius: 50px;}

.enereyOn .sub-section .txt_list.gray {display: flex; flex-direction: column; gap: 12px;}
.enereyOn .sub-section .txt_list.gray > li {background: #F8F8F8; border-radius: 24px; padding: 12px 24px; display: flex; align-items: center; gap: 20px;}
.enereyOn .sub-section .txt_list.gray > li::before {content: ''; display: block; width: 76px; height: 76px;}
.enereyOn .sub-section .txt_list.gray > li .t_box {width: calc(100% - 96px);}
.enereyOn .sub-section .txt_list.gray > li .t_box p {font-size: 17px; font-weight: 500; color: #1D1D1D;}

/*** txt_box ***/
.enereyOn .sub-section .txt_box_cols {display: flex; flex-direction: column; gap: 40px;}
.enereyOn .sub-section .txt_box_rows {display: flex;flex-wrap: wrap;gap: 40px;}
.enereyOn .sub-section .txt_box_rows .txt_box {width: calc((100% - 40px) / 2);}
.enereyOn .sub-section .txt_box + .txt_box_rows,
.enereyOn .sub-section .txt_box_rows + .txt_box {margin-top: 40px;}
.enereyOn .sub-section .txt_box_cols .txt_box.img .fig_img {height: 140px;}
.enereyOn .sub-section .txt_box_cols .tbl_wrap {margin-top: 32px;}
.enereyOn .sub-section .txt_box_cols .tbl_wrap .tb_tit {padding-left: 32px;background: url(../images/pages/energy-on/ico_tip.png) no-repeat 0 0; font-size: 17px; margin-bottom: 12px !important;}
.enereyOn .sub-section .txt_box_cols .tbl_wrap .data_tbl tr {height: 48px;}
.enereyOn .sub-section .txt_box_cols .tbl_wrap .data_tbl tr th,
.enereyOn .sub-section .txt_box_cols .tbl_wrap .data_tbl tr td {font-size: 15px;}

/* basic */
.enereyOn .sub-section .txt_box {display: block;width: 100%;padding: 48px;border: 2px solid #DDE1E8;border-radius: 32px;font-size: 17px;}
.enereyOn .sub-section .txt_box .tb_tit {margin-bottom: 4px;font-size: 22px;font-weight: 700;color: #1D1D1D;}
.enereyOn .sub-section .txt_box.img .tb_tit {margin-bottom: 24px;}
.enereyOn .sub-section .txt_box .tb_tit .txt_list {margin-top: 8px;font-weight: 400;}
.enereyOn .sub-section .txt_box .fig_img img {display: block;max-width: 100%;max-height: 100%;}
.enereyOn .sub-section .txt_box.img .fig_img img {max-width: 80%;}
.enereyOn .sub-section .txt_box .info_box .fig_img {display: flex; align-items: center; justify-content: center;}
.enereyOn .sub-section .txt_box .info_box .fig_img img {max-height: 140px;}

/* inbox */
.enereyOn .sub-section * + .inbox {margin-top: 24px;}
.enereyOn .sub-section .txt_list + .inbox {margin-top: 8px;}
.enereyOn .sub-section .txt_box .inbox {position: relative;padding: 24px;border-radius: 16px;color: #555555;background: #F8F8F8;}
.enereyOn .sub-section .txt_box .inbox .tb_tit {display: block;margin-bottom: 8px;font-size: 17px;font-weight: 700;color: #555555;}
.enereyOn .sub-section .txt_box.lg .inbox .txt_list > li {font-size: 19px;}

/* blue */
.enereyOn .sub-section .txt_box.blue {border: 0;background: #F6F9FE;}
.enereyOn .sub-section .txt_box.blue .tb_tit {color: #0038A3;}
.enereyOn .sub-section .txt_box.blue .inbox {background: #fff;}
.enereyOn .sub-section .txt_box.blue .inbox .tb_tit {color: #2D2D2D;}
.enereyOn .sub-section .txt_box.blue .inbox .tip {font-weight: 500;}

/* gray */
.enereyOn .sub-section .txt_box.gray {border: 0;background: #F8F8F8;}

/* deepblue */
.enereyOn .sub-section .txt_box.deepblue {border: 0; background: #002B7D; padding: 56px;}
.enereyOn .sub-section .txt_box.sky {border: 0; background: #EFF5FF; padding: 56px;}

/* style - lg */
.enereyOn .sub-section .txt_box.lg > .tb_tit {margin-bottom: 40px;font-size: 32px;}
.enereyOn .sub-section .txt_box.lg .inbox .tb_tit {font-size: 19px;}
.enereyOn .sub-section .txt_box.lg .txt_list > li {font-size: 22px;color: #555555;}
.enereyOn .sub-section .txt_box.lg .inbox.txt_list {background: #F8F8F8;}
.enereyOn .sub-section .txt_box.lg .inbox.txt_list.num {background: #F8F8F8;}
.enereyOn .sub-section .txt_box.lg .txt_list.num > li {padding-left: 46px;}
.enereyOn .sub-section .txt_box.lg .txt_list.num > li::before {min-width: 24px;height: 24px;margin-left: -36px;margin-right: 12px;font-size: 15px;}
.enereyOn .sub-section .txt_box.lg .inbox .txt_list.num > li {padding-left: 30px;font-size: 19px;}
.enereyOn .sub-section .txt_box.lg .inbox .txt_list.num > li::before {position: relative;min-width: 22px;height: 22px;margin-left: -30px;margin-right: 8px;font-size: 13px;}
.enereyOn .sub-section .txt_box.lg .txt_list.spot > li {padding-left: 10px;}
.enereyOn .sub-section .txt_box.lg .txt_list.spot > li::before {top: calc(((22px * 1.5) - 4px) / 2);min-width: 4px;width: 4px;height: 4px;}
.enereyOn .sub-section .txt_box.lg .txt_list.blt > * {font-size: 19px;}

/* style - img */
.enereyOn .sub-section .txt_box.img {display: flex;flex-direction: column;padding: 40px;}
.enereyOn .sub-section .txt_box.img .rows {gap: 16px 24px;height: 100%;}
.enereyOn .sub-section .txt_box.img .fig_img {display: flex;justify-content: center;align-items: center;min-width: 180px;width: 180px;padding: 20px;border-radius: 16px;background: #F8F8F8;}

/* style - img_tit */
.enereyOn .sub-section .txt_box.img_tit {display: flex;flex-direction: column;padding: 32px 40px 40px;}
.enereyOn .sub-section .txt_box.img_tit .tb_tit {color: #1D1D1D;}
.enereyOn .sub-section .txt_box.img_tit .tit_box {display: flex;align-items: center;gap: 12px;}
.enereyOn .sub-section .txt_box.img_tit .tit_box .fig_img {display: flex;justify-content: center;align-items: center;min-width: 80px;width: 80px;height: 80px;}
.enereyOn .sub-section .txt_box.img_tit .tit_box .fig_img img {max-height: 67%;}
.enereyOn .sub-section .txt_box.img_tit .tit_box .txt {margin-top: 4px;font-size: 15px;font-weight: 400;color: #555555;}
.enereyOn .sub-section .txt_box.img_tit .inbox {height: 100%;margin-top: 16px;}
.enereyOn .sub-section .txt_box.img_tit .inbox .txt_list.blt {margin-top: 0;}
.enereyOn .sub-section .txt_box.img_tit .inbox .txt_list.blt > * {font-size: 15px;color: #555555;}

/* style - elct */
.enereyOn .sub-section .txt_box.elct {display: flex;justify-content: space-between;padding: 40px 40px 50px;}
.enereyOn .sub-section .txt_box.elct .tb_tit {margin-bottom: 24px;}
.enereyOn .sub-section .txt_box.elct .txt_list > li {font-weight: 500;}
.enereyOn .sub-section .txt_box.elct .inbox {position: relative;margin-top: 0;padding: 16px 30px 20px 112px;text-align: center;}
.enereyOn .sub-section .txt_box.elct .inbox::before {content: '';position: absolute;left: 32px;bottom: 0;width: 164px;height: 194px;background: url(../images/pages/energy-on/img_tb_elct01.png) no-repeat 0 0;}
.enereyOn .sub-section .txt_box.elct .inbox .tit {display: flex;align-items: center;width: 397px;height: 60px;margin-bottom: 16px;padding-left: 130px;font-size: 19px;font-weight: 400;color: #2D2D2D;text-align: center;background: url(../images/pages/energy-on/img_tb_elct_tit.png) no-repeat 0 0;}
.enereyOn .sub-section .txt_box.elct .inbox .tit .point {font-weight: 700;color: #0038A3;}
.enereyOn .sub-section .txt_box.elct .inbox .rows {padding-left: 90px;}
.enereyOn .sub-section .txt_box.elct .inbox .rows li {width: 100%;}
.enereyOn .sub-section .txt_box.elct .inbox .rows li:not(:last-child) {border-right: 1px solid #E4E4E4;}
.enereyOn .sub-section .txt_box.elct .inbox .fig_img {width: 40px;height: 40px;margin: 0 auto 12px;}
.enereyOn .sub-section .txt_box.elct .inbox .txt {font-size: 15px;font-weight: 400;color: #2D2D2D;}

/* style - shadow */
.enereyOn .sub-section .txt_box.shadow {border: 0; box-shadow: 0 0 12px rgba(0, 0, 0, .08);}
.enereyOn .sub-section .txt_box.shadow + .txt_box.shadow {margin-top: 40px;}
.enereyOn .sub-section .txt_box .info_tit {font-size: 32px; font-weight: 700; margin-bottom: 48px; position: relative; padding-left: 52px;}
.enereyOn .sub-section .txt_box .info_tit::before {content: ''; display: block; width: 40px; height: 40px; position: absolute; left: 0; top: 4px;}
.enereyOn .sub-section .txt_box .info_tit.speaker::before {background: url(../images/pages/energy-on/img_speaker.png) no-repeat center; background-size: 100%;}
.enereyOn .sub-section .txt_box .info_tit.price::before {background: url(../images/pages/energy-on/img_price.png) no-repeat center; background-size: 100%;}
.enereyOn .sub-section .txt_box .info_tit.dr::before {background: url(../images/pages/energy-on/img_dr.png) no-repeat center; background-size: 100%;}
.enereyOn .sub-section .txt_box .info_tit.time::before {background: url(../images/pages/energy-on/img_timer.png) no-repeat center; background-size: 100%;}
.enereyOn .sub-section .txt_box .info_tit.coin::before {background: url(../images/pages/energy-on/img_coin.png) no-repeat center; background-size: 100%;}
.enereyOn .sub-section .txt_box .info_tit.heart::before {background: url(../images/pages/energy-on/img_heart.png) no-repeat center; background-size: 100%;}

/* style - tip */
.enereyOn .sub-section .txt_box.tip {padding: 40px;font-weight: 500;text-align: center;}
.enereyOn .sub-section .txt_box.tip .inbox {text-align: left;}
.enereyOn .sub-section .txt_box.tip .inbox .tb_tit {padding-left: 32px;background: url(../images/pages/energy-on/ico_tip.png) no-repeat 0 0;}
.enereyOn .sub-section .txt_box.tip .inbox .txt {padding-left: 32px;}

/** desc_list **/
.enereyOn .sub-section .desc_list dl + dl {margin-top: 40px;}
.enereyOn .sub-section .desc_list dt {display: flex;align-items: center;gap: 24px;}
.enereyOn .sub-section .desc_list dt .badge {min-width: 100px;min-height: 40px;margin-bottom: auto;border-radius: 20px;font-size: 17px;font-weight: 700;color: #0038A3;background: #EFF5FF;}
.enereyOn .sub-section .desc_list dt .md_tit {margin-bottom: 0;}
.enereyOn .sub-section .desc_list dd {margin-top: 16px;padding-left: 124px;}
.enereyOn .sub-section .desc_list dl.no_tit {display: flex;gap: 24px;}
.enereyOn .sub-section .desc_list dl.no_tit dd {margin-top: 0;padding-left: 0;}

/** tab > table **/
.enereyOn .eo_tab .tbl_wrap {margin: 16px 0;}
.enereyOn .eo_tab table thead th {background: #F0F0F0;}

.enereyOn .sub-section .txt_box .info_box {display: flex; gap: 40px; margin-top: 24px;}
.enereyOn .sub-section .txt_box .info_box .item {width: 100%; text-align: center;}
.enereyOn .sub-section .txt_box .info_box .item .fig_img {background: #fff; min-height: 170px; border-radius: 16px; margin-bottom: 24px;}
.enereyOn .sub-section .txt_box .info_box .item .tit {font-size: 17px; font-weight: 500; color: #2d2d2d;}
.enereyOn .sub-section .txt_box .info_box .item .tit .blue {font-weight: 700; color: #0045C9;}
.enereyOn .sub-section .txt_box .info_box .item .txt {margin-top: 10px; font-size: 15px; color: #555; padding: 0 16px; margin-bottom: 0;}
.enereyOn .sub-section .txt_box .info_box:not(:has(.item + .item)) .item {display: flex; text-align: left; gap: 34px;}
.enereyOn .sub-section .txt_box .info_box:not(:has(.item + .item)) .item .fig_img {max-width: 275px; margin-bottom: 0;}
.enereyOn .sub-section .txt_box .info_box:not(:has(.item + .item)) .item .txt {padding: 0;}





/***** contents *****/
/**** visual ****/
/*** visual_wrap ***/
.enereyOn .visual_wrap {overflow: hidden;position: relative;width: 100%;min-height: 320px;margin-bottom: 96px;padding: 56px 72px;border-radius: 40px;z-index: 0;}
.enereyOn .visual_wrap::after {content: '';display: block;position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;pointer-events: none;z-index: -1;}
.enereyOn .visual_wrap .tit {font-size: 46px;font-weight: 700;color: #1D1D1D;}
.enereyOn .visual_wrap .tit br.mo {display: none;}
.enereyOn .visual_wrap .txt {margin-top: 24px;font-size: 22px;font-weight: 500;color: #2D2D2D;}
.enereyOn .visual_wrap .txt.mb {display: none;margin-top: 4px;font-size: 13px;}
.enereyOn .visual_wrap .breadcrumb {margin-bottom: 16px;}
.enereyOn .visual_wrap .breadcrumb li {display: flex;align-items: center;}
.enereyOn .visual_wrap .breadcrumb li * {line-height: unset;}

.enereyOn .visual_wrap.bg01 {background: linear-gradient(150.01deg, #FFE6D8 3.1%, #FFFCDA 114.47%);}
.enereyOn .visual_wrap.bg01::after {background-image: url(../images/pages/energy-on/img_bg_visual01.png);background-position: right 87px bottom 26px; background-size: 311px;}
.enereyOn .visual_wrap.bg02 {background: linear-gradient(150.01deg, #EEEECD 3.1%, #FFFFF0 114.47%);}
.enereyOn .visual_wrap.bg02::after {background-image: url(../images/pages/energy-on/img_bg_visual02.png);background-position: right 96px bottom 33px; background-size: 305px;}
.enereyOn .visual_wrap.bg03 {background: linear-gradient(150.01deg, #CCEEBA 3.1%, #ECF1D5 114.47%);}
.enereyOn .visual_wrap.bg03::after {background-image: url(../images/pages/energy-on/img_bg_visual03.png);background-position: right 107px bottom 28px; background-size: 272px;}
.enereyOn .visual_wrap.bg04 {min-height: 320px;margin-bottom: 80px;background: linear-gradient(138.72deg, #E8F0FF 8.08%, rgba(249, 252, 255, 0.929412) 82.16%), linear-gradient(148.97deg, #19194C 3.57%, #4B4ABA 94.63%);}
.enereyOn .visual_wrap.bg04::after {background-image: url(../images/pages/energy-on/img_bg_visual04.png);background-position: right 109px bottom 24px; background-size: 268px;}
.enereyOn .visual_wrap.bg05 {background: linear-gradient(139deg, #E7EFFF 8.08%, #ECEFFA 82.16%);}
.enereyOn .visual_wrap.bg05::after {background-image: url(../images/pages/energy-on/img_bg_visual05.png);background-position: right 107px bottom 52px; background-size: 232px;}
.enereyOn .visual_wrap.bg06 {background: linear-gradient(148.97deg, #B6E5FD 3.57%, #DEFBFE 94.63%);}
.enereyOn .visual_wrap.bg06::after {background-image: url(../images/pages/energy-on/img_bg_visual06.png);background-position: right 102px bottom 19px; background-size: 272px;}
.enereyOn .visual_wrap.bg07 {background: linear-gradient(150deg, #CDEEDD 3.1%, #FFF9F0 114.47%), linear-gradient(149deg, #B6E5FD 3.57%, #DEFBFE 94.63%); margin-bottom: 96px;}
.enereyOn .visual_wrap.bg07::after {background-image: url(../images/pages/energy-on/img_bg_visual07.png);background-position: right 117px bottom 22px; background-size: 283px;}
.enereyOn .visual_wrap.bg08 {background: linear-gradient(150deg, #B4E4E9 3.1%, #DCF9E2 114.47%); margin-bottom: 96px;}
.enereyOn .visual_wrap.bg08::after {background-image: url(../images/pages/energy-on/img_bg_visual08.png);background-position: right 109px bottom 22px; background-size: 278px;}
.enereyOn .visual_wrap.bg09 {min-height: 320px; background: linear-gradient(146deg, #04569A 7.11%, #0B818C 99.38%); margin-bottom: 96px;}
.enereyOn .visual_wrap.bg09::after {background-image: url(../images/pages/energy-on/img_bg_visual09.png);background-position: right 91px bottom 24px; background-size: 303px;}
.enereyOn .visual_wrap.bg09 .breadcrumb li path {fill: #fff;}
.enereyOn .visual_wrap.bg09 .breadcrumb li *,
.enereyOn .visual_wrap.bg09 .tit {color: #fff;}
.enereyOn .visual_wrap.bg09 .txt {color: #D1E1FF;}
.enereyOn .visual_wrap.bg09 br {display: none;}
.enereyOn .visual_wrap.bg10 {min-height: 320px;background: linear-gradient(139deg, #E2F5FA 8.08%, rgba(242, 251, 249, 0.93) 82.16%), linear-gradient(139deg, #E2F5FA 8.08%, rgba(245, 255, 253, 0.93) 82.16%), linear-gradient(149deg, #19194C 3.57%, #4B4ABA 94.63%);}
.enereyOn .visual_wrap.bg10::after {background-image: url(../images/pages/energy-on/img_bg_visual10.png);background-position: right 133px bottom 36px; background-size: 259px;}
.enereyOn .visual_wrap.bg11 {background: linear-gradient(149deg, #CCE2FA 3.57%, #E7F5FF 94.63%), linear-gradient(149deg, #B6E5FD 3.57%, #DEFBFE 94.63%);; margin-bottom: 64px;}
.enereyOn .visual_wrap.bg11::after {background-image: url(../images/pages/energy-on/img_bg_visual11.png);background-position: right 113px bottom 27.5px; background-size: 268px;}
.enereyOn .visual_wrap.bg12 {background: linear-gradient(150deg, #DBDDF4 3.1%, #F3F7FF 114.47%), linear-gradient(149deg, #B6E5FD 3.57%, #DEFBFE 94.63%);}
.enereyOn .visual_wrap.bg12::after {background-image: url(../images/pages/energy-on/img_bg_visual12.png);background-position: right 101px bottom 36px; background-size: 266px;}
.enereyOn .visual_wrap.bg13 {background: linear-gradient(149deg, #B5CDFF -2.06%, #EAF6FF 113.14%), linear-gradient(149deg, #B6E5FD 3.57%, #DEFBFE 94.63%);}
.enereyOn .visual_wrap.bg13::after {background-image: url(../images/pages/energy-on/img_bg_visual15.png);background-position: right 97px bottom 40px; background-size: 271px;}
.enereyOn .visual_wrap.bg14 {background: linear-gradient(150deg, #ACBAFF 3.1%, #E8E6FF 114.47%), linear-gradient(149deg, #B6E5FD 3.57%, #DEFBFE 94.63%);}
.enereyOn .visual_wrap.bg14::after {background-image: url(../images/pages/energy-on/img_bg_visual14.png);background-position: right 56px bottom 38px; background-size: 356px;}
.enereyOn .visual_wrap.bg15 {background: linear-gradient(150deg, #AEE4EE 3.1%, #ECFEFA 114.47%), linear-gradient(150deg, #BDEAE0 3.1%, #ECFEFA 114.47%), linear-gradient(150deg, #D5ECDC 3.1%, #ECFEEF 114.47%), linear-gradient(149deg, #19194C 3.57%, #4B4ABA 94.63%);}
.enereyOn .visual_wrap.bg15::after {background-image: url(../images/pages/energy-on/img_bg_visual13.png);background-position: right 59px bottom -55px; background-size: 480px;}
.enereyOn .visual_wrap.bg16 {background: linear-gradient(150deg, #BDF0CD 3.1%, #ECFEEF 114.47%), linear-gradient(150deg, #D5ECDC 3.1%, #ECFEEF 114.47%), linear-gradient(149deg, #19194C 3.57%, #4B4ABA 94.63%);}
.enereyOn .visual_wrap.bg16::after {background-image: url(../images/pages/energy-on/img_bg_visual16.png);background-position: right 104px bottom 31px; background-size: 285px;}
.enereyOn .visual_wrap.bg17 {background: linear-gradient(150deg, #C2DAE6 3.1%, #F3FAFB 114.47%);}
.enereyOn .visual_wrap.bg17::after {background-image: url(../images/pages/energy-on/img_bg_visual17.png);background-position: right 86px bottom 31px; background-size: 267px;}
.enereyOn .visual_wrap.bg18 {background: linear-gradient(139deg, #F6EFDF 8.08%, rgba(255, 251, 242, 0.93) 82.16%), linear-gradient(139deg, #E2F5FA 8.08%, rgba(245, 255, 253, 0.93) 82.16%), linear-gradient(149deg, #19194C 3.57%, #4B4ABA 94.63%); min-height: 320px;}
.enereyOn .visual_wrap.bg18::after {background-image: url(../images/pages/energy-on/img_bg_visual18.png);background-position: right 109px bottom 41px; background-size: 274px;}
.enereyOn .visual_wrap.bg19 {background: linear-gradient(139deg, #C7D8FF 8.08%, #E1EDFD 82.16%); min-height: 320px;}
.enereyOn .visual_wrap.bg19::after {background-image: url(../images/pages/energy-on/img_bg_visual19.png);background-position: right 113px bottom 40px; background-size: 294px;}
.enereyOn .visual_wrap.bg20 {background: linear-gradient(149deg, #C9F5F3 3.57%, #ECFBFC 94.63%);}
.enereyOn .visual_wrap.bg20::after {background-image: url(../images/pages/energy-on/img_bg_visual20.png);background-position: right 121px bottom 36px; background-size: 259px;}
.enereyOn .visual_wrap.bg21 {background: linear-gradient(139deg, #DCEFFB 8.08%, #E1F3F6 82.16%);}
.enereyOn .visual_wrap.bg21::after {background-image: url(../images/pages/energy-on/img_bg_visual21.png);background-position: right 111px bottom 45px; background-size: 222px;}
.enereyOn .visual_wrap.bg22 {background: linear-gradient(150deg, #CCEEBA 3.1%, #ECF1D5 114.47%);}
.enereyOn .visual_wrap.bg22::after {background-image: url(../images/pages/energy-on/img_bg_visual22.png);background-position: right 113px bottom 44px; background-size: 202px;}
.enereyOn .visual_wrap.bg23 {background: linear-gradient(139deg, #F6E7DF 8.08%, #FFF8F2 82.16%);}
.enereyOn .visual_wrap.bg23::after {background-image: url(../images/pages/energy-on/img_bg_visual23.png);background-position: right 55px bottom 27px; background-size: 392px;}

/*** intro ***/
.enereyOn .intro {margin-bottom: 96px; margin-top: 48px;}
.enereyOn .intro .tit_wrap {display: flex; align-items: center; padding-left: 40px; gap: 40px; margin-top: 24px;}
.enereyOn .intro .tit_wrap::before {content: ''; display: block; width: 119px; height: 124px;}
.enereyOn .intro.int01 .tit_wrap::before {background: url(../images/pages/energy-on/img_intro_char01.png) no-repeat center / 100%;}
.enereyOn .intro.int02 .tit_wrap::before {background: url(../images/pages/energy-on/img_intro_char02.png) no-repeat center / 100%;}
.enereyOn .intro.int03 .tit_wrap::before {background: url(../images/pages/energy-on/img_intro_char03.png) no-repeat center / 100%;}
.enereyOn .intro.int04 .tit_wrap::before {background: url(../images/pages/energy-on/img_intro_char04.png) no-repeat center / 100%;}
.enereyOn .intro .tit_wrap .tit {color: #002B7D; font-size: 48px; font-weight: 700;}
.enereyOn .intro .bold {font-weight: 700;} 
.enereyOn .intro .blue {color: #002B7D;}
.enereyOn .intro .bg_box {padding: 40px 64px; border-radius: 40px; background: #F7FAFF; font-size: 22px; display: flex; flex-direction: column; gap: 20px;}

/*** link_wrap ***/
.enereyOn .link_wrap {display: flex; gap: 24px; align-items: center;}
.enereyOn .link_wrap.gray .item {display: flex; align-items: center; justify-content: space-between; background: #F8F8F8; border-radius: 24px; padding: 24px 24px 24px 40px; width: 100%;}
.enereyOn .link_wrap.gray .item .cont {display: flex; flex-direction: column; gap: 8px; text-align: left;}
.enereyOn .link_wrap.gray .item .cont .tit {font-size: 22px; font-weight: 700; color: #2d2d2d;}
.enereyOn .link_wrap.gray .item .cont .txt {font-size: 17px; color: #555555;}
.enereyOn .link_wrap.gray .item .fig_img img {height: 84px;}

/** link_wrap **/
.enereyOn .link_wrap.type02 {gap: 16px 20px;}
.enereyOn .link_wrap.type02 .item {display: block;width: calc((100% - 40px) / 3);padding: 24px;border: 1px solid #E4E4E4;border-radius: 24px;text-align: center;background: #fff;}
.enereyOn .link_wrap.type02 .item .tit {font-size: 22px; font-weight: 700; margin-bottom: 12px; display: block;}
.enereyOn .link_wrap.type02 .item .txt {font-size: 17px; color: #555;}
.enereyOn .link_wrap.type02 .item .fig_img {width: 100%;height: 200px;margin-bottom: 24px; background: #F8F8F8; border-radius: 16px; display: flex; align-items: center; justify-content: center;}
.enereyOn .link_wrap.type02 .item .fig_img img {height: 100%;}
.enereyOn .link_wrap.type02 .item .rnw_btn_eh {width: 100%;margin-top: 40px;border-radius: 8px;}

/*** sub_banner ***/
.enereyOn .sub_banner {border-radius: 32px; margin-top: 96px;}
.enereyOn .sub_banner.bn01 {background: #D8EAFC url(../images/pages/energy-on/img_banner_char01.png) no-repeat right 101px bottom 24px / auto 139px;}
.enereyOn .sub_banner.bn02 {background: #DFF3F3 url(../images/pages/energy-on/img_banner_char02.png) no-repeat right 96px bottom 16px / auto 140px;}
.enereyOn .sub_banner a {padding: 56px 72px; display: block; width: 100%; height: 100%;}
.enereyOn .sub_banner strong {display: block; font-size: 28px; font-weight: 700; color: #2d2d2d;}
.enereyOn .sub_banner p {font-size: 19px; color: #555; margin-top: 12px; display: flex; align-items: center; gap: 6px;}
.enereyOn .sub_banner p::after {content: ''; display: block; width: 12px; height: 12px; background: url(../images/pages/energy-on/ico_arrow_right_sm.svg) no-repeat center / 100%;}

/*** info_list ***/
.info_list {margin-top: 96px;}
.info_list > li {display: flex;align-items: flex-start;gap: 48px;padding: 48px 88px 48px 48px;border-radius: 160px;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);}
.info_list > li + li {margin-top: 40px;}
.info_list > li .img_box {display: inline-flex;justify-content: center;align-items: center;min-width: 198px;width: 198px;height: 198px;border-radius: 100%;background: #EFF5FF;}
.info_list > li .img_box img {display: block;max-width: 60%;max-height: 60%;}
.info_list > li:has(.img_wrap) {display: block; border-radius: 160px;} 
.info_list > li .img_wrap {display: flex;align-items: flex-start;gap: 48px;}
.info_list > li:has(.img_wrap) > img.mb {display: none;}
.info_list > li:has(.img_wrap) > img {margin: -40px auto 0; display: block;}
.info_list > li .desc_box .tit {display: block;font-size: 36px;font-weight: 700;color: #1D1D1D;}
.info_list > li .desc_box .tit .eng {display: inline-block;margin-left: 12px;font-size: 19px;font-weight: 400;color: #94B8FF;}
.info_list > li .desc_box p.blue {font-size: 22px; font-weight: 500; color: #002B7D; margin: 24px 0 40px;}
.info_list > li .desc_box .desc {display: block;margin-top: 16px;font-size: 22px;font-weight: 400;color: #2D2D2D;}
.info_list > li .desc_box .desc .txt_list.check {gap: 12px;}
.info_list > li .desc_box .desc .txt_list.check > * {font-size: 22px;background-position: left top calc(((22px * 1.5) - 16px) / 2);}
.info_list > li .desc_box .desc .txt_list .txt_sub_list {font-size: 15px; color: #717171; margin-top: 12px; display: flex; flex-direction: column; gap: 4px;}
.info_list > li .desc_box p.txt_asterisk {font-size: 15px; color: #717171; margin-top: 24px;}
.info_list > li .desc_box .desc .txt_list p.txt_asterisk {margin-top: 12px;}





/**** 합리적인 소비 ****/
/*** 요금진단 ***/
/** tab **/
.enereyOn .eo_tab.cnsr02 .tab_menu {display: flex;gap: 20px;}
.enereyOn .eo_tab.cnsr02 .tab_menu > li {width: 100%;}
.enereyOn .eo_tab.cnsr02 .js_tmenu {display: flex;gap: 24px;width: 100%;height: 100%;padding: 24px; padding-right: 32px; border-radius: 24px;text-align: left;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);}
.enereyOn .eo_tab.cnsr02 .js_tmenu.active {background: #0038A3;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.24);}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 160px;height: 165px;border-radius: 16px;background: #F8F8F8;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img img {display: block;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img:nth-child(1) img {max-width: 103px;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img:nth-child(2) img {max-width: 108px;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img:nth-child(3) img {max-width: 93px;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .cont {display: flex;flex-direction: column;align-items: flex-start; justify-content: center;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .tit {display: block;width: 100%;font-size: 22px;font-weight: 700;color: #2D2D2D;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .tit .mo_br {display: none;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .txt {display: block;width: 100%;margin-top: 12px;font-size: 15px;font-weight: 400;color: #555555;word-break: break-all;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .badge {gap: 6px;min-width: 89px;min-height: 34px;margin-top: auto;padding: 2px 16px;border: 1px solid #E4E4E4;font-weight: 600;color: #555555;letter-spacing: 0;background: #fff;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .badge::after {content: '';display: inline-block;min-width: 12px;width: 12px;height: 12px;background: url(../images/pages/energy-on/ico_arrow_sm_b.svg) no-repeat 50% 50%;}
.enereyOn .eo_tab.cnsr02 .js_tmenu:not(:hover, .active) .badge::after {display: none;}
.enereyOn .eo_tab.cnsr02 .js_tmenu.active .fig_img {background: #fff;}
.enereyOn .eo_tab.cnsr02 .js_tmenu.active .cont * {color: #fff;}
.enereyOn .eo_tab.cnsr02 .js_tmenu.active .badge {border-color: #fff;color: #0053F2;background: #fff;}
.enereyOn .eo_tab.cnsr02 .tab_cont {margin-top: 48px;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .tb_tit {margin-bottom: 32px;font-size: 28px;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check {gap: 24px;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * {background-position: left top calc(((22px * 1.5) - 16px) / 2);}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > strong {display: block;font-size: 22px;font-weight: 600;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > .txt_list.spot {gap: 4px;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > .txt_list.spot > li,
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > p {display: block;font-size: 19px;font-weight: 400;color: #555555;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > strong + p {margin-top: 6px;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box + .btn_eh_area {display: flex;justify-content: center;gap: 8px 16px; margin-top: 40px;}
.enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box + .btn_eh_area .rnw_btn_eh {min-width: 240px;font-size: 15px;font-weight: 700;}
.enereyOn .eo_tab.cnsr02 .dg_box {background: #fff; padding: 48px; border-radius: 24px; border: 1px solid #D8D8D8; margin-top: 12px; margin-left: -12px;}
.enereyOn .eo_tab.cnsr02 .dg_box img {width: 100%; height: 100%;}
.enereyOn .eo_tab.cnsr02 .dg_box img.mo {display: none;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img.sm {width: 88px; height: 88px; border-radius: 16px;}
.enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img.sm img {max-width: 88px;}
.enereyOn .eo_tab.accordion .tab_menu {display: flex;flex-wrap: nowrap;gap: 20px;}
.enereyOn .eo_tab.accordion .tab_menu > li {width: 100%;}

.enereyOn .txt_box.assessment {margin-top: 64px; text-align: center;}
.enereyOn .txt_box.assessment p {text-align: center; font-size: 22px; font-weight: 500; color: #2d2d2d;}
.enereyOn .txt_box.assessment p + .rnw_btn_eh {margin-top: 24px; min-width: 240px;}


/*** 내 혜택 찾기 ***/
/** ft_opt_list **/
.enereyOn .ft_opt_list {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 96px;}
.enereyOn .ft_opt_list > * {display: flex;flex-direction: column;align-items: flex-start;position: relative;width: calc((100% - 80px) / 5);min-height: 160px;padding: 32px;border: 1px solid transparent;border-radius: 24px;color: #555555;word-break: break-all;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);}
.enereyOn .ft_opt_list > *.active,
.enereyOn .ft_opt_list > *:focus-visible {border-color: #94B8FF;background: #F7FAFF;}
.enereyOn .ft_opt_list > *.active .tit,
.enereyOn .ft_opt_list > *:focus-visible .tit {color: #0045C9;}
.enereyOn .ft_opt_list > *.active .txt,
.enereyOn .ft_opt_list > *:focus-visible .txt,
.enereyOn .ft_opt_list > *:hover .txt {color: #002B7D;}
.enereyOn .ft_opt_list > * .tit {display: block;font-size: 22px;font-weight: 700;}
.enereyOn .ft_opt_list > * .txt {display: block;margin-top: 12px;font-size: 15px;font-weight: 400;}
.enereyOn .ft_opt_list > *::after {content: '';display: block;position: absolute;right: 0;bottom: 0;min-width: 160px;width: 160px;height: 92px;background-repeat: no-repeat;background-position: 50% 50%; background-size: 100%;}
.enereyOn .ft_opt_list > *.i01::after {background-image: url(../images/pages/energy-on/img_fol01_3d.png);}
.enereyOn .ft_opt_list > *.i02::after {background-image: url(../images/pages/energy-on/img_fol02_3d.png);}
.enereyOn .ft_opt_list > *.i03::after {background-image: url(../images/pages/energy-on/img_fol03_3d.png);}
.enereyOn .ft_opt_list > *.i04::after {background-image: url(../images/pages/energy-on/img_fol04_3d.png);}
.enereyOn .ft_opt_list > *.i05::after {background-image: url(../images/pages/energy-on/img_fol05_3d.png);}
.enereyOn .ft_opt_list > * br.mb {display: none;}

/** cnsr_card_list **/
.enereyOn .cnsr_card_list {margin-top: 96px;}
.enereyOn .cnsr_card_list > .top {display: flex;justify-content: space-between;margin-bottom: 24px;}
.enereyOn .cnsr_card_list > .top .total {font-size: 15px;font-weight: 400;color: #2D2D2D;}
.enereyOn .cnsr_card_list > .top .total .cnt {font-weight: 700;}
.enereyOn .cnsr_card_list > .top .grid_type {display: flex;gap: 16px;}
.enereyOn .cnsr_card_list > .top .grid_type [class*="grid"] {display: inline-block;min-width: 24px;width: 24px;height: 24px;}
.enereyOn .cnsr_card_list > .top .grid_type [class*="grid"]::after {content: '';display: block;width: 100%;height: 100%;}
.enereyOn .cnsr_card_list > .top .grid_type [class*="grid"]:not(.on)::after {opacity: 0.34;}
.enereyOn .cnsr_card_list > .top .grid_type .grid01::after {background: url(../images/pages/energy-on/ico_grid01.svg) no-repeat 50% 50%;}
.enereyOn .cnsr_card_list > .top .grid_type .grid02::after {background: url(../images/pages/energy-on/ico_grid02.svg) no-repeat 50% 50%;}
.enereyOn .cnsr_card_list > .top .grid_type .grid03::after {background: url(../images/pages/energy-on/ico_grid03.svg) no-repeat 50% 50%;}
.enereyOn .cnsr_card_list > .pagination {margin-top: 48px;}

/* card_list */
.enereyOn .cnsr_card_list .card_list {display: flex;flex-wrap: wrap;gap: 24px 20px;}
.enereyOn .cnsr_card_list .card_list > li {display: flex;flex-direction: column;position: relative;width: calc((100% - 40px) / 3);padding: 24px;border: 1px solid #E4E4E4;border-radius: 24px;word-break: break-all;background: #fff;}
.enereyOn .cnsr_card_list .card_list.grid01 span.mo_none {display: none;}

/* card_top */
.enereyOn .cnsr_card_list .card_list .card_top {height: 100%;}
.enereyOn .cnsr_card_list .card_list .card_top .badges {display: none;flex-wrap: wrap;gap: 6px;margin-bottom: 32px;}
.enereyOn .cnsr_card_list .card_list .card_top .title *:nth-child(1) {display: block;font-size: 22px;font-weight: 700;color: #1D1D1D;}
.enereyOn .cnsr_card_list .card_list .card_top .title *:nth-child(2) {min-height: calc((17px * 1.5) * 2);margin-top: 8px;font-size: 17px;font-weight: 400;color: #717171;}
.enereyOn .cnsr_card_list .card_list .card_top .info {margin-top: 24px;}
.enereyOn .cnsr_card_list .card_list .card_top .info dl {display: flex;gap: 8px;font-size: 15px;font-weight: 400;color: #2D2D2D;}
.enereyOn .cnsr_card_list .card_list .card_top .info dl + dl {margin-top: 6px;}
.enereyOn .cnsr_card_list .card_list .card_top .info dt {min-width: 60px;}
.enereyOn .cnsr_card_list .card_list .card_top .info dd {font-weight: 700; word-break: keep-all;}

/* card_btm */
.enereyOn .cnsr_card_list .card_list .card_btm {display: flex;flex-direction: column;margin-top: 24px;padding-top: 16px;border-top: 1px solid #E4E4E4;}
.enereyOn .cnsr_card_list .card_list .card_btm .info {margin-bottom: 24px;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dt {display: block;font-size: 17px;font-weight: 700;color: #2D2D2D;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd {display: flex;justify-content: space-between;align-items: center;gap: 6px;min-height: calc(32px * 1.5);margin-top: 6px;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd .badge {border-radius: 12px;font-weight: 400;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd > *:last-child {margin-left: auto;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd > *:not(.badge) {position: relative;font-size: 19px;font-weight: 700;color: #555555;text-align: right;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd > *:not(.badge) .sm {font-size: 17px;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd .res {font-size: 32px;font-weight: 700;color: #0053F2;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd .rows {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd .rows::after {content: '';order: 1;display: inline-block;width: 1px;height: 24px;background: #D8D8D8;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd .rows p:first-child {order: 0;}
.enereyOn .cnsr_card_list .card_list .card_btm .info dd .rows p:last-child {order: 2;}
.enereyOn .cnsr_card_list .card_list .card_btm .btn_eh_area {display: flex;gap: 12px;margin-top: auto;}
.enereyOn .cnsr_card_list .card_list .card_btm .btn_eh_area > * {flex: 1;display: inline-flex;justify-content: center;align-items: center;position: relative;min-height: 40px;padding: 0.5666666667em 1.0666666667em;font-size: 15px !important;font-weight: 600;border-radius: 8px;}
.enereyOn .cnsr_card_list .card_list > li:is(.active) {display: "";}
.enereyOn .cnsr_card_list .card_list > li:not(.active) {display: none;}

/** sel_type **/
.enereyOn .form_tab .sel_type {display: flex;gap: 20px;}
.enereyOn .form_tab .sel_type button {display: flex;flex-direction: column;position: relative;width: 100%;min-height: 160px;padding: 32px;border: 1px solid transparent;border-radius: 24px;text-align: left;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); overflow: hidden;}
.enereyOn .form_tab .sel_type button::after {content: '';display: block;position: absolute;right: 0;bottom: 0;min-width: 160px;width: 160px;height: 92px;background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;}
.enereyOn .form_tab .sel_type button.i01::after {background-image: url(../images/pages/energy-on/img_ftmenu_3d_01.png);}
.enereyOn .form_tab .sel_type button.i02::after {background-image: url(../images/pages/energy-on/img_ftmenu_3d_02.png);}
.enereyOn .form_tab .sel_type button .txt .tit {font-size: 22px;font-weight: 700;color: #555555;}
.enereyOn .form_tab .sel_type button .txt > *:not(.tit) {margin-top: 12px;font-size: 15px;font-weight: 400;color: #717171;}
.enereyOn .form_tab .sel_type button .txt > *:not(.tit).mb {display: none;margin-top: 4px;font-size: 13px;}
.enereyOn .form_tab .sel_type button.active {border-color: #94B8FF;background: #F7FAFF;}
.enereyOn .form_tab .sel_type button.active .txt > * {color: #002B7D;}
.enereyOn .form_tab .sel_type button.active .txt .tit {color: #0045C9;}


/*** 주택용 에너지캐시백 ***/
/** status_box **/
.enereyOn .status_box {background: url(../images/pages/energy-on/status_bg.png) no-repeat center; background-position: top center; padding: 0 0 0 30px;}
.enereyOn .status_box .tit {display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; margin-bottom: 29px;}
.enereyOn .status_box .tit p {font-size: 28px; font-weight: 400; color: #2d2d2d;}
.enereyOn .status_box .tit p strong {font-weight: 700;}
.enereyOn .status_box .tit .status_txt {width: 810px; display: flex; gap: 40px;}
.enereyOn .status_box .tit .status_txt img:first-child {width: 490px; height: 100%;}
.enereyOn .status_box .tit .status_txt img:last-child {width: 280px; height: 100%; margin-top: 14px;}
.enereyOn .status_box .crt_wrap {position: relative; z-index: 1;}
.enereyOn .status_box .crt_wrap::before {content: ''; display: block; width: 561px; height: 303px; background: url(../images/pages/energy-on/current_bg.png) no-repeat center; background-size: 100%;}
.enereyOn .status_box .crt_wrap .d_flex {display: flex; position: absolute; right: 0; bottom: 36px; gap: 24px; z-index: -1; }
.enereyOn .status_box .crt_wrap .d_flex > .btn_link {background: #002B7D !important; height: 192px; margin-top: 0; color: #fff; font-size: 17px !important; font-weight: 700; padding: 32px 18px; border-radius: 24px; display: flex; flex-direction: column; align-items: center; gap: 16px;}
.enereyOn .status_box .crt_wrap .d_flex > .btn_link::before {content: ''; display: block; width: 60px; height: 60px; background: url(../images/pages/energy-on/ico_cash.png) no-repeat center; background-size: 100%;}
.enereyOn .status_box .crt_wrap .d_flex > .btn_link:hover {background: #001E57 !important;}
.enereyOn .status_box .crt_wrap .crt_box {width: 694px; padding: 28px; padding-left: 120px; border-radius: 0 48px 48px 0; border: 4px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(73deg, #C0E3FF, #A0B0F3) border-box; box-sizing: border-box; display: flex; gap: 48px}
.enereyOn .status_box .crt_wrap .crt_box .current {width: calc(100% - 176px);}
.enereyOn .status_box .crt_wrap .crt_box .current .top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px;}
.enereyOn .status_box .crt_wrap .crt_box .current .top .lt p {font-size: 17px;}
.enereyOn .status_box .crt_wrap .crt_box .current .top .lt strong {font-size: 22px; font-weight: 700;}
.enereyOn .status_box .crt_wrap .crt_box .current .top .count {font-size: 32px; font-weight: 600; display: flex; align-items: baseline; gap: 4px;}
.enereyOn .status_box .crt_wrap .crt_box .current .top .count strong {font-size: 56px; font-family: "SB Aggro"; font-weight: 700; color: #0053F2;}
.enereyOn .status_box .crt_wrap .crt_box .btn_link {width: 128px; height: 128px; margin-top: 0; background: #F7FAFF url(../images/pages/energy-on/btn_link_bg.png) no-repeat bottom -2px center !important; border-radius: 24px; color: #0045C9; font-size: 17px !important; padding: 0; display: flex; flex-direction: column; align-items: center; padding-top: 24px; gap: 2px; border: 2px solid #94B8FF !important;}
.enereyOn .status_box .crt_wrap .crt_box .btn_link::after {content: ''; display: block; width: 32px; height: 20px; background: url(../images/pages/energy-on/btn_link_arrow_right.svg) no-repeat center;}
.enereyOn .status_box .crt_wrap .crt_box .btn_link:hover {border: 2px solid #0053F2 !important; background: #0053F2 url(../images/pages/energy-on/btn_link_bg.png) no-repeat bottom -2px center !important; color: #fff;}
.enereyOn .status_box .crt_wrap .crt_box .btn_link:hover::after {content: ''; display: block; width: 32px; height: 20px; background: url(../images/pages/energy-on/btn_link_arrow_right_hv.svg) no-repeat center;}

/** progress **/
.progress_box {position: relative; padding-left: 23px;}
.progress_box::before {content: ''; display: block; width: 40px; height: 40px; background: #2970FF url(../images/pages/energy-on/ico_user.svg) no-repeat center; border-radius: 50%; position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);}
.progress{--p: 0%; height: 24px; border-radius: 0 20px 20px 0; background: #e9ecef; overflow: hidden; position: relative;}
.progress::after{content: ""; position: absolute; inset: 4px; width: 0%; background: linear-gradient(90deg, #7BA7FF, #2970FF); border-radius: inherit;}
.enereyOn .status_box.is-inview .progress::after{animation: fill 1s ease forwards;}

@keyframes fill{
  from { width: 0%; }
  to   { width: var(--p); }
}

.enereyOn .sub-section .txt_box.bg .tbl_wrap.pc_none {display: none;}
.enereyOn .sub-section .txt_box.bg {border: 0; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);}
.enereyOn .sub-section .txt_box.bg + .bg {margin-top: 24px;}
.enereyOn .sub-section .txt_box.bg .bang {background: url(../images/pages/energy-on/ico_tl_bang.png) no-repeat left top calc(((22px * 1.5) - 16px) / 2); padding-left: 28px; font-size: 22px; color: #555; margin-top: 12px;}
.enereyOn .sub-section .txt_box.bg .apply_info {margin-bottom: 24px;}
.enereyOn .sub-section .txt_box.bg .apply_info .item {display: flex; gap: 24px;}
.enereyOn .sub-section .txt_box.bg .apply_info .item > .fig_img {height: 135px; margin-bottom: 0;}
.enereyOn .sub-section .txt_box.bg .apply_info .item > div {width: calc(100% - 159px);}
.enereyOn .sub-section .txt_box.bg .apply_info .item > div .tit {text-align: left;}
.enereyOn .sub-section .txt_box.bg .apply_info .item > div .txt_list {margin-top: 16px; gap: 4px;}
.enereyOn .sub-section .txt_box.bg .apply_info .item > div .txt_list li {font-size: 15px; color: #555;}
.enereyOn .sub-section .txt_box.bg .apply_info .item > div .txt_list.blt .blt::after {content: none;}
.enereyOn .sub-section .txt_box.bg .btn_wrap {display: flex; gap: 8px;}
.enereyOn .sub-section .txt_box.bg .btn_ytb {display: flex; align-items: center; gap: 4px; background: #fff !important; padding: 8px 12px; font-weight: 600;}
.enereyOn .sub-section .txt_box.bg .btn_ytb::before {content: ''; display: block; width: 20px; height: 20px; background: url(../images/pages/energy-on/ico_youtube.png) no-repeat center;}
.enereyOn .sub-section .desc_list dt .md_tit > span {font-weight: 400;}
.enereyOn .sub-section .txt_box.bg .tbl_wrap + .txt_list.blt {margin: 24px 0 16px; color: #555;}

.enereyOn .data_wrap .data_box .txt_box .info_tit.elec::before {background: url(../images/pages/energy-on/img_elec.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .data_box .txt_box.skyblue {background: #F7FAFF; border: 0; border-radius: 16px; display: flex; flex-direction: column; gap: 48px;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .inbox {display: flex; flex-direction: column; gap: 16px; padding: 0; padding-left: 174px; background: url(../images/pages/energy-on/img_cashback.png) no-repeat left center / 162px;}
.enereyOn .data_wrap .data_box .txt_box.skyblue p {font-size: 19px; font-weight: 500; color: #2d2d2d;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap {display: flex; gap: 24px;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .ipt {width: calc(100% - 224px); height: 48px; position: relative;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .ipt .unit {position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 15px; font-weight: 400; color: #2d2d2d;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap input {width: 100%; height: 100%; border: 1px solid #E4E4E4; border-radius: 8px; padding: 0 16px; font-size: 15px; padding-right: 60px;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap input::placeholder {font-size: 15px; color: #8E8E8E;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .btn_result {width: 200px; height: 48px; color: #fff; background: #002B7D !important; border-radius: 8px; font-weight: 700; font-size: 15px !important;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .btn_return {width: 200px; height: 48px; color: #fff; background: #002B7D !important; border-radius: 8px; font-weight: 700; font-size: 15px !important; display: flex; align-items: center; justify-content: center; gap: 10px;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .btn_return::before {content: ''; display: block; width: 20px; height: 20px; background: url(../images/pages/energy-on/ico_return.svg) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white {border: 0; padding: 16px 24px 24px; text-align: center; display: flex; flex-direction: column; gap: 4px;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white b {font-size: 19px; font-weight: 500;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white b strong {font-size: 40px; font-weight: 700; color: #0053F2; position: relative; z-index: 1;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white b strong::before {content: ''; display: block; width: 77px; height: 8px; border-radius: 2px; background: #EFF5FF; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); z-index: -1;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white p {font-size: 15px; color: #555555;}
.enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white p .mo_br {display: none;}
.enereyOn .data_wrap .data_box .txt_box .info_result.kwh_info {margin-top: 96px;}
.enereyOn .data_wrap .data_box .txt_box + .tbl_wrap {margin-top: 48px;}
.enereyOn .data_wrap .data_box .tbl_wrap table tr.result td {background: #F7FAFF; font-weight: 600; color: #002B7D;}

/** apply_info **/
.enereyOn .sub-section .apply_info {display: flex;gap: 12px 24px;}
.enereyOn .sub-section .apply_info .item {width: 100%;padding: 32px 16px 24px;border-radius: 16px;font-size: 17px;font-weight: 400;color: #555555;text-align: center;background: #F8F8F8;}
.enereyOn .sub-section .apply_info .item > figure,
.enereyOn .sub-section .apply_info .item > .fig_img {display: block;height: 88px;margin-bottom: 16px;}
.enereyOn .sub-section .apply_info .item figure img,
.enereyOn .sub-section .apply_info .item .fig_img img {display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.enereyOn .sub-section .apply_info .item .tit {display: block;font-size: 19px;font-weight: 700;color: #1D1D1D;}
.enereyOn .sub-section .apply_info .item .tit + * {margin-top: 8px;}
.enereyOn .sub-section .apply_info .item .has_img {display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;gap: 6px 12px;}
.enereyOn .sub-section .apply_info .item .has_img .fig_img {display: block;height: 18px;}
.enereyOn .sub-section .apply_info .item .has_img.sm {gap: 6px;}
.enereyOn .sub-section .apply_info .item .has_img.sm .logo {max-width: 68px;}
.enereyOn .sub-section .apply_info .item .btn_go {display: flex;justify-content: center;align-items: center;gap: 2px;position: relative;width: 100%;height: 36px;margin-top: 16px;padding: 0 10px;border: 1px solid #E4E4E4;border-radius: 8px;font-size: 13px;font-weight: 600;color: #2D2D2D;text-align: center;background: #fff;}
.enereyOn .sub-section .apply_info .item .btn_go::after {content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/pages/energy-on/ico_arrow_right.svg) no-repeat 50% 50%;}


/*** 주택용 에너지캐시백 요금확인 ***/
.enereyOn .data_wrap {display: flex; flex-direction: column; gap: 96px;}
.enereyOn .data_wrap .data_box {display: flex; flex-direction: column;}
.enereyOn .data_wrap .data_box .data_talk {margin-bottom: -96px; display: flex; gap: 28px;}
.enereyOn .data_wrap .data_box .data_talk img {width: 250px;}
.enereyOn .data_wrap .data_box .data_talk .talk {padding: 32px 48px 32px 64px; border-radius: 48px; background-color: #fff; filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.12)); min-height: 180px; height: 100%; width: 100%; position: relative; z-index: 9; display: flex; justify-content: space-between;}
.enereyOn .data_wrap .data_box .data_talk .talk::before {content: ''; display: block; width: 58px; height: 30px; background: url(../images/pages/energy-on/img_talk_tail.png) no-repeat center; background-size: 100%; position: absolute; left: -20px; bottom: 13px;}
.enereyOn .data_wrap .data_box .data_talk .talk .tit {display: flex; flex-direction: column; gap: 12px;}
.enereyOn .data_wrap .data_box .data_talk .talk .tit strong {font-size: 40px; font-weight: 700; color: #002B7D;}
.enereyOn .data_wrap .data_box .data_talk .talk .tit p {font-size: 22px; font-weight: 500; color: #2d2d2d;}
.enereyOn .data_wrap .data_box .data_talk .num_select {display: flex; flex-direction: column; gap: 16px; border-left: 2px solid #F0F0F0; padding-left: 40px; width: 260px;}
.enereyOn .data_wrap .data_box .data_talk .num_select ul {display: flex; flex-direction: column; gap: 6px;}
.enereyOn .data_wrap .data_box .data_talk .num_select ul li {font-size: 15px; display: flex; align-items: center; gap: 12px; font-weight: 700;}
.enereyOn .data_wrap .data_box .data_talk .num_select ul li span {background: #F8F8F8; border-radius: 8px; width: 84px; font-weight: 400; padding: 4px; text-align: center;}
.enereyOn .data_wrap .data_box .data_talk .num_select button {height: 32px; border: 1px solid #94B8FF; border-radius: 8px; font-size: 13px !important; font-weight: 700; color: #0045C9; display: flex; align-items: center; justify-content: center; gap: 10.5px;}
.enereyOn .data_wrap .data_box .data_talk .num_select button::after {content: ''; display: inline-block; width: 5.7px; height: 5.7px; border-right: 1px solid #0045C9; border-bottom: 1px solid #0045C9; transform: rotate(-45deg);}
.enereyOn .data_wrap .data_box .txt_box {background-color: #fff;}
.enereyOn .data_wrap .data_box .txt_box + .txt_box {margin-top: 16px;}
.enereyOn .data_wrap .data_box .txt_box .tab {display: flex; gap: 8px; margin-bottom: 48px;}
.enereyOn .data_wrap .data_box .txt_box .tab li a {font-size: 15px; font-weight: 500; color: #555555; border: 1px solid #E4E4E4; background: #F8F8F8; padding: 8.5px 16px; border-radius: 12px;}
.enereyOn .data_wrap .data_box .txt_box .tab li a.on {color: #fff; background: #0053F2; border-color: #0053F2;}
.enereyOn .data_wrap .data_box .txt_box .sm_txt.star {display: block; padding-left: 21px; color: #555; position: relative; margin-bottom: 16px;}
.enereyOn .data_wrap .data_box .txt_box .sm_txt.star::before {content: "※"; position: absolute; top: 0; left: 0;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap {display: flex; gap: 64px; align-items: center; position: relative;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div {border: 1px solid #e4e4e4; border-radius: 16px; overflow: hidden; position: relative;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div:has(.after_tbl) {border-color: #D1E1FF !important;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table {border-top: 0;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr:last-child {border-bottom: 0;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr th,
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr td {padding: 10px;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap .before_tbl01 {width: 540px;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl01) .after_tbl {width: 600px;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap .before_tbl01 > * > tr {height: 50px;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl01)::before {content: '';display: block;width: 82px;height: 360px;background: url(../images/pages/energy-on/after_tbl_shadow.png) no-repeat center;position: absolute;left: 530px;top: 50%;transform: translateY(-50%);}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap .after_tbl th {background-color: #F7FAFF; color: #001E57;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap .after_tbl * {border-color: #D1E1FF;}
.enereyOn .data_wrap .data_box .txt_box .info_result {position: relative; margin-top: 64px;}
.enereyOn .data_wrap .data_box .txt_box .info_result::before {content: ''; display: block; width: 213px; height: 156px; background: url(../images/pages/energy-on/img_info_result.png) no-repeat center; background-size: 100%; position: absolute; left: 40px; bottom: 0;}
.enereyOn .data_wrap .data_box .txt_box .info_result p {background: #EFF5FF; border-radius: 24px; text-align: center; height: 100px; font-size: 22px; font-weight: 500; color: #2D2D2D; display: flex; align-items: center; justify-content: center; gap: 16px;}
.enereyOn .data_wrap .data_box .txt_box .info_result p strong {font-size: 36px; font-weight: 700; color: #0053F2;}
.enereyOn .data_wrap .data_box .txt_box .info_result p .mo_br {display: none;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 {position: relative; margin-top: 64px;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 p {background: #EFF5FF; border-radius: 24px; text-align: center; height: 100px; font-size: 22px; font-weight: 500; color: #2D2D2D; display: flex; align-items: center; justify-content: center; gap: 9px;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 p > span:nth-child(2) {display: flex; align-items: center; gap: 8px;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 p > span:nth-child(2) span {display: flex; align-items: center;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 p .blue {font-weight: 700; color: #0053F2;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 p strong {font-size: 36px; font-weight: 700; color: #0053F2;}
.enereyOn .data_wrap .data_box .txt_box .info_result2 p .mo_br {display: none;}

.enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl02) {gap: 40px;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr td input {width: 100%; height: 39px; border: 1px solid #E4E4E4; font-size: 15px !important; border-radius: 8px; padding: 8.5px 12px;}
.enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr td input::placeholder {color: #8E8E8E;}
.enereyOn .data_wrap .data_box .txt_box .btn_right {text-align: right; margin-top: 40px;}
.enereyOn .data_wrap .data_box .txt_box .btn_right button {background: #002B7D; min-width: 180px; color: #fff;}
.enereyOn .data_wrap .banner {background-color: #F1F2F7; padding: 40px 64px; margin-top: 24px; border-radius: 32px;}
.enereyOn .data_wrap .banner.type01 {background-image: url(../images/pages/energy-on/img_data_banner_char.png); background-position: right 88px bottom 23px; background-repeat: no-repeat; background-size: 244px;}
.enereyOn .data_wrap .banner h3 {font-size: 36px; font-weight: 700; color: #0038A3; margin-bottom: 4px;}
.enereyOn .data_wrap .banner p {font-size: 22px; margin-bottom: 40px;}
.enereyOn .data_wrap .banner button {font-weight: 600; height: 32px; border-radius: 8px; min-width: 107px; line-height: 16px;}





/**** 친환경e 생산거래 ****/
/*** 재생에너지 시뮬레이션 ***/
.enereyOn .sub-section .cnsr .txt_box .txt_list.check {gap: 24px;}
.enereyOn .sub-section .cnsr .txt_box .tb_tit {margin-bottom: 32px;font-size: 28px;}
.enereyOn .sub-section .cnsr .txt_box .txt_list.check > * > strong {font-size: 22px; font-weight: 600;}
.enereyOn .sub-section .cnsr .txt_box + .btn_eh_area {display: flex; justify-content: center; gap: 8px 16px;}
.enereyOn .sub-section .cnsr .txt_box + .btn_eh_area .rnw_btn_eh {min-width: 240px;font-size: 15px;font-weight: 700;}


/*** 지원 정보 찾기 ***/
/** tab **/
.enereyOn .prsr02 .tab_wrap > .tab_menu {display: flex; gap: 20px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu > li {width: 100%;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu {display: flex; flex-direction: column; gap: 16px;width: 100%;height: 100%;padding: 24px;border-radius: 24px;text-align: left;background: #fff;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu.active {background: #0038A3;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.24);}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu .fig_img {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100%;height: 120px;border-radius: 16px;background: #F8F8F8;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu .fig_img img {display: block;}
.enereyOn .prsr02 .tab_wrap > .tab_menu li:nth-child(1) .js_tmenu .fig_img img {max-width: 86px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu li:nth-child(2) .js_tmenu .fig_img img {max-width: 142px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu li:nth-child(3) .js_tmenu .fig_img img {max-width: 49px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu li:nth-child(4) .js_tmenu .fig_img img {max-width: 80px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu li:nth-child(5) .js_tmenu .fig_img img {max-width: 86px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu .cont {display: flex;flex-direction: column;align-items: flex-start;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu .tit {display: block;width: 100%;font-size: 22px;font-weight: 700;color: #2D2D2D; text-align: center; margin-bottom: 24px;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu .tit .mo_br {display: none;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu .txt {display: block;width: 100%;margin-top: 12px;font-size: 15px;font-weight: 400;color: #555555;word-break: break-all;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .badge {gap: 6px;min-width: 100%;min-height: 34px;margin-top: auto;padding: 2px 16px;font-weight: 600;color: #0045C9;letter-spacing: 0;background: #EFF5FF;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .badge::after {content: '';display: inline-block;min-width: 12px;width: 12px;height: 12px;background: url(../images/pages/energy-on/ico_arrow_sm_b.svg) no-repeat 50% 50%;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu:not(:hover, .active) .badge::after {display: none;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu.active .fig_img {background: #fff;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu.active .cont * {color: #fff;}
.enereyOn .prsr02 .tab_wrap > .tab_menu .js_tmenu.active .badge {border-color: #fff;color: #0053F2;background: #fff;}
.enereyOn .prsr02 .tab_cont {margin-top: 48px;}
.enereyOn .prsr02 .tab_cont > .txt_box .tb_tit {margin-bottom: 24px;font-size: 28px;}
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check {gap: 24px;}
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * {background-position: left top calc(((22px * 1.5) - 16px) / 2);}
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > strong {display: block;font-size: 22px;font-weight: 600;}
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > .txt_list.spot {gap: 4px;}
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > .txt_list.spot > li,
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > p {display: block;font-size: 19px;font-weight: 400;color: #555555;}
.enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > strong + p {margin-top: 6px;}
.enereyOn .prsr02 .tab_cont > .txt_box + .btn_eh_area {display: flex;justify-content: center;gap: 8px 16px;}
.enereyOn .prsr02 .tab_cont > .txt_box + .btn_eh_area .rnw_btn_eh {min-width: 240px;font-size: 15px;font-weight: 700;}
.enereyOn .prsr02 .tab_cont .dg_box {background: #fff; padding: 48px; border-radius: 24px; border: 1px solid #D8D8D8; margin-top: 12px; margin-left: -12px;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap {display: flex; gap: 45px;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .ct {width: 120px; height: 210px; background: rgba(246, 187, 33, .1); border: 1px solid #f6bb21; color: #C67D09; font-size: 17px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 8px;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt,
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt {width: calc((100% - 210px) / 2); display: flex; gap: 35px; align-items: flex-start; position: relative;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt {flex-direction: row-reverse;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .dg_tit {text-align: center; font-size: 17px; border: 2px solid #4e83e3; border-radius: 8px; width: 200px; height: 89px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .dg_tit::after {content: ''; position: absolute; display: block; width: 37px; height: 2px; top: 50%; transform: translateY(-50%);}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .dg_tit::before {content: ''; position: absolute; display: block; width: 1px; height: 28px; bottom: -29px; left: 50%; transform: translateX(-50%);}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .dg_tit::after {background: #4E83E3; right: -37px;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .dg_tit::after {background: #7376F4; left: -37px;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .dg_tit::before {background: #4E83E3;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .dg_tit::before {background: #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .dg_tit {border: 2px solid #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .dg_tit strong {font-weight: 700; color: #002B7D;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .dg_tit strong {font-weight: 700; color: #0D109C;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .tree {position: absolute; display: flex; align-items: center; gap: 16px; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%);}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .tree::before {content: ''; display: block; width: calc((100% + 168px) / 2); height: 1px; position: absolute; top: -28px; left: 50%; transform: translateX(-50%);}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .tree::before {background: #4E83E3;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .tree::before {background: #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .tree li {width: calc((100% - 32px) / 3); border-radius: 8px; height: 66px; font-size: 15px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .tree li {background: rgba(88, 161, 255, 0.10); color: #002B7D;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .tree li {background: rgba(115, 118, 244, 0.10); color: #0D109C;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .tree li::before {content:''; width: 1px; height: 28px; position: absolute; top: -28px; left: 50%; transform: translateX(-50%);}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .tree li::before { background: #4E83E3;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .tree li::before { background: #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_list {display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: #555; border: 1px solid #4E83E3; border-top: 0; border-bottom: 0; padding: 0 12px; margin: 13px 0; width: calc(100% - 235px); position: relative;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_list::after {content: ''; position: absolute; width: 34px; height: 2px; top: 50%; transform: translateY(-50%);}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_list::after {right: -34px; background: #4E83E3;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_list::after {left: -34px; background: #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_list::before{content: ""; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #4E83E3;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_list::before{content: ""; position: absolute; left: -35px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_list {border-color: #7376F4;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_list li {position: relative; padding-left: 8px;}
.enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_list li::before {content: ''; position: absolute; top: 6.5px; left: 0; display: block; width: 3px; height: 3px; border-radius: 50%; background: #555555;}
.enereyOn .prsr02 .tab_cont .no_data {font-size: 19px; font-weight: 600; color: #2d2d2d; display: flex; align-items: center; justify-content: center; gap: 40px; flex-direction: column; padding: 96px 48px;}
.enereyOn .prsr02 .tab_cont .no_data::before {content: ''; display: block; width: 100px; height: 100px; background: url(../images/pages/energy-on/img_no_data.png) no-repeat center; background-size: 100%;}

/** prc_list **/
.enereyOn .prc_img {margin-bottom: 96px; width: 100%;}
.enereyOn .prc_list {display: flex; gap: 41px; margin-bottom: 48px;}
.enereyOn .prc_list li {background: #fff; border: 1px solid #D8D8D8; border-radius: 24px; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 25%; gap: 16px; position: relative;}
.enereyOn .prc_list li + li::after {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; position: absolute; top: 50%; transform: translateY(-50%); left: -36px;}
.enereyOn .prc_list li > strong {color: #002B7D; font-weight: 700; font-size: 17px; margin-top: 8px;}
.enereyOn .prc_list li p {background: #F8F8F8; font-size: 15px; font-weight: 500; display: block; width: 100%; text-align: center; border-radius: 12px; color: #2D2D2D; padding: 12px; height: 100%; display: flex; align-items: center; justify-content: center;}
.enereyOn .prc_list li p b {font-weight: 400;}
.enereyOn .prc_list li .half_p {display: flex; flex-direction: column; gap: 8px; width: 100%;}
.enereyOn .prc_list li p:has(span) {gap: 30px; display: flex; flex-direction: column;}
.enereyOn .prc_list li p span {position: relative;}
.enereyOn .prc_list li p span + span::before {content: ''; display: block; width: 22px; height: 30px; background: url(../images/pages/energy-on/angle_right_gradient.png) no-repeat center; background-size: 100%; position: absolute; top: -30px; left: 50%; transform: translateX(-50%) rotate(90deg);}

/** flowchart **/
.enereyOn .flowchart {display: flex; flex-direction: column; gap: 40px;}
.enereyOn .flowchart .flow_box {position: relative;}
.enereyOn .flowchart .flow_box .f_tit {background: #fff; border-radius: 50px; border: 1px solid #ccc; font-size: 19px; font-weight: 700; text-align: center; height: 56px; display: flex; align-items: center; justify-content: center; gap: 8px;}
.enereyOn .flowchart .flow_box .f_tit::before {content: ''; display: block; width: 24px; height: 24px;} 
.enereyOn .flowchart .flow_box .f_tit.f01 {border-color: #3379FF; color: #3379FF;}
.enereyOn .flowchart .flow_box .f_tit.f01::before {background: url(../images/pages/energy-on/ico_flow_f01.svg) no-repeat center;}
.enereyOn .flowchart .flow_box .f_tit.f02 {border-color: #0045C9; color: #0045C9;}
.enereyOn .flowchart .flow_box .f_tit.f02::before {background: url(../images/pages/energy-on/ico_flow_f02.svg) no-repeat center;}
.enereyOn .flowchart .flow_box .f_tit.f03 {border-color: #001E57; color: #001E57;}
.enereyOn .flowchart .flow_box .f_tit.f03::before {background: url(../images/pages/energy-on/ico_flow_f03.svg) no-repeat center;}
.enereyOn .flowchart .flow_box .f_tit.f04 {border-color: #7376F4; color: #0D109C; background: #F4F4FF;}
.enereyOn .flowchart .flow_box .f_tit.f04::before {background: url(../images/pages/energy-on/ico_flow_f04.svg) no-repeat center;}
.enereyOn .flowchart .flow_box .f_tit.mo {display: none;}
.enereyOn .flowchart .flow_box .f_tit .mo_br {display: none;}
.enereyOn .flowchart .flow_box:has(.f_tit.f04) {width: calc((100% - 130px) / 3);}
.enereyOn .flowchart .flow_box:has(.f_tit.f04)::before {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; transform: rotate(90deg) translateY(50%); position: absolute; top: -38px; left: 50%;}
.enereyOn .flowchart .flow_box:has(.f_tit.f04)::after {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; transform: rotate(90deg) translateY(50%); position: absolute; bottom: -38px; left: 50%;}
.enereyOn .flowchart .flow_box ol {display: flex; gap: 65px;}
.enereyOn .flowchart .flow_box ol > li {width: calc((100% - 130px) / 3); display: flex; flex-direction: column; gap: 32px;}
.enereyOn .flowchart .flow_box ol > li ul {display: flex; flex-direction: column; gap: 40px;}
.enereyOn .flowchart .flow_box ol > li ul li {padding: 16px; background: #fff; border: 1px solid #D8D8D8; border-radius: 24px; position: relative;}
.enereyOn .flowchart .flow_box ol > li ul li + li::before {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; transform: rotate(90deg) translateY(50%); position: absolute; top: -38px; left: 50%;}
.enereyOn .flowchart .flow_box ol > li ul li .step {background: #F8F8F8; border-radius: 12px; font-size: 15px; font-weight: 500; text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; gap: 5px;}
.enereyOn .flowchart .flow_box ol > li ul li .step b {font-weight: 700;}
.enereyOn .flowchart .flow_box ol > li ul li .txt {font-size: 17px; font-weight: 700; padding: 16px 0 8px; text-align: center;}
.enereyOn .flowchart .flow_box ol > li ul li .txt.blue {color: #002B7D;}
.enereyOn .flowchart .flow_box:last-child ol > li:last-child ul {margin-top: 163.5px;}
.enereyOn .flowchart .flow_box:last-child ol > li:last-child ul li::before {content: ''; display: block; width: 36px; height: 270px; background: url(../images/pages/energy-on/img_prc_arrow_b_long.png) no-repeat center; position: absolute; top: -282px; left: 50%; transform: translateX(-50%);}


/*** 거래유형찾기 ***/
.enereyOn .visual_wrap .tit span.pc_none {display: none;}
.enereyOn .visual_wrap .tit span.mo_none {display: inherit;}

/** sub_top_wrap **/
.enereyOn .energy_on_03 {padding-top: 0;}
.enereyOn .sub-section[data-current-page=energy-on-03] {padding-top: 0;}
.enereyOn .sub-section .sub_top_wrap {display: block;padding: 72px 0 65px;border-top: 2px solid #2D2D2D;}
.enereyOn .sub-section .sub_top_wrap .fig_img {display: block; height: 260px;}
.enereyOn .sub-section .sub_top_wrap .fig_img img {display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.enereyOn .sub-section .sub_top_wrap .txt {display: block;margin-top: 16px;font-size: 28px;font-weight: 500;color: #2D2D2D;text-align: center;}
.enereyOn .sub-section .sub_top_wrap .txt .blue {color: #0045C9; font-weight: 700;}

/** term_list **/
.enereyOn .term_list .f_box {width:100% !important; border: 1px solid #8E8E8E;border-radius: 24px;background: #fff;}
.enereyOn .term_list .f_box + .f_box {margin-top: 16px;}
.enereyOn .term_list .f_box * {font-family: "Pretendard GOV", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

/* f_head */
.enereyOn .term_list .f_head button {display: flex;justify-content: space-between;align-items: center;gap: 16px;width: 100%;padding: 24px 40px;border-radius: 24px;}
.enereyOn .term_list .f_head button:disabled {cursor: auto;}
.enereyOn .term_list .f_head i {display: inline-flex !important;min-width: 24px;width: 24px;height: 24px;background-color: #717171;transition: 0.2s;}
.enereyOn .term_list .f_head .tit {display: inline-flex;align-items: center;gap: 16px;font-size: 22px;font-weight: 700;color: #1D1D1D;}
.enereyOn .term_list .f_head .rbox {display: flex;align-items: center;gap: 24px;}
.enereyOn .term_list .f_head .tag_list {display: flex;gap: 12px;}
.enereyOn .term_list .f_head .tag_list > * {display: inline-flex;justify-content: center;align-items: center;min-width: 70px;height: 32px;padding: 0 16px;border-radius: 8px;font-size: 13px;font-weight: 400;color: #555555;background: #F8F8F8;}

/* f_head - icon */
.enereyOn .term_list .f_head .tit::before {content: '';display: inline-block;min-width: 32px;width: 32px;height: 32px;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
.enereyOn .term_list .f_head .tit.i01::before {background-image: url(../images/pages/energy-on/img_fhead_t01.svg);}
.enereyOn .term_list .f_box:not(.active, .fill) .f_head .tit.i01::before {background-image: url(../images/pages/energy-on/img_fhead_t01_dis.svg);}
.enereyOn .term_list .f_head .tit.i02::before {background-image: url(../images/pages/energy-on/img_fhead_t02.svg);}
.enereyOn .term_list .f_box:not(.active, .fill) .f_head .tit.i02::before {background-image: url(../images/pages/energy-on/img_fhead_t02_dis.svg);}
.enereyOn .term_list .f_head .tit.i03::before {background-image: url(../images/pages/energy-on/img_fhead_t03.svg);}
.enereyOn .term_list .f_box:not(.active, .fill) .f_head .tit.i03::before {background-image: url(../images/pages/energy-on/img_fhead_t03_dis.svg);}
.enereyOn .term_list .f_head .tit.i04::before {background-image: url(../images/pages/energy-on/img_fhead_t04.svg);}
.enereyOn .term_list .f_box:not(.active, .fill) .f_head .tit.i04::before {background-image: url(../images/pages/energy-on/img_fhead_t04_dis.svg);}

/* f_cont */
.enereyOn .term_list .f_cont {padding: 0 40px 32px;}
.enereyOn .term_list .f_cont .inner {padding: 24px 40px;border-radius: 16px 16px 0 0;background: #EFF5FF;}
.enereyOn .term_list .f_cont .btn_eh_area,
.enereyOn .term_list .f_cont .btn_eh_area {display: flex;justify-content: flex-end;gap: 8px;margin: 0;padding: 0 40px 32px;border-radius: 0 0 16px 16px;background: #EFF5FF;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh {display: inline-flex;justify-content: center;align-items: center;min-width: 80px;width: auto;min-height: 32px;height: auto;padding: 0 14px;border: 1px solid transparent;border-radius: 8px;font-size: 13px !important;font-weight: 600;text-indent: 0;transform: none;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_prev,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_prev {border-color: #E4E4E4;color: #717171;background: #fff !important;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_prev:hover,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_prev:hover {background: #F0F0F0 !important;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_prev:active,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_prev:active {background: #E4E4E4 !important;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_next,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_next {color: #fff;background: #0038A3 !important;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_next:hover,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_next:hover {background: #002B7D !important;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_next:active,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh_next:active {background: #001E57 !important;}
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh:disabled,
.enereyOn .term_list .f_cont .btn_eh_area .btn_eh:disabled {color: #C6C6C6;background: #F0F0F0 !important;cursor: auto;}

/* f_cont - form */
.enereyOn .term_list .f_cont .form-item-row {gap: 16px 64px;margin: 0;}
.enereyOn .term_list .f_cont .form-item {display: flex;align-items: center;gap: 8px 20px;max-width: none;padding: 0;}
.enereyOn .term_list .f_cont .form-title {min-width: 80px;padding: 0;font-size: 19px;font-weight: 500;color: #2D2D2D;}
.enereyOn .term_list .f_cont .form-input-item {width: 100%;}
.enereyOn .term_list .f_cont .form-item .w2selectbox,
.enereyOn .term_list .f_cont .form-item select {display: flex;align-items: center;width: 100%;padding: 0 48px 0 16px;height: 48px;border: 1px solid #D8D8D8;border-radius: 8px;font-size: 17px;font-weight: 400;color: #2D2D2D;appearance: none;background: #fff url(../images/pages/energy-on/ico_arrow_sm.svg) no-repeat right 16px center;}
.enereyOn .term_list .f_cont .form-item select:invalid {color: #C6C6C6;}
.enereyOn .term_list .f_cont .form-item select option {color: #2D2D2D;}
.enereyOn .term_list .f_cont .chk > .w2checkbox {width: calc((100% - (48px * 3)) / 4);}
.enereyOn .term_list .f_cont .chk > .w2radio {width: 100%;}
.enereyOn .term_list .f_cont .chk > .w2radio .w2radio_row {width: calc((100% - (48px * 3)) / 4);}
.enereyOn .term_list .f_cont .form-item .w2selectbox .w2selectbox_label { font-size: 17px; font-weight: 400; text-align: left; }
.enereyOn .term_list .f_cont .form-item .w2selectbox .w2selectbox_col_button { display: none; }

/* show & hide */
.enereyOn .term_list .f_box:not(.active, .fill) {border-color: #E4E4E4;background: #F8F8F8;}
.enereyOn .term_list .f_box.active:not(.close) .f_head i {transform: rotate(180deg);}
.enereyOn .term_list .f_box:not(.active, .fill) .f_head i {background-color: #C6C6C6;}
.enereyOn .term_list .f_box:not(.active, .fill) .f_head .tit {color: #8E8E8E;}
.enereyOn .term_list .f_box:not(.active) .f_cont,
.enereyOn .term_list .f_box.active.close .f_cont {display: none;}

/* btn_eh_area */
.enereyOn .term_list > .btn_eh_area,
.enereyOn .term_list > .btn_eh_area {display: flex;justify-content: center;gap: 16px;margin-top: 40px;}
.enereyOn .term_list > .btn_eh_area .rnw_btn_eh,
.enereyOn .term_list > .btn_eh_area .rnw_btn_eh {flex: 1;gap: 10px;max-width: 240px;}
.enereyOn .term_list > .btn_eh_area .rnw_btn_eh.border-blue i,
.enereyOn .term_list > .btn_eh_area .rnw_btn_eh[data-color=border-blue] i {background-color: #0045C9;}

/** prsr_card_list **/
.enereyOn .prsr_card_list {margin-top: 96px;}
.enereyOn .prsr_card_list > .top {display: flex;justify-content: space-between;margin-bottom: 24px;}
.enereyOn .prsr_card_list > .top .total {font-size: 15px;font-weight: 400;color: #2D2D2D;}
.enereyOn .prsr_card_list > .top .total .cnt {font-weight: 700;}
.enereyOn .prsr_card_list > .top .grid_type {display: flex;gap: 16px;}
.enereyOn .prsr_card_list > .top .grid_type [class*="grid"] {display: inline-block;min-width: 24px;width: 24px;height: 24px;}
.enereyOn .prsr_card_list > .top .grid_type [class*="grid"]::after {content: '';display: block;width: 100%;height: 100%;}
.enereyOn .prsr_card_list > .top .grid_type [class*="grid"]:not(.on)::after {opacity: 0.34;}
.enereyOn .prsr_card_list > .top .grid_type .grid01::after {background: url(../images/pages/energy-on/ico_grid01.svg) no-repeat 50% 50%;}
.enereyOn .prsr_card_list > .top .grid_type .grid02::after {background: url(../images/pages/energy-on/ico_grid02.svg) no-repeat 50% 50%;}
.enereyOn .prsr_card_list > .top .grid_type .grid03::after {background: url(../images/pages/energy-on/ico_grid03.svg) no-repeat 50% 50%;}
.enereyOn .prsr_card_list > .pagination {margin-top: 48px;}
.enereyOn .prsr_card_list > .btn_eh_more,
.enereyOn .prsr_card_list > .btn_eh_more {gap: 12px;width: 100%;min-height: 48px;margin-top: 24px;border-radius: 16px;font-size: 15px;font-weight: 700;color: #1D1D1D;}
.enereyOn .prsr_card_list > .btn_eh_more.hide,
.enereyOn .prsr_card_list > .btn_eh_more.hide {display: none;}
.enereyOn .prsr_card_list > .btn_eh_more i,
.enereyOn .prsr_card_list > .btn_eh_more i {width: 16px;height: 16px;background-color: #717171;}

/* card_list */
.enereyOn .prsr_card_list .card_list {display: flex;flex-wrap: wrap;gap: 24px 20px;}
.enereyOn .prsr_card_list .card_list > li {display: flex;flex-direction: column;position: relative;width: calc((100% - 40px) / 3);padding: 24px;border: 1px solid #E4E4E4;border-radius: 24px;word-break: break-all;background: #fff;}
.enereyOn .prsr_card_list .card_list.grid01 span.mo_none {display: none;}

/* card_top */
.enereyOn .prsr_card_list .card_list .card_top {height: 100%;}
.enereyOn .prsr_card_list .card_list .card_top .badges {display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 32px;}
.enereyOn .prsr_card_list .card_list .card_top .title *:nth-child(1) {display: block;font-size: 22px;font-weight: 700;color: #1D1D1D;}
.enereyOn .prsr_card_list .card_list .card_top .title *:nth-child(2) {min-height: calc((17px * 1.5) * 3);margin-top: 8px;font-size: 17px;font-weight: 400;color: #717171;}
.enereyOn .prsr_card_list .card_list .card_top .info {margin-top: 24px;}
.enereyOn .prsr_card_list .card_list .card_top .info dl {display: flex;gap: 8px;font-size: 15px;font-weight: 400;color: #2D2D2D;}
.enereyOn .prsr_card_list .card_list .card_top .info dl + dl {margin-top: 6px;}
.enereyOn .prsr_card_list .card_list .card_top .info dt {min-width: 60px;}
.enereyOn .prsr_card_list .card_list .card_top .info dd {font-weight: 700; word-break: keep-all;}

/* card_btm */
.enereyOn .prsr_card_list .card_list .card_btm {display: flex;flex-direction: column;margin-top: 40px;}
.enereyOn .prsr_card_list .card_list .card_btm .info {margin-bottom: 24px;}
.enereyOn .prsr_card_list .card_list .card_btm .info dt {display: block;font-size: 17px;font-weight: 700;color: #2D2D2D;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd {display: flex;justify-content: space-between;align-items: center;gap: 6px;min-height: calc(32px * 1.5);margin-top: 6px;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd .badge {border-radius: 12px;font-weight: 400;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd > *:last-child {margin-left: auto;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd > *:not(.badge) {position: relative;font-size: 19px;font-weight: 700;color: #555555;text-align: right;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd > *:not(.badge) .sm {font-size: 17px;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd .res {font-size: 32px;font-weight: 700;color: #0053F2;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd .rows {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd .rows::after {content: '';order: 1;display: inline-block;width: 1px;height: 24px;background: #D8D8D8;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd .rows p:first-child {order: 0;}
.enereyOn .prsr_card_list .card_list .card_btm .info dd .rows p:last-child {order: 2;}
.enereyOn .prsr_card_list .card_list .card_btm .btn_eh_area {display: flex;gap: 12px;margin-top: auto;}
.enereyOn .prsr_card_list .card_list .card_btm .btn_eh_area > * {flex: 1;display: inline-flex;justify-content: center;align-items: center;position: relative;min-height: 40px;padding: 0.5666666667em 1.0666666667em;font-size: 15px !important;font-weight: 600;border-radius: 8px;}
.enereyOn .prsr_card_list .card_list > li:is(.active) {display: "";}
.enereyOn .prsr_card_list .card_list > li:not(.active) {display: none;}


/*** 재생에너지 이야기 ***/
/** cnt_tit **/
.enereyOn .cnt_tit {margin: 96px 0; text-align: center;}
.enereyOn .cnt_tit h2 {font-size: 64px; color: #002B7D; font-weight: 700; word-break: keep-all;}
.enereyOn .cnt_tit h2 .mo_br {display: none;}
.enereyOn .cnt_tit h2 span {font-weight: 500; color: #2d2d2d; font-size: 56px;}
.enereyOn .cnt_tit p {font-size: 28px; font-weight: 500; color: #2D2D2D; margin-top: 8px;}

/** info_list **/
.info_list > li:has(.box_list) {border-radius: 160px; padding-bottom: 88px;}
.enereyOn .info_list > li .desc_box .box_list {display: flex; flex-wrap: wrap; gap: 39px; margin-top: 48px;}
.enereyOn .info_list > li .desc_box .box_list > li {width: calc((100% - (39px * 2)) / 3); border: 1px solid #E4E4E4; border-radius: 24px; padding: 20px 16px 16px; min-height: 188px; display: flex; align-items: center; flex-direction: column; position: relative;}
.enereyOn .info_list > li .desc_box .box_list > li::after {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_box_arrow_r.png) no-repeat center; position: absolute; top: 50%; transform: translateY(-50%); right: -37.5px;}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(3)::after {top: 100%; transform: rotate(90deg) translateY(-50%); right: 50%;}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(4)::after {content: none;}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(5)::after,
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(6)::after {transform: rotate(180deg) translateY(50%);}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(4) {order: 6;}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(5) {order: 5;}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(6) {order: 4;}
.enereyOn .info_list > li .desc_box .box_list > li strong {font-size: 17px; font-weight: 700; color: #002B7D; margin-bottom: 2px;}
.enereyOn .info_list > li .desc_box .box_list > li span {font-size: 13px; font-weight: 500; color: #555555; margin-bottom: 16px;}
.enereyOn .info_list > li .desc_box .box_list > li ul {display: flex; flex-direction: column; gap: 8px; width: 100%; min-height: 158px;}
.enereyOn .info_list > li .desc_box .box_list > li ul li {font-size: 15px; font-weight: 500; color: #2d2d2d; border-radius: 16px; background-color: #F7FAFF; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8.5px;}
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(4) ul,
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(5) ul,
.enereyOn .info_list > li .desc_box .box_list > li:nth-child(6) ul {min-height: 88px;}

/** status_wrap **/
.enereyOn .sub-section .status_wrap {display: flex; justify-content: space-between;}
.enereyOn .sub-section .status_wrap .txt_box {width: calc(100% - 350px); padding: 2.4rem;}
.enereyOn .sub-section .status_wrap .txt_box ul {display: flex; flex-wrap: wrap; gap: 16px;}
.enereyOn .sub-section .status_wrap .txt_box ul li {width: calc((100% - (24px / 1)) / 2); background: #F7FAFF; padding: 16px 24px; border: 1px solid #D1E1FF; border-radius: 16px; display: flex; flex-direction: column; gap: 14px;}
.enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap {position: relative; padding-left: 68px;}
.enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap::before {content: ''; display: block; width: 56px; height: 56px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.enereyOn .sub-section .status_wrap .txt_box ul li:nth-child(1) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status01.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box ul li:nth-child(2) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status02.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box ul li:nth-child(3) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status03.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box ul li:nth-child(4) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status04.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap strong {font-size: 22px; font-weight: 700; color: #001E57; margin-bottom: 2px; display: block;}
.enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap p {font-size: 15px; font-weight: 400; color: rgba(0, 43, 125, .8);}
.enereyOn .sub-section .status_wrap .txt_box ul li .count {text-align: right; font-size: 19px; font-weight: 500; color: rgba(51, 121, 255, .8);}
.enereyOn .sub-section .status_wrap .txt_box ul li .count strong {font-size: 40px; font-weight: 700; color: #0053F2; margin-right: 8px;}
.enereyOn .sub-section .status_wrap .txt_box ul li .count .w2textbox {font-size: 19px; font-weight: 500; color: rgba(51, 121, 255, .8);}
.enereyOn .sub-section .status_wrap .btn_wrap {display: flex; flex-direction: column; width: 310px; gap: 24px;}
.enereyOn .sub-section .status_wrap .btn_wrap button {text-align: left; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); padding: 32px; border-radius: 24px; height: 50%; display: flex; align-items: flex-start;}
.enereyOn .sub-section .status_wrap .btn_wrap button:nth-child(1) {background: #fff url(../images/pages/energy-on/status_btn03.png) no-repeat right 24px bottom 28px; background-size: 62px;}
.enereyOn .sub-section .status_wrap .btn_wrap button:nth-child(2) {background: #fff url(../images/pages/energy-on/status_btn01.png) no-repeat right 24px bottom 32px; background-size: 54px;}
.enereyOn .sub-section .status_wrap .btn_wrap button .cont .tit {font-size: 24px; font-weight: 700; color: #1D1D1D;}
.enereyOn .sub-section .status_wrap .txt_box.sm {width: calc(100% - 440px); padding: 4rem;}
.enereyOn .sub-section .status_wrap .txt_box.sm ul li:nth-child(1) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status05.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box.sm ul li:nth-child(2) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status06.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box.sm ul li:nth-child(3) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status07.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .txt_box.sm ul li:nth-child(4) .tit_wrap::before {background: #fff url(../images/pages/energy-on/ico_status08.svg) no-repeat center;}
.enereyOn .sub-section .status_wrap .map {width: 418px; background: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; border-radius: 24px; overflow: hidden; font-size: 22px; font-weight: 700; color: #D8D8D8;}





/**** 전력시장 참여 ****/
/*** 전력사용시간대변경 ***/
.enereyOn .main_btn_wrap {display: flex; align-items: center; justify-content: space-between; position: relative; margin-top: 193px;}
.enereyOn .main_btn_wrap::before {content: ''; display: block; width: 800px; height: 280px; background: url(../images/pages/energy-on/img_tbplans02.png) no-repeat center; background-size: 100%; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);} 
.enereyOn .main_btn_wrap::after {content: ''; display: block; width: 394px; height: 280px; background: url(../images/pages/energy-on/img_tbplans01.png) no-repeat center; background-size: 100%; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);} 
.enereyOn .main_btn_wrap .btn_box {display: flex; align-items: flex-end; position: relative; overflow: hidden; height: 111px; width: calc(((100% - 60px) / 2) - 160px);}
.enereyOn .main_btn_wrap .btn_box img {position: absolute; z-index: 9;}
.enereyOn .main_btn_wrap .btn_box img.mo {display: none;}
.enereyOn .main_btn_wrap .btn_box:first-child img {width: 92px; left: 34px; bottom: -12px;} 
.enereyOn .main_btn_wrap .btn_box:nth-child(2) img {width: 148px; right: 16px; bottom: -15px;} 
.enereyOn .main_btn_wrap .btn_box:hover img {animation: floatY 1.5s ease-in-out infinite;}
.enereyOn .main_btn_wrap .btn_box .btn {background: #002B7D !important; background-size: 24px !important; color: #fff; min-width: 100%; height: 56px; border-radius: 50px; font-size: 17px !important; font-weight: 700; position: relative; text-align: left; display: flex; align-items: center; gap: 12px;}
.enereyOn .main_btn_wrap .btn_box:nth-child(1) .btn {padding-left: 130px;}
.enereyOn .main_btn_wrap .btn_box:nth-child(2) .btn {padding-left: 100px;}
.enereyOn .main_btn_wrap .btn_box .btn::after {content: ''; display: block; width: 32px; height: 20px; background: url(../images/pages/energy-on/ico_tbplans_arrow.svg) no-repeat center;}

@keyframes floatY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

.enereyOn .plans_wrap {margin-top: 136px; display: flex; flex-direction: column; gap: 40px;}
.enereyOn .plans_wrap .plans_box {display: flex; gap: 20px;}
.enereyOn .plans_wrap .plans_box > div {padding: 48px;}
.enereyOn .plans_wrap .plans_box .lt {width: 380px; background: #EFF5FF; border-radius: 40px; position: relative; padding: 48px 0 0; position: relative; z-index: 0; display: flex; gap: 16px; flex-direction: column;}
.enereyOn .plans_wrap .plans_box .lt::after {content: ''; display: block; width: 128px; height: 110px; background: url(../images/pages/energy-on/plans_mask_lt.png) no-repeat center; position: absolute; bottom: 0; right: 0; background-size: 100%; z-index: -1;}
.enereyOn .plans_wrap .plans_box .lt p {font-size: 22px; font-weight: 500; text-align: center;}
.enereyOn .plans_wrap .plans_box .lt p strong {font-size: 32px; font-weight: 700; color: #0045C9;}
.enereyOn .plans_wrap .plans_box .lt img {width: 100%;}
.enereyOn .plans_wrap .plans_box .lt img.mo {display: none;}
.enereyOn .plans_wrap .plans_box .rt {width: calc(100% - 400px); background: #F8F8F8; border-radius: 40px 40px 40px 0; position: relative;}
.enereyOn .plans_wrap .plans_box .rt::after {content: ''; display: block; width: 76px; height: 110px; background: url(../images/pages/energy-on/plans_mask_rt.png) no-repeat center; position: absolute; bottom: 0; left: -76px; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .sm_txt {margin-top: 12px; display: block; margin-bottom: 16px;}
.enereyOn .plans_wrap .plans_box .rt .md_txt {position: relative; padding-left: 88px; display: block; line-height: 26px; margin-top: 8px;}
.enereyOn .plans_wrap .plans_box .rt .badge {border-radius: 50px; min-width: 76px; height: 26px; position: absolute; top: 0; left: 0; gap: 4px;}
.enereyOn .plans_wrap .plans_box .rt .badge.bd {font-size: 15px; font-weight: 700;}
.enereyOn .plans_wrap .plans_box .rt .badge.blue {color: #fff; background-color: #0038A3;}
.enereyOn .plans_wrap .plans_box .rt .badge.why::before {content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/pages/energy-on/ico_light.png) no-repeat center; background-size: 100%;} 
.enereyOn .plans_wrap .plans_box .rt .box_list {display: flex; gap: 24px; margin-top: 8px;}
.enereyOn .plans_wrap .plans_box .rt .box_list li {width: 100%; text-align: center; display: flex; flex-direction: column; gap: 12px;}
.enereyOn .plans_wrap .plans_box .rt .box_list li .box {background: #fff; border-radius: 16px; padding: 24px;}
.enereyOn .plans_wrap .plans_box .rt .box_list li .box .txt {font-size: 15px; color: #2d2d2d; margin-bottom: 12px;}
.enereyOn .plans_wrap .plans_box .rt .box_list li .box .txt b {font-weight: 700;}
.enereyOn .plans_wrap .plans_box .rt .box_list li strong {font-size: 17px; font-weight: 700; color: #2d2d2d;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det {display: flex; position: relative; gap: 84px; justify-content: center;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det::before {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_box_arrow_r.png) no-repeat center; position: absolute; top: 26px; left: 50%; transform: translateX(-50%);}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det li {width: 89px; display: flex; flex-direction: column; gap: 5px; font-size: 15px; font-weight: 700;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det li::before {content: ''; display: block; width: 89px; height: 89px;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det.red li {color: #B81818;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det.red li:nth-child(1)::before {background: url(../images/pages/energy-on/img_tbplans_det01.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det.red li:nth-child(2)::before {background: url(../images/pages/energy-on/img_tbplans_det02.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det.blue li {color: #0053F2;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det.blue li:nth-child(1)::before {background: url(../images/pages/energy-on/img_tbplans_det03.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det.blue li:nth-child(2)::before {background: url(../images/pages/energy-on/img_tbplans_det04.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box {display: flex; justify-content: space-between; padding: 34px 30px;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box::before {content: ''; display: block; width: 84px; height: 92px;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li:nth-child(1) .box::before {background: url(../images/pages/energy-on/img_tbplans_timer01.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li:nth-child(2) .box::before {background: url(../images/pages/energy-on/img_tbplans_timer02.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li:nth-child(3) .box::before {background: url(../images/pages/energy-on/img_tbplans_timer03.png) no-repeat center; background-size: 100%;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box .det {display: flex; flex-direction: column; gap: 28px; position: relative;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box .det::before {content: ''; display: block; width: 20px; height: 20px; background: url(../images/pages/energy-on/img_box_arrow_r.png) no-repeat center; background-size: 100%; position: absolute; top: 27px; left: 50%; transform: translateX(-50%) rotate(90deg);}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box .det p {font-size: 15px; color: #555;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box .det strong {font-size: 17px; font-weight: 700; padding: 7px 18.5px; border-radius: 50px;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box .det strong.blue {border: 1px solid #D1E1FF; background: #F7FAFF; color: #0045C9;}
.enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box .det strong.red {border: 1px solid #D1E1FF; background: #F7FAFF; color: #B81818;}
.enereyOn .plans_wrap .plans_box .rt .tbl_wrap {margin-top: 12px;}
.enereyOn .plans_wrap .plans_box .rt .data_tbl th {background-color: #f0f0f0;}
.enereyOn .plans_wrap .plans_box .rt .data_tbl td {padding: 15.5px;}
.enereyOn .plans_wrap .plans_box .rt .data_tbl td strong {font-weight: 700;}
.enereyOn .plans_wrap .plans_box .rt .data_tbl td strong.blue {color: #0053F2;}
.enereyOn .plans_wrap .plans_box .rt .data_tbl td strong.red {color: #E81D21;}
.bdb {border-bottom: 1px solid #e4e4e4;}


/*** 플러스DR ***/
/** qr_wrap **/
.enereyOn .qr_wrap {text-align: center; margin-top: 64px; display: flex; justify-content: center; gap: 64px;}
.enereyOn .qr_wrap .btn_qr {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px;}
.enereyOn .qr_wrap .btn_qr img {height: 120px;}
.enereyOn .qr_wrap .btn_qr span {display: flex; align-items: center; gap: 6px; font-size: 22px; font-weight: 600; color: #2d2d2d; }
.enereyOn .qr_wrap .btn_qr span::before {content: ''; display: block; width: 32px; height: 32px;}
.enereyOn .qr_wrap .btn_qr span.play::before {background: url(../images/pages/energy-on/logo_playstore.svg) no-repeat center;}
.enereyOn .qr_wrap .btn_qr span.app::before {background: url(../images/pages/energy-on/logo_appstore.svg) no-repeat center;}


/*** 플러스DR 상세 ***/
.enereyOn .data_wrap .data_box .dr_data_talk {margin-bottom: -36px;}
.enereyOn .data_wrap .data_box .dr_data_talk .talk {min-height: 240px;}
.enereyOn .data_wrap .data_box .dr_data_talk img {width: 380px;}
.enereyOn .data_wrap .data_box .txt_box .txt_list > li {font-size: 22px;}
.enereyOn .data_wrap .data_box .txt_box .txt_list.check > * {padding-left: 24px;background: url(../images/pages/energy-on/ico_tl_check.png) no-repeat left top calc(((22px * 1.5) - 16px) / 2);}
.enereyOn .data_wrap .data_box .txt_box .txt_list > li .blue {color: #0045C9; font-weight: 600;}
.enereyOn .data_wrap .data_box .txt_box .txt_list + .desc_list {margin-top: 64px;}
.enereyOn .data_wrap .data_box .txt_box .desc_list .txt_list.blt > * {font-size: 19px; color: #555;}
.enereyOn .data_wrap .data_box .txt_box .desc_list .txt_list.spot li {color: #555;}
.enereyOn .data_wrap .data_box .txt_box .desc_list .txt_list.spot + .txt_list.blt {margin-top: 16px;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap {display: flex; gap: 24px; margin-top: 16px;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li {width: 100%;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li:has(.graph_box) {display: flex; flex-direction: column; gap: 16px;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box {border: 1px solid #E4E4E4; padding: 24px 42.5px; border-radius: 16px; display: flex; flex-direction: column; gap: 16px;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box img {width: 100%;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box p {text-align: center; font-size: 15px; color: #2d2d2d;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li strong {text-align: center; display: block; font-size: 17px; color: #2D2D2D; font-weight: 700;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap li p {text-align: center; font-size: 15px; color: #555;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li {background: #F8F8F8; padding: 24px; border-radius: 16px; display: flex; flex-direction: column; gap: 12px; justify-content: center; align-items: center;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li::before {content: '' ; display: block; width: 80px; height: 80px; background: #F0F0F0;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li:nth-child(1):before {background: url(../images/pages/energy-on/img_effect01.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li:nth-child(2):before {background: url(../images/pages/energy-on/img_effect02.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li:nth-child(3):before {background: url(../images/pages/energy-on/img_effect03.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li:nth-child(4):before {background: url(../images/pages/energy-on/img_effect04.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li > div {display: flex; flex-direction: column; gap: 8px;}
.enereyOn .data_wrap .data_box .txt_box .box_wrap + .txt_list {margin-top: 40px;}
.enereyOn .data_wrap .data_box .prc_list {gap: 68px; margin-bottom: 16px;}
.enereyOn .data_wrap .data_box .prc_list li {width: 220px; gap: 13px;}
.enereyOn .data_wrap .data_box .prc_list li strong {font-size: 19px;}
.enereyOn .data_wrap .data_box .prc_list li p {font-size: 19px; color: #2D2D2D;}
.enereyOn .data_wrap .data_box .prc_list li + li::after {left: -52px;}
.enereyOn .data_wrap .data_box .bang {font-size: 19px; font-weight: 400; color: #555; background: url(../images/pages/energy-on/ico_tl_bang.png) no-repeat left top calc(((19px * 1.5) - 19px) / 2); padding-left: 28px;}
.enereyOn .data_wrap .data_box .txt_box .flex {gap: 24px;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box {width: calc(100% - 344px); display: flex; flex-direction: column; gap: 20px; padding: 32px 40px; background: #F8F8F8; border: 1px solid #F0F0F0; border-radius: 16px;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li {display: flex; align-items: center; gap: 16px;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li strong {font-size: 17px; font-weight: 700; display: block; width: 170px;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li input,
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li select {width: calc(100% - 186px); height: 40px; border: 1px solid #E4E4E4; border-radius: 8px; background-color: #fff; padding: 8.5px 12px; font-size: 15px;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li input::placeholder,
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li select {color: #8e8e8e;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li select {background: #fff url(../images/pages/energy-on/ico_arrow_sm.svg) no-repeat center right 12px / 16px;}
.enereyOn .data_wrap .data_box .txt_box .flex .form_box li input:read-only {color: #002B7D; background-color: #F7FAFF; border-color: #D1E1FF; font-weight: 500;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_box {width: 320px; padding: 32px 40px; background: #EFF5FF; border-radius: 24px; display: flex; flex-direction: column; gap: 16px; justify-content: center; align-items: center;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_box::before {content: ''; display: block; width: 240px; height: 160px; background: url(../images/pages/energy-on/img_btn_box.png) no-repeat center; background-size: 185px;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_box .btn {min-width: 100%; height: 46px; background: #002B7D !important; font-size: 17px !important; color: #fff; font-weight: 700; border-radius: 12px;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box {gap: 43px;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box::before {content: none;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box p {font-size: 22px; font-weight: 500; text-align: center; margin-top: 46px;}
.enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box p strong {font-size: 36px; font-weight: 700; color: #0053F2;}
.enereyOn .data_wrap .quick_box .tb_tit {font-size: 32px; margin-bottom: 30px;}
.enereyOn .data_wrap .quick_box .quick {display: flex; gap: 24px;}
.enereyOn .data_wrap .quick_box .quick li {background: #F7FAFF; padding: 38px 60px; border-radius: 32px; width: 100%; display: flex; gap: 40px;}
.enereyOn .data_wrap .quick_box .quick li::before {content: ''; display: block; width: 135px; height: 135px; background: #ccc;}
.enereyOn .data_wrap .quick_box .quick li:nth-child(1)::before {background: url(../images/pages/energy-on/img_plusdr01.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .quick_box .quick li:nth-child(2)::before {background: url(../images/pages/energy-on/img_plusdr02.png) no-repeat center; background-size: 100%;}
.enereyOn .data_wrap .quick_box .quick li .txt {display: flex; flex-direction: column; gap: 12px;}
.enereyOn .data_wrap .quick_box .quick li .txt strong {font-size: 22px; font-weight: 700; color: #002B7D;}
.enereyOn .data_wrap .quick_box .quick li .btn_link {margin-top: 24px;}
.enereyOn .data_wrap .banner.type02 {background-image: url(../images/pages/energy-on/img_data_banner_char02.png); background-position: right 128px bottom 26px; background-repeat: no-repeat; background-size: 153px; background-color: #F0EFFD;}


/*** 출력제어 확인 ***/
.enereyOn .info_list > li .desc_box .box_list2 {display: flex; gap: 39px; margin-top: 16px;}
.enereyOn .info_list > li .desc_box .box_list2 li {width: 100%; border: 1px solid #E4E4E4; border-radius: 24px; padding: 24px; min-height: 180px; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px;}
.enereyOn .info_list > li .desc_box .box_list2 li::before {content: ''; display: block; width: 120px; height: 88px; background-size: 100% !important;}
.enereyOn .info_list > li .desc_box .box_list2 li:nth-child(1)::before {background: url(../images/pages/energy-on/img_action01.png) no-repeat center;}
.enereyOn .info_list > li .desc_box .box_list2 li:nth-child(2)::before {background: url(../images/pages/energy-on/img_action02.png) no-repeat center;}
.enereyOn .info_list > li .desc_box .box_list2 li:nth-child(3)::before {background: url(../images/pages/energy-on/img_action03.png) no-repeat center;}
.enereyOn .info_list > li .desc_box .box_list2 li:nth-child(4)::before {background: url(../images/pages/energy-on/img_action04.png) no-repeat center;}
.enereyOn .info_list > li .desc_box .box_list2 li strong {font-size: 17px; font-weight: 700; color: #002B7D;}
.enereyOn .info_list > li .desc_box .box_list2 li:not(:last-child)::after {content: ''; display: block; width: 36px; height: 36px; background: url(../images/pages/energy-on/img_box_arrow_r.png) no-repeat center; position: absolute; right: -37.5px; top: 50%; transform: translateY(-50%);}


/*** 전력시장 이야기 ***/
.enereyOn .sub-section .txt_box.blue:has(.more_txt_box) {margin-top: 48px; background: #F7FAFF; display: flex; align-items: center; gap: 24px; padding: 32px 40px;}
.enereyOn .sub-section .txt_box.blue:has(.more_txt_box)::before {content: ''; display: block; width: 110px; height: 128px; background: url(../images/pages/energy-on/img_flxr_more_char.png) no-repeat center; background-size: 100%;}
.enereyOn .sub-section .txt_box .more_txt_box {width: calc(100% - 134px); display: flex; flex-direction: column; gap: 14px;}
.enereyOn .sub-section .txt_box .more_txt_box strong.blue {font-weight: 700; color: #0045C9; font-size: 19px;}
.enereyOn .sub-section .txt_box .more_txt_box p {font-size: 17px; color: #2d2d2d;}
.enereyOn .sub-section .desc_box .txt_box.img {margin-top: 16px; border-radius: 16px;}
.enereyOn .sub-section .desc_box .txt_box.img img {width: 100%; height: 100%;}
.enereyOn .sub-section .desc_box .txt_box.img img.pc {display: block;}
.enereyOn .sub-section .desc_box .txt_box.img img.mb {display: none;}
.enereyOn .sub-section .txt_list li .txt_box.img {margin-left: -24px; width: calc(100% + 24px);}
.enereyOn .sub-section .txt_list li .box_wrap {display: flex; gap: 24px; margin-left: -24px; margin-bottom: 20px; margin-top: 16px;}
.enereyOn .sub-section .txt_list li .box_wrap li {display: flex; flex-direction: column; gap: 12px;}
.enereyOn .sub-section .txt_list li .box_wrap li strong {font-size: 19px; text-align: center; display: block;}
.enereyOn .sub-section .txt_list li .box_wrap .inner {display: flex; gap: 36px; border: 1px solid #E4E4E4; border-radius: 16px; padding: 24px; justify-content: center;}
.enereyOn .sub-section .txt_list li .box_wrap .inner > div {display: flex; flex-direction: column; gap: 12px;}
.enereyOn .sub-section .txt_list li .box_wrap .inner p {font-size: 15px; font-weight: 500; text-align: center;}
.enereyOn .sub-section .txt_list li .box_wrap .inner .lt {position: relative;}
.enereyOn .sub-section .txt_list li .box_wrap .inner .lt::after {content: ''; display: block; width: 28px; height: 28px; background: url(../images/pages/energy-on/img_box_arrow_r.png) no-repeat center; background-size: 100%; position: absolute; right: -32px; top: 61px;}
.enereyOn .sub-section .txt_list li .box_wrap .inner .img {border-radius: 12px; height: 150px;}
.enereyOn .sub-section .txt_list li .box_wrap .inner .img.lt_img {background-color: #EFF5FF;}
.enereyOn .sub-section .txt_list li .box_wrap .inner .img.rt_img {background-color: #737882;}
.enereyOn .sub-section .txt_list li .box_wrap .inner .img img {height: 100%; margin: 0 auto;}





/**** 플랫폼 개요 ****/
/*** 소개 ***/
/** plt_info_img **/
.plt_info_img {display: block;}
.plt_info_img img {display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.plt_info_img img.mb {max-width: min(100%, 340px);}

/** loadmap **/
.info_list > li .loadmap_pc {margin-top: 165px; width: 100%;}
.info_list > li .loadmap_pc ul {display: flex; justify-content: center; position: relative;}
.info_list > li .loadmap_pc ul li {width: 360px; color: #555; position: relative;}
.info_list > li .loadmap_pc ul li::before {content: ''; display: block; position: absolute; top: 0; right: 14px; z-index: 9;}
.info_list > li .loadmap_pc ul li:nth-child(1)::before {background: url(../images/pages/energy-on/loadmap_pc01.png) no-repeat center; width: 127px; height: 127px; top: -80px; background-size: 100%;}
.info_list > li .loadmap_pc ul li:nth-child(2)::before {background: url(../images/pages/energy-on/loadmap_pc02.png) no-repeat center; width: 153px; height: 153px; top: -105px; background-size: 100%;}
.info_list > li .loadmap_pc ul li:nth-child(3)::before {background: url(../images/pages/energy-on/loadmap_pc03.png) no-repeat center; width: 195px; height: 195px; top: -140px; background-size: 100%;}
.info_list > li .loadmap_pc ul li .year {font-size: 22px; font-weight: 600;}
.info_list > li .loadmap_pc ul li .tit_box {height: 88px; color: #fff; position: relative; font-size: 22px; font-weight: 600; display: flex; align-items: center; gap: 12px; padding: 0 24px;}
.info_list > li .loadmap_pc ul li:nth-child(2) {margin-left: -24px; margin-top: -32px;}
.info_list > li .loadmap_pc ul li:nth-child(3) {margin-left: -24px; margin-top: -64px;}
.info_list > li .loadmap_pc ul li:nth-child(1) .tit_box {color: #0038A3; background-color: #D1E1FF; border-radius: 8px 0 0 8px;}
.info_list > li .loadmap_pc ul li:nth-child(2) .tit_box {background-color: #3379FF;}
.info_list > li .loadmap_pc ul li:nth-child(3) .tit_box {background-color: #0045C9;}
.info_list > li .loadmap_pc ul li .tit_box::after {content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-top: 32px solid #2B539F; border-left: 24px solid transparent;}
.info_list > li .loadmap_pc ul li:nth-child(2) .tit_box::after {border-top-color: #143A83;}
.info_list > li .loadmap_pc ul li:last-child .tit_box::after {content: ''; position: absolute; bottom: 0; right: -95px; width: 114px; height: 120px; background: url(../images/pages/energy-on/load_map_polygon.png) no-repeat center; border-top: 0; border-left: 0;}
.info_list > li .loadmap_pc ul li .tit_box::before {content: ''; display: block; width: 48px; height: 48px; border-radius: 50%; background: #fff;}
.info_list > li .loadmap_pc ul li:nth-child(1) .tit_box::before {background: #fff url(../images/pages/energy-on/ico_loadmap01.svg) no-repeat center;}
.info_list > li .loadmap_pc ul li:nth-child(2) .tit_box::before {background: #fff url(../images/pages/energy-on/ico_loadmap02.svg) no-repeat center;}
.info_list > li .loadmap_pc ul li:nth-child(3) .tit_box::before {background: #fff url(../images/pages/energy-on/ico_loadmap03.svg) no-repeat center;}
.info_list > li .loadmap_pc ul li .tit_box strong {font-size: 32px; font-weight: 700;}
.info_list > li .loadmap_pc ul li .tit_box span {position: absolute; left: 84px; z-index: 99; width: 100%;}
.info_list > li .loadmap_pc ul li .txt_box {margin-left: 24px; border: 0; text-align: center; border-radius: 0; border-right: 2px dotted #d8d8d8; padding: 24px 32px 0; word-break: break-all;}
.info_list > li .loadmap_pc ul li:nth-child(1) .txt_box {height: 150px;}
.info_list > li .loadmap_pc ul li:nth-child(2) .txt_box {height: 183px;}
.info_list > li .loadmap_pc ul li:nth-child(2) .txt_box,
.info_list > li .loadmap_pc ul li:nth-child(3) .txt_box {width: calc(100% - 24px);}
.info_list > li .loadmap_pc ul li:first-child .txt_box {margin-left: 0;}
.info_list > li .loadmap_pc ul li:last-child .txt_box {border-right: 0;}
.info_list > li .loadmap_pc ul li .txt_box strong {font-size: 22px; font-weight: 700; color: #2D2D2D; margin-bottom: 8px; display: block;}
.info_list > li .loadmap_pc ul li .txt_box strong .blue {color: #0038A3;}
.info_list > li .loadmap_pc ul li .txt_box p {font-size: 19px;}


/*** 캐릭터소개 ***/
/** char_intro **/
.char_intro {text-align: center;}
.char_intro .char_tit {margin-bottom: 80px;}
.char_intro .char_tit h2 {font-size: 64px; color: #002B7D; font-weight: 700;}
.char_intro .char_tit p {font-size: 28px; font-weight: 500; color: #2D2D2D; margin-top: 8px;}
.char_intro .char_det {margin-bottom: 96px;}
.char_intro .char_det .char_main {position: relative; z-index: 0; margin-bottom: 32px;}
.char_intro .char_det .char_main::before {content: 'SAVVY'; font-size: 240px; font-weight: 900; color: #EFF5FF; position: absolute; top: 50%; left: 50%; transform: translate(-48%, -50%); z-index: -1; letter-spacing: 48px; word-break: keep-all;}
.char_intro .char_det .char_main img {width: 428px;}
.char_intro .char_det .summary {display: flex; color: #0045C9; font-size: 15px; font-weight: 600; gap: 8px; width: 565px; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto 48px;}
.char_intro .char_det .summary li {padding: 8px 16px; border-radius: 20px; border: 1px solid #3379FF;}
.char_intro .char_det .det {font-size: 22px; color: #555;}
.char_intro .char_det .det span {display: block;}
.char_intro .char_det .det span + span {margin-top: 16px;}

/* motion */
.char_intro .motion {display: flex; gap: 24px 20px; flex-wrap: wrap;}
.char_intro .motion li {width: calc((100% - 40px) / 3); border-radius: 24px; min-height: 260px; display: flex; align-items: center; justify-content: center;}
.char_intro .motion li:nth-child(1) {background: #E7F6F6;}
.char_intro .motion li:nth-child(2) {background: #F4F1FA;}
.char_intro .motion li:nth-child(3) {background: #FCF7E8;}
.char_intro .motion li:nth-child(4) {background: #FCEDEF;}
.char_intro .motion li:nth-child(5) {background: #E9F2F9;}
.char_intro .motion li:nth-child(6) {background: #F5F5F7;}
.char_intro .motion li img {width: 200px;}


/*** 홍보물 ***/
/** pmt_wrap **/
.enereyOn .pmt_wrap {overflow: hidden;}
.enereyOn .pmt_wrap ul {display: flex;}
.enereyOn .pmt_wrap ul li {background: #F8F8F8; height: 380px; border-radius: 24px; overflow: hidden; position: relative;}
.enereyOn .pmt_wrap ul li a {display: block; width: 100%; height: 100%; cursor: default;}
.enereyOn .pmt_wrap ul li a:has(img) {cursor: pointer;}
.enereyOn .pmt_wrap ul li a img {width: 100%; height: 100%; object-fit: cover;}
.enereyOn .pmt_wrap.video ul li a:has(img)::before {content: ''; display: block; width: 64px; height: 64px; background: rgba(255, 255, 255, 0.8) url(../images/pages/energy-on/ico_play.png) no-repeat center; position: absolute; z-index: 99; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.enereyOn .pmt_wrap.video ul li a:has(img)::after {content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: absolute; z-index: 9; top: 0; left: 0;}


/*** 이벤트 게시판 ***/
.enereyOn .tab_cont .visual {border-radius: 40px; overflow: hidden; background: url(../images/pages/energy-on/dn_visual_pc.png) no-repeat center / cover; height: 460px; position: relative;}
.enereyOn .tab_cont .visual img.txt {height: 154px; position: absolute; top: 50%; left: 80px; transform: translateY(-50%);}
.enereyOn .tab_cont .cnt_tit {margin: 64px 0 48px;}
.enereyOn .tab_cont .cnt_tit h2 {font-size: 56px;}
.enereyOn .tab_cont .cnt_tit.sm {margin: 88px 0 40px;}
.enereyOn .tab_cont .cnt_tit.sm h2 {font-size: 40px;}
.enereyOn .tab_cont .cnt_tit p {font-size: 24px; margin-top: 16px;}

.enereyOn .tab_cont .info_list > li .desc_box .desc {margin-top: 40px;}
.enereyOn .tab_cont .desc_box .desc_list {margin-top: 40px;}
.enereyOn .tab_cont .desc_box .desc_list .txt_list.spot > li {font-size: 22px; color: #555;}
.enereyOn .tab_cont .desc_box .desc_list .txt_list.spot > li::before {top: calc(((22px * 1.5) - 3px) / 2);}
.enereyOn .tab_cont .desc_box .desc_list dl + dl {margin-top: 24px;}
.enereyOn .tab_cont .desc_box .desc_list dt .badge {font-size: 19px;}
.enereyOn .tab_cont .desc_box .desc_list dd {margin-top: 12px;}
.enereyOn .tab_cont .desc_box .desc_list dd > button {margin-top: 0;}
.enereyOn .tab_cont > .flex_box {display: flex; align-items: center; gap: 40px; margin-top: 64px;}
.enereyOn .tab_cont > .flex_box + .flex_box {margin-top: 56px;}
.enereyOn .tab_cont > .flex_box .txt {font-size: 19px; width: calc(100% - 680px); text-align: left;}
.enereyOn .tab_cont > .flex_box .txt .blue {color: #0045C9;}
.enereyOn .tab_cont > .flex_box .txt .bold {font-weight: 700;}
.enereyOn .tab_cont > .flex_box .img {width: 640px; height: 220px; border-radius: 40px; overflow: hidden;}
.enereyOn .tab_cont > .flex_box .img img {width: 100%; height: 100%; object-fit: cover;}
.enereyOn .tab_cont > .cnt_tit + .info_list {margin-top: 64px;}
.enereyOn .tab_cont > .flex_box + .info_list {margin-top: 96px;}

.enereyOn .txt_list.gray > li:nth-child(1)::before {background: url(../images/pages/energy-on/dn_join01.png) no-repeat center / 100%;}
.enereyOn .txt_list.gray > li:nth-child(2)::before {background: url(../images/pages/energy-on/dn_join02.png) no-repeat center / 100%;}
.enereyOn .txt_list.gray > li:nth-child(3)::before {background: url(../images/pages/energy-on/dn_join03.png) no-repeat center / 100%;}
.enereyOn .txt_list.gray > li:nth-child(4)::before {background: url(../images/pages/energy-on/dn_join04.png) no-repeat center / 100%;}

.enereyOn .dn_progress {background: #fff;}
.enereyOn .dn_progress ul {display: flex; flex-direction: column; gap: 16px;}
.enereyOn .dn_progress ul li {border-radius: 24px; padding: 40px; background: #F8F8F8; display: flex; align-items: center; gap: 16px;}
.enereyOn .dn_progress ul li > strong {font-size: 24px; font-weight: 700; color: #2d2d2d; position: relative; padding-left: 40px; width: 260px; max-width: 342px;}
.enereyOn .dn_progress ul li > strong::before {content: ''; display: block; width: 32px; height: 32px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.enereyOn .dn_progress ul li:nth-child(1) > strong::before {background: url(../images/pages/energy-on/dn_progress_tit01.png) no-repeat center / 100%;}
.enereyOn .dn_progress ul li:nth-child(2) > strong::before {background: url(../images/pages/energy-on/dn_progress_tit04.png) no-repeat center / 100%;}
.enereyOn .dn_progress ul li:nth-child(3) > strong::before {background: url(../images/pages/energy-on/dn_progress_tit02.png) no-repeat center / 100%;}
.enereyOn .dn_progress ul li:nth-child(4) > strong::before {background: url(../images/pages/energy-on/dn_progress_tit03.png) no-repeat center / 100%;}
.enereyOn .dn_progress ul li .btn {width: 170px; height: 36px; background: #0038A3 !important; font-size: 15px !important; font-weight: 700; color: #fff; border-radius: 50px;}
.enereyOn .dn_progress ul li .btn:hover {background: #002B7D !important;}
.enereyOn .dn_progress ul li .progress_bar {position: relative; width: 100%; height: 36px; border-radius: 50px; padding: 10px; background: #fff; overflow: visible;}
.enereyOn .dn_progress ul li .progress_bar {width: calc(100% - 308px); margin-left: 32px;}
.enereyOn .dn_progress ul li:has(.btn) .progress_bar {width: calc(100% - 494px);}
.enereyOn .dn_progress ul li .progress_bar .bar {position: relative; width: 0; height: 100%; border-radius: 50px; background: linear-gradient(90deg, #7BA7FF 0%, #2970FF 100%); transition: width 1.6s ease;}
.enereyOn .dn_progress ul li .progress_bar .txt {position: absolute; left: 10px; top: 24px; opacity: 0; white-space: nowrap; transform: translateX(-50%) translateY(8px); transition: opacity 0.5s ease; line-height: 1; background: #fff; padding: 6px 16px; border-radius: 50px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.24); font-size: 19px; font-weight: 700; color: #0045C9; z-index: 2; pointer-events: none;}
.enereyOn .dn_progress ul li .progress_bar.show-txt .txt {opacity: 1;}
.enereyOn .dn_progress ul li .progress_bar .txt::before {content: ''; position: absolute; left: var(--tail-x, 50%); top: -19px; width: 19px; height: 23px; background: url(../images/pages/energy-on/img_goal_rate_poly.png) no-repeat center / contain; transform: translateX(-50%) rotate(90deg);}


/*** 사이트맵 ***/
.enereyOn .stm_tit {font-size: 48px; font-weight: 700; margin-bottom: 48px; text-align: center;}
.enereyOn .stm_tit .blue {color: #0045C9;}
.enereyOn .sitemap {background: #fff; border-radius: 40px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08); padding: 56px 48px;}
.enereyOn .sitemap > ul {display: flex; flex-direction: column; gap: 64px;}
.enereyOn .sitemap > ul li h4 {font-size: 24px; font-weight: 700; color: #002B7D; margin-bottom: 24px; padding-left: 44px; position: relative;}
.enereyOn .sitemap > ul li h4::before {content: ''; display: block; width: 32px; height: 32px; position: absolute; left: 0; top: 2px; background: #ccc;}
.enereyOn .sitemap > ul li:nth-child(1) h4::before {background: url(../images/pages/energy-on/img_stm01.png) no-repeat center; background-size: 100%;}
.enereyOn .sitemap > ul li:nth-child(2) h4::before {background: url(../images/pages/energy-on/img_stm02.png) no-repeat center; background-size: 100%;}
.enereyOn .sitemap > ul li:nth-child(3) h4::before {background: url(../images/pages/energy-on/img_stm03.png) no-repeat center; background-size: 100%;}
.enereyOn .sitemap > ul li .depth2 {display: flex; flex-wrap: wrap; gap: 16px;}
.enereyOn .sitemap > ul li .depth2 li {width: calc((100% - (16px * 2)) / 3); background: #F8F8F8; border-radius: 16px; color: #555; font-weight: 700; font-size: 19px;}
.enereyOn .sitemap > ul li .depth2 li a {display: flex; align-items: center; justify-content: center; padding: 17.5px;}
.enereyOn .sitemap > ul li .depth2 li:hover {background: #EFF5FF; color: #002B7D;}





/* responsive */
@media screen and (min-width: 1281px) {
  /***** sub(공통) *****/
  .enereyOn .sub-section .sub_top_wrap .txt br {display: none;}


  
  

  /**** 합리적인 소비 ****/
  /*** 내혜택 찾기 ***/
  /** card_list **/
  .enereyOn .cnsr_card_list .card_list.grid02 > li {flex-direction: row;justify-content: space-between;align-items: flex-end;width: 100%;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .title *:nth-child(2) {min-height: auto;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info {display: flex;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info dl {gap: 0;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info dl:nth-child(3) {display: none;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info dl + dl {margin: 0 0 0 16px;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info dt {position: relative;padding-left: 7px;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info dt::before {content: '';position: absolute;left: 0;top: calc(((15px * 1.5) - 3px) / 2);width: 3px;height: 3px;border-radius: 100%;background: #555555;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_top .info dt::after {content: ' : ';white-space: pre;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm {flex-direction: row;align-items: center;margin-top: 0;padding-top: 0;border-top: 0;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info {height: 110px;margin: 0;padding: 0 24px; display: flex; align-items: center; border: 1px solid #E4E4E4; border-top: 0; border-bottom: 0;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info dt {display: none;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info dd {flex-direction: column;gap: 14px;min-width: 240px;margin: 0;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info dd > *:last-child {margin-left: 0;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info dd .rows {flex-direction: column;gap: 4px;width: auto;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info dd .rows::after {display: none;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .info dd .rows p {width: 100%;}
  .enereyOn .cnsr_card_list .card_list.grid02 .card_btm .btn_eh_area {flex-direction: column;min-width: 160px;margin-top: 0;padding: 9px 0 9px 24px;}





  /**** 친환경e 생산거래 ****/
  /*** 거래유형 찾기 ***/
  /** card_list **/
  .enereyOn .prsr_card_list .card_list.grid02 > li {flex-direction: row;justify-content: space-between;align-items: flex-end;width: 100%;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .title *:nth-child(2) {min-height: auto;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info {display: flex;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dl {gap: 0;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dl:nth-child(2),
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dl:nth-child(3) {display: none;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dl + dl {margin: 0 0 0 16px;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dt {position: relative;padding-left: 7px;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dt::before {content: '';position: absolute;left: 0;top: calc(((15px * 1.5) - 3px) / 2);width: 3px;height: 3px;border-radius: 100%;background: #555555;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_top .info dt::after {content: ' : ';white-space: pre;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm {flex-direction: row;align-items: center;margin-top: 0;padding-top: 0;border-top: 0;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info {height: 110px;margin: 0;padding: 0 24px; display: flex; align-items: center; border: 1px solid #E4E4E4; border-top: 0; border-bottom: 0;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info dt {display: none;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info dd {flex-direction: column;gap: 14px;min-width: 240px;margin: 0;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info dd > *:last-child {margin-left: 0;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info dd .rows {flex-direction: column;gap: 4px;width: auto;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info dd .rows::after {display: none;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .info dd .rows p {width: 100%;}
  .enereyOn .prsr_card_list .card_list.grid02 .card_btm .btn_eh_area {flex-direction: column;min-width: 160px;margin-top: 0;padding: 9px 0 9px 24px;}
}


@media screen and (min-width: 1280px) {
  /** tLSwiper **/
  [class*="tLSwiper"] {display: none;}

  /*** 내 혜택 찾기 ***/
  /** cnsr_card_list **/
  .enereyOn .cnsr_card_list > .btn_eh_more,
  .enereyOn .cnsr_card_list > .btn_eh_more {display: none;}
}


@media screen and (max-width: 1280px) {
  /***** sub(공통) *****/
  .enereyOn .sub-section {padding: 0 0 80px;}
  .enereyOn .sub-section .md_tit {margin-bottom: 12px;font-size: 15px;}
  .enereyOn .sub-section .md_tit ~ .md_tit {margin-top: 24px;}
  .enereyOn * + .lg_tit {margin-top: 48px;}  
  .enereyOn .rnw-page-head {margin-top: 0;}
  
  /** sub_top_wrap **/
  .enereyOn .sub-section .sub_top_wrap {padding: 24px 0;}
  .enereyOn .sub-section .sub_top_wrap .fig_img {height: 160px;}
  .enereyOn .sub-section .sub_top_wrap .txt {font-size: 17px;font-weight: 700;}  
  
  /** txt_list **/
  .enereyOn .sub-section .txt_list > li {font-size: 15px;}
  .enereyOn .sub-section .txt_list.num > li {padding-left: 25px;}
  .enereyOn .sub-section .txt_list.num > li::before {min-width: 19px;height: 19px;margin-left: -25px;margin-right: 6px;font-size: 13px;}
  .enereyOn .sub-section .txt_list.spot > li {padding-left: 8px;}
  .enereyOn .sub-section .txt_list.spot > li::before {top: calc(((15px * 1.5) - 3px) / 2);}
  .enereyOn .sub-section .txt_list.blt > * {font-size: 13px;}
  .enereyOn .sub-section .txt_list.check > * {background-position: left top calc(((15px * 1.5) - 16px) / 2);}

  /* txt_list - bdg */
  .enereyOn .sub-section .txt_list.bdg > li {display: flex; gap: 6px; font-size: 15px; flex-direction: column;}
  .enereyOn .sub-section .txt_list.bdg > li .badge {min-width: 64px; height: 24px; font-size: 13px;}

  /* txt_list - gray */
  .enereyOn .sub-section .txt_list.gray {gap: 16px;}
  .enereyOn .sub-section .txt_list.gray > li {gap: 12px; padding: 12px 16px; align-items: flex-start; border-radius: 16px;}
  .enereyOn .sub-section .txt_list.gray > li::before {width: 40px; height: 40px;}
  .enereyOn .sub-section .txt_list.gray > li .t_box {width: calc(100% - 52px);}
  .enereyOn .sub-section .txt_list.gray > li .t_box p {font-size: 15px; padding-top: 11px;}

  /** txt_box **/
  .enereyOn .sub-section .txt_box_rows {display: flex;gap: 16px;}
  .enereyOn .sub-section .txt_box_rows .txt_box {width: 100%;}
  .enereyOn .sub-section .txt_box + .txt_box_rows,
  .enereyOn .sub-section .txt_box_rows + .txt_box {margin-top: 16px;}
  .enereyOn .sub-section .txt_box {padding: 24px;border-radius: 20px;font-size: 15px;}
  .enereyOn .sub-section .txt_box .tb_tit {font-size: 19px;}
  .enereyOn .sub-section .txt_box .tb_tit .txt_list {margin-top: 4px;}
  .enereyOn .sub-section .txt_box .inbox .tb_tit {margin-bottom: 12px;font-size: 15px;}
  .enereyOn .sub-section .txt_box .info_box {gap: 24px;}
  .enereyOn .sub-section .txt_box_cols {gap: 16px;}
  .enereyOn .sub-section .txt_box_cols .tbl_wrap {margin-top: 24px;}
  .enereyOn .sub-section .txt_box .info_tit {font-size: 19px; margin-bottom: 16px; padding-left: 32px;}
  .enereyOn .sub-section .txt_box .info_tit::before {width: 24px; height: 29px; top: -2px;}
  .enereyOn .sub-section .txt_box.shadow + .txt_box.shadow {margin-top: 24px;}

  /* style - lg */
  .enereyOn .sub-section .txt_box.lg > .tb_tit {margin-bottom: 24px;font-size: 19px;}
  .enereyOn .sub-section .txt_box.lg .inbox .tb_tit {font-size: 13px;}
  .enereyOn .sub-section .txt_box.lg .txt_list > li {font-size: 15px;}
  .enereyOn .sub-section .txt_box.lg .inbox.txt_list {background: #F8F8F8;}
  .enereyOn .sub-section .txt_box.lg .inbox.txt_list.num {background: #F8F8F8;}
  .enereyOn .sub-section .txt_box.lg .txt_list.num > li {padding-left: 38px;font-size: 15px;}
  .enereyOn .sub-section .txt_box.lg .txt_list.num > li::before {min-width: 20px;height: 20px;margin-left: -28px;margin-right: 8px;font-size: 13px;}
  .enereyOn .sub-section .txt_box.lg .inbox .txt_list.num > li {padding-left: 25px;font-size: 13px;}
  .enereyOn .sub-section .txt_box.lg .inbox .txt_list.num > li::before {top: 2px;min-width: 19px;height: 19px;margin-left: -25px;margin-right: 6px;}
  .enereyOn .sub-section .txt_box.lg .txt_list.spot > li::before {top: calc(((15px * 1.5) - 4px) / 2);}
  .enereyOn .sub-section .txt_box.lg .txt_list.blt > * {font-size: 13px;}
  
  /* style - img */
  .enereyOn .sub-section .txt_box.img {padding: 24px;}
  .enereyOn .sub-section .txt_box.img .txt_list {gap: 6px;}
  .enereyOn .sub-section .txt_box.img .rows {flex-direction: column;}
  .enereyOn .sub-section .txt_box.img .fig_img {min-width: auto;width: 100%;height: 120px;padding: 16px;}
  
  /* style - img_tit */
  .enereyOn .sub-section .txt_box.img_tit {padding: 24px;}
  .enereyOn .sub-section .txt_box.img_tit .tit_box .fig_img {min-width: 56px;width: 56px;height: 56px;padding: 5px;}
  .enereyOn .sub-section .txt_box.img_tit .tit_box .fig_img img {max-height: 100%;}
  .enereyOn .sub-section .txt_box.img_tit .inbox {margin-top: 24px;}
  .enereyOn .sub-section .txt_box.img_tit .txt_list {gap: 6px;}
  
  /* style - tip */
  .enereyOn .sub-section .txt_box.tip {padding: 24px;}
  .enereyOn .sub-section .txt_box.tip > .tb_tit {margin-bottom: 8px;}
  .enereyOn .sub-section .txt_box.tip .inbox .txt {padding-left: 0;}
  
  /* style - elct */
  .enereyOn .sub-section .txt_box.elct {flex-direction: column;padding: 24px;}
  .enereyOn .sub-section .txt_box.elct .tb_tit {margin-bottom: 16px;}
  .enereyOn .sub-section .txt_box.elct .inbox {margin-top: 24px;padding: 16px;}
  .enereyOn .sub-section .txt_box.elct .inbox::before {display: none;}
  .enereyOn .sub-section .txt_box.elct .inbox .tit {justify-content: center;width: 248px;max-width: 100%;height: 52px;margin: 0 auto 16px;padding: 0 16px;font-size: 17px;background: url(../images/pages/energy-on/img_tb_elct_tit_mb.png) no-repeat 0 0 / 100% auto;}
  .enereyOn .sub-section .txt_box.elct .inbox .rows {padding-left: 0;}
  .enereyOn .sub-section .txt_box.elct .inbox .fig_img {width: 32px;height: 32px;margin: 0 auto 8px;}
  .enereyOn .sub-section .txt_box.elct .inbox .txt {font-size: 13px;}

  /** desc_list **/
  .enereyOn .sub-section .desc_list dl + dl {margin-top: 24px;}
  .enereyOn .sub-section .desc_list dt {gap: 16px;}
  .enereyOn .sub-section .desc_list dt .badge {min-width: 76px;min-height: 32px;font-size: 13px;}
  .enereyOn .sub-section .desc_list dd {margin-top: 16px;padding-left: 0;}
  .enereyOn .sub-section .desc_list dd .dot {margin-top: 16px;padding-left: 94px;}
  .enereyOn .sub-section .desc_list dd.md_txt {margin-left: -90px;}
  .enereyOn .sub-section .desc_list dl.no_tit {flex-direction: column;gap: 16px;}  

  /** visual **/
  .enereyOn .visual_wrap .tit span.mo_none {display: none;}
  .enereyOn .visual_wrap .tit span.pc_none {display: inherit;}
  
  /*** intro ***/
  .enereyOn .breadcrumb {display: none;}
  .enereyOn .intro {margin-bottom: 48px;}
  .enereyOn .intro .tit_wrap {display: flex; align-items: center; padding-left: 12px; gap: 24px; margin-top: 24px;}
  .enereyOn .intro .tit_wrap::before {width: 80px; height: 80px;}
  .enereyOn .intro .tit_wrap .tit {font-size: 28px;}
  .enereyOn .intro .bg_box {padding: 24px; border-radius: 24px; font-size: 17px;}

  /*** link_wrap ***/
  .enereyOn .link_wrap.gray {flex-direction: column; gap: 12px;}
  .enereyOn .link_wrap.gray .item {padding: 20px 20px 20px 24px;}
  .enereyOn .link_wrap.gray .item .cont .tit {font-size: 19px;}
  .enereyOn .link_wrap.gray .item .cont .txt {font-size: 15px;}
  .enereyOn .link_wrap.gray .item .fig_img img {height: 68px;}

  /*** sub_banner ***/
  .enereyOn .sub_banner {height: 220px; border-radius: 24px; margin-top: 48px;}
  .enereyOn .sub_banner.bn01 {background-size: auto 96px; background-position: right 24px bottom 11px;}
  .enereyOn .sub_banner.bn02 {background-size: auto 94px; background-position: right 24px bottom 12px;}
  .enereyOn .sub_banner a {padding: 32px;}
  .enereyOn .sub_banner strong {font-size: 24px;}
  .enereyOn .sub_banner p {font-size: 15px; gap: 4px; margin-top: 8px;}

  /*** cnt_tit ***/
  .enereyOn .cnt_tit {margin-bottom: 48px; margin-top: 48px;}
  .enereyOn .cnt_tit h2 {font-size: 32px !important;}
  .enereyOn .cnt_tit h2 span {font-size: 24px;}
  .enereyOn .cnt_tit p {font-size: 17px !important; margin-top: 6px !important; word-break: keep-all;}
  .enereyOn .cnt_tit p .pc_br {display: none;}
  .enereyOn .tab_cont .cnt_tit.sm {margin: 48px 0 24px;}
  .enereyOn .tab_cont .cnt_tit.sm h2 {font-size: 28px !important;}
  


  /**** 합리적인 소비 ****/
  /*** 내 혜택 찾기 ***/
  /** link_wrap **/
  .enereyOn .link_wrap.type02 {flex-direction: column;}
  .enereyOn .link_wrap.type02 .item {width: 100%;}
  .enereyOn .link_wrap.type02 .item .tit {font-size: 19px; margin-bottom: 8px;}
  .enereyOn .link_wrap.type02 .item .txt {font-size: 15px;}
  .enereyOn .link_wrap.type02 .item .txt br {display: none;}
  .enereyOn .link_wrap.type02 .item .fig_img {height: 140px;}
  .enereyOn .link_wrap.type02 .item .rnw_btn_eh {margin-top: 32px;}
  
  /** cnsr_card_list **/
  .enereyOn .cnsr_card_list > .top .grid_type {display: none;}
  
  /** ft_opt_list **/
  .enereyOn .ft_opt_list {gap: 16px 10px;margin-bottom: 48px;}
  .enereyOn .ft_opt_list > * {display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: calc((100% - 30px) / 3); padding: 24px 20px 70px;text-align: center; min-height: 150px;}
  .enereyOn .ft_opt_list > *::after {left: 50%;bottom: 0;min-width: 103px;width: 103px;height: 70px; background-size: 100%; transform: translateX(-55%);}
  .enereyOn .ft_opt_list > * .tit {font-size: 17px;}
  .enereyOn .ft_opt_list > * .txt {display: none;}
  
  
  /*** 내 혜택 찾기(상세) ***/
  .tab-list.style1.type-full {margin-bottom: 24px;}
  
  /** apply_info **/
  .enereyOn .sub-section .apply_info {flex-direction: column;}
  .enereyOn .sub-section .apply_info .item {display: flex;gap: 16px;padding: 24px 16px 16px;font-size: 15px;text-align: left;}
  .enereyOn .sub-section .apply_info .item > figure,
  .enereyOn .sub-section .apply_info .item > .fig_img {min-width: 48px;width: 48px;height: auto;margin-bottom: 0;}
  .enereyOn .sub-section .apply_info .item > div {width: 100%;}
  .enereyOn .sub-section .apply_info .item .tit {font-size: 15px;}
  .enereyOn .sub-section .apply_info .item .tit + * {margin-top: 4px;}
  .enereyOn .sub-section .apply_info .item .has_img {justify-content: flex-start;gap: 3px 6px;}
  .enereyOn .sub-section .apply_info .item .has_img figure,
  .enereyOn .sub-section .apply_info .item .has_img .fig_img {height: 14px;}
  .enereyOn .sub-section .apply_info .item .has_img .logo {max-width: 62px;}
  .enereyOn .sub-section .apply_info .item .btn_go {width: calc(100% + 64px);margin-left: -64px;}


  /*** 주택용e 캐시백 ***/
  /** status_box **/
  .enereyOn .status_box {padding: 0; margin-bottom: 48px; background-size: 100%;}
  .enereyOn .status_box .crt_wrap::before {width: 280px; height: 144px; margin-left: 16px;}
  .enereyOn .status_box .crt_wrap .d_flex {position: static; flex-direction: column;}
  .enereyOn .status_box .crt_wrap .d_flex > .btn_link {flex-direction: row; justify-content: center; font-size: 15px !important; gap: 12px; height: 56px; border-radius: 16px; padding: 13px 18px;}
  .enereyOn .status_box .crt_wrap .d_flex > .btn_link::before {width: 32px; height: 32px;}
  .enereyOn .status_box .crt_wrap .d_flex > .btn_link br {display: none;}
  .enereyOn .status_box .crt_wrap .crt_box {width: 100%; padding: 24px; border-radius: 20px; flex-direction: column; gap: 39px;}
  .enereyOn .status_box .crt_wrap .crt_box .current {width: 100%;}
  .enereyOn .status_box .crt_wrap .crt_box .btn_link {border-radius: 12px; font-size: 15px; width: 100%; flex-direction: row; height: 46px; padding: 0 24px; background-position: right 16px bottom -2px !important; background-size: auto 38px !important; gap: 8px;}
  .enereyOn .status_box .crt_wrap .crt_box .btn_link::after,
  .enereyOn .status_box .crt_wrap .crt_box .btn_link:hover::after {width: 26px; height: 16px; background-size: 100%;}
  .enereyOn .status_box .crt_wrap .crt_box .btn_link:hover {background-position: right 16px bottom -2px !important; background-size: auto 38px !important; }
  .enereyOn .status_box .crt_wrap .crt_box .current .top .lt p {font-size: 13px;}
  .enereyOn .status_box .crt_wrap .crt_box .current .top .lt strong {font-size: 17px;}
  .enereyOn .status_box .crt_wrap .crt_box .current .top .count {font-size: 19px;}
  .enereyOn .status_box .crt_wrap .crt_box .current .top .count strong {font-size: 36px;}
  
  .progress_box::before {width: 36px; height: 36px;}
  .progress {height: 22px;}

  /** txt_box **/
  .enereyOn .sub-section .txt_box.bg .bang {font-size: 15px; background: url(../images/pages/energy-on/ico_tl_bang.png) no-repeat left top calc(((15px * 1.5) - 15px) / 2); padding-left: 21px;}
  .enereyOn .sub-section .txt_box.bg .apply_info .item > .fig_img {height: 96px; min-width: 96px; width: 96px;}
  .enereyOn .sub-section .txt_box.bg .apply_info .item > div {width: calc(100% - 96px);}
  .enereyOn .sub-section .txt_box.bg .btn_ytb .mo_none {display: none;}





  /**** 친환경e 생산거래 ****/
  /*** 거래유형찾기 ***/
  /** cnsr_card_list **/
  .enereyOn .prsr_card_list > .top .grid_type {display: none;}





  /**** 전력시장 참여 ****/  
  /*** 전력사용시간대변경 ***/
  .enereyOn .main_btn_wrap::before,
  .enereyOn .main_btn_wrap::after {transform: translateX(-50%) scale(.8); bottom: -55px;}
  .enereyOn .main_btn_wrap .btn_box .btn {font-size: 15px !important; gap: 6px;}
  .enereyOn .main_btn_wrap .btn_box .btn::after {width: 26px; height: 16px; background-size: 100%;}
  .enereyOn .main_btn_wrap .btn_box img.pc {display: none;}
  .enereyOn .main_btn_wrap .btn_box img.mo {display: block;}
  .enereyOn .main_btn_wrap .btn_box:nth-child(1) .btn {padding-left: 130px;}
  .enereyOn .main_btn_wrap .btn_box:nth-child(2) .btn {padding-left: 160px;}
  .enereyOn .main_btn_wrap .btn_box:first-child img {bottom: -7px; left: 15px; width: 56px; height: 67px;}
  .enereyOn .main_btn_wrap .btn_box:nth-child(2) img {bottom: -6px; right: 12px; width: 76px; height: 64px;}

  .enereyOn .plans_wrap {gap: 24px; margin-top: 48px;}
  .enereyOn .plans_wrap .plans_box {flex-direction: column; gap: 8px;}
  .enereyOn .plans_wrap .plans_box > div {padding: 24px;}
  .enereyOn .plans_wrap .plans_box .lt,
  .enereyOn .plans_wrap .plans_box .rt {width: 100%; border-radius: 20px;}
  .enereyOn .plans_wrap .plans_box .lt {flex-direction: row; padding: 0; justify-content: space-between; }
  .enereyOn .plans_wrap .plans_box .lt::after {width: 47px;height: 47px; bottom: 0; left: -4px; transform: rotate(90deg);}
  .enereyOn .plans_wrap .plans_box .lt p {text-align: left; font-size: 15px; padding: 24px 0 24px 24px;}
  .enereyOn .plans_wrap .plans_box .lt p strong {font-size: 24px; word-break: keep-all;}
  .enereyOn .plans_wrap .plans_box .lt img.pc {display: none;}
  .enereyOn .plans_wrap .plans_box .lt img.mo {display: block;}
  .enereyOn .plans_wrap .plans_box:nth-child(1) img.mo {width: 99px; margin: 14px 13px 14px 10px;}
  .enereyOn .plans_wrap .plans_box:nth-child(2) img.mo {width: 104px; margin: 43px 12px 20px 6px;}
  .enereyOn .plans_wrap .plans_box:nth-child(3) img.mo {width: 100px; margin: 16px 17px 13px 5px;}
  .enereyOn .plans_wrap .plans_box .rt {border-top-left-radius: 0;}
  .enereyOn .plans_wrap .plans_box .rt::after {width: 32px; height: 40px; transform: rotate(90deg); left: 4px; top: -32px;}
  .enereyOn .plans_wrap .plans_box .rt .box_list li strong {font-size: 15px;}


  /*** 시간대변경, 플러스DR 상세 ***/
  .enereyOn .data_wrap {gap: 40px;}
  .enereyOn .data_wrap .data_box .txt_box {padding: 24px;}  
  .enereyOn .data_wrap .data_box .txt_box .tab {margin-bottom: 32px;}
  .enereyOn .data_wrap .data_box .txt_box .tab li a {padding: 6px 16px; border-radius: 8px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap {gap: 38px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl01)::before {width: 54px; height: 240px; background-size: 100%; left: 50%; transform: translate(-50%, -50%);}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr th, 
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr td {padding: 5.5px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap .before_tbl01,
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl01) .after_tbl {width: 100%;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap .before_tbl01 > * > tr {height: 30px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap .before_tbl01 > * > tr th,
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap .before_tbl01 > * > tr td {padding: 6.5px 0; font-size: 13px !important;}
  .enereyOn .data_wrap .data_box .data_talk img {width: 220px;}
  .enereyOn .data_wrap .data_box .data_talk .talk {padding: 24px; border-radius: 24px; height: 100%; min-height: 100%;}
  .enereyOn .data_wrap .data_box .data_talk .talk::before {width: 29px; height: 15px;}
  .enereyOn .data_wrap .data_box .data_talk .talk .tit strong {font-size: 24px;}
  .enereyOn .data_wrap .data_box .data_talk .talk .tit p {font-size: 15px;}
  .enereyOn .data_wrap .data_box .txt_box .sm_txt.star {font-size: 15px; padding-left: 17px; margin-bottom: 8px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result,
  .enereyOn .data_wrap .data_box .txt_box .info_result2 {margin-top: 64px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result::before {width: 120px; height: 80px; background-size: 100%;}
  .enereyOn .data_wrap .data_box .txt_box .info_result p,
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p {font-size: 17px; height: 60px; border-radius: 16px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result p strong,
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p strong {font-size: 32px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl02) {gap: 16px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr td input {height: 28px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div table tr td input::placeholder {font-size: 13px;}
  .enereyOn .data_wrap .data_box .txt_box .btn_right {margin-top: 24px;}
  .enereyOn .data_wrap .data_box .txt_box .btn_right button {height: 40px; font-size: 15px !important; border-radius: 8px;}
  .enereyOn .data_wrap .banner {margin-top: 8px; padding: 32px; border-radius: 24px;}
  .enereyOn .data_wrap .banner.type01 {background-size: 153px; background-position: right 24px bottom 20px;}
  .enereyOn .data_wrap .banner h3 {font-size: 28px; margin-bottom: 8px;}
  .enereyOn .data_wrap .banner p {font-size: 15px; margin-bottom: 32px;}


  /*** 플러스DR 신청 ***/
  .enereyOn .data_wrap .data_box .dr_data_talk {margin-bottom: -16px;}
  .enereyOn .data_wrap .data_box .txt_box .txt_list.check > * {font-size: 17px; background: url(../images/pages/energy-on/ico_tl_check.png) no-repeat left top calc(((17px * 1.5) - 17px) / 2);}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li:has(.graph_box) {gap: 12px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box {gap: 6px; padding: 16px 12px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box p {font-size: 13px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li strong {font-size: 15px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap.gray {flex-direction: column; gap: 16px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li {padding: 16px; gap: 16px; flex-direction: row; align-items: flex-start; width: 100%; padding-right: 24px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li::before {width: 60px; height: 60px;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li > div {width: calc(100% - 76px); align-items: flex-start;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li > div strong {text-align: left;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap.gray li p {text-align: left;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li p br {display: none;}
  .enereyOn .data_wrap .data_box .txt_box .desc_list dl + dl {margin-top: 32px;}
  .enereyOn .data_wrap .data_box .txt_box .desc_list .txt_list.blt > * {font-size: 13px;}
  .enereyOn .data_wrap .data_box .txt_box .desc_list .txt_list.spot li {font-size: 15px;}
  .enereyOn .data_wrap .data_box .txt_box .txt_list + .desc_list {margin-top: 40px;}
  .enereyOn .data_wrap .data_box .prc_list {flex-direction: row; gap: 38px;}
  .enereyOn .data_wrap .data_box .prc_list li {padding: 8px;}
  .enereyOn .data_wrap .data_box .prc_list li + li::after {transform: translateY(-50%); top: 50%; left: -32px;}
  .enereyOn .data_wrap .data_box .prc_list li strong {font-size: 15px;}
  .enereyOn .data_wrap .data_box .prc_list li p {font-size: 15px;}
  .enereyOn .data_wrap .data_box .bang {font-size: 15px; background: url(../images/pages/energy-on/ico_tl_bang.png) no-repeat left top calc(((12px * 1.5) - 15px) / 2); padding-left: 20px;}
  .enereyOn .data_wrap .data_box .txt_box .flex {flex-direction: column; gap: 12px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .form_box,
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_box {width: 100%; padding: 24px; border-radius: 16px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .form_box {gap: 16px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .form_box li {flex-direction: column; gap: 8px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .form_box li strong {font-size: 15px; width: 100%;}
  .enereyOn .data_wrap .data_box .txt_box .flex .form_box li input,
  .enereyOn .data_wrap .data_box .txt_box .flex .form_box li select {width: 100%; height: 32px; font-size: 13px !important; padding: 6px 12px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_box {gap: 26px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_box::before {width: 129px; height: 82px; background-size: 100%;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_box .btn {height: 40px; font-size: 15px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box {gap: 32px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box p {margin-top: 15px; font-size: 15px;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box p strong {font-size: 32px; position: relative; z-index: 0;}
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_result_box p strong::before {content: ''; display: block; width: 100%; height: 8px; background: #fff; position: absolute; bottom: 2px; border-radius: 2px; z-index: -1;}
  .enereyOn .data_wrap .quick_box .tb_tit {font-size: 19px; margin-bottom: 24px;}
  .enereyOn .data_wrap .quick_box .quick {flex-direction: column;}
  .enereyOn .data_wrap .quick_box .quick li {padding: 24px; gap: 24px; border-radius: 24px;}
  .enereyOn .data_wrap .quick_box .quick li::before {width: 80px; height: 80px;}
  .enereyOn .data_wrap .quick_box .quick li > div {width: calc(100% - 104px);}
  .enereyOn .data_wrap .quick_box .quick li .txt {gap: 8px;}
  .enereyOn .data_wrap .quick_box .quick li .txt strong {font-size: 19px;}
  .enereyOn .data_wrap .quick_box .quick li .txt p {font-size: 15px;}
  .enereyOn .data_wrap .quick_box .quick li .btn_link {margin-top: 20px;}
  .enereyOn .data_wrap .banner.type02 {background-size: 100px; background-position: right 24px bottom 20px;}  





  /**** 플랫폼 개요 ****/
  /*** 소개 ***/
  /** info_list **/
  .plt_info_img img:not(.mb) {display: none;}
  
  .info_list {margin-top: 64px;}
  .info_list > li,
  .info_list > li:has(.img_wrap) {gap: 12px;padding: 12px 16px 24px 12px;border-radius: 40px;}
  .info_list > li .img_wrap {gap: 12px;}
  .info_list > li:has(.img_wrap) > img {width: 100%; margin: 0 auto;}
  .info_list > li + li {margin-top: 16px;}
  .info_list > li .loadmap_pc ul {padding-right: 100px;}
  .info_list > li .loadmap_pc ul li {width: 320px;}
  .info_list > li .loadmap_pc ul li .year {font-size: 19px;}
  .info_list > li .loadmap_pc ul li:nth-child(1) .tit_box::before,
  .info_list > li .loadmap_pc ul li:nth-child(2) .tit_box::before,
  .info_list > li .loadmap_pc ul li:nth-child(3) .tit_box::before {background-size: 50%;}
  .info_list > li .loadmap_pc ul li:nth-child(1)::before,
  .info_list > li .loadmap_pc ul li:nth-child(2)::before,
  .info_list > li .loadmap_pc ul li:nth-child(3)::before {background-size: 90%;}
  .info_list > li .loadmap_pc ul li .tit_box {font-size: 19px; height: 70px;}
  .info_list > li .loadmap_pc ul li .tit_box::before {width: 40px; height: 40px;}
  .info_list > li .loadmap_pc ul li .tit_box strong {font-size: 26px;}
  .info_list > li .loadmap_pc ul li .tit_box span {left: 72px;}
  .info_list > li .loadmap_pc ul li:last-child .tit_box::after {width: 101px; height: 106px; background-size: 100%;}
  .info_list > li .loadmap_pc ul li .txt_box {padding: 20px 28px 0;}
  .info_list > li .loadmap_pc ul li .txt_box strong {font-size: 19px;}
  .info_list > li .loadmap_pc ul li .txt_box p {font-size: 15px;}
  .info_list > li .loadmap_pc ul li:nth-child(1) .txt_box {height: 130px;}
  .info_list > li .loadmap_pc ul li:nth-child(2) .txt_box {height: 163px;}
  .info_list > li .img_box {min-width: 56px;width: 56px;height: 56px;}
  .info_list > li .desc_box {margin-top: calc((56px - (22px * 1.5)) / 2); width: calc(100% - 68px);}
  .info_list > li .desc_box .tit {font-size: 22px;}
  .info_list > li .desc_box .tit .eng {margin-left: 6px;font-size: 13px;}
  .info_list > li .desc_box .desc {margin-top: 19px;font-size: 15px;}
  .info_list > li .desc_box .desc .txt_list.check > * {padding-left: 18px;font-size: 15px;background-position: left top calc(((15px * 1.5) - 12px) / 2);background-size: auto 12px;}
  

  /*** 이벤트 게시판 ***/  
  .enereyOn .tab_cont .info_list > li .desc_box .desc {margin-top: 24px;}
  .enereyOn .tab_cont > .flex_box {flex-direction: column; margin-top: 24px; gap: 24px;}
  .enereyOn .tab_cont > .flex_box:has(.img + .txt) {flex-direction: column-reverse;}
  .enereyOn .tab_cont > .flex_box * {width: 100% !important;}
  .enereyOn .tab_cont > .flex_box .txt {font-size: 15px; text-align: center;}
  .enereyOn .tab_cont > .flex_box .img {border-radius: 24px;}
  .enereyOn .tab_cont > .flex_box + .flex_box {margin-top: 24px;}
  .enereyOn .tab_cont > .flex_box + .info_list {margin-top: 48px;}
  .enereyOn .tab_cont .desc_box .desc_list {margin-top: 27px;}
  .enereyOn .tab_cont .desc_box .desc_list dl + dl {margin-top: 16px;}
  .enereyOn .tab_cont .desc_box .desc_list dt .badge {font-size: 13px;}
  .enereyOn .tab_cont .desc_box .desc_list dd {padding-left: 92px; margin-top: 8px;}
  .enereyOn .tab_cont .desc_box .desc_list dd:has(.txt_list.gray) {padding-left: 0;}
  .enereyOn .tab_cont .desc_box .desc_list .txt_list.spot > li {font-size: 15px;}
  .enereyOn .tab_cont .desc_box .desc_list .txt_list.spot > li::before {top: calc(((15px * 1.5) - 3px) / 2)}
  .enereyOn .dn_tit_wrap {gap: 40px; margin-bottom: 74px;}
  .enereyOn .dn_tit_wrap .tit {gap: 16px;}
  .enereyOn .dn_tit_wrap .tit .top .pc {display: none;}
  .enereyOn .dn_tit_wrap .tit .top .mo {display: block;}
  .enereyOn .dn_tit_wrap .tit .btm {height: 46.8px;}
  .enereyOn .dn_tit_wrap .txt {font-size: 17px;}
  
  .enereyOn .dn_progress ul li {padding: 16px; flex-direction: column; gap: 12px; border-radius: 16px; align-items: flex-start;}
  .enereyOn .dn_progress ul li > strong {font-size: 17px; padding-left: 32px; width: 100%;}  
  .enereyOn .dn_progress ul li > strong::before {width: 26px; height: 26px;}
  .enereyOn .dn_progress ul li > strong br {display: none;}
  .enereyOn .dn_progress ul li .progress_bar,
  .enereyOn .dn_progress ul li:has(.btn) .progress_bar {width: 100%; height: 28px; padding: 6px; margin-bottom: 24px; margin-left: 0;}
  .enereyOn .dn_progress ul li .btn {margin-top: 22px; width: 100%; height: 36px; border-radius: 8px; font-size: 15px;}
  .enereyOn .dn_progress ul li .progress_bar .txt {font-size: 17px;}




  /*** 사이트맵 ***/
  .enereyOn .stm_tit {font-size: 32px; margin-bottom: 32px;}
  .enereyOn .sitemap {padding: 24px; border-radius: 24px;}
  .enereyOn .sitemap > ul {gap: 40px;}
  .enereyOn .sitemap > ul li h4 {font-size: 22px; margin-bottom: 16px; padding-left: 32px;}
  .enereyOn .sitemap > ul li h4::before {width: 24px; height: 24px;}
  .enereyOn .sitemap > ul li .depth2 {gap: 8px;}
  .enereyOn .sitemap > ul li .depth2 li {font-size: 17px; width: calc((100% - (8px * 2)) / 3); border-radius: 12px;}
  .enereyOn .sitemap > ul li .depth2 li a {padding: 12px;}
}

@media screen and (max-width: 1279px) {
  /***** content *****/
  /**** visual ****/
  /*** visual_wrap ***/
  .enereyOn .visual_wrap {min-height: 160px;margin-bottom: 48px;padding: 24px;border-radius: 24px;}
  .enereyOn .visual_wrap .tit {font-size: 22px;}
  .enereyOn .visual_wrap .breadcrumb,
  .enereyOn .visual_wrap .txt:not(.mb) {display: none;}
  .enereyOn .visual_wrap .txt.mb {display: block;}
  .enereyOn .visual_wrap .txt br.pc {display: none;}
  .enereyOn .visual_wrap .tit br.mo {display: block;}

  /* temp */
  .enereyOn .visual_wrap.temp_bg02 {min-height: 500px;background: url(../images/pages/energy-on/temp_bg_main02_visual_mb.png) no-repeat 50% 50% / cover;}
  .enereyOn .visual_wrap.temp_bg02::after {background-image: url(../images/pages/energy-on/temp_img_main02_visual_mb.png);background-position: center bottom 24px;}
  .enereyOn .visual_wrap.temp_bg02 .tit {font-size: 22px;}
  .enereyOn .visual_wrap.temp_bg02 .txt {display: block;margin-top: 8px;font-size: 15px;}
  
  .enereyOn .visual_wrap.bg01::after {background-position: right 20px bottom 12px;background-size: auto 122px;}
  .enereyOn .visual_wrap.bg02::after {background-position: right 21px bottom 12px;background-size: auto 123px;}
  .enereyOn .visual_wrap.bg03::after {background-position: right 17px bottom 12px;background-size: auto 123px;}
  .enereyOn .visual_wrap.bg04 {min-height: 160px;}
  .enereyOn .visual_wrap.bg04::after {background-position: right 34px bottom 18px;background-size: auto 98px;}
  .enereyOn .visual_wrap.bg05 {min-height: 160px;}
  .enereyOn .visual_wrap.bg05::after {background-position: right 20px bottom 20px;background-size: auto 113px;}
  .enereyOn .visual_wrap.bg06 {min-height: 160px;}
  .enereyOn .visual_wrap.bg06::after {background-position: right 15px bottom 9px;background-size: auto 119px;}
  .enereyOn .visual_wrap.bg07 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg07::after {background-position: right 15px bottom 9px;background-size: auto 119px;}
  .enereyOn .visual_wrap.bg08 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg08::after {background-position: right 15px bottom 9px;background-size: auto 119px;}
  .enereyOn .visual_wrap.bg09 {min-height: 160px; margin-bottom: 48px;}
  .enereyOn .visual_wrap.bg09::after {background-position: right 19px bottom 8px;background-size: auto 106px;}
  .enereyOn .visual_wrap.bg09 br {display: block;}
  .enereyOn .visual_wrap.bg10 {min-height: 160px;}
  .enereyOn .visual_wrap.bg10::after {background-position: right 26.5px bottom 16px;background-size: auto 97px;}
  .enereyOn .visual_wrap.bg11 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg11::after {background-position: right 19px bottom 12px;background-size: auto 125px;}
  .enereyOn .visual_wrap.bg12 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg12::after {background-position: right 17px bottom 15px;background-size: auto 99px;}
  .enereyOn .visual_wrap.bg13 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg13::after {background-position: right 20px bottom 19px;background-size: auto 101px;}
  .enereyOn .visual_wrap.bg14 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg14::after {background-image: url(../images/pages/energy-on/img_bg_visual14_mo.png); background-position: right 9px bottom 17px;background-size: auto 116px;}
  .enereyOn .visual_wrap.bg15::after {background-image: url(../images/pages/energy-on/img_bg_visual13_mo.png); background-position: right 0 bottom 0;background-size: auto 160px;}
  .enereyOn .visual_wrap.bg16::after {background-image: url(../images/pages/energy-on/img_bg_visual16.png);background-position: right 15px bottom 8px; background-size: 139px;}
  .enereyOn .visual_wrap.bg17 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg17::after {background-image: url(../images/pages/energy-on/img_bg_visual17.png); background-position: right 10px bottom 13px;background-size: auto 118px;}
  .enereyOn .visual_wrap.bg18 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg18::after {background-image: url(../images/pages/energy-on/img_bg_visual18_mo.png); background-position: right 14px bottom 17px;background-size: auto 101px;}
  .enereyOn .visual_wrap.bg19 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg19::after {background-image: url(../images/pages/energy-on/img_bg_visual19_mo.png); background-position: right 14px bottom 16px;background-size: auto 109px;}
  .enereyOn .visual_wrap.bg20 {min-height: 160px; margin-bottom: 32px;}
  .enereyOn .visual_wrap.bg20::after {background-image: url(../images/pages/energy-on/img_bg_visual20_mo.png); background-position: right 12px bottom 11px;background-size: auto 128.6px;}
  .enereyOn .visual_wrap.bg21::after {background-position: right 22px bottom 14px;background-size: auto 97px;}
  .enereyOn .visual_wrap.bg22::after {background-position: right 22px bottom 13px;background-size: auto 111px;}
  .enereyOn .visual_wrap.bg23::after {background-position: right 10px bottom 15px;background-size: auto 104px;}





  /**** 합리적인 소비 ****/
  /** eo_tab **/
  .enereyOn .eo_tab.cnsr02 .tab_menu {gap: 10px;}
  /*.enereyOn .eo_tab.cnsr02 .tab_menu > li {width: calc((100% - 10px) / 2);}*/
  .enereyOn .eo_tab.cnsr02 .js_tmenu {flex-direction: column;gap: 8px;padding: 8px;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu::after {content: '';display: inline-block;min-width: 24px;width: 24px;height: 24px;margin: 4px auto;background-color: #C6C6C6;-webkit-mask-image: url(../images/pages/energy-on/ico_arrow.svg);mask-image: url(../images/pages/energy-on/ico_arrow.svg);-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu.active::after {background-color: #fff;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img {max-width: none;height: 64px;padding: 15px 0;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu .fig_img img {max-width: 100%; max-height: 100%;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu .cont {margin-bottom: auto;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu .tit {font-size: 17px;text-align: center;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu .txt,
  .enereyOn .eo_tab.cnsr02 .js_tmenu .badge {display: none;}
  .enereyOn .eo_tab.cnsr02 .tab_cont {margin-top: 32px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .tb_tit {font-size: 19px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check {gap: 24px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * {padding-left: 18px;background-position: left top calc(((17px * 1.5) - 12px) / 2);background-size: auto 12px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > strong {font-size: 17px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > .txt_list.spot > li,
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > p {font-size: 15px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box .txt_list.check > * > strong + p {margin-top: 4px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box + .btn_eh_area {flex-direction: column;margin-top: 24px;}
  .enereyOn .eo_tab.cnsr02 .tab_cont > .txt_box + .btn_eh_area .rnw_btn_eh {min-width: auto;width: 100%; font-size: 15px;}

  .enereyOn .eo_tab.accordion .js_tmenu {flex-direction: row; gap: 20px; padding: 14px 16px;}
  .enereyOn .eo_tab.accordion .js_tmenu::after {content: none;}
  .enereyOn .eo_tab.accordion .js_tmenu .fig_img.sm {width: 48px; height: 48px; border-radius: 12px; padding: 0;}
  .enereyOn .eo_tab.accordion .js_tmenu .cont {margin-bottom: 0;}
  .enereyOn .eo_tab.accordion .js_tmenu .cont .pc_br {display: none;}

  .enereyOn .eo_tab.accordion .js_accWrap_each {display: flex; flex-direction: column; gap: 16px;}
  .enereyOn .eo_tab.accordion .js_accHead.on {border-radius: 24px 24px 0 0;} 
  .enereyOn .eo_tab.accordion .js_accWrap_each .js_accCont {background: #F8F8F8; border-radius: 0 0 24px 24px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);}
  .enereyOn .eo_tab.accordion .js_accWrap_each .js_accCont .js_accInner {padding: 24px;}
  .enereyOn .eo_tab.accordion .js_accWrap_each .js_accCont .js_accInner .btn_eh_area {margin-top: 16px; display: flex; flex-direction: column; gap: 8px;}
  .enereyOn .eo_tab.accordion .js_accWrap_each .js_accCont .js_accInner .btn_eh_area .rnw_btn_eh {min-height: 40px; border-radius: 8px; width: 100%; background-color: #fff; font-size: 15px;}

  
  /*** 요금진단 ***/  
  /** txt_box **/
  .enereyOn .txt_box.assessment {margin-top: 32px;}
  .enereyOn .txt_box.assessment p {font-size: 17px; font-weight: 500;}
  .enereyOn .txt_box.assessment .rnw_btn_eh {width: 100%; min-height: 40px; border-radius: 8px;}


  /*** 내 혜택 찾기 ***/  
  /** cnsr_card_list **/
  .enereyOn .cnsr_card_list {margin-top: 40px;}
  .enereyOn .cnsr_card_list > .top {margin-bottom: 16px;}
  .enereyOn .cnsr_card_list > .top .total {font-size: 13px;}
  .enereyOn .cnsr_card_list + .pagination {display: none;}
  
  /** card_list **/
  .enereyOn .cnsr_card_list .card_list {gap: 16px;}
  .enereyOn .cnsr_card_list .card_list > li {width: 100%;}
  .enereyOn .cnsr_card_list .card_list > li:is(.active) {display: "";}
  .enereyOn .cnsr_card_list .card_list > li:not(.active) {display: none;}
  .enereyOn .cnsr_card_list .card_list .card_top .title *:nth-child(2) {min-height: auto;}
  .enereyOn .cnsr_card_list .card_list .card_btm {padding-top: 24px;}
  .enereyOn .cnsr_card_list .card_list .card_btm .info dd {flex-direction: column;align-items: flex-end;min-height: auto;}
  .enereyOn .cnsr_card_list .card_list .card_btm .info dd > *:not(.badge),
  .enereyOn .cnsr_card_list .card_list .card_btm .info dd > *:not(.badge).sm {font-size: 17px;}
  .enereyOn .cnsr_card_list .card_list .card_btm .info dd .res {font-size: 28px;}
  .enereyOn .cnsr_card_list .card_list .card_btm .info dd .rows {flex-direction: column;align-items: flex-end;gap: 4px;}
  .enereyOn .cnsr_card_list .card_list .card_btm .info dd .rows::after {display: none;}

  /** form_tab **/
  .enereyOn .form_tab .sel_type {gap: 10px;}
  .enereyOn .form_tab .sel_type button {justify-content: space-between;min-height: auto;padding: 24px 20px 80px;text-align: center;}
  .enereyOn .form_tab .sel_type button::after {left: 50%;bottom: 0; transform: translateX(-50%); min-width: 122px;width: 122px;height: 70px; background-size: 100%;}
  .enereyOn .form_tab .sel_type button .txt .tit {font-size: 17px;}
  .enereyOn .form_tab .sel_type button .txt > *:not(.tit, .mb) {display: none;}
  .enereyOn .form_tab .sel_type button .txt > *:not(.tit).mb {display: block;}
  




  /**** 친환경e 생산거래 ****/  
  /*** 재생에너지 시뮬레이션 ***/
  .enereyOn .sub-section .cnsr .txt_box .tb_tit {font-size: 19px;}
  .enereyOn .sub-section .cnsr .txt_box .txt_list.check > * > strong {font-size: 17px;}
  .enereyOn .sub-section .cnsr .txt_box + .btn_eh_area {flex-direction: column; margin-top: 24px;}
  .txt_list .sm_txt {font-size: 13px;}
  .txt_list .sm_txt.star {padding-left: 14px;}


  /*** 지원정보찾기 ***/
  /** tab_menu **/
  .enereyOn .prsr02 > .tab_wrap > .tab_menu {gap: 10px; flex-wrap: inherit;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu > li {width: calc((100% - 20px) / 3);}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu {flex-direction: column;gap: 8px;padding: 8px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu::after {content: '';display: inline-block;min-width: 24px;width: 24px;height: 24px;margin: 4px auto;background-color: #C6C6C6;-webkit-mask-image: url(../images/pages/energy-on/ico_arrow.svg);mask-image: url(../images/pages/energy-on/ico_arrow.svg);-webkit-mask-position: center center;-webkit-mask-size: contain;mask-repeat: no-repeat;mask-position: center center;mask-size: contain;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu.active::after {background-color: #fff;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu .fig_img {max-width: 100%;height: 72px;padding: 15px 0;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu li:nth-child(1) .js_tmenu .fig_img img {max-width: 56px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu li:nth-child(2) .js_tmenu .fig_img img {max-width: 94px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu li:nth-child(3) .js_tmenu .fig_img img {max-width: 31px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu li:nth-child(4) .js_tmenu .fig_img img {max-width: 48px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu li:nth-child(5) .js_tmenu .fig_img img {max-width: 59px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu .cont {margin-bottom: auto;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu .tit {font-size: 17px;text-align: center; word-break: keep-all; margin-bottom: 0;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu .txt,
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu .badge {display: none;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu .tit .mo_br {display: block;}
  .enereyOn .prsr02 .tab_cont {margin-top: 32px;}
  .enereyOn .prsr02 .tab_cont > .txt_box .tb_tit {font-size: 19px;}
  .enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check {gap: 24px;}
  .enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * {padding-left: 18px;background-position: left top calc(((17px * 1.5) - 12px) / 2);background-size: auto 12px;}
  .enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > strong {font-size: 17px;}
  .enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > .txt_list.spot > li,
  .enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > p {font-size: 15px;}
  .enereyOn .prsr02 .tab_cont > .txt_box .txt_list.check > * > strong + p {margin-top: 4px;}
  .enereyOn .prsr02 .tab_cont > .txt_box + .btn_eh_area {flex-direction: column;margin-top: 24px;}
  .enereyOn .prsr02 .tab_cont > .txt_box + .btn_eh_area .rnw_btn_eh {min-width: auto;width: 100%;}
  .enereyOn .prsr02 .tab_cont .dg_box {padding: 24px; margin-left: -26px;}  
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap {flex-direction: column; gap: 32px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap > div {width: 100% !important;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt, 
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt {flex-direction: column; gap: 24px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt {flex-direction: column-reverse;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .ct {height: 48px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .ct br {display: none;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_list {border-top: 1px solid #4E83E3; border-bottom: 1px solid #4E83E3; border-left: 0; border-right: 0; padding: 7px 0; width: calc(100% - 48px); margin: 0 auto;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_list::after {width: 2px; height: 24px; left: 50%; bottom: -24px; top: inherit; transform: translateX(-50%);}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_list::before{left: 50%; top: inherit; bottom: -32px; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #4E83E3;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_list::after {width: 2px; height: 24px; left: 50%; bottom: inherit; top: -24px; transform: translateX(-50%);}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_list::before{left: 50%; top: inherit; top: -32px; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #7376F4;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree {width: 100%; display: flex; flex-direction: column; gap: 32px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .dg_tit {width: 100%; font-size: 15px; height: 72px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .tree {position: relative; gap: 8px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .dg_tree .tree li {width: calc((100% - 16px) / 3); font-size: 13px; padding: 8px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree {flex-direction: column-reverse;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .tree::before {bottom: -16px; top: inherit; width: calc(((100% + 6px) / 3) * 2);}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .dg_tit::after {width: 1px; height: 16px; left: 50%; top: -18px; transform: translateX(-50%);}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .lt .dg_tree .tree li::before {top: inherit; bottom: -16px; height: 16px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .tree::before {top: -16px; bottom: inherit; width: calc(((100% + 6px) / 3) * 2);}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .tree li::before {bottom: inherit; top: -16px; height: 16px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .dg_tit::before {bottom: inherit; top: -28px;}
  .enereyOn .prsr02 .tab_cont .dg_box .dg_box_wrap .rt .dg_tree .dg_tit::after {width: 1px; height: 16px; left: 50%; bottom: -18px; top: inherit; transform: translateX(-50%);}
  .enereyOn .prsr02 .tab_cont .no_data {padding: 48px 58px; font-size: 15px; font-weight: 600; gap: 16px; text-align: center;}
  .enereyOn .prsr02 .tab_cont .no_data::before {width: 80px; height: 80px;}

  /** prc_list **/
  .enereyOn .prc_list {flex-direction: column; gap: 32px; margin-bottom: 32px;}
  .enereyOn .prc_list li {width: 100%; border-radius: 12px; gap: 10px;}
  .enereyOn .prc_list li + li::after {top: -28px; transform: translateX(-50%) rotate(90deg); left: 50%; width: 24px; height: 24px; background-size: 100%;}
  .enereyOn .prc_list li strong {margin-top: 0; font-size: 15px;}
  .enereyOn .prc_list li p {padding: 8px; font-size: 13px; border-radius: 8px;}
  .enereyOn .prc_list li .half_p {gap: 6px;}


  /*** 거래유형 찾기 ***/
  /** term_list **/
  /* f_head */
  .enereyOn .term_list .f_head button {padding: 16px 24px;}
  .enereyOn .term_list .f_head i {min-width: 16px;width: 16px;height: 16px;}
  .enereyOn .term_list .f_head .tit {gap: 12px;font-size: 17px;}
  .enereyOn .term_list .f_head .tit::before {min-width: 24px;width: 24px;height: 24px;}
  .enereyOn .term_list .f_head .tag_list {display: none;}
  
  /* f_cont */
  .enereyOn .term_list .f_cont {padding: 0 24px 24px;}
  .enereyOn .term_list .f_cont .inner {padding: 24px;border-radius: 16px;}
  .enereyOn .term_list .f_cont .btn_eh_area,
  .enereyOn .term_list .f_cont .btn_eh_area {margin-top: 16px;padding: 0;border-radius: 0;background: none;}
  .enereyOn .term_list .f_cont .btn_eh_area .btn_eh,
  .enereyOn .term_list .f_cont .btn_eh_area .btn_eh {width: 100%;}
  .enereyOn .term_list .f_cont .form-item-row {flex-direction: column;}
  .enereyOn .term_list .f_cont .form-item {flex-wrap: wrap;}
  .enereyOn .term_list .f_cont .form-title {display: block;width: 100%;font-size: 15px;}
  .enereyOn .term_list .f_cont .form-item .w2selectbox,
  .enereyOn .term_list .f_cont .form-item select {height: 40px;font-size: 13px;}
  .enereyOn .term_list .f_cont .chk .w2checkbox_row,
  .enereyOn .term_list .f_cont .chk .w2radio_row,
  .enereyOn .term_list .f_cont .chk > * {width: 100%;margin: 5px 0;}  
  .enereyOn .term_list .f_cont .chk > .w2radio .w2radio_row {width: 100%;}
  .enereyOn .term_list .f_cont .chk > .w2checkbox {width: 100%;}

  /* btn_eh_area */
  .enereyOn .term_list > .btn_eh_area,
  .enereyOn .term_list > .btn_eh_area {gap: 8px;margin-top: 32px;}
  .enereyOn .term_list > .btn_eh_area .rnw_btn_eh,
  .enereyOn .term_list > .btn_eh_area .rnw_btn_eh {font-size: 15px;}
  
  /* pks 추가 */
  .enereyOn .term_list .f_cont .form-item .w2selectbox .w2selectbox_label { font-size: 13px; }
  
  /** cnsr_card_list **/
  .enereyOn .prsr_card_list {margin-top: 40px;}
  .enereyOn .prsr_card_list > .top {margin-bottom: 16px;}
  .enereyOn .prsr_card_list > .top .total {font-size: 13px;}
  .enereyOn .prsr_card_list + .pagination {display: none;}
  
  /** card_list **/
  .enereyOn .prsr_card_list .card_list {gap: 16px;}
  .enereyOn .prsr_card_list .card_list > li {width: 100%;}
  .enereyOn .prsr_card_list .card_list > li:is(.active) {display: "";}
  .enereyOn .prsr_card_list .card_list > li:not(.active) {display: none;}
  .enereyOn .prsr_card_list .card_list .card_top .title *:nth-child(2) {min-height: auto;}
  .enereyOn .prsr_card_list .card_list .card_btm .info dd {flex-direction: column;align-items: flex-end;min-height: auto;}
  .enereyOn .prsr_card_list .card_list .card_btm .info dd > *:not(.badge),
  .enereyOn .prsr_card_list .card_list .card_btm .info dd > *:not(.badge).sm {font-size: 17px;}
  .enereyOn .prsr_card_list .card_list .card_btm .info dd .res {font-size: 28px;}
  .enereyOn .prsr_card_list .card_list .card_btm .info dd .rows {flex-direction: column;align-items: flex-end;gap: 4px;}
  .enereyOn .prsr_card_list .card_list .card_btm .info dd .rows::after {display: none;}


  
  
  
  /*** 재생에너지 이야기 ***/
  /** info_list **/
  .info_list > li:has(.box_list) {border-radius: 40px;}
  
  /** status_wrap **/
  .enereyOn .sub-section .status_tit {font-size: 19px;}
  .enereyOn .sub-section .status_wrap {flex-direction: column; gap: 24px;}
  .enereyOn .sub-section .status_wrap .txt_box {width: 100%;}
  .enereyOn .sub-section .status_wrap .txt_box ul {gap: 12px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li {width: calc((100% - 12px) / 2); padding: 24px 24px 16px; gap: 12px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap strong {font-size: 17px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap p {font-size: 13px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li .count strong {font-size: 36px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap {padding-left: 60px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li .tit_wrap::before {width: 48px; height: 48px;}
  .enereyOn .sub-section .status_wrap .btn_wrap {width: 100%; flex-direction: row;}
  .enereyOn .sub-section .status_wrap .btn_wrap button {width: calc(100% / 2); padding: 24px;}
  .enereyOn .sub-section .status_wrap:has(.txt_box.sm) {flex-direction: column-reverse; gap: 16px;}
  .enereyOn .sub-section .status_wrap .txt_box.sm {width: 100%; padding: 24px;}
  .enereyOn .sub-section .status_wrap .map {width: 100%; height: 350px;}





  /**** 전력시장 참여 ****/
  /*** 출력제어 확인 ***/    
  .enereyOn .info_list > li .desc_box .box_list2 {flex-direction: column; gap: 28px;}
  .enereyOn .info_list > li .desc_box .box_list2 li {width: 100%; border-radius: 12px; padding: 30px; min-height: 180px; text-align: center; position: relative;}
  .enereyOn .info_list > li .desc_box .box_list2 li strong {font-size: 15px;}
  .enereyOn .info_list > li .desc_box .box_list2 li:not(:last-child)::after {width: 24px; height: 24px; right: 50%; top: inherit; bottom: -25.5px; transform: translateX(50%) rotate(90deg); background-size: 100%;}
}


@media screen and (max-width: 1024px) {
  /**** 친환경e 생산 거래 ****/
  /*** 지원정보찾기 ***/
  /** flowchart **/
  .enereyOn .flowchart .flow_box ol {gap: 32px;}
  .enereyOn .flowchart .flow_box ol > li,
  .enereyOn .flowchart .flow_box:has(.f_tit.f04) {width: calc((100% - 64px) / 3);}


  /*** 재생에너지 이야기 ***/
  /** status_wrap **/
  .enereyOn .sub-section .status_wrap .btn_wrap {gap: 16px; flex-direction: column;}
  .enereyOn .sub-section .status_wrap .btn_wrap button {width: 100%; height: 150px;}





  /**** 전력시장 참여지원 ****/
  /*** 전력사용 시간대 변경 ***/
  .enereyOn .main_btn_wrap {flex-direction: column; margin-top: 48px;}  
  .enereyOn .main_btn_wrap::before {background: url(../images/pages/energy-on/img_tbplans_mo.png) no-repeat center; width: 305px; height: 140px; position: inherit; background-size: 100%; transform: inherit; bottom: inherit; left: inherit; margin-bottom: 50px;}
  .enereyOn .main_btn_wrap::after {content: none;}
  .enereyOn .main_btn_wrap .btn_box {width: 100%; height: 76px;}
  .enereyOn .main_btn_wrap .btn_box .btn {border-radius: 12px; padding-left: 96px !important;}
  .enereyOn .main_btn_wrap .btn_box:nth-child(2) img {left: 8px;}
  .enereyOn .plans_wrap .plans_box .rt .badge {position: inherit;}
  .enereyOn .plans_wrap .plans_box .rt .md_txt {padding-left: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; line-height: 1.5; margin-top: 12px;}
  .enereyOn .plans_wrap .plans_box .rt .badge {display: flex; width: 76px;}
  .enereyOn .plans_wrap .plans_box .rt .box_list {flex-direction: column;}
  .enereyOn .plans_wrap .plans_box .rt .box_list.type02 li .box {justify-content: center; gap: 28px; padding: 28px 12px;}
  .enereyOn .plans_wrap .plans_box .rt .box_list.type01 li .box .det {gap: 64px;}


  /*** 주택용e 캐시백 ***/
  .enereyOn .data_wrap .data_box .data_talk {flex-direction: column; margin-bottom: 16px; gap: 0;}
  .enereyOn .data_wrap .data_box .data_talk img {width: 94px; margin-bottom: -34px; margin-left: 20px;}
  .enereyOn .data_wrap .data_box .data_talk .talk::before {top: -20px; left: 107px; transform: rotate(200deg) scaleX(-1); width: 58px; height: 30px;}


  /*** 플러스DR 신청 ***/
  .enereyOn .data_wrap .data_box .dr_data_talk img {width: 116px; margin-bottom: -14px;}
  .enereyOn .data_wrap .data_box .dr_data_talk .talk::before {left: 133px;}

  
  /*** 전력시장 이야기 ***/
  .enereyOn .sub-section .txt_list li .box_wrap {margin-top: 8px; flex-direction: column; gap: 20px;}
  .enereyOn .sub-section .txt_list li .box_wrap .inner {padding: 16px;}
  .enereyOn .sub-section .txt_list li .box_wrap li strong {font-size: 15px;}

  



  /**** 플랫폼 개요 ****/
  /*** 소개 ***/
  /** info_list **/
  .info_list > li .loadmap_pc {margin-top: 38px;}
  .info_list > li .loadmap_pc ul {padding-right: 0; flex-direction: column; gap: 50px;}
  .info_list > li .loadmap_pc ul li {width: 100%; margin: 0 !important;}
  .info_list > li .loadmap_pc ul li::before {top: -35px !important; right: 0 !important;}
  .info_list > li .loadmap_pc ul li:nth-child(3)::before {right: 70px !important;}
  .info_list > li .loadmap_pc ul li:nth-child(3) .tit_box {width: calc(100% - 76px);}
  .info_list > li .loadmap_pc ul li:nth-child(1) .tit_box::after
  .info_list > li .loadmap_pc ul li:nth-child(2) .tit_box::after {content: none;}
  .info_list > li .loadmap_pc ul li:last-child .tit_box::after {right: -70px; width: 76px; height: 80px;}
  .info_list > li .loadmap_pc ul li .txt_box {border-right: 0; height: inherit !important; padding: 16px 0 !important; margin-left: 0;}
  .info_list > li .loadmap_pc ul li .tit_box {height: 56px; font-size: 15px; border-radius: 8px !important; padding: 0 12px;}
  .info_list > li .loadmap_pc ul li .tit_box strong {font-size: 22px;}
  .info_list > li .loadmap_pc ul li .tit_box span {left: 60px;}
  .info_list > li .loadmap_pc ul li .tit_box::before {width: 32px; height: 32px;}
  .info_list > li .loadmap_pc ul li .tit_box::after {content: none;}
  .info_list > li .loadmap_pc ul li:nth-child(1)::before,
  .info_list > li .loadmap_pc ul li:nth-child(2)::before, 
  .info_list > li .loadmap_pc ul li:nth-child(3)::before {width: 71px; height: 71px; background-size: 100%;}
  
  
  /*** 캐릭터 소개 ***/
  /** char_intro **/
  .char_intro .char_det .char_main::before {font-size: 200px; letter-spacing: 24px;}
  

  /*** 홍보물 ***/
  .enereyOn .container:has(.pmt_wrap) {padding-right: 0;}
  .enereyOn .pmt_wrap ul li {height: 320px;}


  /*** FAQ ***/
  .enereyOn .visual_wrap.bg10 {min-height: 160px; width: calc(100% - 4.11vw);}
}


@media screen and (max-width: 900px) {
  /**** 공통 ****/
  .enereyOn .sub-section .txt_box .info_box {flex-direction: column;}
  .enereyOn .sub-section .txt_box .info_box .item .fig_img {min-height: 140px; margin-bottom: 16px;}
  .enereyOn .sub-section .txt_box .info_box .item .tit .pc_br {display: none;}
  .enereyOn .sub-section .txt_box .info_box .item .txt {padding: 0;}
  .enereyOn .sub-section .txt_box .info_box:not(:has(.item + .item)) .item {display: block; text-align: center;}
  .enereyOn .sub-section .txt_box .info_box:not(:has(.item + .item)) .item .fig_img {max-width: 100%; margin-bottom: 16px;}
  .enereyOn .sub-section .txt_box .info_box:not(:has(.item + .item)) .item .fig_img img {max-height: 88px;}





  /**** 합리적인 소비 ****/
  /*** 주택용e 캐시백 ***/
  /** status_box **/
  .enereyOn .status_box .tit {gap: 8px;}
  .enereyOn .status_box .tit p {font-size: 15px;}
  .enereyOn .status_box .tit .status_txt {position: relative; justify-content: center; width: 100%;}
  .enereyOn .status_box .tit .status_txt img:first-child {width: 290px; height: auto;}
  .enereyOn .status_box .tit .status_txt img:last-child {position: absolute; height: auto; right: 16px; bottom: -100px; width: 102px;}
  .enereyOn .status_box .crt_wrap .crt_box {border-width: 3px;}
  .enereyOn .status_box .crt_wrap::before {width: 158px; height: 80px;}
  .enereyOn .sub-section .txt_box.bg .tbl_wrap.pc_none {display: block;}
  .enereyOn .sub-section .txt_box.bg .tbl_wrap.mo_none {display: none;}
  .enereyOn .sub-section .txt_box.bg .tbl_wrap:last-child col:nth-child(1) {width: 24% !important;}
  .enereyOn .sub-section .txt_box.bg .tbl_wrap:last-child col:nth-child(2) {width: 25% !important;}

  .enereyOn .data_wrap .data_box .txt_box.skyblue {gap: 32px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .inbox {padding-left: 0; background: inherit; gap: 10px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .inbox p {font-size: 15px; display: flex; align-items: center; gap: 16px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .inbox p span {display: block; width: calc(100% - 66px);}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .inbox p::before {content: ''; display: block; width: 50px; height: 48px; background: url(../images/pages/energy-on/img_cashback.png) no-repeat center; background-size: 100%;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap {flex-direction: column; gap: 16px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap * {font-size: 13px !important;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .ipt {width: 100%; height: 40px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap button {height: 40px !important; width: 100% !important;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .btn_return {gap: 12px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .ipt_wrap .btn_return::before {width: 16px; height: 16px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white b {font-size: 15px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white b strong {font-size: 32px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white b strong::before {width: 63px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white p {font-size: 13px;}
  .enereyOn .data_wrap .data_box .txt_box.skyblue .txt_box.white p .mo_br {display: block;}
  .enereyOn .data_wrap .data_box .tbl_wrap table tr td .sm_txt {font-size: 13px; display: block;}
  .enereyOn .data_wrap .data_box .txt_box + .tbl_wrap {margin-top: 24px;}





  /**** 전력시장 참여 ****/
  /*** 전력사용 시간대 변경 ***/
  .enereyOn .data_wrap .data_box .txt_box .info_result2 {margin-top: 40px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p {height: 100%; flex-direction: column; padding: 16px; gap: 16px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p > span {width: 100%;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p span.list {display: flex; width: 100%; justify-content: space-between;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p span.mo_none {display: none !important}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p span.pdt10 {padding-top: 10px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p > span:nth-child(1) {display: flex; flex-direction: column; gap: 6px; padding: 0 8px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p > span:nth-child(2) {background-color: #fff; border-radius: 12px; padding: 16px; flex-direction: column; gap: 6px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p > span:nth-child(2) strong {position: relative; z-index: 0;}
  .enereyOn .data_wrap .data_box .txt_box .info_result2 p > span:nth-child(2) strong::before {content: ''; display: block; width: 110px; height: 8px; background: #EFF5FF; position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); z-index: -1;}


  /*** 플러스DR 신청 ***/
  .enereyOn .data_wrap .data_box .txt_box .box_wrap {flex-direction: column;}
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box img {width: 235px; margin: 0 auto;}





  /**** 플랫폼 개요 ****/
  /*** 이벤트 게시판 ***/
  .enereyOn .tab_cont .visual {border-radius: 32px; overflow: hidden; background: url(../images/pages/energy-on/dn_visual_tb.png) no-repeat center / cover;}
  .enereyOn .tab_cont .visual img.txt {height: 131px; top: 80px; left: 64px; transform: inherit;}

  .enereyOn .dn_tit_wrap::before {width: 114px; height: 63px; left: -4px;}
  .enereyOn .dn_tit_wrap .txt br:first-child {display: none;}
}


@media screen and (max-width: 768px) {
  /*** contents ***/    
  .enereyOn .cnt_tit h2 .mo_br {display: block;}

  /** info_list **/
  .info_list > li:has(.box_list) {padding-bottom: 24px;}
  .enereyOn .info_list > li .desc_box p.blue {font-size: 15px;  margin: 16px 0 28px;}
  .enereyOn .info_list > li .desc_box .box_list {flex-direction: column; flex-wrap: nowrap; margin-top: 38px; width: calc(100% + 49px); margin-left: -56px; gap: 28px;}
  .enereyOn .info_list > li .desc_box .box_list > li {width: 100%; min-height: 100%; padding: 16px; border-radius: 12px;}
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(4),
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(5),
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(6) {order: inherit;}
  .enereyOn .info_list > li .desc_box .box_list > li::after {top: 100%; transform: rotate(90deg) translateY(-50%) !important; right: 50%; width: 24px; height: 24px; background-size: 100%;}
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(4)::after {content: '';}
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(5)::after, 
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(6)::after {transform: inherit;}
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(6)::after {content: none;}
  .enereyOn .info_list > li .desc_box .box_list > li ul,
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(4) ul,
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(5) ul, 
  .enereyOn .info_list > li .desc_box .box_list > li:nth-child(6) ul {min-height: 100%;}
  .enereyOn .info_list > li .desc_box .box_list > li ul  {gap: 6px;}
  .enereyOn .info_list > li .desc_box .box_list > li ul li {font-size: 13px; padding: 8px; border-radius: 8px;}
  .enereyOn .info_list > li .desc_box .box_list > li ul li .pc_br {display: none;}
  .enereyOn .info_list > li .desc_box .box_list > li strong {font-size: 15px;}
  .enereyOn .info_list > li .desc_box .box_list > li span {margin-bottom: 10px;}


  /**** 합리적인 소비 ****/
  /*** 요금절감 ***/
  /** tab **/
  .enereyOn .eo_tab.cnsr02 .dg_box img.pc {display: none;}
  .enereyOn .eo_tab.cnsr02 .dg_box img.mo {display: block;}





  /**** 친환경e 생산거래 ****/
  /*** 지원정보찾기 ***/
  /** tab **/
  .enereyOn .prsr02 > .tab_wrap {width: calc(100% + 26px); overflow: scroll; margin: -10px; margin-right: -16px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu {width: 756px; padding: 10px; padding-right: 16px;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu > li {width: 140px;}

  /** flowchart **/
  .enereyOn .flowchart {gap: 32px;}
  .enereyOn .flowchart .flow_box ol {flex-direction: column;}
  .enereyOn .flowchart .flow_box ol > li, 
  .enereyOn .flowchart .flow_box:has(.f_tit.f04) {width: 100%;}
  .enereyOn .flowchart .flow_box ol > li {flex-direction: row; gap: 12px;}
  .enereyOn .flowchart .flow_box ol > li ul {width: calc(100% - 128px); gap: 32px;}
  .enereyOn .flowchart .flow_box .f_tit {width: 96px; height: auto; flex-direction: column; border-radius: 12px; font-size: 15px; gap: 4px;}
  .enereyOn .flowchart .flow_box .f_tit.f04 {width: 100%; height: 56px; flex-direction: row; gap: 4px;}
  .enereyOn .flowchart .flow_box .f_tit.mo {display: flex;}
  .enereyOn .flowchart .flow_box .f_tit .mo_br {display: block;}
  .enereyOn .flowchart .flow_box:has(.f_tit.f04)::before,
  .enereyOn .flowchart .flow_box:has(.f_tit.f04)::after {content: none;}
  .enereyOn .flowchart .flow_box ol > li ul {width: calc(100% - 108px);}
  .enereyOn .flowchart .flow_box ol > li ul li {border-radius: 12px; padding: 12px;}
  .enereyOn .flowchart .flow_box ol > li ul li .step {border-radius: 8px; font-size: 13px;}
  .enereyOn .flowchart .flow_box ol > li ul li .txt {font-size: 15px; padding: 12px 0 4px;}
  .enereyOn .flowchart .flow_box ol > li ul li + li::before {width: 24px; height: 24px; background-size: 100%; top: -28px;}
  .enereyOn .flowchart .flow_box ol > li ul li::before {content: ''; display: block; width: 24px; height: 24px; background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; background-size: 100%; position: absolute; top: -28px; left: 50%; transform: rotate(90deg) translateY(50%);}
  .enereyOn .flowchart .flow_box:first-child ol > li:last-child ul li:last-child::after {content: ''; display: block; width: 24px; height: 24px; background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; position: absolute; background-size: 100%; bottom: -28px; left: 50%; transform: rotate(90deg) translateY(50%);}
  .enereyOn .flowchart .flow_box:first-child ol > li:first-child ul li:first-child::before {content: none;}
  .enereyOn .flowchart .flow_box:last-child ol > li:last-child ul {margin-top: 0;}
  .enereyOn .flowchart .flow_box:last-child ol > li:last-child ul li::before {background: url(../images/pages/energy-on/img_prc_arrow_r.png) no-repeat center; width: 24px; height: 24px; transform: rotate(90deg) translateY(50%); top: -28px; background-size: 100%;}


  /**** 플랫폼 개요 ****/
  /*** 캐릭터 소개 ***/
  /** char_intro **/
  .char_intro .char_tit {margin-bottom: 40px;}
  .char_intro .char_tit h2 {font-size: 32px;}
  .char_intro .char_tit p {font-size: 17px; margin-top: 6px;}
  .char_intro .char_det {margin-bottom: 48px;}
  .char_intro .char_det .char_main {margin-bottom: 24px;}
  .char_intro .char_det .char_main::before {font-size: 80px; letter-spacing: 12.8px;}
  .char_intro .char_det .char_main img {width: 184px;}
  .char_intro .char_det .summary {font-size: 13px; width: 100%; max-width: 400px; margin-bottom: 32px;}
  .char_intro .char_det .summary li {padding: 6px 12px;}
  .char_intro .char_det .det {font-size: 15px;}
  .char_intro .char_det .det span {display: block;}
  .char_intro .char_det .det span + span {margin-top: 12px;}
  .char_intro .char_det .det br {display: none;}
  .char_intro .motion {gap: 10px;}
  .char_intro .motion li {width: calc((100% - 10px) / 2); border-radius: 16px;}
  
  
  /*** FAQ ***/  
  .enereyOn .pmt_wrap ul li {height: 270px;}


  /**** 합리적인 소비 ****/
  /*** 내 혜택 찾기 ***/
  /** ft_opt_list **/
  .enereyOn .ft_opt_list > * br.mb {display: block;}





  /**** 전력시장참여 ****/   
  /*** 전력사용시간대변경 ***/
  .enereyOn .data_wrap .data_box .data_talk .talk {flex-direction: column; gap: 24px;}
  .enereyOn .data_wrap .data_box .data_talk .talk .tit strong br {display: none;}
  .enereyOn .data_wrap .data_box .data_talk .num_select {width: 100%; padding-left: 0; border-left: 0; border-top: 1px solid #F0F0F0; padding-top: 24px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap {flex-direction: column; align-items: normal; gap: 24px;}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap > div:has(.before_tbl01) {width: calc(100% - 32px);}
  .enereyOn .data_wrap .data_box .txt_box .tbl_wrap:has(.before_tbl01)::before {inset: 0; background: linear-gradient(180deg, #FFF 8.89%, #EFF2F9 40.43%, #E0E6F5 100%), #D9D9D9; clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 100%, 0 100%); left: 50%; top: 190px; width: 100%; height: 48px; transform: translateX(-50%);}
  .enereyOn .data_wrap .banner {padding-bottom: 128px;}
  .enereyOn .data_wrap .data_box .txt_box .info_result::before {left: 50%; top: -38px; transform: translateX(-50%);}
  .enereyOn .data_wrap .data_box .txt_box .info_result p {height: 100%; padding: 50px 24px 24px; display: block;}
  .enereyOn .data_wrap .data_box .txt_box .info_result p .mo_br {display: block;}
  .enereyOn .data_wrap .data_box .txt_box .btn_right button {min-width: 100%;}


  /*** 전력시장 이야기 ***/
  .enereyOn .sub-section .txt_list li .box_wrap .inner {flex-direction: column; gap: 44px;}
  .enereyOn .sub-section .txt_list li .box_wrap .inner > div {gap: 8px;}
  .enereyOn .sub-section .txt_list li .box_wrap .inner .lt::after {left: 50%; bottom: -36px; top: inherit; transform: rotate(90deg) translateY(50%);}
  .enereyOn .sub-section .txt_list li .box_wrap .inner .img {text-align: center; height: 96px;}
  .enereyOn .sub-section .desc_box .txt_box.img {padding: 21px 10.5px;}
  .enereyOn .sub-section .desc_box .txt_box.img img.mb {display: block;}
  .enereyOn .sub-section .desc_box .txt_box.img img.pc {display: none;}
  .enereyOn .sub-section .txt_box.blue:has(.more_txt_box) {margin-top: 32px; flex-direction: column; padding: 24px; gap: 20px; width: calc(100% + 68px); margin-left: -68px;}
  .enereyOn .sub-section .txt_box.blue:has(.more_txt_box)::before {width: 91px; height: 119px;}
  .enereyOn .sub-section .txt_box .more_txt_box {width: 100%; text-align: center; gap: 16px;}
  .enereyOn .sub-section .txt_box .more_txt_box strong.blue {font-size: 17px;}
  .enereyOn .sub-section .txt_box .more_txt_box p {font-size: 15px;}


  /*** 플러스DR 신청 ***/
  .enereyOn .qr_wrap {margin-top: 40px; gap: 46px;}
  .enereyOn .qr_wrap .btn_qr {gap: 16px;}
  .enereyOn .qr_wrap .btn_qr img {height: 96px;}
  .enereyOn .qr_wrap .btn_qr span {display: flex; align-items: center; gap: 6px; font-size: 15px;}
  .enereyOn .qr_wrap .btn_qr span::before {background-size: 100%; width: 24px; height: 24px;}





  /**** 플랫폼 개요 ****/
  /*** 기부 캠페인 ***/  
  .enereyOn .tab_cont > .flex_box .img {height: 180px;}
  .enereyOn .tab_cont .cnt_tit {margin: 40px 0 24px;}
  .enereyOn .tab_cont .cnt_tit + .info_list {margin-top: 0;}
  .enereyOn .dn_tit_wrap .tit .btm {flex-direction: column; gap: 21px; height: auto;}
  .enereyOn .dn_tit_wrap .tit .btm img {height: 46.8px;}






  /*** 사이트맵 ***/
  .enereyOn .stm_tit {font-size: 32px;}
  .enereyOn .sitemap > ul li .depth2 li {width: calc((100% - (8px)) / 2);}
}


@media screen and (max-width: 767px) {  
  /***** sub(공통) *****/
  .eo_tab .tbl_wrap {margin-left: -18px !important;}
  .enereyOn .spt_tbl colgroup col:first-child {width: 60px !important;}
  .enereyOn .tip_tbl colgroup col:first-child {width: 40% !important;}
  
  
  /**** 친환경e 생산거래 ****/

  /*** 재생에너지 이야기 ***/
  /** status_wrap **/
  .enereyOn .sub-section .status_wrap {gap: 24px;}
  .enereyOn .sub-section .status_wrap .txt_box {padding: 24px;}
  .enereyOn .sub-section .status_wrap .txt_box ul {flex-direction: column; flex-wrap: nowrap; gap: 12px;}
  .enereyOn .sub-section .status_wrap .txt_box ul li {width: 100%;}
  .enereyOn .sub-section .status_wrap .txt_box ul li .count .w2textbox {font-size: 15px;}
  .enereyOn .sub-section .status_wrap .btn_wrap button .fig_img {width: 74px; height: 84px;}
  .enereyOn .sub-section .status_wrap .btn_wrap button:nth-child(1) .fig_img img {width: 38px;}
  .enereyOn .sub-section .status_wrap .btn_wrap button:nth-child(2) .fig_img img {width: 38px;}
  .enereyOn .sub-section .status_wrap .btn_wrap button:nth-child(3) .fig_img img {width: 44px;}
  .enereyOn .sub-section .status_wrap .btn_wrap button .cont .tit {font-size: 22px;}
}


@media screen and (max-width: 500px) {
  /**** 합리적인 소비 ****/

  /*** 요금절감 ***/
  /** eo_tab **/
  .enereyOn .eo_tab.cnsr02 .js_tmenu .tit .mo_br {display: block;}


  /*** 주택용e 캐시백 ***/
  /** status_box **/
  .enereyOn .status_box {background: url(../images/pages/energy-on/status_bg_mo.png) no-repeat center top 0 / 110%; width: 100%; padding-top: 24px; margin-top: -24px;}
  .enereyOn .status_box .tit .status_txt {margin-bottom: -50px;}
  .enereyOn .status_box .tit .status_txt img:last-child {bottom: -40px;}

  /** txt_box **/
  .enereyOn .sub-section .txt_box.bg .apply_info .item {flex-direction: column; align-items: center; padding: 24px; gap: 8px;}
  .enereyOn .sub-section .txt_box.bg .apply_info .item > div {width: 100%;}

  /**** 플랫폼 개요 ****/
  /*** 이벤트 게시판 ***/
  .enereyOn .tab_cont .visual {border-radius: 24px; overflow: hidden; background: url(../images/pages/energy-on/dn_visual_mo.png) no-repeat center / cover; height: 320px;}
  .enereyOn .tab_cont .visual img.txt {height: 94px; top: 50px; left: 31px; transform: inherit;}
}


@media screen and (max-width: 480px) {
  /**** 전력시장 참여 ****/
  /*** 플러스DR ***/
  .enereyOn .data_wrap .data_box .txt_box .box_wrap li .graph_box img {width: 100%; margin: 0 auto;}





  /**** 플랫폼 개요 ****/

  /*** 캐릭터 소개 ****/
  /** char_intro **/
  .char_intro .motion li {min-height: 120px;}
  .char_intro .motion li img {width: 94px;}
  .char_intro .char_det .summary {max-width: 300px;}


  /*** 홍보물 ***/
  .enereyOn .pmt_wrap ul li {height: 260px;}


  /*** 이벤트 게시판 ***/
  .enereyOn .tab_cont .desc_box .desc_list {margin-left: -56px; margin-right: 8px;}  
  .enereyOn .dn_visual {background: url(../images/pages/energy-on/donation_visual_mo.png) no-repeat center / cover; height: 750px;}
  .enereyOn .sub-section:has(.dn_sec) {background: #F3F9F4 url(../images/pages/energy-on/dn_btm_bg_mo.png) no-repeat center bottom / 100%; padding-bottom: 198px;}


  /*** 사이트맵 ***/
  .enereyOn .stm_tit .blue {display: block;}
  .enereyOn .sitemap > ul li .depth2 li {width: 100%;}
}

@media screen and (max-width: 375px) {  
  /**** 합리적인 소비 ****/
  /*** 내 혜택 찾기 ***/
  .enereyOn .ft_opt_list > * {padding: 24px 14px 70px;}
}



/* hover */
@media (hover: hover) {
  .enereyOn .ft_opt_list > *:hover {border-color: #94B8FF;background: #F7FAFF;}
  .enereyOn .ft_opt_list > *:hover .tit {color: #0045C9;}

  .enereyOn .form_tab .sel_type button:hover {border-color: #94B8FF;background: #F7FAFF;}
  .enereyOn .form_tab .sel_type button:hover .txt > * {color: #002B7D;}
  .enereyOn .form_tab .sel_type button:hover .txt .tit {color: #0045C9;}

  .enereyOn .eo_tab.cnsr02 .js_tmenu:hover {background: #0038A3;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.24);}
  .enereyOn .eo_tab.cnsr02 .js_tmenu:hover .fig_img {background: #fff;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu:hover .cont * {color: #fff;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu:hover::after {background-color: #fff;}
  .enereyOn .eo_tab.cnsr02 .js_tmenu:hover .badge {border-color: #fff;color: #0053F2;background: #fff;}

  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu:hover {background: #0038A3;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.24);}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu:hover .fig_img {background: #fff;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu:hover .cont * {color: #fff;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu:hover::after {background-color: #fff;}
  .enereyOn .prsr02 > .tab_wrap > .tab_menu .js_tmenu:hover .badge {border-color: #fff;color: #0053F2;background: #fff;}
  
  .enereyOn .sub-section .status_wrap .btn_wrap button:hover {box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.20);}
  .enereyOn .sub-section .status_wrap .btn_wrap button:hover .cont .tit,
  .enereyOn .sub-section .status_wrap .btn_wrap button:hover .cont .txt {color: #0038A3;}
  .enereyOn .sub-section .status_wrap .btn_wrap button:hover .cont .txt::after {background: url(../images/pages/energy-on/ico_arrow_right_sm_hv.svg) no-repeat center;}

  .enereyOn .data_wrap .data_box .data_talk .num_select button:hover {background: #EFF5FF;}
  .enereyOn .data_wrap .data_box .txt_box .btn_right button:hover,
  .enereyOn .data_wrap .data_box .txt_box .flex .btn_box .btn:hover {background: #001E57 !important;}
}