@charset "utf-8";
/*------------------------------------
	sub_Layout
------------------------------------*/
#contents {padding:0; min-height:50rem;  }
#cont_wp {padding: 15rem 0 10rem; position: relative; /*overflow-x: hidden;*/ height: auto;}
#cont_wp .image_box {display: inline-block;  background-position: center; background-repeat: no-repeat; background-size: cover;}
#cont_wp hr {border:0;}
#cont_wp section {position: relative; /*width: 100%;*/}

.inner {width: 1600px; margin:0 auto;}

br.mbr {display:none;}

@media screen and (max-width: 1600px) {
	#cont_wp {padding:10rem 0 10rem;}
	.inner {width:100%; padding:0 3%; box-sizing:border-box;}
}
@media screen and (max-width: 1400px) {
	#cont_wp {padding:8rem 0 8rem;}
}
@media screen and (max-width: 1024px) {
	#contents {min-height:35rem;}
	#cont_wp {padding:6rem 0 6rem;}
	
	br.mbr {display:block;}
}
@media screen and (max-width: 768px) { 
	#cont_wp {padding:4rem 0 4rem;}
	
	.inner {padding:0 5%;}
	
	
}

/*------------------------------------
  Horizon layout
-------------------------------------*/
.section_row { display:flex; gap:0 5rem; margin-bottom:15rem;}
.section_row .cont_tit {width:30rem; }
.section_row .cont_tit h3.tit {line-height:1.4;}
.section_row .cont_sect {width:calc(100% - 30rem);}
 

@media screen and (max-width: 1200px) {
	.section_row {gap:0 3rem;}
	.section_row .cont_tit {width:20rem; margin: 0 0 0 0;}
	
	.section_row .cont_sect {width:calc(100% - 20rem);}
}
@media screen and (max-width: 1024px) {
 	.section_row {gap:0; flex-direction: column; }
	.section_row .cont_sect {width:100%;} 
}
@media screen and (max-width: 768px) { 
	
} 


/*------------------------------------
  Common
-------------------------------------*/
/* Font */
h3.tit {font-size: 4rem; letter-spacing:-0.05em; font-weight: 700; margin: 0 0 2rem 0; line-height:1;}
h3.tit.mt {margin-top:15rem;}
h4.tit {font-size: 2.5rem; letter-spacing:-0.05em; margin:0 0 2rem 0; font-weight: 700;}
h4.tit.mt {margin-top:8rem;}


@media screen and (max-width: 1600px) {
	/* Font */
	h3.tit {font-size: 3.5rem; }
	h3.tit.mt {margin-top:10rem;}
	h4.tit {font-size: 2.2rem;}
	h4.tit.mt {margin-top:6rem;}
}
@media screen and (max-width: 1024px) {
	/* Font */
	h3.tit {font-size: 3rem; }
	h3.tit.mt {margin-top:6rem;}
	h4.tit {font-size: 2rem;}
	h4.tit.mt {margin-top:4rem;}
}
@media screen and (max-width: 768px) { 
	/* Font */
	h3.tit {font-size: 2.2rem;  margin: 0 0 1rem 0;}
	h3.tit.mt {margin-top:5rem;}
	h4.tit {font-size: 1.6rem; margin: 0 0 1rem 0;}
	h4.tit.mt {margin-top:3rem;}
} 


