/* ----------------------------------------- PC_Guide_break ----------------------------------------- */
@media screen and (max-width:1744px){
	.header .gnb li.g6 {margin-right:-70px;}
	.quick_menu {right:10px;}
}

@media screen and (max-width:1640px){
	.header .gnb li > a {font-size:16px; padding:0 20px;}
	.header .gnb .snb a {font-size:15px; padding-left:20px;}
}

@media screen and (max-width:1519px){
	br.pc_vw {display:none;}
/* header */
	.header .logo {left:50px;}
	.header .btn_menu {right:50px;}
	.header .gnb {padding:0 230px 0 250px;}
	.header .gnb ul {width:84%;}
	.header .gnb li > a {padding:0 20px;}
	.header .gnb .snb {top:130px;}
	.header .gnb .snb a {font-size:14px; line-height:24px; padding-left:20px;}
	.header .gnb .bg {height:500px; background-size:auto 400px;}
	.header .gnb .bg:before {width:250px; background-size:90%;}
	.header .gnb .bg .abox {width:180px; padding-left:25px;}
	.header .langs {right:130px;}
	.header.menu_open .gnb li.g1 {width:13%;}
	.header.menu_open .gnb li.g2 {width:18%;}
	.header.menu_open .gnb li.g3 {width:16%;}
	.header.menu_open .gnb li.g7 {width:13%;}
	.header.menu_open .gnb li.g5 {width:13%;}
	.header.menu_open .gnb li.g4 {width:13%;}
	.header.menu_open .gnb li.g6 {width:14%;}
/* main */
	.mvisual_wrap.on_set1 .mv_txt {left:50px;}
	.m_business .tit_box {left:50px;}

	.tit_fix_set.start .left_tit {left:20px; margin-left:0;}
	.page_top .txt {padding-left:40px;}
/* sub */
	.social_wrap .ip_wrap .tit {padding-right:20px;}
	.horizontal_ul.set3 li .img {height:22vw;}
	.horizontal_ul.thin2 li .img {height:16vw;}
	.news_board li .img {height:14.4vw;}
}

/* ----------------------------------------- Notebook ----------------------------------------- */
@media screen and (max-width:1439px){
/* header */
	.header .inbox {height:120px;}
	.header .logo {left:40px; width:240px; height:120px;}
	.header .btn_menu {right:40px;}
	.header .gnb {padding:0 160px 0 215px;}
	.header .gnb ul {width:90%;}
	.header .gnb li > a {font-size:15px; line-height:120px; height:120px; padding:0 10px;}
	.header .gnb li > a > span:before {top:38px;}
	.header .gnb li.g1 {width:14%;}
	.header .gnb li.g2 {width:14%;}
	.header .gnb li.g3 {width:14%;}
	.header .gnb li.g7 {width:14%;}
	.header .gnb li.g5 {width:14%;}
	.header .gnb li.g4 {width:14%;}
	.header .gnb li.g6 {width:16%; margin-right:-5%;}
	.header .gnb .snb a {font-size:13px; line-height:24px; padding-left:10px;}
	.header.menu_open .gnb ul {width:94%;}
	.header .gnb .bg {height:440px; background-size:auto 340px;}
	.header .gnb .bg:before {width:215px; background-size:100%;}
	.header .gnb .bg .abox {width:140px; padding-left:10px;}
	.header .gnb .bg .abox a {font-size:13px; line-height:24px; margin-bottom:15px;}
	.header .langs {right:90px;}
	.header .langs dt {font-size:17px; line-height:120px; height:120px; margin:0 15px;}
	.header .langs dt button {line-height:120px;}
	.header .sitemap .menu > ul > li > a {font-size:30px; line-height:34px; padding:20px 40px;}
	.header .sitemap .snb {padding-top:20px;}
	.header .sitemap .snb > li a {font-size:20px; line-height:26px;}
	.header .sitemap .snb .dep a {font-size:16px;}
/* footer */
	.footer {padding:120px 0;}
	.footer .left .fh_tit {font-size:34px; line-height:40px;}
	.footer .left .cs > * {font-size:15px;}
	.footer .left .links {gap:30px;}
	.footer .left .links a {font-size:15px;}
	.footer .left .links a:after {right:-15px;}
	.footer .left .address {margin:30px 0 50px;}
	.footer .left .address p {font-size:13px;}
	.footer .right .sitemap {gap:10px;}
	.footer .right .family {margin-top:90px;}
	.footer .right .family a {font-size:17px;}
/* main */
	.mvisual_wrap .mv_txt {left:20%; font-size:60px; line-height:80px;}
	.mvisual_wrap .mv_txt li {max-height:160px;}
	.mvisual_wrap .mv_txt p {font-size:20px; line-height:32px; height:32px;}
	.mvisual_wrap .mv_txt.first {width:80%;}
	.mvisual_wrap .mv_txt.first p {top:50px; left:calc(20% + 180px);}
	.mvisual_wrap .gobtm {width:100px; height:100px;}
	.mvisual_wrap.on_set2 .gobtm {margin-top:160px;}
	.m_business .tit_box {width:31.25%;}
	.m_business .list_box {gap:100px 40px; width:60%;}
	.m_business .list_box a {width:calc(50% - 20px); padding:35px 20px 25px;}
	.m_business .list_box .tit {font-size:24px; margin-bottom:20px;}
	.m_business .list_box strong {font-size:16px; line-height:26px;}
	.m_business .list_box p {line-height:24px;}
	.trans_text .btm_txt li > span {margin-bottom:20px;}
	.trans_text .btm_txt li .poppins {font-size:94px; line-height:90px;}
	.m_media_slide {margin-left:-40px;}
	.m_media_slide .mv {padding:0 40px;}
/* sub */
	.svisual .tit {font-size:70px; line-height:90px; margin-top:30px;}
	.container .title {font-size:36px;}
	.container .ctit {font-size:44px; padding-bottom:35px; margin-bottom:35px;}
	.container .ctxt {font-size:34px;}
	.container .btxt {font-size:22px; line-height:34px;}
	.page_top .txt {font-size:34px; line-height:50px; padding-top:340px;}
	.stit {font-size:28px; line-height:34px;}
	.tbl th,
	.tbl td {padding:20px 10px;}
/* CEO 인사말 */
	.greeting .txt .tit {font-size:40px; line-height:60px; padding-bottom:40px; margin-bottom:50px;}
/* 비전 */
	.vision_wrap .vision {font-size:40px; line-height:100px;}
	.vision_wrap p {font-size:34px; line-height:54px;}
	.leaflet_box .ctxt {line-height:54px; margin:30px 0 60px;}
	.vision_wrap .core_value:before {top:calc((100vw - 220px)/8);}
	.vision_wrap .core_value li {width:calc((100% - 30px)/4); max-width:326px;}
	.vision_wrap .core_value li .round {font-size:16px; border-width:15px; width:calc((100vw - 220px)/4); height:calc((100vw - 220px)/4);}
	.vision_wrap .core_value li .round strong {font-size:18px; line-height:30px; margin-top:10px;}
	.vision_wrap .core_value li i {height:60px; margin-top:40px;}
	.vision_wrap .core_value li p {font-size:18px; line-height:28px; height:142px; padding:0 30px;}
/* 연혁 */
	.history_list .years_con {gap:50px; padding:60px 0 100px 60px;}
/* 재무현황 */
	.financial_graph ul {gap:30px;}
	.financial_graph li {width:calc((100% - 60px)/3); padding:30px;}
/* 게시판 */
	.board_list col.w1 {width:120px;}
	.board_list col.w2 {width:140px;}
	.board_list col.w3 {width:160px;}
/* 전력사업 */
	.status_box .left_tit {width:30%;}
	.status_box .list {width:70%; padding-left:50px;}
	.tit_fix_set.start,
	.tit_fix_set.end {padding-left:30%;}
	.facility_status .list li {padding-left:140px;}
	.facility_status .list i {left:30px;}
/* 지역냉난방 사업 */
	.horizontal_dl dl {gap:40px;}
	.horizontal_dl dt,
	.horizontal_dl dd {width:calc(50% - 20px);}
	.horizontal_dl dd {padding:10px;}
	.horizontal_ul.set2 {gap:60px;}
	.horizontal_ul.set2 li {width:calc(50% - 30px);}
	.bg_heating_cooling .icons {gap:20px;}
	.bg_heating_cooling .icons li {width:calc((100% - 80px)/5); height:300px;}
	.bg_heating_cooling .icons p {font-size:15px; line-height:24px;}
	.heating_cooling_box .top_box {height:600px;}
	.heating_cooling_box ul {gap:30px;}
	.heating_cooling_box li {width:calc((100% - 60px)/3); padding-left:120px;}
	.heating_cooling_box li i {left:20px;}
	.heating_cooling_box li strong {margin-bottom:15px;}
	.heating_cooling_box li p {font-size:15px;}
	.grapth_wrap .grapth_area .box {padding:30px;}
	.grapth_wrap .grapth_area .grapth {padding:0 30px;}
	.grapth_wrap .grapth_area .grapth li {padding:0 15px;}
	.tbd_area .map {padding-left:60px;}

/* 신재생에너지 사업 */
	.ipdl_list dt .gtxt {left:-50px; width:50px; height:50px;}
	.ipdl_list dt .gtxt span {font-size:50px; line-height:50px; left:-200px;}

	.ip_wrap .tit {width:60%; padding-right:20px;}
	.ip_wrap .pic {width:40%; max-width:none;}
	.ip_wrap .pic .pic01 {right:0; width:80%;}
	.ip_wrap .pic .pic02 {top:20vw; bottom:0; width:70%;}

	.horizontal_ul.set3 {gap:30px;}
	.horizontal_ul.set3 li {width:calc((100% - 60px)/3);}
/* ESG 정책 */
	.gs_policy_dl dd .gray_sqr li {padding:10px 20px 10px 260px;}
	.gs_policy_dl dd .gray_sqr .icon {width:200px;}
/* Environmental */
	.st_half .st_tit {width:40%;}
	.st_half .st_con {width:60%;}
	.control_slide {height:50vw;}
	.swipe_out .control_slide {width:calc(100% + 80px); transform:translateX(-80px); padding-right:80px;}
	.control_slide .swiper-slide {width:38vw; height:40vw;}
	.control_slide img {width:100%; height:100%; object-fit:cover; border-radius:20px;}
	.control_slide .txt {padding:30px;}
	@keyframes slideimg {
		0% {width:30vw;}
		20% {width:30vw;}
		60% {width:40vw;}
		100% {width:40vw;}
	}
	@keyframes slideimg_h {
		0% {height:40vw;}
		20% {height:40vw;}
		60% {height:48vw;}
		100% {height:48vw;}
	}
	.shadow_txt {font-size:56px;}
	.stit .shadow_txt,
	.st_tit .shadow_txt {line-height:66px;}
	.environmental_area2 .st_tit .shadow_txt {font-size:56px; line-height:66px;}

	.environmental_area_b1 .gl_box {padding:20px;}
	.emission_status .flex {gap:30px;}
	.emission_status dl {gap:15px; width:calc((100% - 60px)/3);}
	.emission_status dt .ico {width:100%; height:13vw;}
	.emission_status dt .ico p {padding-top:3vw; font-size:14px;}
	.emission_status dd .ico_box {padding:20px;}
	.emission_status dd .ico_box .b,
	.emission_status dd .ico_box .m {gap:6px;}
	.emission_status dd .leafbox .b i {width:24px; height:34px;}
	.emission_status dd .leafbox .m i {width:18px; height:22px;}
	.emission_status dd .leafbox .s i {width:12px; height:16px;}
	.emission_status dd .waterbox .b i {width:22px; height:34px;}
	.emission_status dd .waterbox .m i {width:16px; height:22px;}
	.emission_status dd .waterbox .s i {width:10px; height:16px;}
	.emission_status dd .ico_box .count {bottom:10px; right:10px; font-size:30px; line-height:38px;}
	.environmental_area_b2 .w_box {padding:20px;}
/* Social */
	.social2_a2 .wbox {padding:70px;}
	.social2_a2 .wbox .tit {font-size:40px; line-height:50px; margin-bottom:40px;}
	.social_wrap .ip_wrap .tit .btxt {margin:40px 0 20px;}
	.social_a2:before {top:10vw; height:calc(10vw + 90px);}
	.social_a2 .inner:before {top:calc(10vw - 2px); width:40%;}
	.social_a2 .icon,
	.social_a2 li {width:20vw; height:20vw;}
	.social_a2 li {gap:10px;}
	.social_a2 li .tt {font-size:28px; line-height:35px;}
	.social_a2 li p {font-size:16px;}
	.social_a3 .gl_box {padding:30px;}
	.social_a3 .dots_box {padding:40px 30px;}
	.social_a3 .dots_box .step {gap:calc((100% - 80vw)/4)}
	.social_a3 .dots_box .step li {width:16vw; height:16vw;}
	/* 고객 */
	.social3_wrap .glbox.h3 {height:75vw; max-height:900px;}
	.social3_wrap .glbox.h5 {height:58vw; max-height:680px; padding:20px;}
	.manjok_graph .box_wrap {gap:30px;}
	.manjok_graph .box_wrap .box {width:calc((100% - 90px)/4);}
	.manjok_graph .box_wrap ul {gap:30px;}
	/* 사회공헌 */
	.social4a_2 .img {padding:60px;}
/* Governance */
	/* 지배구조 */
	.governance_a2 ul {gap:40px;}
	.governance_a2 li {width:calc(50% - 20px);}
	/* 윤리경영 */
	.governance2_wrap {gap:60px;}
	.governance2_wrap .img_governance2 {width:45%; height:60vw; background-size:cover;}
	.governance2_wrap .txt {width:calc(55% - 60px);}
	.dl_rule dt {font-size:28px; line-height:36px; padding:30px 120px 30px 20px;}
	.dl_rule dt i {width:97px; height:97px;}
	.dl_rule dd {padding:40px 20px;}
 	.governance2_02 .tit, 	.governance2_04 .tit, .governance2_05 .tit, .governance2_07 .tit, 	.governance2_09 .tit{width:100%;}
	.governance2_02 .gv_area{    justify-content:space-between;}
/* 지속가능경영보고서 */
	.report_wrap {padding:80px 0 160px;}
	.report_wrap .img {padding-right:80px;}
	.report_wrap .txt .tt {font-size:32px; line-height:50px; margin-bottom:120px;}
	.report_wrap .txt .down_wrap {font-size:22px;}
/* 인재채용 */
	/* 인재경영 */
	.organizational_value dd li {padding:100px 80px 80px;}
	.organizational_value dd .num {top:70px; left:80px; font-size:100px;}
	.organizational_value dd .tit {font-size:28px; line-height:34px; margin:30px 0 20px;}
	.organizational_value dd strong {font-size:18px;}
	.organizational_value dd .dots {margin-top:50px;}
	.talent_management_area2 .tt {font-size:24px; line-height:40px; padding:60px 0 20px;}
	/* FAQ */
	.faq_wrap dt {font-size:22px;}
	/* 채용공고 */
	.employment_list li a {padding:40px 220px 40px 140px;}
	.employment_list .tag {width:140px;}
	.employment_list span {right:100px;}
	.employment_list li a:after {width:80px;}
/* 협력사 서비스 */
	.partner_wrap li {height:400px;}
	.partner_wrap li p {font-size:18px; margin:20px 0 50px;}
/* 고객마당 */
	.customer_yard {gap:30px;}
	.customer_yard li {width:calc((100% - 60px)/3);}
	.customer_yard_btm .inner {height:360px;}
	.customer_yard_btm strong {font-size:28px; line-height:34px;}
	.customer_yard_btm .btn {margin-top:50px;}
/* 에너지 바우처 차감 */
	.customer2_4 .img {padding:60px 20px; margin-bottom:50px;}
/* 보도자료 */
	.news_board {gap:25px;}
	.news_board li {width:calc((100% - 50px)/3);}
	.news_board li a {height:calc(14.5vw + 200px); padding:30px;}
	.news_board li .cate {bottom:60px;}
	.news_board li .tt {font-size:18px;}
	.news_board li .date {bottom:30px; left:30px; font-size:15px;}
	.board_view .tit .tt {font-size:38px; line-height:40px; margin:15px 0 30px;}
/* CI 가이드 */
	.signature .sig_box p {width:calc(100% - 320px);}
/* 갤러리 목록 */
	.gall_list {gap:30px;}
	.gall_list li {width:calc((100% - 60px)/3);}
	.gall_list li .img {height:24vw;}
	.gall_list li .txt {padding:30px 20px;}
	.pop_video {padding:40px;}
	.pop_video .tit {font-size:28px;}
	.pop_video iframe {max-height:50vw;}
	.fancybox-close {width:90px; height:90px;}
/* 사이버발전소 투어 */
	.tour_course .con > dt {height:43vw;}
	.tour_course .con > dd {padding:30px 0 130px 30px;}
	.tour_course .con .btm {padding:0 0 10px 30px;}
	.tour_course .con .btm ul {gap:10px;}
	.tour_course .con .btm li {width:calc((100% - 30px)/4);}
	.tour_course .con .tt {font-size:28px; line-height:34px;}
	.tour_course .con ol {margin-top:40px;}

	.tour_wrap .tbl .w3 {width:220px;}
/* 약관들 */
	.popup_yak {padding:40px; font-size:16px; line-height:32px;}
	.popup_yak .tit {font-size:28px; line-height:34px; padding-bottom:30px; margin-bottom:30px;}
	.popup_yak .tit span {font-size:13px;}
	.popup_yak .tt {font-size:18px; margin:30px 0 15px;}
	.popup_yak .gbox {padding:25px 30px;}
	.jeboline {height:380px; padding:80px 60px;}
	.jeboline .tt {font-size:28px; line-height:40px; margin-bottom:40px;}

	/* 개인정보처리방침 이력 */
	.fancybox-inner .btn-history {top:calc(40px + 24px); right:calc(90px + 10px);}
	html[lang=en]	.fancybox-inner .btn-history {top:calc(40px);}
}

