@charset "utf-8";

@import "/lib/css/template2.css";

.sub_tit_cont {display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px;}
.sub_tit_cont .sub_tit {margin: 0;}
.category_list_area {width: 100%; max-width: 700px; margin: 0 0 0 20px;}
.category_list_area.view {display: none;}
.category_list_area .text {margin: 0 0 15px; font-weight: 600; font-size: 17px; color: #444444;}
.category_list_area .slt_list_area {}
.category_list_area .slt_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.category_list_area .slt_list_area .list li {width: calc(50% - 10px); margin: 0 20px 0 0;}
.category_list_area .slt_list_area .list li:last-child {margin: 0;}
.category_list_area .slt_list_area .list li select {width: 100%; height: 52px; border: 1px solid #118345; padding: 0 35px 0 25px; background-image: url('/images/sub/slt_arr_sty.png'); background-position: right 25px center; background-repeat: no-repeat; font-weight: 600; font-size: 17px; line-height: 50px; color: #118345; border-radius: 8px;}

.b_type_title_area {padding: 28px 0;}
.b_type_title_area .sub_title {font-size: 24px;}
.b_type_title_area .tit {font-size: 32px;}
.b_type_title_area .file_down_area .pop_btn {margin: 0;}
.b_type_title_area .file_down_area .file_btn {margin: 0 10px 0 0;}
.b_type_title_area .name_info_area {display: flex; align-items: baseline; justify-content: flex-end; margin: 24px 0 0;}
.b_type_title_area .name_info_area .tit {width: auto; margin: 0 10px 0 0; font-weight: 600; font-size: 22px; color: #444444;}
.b_type_title_area .name_info_area .txt {font-weight: 500; font-size: 16px; color: #888888;}
.b_type_title_area.type1 > div:first-child {width: calc(100% - 430px);}
.btype__view-wrap .content {padding: 40px 0 80px;}


.energy_info_cont {}
.energy_info_cont * {word-break: keep-all; line-height: 1.5; letter-spacing: -0.05em;}
.energy_info_cont .sen > .text_list_area {margin: 0 0 40px; padding: 0 0 120px; background-repeat: no-repeat;}
.energy_info_cont .sen > .text_list_area.type1 {padding: 0;}
.energy_info_cont .sen > .text_list_area .list {}
.energy_info_cont .sen > .text_list_area .list li {margin: 0 0 20px; font-weight: 600; font-size: 19px; line-height: 30px; color: #666666;}
.energy_info_cont .sen > .text_list_area .list li:last-child {margin: 0;}
.energy_info_cont .sen > .text_list_area .list li.ft_c {color: #dd6753;}
.energy_info_cont .sen > .keyword_info_area {margin: 0 0 60px; background-color: #efefef; border-radius: 24px;}
.energy_info_cont .sen > .keyword_info_area > .title_area {position: relative; padding: 15px 40px; background-color: #595757; border-radius: 50px;}
.energy_info_cont .sen > .keyword_info_area > .title_area:after {content: ''; position: absolute; top: -12px; right: 30px; width: 48px; height: 44px; background-image: url('/images/sub/new_view_img_icon.png'); background-position: center; background-size: contain; background-repeat: no-repeat;}
.energy_info_cont .sen > .keyword_info_area > .title_area .title {font-weight: 700; font-size: 22px; color: #ffffff;}
.energy_info_cont .sen > .keyword_info_area > .text_cont {padding: 30px 40px;}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area {}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list {}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li {margin: 0 0 33px;}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li:last-child {margin: 0;}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .title {margin: 0 0 20px; font-weight: 700; font-size: 19px; color: #222222;}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area {}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list {}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li {display: flex; margin: 0 0 13px;}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li:last-child {margin: 0;}
.energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li span {font-weight: 600; font-size: 18px; line-height: 30px; color: #666666;}
.energy_info_cont .sen > .bg_data_cont {margin: 0 0 80px;}
.energy_info_cont .sen > .bg_data_cont .title_area {margin: 0 0 27px;}
.energy_info_cont .sen > .bg_data_cont .title_area .title {font-weight: 800; font-size: 25px; color: #222222;}
.energy_info_cont .sen > .bg_data_cont .img_area {margin: 0 0 40px;}
.energy_info_cont .sen svg {display:block;width: 100%; height: 100%;}
.energy_info_cont .sen .svg_cont01 {}
.energy_info_cont .sen .svg_cont02 {width: 100%; max-width: 1398px; height: 100%; max-height: 1304px;}
.energy_info_cont .sen .svg_cont03 {width: 100%; max-width: 1400px; height: 100%; max-height: 574px;}
.energy_info_cont .sen .svg_cont04 {width: 100%; max-width: 1399px; height: 100%; max-height: 1433px;}
.energy_info_cont .sen .svg_cont05 {width: 100%; max-width: 1400px; height: 100%; max-height: 391px;}
.energy_info_cont .sen .svg_cont01 text {font-weight: 700; font-size: 18px; fill: #ffffff;}
.energy_info_cont .sen .svg_cont01 tspan {display: block;}
.energy_info_cont .sen > .bg_data_cont .text_area {}
.energy_info_cont .sen > .bg_data_cont .text_area .text {font-weight: 600; font-size: 18px; line-height: 30px; color: #666666;}
.energy_info_cont .sen > .text_cont {margin: 0 0 80px;}
.energy_info_cont .sen > .text_cont .title_area {margin: 0 0 26px;}
.energy_info_cont .sen > .text_cont .title_area .title {font-weight: 800; font-size: 34px; color: #222222;}
.energy_info_cont .sen > .text_cont .inner_box {display: flex; align-items: flex-start; justify-content: flex-start;}
.energy_info_cont .sen > .text_cont .inner_box .box {}
.energy_info_cont .sen > .text_cont .inner_box .box.left {width: calc(40% - 33px); margin: 0 66px 0 0; border-right: 1px solid #afafaf; padding: 0 55px 0 0;}
.energy_info_cont .sen > .text_cont .inner_box .box.right {width: calc(60% - 33px);}
.energy_info_cont .sen > .text_cont .inner_box .box .text_area {}
.energy_info_cont .sen > .text_cont .inner_box .box .text_area .text {font-weight: 600; font-size: 19px; line-height: 30px; color: #666666;}
.energy_info_cont .sen > .text_cont .inner_box .box .text_area .text.ft_c {color: #7d6d64;}
.energy_info_cont .sen > .info_list_area {margin: 0 0 40px;}
.energy_info_cont .sen > .info_list_area .list {display: flex; align-items: flex-start; justify-content: flex-start;}
.energy_info_cont .sen > .info_list_area .list li {margin: 0 26px 0 0;}
.energy_info_cont .sen > .info_list_area .list li:nth-child(1) {width: calc(24% - 19.5px); }
.energy_info_cont .sen > .info_list_area .list li:nth-child(2) {width: calc(24% - 19.5px); }
.energy_info_cont .sen > .info_list_area .list li:nth-child(3) {width: calc(24% - 19.5px); }
.energy_info_cont .sen > .info_list_area .list li:nth-child(4) {width: calc(28% - 19.5px); }
.energy_info_cont .sen > .info_list_area .list li:last-child {margin: 0;}
.energy_info_cont .sen > .info_list_area .list li .box {position: relative; margin: 0 0 20px; padding: 0 0 77px; background-position: bottom center; background-repeat: no-repeat;}
.energy_info_cont .sen > .info_list_area .list li .box.bg1 {background-image: url('/images/sub/new_view_img_icon02.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box.bg2 {background-image: url('/images/sub/new_view_img_icon03.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box.bg3 {background-image: url('/images/sub/new_view_img_icon04.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box.bg4 {background-image: url('/images/sub/new_view_img_icon05.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box .title_cont {position: relative; padding: 0 0 15px; background-position: bottom center; background-repeat: no-repeat;}
.energy_info_cont .sen > .info_list_area .list li .box.bg1 .title_cont {background-image: url('/images/sub/new_view_img_arr01.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box.bg2 .title_cont {background-image: url('/images/sub/new_view_img_arr02.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box.bg3 .title_cont {background-image: url('/images/sub/new_view_img_arr03.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box.bg4 .title_cont {background-image: url('/images/sub/new_view_img_arr04.jpg');}
.energy_info_cont .sen > .info_list_area .list li .box .title_cont .title_area {padding: 6px 25px; border-radius: 50px; text-align: center;}
.energy_info_cont .sen > .info_list_area .list li .box.bg1 .title_cont .title_area {background-color: #985ca2;}
.energy_info_cont .sen > .info_list_area .list li .box.bg2 .title_cont .title_area {background-color: #e73370;}
.energy_info_cont .sen > .info_list_area .list li .box.bg3 .title_cont .title_area {background-color: #ea5720;}
.energy_info_cont .sen > .info_list_area .list li .box.bg4 .title_cont .title_area {background-color: #000000;}
.energy_info_cont .sen > .info_list_area .list li .box .title_cont .title_area .title {font-weight: 600; font-size: 17px; color: #ffffff;}
.energy_info_cont .sen > .info_list_area .list li .text_area {text-align: center;}
.energy_info_cont .sen > .info_list_area .list li .text_area .text {font-weight: 700; font-size: 17px; color: #000000;}
.energy_info_cont .sen .img_area img {display: none; width: 100%; vertical-align: middle;}

.energy_info_cont .sen .seesaw_cont {}
.energy_info_cont .sen .seesaw_cont .inner_box {display: flex; align-items: center; justify-content: space-between;}
.energy_info_cont .sen .seesaw_cont .inner_box .box {margin: 0 40px 0 0;}
.energy_info_cont .sen .seesaw_cont .inner_box .box:last-child {margin: 0;}
.energy_info_cont .sen .seesaw_cont .inner_box .box.left {display: flex; align-items: center; justify-content: center; width: calc(44% - 20px); padding: 66px 10px 54px; background-color: #efefef; border-radius: 32px;}
.energy_info_cont .sen .seesaw_cont .inner_box .box.left .img_area {}
.energy_info_cont .sen .seesaw_cont .inner_box .box.left .img_area img {width: auto;}
.energy_info_cont .sen .seesaw_cont .inner_box .box.right {width: calc(56% - 20px);}
.energy_info_cont .sen .seesaw_cont .inner_box .box.right .text_area {}
.energy_info_cont .sen .seesaw_cont .inner_box .box.right .text_area .text {}

.energy_info_cont .sen .step_list_cont {margin: 0 0 48px;}
.energy_info_cont .sen .step_list_cont .list_area {}
.energy_info_cont .sen .step_list_cont .list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.energy_info_cont .sen .step_list_cont .list_area .list li {width: calc(33.3333% - 10px); margin: 0 15px 0 0;}
.energy_info_cont .sen .step_list_cont .list_area .list li:last-child {margin: 0;}
.energy_info_cont .sen .step_list_cont .list_area .list li .title_area {margin: 0;}
.energy_info_cont .sen .step_list_cont .list_area .list li .title_area .title {font-weight: 800; font-size: 40px;}
.energy_info_cont .sen .step_list_cont .list_area .list li.bg1 .title_area .title {color: #3a99d9;}
.energy_info_cont .sen .step_list_cont .list_area .list li.bg2 .title_area .title {color: #ea5720;}
.energy_info_cont .sen .step_list_cont .list_area .list li.bg3 .title_area .title {color: #9cca54;}
.energy_info_cont .sen .step_list_cont .list_area .list li .title_area .title .ft_s {font-size: 24px;}
.energy_info_cont .sen .step_list_cont .list_area .list li .text_area {padding: 20px 0; background-position: center; background-size: contain; background-repeat: no-repeat; text-align: center;}
.energy_info_cont .sen .step_list_cont .list_area .list li.bg1 .text_area {background-image: url('/images/template/step_list_icon01.png');}
.energy_info_cont .sen .step_list_cont .list_area .list li.bg2 .text_area {background-image: url('/images/template/step_list_icon02.png');}
.energy_info_cont .sen .step_list_cont .list_area .list li.bg3 .text_area {background-image: url('/images/template/step_list_icon03.png');}
.energy_info_cont .sen .step_list_cont .list_area .list li .text_area .text {font-weight: 600; font-size: 20px; line-height: 30px; color: #ffffff;}

.energy_info_cont .sen.sen11 .img_area img {display: block;}
.energy_info_cont .sen.sen12 .img_area {margin: 0;}
.energy_info_cont .sen.sen12 .text_area {margin: 0 0 20px;}
.energy_info_cont .sen.sen14 .text_area {margin: 0 0 20px;}
.energy_info_cont .sen.sen15 .text_area {margin: 0 0 20px;}

@media (max-width: 1024px) {
    .mobile_zoom_img {
        cursor: pointer;
    }
}

/* 팝업 오버레이 */
.image_popup_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 10000; align-items: center; justify-content: center;}
.image_popup_overlay.active {display: flex;}
.image_popup_container {position: relative; max-width: 90%; max-height: 90%; display: flex; align-items: center; justify-content: center;}
.image_popup_img {max-width: 100%; max-height: 90vh; object-fit: contain;}
.image_popup_close {position: absolute; top: 0; right: 0; background: transparent; border: none; color: #fff; font-size: 40px; cursor: pointer; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 10000;}

/* SVG 내부 path, line, polyline 등에 적용 */
.svg_cont02 .line2 {
    stroke-dasharray: 1000; /* 선의 길이 */
    stroke-dashoffset: 1000; /* 처음엔 안 보이게 */
    animation: draw_line 2s ease forwards; /* 2초간 그리기 */
}

@keyframes draw_line {
    to {
        stroke-dashoffset: 0; /* 선 전체 표시 */
    }
}

@media only screen and (min-width:1024px) {
    @keyframes slide { 0% {opacity: 0;}  100% {opacity: 1;} }
    @keyframes slideUp { 0% {transform: translateY(50px);opacity: 0;}  100% {transform: translateY(0);opacity: 1;} }
    @keyframes slideleft { 0% {transform: translateX(-50px);opacity: 0;}  100% {transform: translateY(0);opacity: 1;} }
    @keyframes slideUpbg { 0% {background-image: initial; background-position: bottom 15% center; }  100% {background-image: url('/images/sub/new_view_img_1.jpg'); background-position: bottom center; } }


    .energy_info_cont .sen.sen01 > .text_list_area .list li {transform: translateY(20px); opacity: 0;}
    .energy_info_cont .sen.sen01.active > .text_list_area:not(.type1) {animation: slideUpbg 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen01.active > .text_list_area .list li:nth-child(1) {animation: slideUp 0.3s ease 0.3s forwards;}
    .energy_info_cont .sen.sen01.active > .text_list_area .list li:nth-child(2) {animation: slideUp 0.3s ease 0.4s forwards;}
    .energy_info_cont .sen.sen01.active > .text_list_area .list li:nth-child(3) {animation: slideUp 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen01.active > .text_list_area .list li:nth-child(4) {animation: slideUp 0.3s ease 0.6s forwards;}
    .energy_info_cont .sen.sen01.active > .text_list_area .list li:nth-child(5) {animation: slideUp 0.3s ease 0.7s forwards;}
    .energy_info_cont .sen.sen01.active > .text_list_area .list li:nth-child(6) {animation: slideUp 0.3s ease 0.8s forwards;}

    .energy_info_cont .sen.sen02 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen02.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen.sen02 > .keyword_info_area > .title_area .title {opacity: 0;}
    .energy_info_cont .sen.sen02.active > .keyword_info_area > .title_area .title {animation: slide 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen02 > .keyword_info_area > .text_cont .text_list_area > .list > li {transform: translateY(20px); opacity: 0;}
    .energy_info_cont .sen02.active > .keyword_info_area > .text_cont .text_list_area > .list > li:nth-child(1) {animation: slideUp 0.3s ease 0.6s forwards;}
    .energy_info_cont .sen02.active > .keyword_info_area > .text_cont .text_list_area > .list > li:nth-child(2) {animation: slideUp 0.3s ease 0.7s forwards;}

    .energy_info_cont .sen.sen03 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen03.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen.sen03 > .bg_data_cont .title_area {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .title_area {animation: slideUp 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen03 > .bg_data_cont .img_area svg.svg_cont01 > g > g {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(1) {animation: slideUp 0.3s ease 0.6s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(2) {animation: slideUp 0.3s ease 0.7s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(3) {animation: slideUp 0.3s ease 0.9s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(4) {animation: slideUp 0.3s ease 1s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(5) {animation: slideUp 0.3s ease 1.1s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(6) {animation: slideUp 0.3s ease 1.2s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(7) {animation: slideUp 0.3s ease 1.3s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(8) {animation: slideUp 0.3s ease 1.5s forwards;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .img_area svg.svg_cont01 > g > g:nth-child(9) {animation: slideUp 0.3s ease 1.6s forwards;}
    .energy_info_cont .sen.sen03 > .bg_data_cont .text_area {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen03.active > .bg_data_cont .text_area {animation: slideUp 0.3s ease 2.4s forwards;}

    .energy_info_cont .sen.sen04 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen04.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen.sen04 > .text_cont .title_area {transform: translateX(-50px);opacity: 0;}
    .energy_info_cont .sen.sen04.active > .text_cont .title_area {animation: slideleft 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen04.active > .text_cont .inner_box {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen04.active > .text_cont .inner_box {animation: slideUp 0.3s ease 0.7s forwards;}
    .energy_info_cont .sen.sen04 > .info_list_area .list li {transform: translateX(-50px);opacity: 0;}
    .energy_info_cont .sen.sen04.active > .info_list_area .list li:nth-child(1) {animation: slideleft 0.3s ease 0.8s forwards;}
    .energy_info_cont .sen.sen04.active > .info_list_area .list li:nth-child(2) {animation: slideleft 0.3s ease 0.9s forwards;}
    .energy_info_cont .sen.sen04.active > .info_list_area .list li:nth-child(3) {animation: slideleft 0.3s ease 1.1s forwards;}
    .energy_info_cont .sen.sen04.active > .info_list_area .list li:nth-child(4) {animation: slideleft 0.3s ease 1.2s forwards;}

    .energy_info_cont .sen.sen05 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen05.active {animation: slideUp 0.3s ease 0.1s forwards;}

    .energy_info_cont .sen.sen11 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen11.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen .seesaw_cont .inner_box .box.left {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen11.active .seesaw_cont .inner_box .box.left {animation: slideUp 0.3s ease 0.3s forwards;}
    .energy_info_cont .sen .seesaw_cont .inner_box .box.right {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen11.active .seesaw_cont .inner_box .box.right {animation: slideUp 0.3s ease 0.5s forwards;}

    .energy_info_cont .sen.sen12 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen12.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen.sen12 .text_area {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen12.active .text_area {animation: slideUp 0.3s ease 0.3s forwards;}
    .energy_info_cont .sen.sen12 .img_area {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen12.active .img_area {animation: slideUp 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen12 .opt {opacity: 0;}
    .energy_info_cont .sen.sen12.active .opt.opt3 {animation: slide 1s ease 2s forwards;}

    .energy_info_cont .sen.sen13 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen13.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen.sen13 .opt {opacity: 0;}
    .energy_info_cont .sen.sen13.active .opt.opt1 {animation: slide 1s ease 0.6s infinite;}
    .energy_info_cont .sen.sen13.active .opt.opt2 {animation: slide 1s ease 0.7s infinite;}

    .energy_info_cont .sen.sen13 .svg_txt {transform: translateX(-50px);opacity: 0;}
    .energy_info_cont .sen.sen13.active .svg_txt.txt01 {animation: slideleft 0.6s ease 1s forwards;}
    .energy_info_cont .sen.sen13.active .svg_txt.txt02 {animation: slideleft 0.6s ease 1.1s forwards;}
    .energy_info_cont .sen.sen13.active .svg_txt.txt03 {animation: slideleft 0.6s ease 1.2s forwards;}

    .energy_info_cont .sen.sen14 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen14.active {animation: slideUp 0.3s ease 0.1s forwards;}

    .energy_info_cont .sen.sen15 {transform: translateY(50px); opacity: 0;}
    .energy_info_cont .sen.sen15.active {animation: slideUp 0.3s ease 0.1s forwards;}
    .energy_info_cont .sen.sen15 .step_list_cont .list_area .list li {transform: translateX(-50px); opacity: 0;}
    .energy_info_cont .sen.sen15.active .step_list_cont .list_area .list li:nth-child(1) {animation: slideleft 0.3s ease 0.4s forwards;}
    .energy_info_cont .sen.sen15.active .step_list_cont .list_area .list li:nth-child(2) {animation: slideleft 0.3s ease 0.5s forwards;}
    .energy_info_cont .sen.sen15.active .step_list_cont .list_area .list li:nth-child(3) {animation: slideleft 0.3s ease 0.6s forwards;}

    .energy_info_cont .sen34.active .img_area{animation: slideUp 0.3s ease 0.6s forwards;}
    .energy_info_cont .sen35.active .img_area{animation: slideUp 0.3s ease 0.7s forwards;}
}

@media only screen and (max-width:1400px) {
    .sub_tit_cont {margin: 0 0 45px;}
    .sub_tit_cont .sub_tit {padding: 30px 0 0; font-size: 40px;}
    .sub_tit_cont .sub_tit:before {width: 40px; height: 2px;}
    .category_list_area {max-width: 600px; margin: 0 0 0 16px;}
    .category_list_area .text {margin: 0 0 10px; font-size: 15px;}
    .category_list_area .slt_list_area .list li {width: calc(50% - 7.5px); margin: 0 15px 0 0;}
    .category_list_area .slt_list_area .list li select {height: 48px; padding: 0 30px 0 20px; background-position: right 20px center; font-size: 15px; line-height: 46px; border-radius: 6px;}

    .b_type_title_area {padding: 25px 0;}
    .b_type_title_area .sub_title {font-size: 22px;}
    .b_type_title_area .tit {font-size: 30px;}

    .energy_info_cont .sen > .text_list_area {margin: 0 0 34px; padding: 0 0 100px; background-size: 135px auto;}
    .energy_info_cont .sen > .text_list_area .list li {margin: 0 0 16px; font-size: 17px; line-height: 26px;}
    .energy_info_cont .sen > .keyword_info_area {margin: 0 0 50px;}
    .energy_info_cont .sen > .keyword_info_area > .title_area {padding: 13px 36px;}
    .energy_info_cont .sen > .keyword_info_area > .title_area:after {top: -10px; right: 24px; width: 40px; height: 36px;}
    .energy_info_cont .sen > .keyword_info_area > .title_area .title {font-size: 20px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont {padding: 26px 34px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li {margin: 0 0 28px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .title {margin: 0 0 16px; font-size: 17px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li {margin: 0 0 10px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li span {font-size: 16px; line-height: 26px;}
    .energy_info_cont .sen > .bg_data_cont {margin: 0 0 70px;}
    .energy_info_cont .sen > .bg_data_cont .title_area {margin: 0 0 22px;}
    .energy_info_cont .sen > .bg_data_cont .title_area .title {font-size: 22px;}
    .energy_info_cont .sen > .bg_data_cont .img_area {margin: 0 0 30px;}
    .energy_info_cont .sen > .bg_data_cont .text_area .text {font-size: 16px; line-height: 26px;}
    .energy_info_cont .sen > .text_cont {margin: 0 0 70px;}
    .energy_info_cont .sen > .text_cont .title_area {margin: 0 0 22px;}
    .energy_info_cont .sen > .text_cont .title_area .title {font-size: 30px;}
    .energy_info_cont .sen > .text_cont .inner_box .box.left {width: calc(40% - 26px); margin: 0 52px 0 0; padding: 0 42px 0 0;}
    .energy_info_cont .sen > .text_cont .inner_box .box.right {width: calc(60% - 26px);}
    .energy_info_cont .sen > .text_cont .inner_box .box .text_area .text {font-size: 17px; line-height: 26px;}
    .energy_info_cont .sen > .info_list_area {margin: 0 0 30px;}
    .energy_info_cont .sen > .info_list_area .list li {margin: 0 20px 0 0;}
    .energy_info_cont .sen > .info_list_area .list li:nth-child(1) {width: calc(24% - 15px); }
    .energy_info_cont .sen > .info_list_area .list li:nth-child(2) {width: calc(24% - 15px); }
    .energy_info_cont .sen > .info_list_area .list li:nth-child(3) {width: calc(24% - 15px); }
    .energy_info_cont .sen > .info_list_area .list li:nth-child(4) {width: calc(28% - 15px); }
    .energy_info_cont .sen > .info_list_area .list li .box {margin: 0 0 16px; padding: 0 0 70px; background-size: 60px auto;}
    .energy_info_cont .sen > .info_list_area .list li .box .title_cont {padding: 0 0 12px; background-size: 25px auto;}
    .energy_info_cont .sen > .info_list_area .list li .box .title_cont .title_area {padding: 6px 20px;}

    .energy_info_cont .sen .seesaw_cont .inner_box .box.left {padding: 54px 10px 46px; border-radius: 26px;}

    .energy_info_cont .sen .step_list_cont {margin: 0 0 40px;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .title_area .title {font-size: 32px;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .title_area .title .ft_s {font-size: 22px;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .text_area {padding: 16px 0;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .text_area .text {font-size: 18px;}

    .b_type_title_area .name_info_area {margin: 20px 0 0;}
    .b_type_title_area .name_info_area .tit {font-size: 20px;}
    .b_type_title_area .name_info_area .txt {font-size: 15px;}

}

@media only screen and (max-width:1280px) {
    .sub_tit_cont {margin: 0 0 40px;}
    .sub_tit_cont .sub_tit {padding: 26px 0 0; font-size: 32px;}
    .sub_tit_cont .sub_tit:before {width: 36px;}
    .sub_tit_cont .category_list_area {max-width: 500px; margin: 0 0 0 12px;}
    .category_list_area .slt_list_area .list li select{padding: 0 20px 0 15px;background-position: right 10px center;}

    .b_type_title_area {padding: 22px 0;}
    .b_type_title_area .sub_title {font-size: 18px;}
    .b_type_title_area .tit {font-size: 26px;}

    .energy_info_cont .sen > .text_list_area {margin: 0 0 30px; padding: 0 0 80px; background-size: 112px auto;}
    .energy_info_cont .sen > .text_list_area .list li {margin: 0 0 12px; font-size: 15px; line-height: 24px;}
    .energy_info_cont .sen > .keyword_info_area {margin: 0 0 40px;}
    .energy_info_cont .sen > .keyword_info_area > .title_area {padding: 20px 30px 13px;}
    .energy_info_cont .sen > .keyword_info_area > .title_area:after {right: 20px; width: 33px; height: 30px;}
    .energy_info_cont .sen > .keyword_info_area > .title_area .title {font-size: 18px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont {padding: 22px 30px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li {margin: 0 0 23px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .title {margin: 0 0 12px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li {margin: 0 0 10px;}
    .energy_info_cont .sen > .keyword_info_area > .text_cont .text_list_area .list li .list_area .list li span {font-size: 15px; line-height: 24px;}
    .energy_info_cont .sen > .bg_data_cont {margin: 0 0 60px;}
    .energy_info_cont .sen > .bg_data_cont .title_area {margin: 0 0 17px;}
    .energy_info_cont .sen > .bg_data_cont .title_area .title {font-size: 20px;}
    .energy_info_cont .sen > .bg_data_cont .img_area {margin: 0 0 26px;}
    .energy_info_cont .sen > .bg_data_cont .text_area .text {font-size: 15px; line-height: 24px;}
    .energy_info_cont .sen > .text_cont {margin: 0 0 60px;}
    .energy_info_cont .sen > .text_cont .title_area {margin: 0 0 17px;}
    .energy_info_cont .sen > .text_cont .title_area .title {font-size: 26px;}
    .energy_info_cont .sen > .text_cont .inner_box {display: block; align-items: inherit; justify-content: inherit;}
    .energy_info_cont .sen > .text_cont .inner_box .box.left {width: 100%; margin: 0 0 20px; border-right: inherit; border-bottom: 1px solid #afafaf; padding: 0 0 22px;}
    .energy_info_cont .sen > .text_cont .inner_box .box.right {width: 100%;}
    .energy_info_cont .sen > .text_cont .inner_box .box .text_area .text {font-size: 15px; line-height: 25px;}
    .energy_info_cont .sen > .info_list_area .list {flex-wrap: wrap;}
    .energy_info_cont .sen > .info_list_area .list li {margin: 20px 20px 0;}
    .energy_info_cont .sen > .info_list_area .list li:nth-child(1) {width: calc(50% - 10px); margin: 0 20px 0 0;}
    .energy_info_cont .sen > .info_list_area .list li:nth-child(2) {width: calc(50% - 10px); margin: 0;}
    .energy_info_cont .sen > .info_list_area .list li:nth-child(3) {width: calc(50% - 10px); margin: 20px 20px 0 0;}
    .energy_info_cont .sen > .info_list_area .list li:nth-child(4) {width: calc(50% - 10px); margin: 20px 0 0;}
    .energy_info_cont .sen > .info_list_area .list li .box {margin: 0 0 12px; padding: 0 0 64px; background-size: 50px auto;}
    .energy_info_cont .sen > .info_list_area .list li .box .title_cont .title_area .title {font-size: 15px;}
    .energy_info_cont .sen > .info_list_area .list li .text_area .text {font-size: 15px;}

    .energy_info_cont .sen .seesaw_cont .inner_box {display: block; align-items: initial; justify-content: initial;}
    .energy_info_cont .sen .seesaw_cont .inner_box .box {margin: 0;}
    .energy_info_cont .sen .seesaw_cont .inner_box .box.left {width: 100%; margin: 0 0 20px; padding: 42px 30px 34px; border-radius: 20px;}
    .energy_info_cont .sen .seesaw_cont .inner_box .box.right {width: 100%;}
    .energy_info_cont .sen .seesaw_cont .inner_box .box.right .text_area .text br {display: none;}

    .energy_info_cont .sen .step_list_cont {margin: 0 0 30px;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .title_area .title {font-size: 28px;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .title_area .title .ft_s {font-size: 20px;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .text_area {padding: 12px 0;}
    .energy_info_cont .sen .step_list_cont .list_area .list li .text_area .text {font-size: 16px;}

    .b_type_title_area .name_info_area {margin: 16px 0 0;}
}

@media only screen and (max-width:1024px) {
    .sub_tit_cont {display: block; align-items: initial; justify-content: initial; margin: 0;}
    .sub_tit_cont .sub_tit {padding: 0; font-size: 26px;}
    .sub_tit_cont .category_list_area {display: none;}
    .category_list_area.view {display: block; max-width: 100%; margin: 0;}
    .mobile__menu__depth-wrap > a {border-radius: 6px;}

    .b_type_title_area {padding: 20px 0;}
    .b_type_title_area .sub_title {font-size: 16px;}
    .b_type_title_area .tit {font-size: 20px;}
    .b_type_title_area.type1 > div:not(.file_down_area) {width: 100%;}
    .btype__view-wrap .content {padding: 30px 0 60px;}

    .energy_info_cont .sen > .text_cont .title_area .title {font-size: 22px;}

    .energy_info_cont .sen .img_area svg {display: none !important;}
    .energy_info_cont .sen .img_area img {display: block;}

    .energy_info_cont .sen .step_list_cont {display: none;}
    .energy_info_cont .sen > .info_list_area {display: none;}

    .b_type_title_area .name_info_area {justify-content: flex-start;}
    .b_type_title_area .name_info_area .tit {font-size: 18px;}
    .b_type_title_area .name_info_area .txt {font-size: 15px;}

}
@media only screen and (max-width:767px) {
    .category_list_area .slt_list_area .list {display: block; align-items: initial; justify-content: initial;}
    .category_list_area .slt_list_area .list li {width: 100%; margin: 0 0 10px;}

    .energy_info_cont .sen > .info_list_area .list {display: block; align-items: inherit; justify-content: inherit; flex-wrap: inherit;}
    .energy_info_cont .sen > .info_list_area .list li {width: 100% !important; margin: 20px 0 0 !important;}
    .energy_info_cont .sen > .info_list_area .list li:first-child {margin: 0;}

    .btype__view-wrap .content {padding: 20px 0 40px;}
}
@media only screen and (max-width:480px) {
    .b_type_title_area .file_down_area .file_btn {display: block; width: 100%; margin: 0 0 10px; box-sizing: border-box;}
    .b_type_title_area .file_down_area .pop_btn {display: block; width: 100%;}
}