/* List */
.list1 li {position:relative; padding:.5rem 0 .5rem 1.5rem; color:#636363;}
.list1 li:before {position:absolute; top:1.4rem; left:0; width:.5rem; height:.5rem; border-radius:1rem; content:''; background:#636363;}


/* table */
.table_wp {position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.table_wp .scroll {display:none; padding:2rem; background:#f1f1f1; margin-bottom: 2rem; color:#222; font-weight: 600; border-left:2px solid #222;}
.tb_style.mt {margin-top:20px;}
.tb_style.mt4 {margin-top:40px;}
.tb_style.mt6 {margin-top:60px;}
.tb_style.mt8 {margin-top:80px;}
.tb_style.mb6 {margin-bottom:60px;}
.tb_style p.tar {font-size:16px; color:#767676; font-weight:300; line-height:20px; margin-bottom:20px;}
.tb_style p.tar.mt {margin-top:20px;}
.tb_style {width:100%; border-top:#000 2px solid;}
.tb_style caption {font-size: 0;}
.tb_style th,
.tb_style td {line-height:1.4; padding:2rem 1.5rem; text-align:center; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; word-break:keep-all; box-sizing:border-box;}
.tb_style th:last-child,
.tb_style td:last-child {border-right:0;}
.tb_style th {font-weight:700; background:#F8F8F8; color:#222; border-bottom:1px solid #4B4B4B;}
 
.tb_style.bl td {border-left:#ddd 1px solid;}
.tb_style.bl td:first-child {border-left:0;}
.tb_style .left {text-align:left;}

@media screen and (max-width: 1600px) {


}
@media screen and (max-width: 1024px) {
 
}
@media screen and (max-width: 768px) { 
	.table_wp .scroll {display:block;}
} 


 

/*------------------------------------
  인사말 - Greeting
-------------------------------------*/
.greeting_wp .inner {display:flex; gap:5rem;}
.greeting_wp .inner > div {width:50%}
.greeting_wp .inner .tit p {position:relative; margin-bottom:2rem; padding-left:2rem; font-weight: 600; color:var(--main-color2);}
.greeting_wp .inner .tit p:before {position:absolute; top:.7rem; left:0; width:.8rem; height:.8rem; content:''; background:var(--main-color2); border-radius:1em;}
.greeting_wp .inner .tit h3 {font-size: 4.5rem; line-height: 1.35; letter-spacing: -0.025em;  word-break: keep-all;  max-width: 80%;}
.greeting_wp .inner .cont p {font-size: 2rem; line-height:1.8; margin-bottom:4rem; color:#666; word-break:keep-all; }
.greeting_wp .inner .cont p.sign {color:#222; font-weight: 600;}


@media screen and (max-width: 1600px) {
	.greeting_wp .inner .tit p {line-height:1; padding-left:1.5rem;}
	.greeting_wp .inner .tit p:before {top:.4rem; width:.5rem; height:.5rem; }
	.greeting_wp .inner .tit h3 {font-size: 2.2em; line-height:1.3;}
	.greeting_wp .inner .cont p {font-size: 1em; margin-bottom:3rem;}
}
@media screen and (max-width: 1024px) {
	.greeting_wp .inner { gap:3rem;}
	.greeting_wp .inner .tit h3 {font-size: 1.8em;}
	
	.greeting_wp .inner .cont p {margin-bottom:2rem; line-height:1.6;}
}
@media screen and (max-width: 768px) { 
	.greeting_wp .inner > div {width:100%;}
	.greeting_wp .inner {flex-direction: column; gap:2rem;}
	.greeting_wp .inner .tit p {display:none;}
	.greeting_wp .inner .tit h3 {max-width:100%; text-align: center; font-size: 1.5em;} 
	.greeting_wp .inner .cont p {text-align: center;  line-height:1.5;}
	.greeting_wp .inner .cont p:nth-of-type(2) br {display:none;}
} 


/*------------------------------------
  연혁 - History
-------------------------------------*/
.history_wp .top_img {position:relative; max-width:180rem; margin:0 auto; height:40rem; background:#ddd; border-radius:2rem;}
.history_wp .top_img .txt_box {position:relative; width:100%; height:100%; z-index:1; color:var(--white); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.history_wp .top_img .txt_box .txt1 {font-size: 2.6em; margin:0 0 1.5rem 0; letter-spacing:-0.02em; color:var(--white);}
.history_wp .top_img .txt_box .txt2 {font-size: 1.8em; font-weight: 600; letter-spacing:-0.02em;}
.history_wp .top_img .bg {border-radius:2rem; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.history_wp .top_img .bg.bg1 { background-image:url(../images/sub/about/bg_history1.png);}
.history_wp .top_img .bg.bg2 { background-image:url(../images/sub/about/bg_history2.png);}
.history_wp .top_img .bg.bg3 { background-image:url(../images/sub/about/bg_history3.png);}

/* list */
.history_list  {position:relative; max-width:160rem; display:flex; justify-content: space-between; margin:15rem auto;}
.history_list > div {width:50%;}
.history_list .txt_box .tit {display:block; font-size: 4.5rem; line-height:1.45; margin:0 0 4rem 0;}
.history_list .txt_box .desc {line-height:1.6; color:#676767; font-size: 1.1em;}

.history_list .list_box {position:relative; padding-left:12rem; box-sizing:border-box;}
.history_list .list_box .year dl {display:flex;}
.history_list .list_box .year dl dt {width: 12rem; font-size: 1.6em; font-weight: 700; color:#222; line-height:1;}
.history_list .list_box .year dl dd ul li {position:relative; padding:0 0 2rem 1.5rem; color:#676767; font-size: 1em;}
.history_list .list_box .year dl dd ul li:before {position:absolute; left:0; top:.8rem; width:.3rem; height:.3rem; border-radius:1rem; content:''; background:#222; }

.progress_bar {position:absolute; left:0; top:0; width:.3rem; height:100%; background:#ddd;}
.progress_bar .bar { width: .3rem; height: 0; background: #314FB2; -webkit-transition: height .3s ease;  transition: height .3s ease}


@media screen and (max-width: 1800px) {
	.history_wp .top_img {max-width:90%; height:35rem;}
	.history_wp .top_img .txt_box .txt1 {font-size: 2.3em; margin:0 0 1.5rem 0;}
	.history_wp .top_img .txt_box .txt2 {font-size: 1.5em; }
}
@media screen and (max-width: 1600px) {
	.history_wp .top_img {height:30rem;}
	
	.history_list  {max-width:90%; margin:10rem auto;}
	.history_list .txt_box .tit { font-size: 3rem; margin:0 0 3rem 0; word-break:keep-all;}
	.history_list .txt_box .desc {max-width:90%; font-size: 1em; word-break:keep-all;}
	.history_list .txt_box .desc br {display:none;}
	
	.history_list .list_box {padding-left:6rem;}
	.history_list .list_box .year dl dt {width:10rem; font-size: 1.4em;}
	.history_list .list_box .year dl dd {margin-left:0;}
	
	.history_list .list_box .year dl dd ul li {padding:0 0 1.5rem 1.5rem; word-break:keep-all;}
	
}
@media screen and (max-width: 1024px) {
	.history_wp .top_img {height:25rem;}
	.history_wp .top_img .txt_box .txt1 {font-size: 1.5em; margin:0 0 1rem 0;}
	.history_wp .top_img .txt_box .txt2 {font-size: 1.2em; font-weight: 400;}
	
	.history_list  {margin:7rem auto; }
	.history_list .list_box {padding-left:4rem;}
}
@media screen and (max-width: 768px) { 
	.history_wp .top_img {height:16rem;}
	.history_wp .top_img .bg {border-radius:1rem;}
	
	.history_list {flex-direction: column; margin:3rem auto;}
	.history_list > div {width:100%;}
	
	.history_list .list_box  {padding-left:3rem;}
	.history_list .txt_box .tit {font-size: 1.6em; line-height:1.3; margin:0 0 2rem 0;}
	.history_list .txt_box .desc {max-width:100%; margin: 0 0 4rem 0; }

} 


/*------------------------------------
  조직도 - org
-------------------------------------*/
.mimg {width:100%; padding:12rem 0; background:#F8F8FA; text-align: center;}

/* 조직도 */
.org_li {width:100%; padding:12rem 0; background:#F8F8FA; text-align: center;}
.org_li .h1 {max-width: 25rem; height:7rem; background:#0A3060; color:#fff; border-radius:.5rem; display:flex; justify-content: center; align-items: center; font-size: 1.1em; margin:0 auto; font-weight: 600;}
.org_li .dep1 {position:relative; display:flex; justify-content: space-around; margin:7rem 0 0;}
.org_li .dep1:before {position:absolute; left:50%; transform:translate(-50%); top:0; width:66.7%; height:.1rem; content:''; background:#ccc;}
.org_li .dep1 > li {position:relative; z-index:1;}
.org_li .dep1 > li:before {position:absolute; top:0; width:.1rem; height:100%; content:''; background:#ccc; z-index:-1;}

.org_li .dep1 > li.item1:before {height:22rem;}
.org_li .dep1 > li.item2:before {top:-7rem;}
.org_li .dep1 > li.item3:before {height:7rem;}

.org_li .dep1 > li .tit {position:relative;  width:22rem; height:6rem; border-radius:.5rem; color:#fff; display: flex; justify-content: center;  align-items: center; font-weight: 600; font-size: 1em; margin:6rem 0 0;} 
.org_li .dep1 > li .tit:before {position:absolute; left:50%; transform:translateX(-50%); top:-.3rem; border-radius:2em; width:.6rem; height:.6rem; border:1px solid #707070; content:''; background:#fff;}
.org_li .dep1 > li .tit.color1 { background:#0067DB;}
.org_li .dep1 > li .tit.color2 { background:#03A94D;}
.org_li .dep1 > li .tit.color3 { background:#B5971D;}
.org_li .dep1 > li .dep2 li p {width:100%; height:6rem; border:1px solid #ddd; background:#fff; border-radius:.5rem; display: flex; justify-content: center; align-items: center; margin:1rem 0; color:#222;}





@media screen and (max-width: 1600px) {
	.org_li { padding:10rem 0; }
	.org_li .h1 {max-width: 20rem; height:5.5rem;}
	.org_li .dep1 > li:before {height:102%;}
	
	.org_li .dep1 > li .tit {height:5.5rem; font-size: 1.1em;}
	.org_li .dep1 > li .dep2 li p {height:5.5rem;}	
	
}
@media screen and (max-width: 1024px) {
	.org_li { padding:8rem 0; }
	.org_li .h1 {max-width: 15rem; height:4.5rem;}
	
	.org_li .dep1 > li .tit {width:15rem; height:4.5rem;}
	.org_li .dep1 > li .dep2 li p {height:4.5rem;}	
}
@media screen and (max-width: 768px) { 
	.org_li {padding:5rem 5%; box-sizing:border-box;}
	.org_li .dep1 {flex-direction: column; margin:0;}
	.org_li .dep1:before {display:none;}
	.org_li .dep1 > li.item2:before {top:0;}
	.org_li .dep1 > li .tit {width:100%; height:4rem; margin-top:3rem;}
	.org_li .dep1 > li .dep2 li p {height:4rem;}
} 



/*------------------------------------
  연혁 - Plants
-------------------------------------*/
.plants_wp .plant_box {display:flex; justify-content: space-between; align-items: center; gap:0 10rem; margin: 0 0 15rem 0;}
.plants_wp .plant_box:nth-child(even) {flex-direction: row-reverse; justify-content: flex-end;}
.plants_wp .plant_box .txt_box .cate {position:relative; padding-left:2rem;}
.plants_wp .plant_box .txt_box .cate:before {position:absolute; left:0; top:.7rem; border-radius:1rem; width:.8rem; height:.8rem; content:''; background:#0A31A8;}
.plants_wp .plant_box .txt_box .tit {margin:2rem 0 4rem 0; font-size: 5rem; font-weight: 700; color:#222;}
.plants_wp .plant_box .txt_box .add {font-size: 1.2em; color:#676767;  margin:0 0 5rem 0;}
.plants_wp .plant_box .txt_box .info {display:flex; gap:0 2rem;}
.plants_wp .plant_box .txt_box .info li {width:24rem; height:24rem; border:1px solid #CCC; border-radius:1.5rem; padding:3rem; box-sizing:border-box; display:flex; align-items: flex-end; 
background-repeat:no-repeat; background-position:3rem 3rem;}
.plants_wp .plant_box .txt_box .info li.tel {background-image:url(../images/sub/about/ico_tel.svg);}
.plants_wp .plant_box .txt_box .info li.fax {background-image:url(../images/sub/about/ico_fax.svg);}

.plants_wp .plant_box .txt_box .step {display:flex; gap:0 2%; flex-wrap:wrap;}
.plants_wp .plant_box .txt_box .step dl {width:48%; display:flex; margin:.5rem 0; }
.plants_wp .plant_box .txt_box .step dl dt {width:14rem; height:4rem; background:#ECF2FB; font-size: 1.6rem; border-radius:.4rem; font-weight: 600; display:flex; justify-content: center;
align-items: center; flex-shrink:0;}
.plants_wp .plant_box .txt_box .step dl dd {margin:0; padding-left:2rem; word-break:keep-all;  display:flex; align-items: center; line-height:1.4;}

.plants_wp .plant_box .img {position:relative; width:80rem; height:46rem; overflow:hidden; border-radius:2rem;  flex-shrink:0; }
.plants_wp .plant_box .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

	
/*------------------------------------
  보유기술력 - Tech
-------------------------------------*/
.tech_wp {max-width:160rem; margin:0 auto; display:flex; justify-content: space-between; gap:0 5rem;}
.tech_wp nav {position:sticky; top:5rem; width:30rem; height:50rem; display:flex; flex-direction: column; flex-shrink: 0;}
.tech_wp nav a{display:inline-block; padding:2rem 2rem; border-radius:.5rem; opacity:.5; font-size: 2rem; font-weight: 600; letter-spacing:-0.05em;}
.tech_wp nav a.active {background:#333 url(../images/sub/about/ico_btn.svg)no-repeat 90% 50%; color:#fff; opacity:1;}

.tech_wp .cont_sect {width:calc(100% - 30rem);}
.tech_wp .cont_sect > section { padding:8rem 0; border-bottom:1px solid #DBDBDB;}
.tech_wp .cont_sect > section#sect1 {padding-top:0;}

.cont_sect .img_li {display:flex; gap:0 3rem;}
.cont_sect .img_li.mt {margin-top:80px;}
.cont_sect .img_li li {text-align: center;}
.cont_sect .img_li li p {text-align: center; color:#676767; word-break:keep-all; line-height:1.4;}
.cont_sect .img_li .img {width:100%;}
.cont_sect .img_li .img img{max-width:100%;}
.cont_sect .img_li .tit {padding:1.2rem 1rem; background:#7A7A7A; border-radius:2em; color:#fff; text-align: center; margin:1.5rem 0;}
.cont_sect .img_li strong {display:block; font-size: 2.5rem; margin:0 0 2rem 0; font-weight: 600; text-align: left;}
.cont_sect .img_li .legend {text-align:right; margin:1rem 0 0 0; font-size: .95em;}
.cont_sect .img_li .legend span {position:relative; display:inline-block; margin-left:3rem; padding-left:2rem;}
.cont_sect .img_li .legend span:before {position:absolute; top:.7rem; left:0; width:.8rem; height:.8rem; content:''; border-radius:1rem; background:#ddd;}
.cont_sect .img_li .legend span.color1:before {background:#327DCE;}
.cont_sect .img_li .legend span.color2:before {background:#4C98EB;}
.cont_sect .img_li .legend span.color3:before {background:#0FC59A;}

.cont_sect .img_li2 {display:grid; grid-template-columns:repeat(2, 570px); gap:3rem;}
.cont_sect .img_li2 li {width:100%;}
.cont_sect .img_li2 li .img {width:100%; text-align: center;}
.cont_sect .img_li2 li .img img {width:100%; max-width:100%;}
.cont_sect .img_li2 li .txt_box {display:flex; flex-direction: column; justify-content: center; min-height: 8rem; padding:2rem 4rem; background:#F8F8FA; border-radius:1rem; margin:2rem 0;}
.cont_sect .img_li2 li .txt_box .tit {font-size: 1.1em; font-weight: 600; color:#222;} 
.cont_sect .img_li2 li .txt_box .desc {color:#676767; margin-top:1rem;}
.tech_wp .list1 {margin:5rem 0 0 0;}

@media screen and (max-width: 1600px) {
	.tech_wp {padding: 0 3%; box-sizing:border-box;}
}
@media screen and (max-width: 1200px) {
	.tech_wp {gap:0 3rem;}
	.tech_wp nav {top:5rem; width:20rem; margin: 0 0 3rem 0;}
	.tech_wp nav a{padding:1.2rem 5rem 1.2rem 1.2rem; font-size: 1em; word-break:keep-all; line-height:1.4} 
	.tech_wp nav a.active { background-size:2rem;}

	.tech_wp .cont_sect {width:calc(100% - 20rem);}
	.tech_wp .cont_sect > section { padding:6rem 0;  } 
	
	.cont_sect .img_li .tit {padding:.7rem .5rem;}
	.cont_sect .img_li strong {font-size: 2rem;}
}
@media screen and (max-width: 1024px) { 
	.tech_wp {gap:0; flex-direction: column; }
	.tech_wp nav {position:sticky; top:0; left:0;  width:100%; display:flex; flex-direction: row; height:auto; justify-content: center; z-index:1; }
	.tech_wp nav a{width:25%; padding:1.5rem; font-size: 1.1em; border-bottom:1px solid #ccc; display:flex; justify-content: center; text-align: center; align-items: center;  background:#fff; opacity:1; border-radius:0; color:#676767;} 
	.tech_wp nav a.active {background-image:none; background:#222;}

	.tech_wp .cont_sect {width:100%;}
	.tech_wp .cont_sect > section { padding:4rem 0;  } 
	
	.cont_sect .img_li .tit {padding:.5rem .5rem;}
	.cont_sect .img_li strong {font-size: 2rem;}
} 
@media screen and (max-width: 768px) {  
	.tech_wp nav a{ padding:1rem; line-height:1.3; font-size: 1em;}
	
	.cont_sect .img_li {gap:2rem; flex-wrap:wrap; justify-content: space-between;}
	.cont_sect .img_li li {width:calc(50% - 1rem);}
	.cont_sect .img_li .tit {margin:1rem 0; border-radius:.5rem;}
} 


/*------------------------------------
  오시는길 - Location
-------------------------------------*/
.loc_wp .tabs_container {display:flex;}
.loc_wp .tabs_container .tabs_btn{position:sticky; top:8rem; width:52rem; height:1em;}
.loc_wp .tabs_container .tabs_btn button {width:100%; display:block; padding:3rem 0; background:none; border:1px solid #e2e2e2; margin-top:-1px; font-size: 3rem; cursor:pointer; 
font-weight: 600; letter-spacing:-0.025em; color:#bebebe;}
.loc_wp .tabs_container .tabs_btn button.active {background:var(--main-color3); color:#fff;}
.loc_wp .tabs_container .tabs_btn button i {display:inline-block; width:1.2rem; height:2rem; background:url(../images/sub/about/ico_loc_btn.svg)no-repeat 50% 50% / cover; margin-left:1rem;}
.loc_wp .tabs_container .tabs_btn button.active i {filter:brightness(2);}
.loc_wp .tabs_container .tabs_cont {width:calc(100% - 52rem);}
.loc_wp .tabs_container .tabs_cont .map {width:100%; height:80rem; background:#ddd;}
.loc_wp .tabs_container .tabs_cont .map_info {display:flex; gap:0 3rem; margin:6.5rem 0;}
.loc_wp .tabs_container .tabs_cont .map_info dl{position:relative; padding-left:9rem;}
.loc_wp .tabs_container .tabs_cont .map_info dl:before {position:absolute; left:0; top:0; display:inline-block; width:6.5rem; height:6.5rem; background-position:0 50%; background-repeat:no-repeat; content:''; background-size:cover; border-radius:1rem;}
.loc_wp .tabs_container .tabs_cont .map_info dl.add {padding-left:0; width:56rem;}
.loc_wp .tabs_container .tabs_cont .map_info dl.tel,
.loc_wp .tabs_container .tabs_cont .map_info dl.mail{width:25rem;}
.loc_wp .tabs_container .tabs_cont .map_info dl.tel:before {background-image:url(../images/sub/about/ico_loc1.svg);}
.loc_wp .tabs_container .tabs_cont .map_info dl.mail:before {background-image:url(../images/sub/about/ico_loc2.svg);}
.loc_wp .tabs_container .tabs_cont .map_info dl dt {font-size: 2.2rem; color:#222; font-weight: 600; margin:0 0 1.5rem 0; line-height:1;}
.loc_wp .tabs_container .tabs_cont .map_info dl dd {margin:0;}



/*------------------------------------
	국내사업현황 - Domestic
-------------------------------------*/
.energy_wrap {display:flex; gap:1rem; height:70rem; overflow:hidden; margin: 0 0 15rem 0;}
.energy_item {flex:1; position:relative; border-radius:1rem; overflow:hidden; transition:all 0.3s ease; }
.energy_item img {width:100%; height:100%; object-fit:cover; transition:all 0.5s ease;}
.energy_item .txt_box {position:absolute; bottom:0; left:0; color:#fff; z-index:2; padding:3rem; box-sizing:border-box;}
.energy_item .txt_box h3 {font-size: 1.7em; color:var(--white); word-break:keep-all;}
.energy_item .txt_box .desc {width:60rem; font-size: .9em; margin-top:2rem; opacity:.7; line-height:1.5; word-break:keep-all; display:none; font-weight: 400;}
.energy_item:hover .txt_box .desc {display:block;}

.energy_item::after {content:''; position:absolute; inset:0; background:rgba(0,0,0,0.3); z-index:1; transition:all 0.5s ease;}
.energy_item:hover {flex:2.2;}
.energy_item:hover img {transform:scale(1.05);}
.energy_item:hover::after {background:rgba(0,0,0,0.4);}


@media screen and (max-width: 1600px) {
	 .energy_item .txt_box .desc { max-width:50rem; }
}
@media screen and (max-width: 1400px) { 
	 .energy_item .txt_box .desc { max-width:40rem; }
} 
@media screen and (max-width: 1200px) { 
	 .energy_wrap {margin: 0 0 8rem 0;}
	 .energy_item .txt_box .desc { max-width:30rem; }
} 
@media screen and (max-width: 1024px) { 
	.energy_wrap {gap:0; height:auto; flex-wrap:wrap; margin: 0 0 6rem 0;}
	.energy_item {width:50%; border:0; flex:auto; border-radius:0;}
	.energy_item .txt_box h3 {font-size: 1.4em;}
	.energy_item .txt_box .desc {width:100%; max-width:100%; display:block;}
	
	.energy_item:hover {flex:50%;}
} 
@media screen and (max-width: 768px) {  
	.energy_wrap {margin: 0 0 4rem 0;}
	.energy_item {height:30rem; width:100%; border:0; flex:auto; border-radius:0; border-radius:1rem; margin:0 0 1rem 0;}
	.energy_item .txt_box {padding:2rem; width:100%;}
	.energy_item .txt_box .desc {margin-top:1.5rem; font-size: 1em; line-height:1.3;}
} 



/*------------------------------------
	해외사업현황 - Overseas
-------------------------------------*/
.overseas_wp .global_box{ max-width:90%; background:#F8F8FA;  text-align: center; padding:10rem 5rem; border-radius:2rem; margin:0 auto 15rem;}
.overseas_wp .global_box img {max-width:100%;}
.overseas_wp .global_box .mo {display:none;}
.overseas_wp .busi_li {border-top:2px solid #222;}
.overseas_wp .busi_li li {position:relative; display:flex; align-items: center; gap: 0 4rem;border-bottom: 1px solid #ccc; padding:2rem 0 2rem 10rem;  min-height:6rem;}
.overseas_wp .busi_li li:before {position:absolute; left:0; top:50%; transform:translateY(-50%); width:6rem; height:6rem; border-radius:2em; content:''; background:#4C98EB url(../images/sub/business/ico_global.svg)no-repeat 50% 50% / 2.5rem; }
.overseas_wp .busi_li li span {font-weight: 600; color:#222;} 


@media screen and (max-width: 1600px) {
	.overseas_wp .global_box{max-width:100%; padding:5rem; border-radius:0rem; margin:0 auto 10rem;}
} 
@media screen and (max-width: 1200px) { 
	.overseas_wp .global_box{ margin:0 auto 8rem;}

} 
@media screen and (max-width: 1024px) { 
	.overseas_wp .global_box{ margin:0 auto 6rem; padding:3rem;}
	.overseas_wp .global_box .pc {display:none;}
	.overseas_wp .global_box .mo {display:block;}
	
	.overseas_wp .busi_li li { padding:1.5rem 0 1.5rem 7rem;  min-height:4rem;}
	.overseas_wp .busi_li li:before {width:4rem; height:4rem; background-size:2rem;}
	.overseas_wp .busi_li li p {font-size: 1.1em; line-height:1.4; word-break:keep-all;}
} 
@media screen and (max-width: 768px) {  

	.overseas_wp .busi_li li { padding:1.2rem 0 1.2rem 5rem; gap:0 2rem; min-height:3rem;}
	.overseas_wp .busi_li li:before {width:3rem; height:3rem; background-size:1.5rem;}
	.overseas_wp .busi_li li p {font-size: 1em; }

}