/* ----------------------------------------- hover_area ----------------------------------------- */
@media screen and (min-width:1024px){
	.ie_wrap .link a:hover {opacity:.7;}
	.board_list .hover td {background:#F8F8F8;}
	.board_list .hover td i.file {background:#54A022;}
	.container.g04 .board_list .hover td i.file{background:#003F8F;}
	.board_bottom .paging a:hover {color:#333; font-weight:500;}
	.board_bottom .paging a:hover:before {width:20px;}
	.board_bottom .btns .prev_next a:hover {opacity:1;}
/* header */
	.header .gnb li:hover > a {color:#54A022;}
	.header .langs dd a:hover {color:#54A022;}
	.header .gnb .snb a:hover {color:#54A022;}
	.header .sitemap .snb > li:hover > a {color:#333; font-weight:700;}
	.header .sitemap .snb .dep a:hover {color:#333; font-weight:500; text-decoration:underline;}
	
	.header.menu_open > .inbox {height:100px;}
	.header.menu_open .logo {height:100px; background-image:url('/pub/images/logo_g.svg');}
	.header.on .logo,
	.header.fixed.on .logo {background-image:url('/pub/images/logo.svg');}
	.header.menu_open .gnb .bg {top:0;}
	.header.menu_open .gnb .bg:after {width:100%;}
	.header.menu_open .gnb li.g6 {margin-right:0;}
	.header.menu_open .gnb li > a {line-height:100px; height:100px;}
	.header.menu_open .langs dt {line-height:100px; height: 100px;}
	.header.menu_open .langs dd {top:80px;}
	.header.menu_open .gnb li > a {color:#222;}
	.header.menu_open .gnb li > a > span:before {top:30px;}
	.header.menu_open .gnb li:hover > a > span:before {width:10px; top:30px;}
	.header.menu_open .gnb li > a > span:before {background:#54A022;}
	.header.menu_open .gnb li:hover > a > span:after,
	.header.menu_open .gnb li.on > a > span:after {left:0; width:100%;}
	/* .header.menu_open .gnb li.on > a {color:#54A022;} */
	.header.menu_open .gnb .snb {display:block; height:320px;}
	.header.menu_open .btn_menu .i1 {background:#ED6F04;}
	.header.menu_open .btn_menu .i2 {background:#ccc;}
	.header.menu_open .btn_menu .i3 {background:#016FB3;}
	.header.menu_open .btn_menu .i4 {background:#ccc;}
	.header.menu_open .btn_menu .i5 {background:#FBBA00;}
	.header.menu_open .btn_menu .i6 {background:#009B96;}
	.header.menu_open .btn_menu .i8 {background:#ccc;}
	.header.menu_open .btn_menu .i9 {background:#8DB943;}
	.header.menu_open .langs dt {color:#222;}
	.header.menu_open .langs dt:after {background:#222;}
	.header.menu_open .langs dt button {line-height:100px;}
	
/* footer */
	.footer.sc_on {animation:foot_z_on 1s forwards;}
	@keyframes foot_z {
		0% {z-index:1;}
		100% {z-index:-1;}
	}
	@keyframes foot_z_on {
		0% {z-index:-1;}
		100% {z-index:1;}
	}
	.footer .left .links a:hover:before {left:0; width:100%;}
	.footer .right .sitemap a:hover {color:#fff;}
	.footer .right .family dd a:hover {color:#00A082;}
	.footer .right .family dd a:hover:before {background:#00A082;}
	.gotop:hover:before,
	.gotop:hover:after {animation:btn_ani_round 2s infinite;}
	.gotop:hover:after {animation-delay:.4s;}
/* main */
	/* .mvisual_wrap:hover .pro-bar{animation-play-state:paused;} */
	.mvisual_wrap .gobtm:hover:before,
	.mvisual_wrap .gobtm:hover:after {animation:btn_ani_round 2s infinite;}
	.mvisual_wrap .gobtm:hover:after {animation-delay:.4s;}
	.m_business .list_box a:hover {background-color:rgba(255, 255, 255, .1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff;}
	.m_business .list_box a:hover .t {color:#fff;}
	.m_business .list_box a:hover .icon {opacity:1;}
	.m_media_slide a:hover i {background:#54A022;}
/* sub */
	.svisual .location dd a:hover {color:#54A022;}
	.svisual .deps a:hover {color:#fff;}
	.svisual .deps a:hover:before {left:0; width:100%;}
	.container .jq_tab li:hover a,
	.container .jq_tab li:hover button {color:#0070BD;}
	.container .jq_tab.tab_type2 li:hover a,
	.container .jq_tab.tab_type2 li:hover button {color:#fff; background:#0070BD;}
	.slide_control .arrow:hover {background:#49B6FC; border-color:#49B6FC;}
	.slide_control .arrow:hover:before {background:#fff;}
	.st_con:hover .progress_bar .pro-bar {animation-play-state:paused;}
	.partner_wrap li .btn:hover {background:#EF7F00; border-color:#EF7F00;}
	.news_board li a:hover {background:#fff; box-shadow:rgba(0,0,0,.11) 0 5px 20px;}
	.tour_wrap .btns .btn:hover {color:#fff; background:#EF7F00;}
	.tour_wrap .btns .btn:hover:after {background:#fff;}
	.tour_course .con .btm li:hover {color:#fff; background:#ac5900; border-color:#ac5900;}
}

/* ----------------------------------------- Tablet_PC ----------------------------------------- */
@media screen and (max-width:1023px){
	br.pc_vw2 {display:none;}
	.mt150{margin-top:100px !important;}
/* header */
	.header .inbox {height:100px;}
	.header .logo {left:20px; height:100px;}
	.header .gnb li {display:none;}
	.header .gnb .langs {display:block;}
	.header .gnb .bg {display:none;}
	.header .langs dt {font-size:15px; line-height:100px; height:100px;}
	.header .langs dt button {line-height:100px;}
	.header .langs dd {top:100px;}
	.header .btn_menu {right:20px;}
	.header .sitemap .img {width:30%;}
	.header .sitemap .menu {width:70%; padding-right:35vw;}
	.header .sitemap .menu > ul > li > a {font-size:24px; line-height:30px; padding:15px 30px;}
	.header .sitemap .snb {padding-top:15px;}
	.header .sitemap .snb li {padding:0 40px; margin-top:30px;}
	.header .sitemap .menu > ul > li > a:after {margin-left:20px;}
	.header .sitemap .menu > ul > li.open_mo > a,
	.header .sitemap .menu > ul > li.on > a {opacity:1;}
	.header .sitemap .menu > ul > li.open_mo > a:after,
	.header .sitemap .menu > ul > li.on > a:after {width:30px;}
	.header .sitemap .snb > li a {font-size:18px; line-height:24px;}
	.header .sitemap .snb .dep a {font-size:15px;}
/* footer */
	.footer {padding:90px 0;}
	.footer .inner {flex-direction:column;}
	.footer .inner > * {width:100%;}
	.footer .left .logo {width:160px; height:60px; margin-bottom:30px;}
	.footer .left .fh_tit {font-size:30px; line-height:34px;}
	.footer .left .cs {margin:40px 0 20px;}
	.footer .left .address {margin:20px 0 40px;}
	.footer .right .sitemap {display:none;}
	.footer .right .webwatch {bottom:-20px;}
	.footer .right .family {margin-top:50px;}
	.footer .right .family dt {font-size:16px; line-height:40px; height: 40px; width: 211px; padding:0 20px;}
/* main */
	.mvisual_wrap .mv_txt {font-size:40px; line-height:60px;}
	.mvisual_wrap .mv_txt li {max-height:120px;}
	.mvisual_wrap .mv_txt p {font-size:16px; line-height:26px; height:26px;}
	.mvisual_wrap .mv_txt.first p {top:30px; left:calc(20% + 120px);}
	.mvisual_wrap .gobtm {width:80px; height:80px;}
	.mvisual_wrap.on_set1 .mv_txt {left:20px;}
	.mvisual_wrap.on_set2 .gobtm {margin-top:120px;}

	.m_business .tit_box {left:20px; width:30%;}
	.m_business .list_box {width:calc(70% - 20px); gap:80px 20px;}
	.m_business .list_box a {width:calc(50% - 10px); padding:20px 10px 15px; border-radius:20px;}
	.m_business .list_box .num {top:20px; right:10px;}
	.m_management .list {gap:20px; padding:0;}
	.m_management .list li {width:calc((100% - 40px)/3); min-width:calc((100% - 40px)/3);}
	.mtit span {font-size:18px; line-height:26px;}
	.mtit strong {font-size:40px; line-height:50px; margin-bottom:40px;}
	.trans_text {padding-bottom:140px;}
	.trans_text .inner {padding:0;}
	.trans_text .inner > span {font-size:34px; line-height:40px; margin:70px 0;}
	.trans_text .inner > p {font-size:20px; line-height:40px;}
	.trans_text .more {font-size:15px; margin-top:60px;}
	.trans_text .btm_txt {margin-top:80px;}
	.trans_text .btm_txt li .poppins {font-size:70px; line-height:70px;}
	.m_midea_wrap .jq_tab {gap:30px;}
	.m_midea_wrap .jq_tab li button {width:80px; height:80px; font-size:16px;}
	.m_media_slide {margin-left:-20px;}
	.m_media_slide.before_ani .mv {padding:0 20px;}

	.main_popup {top:50% !important; left:50% !important; transform:translate(-50%,-50%); max-width: calc(100vw - 40px);}
	.main_popup table {max-width: 100%; height: auto;}
/* 서브 공통 */
	.svisual {height:70vh;}
	.svisual.scr_on {height:calc(70vh - 100px);}
	.svisual.scr_on.un_motion {height:70vh;}
	.svisual .inner {padding-bottom:50px;}	
	.svisual .location > * {font-size:14px;}
	.svisual .tit {font-size:50px; line-height:60px; margin-top:20px;}
	.svisual .deps {margin-top:30px;}
	.svisual .deps a {margin-right:40px;}
	.container {font-size:16px; line-height:26px; padding:80px 0 150px;}
	.container .title {font-size:30px; margin-bottom:70px;}
	.container .ctit {font-size:38px; padding-bottom:30px; margin-bottom:30px;}
	.container .ctxt {font-size:30px;}
	.container .gtit {font-size:17px;}
	.container .btxt {font-size:18px; line-height:28px;}
	.container .btxt.mtb {margin:40px 0 20px;}
	.container .jq_tab {padding:0 20px; margin:-10px 0 80px;}
	.container .jq_tab li a,
	.container .jq_tab li button {font-size:18px; height:60px;}
	.stit {font-size:24px; line-height:30px;}
	.stit.mt {margin-top:100px;}
	.container p.big,
	.container p .big {font-size:20px; line-height:30px;}
	.tbl th,
	.tbl td {line-height:20px;}
/* CEO 인사말 */
	.greeting {flex-direction:column; align-items:center;}
	.greeting .img {width:100%; padding:0; text-align:center;}
	.greeting .img img {width:40%;}
	.greeting .img:before {right:auto; left:25vw;}
	.greeting.aos-animate .img:before {left:0; right:0; width:40%; border-radius:0 25vw 0 0;}
	.greeting .txt {width:100%;}
	.abso_gtxt {font-size:60px;}
	.greeting .txt .tit {font-size:30px; line-height:50px; padding-bottom:30px; margin-bottom:40px;}
	.greeting .txt .name {font-size:18px; margin-top:40px;}
/* 비전 */
	.vision_wrap .vision {font-size:34px; line-height:80px; margin-bottom:80px;}
	.vision_wrap .vision:before,
	.vision_wrap .vision:after {height:100%; border-width:7px;}
	.vision_wrap p {font-size:24px; line-height:44px;}
	.vision_wrap .bgbox {padding-bottom:500px;}
	.vision_wrap .img {padding-top:140px;}
	.sgc_wrap > div {padding:0 2%;}
	.sgc_wrap .t {font-size:24px; line-height:32px;}
	.sgc_wrap .on .t {margin:30px 0; padding-bottom:31px;}
	.sgc_wrap b {font-size:17px; line-height:30px; margin-bottom:20px;}
	.leaflet_box {padding:100px 0 0;}
	.leaflet_box .ctxt {line-height:46px; margin:20px 0 40px;}
	.leaflet_box .pr_down {padding-bottom:150px;}
	.leaflet_box .pr_down:before {height:500px; background-size:auto 80%;}
	.leaflet_box .pr_down img {max-width:50%;}
	.vision_wrap .core_value {padding-bottom:20px;}
	.vision_wrap .core_value:before {top:calc((100vw - 80px)/8);}
	.vision_wrap .core_value li {padding:10px 10px 30px;}
	.vision_wrap .core_value li:after {bottom:-20px;}
	.vision_wrap .core_value li .round {font-size:13px; border-width:10px; width:calc((100vw - 160px)/4); height:calc((100vw - 160px)/4);}
	.vision_wrap .core_value li .round strong {font-size:16px; line-height:24px; margin-top:5px;}
	.vision_wrap .core_value li i {height:40px; margin-top:20px; background-size:contain;}
	.vision_wrap .core_value li p {font-size:14px; line-height:22px; height:132px; padding:0 20px;}
/* 연혁 */
	.page_top {height:360px; margin-bottom:200px;}
	.page_top .txt {font-size:30px; line-height:40px; padding-top:300px;}
	.page_top .txt p:before {top:-30px; left:-30px; width:80px; height:80px;}
	.history_list .years_tit li {font-size:40px; line-height:60px;}
	.history_list .years_con {gap:40px; padding:40px 0 80px 40px;}
	.history_list .years_con dt {font-size:30px;}
	.history_list .years_con dd {padding-top:20px; gap:10px;}
	.history_list .years_con dd p {padding-left:40px;}
/* 재무현황 */
	.financial_graph ul {gap:20px;}
	.financial_graph li {width:calc((100% - 40px)/3); padding:20px; border-radius:20px;}
	.financial_graph li .dt,
	.financial_graph li .dd {padding:0 15px;}
/* 게시판 */
	.board_list col.w1 {width:80px;}
	.board_list col.w2 {width:100px;}
	.board_list col.w3 {width:120px;}
	.board_list th {font-size:16px; height:60px;}
	.board_list td {font-size:15px; height:80px;}
	.board_list td.tal a {font-size:18px; line-height:80px;}
/* 찾아오시는 길 */
	.directions_wrap .map_txt {padding:15px 30px;}
	.directions_wrap .map_txt dl {padding:30px 0;}
	.directions_wrap .map_txt dt {font-size:18px; line-height:60px; padding-left:80px; width:220px;}
	.directions_wrap .map_txt dt:before {width:60px; height:60px;}
	.directions_wrap .map_txt dd {width:calc(100% - 220px); padding-left:20px; gap:5px;}
	.directions_wrap .map_txt dd p {padding-left:100px;}
	.map_area {height:620px;}
/* 전력사업 */
	.horizontal_ul.mb {margin-bottom:100px;}
	.horizontal_ul.set2 {gap:40px;}
	.horizontal_ul.set2 li {width:calc(50% - 20px);}
	.horizontal_ul.set3 {gap:20px;}
	.horizontal_ul.set3 li {width:calc(50% - 40px);}
	.horizontal_ul.thin2 li .img {height:28vw;}
	.horizontal_ul li p {margin-top:20px;}
	.facility_status_wrap {padding:100px 0;}
	.facility_status_wrap.mb {margin-bottom:100px;}
	.status_box {flex-direction:column;}
	.status_box .left_tit,
	.status_box .list {width:100%; height:auto;}
	.status_box .list {padding:40px 0 0;}
	.tit_fix_set.start,
	.tit_fix_set.end {padding-left:0;}
	.tit_fix_set.start .left_tit,
	.tit_fix_set.end .left_tit {position:relative; top:0; left:0;}
/* 지역냉난방 사업 */
	.horizontal_dl dl {flex-direction:column; margin-bottom:100px;}
	.horizontal_dl dt,
	.horizontal_dl dd {width:100%;}
	.horizontal_dl dt .stit {margin-bottom:40px;}
	.horizontal_dl dt .gtxt {font-size:40px; bottom:auto; top:0; left:auto; right:0;}
	.horizontal_dl dd {height:auto;}
	.bg_heating_cooling {padding:100px 0; margin-bottom:100px;}
	.bg_heating_cooling .stit {font-size:32px; line-height:40px; margin-bottom:40px;}
	.bg_heating_cooling p {margin-bottom:60px;}
	.bg_heating_cooling .icons {gap:10px;}
	.bg_heating_cooling .icons li {width:calc((100% - 40px)/5); height:auto; padding:30px 0 10px;}
	.bg_heating_cooling .icons strong {font-size:16px; margin:30px 0 15px;}
	.facility_status2 .con li {padding:30px;}
	.status_box .list strong {font-size:30px;}
	.facility_status2 .con {width:100%;}
	.heating_cooling_box > * {margin-bottom:100px;}
	.heating_cooling_box .top_box {height:500px;}
	.heating_cooling_box .top_box .tit {font-size:32px; line-height:40px; margin-bottom:40px;}
	.heating_cooling_box ul {margin-top:60px; gap:20px;}
	.heating_cooling_box li {width:calc((100% - 20px)/2); height:200px;}
	.grapth_wrap .grapth_area {gap:30px;}
	.grapth_wrap .grapth_area .box {width:calc(50% - 15px);}
	.grapth_wrap .grapth_area .grapth {padding:0 10px;}
	.grapth_wrap .grapth_area .grapth li {padding:0 5px;}
	.tbd_area .map {padding-left:30px;}
/* 신재생에너지 사업 */
	.status_link {display:none;}
	.ipdl_list dl {margin-top:100px;}
	.ipdl_list dt .gtxt {left:auto; right:0; width:auto; top:calc(100% + 40px);}
	.ipdl_list dt .gtxt span {position:relative; top:0; left:0; transform:rotate(0deg); font-size:30px; line-height:30px;}
/* 에너지효율화 사업 */
	.ip_wrap {min-height:auto; margin-bottom:100px;}
	.ip_wrap .tit {padding-bottom:0;}
/* ESG 추진체계 */
	.gray_box {padding:40px; border-radius:20px; margin-top:40px;}
/* ESG 정책 */
	.gs_policy_dl dt a {font-size:26px; line-height:34px; padding:30px 80px 30px 15px;}
	.gs_policy_dl dt i {right:30px;}
	.gs_policy_dl dd {padding:40px 0;}
	.gs_policy_dl dd .tit {font-size:20px; margin:80px 0 20px;}
	.gs_policy_dl dd .gray_sqr {gap:20px;}
	.gs_policy_dl dd .gray_sqr li {padding:10px 20px 10px 200px; min-height:220px;}
	.gs_policy_dl dd .gray_sqr .icon {width:180px;}
	.gs_policy_dl dd .gray_sqr .tit {font-size:20px; margin-bottom:10px;}
	.gs_policy_dl dd .gray_sqr + ol {padding:30px; margin-bottom:20px;}
	.gs_policy_dl dd .step_box li {font-size:16px; line-height:30px;}
	.gs_policy_dl dd > p:last-child {margin-top:40px;}
/* Environmental */
	.shadow_txt {top:0; right:0; bottom:auto; left:auto; font-size:40px; line-height:1;}
	.stit .shadow_txt,
	.st_tit .shadow_txt {line-height:1;}
	.st_half {flex-direction:column;}
	.st_half .st_tit,
	.st_half .st_con {width:100%;}
	.st_half .st_tit {padding-bottom:40px;}
	.swipe_out .control_slide {width:calc(100% + 22vw); transform:translateX(-22vw); padding-right:22vw;}

	.wbox,
	.gbox {padding:100px 0;}

	.emission_status dt .ico {height:23vw;}

	.environmental_wrap_c .en_arwarp2 {margin:100px 0;}
	.environmental_wrap_c .en_arwarp2 .shadow_txt {position:absolute; margin-top:0;}
	.environmental_wrap_c .en_arwarp3 {padding:100px 0;}
	.environmental_wrap_c .en_arwarp3 .mtb {margin:40px 0 60px;}
	.environmental_wrap_c .en_arwarp4 {padding-top:100px;}
	.environmental_wrap_c .en_arwarp4 p.big {margin:60px 0 20px;}
	.horizontal_ul {margin-top:40px;}
	.environmental_wrap_c .horizontal_ul.set2 {gap:20px;}
	.environmental_wrap_c .horizontal_ul.set2 li {width:calc(50% - 10px);}
	.environmental_area3:before {bottom:-50px; height:220px; border-radius:220px 0 0 0;}
	.environmental_wrap_c .en_arwarp5 {padding:100px 0;}
	.environmental_wrap_c .en_arwarp5 .img {margin-top:40px; padding:40px; border-radius:20px;}
	.environmental_wrap_c .en_arwarp5 .img img {height:300px;}
	.environmental_wrap_c .en_arwarp6 {padding:100px 0; height:auto;}
	.environmental_wrap_c .en_arwarp6 .btxt {padding:20px 0 40px;}
/* Social */
	.social_wrap .ip_wrap .tit {padding-bottom:75px; width:100%;}
	.social_a2 {padding-bottom:50px;}
	.social_a2:before {top:calc((100vw - 120px)/6); height:calc(100% - ((100vw - 120px)/3) + 100px);}
	.social_a2 .inner {flex-direction:column; align-items:center; gap:50px;}
	.social_a2 .inner:before {top:0; left:calc(50% - 2px); width:0; height:calc(((100vw - 120px)/3) + 50px); border-left:#337BBB 3px dashed;}
	.social_a2 .icon,
	.social_a2 li {width:calc((100vw - 120px)/3); height:calc((100vw - 120px)/3);}
	.social_a3 {padding:100px 0 0;}
	.social_a3 .gl_box {padding:20px; margin-bottom:30px; margin-top:40px;}
	.social_a3 .dots_box {padding:20px;}
	.social_a3 .dots_box .step li {gap:10px;}
	.social_a3 .dots_box .step i {height:40px; background-size:contain; font-size:16px;}
	.social_a3 .btn_more {line-height:50px; height:50px; width:200px; margin-top:40px;}

	.social2_a4 {padding:40px;}
	.social2_a5 {padding-top:100px;}
	.social2_a5 .gl_box {padding-bottom:30px;}

	.social2_b3,
	.social2_b4,
	.social2_b5 {margin-top:100px;}
	.social2_b3 .shadow_txt,
	.social2_b4 .shadow_txt {margin-top:75px;}
	.social2_wrap ul.halfbox {gap:30px;}
	.social2_wrap ul.halfbox li {flex:1 1 calc(50% - 15px)}
	.social2_wrap ul.halfbox p {margin-top:20px;}
	.social2_b5 .gl_box {padding:30px; margin-top:30px; border-radius:20px;}
	.social2_b5 .gbox {padding:15px 40px;}
	.social2_b5 .gbox li {width:24vw; height:24vw; font-size:20px; line-height:26px;}
	.social2_b5 .gbox li p {font-size:17px;}

	.social_b2 {margin-top:100px;}
	.half_area {padding-bottom:150px;}
	.social2_1 {padding-bottom:100px;}
	.social2_3,
	.social2_4 {padding:100px 0 150px;}
	/* 고객 */
	.gbox_wpoint:before {bottom:-50px; height:220px; border-radius:220px 0 0 0;}
	.social3_wrap .glbox {margin-bottom:100px;}
	.padding_box {padding:100px 0;}
	.manjok_graph .box_wrap {gap:10px;}
	.manjok_graph .box_wrap .box {width:calc((100% - 30px)/4); padding:20px;}
	.manjok_graph .box_wrap ul {gap:20px;}
	/* 사회공헌 */
	.social4a_3 {padding-top:100px;}
	.social4 .bgbox {padding:100px 0; margin-bottom:100px;}	
	.social4b_1{padding:100px 0;}
	.social4b_1 .stit{margin-bottom:80px;}
	.social4b_1 .social_hitory{flex-direction:column;}
	.social4b_1 .social_hitory dt{font-size:24px;}
	.social4b_1 .social_hitory dd{width:100%;}
	.social4b_1 .social_hitory .year{font-size:20px;}
	.social4b_1 .social_hitory li{font-size:18px; }
	.social4b_padding{padding:100px 0;}
	.social4b_2 .btxt.mt{margin-top:50px;}
	.social4b_3 .st_con p{font-size:18px; line-height:28px;}
	.social4b_3 .btxt, .social4b_4 .btxt{margin:40px 0 30px;}
	.social4b_4 p.b, .social4b_5 p.b{font-size:18px; line-height:28px;}
	.social4b_6 p.b{font-size:18px; line-height:28px; margin-bottom:20px;}
	/*사회공헌 네트워크 도표*/
	.year_graph{width:100%; height:100%; min-height:150px;position:relative; background:unset;}
	.year_graph:after{position:absolute;content:''; width:1px; height:760px; background:#ddd;left:50%; top:0;    z-index:-1;}
  .year_graph ul{display:block;max-width:100%;margin:0 auto;position:relative;padding-top:30%;}
	.year_graph ul:before{position:absolute;content:''; width:100%; height:100%;background:url('/pub/images/year_graph_bg_m.png') no-repeat 50% 50%; background-size:20%;left:0%; top:-43%;}
	.year_graph ul li{display:flex;}
	.year_graph ul li:after{content:unset;}
	.year_graph ul li:before{width:16px; height:16px; border:5px solid #5A8CEF;top:5%; left:49.2%;}
	.year_graph ul li .year{font-size:20px; position:unset; width:50%; text-align:right}
	.year_graph ul li .txt{font-size:18px;line-height:28px;position:unset; width:50%; margin-left:10%;}
	.year_graph ul li .c_blue{font-size:18px }
/* Governance */
	/* 지배구조 */
	.governance_a2 {padding:100px 0; margin-top:100px;}
	.ip_wrap .tit .btxt.s{font-size:18px;}
	.governance_top .btxt p{line-height:26px;}
	.governance_top .ft16.gray{font-size:14px;}
	.governance_middle{padding:100px 0;margin-bottom:0;}
	.governance_bottom{padding-top:100px;}
	.governance2_10_03 .inner{flex-direction:column;}
	.governance2_10_02, .governance2_10_03, .governance2_10_04, .governance2_10_05{margin-top:100px;}
	.governance2_09 .btn {line-height:50px; height:50px; width:200px; margin-top:40px;}
	/*지속가능경영보고서*/
	.sustainability_report_01{margin-top:unset;}
	.sustainability_report_01 ul li{min-height:unset;}
	.sustainability_report_01 ul li:nth-child(1):before{height:82vw; top:15%;}
/* 인재채용 */
	/* 인재경영 */
	.organizational_value dd li {padding:60px 40px;}
	.organizational_value dd .num {top:100px; left:40px; font-size:70px;}
	.organizational_value dd .tit {font-size:24px; margin:20px 0 15px;}
	.organizational_value dd strong {font-size:16px; line-height:22px;}
	.organizational_value dd .dots {margin-top:30px;}
	.organizational_value dd li .point {top:-20vh;}
	.talent_management_area2 .tt {font-size:20px; line-height:36px; padding:40px 0 20px;}
	.talent_management_area3 {padding-top:100px;}
	/* 복리후생 */
	.welfare_area {gap:40px 20px;}
	.welfare_area li {width:calc((100% - 40px)/3); padding-bottom:40px;}
	.welfare_btm {padding:30px; margin-top:40px;}
	/* 채용절차 */
	.recruitment_procedure li {gap:30px; padding:20px 30px;}
	.recruitment_procedure li:after {left:88px;}
	.recruitment_procedure .ico {width:140px; height:140px;}
	.recruitment_procedure .txt {width:calc(100% - 170px);}
	.recruitment_procedure .tit {font-size:20px; margin-bottom:15px;}
	/* FAQ */
	.faq_wrap dt {font-size:18px; line-height:26px;}
	.faq_wrap dt button {padding:20px 100px 20px 80px;}
	.faq_wrap dl strong {width:80px; font-size:24px; line-height:66px;}
	.faq_wrap dt i {width:100px;}
	.faq_wrap dd {padding:20px 100px 20px 80px;}
	/* 문의하기 */
	.qna_list a {padding:30px 0;}
	.qna_list .tag {width:100px;}
	.qna_list .txt {width:calc(100% - 380px);}
	.qna_list .txt strong {font-size:22px;}
	.qna_list .txt .date {font-size:15px; margin-top:10px;}
	.qna_list .name {width:80px;}
	.qna_list .state {width:150px;}
	.qna_list .state span {line-height:36px; height:36px; width:100px;}
	.qna_list .arrow {width:60px;}
	.pop_lock .inbox {width:800px; max-width:calc(100vw - 40px); padding:40px; border-radius:20px;}
	.pop_lock .tit {font-size:30px; line-height:36px; padding-bottom:25px; margin-bottom:40px;}
	.pop_lock .btn_close {width:80px !important; height:80px !important;}
	.pop_lock .input_box {padding:30px;}
	.pop_lock .input_box label {font-size:17px;}
	.pop_lock .input_box strong {line-height:46px; padding-right:15px;}
	.pop_lock .input_box .text {width:280px; height:46px;}
	.pop_lock .btn {width:180px; height:50px; line-height:50px; margin:30px auto 0;}
	.board_write th,
	.board_write td {padding:15px 20px; font-size:17px;}
	.board_write th {width:25%;}
	.board_write td .w2 {width:calc((100% - 60px)/3); max-width:150px;}
	.board_write td .w3 {width:calc((100% - 40px)/3); max-width:200px;}
	/*열요금 시물레이션*/
	.qna4 table th{padding:20px ; width:100%;}
	.qna4_standard{margin-top:100px;}
	.qna4_standard th{width:unset;}
	.qna4_standard table tbody td:nth-child(3){padding:40px;}
	.qna4_standard table tbody td.dpf{display:block;}
	.qna4_standard table tbody td.dpf .f22{margin-right:0px; margin-bottom:20px;}
	/* 채용공고 */
	.employment_list li a {padding:20px 180px 20px 100px;}
	.employment_list .tag {width:100px;}
	.employment_list strong {font-size:20px; line-height:24px;}
	.employment_list p {font-size:14px; margin-top:10px;}
	.employment_list span {right:80px; width:80px;}
/* 협력사 서비스 */
	.partner_wrap {gap:40px;}
	.partner_wrap li {padding:20px; height:340px;}
	.partner_wrap li .tit {font-size:28px; line-height:32px;}
	.partner_wrap li p {font-size:16px; margin:15px 0 30px;}
	.btn {font-size:16px;}
	.partner_wrap li .btn {line-height:48px; height:50px; width:280px;}
/* 고객마당 */
	.customer_yard {gap:20px;}
	.customer_yard li {width:calc((100% - 40px)/3);}
	.customer_yard li a {padding:20px;}
	.customer_yard li .tt {font-size:20px;}
	.customer_yard li i {bottom:20px; left:20px; font-size:13px; padding-right:30px;}
	.customer_yard li em {bottom:20px; right:20px;}
	.customer_yard_btm {margin-top:100px;}
	.customer_yard_btm .inner {height:320px;}
	.customer_yard_btm strong {font-size:22px; line-height:30px;}
	.customer_yard_btm .btn {line-height:48px; height:50px; width:280px; margin-top:40px;}
/* 에너지 바우처 차감 */
	.customer2_2 {margin-bottom:100px;}
	.st_half.mb {margin-bottom:100px;}
	.customer2_4 {margin-top:100px;}
/* 보도자료 */
	.news_board {gap:10px;}
	.news_board li {width:calc((100% - 20px)/3);}
	.news_board li a {height:calc(15.2vw + 160px); padding:15px; border-radius:20px;}
	.news_board li .cate {bottom:50px; left:20px;}
	.news_board li .tt {font-size:17px; line-height:24px; height:48px;}
	.news_board li .img {height:15.2vw;}
	.news_board li .date {bottom:20px; left:20px; font-size:14px;}
	.board_view .tit {padding-bottom:40px;}
	.board_view .tit .tt {font-size:30px; line-height:30px; margin:10px 0 20px;}
	.board_view .tit .date span {font-size:14px; padding:0 15px;}
	.board_view .con {padding:40px 0 100px;}
	.board_bottom .btns .btn_list {line-height:50px; height:50px; width:220px;}
/* CI 가이드 */
	.cibox {height:300px;}
	.cibox img {max-height:200px;}
	.symbol {margin-top:20px;}
	.symbol .tt {font-size:20px; margin-bottom:20px;}
	.btn_down {width:240px;}
	.btn_down:after {right:20px;}
	.btn_down.bd {padding:10px 20px;}
	.signature {margin-bottom:100px;}
	.signature .sig_box p {width:calc(100% - 260px);}
	.signature .ci_area {gap:10px;}
	.signature .ci_area dl {width:calc(50% - 10px);}
	.signature .ci_area dt {padding:0 20px; gap:20px;}
	.color_palette {margin-bottom:100px;}
	.color_palette li {padding:15px; font-size:18px;}
	.ci_color_set {padding-top:20px;}
	.ci_color_set dl {margin-top:20px; border-radius:20px;}
	.jade_green {margin:100px 0;}
	.application_items {margin-top:40px; gap:20px;}
	.application_items li {width:calc(50% - 10px);}
	.application_items li .img {padding:20px; height:240px; border-radius:20px;}
/* 갤러리 게시판 */
	.gall_list {gap:10px;}
	.gall_list li {width:calc((100% - 20px)/3);}
	.gall_list li .img {border-radius:20px 20px 0 0;}
	.gall_list li .txt {padding:20px 10px; border-radius:0 0 20px 20px;}
	.gall_list li .txt strong {font-size:20px; line-height:30px; height:60px;}
	.gall_list li .txt .date {font-size:14px;}
/* 홍보영상 */
	.pop_video {padding:30px;}
	.pop_video .tit {font-size:24px;}
/* 사이버발전소 투어 */
	.tour_wrap .video {padding:20px; border-radius:20px;}
	.tour_wrap .video .inbox {margin-bottom:20px; border-radius:20px;}
	.tour_wrap .video .inbox video {height:48vw;}
	.tour_course {padding:20px; border-radius:20px;}
	.tour_course .tit {line-height:50px; margin-bottom:20px;}
	.tour_course .tit .num {font-size:18px; height:50px; width:50px;}
	.tour_course .tit strong {font-size:24px;}
	.tour_course .tit span {font-size:13px;}
	.tour_course .con .tt {font-size:24px; line-height:30px; margin:10px 0 15px;}
	.tour_course .con ol {margin-top:30px;}
	.tour_course .con .btm li {font-size:.9em;}
	.tour_course .tabcon dt,
	.tour_course .tabcon dd {padding-left:10px;}
	.tour_course .tabcon dt {width:100px;}
	.tour_course .tabcon dd {width:calc(100% - 100px);}

	.tour_wrap .tbl th {width:180px;}
	.tour_wrap .tbl .w3 {width:calc((100% - 60px)/3);}
}

/* ----------------------------------------- Mobile ----------------------------------------- */
@media screen and (max-width:767px){
	.inner {padding:0 15px;}
	.inner .inner {padding-left:0; padding-right:0;}
	.pc_vw,
	.pc_vw3 {display:none !important;}
	.mo_vw {display:block !important;}
	.mt150{margin-top:75px !important;}
/* header */
	.header .inbox {height:60px;}
	.header .logo {left:15px; height:60px; width:180px;}
	.header .gnb {right:60px;}
	.header .langs {right:60px;}
	.header .langs dt {font-size:13px; font-weight:900; line-height:60px; height:60px;}
	.header .langs dt button {line-height:60px;}
	.header .langs dd {top:60px;}
	.header .langs dd a {font-size:13px;}
	.header .btn_menu {right:15px; width:26px; height:26px; margin-top:-13px;}
	@keyframes hbtn {
		0% {transform:scale(1);}
		50% {transform:scale(1.2);}
		100% {transform:scale(1);}
	}
	.header.on .btn_menu .i9 {right:20px;}
	.header .sitemap .inbox {position:relative; padding-top:220px;}
	.header .sitemap .img {position:absolute; top:0; left:0; width:100%; height:220px;}
	.header .sitemap .menu {width:100%; padding-right:50%;}
	.header .sitemap .menu > ul {justify-content:flex-start; padding-top:30px;}
	.header .sitemap .menu > ul > li > a {font-size:18px; padding:10px 20px;}
	.header .sitemap .snb {height:calc(100vh - 250px); max-height:none; padding-top:10px;}
	.header .sitemap .snb li {padding:0 20px; margin-top:20px;}
	.header .sitemap .snb > li a {font-size:16px;}
	.header .sitemap .snb .dep a {font-size:14px; line-height:40px;}
	.header.fixed > .inbox {height:60px;}
	.header.fixed .logo {height:60px;}
	.header.fixed .gnb li > a,
	.header.fixed .langs dt,
	.header.fixed .langs dt button {line-height:60px;}
	.header.fixed .langs dt:after {height:60px;}
	.header.fixed .langs dd {top:60px;}
/* footer */
	.footer {padding:75px 0;}
	.footer .left .logo {width:94px; height:32px; margin-bottom:20px;}
	.footer .left .fh_tit {font-size:24px; line-height:28px;}
	.footer .left .cs {margin:40px 0 25px;}
	.footer .left .cs > * {font-size:13px;}
	.footer .left .links {flex-wrap:wrap; gap:0 30px; max-width:340px;}
	.footer .left .links a {font-size:13px; width:105px;}
	.footer .left .links a strong {font-size:14px;}
	.footer .left .links a:nth-child(2n) {width:50%;}
	.footer .left .links a:nth-child(2n):after {display:none;}
	.footer .left .address {margin:40px 0 50px;}
	.footer .left .address p {line-height:26px;}
	.footer .left .address p span {display:inline-block;}
	.footer .left .copy {font-size:11px;}
	.footer .right .webwatch {right:200px; bottom:-15px; width:100px;}
	.footer .right .family dt {font-size:14px; width: 193px;}
	.footer .right .family dd {bottom:40px; padding:10px 20px; border-radius:10px;}
	.footer .right .family dd a {font-size:14px; line-height:30px; padding-left:12px;}
	.quick_menu {bottom:10px;}
	.quick_menu.unfixed {bottom:calc(100% - 20px);}
	.quick_menu > * {width:40px; height:40px;}
	.quick_menu .link {font-size:0; margin-bottom:10px;}
	.quick_menu .link:before {margin-bottom:0; height:20px; background-size:contain;}
	.gotop {background-size:auto 20px;}
	.gotop:before,
	.gotop:after {display:none;}
/* main */
	.mvisual_wrap_fix {height:calc(100vh + 200px);}
	.mvisual_wrap .mv_txt {left:60px; line-height:50px;}
	.mvisual_wrap .mv_txt li {max-height:150px;}
	.mvisual_wrap .mv_txt li:nth-child(2) {max-height:150px;}
	.mvisual_wrap .mv_txt p {position:relative; top:0; left:0; font-size:15px; margin-top:10px;}
	.mvisual_wrap .mv_txt.first {width:calc(100% - 60px);}
	.mvisual_wrap .mv_txt.first p {position:relative; top:0; left:0;}
	.mvisual_wrap .main_video {width:90%; height:50vh; border-radius:50px 0 0 0;}
	.mvisual_wrap.del {width:10px; opacity:0; overflow:hidden;}
	.mvisual_wrap.del .mv_txt {z-index:0;}
	.mvisual_wrap .gobtm {position:fixed; top:calc(50% + 200px); left:60px; width:60px; height:60px; background-size:auto 22px; margin:0; z-index:1;}
	.mvisual_wrap .gobtm:before,
	.mvisual_wrap .gobtm:after {display:none;}
	.mvisual_wrap.on_set1 .mv_txt {left:30px; top:calc(50% - 200px);}
	.mvisual_wrap.on_set1 .gobtm {animation:gobtm 1s linear forwards; animation-delay:1s; transition:0s; margin-top:0;}
	@keyframes gobtm{
		0% {left:60px; top:calc(50% + 200px);}
		50% {left:30px; top:calc(50% + 200px);}
		100% {left:30px; top:calc(50% + 170px);}
	}
	.mvisual_wrap .mv_txt p {height:52px;}
	.mvisual_wrap .navi {margin-top:100px; width:120px; height:20px;}
	.mvisual_wrap .mv_txt .navi_paging li {font-size:14px; line-height:20px; height:20px;}
	.mvisual_wrap .pro_wrap {width:70px;}
	.mvisual_wrap .buttons {height:20px;}

	.m_business .inner {flex-direction:column; justify-content:flex-start; padding:75px 15px;}
	.m_business .tit_box,
	.m_business .list_box {width:100%;}
	.m_business .tit_box,
	.m_business.landing .tit_box,
	.m_business.landing_end .tit_box {position:relative; top:0; left:0; height:auto; max-height:none;}
	.m_business .tit_box li {height:110px;}
	.m_business .tit_box li.txt0 {display:flex !important;}
	.m_business.list1 .tit_box li.txt1,
	.m_business.list2 .tit_box li.txt2,
	.m_business.list3 .tit_box li.txt3,
	.m_business.list4 .tit_box li.txt4 {display:none !important;}
	.mtit span {font-size:14px; line-height:20px;}
	.mtit strong {font-size:33px; line-height:34px; margin:10px 0 30px;}
	.mtit b {font-size:14px; line-height:22px;}
	.mtit p {font-size:13px; line-height:22px;}
	.m_business .list_box {padding-top:40px;}
	.m_business .list_box a {width:100%; height:auto; padding:30px 20px; border-radius:30px; margin:0 !important; background-color:rgba(255, 255, 255, .1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#fff;}
	.m_business .list_box .t {font-size:13px; color:#fff;}
	.m_business .list_box .num {top:30px; right:20px;}
	.m_business .list_box .icon {height:100px; margin:35px 0; opacity:1;}
	.m_business .list_box strong {font-size:14px;}
	.m_business .list_box p {font-size:13px; line-height:22px;}
	.m_management {padding:75px 0 0;}
	.m_management > .inner {height:2069px;}
	.m_management .list_wrap {height:1180px;}
	.m_management .list,
	.m_management.management_bgstop .list {flex-direction:column; transform:scale(1) !important;}
	.m_management .list li {width:100%;}
	.m_management .list li.l1 {order:1; max-height:100vh;}
	.m_management .list li.l2 {order:2;}
	.m_management .list li.l3 {order:3;}
	.m_management .list li.l1:before {background-position:30% 0;}
	.m_management.basic .list li.l1 {width:100% !important;}
	.point_txt_start {top:60vh;}
	.m_management .position {position:absolute; top:0;}
	.m_management .position .point_management2 {top:calc(100vh + 94px);}
	.m_management .position .height_management2 {height:350px;}
	.management_ani .position {margin-top:0;}
	.management_ani .list_wrap {top:0; transform:translate(-50%,0);}
	.management_ani .list_wrap .inner {padding:0 15px;}
	.m_management.management_bgstop .list li.l1 {transform:scale(1.4) !important;}
	.trans_text {padding-bottom:75px;}
	.trans_text .mtit strong {font-size:38px; margin:5px 0 40px;}
	.trans_text .inner > span {font-size:30px; margin:0 0 40px;}
	.trans_text .inner > p {font-size:15px; line-height:30px;}
	.trans_text .more {font-size:13px; margin-top:50px;}
	.trans_text .btm_txt {margin-top:60px; flex-direction:column; gap:30px;}
	.trans_text .btm_txt li:nth-child(1),
	.trans_text .btm_txt li:nth-child(2) {width:100%;}
	.trans_text .btm_txt li > span {font-size:12px; margin-bottom:10px;}
	.trans_text .btm_txt li .poppins {font-size:50px; line-height:50px;}
	.under_btm .point_under_btm {}
	.under_btm .point_under_out {position:absolute; top:calc(100% + (100vh - 48vw) - 100px); height:calc(100% + (100vh - 48vw)); font-size:0;}
	.m_management.out > .inner {opacity:0;}
	.under_btm ul {height:auto; flex-direction:column;}
	.under_btm li {width:100%; height:100vw;}
	.under_btm .i1,
	.under_btm .i2 {transform:translate(0px, 0px) !important;}
	.under_btm li a {font-size:30px; line-height:40px;}
	.m_midea_wrap {padding:75px 0;}
	.m_midea_wrap .jq_tab {position:relative; top:0; gap:10px; margin-top:40px;}
	.m_midea_wrap .jq_tab li button {font-size:14px;}
	.m_media_slide {margin-left:0;}
	.m_media_slide.before_ani .mv {padding:0;}
	.m_media_slide a {max-width:100%;}
	.m_media_slide .mv:before {display:none;}
	.m_media_slide .cate {font-size:20px;}
	.m_media_slide .date {margin:40px 0 30px;}
	.m_media_slide .date span {font-size:13px;}
	.m_media_slide .date strong {font-size:20px;}
	.m_media_slide p {font-size:19px; line-height:26px; height:52px; margin-bottom:30px;}
	.m_media_slide .img {height:180px;}
	.m_midea_wrap .pro_wrap {position:relative; width:100%; height:2px; background:#ddd; margin-top:30px;}
	.m_midea_wrap .pro-bar_media {position:absolute; bottom:0; left:0; width:0; height:2px; background:#54A022; border-radius:2px;}
	.m_midea_wrap .pro-ani {animation:proBar_media 5s linear; width:100%;}
	@keyframes proBar_media{
		0%{width:0;}
		100%{width:100%;}
	}
/* sub */
	.svisual {min-height:330px;}
	.svisual .inner,
	.svisual.scr_on .inner,
	.svisual.scr_on.un_motion .inner {padding-bottom:20px;}
	.svisual .location b {padding-right:16px; margin-right:15px;}
	.svisual .tit {font-size:36px; line-height:40px; margin-top:20px;}
	.svisual .deps {margin-top:20px;}
	.svisual .deps a {font-size:14px; margin-right:30px;}
	.svisual.g03 .deps,
	.svisual.g05 .deps {gap:20px;}

	.container {padding:50px 0 75px; font-size:14px; line-height:22px;}
	.container .title {font-size:24px; margin-bottom:50px;}
	.container .title.mt {margin-top:100px;}
	.container .title.pt {padding-top:100px;}
	.container .gtit {font-size:16px;}
	.container .ctit {font-size:30px;}
	.container .ctxt {font-size:25px; line-height:34px;}
	.stit {font-size:24px; line-height:30px; padding-top:15px;}
	.stit.mt {margin-top:75px;}
	.stit.mb {margin-bottom:30px;}
	.stit .shadow_txt,
	.st_tit .shadow_txt {font-size:24px;}
	.container p.big,
	.container p .big {font-size:18px;}
	.container .btxt.s {font-size:16px;}
	.container .btxt.mtb42 {margin:20px 0 10px;}
	.container .btxt.mtb2 {margin:30px 0 10px;}
	.container .btxt.mb3 {margin-bottom:15px;}

	.container .jq_tab {padding:0; margin-bottom:50px;}
	.container .jq_tab li a,
	.container .jq_tab li button {font-size:14px; height:40px; padding:0;}
	.container .jq_tab.tab_type2 {gap:0; margin-bottom:50px;}
	.container .jq_tab.tab_type2 li {width:50%;}
	.container .jq_tab.tab_type2 li a,
	.container .jq_tab.tab_type2 li button {padding:0;}

	.container .jq_tab2 {padding:0; margin-bottom:50px;}
	.container .jq_tab2 li a,
	.container .jq_tab2 li button {font-size:14px; height:40px; padding:0;}
	.container .jq_tab2.tab_type2 {gap:0; margin-bottom:50px;}
	.container .jq_tab2.tab_type2 li {width:50%;}
	.container .jq_tab2.tab_type2 li button {padding:0;}

	.container .jq_tab3 {padding:0; margin-bottom:50px;}
	.container .jq_tab3 li a,
	.container .jq_tab3 li button {font-size:14px; height:40px; padding:0;}
	.container .jq_tab3.tab_type2 {gap:0; margin-bottom:50px;}
	.container .jq_tab3.tab_type2 li {width:50%;}
	.container .jq_tab3.tab_type2 li button {padding:0;}
	
	.tbl p.tar {font-size:13px; margin-bottom:10px;}
	.tbl th,
	.tbl td {padding:10px 5px;}
	.tbl.mt6 {margin-top:30px;}
	.tbl.mt4 {margin-top:20px;}
	.tbl .glbox + p,
	.tbl table + p {font-size:13px; line-height:20px; margin-top:10px;}

	.over_tbl {position:relative;}
	.over_tbl .hand {position:absolute; top:-90px; right:0; width:50px; overflow:visible;}
	.over_tbl .hand:before {content:""; position:absolute; top:6px; left:4px; width:19px; height:30px; background:url('/pub/images/icon_hand.svg') no-repeat 50% 50% / contain; animation:over_tbl_hand 3s infinite;}
	.over_tbl .hand .bar {position:relative; width:100%; height:3px; background:#ddd; border-radius:2px;}
	.over_tbl .hand .bar:before {content:""; position:absolute; top:0; left:0; width:50%; height:100%; background:#54A022; border-radius:2px; animation:over_tbl_bar 3s infinite;}
	.over_tbl > div {overflow:auto;}
	.over_tbl > div table {width:728px;}
	@keyframes over_tbl_hand {
		0% {left:4px;}
		50% {left:20px;}
		100% {left:4px;}
	}
	@keyframes over_tbl_bar {
		0% {left:0;}
		50% {left:16px;}
		100% {left:0;}
	}
	.over_tbl .hand.mid {top:-40px;}
	.over_img {margin-bottom:40px;}
	.over_img .img {width:728px; margin:0; border-radius:15px;}

	.board_bottom {margin-top:30px; min-height:24px;}
	.board_bottom .paging {margin-top:30px; gap:1px;}
	.board_bottom .paging a {width:24px; height:24px; line-height:24px; font-size:14px;}
	.board_bottom .paging .arrow.prev {margin-right:2px;}
	.board_bottom .paging .arrow.next {margin-left:2px;}
	.board_bottom .btns {margin-top:30px;}
	.board_bottom .btns .btn_list {line-height:40px; height:40px; width:160px;}
	.board_bottom .btn_abso {width:30%; max-width:150px; height:40px; line-height:40px;}
/* CEO 인사말 */
	.greeting.aos-animate .img:before {left:-15px;}
	.greeting .img img {width:50%;}
	.greeting .txt {padding-top:70px;}
	.greeting .txt .tit {font-size:20px; line-height:34px; margin-bottom:20px; margin-bottom:30px;}
	.greeting .txt .tit strong:first-child:after {top:-20px; right:-40px; width:40px; height:36px;}
	.greeting .txt .tit .abso_gtxt {top:-40px; font-size:32px; line-height:40px;}
	.greeting .txt .name {font-size:14px; margin-top:20px;}
	.greeting .txt .name b {font-size:20px; margin-left:10px;}
/* 비전 */
	.vision_wrap .vision {font-size:20px; line-height:40px; margin-bottom:40px;}
	.vision_wrap .vision:before,
	.vision_wrap .vision:after {width:12px; border-width:4px;}
	.vision_wrap p {font-size:18px; line-height:34px;}
	.vision_wrap .bgbox {padding-bottom:30vh;}
	.vision_wrap .img {position:relative; padding-top:70px;}
	.vision_wrap .img img {position:relative; left:50%; width:150%; max-width:150%; object-fit:cover; transform:translate(-50%,0);}
	.vision_wrap .img .gtit {margin-bottom:20px;}
	.vision_wrap .core_value {flex-direction:column; padding-bottom:0;}
	.vision_wrap .core_value:before {top:0; left:; width:2px; height:100%;}
	.vision_wrap .core_value li {width:100%; padding:20px; max-width:100%; border-radius:10vw;}
	.vision_wrap .core_value li:after {display:none;}
	.vision_wrap .core_value li .round {width:150px; height:150px; margin:0 auto;}
	.vision_wrap .core_value li p {font-size:13px; line-height:20px; height:auto; padding:20px 10px 0;}
/* 브랜드가치 */
	.sgc_wrap {margin-top:75px;}
	.sgc_wrap:before {display:none;}
	.sgc_wrap > div {background:no-repeat 50% 50%; width:100%; height:440px;}
	.sgc_wrap > div.on {width:100%;}
	.sgc_wrap .tt {font-size:70px; line-height:1;}
	.sgc_wrap .t,
	.sgc_wrap .on .t {font-size:21px; line-height:30px; padding-bottom:25px; margin:25px 0;}
	.sgc_wrap .t:after,
	.sgc_wrap .on .t:after {width:60px;}
	.sgc_wrap b {font-size:15px; line-height:24px;}
	.sgc_wrap .btm,
	.sgc_wrap .on .btm {height:auto;}
	.sgc_wrap .s {background-image:url('/pub/images/bg_sgc.jpg');}
	.sgc_wrap .g {background-image:url('/pub/images/bg_sgc2.png');}
	.sgc_wrap .c {background-image:url('/pub/images/bg_sgc3.png');}
	.leaflet_box {padding:75px 0 0;}
	.leaflet_box .ctxt {padding:0 15px;}
	.leaflet_box .pr_down {padding-bottom:75px;}
	.leaflet_box .pr_down:before {height:300px; background-size:50%;}
	.btn_down {padding:10px 15px; width:200px;}
	.btn_down:after {right:15px; width:14px;}
	.leaflet_box .pr_down a {margin-top:30px;}
/* 연혁 */
	.page_top {position:relative; margin-bottom:0; background:none; height:auto;}
	.page_top:before {content:""; position:absolute; top:0; left:0; width:100%; height:150px; background:no-repeat 50% 0 / cover;}
	.page_top .txt {font-size:16px; line-height:26px; padding:180px 15px 0; margin-bottom:75px;}
	.page_top .txt p:before {display:none;}

	.history_top:before {background-image:url('/pub/images/img_history01_m.jpg');}
	.history_list {padding-left:0;}
	.history_list .years_tit {position:relative; width:100%; height:auto; padding:44px 0;}
	.history_list .years_tit .tit {font-size:15px; margin-bottom:25px;}
	.history_list .years_tit ul {gap:0;}
	.history_list .years_tit li {font-size:38px; line-height:50px;}
	.history_list.start .years_tit,
	.history_list.end .years_tit {position:relative;}
	.history_list .years_con {padding:40px 15px 75px;}
	.history_list .years_con dt {font-size:25px;}
	.history_list .years_con dd {gap:5px;}
	.history_list .years_con dd p {padding-left:30px; line-height:22px;}
/* 재무현황 */
	.financial_graph {padding-top:45px; margin-bottom:40px;}
	.financial_graph:before {height:80%;}
	.financial_graph ul {gap:5px; flex-direction:column;}
	.financial_graph li {width:100%; padding:10px;}
	.financial_graph li .tt {font-size:15px; margin-bottom:25px;}
	.financial_graph li .dt,
	.financial_graph li .dd {padding:0 5px; height:120px;}
	.financial_graph li .dd span {bottom:calc(100% + 2px); height:20px;}
	.financial_graph li p {font-size:12px;}
	.financial_graph + .tbl td {word-break:break-all;}
/* 찾아오시는 길 */
	.g01.s06 .jq_tab {width:calc(100% - 30px); margin:0 auto 30px;}
	.g01.s06 .jq_tab li {width:calc(100%/3);}
	.map_area {height:400px;}
	.directions_wrap .map_txt {padding:10px 10px; margin-top:-30px;}
	.directions_wrap .map_txt dl {padding:20px 0; flex-direction:column;}
	.directions_wrap .map_txt dt,
	.directions_wrap .map_txt dd {width:100%;}
	.directions_wrap .map_txt dt {font-size:13px; line-height:40px; padding-left:50px;}
	.directions_wrap .map_txt dt:before {width:40px; height:40px; background-size:50%;}
	.directions_wrap .map_txt dt:after {display:none;}
	.directions_wrap .map_txt dd {padding:5px 0 0;}
	.directions_wrap .map_txt dd p {padding:30px 0 0 20px; line-height:24px;}
	.directions_wrap .map_txt .i2 dd p strong:before {top:10px;}
	.map_info {width:320px; height:auto; background-size:360px; padding:15px 20px;}
	.map_info .tit {font-size:16px; line-height:24px;}
	.map_info .close {width:16px; height:16px;}
	.map_info p {font-size:13px; line-height:20px; margin:4px 0;}
	.map_info strong {font-size:16px; line-height:24px;}
	.map_info .btns {margin-top:10px;}
	.map_info .btns .left {border-radius:5px;}
	.map_info .btns .left a {font-size:12px; line-height:28px; padding:0 5px;}
.map_info .btns .right a {font-size:13px; line-height:30px; height:30px; border-radius:5px; padding:0 10px;}
/* 전력사업 */
	.power_top:before {background-image:url('/pub/images/img_power01_m.jpg');}
	.horizontal_ul.set2 {flex-direction:column; margin-bottom:75px;}
	.horizontal_ul.set2 li {width:100%;}
	.horizontal_ul.set3 {flex-direction:column; gap:15px;}
	.horizontal_ul.set3 li {width:100%;}
	.horizontal_ul.set3 li .img {height:60vw;}
	.horizontal_ul.set3 li .img img {width:100%;}
	.horizontal_ul.thin2 li .img {height:auto; min-height:200px;}
	.horizontal_dl dl {margin-bottom:75px;}
	.facility_status_wrap {padding:75px 0;}
	.status_box .tit {font-size:17px; margin:75px 0 20px;}
	.status_box .list strong {font-size:25px;}
	.facility_status .list ul {flex-direction:column; gap:15px;}
	.facility_status .list li {width:100%; padding:20px 20px 20px 95px;}
	.facility_status .list i {left:20px; width:60px; height:60px; margin-top:-30px;}
	.facility_status .list span {line-height:20px; margin-bottom:5px;}

	.power_middle {padding-bottom:80px;}
	.power_middle .hf_txt {padding:0;}
	.power_middle .hf_con {padding:40px 0 0;}
/* 지역냉난방 사업 */
	.heating_cooling_top:before {background-image:url('/pub/images/img_heating_cooling01.jpg');}

	.bg_heating_cooling {padding:75px 0; margin-bottom:75px;}
	.bg_heating_cooling .stit {font-size:25px; line-height:38px;}
	.bg_heating_cooling .icons {flex-wrap:wrap; gap:15px;}
	.bg_heating_cooling .icons li {width:calc((100% - 15px)/2); min-height:203px; padding:20px 0; transition-delay:0s !important;}
	.bg_heating_cooling .icons li:nth-child(2n) {transition-delay:.2s !important;}
	.bg_heating_cooling .icons i {height:40px; background-size:auto 40px;}
	.bg_heating_cooling .icons strong {font-size:15px; margin:15px 0 10px;}
	.bg_heating_cooling .icons p {font-size:13px; line-height:20px; padding:0 10px;}
	.facility_status2 .con ul {gap:15px;}
	.facility_status2 .con li {padding:20px; width:100%;}
	.status_box .list .ttt {font-size:25px;}
	.facility_status2 .con .sha_img {margin:40px 0 20px;}
	.ibox {margin-top:40px; padding:30px;}
	.heating_cooling_box > * {margin-bottom:70px;}
	.heating_cooling_box .top_box {height:400px;}
	.heating_cooling_box .top_box .tit {font-size:28px; line-height:30px; margin-bottom:30px; padding-top:10px;}
	.heating_cooling_box ul {margin-top:40px; gap:10px;}
	.heating_cooling_box li {width:100%; height:auto; min-height:120px; padding:15px 15px 15px 120px;}
	.heating_cooling_box li strong {font-size:17px; line-height:22px; margin-bottom:10px;}
	.heating_cooling_box li p {font-size:13px; line-height:22px;}
	.grapth_wrap {padding:50px 0 100px; margin-top:40px;}
	.grapth_wrap:before {height:200px;}
	.grapth_wrap .grapth_area {gap:10px;}
	.grapth_wrap .grapth_area .box {width:calc(50% - 5px); padding:10px;}
	.grapth_wrap .grapth_area .tit {font-size:14px; line-height:22px; margin-bottom:-20px;}
	.grapth_wrap .grapth_area .tit .dan {font-size:13px; margin-top:4px;}
	.grapth_wrap .grapth_area .grapth {padding:0; margin-bottom:20px;}
	.grapth_wrap .grapth_area .grapth ul {height:200px;}
	.grapth_wrap .grapth_area .grapth li {padding:0 2px;}
	.grapth_wrap .grapth_area .grapth p {font-size:12px; bottom:-20px;}
	.grapth_wrap .grapth_area .grapth .bar span {font-size:12px; top:-20px;}
	.tbd_wrap .stit {margin-bottom:30px;}
	.tbd_area {flex-direction:column;}
	.tbd_area .tbl,
	.tbd_area .map {width:100%;}
	.tbd_area .map {padding:20px 0 0; height:146vw;}
	.tbd_area .map01 {height:80vw;}
/* 신재생에너지 사업 */
	.renewable_top:before {background-image:url('/pub/images/img_renewable_energy01_m.jpg');}
	.ipdl_list dl {margin-top:75px;}
	.ipdl_list dt {height:180px;}
	.ipdl_list dt img {width:auto; height:100%; object-fit:cover; border-radius:15px;}
	.ipdl_list dt .abso {bottom:10px; right:10px;}
	.ipdl_list dd .tt {font-size:18px; line-height:24px; margin:20px 0 10px;}
	.ipdl_list dt .gtxt {top:calc(100% + 20px); height:auto;}
/* 열병합발전소 현대화 사업 */
	.cogeneration_plant_top:before {background-image:url('/pub/images/img_cogeneration_plant01.jpg'); background-position:70% 0;}
/* 에너지효율화 사업 */
	.energy_efficiency_top:before {background-image:url('/pub/images/img_energy_efficiency01.jpg'); background-position:60% 0;}
	.ip_wrap {flex-direction:column; justify-content:flex-start; margin-bottom:75px;}
	.ip_wrap .tit,
	.ip_wrap .pic {width:100%;}
	.ip_wrap .tit {padding-right:0;}
	.ip_wrap .tit .btxt {margin:20px 0;}
	.ip_wrap .pic {transition-delay:0s; margin-top:40px; height:70vw;}
	.ip_wrap .pic img {border-radius:15px;}
	.ip_wrap .pic .pic01 {width:85%;}
	.ip_wrap .pic .pic02 {width:50%; top:auto; bottom:0;}
	.ipdl_list dt .gtxt span {font-size:20px; line-height:1;}
	.facility_status_wrap.mb {margin-bottom:75px;}
/* ESG 추진체계 */
	.promotion_system_top:before {background-image:url('/pub/images/img_promotion_system01.jpg'); background-position:50% 0; left:50%; width:100vw;}
	.gray_box {padding:40px 15px;}
/* ESG 정책 */
	.gs_policy_dl dt a {font-size:18px; line-height:30px; padding:15px 40px 15px 10px;}
	.gs_policy_dl dt i {right:10px; width:16px;}
	.gs_policy_dl dt i:before {width:16px; height:2px; margin:-1px 0 0 -8px;}
	.gs_policy_dl dt i:after {width:2px; height:16px; margin:-8px 0 0 -1px;}
	.gs_policy_dl dd {padding:20px 0;}
	.gs_policy_dl dd .gray_sqr {gap:10px;}
	.gs_policy_dl dd .gray_sqr li {padding:20px; min-height:auto;}
	.gs_policy_dl dd .gray_sqr .icon {position:relative; width:80px; height:80px; margin:0 auto;}
	.gs_policy_dl dd .gray_sqr .icon:before {width:100%; height:100%; background-size:50%;}
	.gs_policy_dl dd .gray_sqr .icon:after {display:none;}
	.gs_policy_dl dd .gray_sqr .tit {font-size:17px;}
	.gs_policy_dl dd .gray_sqr + ol {padding:20px; margin-bottom:10px; gap:20px;}
	.gs_policy_dl dd ol .t {font-size:17px; margin-bottom:10px;}
	.gs_policy_dl dd .step_box {flex-direction:column;}
	.gs_policy_dl dd .step_box li {width:100%; font-size:13px; line-height:20px; padding:10px;}
	.gs_policy_dl dd .step_box li:before {top:-20px; left:calc(50% - 10px); width:20px; height:20px; transform:rotate(90deg);}
	.gs_policy_dl dd .tit {font-size:17px; margin:40px 0 10px;}
/* Environmental */
	.shadow_txt {font-size:32px; line-height:37px;}
	.environmental_area1 .ip_wrap {margin-bottom:0;}
	.environmental_area1 .ip_wrap .tit {width:100%;}
	.wbox,
	.gbox {padding:75px 0;}

	.environmental_wrap_b .shadow_txt {top:0; font-size:28px;}
	.environmental_area_b1 {padding-bottom:100px;}
	.environmental_area_b1 p.b {margin:30px 0;}
	.environmental_area_b1 p.annotation {font-size:13px; margin-top:20px;}
	.environmental_wrap_b .btxt.mt {margin:50px 0 20px;}

	.emission_status .flex {flex-wrap:wrap; gap:10px;}
	.emission_status dl {flex-wrap:wrap; gap:10px; width:calc(50% - 5px);}
	.emission_status.set2 dl {width:calc(50% - 5px);}
	.emission_status dl:nth-last-child(2) {margin-bottom:0;}
	.emission_status dl .tt {display:block; font-size:13px; color:#fff; line-height:30px; width:80%; border-radius:15px; margin:0 auto; text-align:center;}
	.emission_status dt .ico {width:34vw; height:34vw; margin:0 auto;}
	.emission_status dt .ico p {padding-top:6vw;}
	.emission_status dd .ico_box {padding:10px; gap:10px; height:150px;}
	.emission_status dd .ico_box .b,
	.emission_status dd .ico_box .m {gap:3px;}
	.emission_status dd .leafbox .b i {width:20px; height:30px;}
	.emission_status dd .leafbox .m i {width:16px; height:20px;}
	.emission_status dd .leafbox .s i {width:10px; height:14px;}
	.emission_status dd .waterbox .b i {width:18px; height:30px;}
	.emission_status dd .waterbox .m i {width:14px; height:20px;}
	.emission_status dd .waterbox .s i {width:8px; height:14px;}
	.emission_status dd .ico_box .count {font-size:20px; line-height:28px;}
	.emission_status p.tar {font-size:12px;}
	.emission_round_img {margin-top:50px; border-radius:15px;}

	.environmental3_top:before {background-image:url('/pub/images/img_environmental3_01.jpg'); background-position:70% 0;}
	.environmental_wrap_c .ip_wrap .tit {width:100%;}
	.environmental_wrap_c .en_arwarp2 {margin:75px 0;}
	.environmental_wrap_c .en_arwarp2 .img {margin-top:20px; padding:20px; border-radius:15px;}
	.environmental_wrap_c .gbox .shadow_txt {font-size:20px; bottom:auto; top:-30px;}
	.environmental_wrap_c .gbox .img {margin:40px 0 -100px; border-radius:15px;}
	.environmental_wrap_c .en_arwarp2 .shadow_txt {position:absolute; margin-top:0; z-index:-1;}
	.environmental_wrap_c .en_arwarp3 {padding:75px 0 0;}
	.environmental_wrap_c .en_arwarp3 .mtb {margin:20px 0 30px;}
	.environmental_wrap_c .environmental_area3 .stit {margin-bottom:20px;}
	.environmental_wrap_c .environmental_area3 .st_half5 {flex-direction:column;}
	.environmental_wrap_c .environmental_area3 .st_half5 > * {width:100%;}
	.environmental_wrap_c .en_arwarp4 p.big {margin:45px 0 10px;}
	.environmental_wrap_c .en_arwarp4 {padding-top:75px;}
	.environmental_wrap_c .horizontal_ul.set2 li {width:100%;}
	.horizontal_ul li .img {border-radius:15px;}
	.horizontal_ul li p {margin-top:10px;}
	.environmental_wrap_c .st_half5 .hf_txt p {padding:0 0 30px;}
	.environmental_area3:before {bottom:0; width:70%; height:110px; border-radius:110px 0 0 0}
	.environmental_wrap_c .en_arwarp5 {padding:75px 0;}
	.environmental_wrap_c .en_arwarp5 .img {margin-top:30px; padding:20px; border-radius:15px;}
	.environmental_wrap_c .en_arwarp5 .img img {height:240px;}
	.environmental_wrap_c .en_arwarp6 {padding:75px 0;}
/* Social */
	.container.g03 .jq_tab {padding:0 15px;}
	.container.g03 .jq_tab li {width:33.3%;}
	.social_wrap .ip_wrap .tit {padding:0;}
	.social_wrap .ip_wrap .tit .shadow_txt  {top:0; right:15px; bottom:auto; left:auto;}
	.social_a_top:before{background-image:url('/pub/images/social_a01.jpg'); background-position:60% 0;}
	.social_a2 {padding:50px 0;}
	.social_a2:before {top:0; left:calc(18vw + 15px); width:calc(82vw - 15px); height:100%;}
	.social_a2 .inner {gap:20px;}
	.social_a2 .icon {width:36vw; height:36vw;}
	.social_a2 li {width:45vw; height:45vw;}
	.social_a2 .inner {flex-direction:row;}
	.social_a2 .inner:before {top:calc(50% - 2px); left:10%; width:50vw; height:0; border-left:0;}
	.social_a2 .icon p {font-size:20px; margin-top:5px;}
	.social_a2 ul {flex-direction:column; gap:30px;}
	.social_a2 li:before {left:calc(50% - 15px); top:-45px; width:30px; height:60px; transform:rotate(90deg); background-size:20px;}
	.social_a2 li .tt {font-size:18px; line-height:24px;}
	.social_a2 li p {font-size:13px; line-height:20px;}
	
	.social_a3 {padding-top:75px;}
	.social_a3 p.s {font-size:13px; margin-top:20px;}
	.social_a3 .con {width:100%; margin-top:20px;}
	.social_a3 .con ul {gap:20px;}
	.social_a3 .con li {text-align:center; width:calc(50% - 10px); height:140px; border-radius:40px;}
	.social_a3 .con li:after {width:20px; height:20px;}
	.social_a3 .con li:nth-child(1):after {top:calc(50% - 10px);}
	.social_a3 .con li:nth-child(2):after {left:calc(50% - 10px);}
	.social_a3 .con li:nth-child(3):after {left:calc(50% - 10px);}
	.social_a3 .con li:nth-child(4):after {top:calc(50% - 10px);}
	.social_a3 .con li.bg_blue {padding:0;}
	.social_a3 .con li.bg_blue .round {position:relative; top:0; right:0; width:90%; height:auto; padding:10px; border-radius:30px; margin-top:10px;}
	.social_wrap .gl_box {padding:30px 15px;}
	.social_a3 .gl_box {padding:10px; border-radius:15px; margin-bottom:20px;}
	.social_a3 .dots_box {padding:10px; border-radius:10px;}
	.social_a3 .dots_box .step {flex-direction:column; gap:10px;}
	.social_a3 .dots_box .step:before {top:0; left:calc(50% - 2px); width:4px; height:100%;}
	.social_a3 .dots_box .step li {width:100%; height:auto; flex-direction:row; border:#ddd 2px solid; border-radius:20px; background:#fff; padding:10px 40px; justify-content:flex-start; gap:20px;}
	.social_a3 .dots_box .step li:before {display:none;}
	.social_a3 .dots_box .step i {width:50px;}
	.social_a3 .dots_box .step p {font-size:16px;}
	.social_a3 .btn_more {line-height:40px; height:40px; width:160px; margin-top:30px;}

	.social_wrap .ip_wrap .tit .shadow_txt  {top:0; right:15px; bottom:auto; left:auto;}
	.social2_a2 {padding:75px 0;}
	.social2_a2 p.mtb {margin:30px 0;}
	.social2_a2 .wbox {padding:20px;}
	.social2_a2 .wbox .tit {font-size:24px; line-height:30px; margin-bottom:20px;}
	.social2_a2 .wbox .tit span {padding-bottom:15px;}
	.social2_a2 .wbox .dl_area {gap:15px; margin-top:50px;}
	.social2_a2 .wbox .dl_area dl {padding:20px; gap:15px; flex-direction:column;}
	.social2_a2 .wbox .dl_area dt {font-size:15px; line-height:40px; height:40px; width:40px;}
	.social2_a2 .wbox .dl_area dd {width:100%;}
	.social2_a2 .wbox .date {margin:30px 0 10px;}
	.social2_a2 .wbox .name {font-size:18px; line-height:30px; margin-top:40px;}
	.social2_a2 .wbox .name span {font-size:13px; line-height:20px;}

	.social2_a4 {padding:15px;}
	.social2_a5 {padding-top:75px;}
	.social2_a5 .gl_box {padding:0; border:0; overflow:visible;}
	.social2_a5 img {display:none;}
	.social2_a5 .mo_view {width:100% !important; height:auto !important; margin-top:20px;}
	.social2_a5 .mo_view ul {display:flex; flex-direction:column; gap:20px;}
	.social2_a5 .mo_view li {position:relative; padding:10px 10px 10px 80px; border:#ddd 1px solid; border-radius:15px;}
	.social2_a5 .mo_view li i {position:absolute; top:calc(50% - 30px); left:10px; width:60px; height:60px; background:no-repeat 50% 50% / 30px 30px; border-radius:10px;}
	.social2_a5 .mo_view li strong {display:block; font-size:15px;}
	.social2_a5 .mo_view li p {font-size:13px; line-height:20px;}
	.social2_a5 .mo_view li.c1 i {background-image:url('/pub/images/icon_social2_a5_01.svg'); background-color:#E4557E;}
	.social2_a5 .mo_view li.c1 strong {color:#E4557E;}
	.social2_a5 .mo_view li.c2 i {background-image:url('/pub/images/icon_social2_a5_02.svg'); background-color:#003F8F;}
	.social2_a5 .mo_view li.c2 strong {color:#003F8F;}
	.social2_a5 .mo_view li.c3 i {background-image:url('/pub/images/icon_social2_a5_03.svg'); background-color:#005392;}
	.social2_a5 .mo_view li.c3 strong {color:#005392;}
	.social2_a5 .mo_view li.c4 i {background-image:url('/pub/images/icon_social2_a5_04.svg'); background-color:#0070BD;}
	.social2_a5 .mo_view li.c4 strong {color:#0070BD;}
	.social2_a5 .mo_view li.c5 i {background-image:url('/pub/images/icon_social2_a5_05.svg'); background-color:#18A3DE;}
	.social2_a5 .mo_view li.c5 strong {color:#18A3DE;}
	.social2_a5 .mo_view li.c6 i {background-image:url('/pub/images/icon_social2_a5_06.svg'); background-color:#48C7C7;}
	.social2_a5 .mo_view li.c6 strong {color:#48C7C7;}
	.social2_a5 .mo_view li.c7 i {background-image:url('/pub/images/icon_social2_a5_07.svg'); background-color:#56AC7A;}
	.social2_a5 .mo_view li.c7 strong {color:#56AC7A;}

	.ip_wrap.social2_b1 .tit {width:100%;}
	.social2_b1 .shadow_txt {right:0;}
	.social2_b3,
	.social2_b4,
	.social2_b5 {margin-top:75px;}
	.social2_b3 .st_half5.vat,
	.social2_b4 .st_half5.vat {flex-direction:column;}
	.social2_b3 .st_half5 > *,
	.social2_b4 .st_half5 > * {width:100%;}
	.container .annotation {font-size:13px; line-height:20px; margin-top:15px;}
	.social2_b3 .shadow_txt,
	.social2_b4 .shadow_txt {position:absolute; top:0; right:0; margin:0;}
	.social2_b3 .st_con,
	.social2_b4 .st_con {padding-top:30px;}
	.social2_wrap ul.halfbox {gap:10px;}
	.social2_wrap ul.halfbox p {margin-top:10px;}
	.social2_b5 .gl_box {padding:15px; margin-top:20px; border-radius:10px;}
	.social2_b5 .gbox {flex-direction:column; gap:10px; width:100%; border-radius:10px; padding:10px;}
	.social2_b5 .gbox li {width:100%; height:auto; font-size:15px; line-height:24px; padding:15px; border-radius:10px; margin:0; flex-direction:row; flex-wrap:wrap;}
	.social2_b5 .gbox li br {display:none;}
	.social2_b5 .gbox li p {font-size:13px; margin-left:5px;}

	.social_b2 {margin-top:75px;}
	.social_b2 .mtb {margin:30px 0 40px;}
	.sqr_area {gap:15px;}
	.sqr_area li {width:calc((100% - 15px)/2); height:200px; padding-top:24px;}
	.sqr_area li i {height:35px;}
	.sqr_area li i:before {top:-5px; width:27px; height:27px;}
	.sqr_area li .t {font-size:15px; margin:24px 0 10px;}
	.sqr_area li p {line-height:22px;}
	.half_area {padding:40px 0 75px;}
	.half_area ul {gap:20px; flex-direction:column;}
	.half_area li {width:100%; padding:30px 15px;}
	.half_area li i {height:35px;}
	.half_area li i:before {top:-5px; left:-5px; width:30px; height:30px;}
	.half_area li .tit {font-size:18px; line-height:24px; padding-bottom:20px; margin:10px 0 20px;}
	.social2_1 {padding-bottom:75px;}
	.social2_1 .glbox {border-radius:15px; overflow:hidden;}
	.social2_1 .agreement_slide {padding:0;}
	.social2_1 .agreement_slide .slick-arrow {background-size:15px; width:30px;}
	.social2_3,
	.social2_4 {padding:75px 0;}
	.social2_4 .btxt {margin:30px 0 40px;}
	/* 고객 */
	.gbox_wpoint:before {bottom:0; width:70%; height:110px; border-radius:110px 0 0 0;}
	.social3_wrap .glbox {margin-bottom:75px;}
	.social3_wrap .st_half5 {flex-direction:column; gap:20px;}
	.social3_wrap .st_half5 > * {width:100%;}
	.padding_box {padding:75px 0;}
	.manjok_graph {padding-top:30px;}
	.manjok_graph .cate {margin-bottom:15px;}
	.manjok_graph .cate ul {gap:20px;}
	.manjok_graph .cate li {padding-left:25px;}
	.manjok_graph .cate .danwe {font-size:13px;}
	.manjok_graph .box_wrap {flex-wrap:wrap;}
	.social4b_3 .manjok_graph .box_wrap {gap:20px;}
	.manjok_graph .box_wrap .box {width:calc((100% - 10px)/2); padding:15px;}
	.social4b_3 .manjok_graph .box_wrap .box {width:calc((100% - 40px)/3);}
	.manjok_graph .box_wrap .tit {font-size:15px; margin-bottom:5px;}
	.manjok_graph .box_wrap ul {gap:10px;}
	.manjok_graph .box_wrap li {padding-top:20px;}
	.manjok_graph .box_wrap li > p {font-size:13px;}
	.manjok_graph .box_wrap li .bar {height:150px;}
	.manjok_graph .box_wrap li .bar .line p {top:-20px; font-size:13px;}
	/* 사회공헌 */
	.social4 .tit {font-size:15px; margin-bottom:20px;}
	.social4a_2 .img {padding:30px 15px;}
	.social4a_3 {padding-top:75px;}
	.social4a_3 .img {height:50vw; margin-top:30px;}
	.social4a_3 .img span {font-size:18px; line-height:30px;}
	.st_half.mb {margin-bottom:75px;}
	.social4a_3 .glbox {padding:30px 15px; gap:20px; height:auto; margin-bottom:20px;}
	.st_half .st_tit {padding-bottom:20px;}
	.social4 .bgbox {padding:70px 0; height:auto; margin-bottom:75px;}
	.social4 .bgbox .btxt {margin:30px 0 40px;}
	.social4 .horizontal_ul.set2 {margin-bottom:0;}
	.social4 .bgbox .btxt {margin:15px 0 20px;}
	.social_chart {height:270px; margin-bottom:0;}
	.social_chart .guide {top:-15px;}
	.social_chart .guide li {line-height:30px; font-size:13px;}
	.social_chart .line li {height:30px;}
	.social_chart .years li .bars {gap:5px; padding-bottom:30px;}
	.social_chart .years li .bars .bar {width:30%;}
	.social_chart .years li > p {font-size:13px;}
	.social4b_3 .btxt{margin:30px 0 20px;}
	.social4b_1{padding:75px 0;}
	.social4b_1 .stit{margin-bottom:50px;}
	.social4b_1 .social_hitory{flex-direction:column; gap:30px;}
	.social4b_1 .social_hitory dt{font-size:18px; width:100%; padding:15px;}
	.social4b_1 .social_hitory dd{width:100%; padding:10px 15px;}
	.social4b_1 .social_hitory .year{font-size:16px; line-height:25px;  padding-bottom:10px; margin-bottom:15px;}
	.social4b_1 .social_hitory li{font-size:14px; line-height:20px; padding-left:4px;text-indent:-4px;}
	.social4b_padding{padding:75px 0;}
	.social4b_padding p.mtb{margin:30px 0;}
	.social4b_2 .btxt.mt{margin-top:30px;}
	.social4b_2 .glbox{margin-top:30px; padding:50px 10px;}
	.social4b_4 p.b, .social4b_5 p.b{font-size:18px;line-height:28px;}
	.social4b_6 p.b{font-size:18px;line-height:28px; margin-bottom:15px;}
	.social4b_4 .btxt{margin:30px 0 15px;}

	/*사회공헌 네트워크 도표*/
	.year_graph{width:100%; height:100%; min-height:150px;position:relative; background:unset;}
	.year_graph:after{position:absolute;content:''; width:1px; height:500px; background:#ddd;left:50%; top:0;    z-index:-1;}
  .year_graph ul{display:block;max-width:100%;margin:0 auto;position:relative;padding-top:30%;}
	.year_graph ul:before{position:absolute;content:''; width:100%; height:100%;background:url('/pub/images/year_graph_bg_m.png') no-repeat 50% 50%; background-size:30%;left:0%; top:-43%;}
	.year_graph ul li{display:flex;}
	.year_graph ul li:after{content:unset;}
	.year_graph ul li:before{width:16px; height:16px; border:5px solid #5A8CEF;top:5%; left:48%;}
	.year_graph ul li .year{font-size:18px; position:unset; width:35%; text-align:right}
	.year_graph ul li .txt{font-size:14px;line-height:24px;position:unset; width:40%; margin-left:28%;}
	.year_graph ul li .c_blue{font-size:14px }
/* Governance */
	/* 지배구조 */
	.tbl .over_tbl + p.tar {margin-top:10px;}
	.governance_a2 {padding:75px 0; margin-top:75px;}
	.governance_a2 ul {flex-direction:column;}
	.governance_a2 li {width:100%;}
	.governance_a2 .btxt {margin-bottom:30px;}
	.governance_a2 .shadow_txt {top:20px; right:0; left:auto; font-size:20px;}
	.governance_a2 li:nth-child(2) {margin:0;}
	.tbl .mog1 {width:20%;}
	.tbl .mog2 {width:20%;}
	.tbl .mog3 {width:auto;}
	.tbl .mog4 {width:20%;}
	.ip_wrap .tit .btxt.s{line-height:26px;}
	.ip_wrap .tit .btxt.mb4{margin-bottom:20px;}
	.governance_middle{padding:50px 0; margin-bottom:0;}
	.governance_bottom{padding-top:50px;}
	.governance2_10_02, .governance2_10_03, .governance2_10_04, .governance2_10_05{margin-top:75px;}
	.governance2_10_01 .mtb{margin:20px 0 30px 0;}
	.governance2_10_01 .mb4{margin-bottom:20px;}
	.governance2_10_01 .governance2_10_01_icon li{padding:20px; margin-bottom:15px;}
	.governance2_10_01 .governance2_10_01_icon li .img{margin-right:20px;}
	.governance2_10_01 .governance2_10_01_icon li .txt .c_navy{margin-bottom:10px;}
	.governance2_10_02 .mtb{margin:20px 0 30px 0;}
	.governance2_10_02 .mb4{margin-bottom:20px;}
	.governance2_10_03{padding:45px 0;}
	.governance2_10_03 .governance2_10_03_left .btxt{font-size:18px;}
	.governance2_10_03 .governance2_10_03_left .st_con{width:100%;}
	.governance2_10_03 .btxt{margin:30px 0;}
	.governance2_10_03 .mtb{margin:20px 0 30px 0;}
	.governance2_10_03 .governance2_10_03_left .mtb{font-size:12px;}
	.governance2_10_03_right .infra_list li{min-width:unset; min-height:unset; padding:30px; width:100%; border-radius:40px;}
	.governance2_10_03_right .infra_list li .tlt{font-size:18px;margin-top:5px; margin-bottom:15px;}
	.governance2_10_03_right .infra_list li span{font-size:12px;}
	.governance2_10_03_right .infra_list{gap:15px;}
	.governance2_10_04_con{margin-top:25px;}
	.governance2_10_04_con{flex-direction:column;}
	.governance2_10_04_con .btxt{margin-bottom:15px;}
	.governance2_10_04_right{margin-top:15px;}
	.governance2_10_04_con .governance2_10_04_right .mtb{font-size:12px; margin-top:10px;}
	.governance2_10_05 .mb4{margin-bottom:20px;}
	/* 윤리경영 */
	.container.g03 .jq_tab {padding:0;    max-width:unset; flex-wrap:wrap; margin-bottom:50px; border-bottom:unset;}
	.container.g03 .jq_tab li{width:50%; border-bottom:1px solid #ebebeb;}
	.governance2_wrap {gap:20px; flex-direction:column;}
	.governance2_wrap .img_governance2,
	.governance2_wrap .txt {width:100%;}
	.governance2_wrap .img_governance2 {height:300px; background-position:50% 60%;}
	.governance2_wrap .txt > strong {font-size:20px; line-height:30px;}
	.governance2_wrap .txt p {margin-top:20px;}
	.governance2_wrap .txt .name {margin-top:30px;}
	.governance2_wrap .txt .name strong {font-size:20px;}
	.dl_rule dt {font-size:18px; line-height:24px; padding:15px 40px 15px 15px;}
	.dl_rule dt i {width:54px; height:54px;}
	.dl_rule dt i:before {width:16px; height:2px; margin:-1px 0 0 -8px;}
	.dl_rule dt i:after {width:2px; height:16px; margin:-8px 0 0 -1px;}
	.dl_rule dd {padding:20px 15px;}
	.dl_rule .tbl_blueb tr > *:first-child {width:100px;}
	.dl_rule .tbl_blueb th {padding:10px 0;}
	.dl_rule .tbl_blueb td {padding:10px 5px;}
	.governance2_02 .gv_area{margin-top:30px;gap:20px;}
	.governance2_02 .gv_area li{width:100%; padding:20px 15px; height:auto;}
	.governance2_02 .gv_area li .t{font-size:18px;margin:15px 0 25px 0;line-height:26px;}
	.governance2_02 .gv_area li p{font-size:14px;padding-top:20px; line-height:22px;}
	.governance2_02 .gv_area li i{height:30px;}
	.governance2_03{margin-top:75px;}
	.governance2_04 .governance2_04_bcon{ flex-direction:column;}
	.governance2_04 .governance2_04_bcon .th{min-height:auto; max-width:100%; padding:15px 10px 15px 30px;}
	.governance2_04 .governance2_04_bcon .th:before{width:15px; height:15px; left:10px; top:19px;}
	.governance2_04 .governance2_04_bcon .th:after{font-size:10px;}
	.governance2_04 .governance2_04_bcon:nth-child(1) .th:after {top:16px; left:15px;}
	.governance2_04 .governance2_04_bcon:nth-child(2) .th:after {top:16px; left:15px;}
	.governance2_04 .governance2_04_bcon:nth-child(3) .th:after {top:16px; left:14px;}
	.governance2_04 .governance2_04_bcon:nth-child(4) .th:after {top:16px; left:14px;}
	.governance2_04 .governance2_04_bcon:nth-child(5) .th:after {top:16px; left:14px;}
	.governance2_04 .governance2_04_bcon .td_con{padding:15px 0;}
	.governance2_04 .governance2_04_bcon .td_con li .o_dot{margin:15px 0 10px 10px;}
	.governance2_06{padding:75px 0 100px 0;}
	.governance2_09 .btn{line-height:40px; height:40px; width:160px; margin-top:30px;}
/* 지속가능경영보고서 */
	.sustainability_report_top:before {background-image:url('/pub/images/img_sustainability_report01.png');}
	.report_wrap {padding:40px 0 100px; flex-direction:column;}
	.report_wrap:before {height:268px;}
	.report_wrap > * {width:100%;}
	.report_wrap .img {padding:0 20% 20px;}
	.report_wrap .txt span {font-size:13px; letter-spacing:8px;}
	.report_wrap .txt .tt {font-size:20px; line-height:30px; margin-bottom:50px;}
	.report_wrap .txt .down_wrap {font-size:18px; line-height:24px;}
	.report_wrap .txt .down_wrap .btn_down {font-size:14px; margin-top:40px;}
	.report_environmental .txt .down_wrap {gap:10px;}
	.report_environmental .txt .down_wrap .btn_down {width:calc(50% - 5px); padding:10px;}
	.report_environmental .txt .down_wrap .btn_down:after {right:10px;}
	.sustainability_report_01{flex-direction:column; margin-top:unset;}
	.sustainability_report_01 ul li{margin-bottom:30px; padding:30px;}
	.sustainability_report_01 ul li .tlt{font-size:18px; padding-bottom:15px;}
	.sustainability_report_01 ul li .txt{padding-top:15px; line-height:26px}
	.sustainability_report_01 ul li .txt .ft60{font-size:30px; line-height:35px;}
	.sustainability_report_02{margin-top:75px;}
	.sustainability_report_01 ul li:nth-child(1):before{height:150vw}
/*열린경영*/
	/*입찰안내 공지사항*/
	.board_list td.tal a span.tag{ border-radius:8px; margin-right:10px; font-size:12px;  padding:5px 8px;}
	.board_list td.tal a span.new{margin-left:3px;font-size:10px; padding:2px 3px;}
/* 인재채용 */
	/* 인재경영 */
	.talent_management_top:before {background-image:url('/pub/images/img_talent_management01.jpg');}
	.organizational_value dl {flex-direction:column;}
	.organizational_value.start dl,
	.organizational_value.end dl {padding-left:0;}
	.organizational_value dt {display:none;}
	.organizational_value dd {width:100%;}
	.organizational_value dd li {padding:calc(100vw + 40px) 15px 75px; height:auto;}
	.organizational_value dd li .point {top:0; left:0; width:100%; height:100vw; background:no-repeat 50% 50% / cover;}
	.organizational_value dd li .point.ov01 {background-image:url('/pub/images/img_talent_management02.jpg');}
	.organizational_value dd li .point.ov02 {background-image:url('/pub/images/img_talent_management02b.jpg');}
	.organizational_value dd li .point.ov03 {background-image:url('/pub/images/img_talent_management02c.jpg');}
	.organizational_value dd li .point.ov04 {background-image:url('/pub/images/img_talent_management02d.jpg');}
	.organizational_value dd .num {top:calc(100vw + 40px); right:15px; left:auto; font-size:70px;}
	.organizational_value dd .tit {font-size:24px; margin:20px 0;}
	.organizational_value dd strong {font-size:15px;}
	.organizational_value dd .dots {margin-top:40px;}
	.talent_management_area2 .tt {font-size:19px; line-height:26px;}
	/* 복리후생 */
	.welfare_top:before {background-image:url('/pub/images/img_welfare01.jpg'); background-position:60% 0;}
	.welfare_area {gap:20px 10px;}
	.welfare_area li {width:calc((100% - 10px)/2); padding-bottom:20px; transition-delay:0s !important;}
	.welfare_area li:nth-child(2n) {transition-delay:.2s !important;}
	.welfare_area li i:after {height:40px;}
	.welfare_area li i:before {width:30px; height:30px;}
	.welfare_area li .tt {font-size:18px; line-height:24px; margin:20px 0 10px;}
	.welfare_btm {margin-top:20px; padding:20px;}
	/* 채용절차 */
	.recruitment_procedure li {gap:10px; padding:20px 10px;}
	.recruitment_procedure li:after {left:40px; bottom:-10px; width:20px; height:20px;}
	.recruitment_procedure .ico {width:80px; height:80px; background-size:40px;}
	.recruitment_procedure .txt {width:calc(100% - 90px);}
	.recruitment_procedure .tit {font-size:16px; line-height:24px; margin-bottom:10px;}
	.recruitment_procedure .plbox p {padding:0;}
	.recruitment_procedure .plbox p strong {position:relative; display:block; margin-bottom:5px;}
	.recruitment_procedure .sml {font-size:13px; margin-top:15px;}
	/* FAQ */
	.faq_top:before {background-image:url('/pub/images/img_faq01.jpg'); background-position:50% 0;}
	.faq_wrap {gap:10px;}
	.wrap-tab-container.faq_wrap {gap:0;}
	.faq_wrap .jq_tab li {width:calc(100%/3);}
	.faq_wrap dt {font-size:14px; line-height:22px;}
	.faq_wrap dt button {padding:10px 60px 10px 40px;}
	.faq_wrap dl strong {width:40px; font-size:16px; line-height:42px;}
	.faq_wrap dt i {width:60px;}
	.faq_wrap dt i:before {width:16px; height:2px; margin:-1px 0 0 -8px;}
	.faq_wrap dt i:after {width:2px; height:16px; margin:-8px 0 0 -1px;}
	.faq_wrap dd {padding:10px 10px 10px 40px;}
	.faq_wrap dd:before {width:calc(100% - 50px);}
	/* 문의하기 */
	.qna_list a {padding:20px 0; display:flex; flex-direction:column; align-items:flex-start;}
	.qna_list a > * {text-align:left;}
	.qna_list .tag {width:100%; margin-bottom:5px;}
	.qna_list .txt {width:100%;}
	.qna_list .txt strong {font-size:18px;}
	.qna_list .txt .date {font-size:14px; margin-top:5px;}
	.qna_list .lock .txt strong {padding-left:20px; background-size:15px;}
	.qna_list .name {width:100%; margin-top:5px;}
	.qna_list .state {position:absolute; bottom:20px; right:0; width:auto;}
	.qna_list .state span {line-height:30px; height:30px; width:80px; text-align:center; margin:0;}
	.qna_list .arrow {display:none;}
	.pop_lock .inbox {max-width:calc(100vw - 30px); padding:20px; border-radius:10px;}
	.pop_lock .tit {font-size:20px; line-height:26px; padding-bottom:15px; margin-bottom:20px;}
	.pop_lock .btn_close {width:50px !important; height:50px !important; background-size:16px;}
	.pop_lock .input_box {padding:15px;}
	.pop_lock .input_box label {font-size:14px;}
	.pop_lock .input_box strong {line-height:40px; padding-right:10px;}
	.pop_lock .input_box .text {width:calc(100% - 60px); height:40px;}
	.pop_lock .btn {width:120px; height:40px; line-height:40px; margin:20px auto 0;}
	.board_view .reply {margin-top:30px;}
	.board_view .reply dt {font-size:13px; line-height:20px; padding:10px;}
	.board_view .reply dt .date {top:10px; right:5px;}
	.board_view .reply dt .date span {padding:0 10px;}
	.board_view .reply dt .date span:before {top:calc(50% - 5px); height:10px;}
	.board_view .reply dd {padding:20px 0 50px;}
	.board_bottom .btns.flex .btn_list {width:100px; margin:0 5px;}
	.board_write table {margin-bottom:30px;}
	.board_write table.mb2 {margin-bottom:10px;}
	.board_write th,
	.board_write td {padding:10px; font-size:14px;}
	.board_write th {width:80px; line-height:40px;}
	.board_write td em {line-height:40px; width:20px;}
	.board_write td .w2 {width:calc((100% - 40px)/3);}
	.board_write td .w3 {width:calc((100% - 20px)/2);}
	.board_write td select.w3 {width:100%; max-width:100%; margin:5px 0 0;}
	.board_write td label.radio {margin-right:20px;}
	.board_write td .flex .file {width:100%;}
	.board_write .filebox {width:100%; max-width:100%; height:40px; margin:0 0 5px;}
	.filebutton {width:100%; height:40px;}
	.filebutton span {line-height:38px; font-size:14px;}
	.board_write .capcha > * {height:40px;}
	.board_write .capcha .img {width:110px;}
	.board_write .capcha .img img {width:100%; height:100%; object-fit:cover;}
	.board_write .capcha .re,
	.board_write .capcha .sound {width:40px;}
	.board_write .capcha .text {width:100%; max-width:200px; margin:5px 0 0;}
	.board_write .board_bottom .btn {width:40%; height:40px; font-size:14px; margin:0 5px;}
	/*사용 및 관리요령*/
	.qna3_01 .qna3_01_01 .qna3_01_01_con{flex-direction:column; gap:20px}
	.qna3_01 .qna3_01_01 .qna3_01_01_con li{width:100%; margin-top:0px;}
	.qna3_01 .qna3_01_01 .qna3_01_01_con li:nth-child(1){ margin-top:20px;}
	.qna3_01 .qna3_01_01 .qna3_01_01_con li .top_tlt{padding:8px 0;}
	.qna3_01 .qna3_01_01 .qna3_01_01_con li .img{padding:10px 0; margin-bottom:15px;}
	.qna3_01 .qna3_01_02{margin-top:75px;}
	.qna3_01 .qna3_01_02 .qna3_01_02_con{flex-direction:column; gap:20px}
	.qna3_01 .qna3_01_02 .qna3_01_02_con>li{margin-top:0px; width:100%;}
	.qna3_01 .qna3_01_02 .qna3_01_02_con>li>.top_tlt{padding:8px 0;}
	.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul{padding:10px 15px;}
	.qna3_01 .qna3_01_02 .qna3_01_02_con>li>ul>li{ width:calc((100% - 30px) / 3);}
	.qna3_01 .qna3_01_02 .qna3_01_02_con>li>.img{margin-bottom:15px; padding:10px 0;}
	/*세대설비사용범*/
	.qna3_02 .ip_wrap{flex-direction:column;margin-bottom:20px}
	.qna3_02 .top_t{width:100%; margin-top:20px;}
	.qna3_02 .qna3_con > li{padding:30px 0; flex-direction:column;}
	.qna3_02 .qna3_con .qna3_con_r{width:100%; margin-top:15px;}
	.qna3_02 .qna3_con .qna3_con_r li .top_tlt{padding:8px 0;}
	.qna3_02 .qna3_con .qna3_con_r li .top_txt{padding:15px 10px;}
	.qna3_02 .qna3_con .qna3_con_r li .top_txt img{margin-right:15px; max-width:50%;}
	/*에너지절역방법*/
	.qna3_03 .ip_wrap{flex-direction:column;}
	.qna3_03 .top_t{width:100%; margin-top:20px;}
	.qna3_03 .qna3_con > li{padding:30px 0; flex-direction:column;}
	.qna3_03 .qna3_con .qna3_con_r{width:100%; margin-top:15px;}
	.qna3_03 .qna3_con .qna3_con_r li .top_tlt{padding:8px 0;}
	.qna3_03 .qna3_con .qna3_con_r li .top_txt{padding:15px 10px;}
	.qna3_03 .qna3_con .qna3_con_r li .top_txt img{margin-right:15px; max-width:50%;}
	/*난방 불량 시 조치요령*/
	.qna3_04 .ip_wrap{flex-direction:column; margin-bottom:20px;}
	.qna3_04 .top_t{width:100%; margin-top:20px;}
	.qna3_04 .qna3_con > li{padding:30px 0; flex-direction:column;}
	.qna3_04 .qna3_con .qna3_con_r{width:100%; margin-top:15px;}
	.qna3_04 .qna3_con .qna3_con_r li .top_tlt{padding:8px 0;}
	.qna3_04 .qna3_con .qna3_con_r li .top_txt{padding:15px 10px;}
	.qna3_04 .qna3_con .qna3_con_r li .top_txt img{margin-right:15px; max-width:50%;}
	/*열요금 시뮬레이션*/
	.qna4 table th{font-size:14px; line-height:24px; padding:10px; width:100%;}
	.qna4.inputs table th {width:100%;}
	.qna4 table .c_gray{font-size:11px;}
	.qna4 .ml25, .qna4 .ml35,  .qna4 .ml60{margin-left:0 !important;}
	.qna4 table tr:nth-child(3) td .w197, .qna4 table tr:nth-child(4) td .w197{width:100%; max-width:140px}
	.qna4 .btn_abso{height:40px; line-height:40px;font-size:14px; }
	.qna4_standard{margin-top:75px;}
	.qna4_standard .top_txt{margin:15px 0}
	.qna4_standard table tbody td{padding:0;}
	.qna4_standard table tbody td.dpf .f22{font-size:16px; margin-bottom:10px;}
	.qna4_standard table tbody td:nth-child(3){padding:15px 10px;}
	.qna4_2_top{padding:20px 10px; margin-bottom:50px;}
	.qna4_2_top .c_navy{font-size:18px;}
	.qna4 .qna4_2 table th{font-size:14px; padding:15px 5px;}
	.qna4 .qna4_2 table td{padding:15px 5px;}
	.qna4 .btn_abso{margin-top:30px;}
	/*공사비부담금 시뮬레이션*/
	.qna4 table tr:nth-child(5) td .w197{width:126px}
	.qna5_standard{margin-top:75px;}
	.qna5_standard .top_txt{margin:15px 0;}
	.qna5_standard .board_write{ overflow-x:auto;}
	.qna5_standard .board_write table{min-width:1000px; margin-bottom:15px;}
	.qna5_2 table th{font-size:16px; padding:10px 15px; width:35%}
	.qna5_2 table td{font-size:16px;}
	.qna5_2 .stit{margin-bottom:30px;}
  .qna5_2 .btxt{margin-top:75px; margin-bottom:15px;}
	.qna5_2 table{margin-bottom:10px;}
	.qna5_2 table th.c_navy, .qna5_2 table td p{font-size:14px}
	.qna5_2 .ft16{font-size:11px}
	.qna5_2 .btn_abso{ line-height:40px; height:40px; width:160px; margin-top:30px;font-size:14px}
	/* 채용공고 */
	.g07.s04.container .jq_tab li {width:calc(100%/3);}
	.employment_list li a {padding:10px 70px 10px 10px;}
	.employment_list .tag {position:relative; top:0; margin:0 0 5px; text-align:left;}
	.employment_list strong {font-size:16px; line-height:22px;}
	.employment_list p {font-size:13px; margin-top:5px;}
	.employment_list span {right:5px; width:60px; height:30px; line-height:30px; margin-top:-13px;}
	.employment_list li a:after {width:30px; mask-size:20px; -webkit-mask-size:20px; display:none;}
/* 고객지원 */
	.partner_wrap {gap:20px;}
	.partner_wrap li {padding:15px; height:200px; border-radius:15px;}
	.partner_wrap li .tit {font-size:20px; line-height:24px;}
	.partner_wrap li p {font-size:14px; line-height:22px; margin:10px 0 15px;}
	.partner_wrap li .btn {line-height:38px; height:40px; width:240px;}
/* 고객마당 */
	.customer_yard {flex-direction:column;}
	.customer_yard li {width:100%; border-radius:10px;}
	.customer_yard li a {padding:15px; height:120px;}
	.customer_yard_btm {margin-top:75px; padding:75px 0;}
	.customer_yard_btm .inner {height:auto;}
	.customer_yard_btm strong {font-size:18px; line-height:26px;}
	.customer_yard_btm .btn {line-height:38px; height:40px; width:240px; margin-top:20px;}
/* 에너지 바우처 차감 */
	.customer2_2 {height:210px; background-image:url('/pub/images/img_customer2_03_m.jpg'); margin-bottom:75px;}
	.tbl.val th {width:90px;}
	.tbl.val td.tal {padding-left:10px;}
/* 보도자료 */
	.inner.news{margin-top:unset;}
	.news_top:before {background-image:url('/pub/images/img_news02.png'); background-position:60% 0;}
	.board_top {margin-bottom:30px;}
	.board_top .search_area select.text {width:100px; margin-right:10px; height:42px;}
	.board_top .search_wrap {padding-right:40px; max-width:calc(100% - 100px);}
	.board_top .search_wrap .text {font-size:14px; line-height:40px; height:40px; padding:0 5px;}
	.board_top .search_wrap .btn {width:40px; height:40px;}
	select {background-size:10px; background-position:right 5px center;}
	.board_top.flex select.text {width:100px; height:40px; font-size:14px; padding:0 5px;}
	.news_board li {width:calc(50% - 5px);}
	.news_board li a {padding:10px; height:calc(24vw + 130px); border-radius:10px;}
	.news_board li .cate {left:10px; bottom:30px;}
	.news_board li .tt {font-size:16px; line-height:20px; height:40px;}
	.news_board li .img {height:24vw; margin-top:10px;}
	.news_board li .date {bottom:10px; left:10px;}
	.board_view .tit {padding-bottom:20px;}
	.board_view .tit .tt {font-size:20px; line-height:24px; margin-bottom:15px;}
	.board_view .tit .date span {font-size:13px; padding:0 10px;}
	.board_view .con {padding:20px 0 50px;}
	.board_view .file {padding:5px 5px 5px 60px;}
	.board_view .file dt {top:5px; font-size:13px; line-height:30px; padding-left:10px;}
	.board_view .file dd a {font-size:13px; line-height:30px;}

	.board_list col.w2 {width:50px;}
	.board_list col.w3 {width:70px;}
	.board_list th {font-size:13px; height:50px;}
	.board_list td {font-size:13px; height:60px;}
	.board_list td i.file {width:14px;}
	.board_list td.tal a {font-size:14px; line-height:20px;}
	.board_list .important a {padding-left:0;}
	.board_list .important a strong {position:relative; top:0; font-size:14px; margin:0 0 5px; display:block;}

/* CI 가이드 */
	.cibox {height:200px;}
	.cibox img {height:120px;}
	.symbol .tt {font-size:16px; margin-bottom:10px;}
	.signature {margin:75px 0; padding-top:75px;}
	.signature .sig_box {flex-direction:column;}
	.signature .sig_box p {width:100%;}
	.signature .sig_box .btn_down {margin:20px auto 0;}
	.signature .ci_area {flex-direction:column; margin-top:40px;}
	.signature .ci_area dl {width:100%;}
	.signature .ci_area dt {padding:0 15px; gap:15px; height:200px; border-radius:10px 10px 0 0;}
	.signature .ci_area dt p {gap:15px;}
	.signature .ci_area dd {line-height:40px; border-radius:0 0 10px 10px;}
	.color_palette li {font-size:14px; line-height:22px; flex:1 1 50%; height:120px;}
	.status_box .list ul {margin-bottom:50px;}
	.ci_color_set dl {border-radius:10px;}
	.ci_color_set dt {height:200px;}
	.ci_color_set dd {line-height:40px;}
	.jade_green {margin:75px 0;}
	.jade_green dl {flex-direction:column; margin-bottom:80px;}
	.jade_green dt {width:120px; height:120px; font-size:16px; line-height:24px; margin:0 auto 20px;}
	.jade_green dd {width:100%; padding:0;}
	.application_items {flex-direction:column; gap:20px;}
	.application_items li {width:100%;}
	.application_items li .img {height:auto; min-height:200px; padding:15px; border-radius:10px;}
	.application_items li p {margin-top:10px;}
/* 홍보영상 */
	.prvideo_top:before {background-image:url('/pub/images/img_prvideo01.jpg');}
/* 갤러리 목록 */
	.gall_list {gap:20px;}
	.gall_list li {width:100%;}
	.gall_list li .img {border-radius:10px 10px 0 0; height:65vw;}
	.gall_list li .txt {border-radius:0 0 10px 10px; padding:10px;}
	.gall_list li .txt strong {font-size:15px; line-height:24px; height:48px;}
	.gall_list li .txt .date {font-size:13px; margin-top:10px;}
/* 사이버발전소 투어 */
	.tour_wrap .jq_tab {flex-wrap:wrap;}
	.tour_wrap .jq_tab li {width:calc(100%/3);}
	.tour_wrap .video {padding:0 0 10px; border-radius:10px;}
	.tour_wrap .btns .btn {width:280px; height:50px; line-height:48px; padding:0 20px;}
	.tour_course {padding:10px; border-radius:10px;}
	.tour_course .tit {position:relative; flex-direction:column; gap:0; line-height:40px; padding-left:50px;}
	.tour_course .tit .num {position:absolute; top:0; left:0; font-size:14px; height:40px; width:40px;}
	.tour_course .tit strong {font-size:20px; line-height:24px;}
	.tour_course .tit span {line-height:16px;}
	.tour_course .con {flex-direction:column;}
	.tour_course .con > dt,
	.tour_course .con > dd {width:100%;}
	.tour_course .con > dt {height:78vw;}
	.tour_course .con > dd {padding:15px 0 100px;}
	.tour_course .con span {font-size:13px;}
	.tour_course .con .tt {font-size:20px; margin:10px 0;}
	.tour_course .con ol {margin-top:20px;}
	.tour_course .con ol li {line-height:20px;}
	.tour_course .con ol li i {top:5px;}
	.tour_course .con .btm {padding:0;}
	.tour_course .con .btm .t {font-size:15px; gap:5px; margin-bottom:10px;}
	.tour_course .con .btm .t .btn {font-size:14px;}
	.tour_course .con .btm ul {gap:5px;}
	.tour_course .tabcon dt,
	.tour_course .tabcon dd {font-size:14px;}
	.tour_course .jeone_con .btxt {padding:5px 10px 0;}
	.tour_course .tabcon .img {flex-direction:column; gap:0; height:auto;}

	.tour_wrap .tbl th {width:100px; padding-left:10px;}
	input[type="text"],
	input[type="password"],
	input[type="date"],
	select {height:40px;}
	.tour_wrap .tbl .text {padding:0 10px;}
	.tour_wrap .tbl .over_h * {font-size:14px; line-height:40px;}
	.tour_wrap .tbl .w2 {width:calc((100% - 20px)/3);}
	.tour_wrap .tbl .w2 + span {width:10px;}
	.tour_wrap .tbl .w3 {width:calc((100% - 20px)/2);}
	.tour_wrap .tbl .w3 + span {width:20px;}
	.tour_wrap .tbl .w4 {width:50%;}
	.tour_wrap .tbl .w4 + span {width:30px;}
	.tour_wrap .tbl input[type="date"].w4 {width:100%;}
	.tour_wrap .tbl select.w3 {width:100%; margin:5px 0 0;}
	label.radio {font-size:14px; line-height:40px; padding-left:30px;}
	label.radio i {top:10px; width:20px; height:20px;}
	input[type="date"] {background-position:right 10px center;}
	.tour_wrap .tbl label.radio {margin-right:20px;}
	.tour_wrap .gbox {padding:20px; margin:40px 0;}
	.tour_wrap .btn_input {font-size:14px; line-height:50px; height:50px; width:180px;}

/* 약관들 */
	.fancybox-skin {border-radius:15px;}
	.fancybox-close {width:70px; height:70px;}
	.popup_yak {padding:20px; font-size:13px; line-height:22px;}
.popup_yak .inbox {max-height:calc(100vh - 172px);}
	.popup_yak .tit {font-size:20px; line-height:26px; padding-bottom:20px; margin-bottom:20px;}
	.popup_yak .tit span {font-size:13px; margin-bottom:5px;}
	.popup_yak .tt {font-size:15px; margin:20px 0 10px;}
	.popup_yak .t {margin:20px 0 0;}
	.popup_yak li {padding-left:10px; text-indent:-10px;}
	.popup_yak .gbox {padding:15px 20px;}
.jeboline {height:calc(21vw + 160px); padding:40px 15px;}
	.jeboline .tt {font-size:4.6vw; line-height:7vw; margin-bottom:7vw;}
	.jeboline .tt:before {top:-20px; left:-5px; width:40px; height:30px;}
	.jeboline ul {gap:10px;}
	.jeboline li {padding-left:100px;}
	.jeboline li span {width:60px;}
	.jeboline li:before {left:75px; height:10px; margin-top:-5px;}

	
	/* 개인정보처리방침 이력 */
	.popup_yak .tit.pb0 {margin-bottom: 30px;}
	.popup_yak .jq_tab button {font-size: 14px; height: 40px; line-height: 40px;}
	.fancybox-inner .btn-history {top:calc(20px); right:calc(70px + 10px); font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
	html[lang=en]	.fancybox-inner .btn-history {top:calc(20px);}
	.privacy_history .privacy-content {margin:40px 20px 0;}
	.privacy_history .popup_yak {border-radius: 15px;}
	.privacy_history .dropdown .cur_revision {height: 40px; line-height: 40px;}
	.privacy_history .dropdown .dropdown-list {top: calc(40px + 10px);}
	.privacy_history .privacy-content .loading-msg {border-radius: 15px;}
}

@media screen and (max-width:360px){
	/* 개인정보처리방침 이력 */
	.fancybox-inner .btn-history {top: 80px; right: auto; left: 20px; font-size: 12px; width: 84px; height: 20px; line-height: 20px; letter-spacing: -0.5px; font-weight: 600;}
	html[lang=en]	.fancybox-inner .btn-history {top:53px;}
}