/********** 컨텐츠 타이틀 **********/


h2 { font-size:44px; }
h3 { font-size:34px; }
h4 { font-size:27px; }
h5 { font-size:19px; }

h2, h3, h4, h5 { line-height:140%; color:#222; font-weight:700; }

@media (max-width:1400px) {
	h2 { font-size:38px; }
	h3 { font-size:29px; }
	h4 { font-size:24px; }
	h5 { font-size:16px; }
}
@media (max-width:1024px) {
	h2 { font-size:33px; }
	h3 { font-size:26px; }
	h4 { font-size:21px; }
	h5 { font-size:15px; }
}
@media (max-width:768px) {
	h2 { font-size:28px; }
	h3 { font-size:23px; }
	h4 { font-size:19px; }
	h5 { font-size:14.5px; }
}
@media (max-width:540px) {
	h2 { font-size:25px; }
	h3 { font-size:20px; }
	h4 { font-size:16.5px; }
	h5 { font-size:14px; }
}




/* 인사말 */

.col_cont_04 .img { height: 260px; background: no-repeat left center; background-size:cover; }
.col_cont_04 ul { display: flex; flex-wrap:wrap; }
.col_cont_04 .tit { width:50%; margin-top: -80px; padding-left:70px; }
.col_cont_04 .txt { width:50%; margin-top:50px; }
.col_cont_04 .tit div { width:460px; padding:100px 44px 40px; color:#fff; font-size:28px; font-weight:700; line-height:140%; }


@media (max-width:1400px){
	.col_cont_04 .img { height: 260px; }
	.col_cont_04 .tit { margin-top: -60px; }
	.col_cont_04 .tit div { width:420px; padding:80px 34px 30px; }
	.col_cont_04 .txt { margin-top:60px; }
}

@media (max-width:1200px){
	.col_cont_04 .tit { padding-left:50px; }
	.col_cont_04 .tit div { width:360px; }
	.col_cont_04 .txt .cont br { display:none; }
}
@media screen and (max-width:1024px){
	.col_cont_04 .img { height: 280px; }
	.col_cont_04 .tit { margin-top: -40px; padding-left:30px; }
	.col_cont_04 .tit div { width:320px; padding:60px 30px 26px; }
	.col_cont_04 .txt { margin-top:50px; }
}
@media screen and (max-width:850px){
	.col_cont_04 .img { height: 240px; }
	.col_cont_04 .tit { padding-left:20px; }
	.col_cont_04 .tit div { width:280px; }
	.col_cont_04 .txt { margin-top:40px; }
}
@media screen and (max-width:767px){
	.col_cont_04 .img { height: 200px; }
	.col_cont_04 .tit, .col_cont_04 .txt { width: 100%; padding-left:20px; }
	.col_cont_04 .tit {  margin-top: -30px; }
}
@media screen and (max-width:500px){
	.col_cont_04 .img { height: 160px; }
	.col_cont_04 .tit {  margin-top: -20px; }
	.col_cont_04 .tit div { padding:40px 24px 22px; }
	.col_cont_04 .txt { margin-top:34px; }
}
@media screen and (max-width:420px){
	.col_cont_04 .tit div { width:250px; }
}


/* 조직도 */

#organ div { text-align:center; }
#organ div img { max-width:100%; }
#organ div:last-child { display:none; }

@media screen and (max-width:767px){
	#organ div:first-child { display:none; }
	#organ div:last-child { display:block; }
	#organ div:last-child img { width:440px; }
}









/* 오시는길 */

.location_map {	width:100% !important;	}
.location_map.kakao { border:0 !important; margin-bottom:-1px; }
.location_map.google { height:600px; margin-bottom:-2px; }

.map_table { border-top:1px solid #ccc;  }
.map_table tr td { padding-top:30px; padding-bottom:30px; border-left:0; border-right:0; border-color:#ccc; }
.map_table tr td.map_icon { width:5%; padding-right:10px; }
.map_table tr td.td_l { width:45%; }

.map_icon div { width:60px;	height:26px; background-repeat:no-repeat; background-position:left; border-right:1px solid #ddd; }
.map_icon .map_loc { background-image:url('/images/mapicon_loc.png'); }
.map_icon .map_tel { background-image:url('/images/mapicon_tel.png'); }
.map_icon .map_mail { background-image:url('/images/mapicon_mail.png'); }
.map_icon .map_fax { background-image:url('/images/mapicon_fax.png'); }

#loc_guide .map_icon2 { width:110px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:50%; background-color:#d1d1d1; background-repeat:no-repeat; background-position:center; }
#loc_guide .map_icon2 .map_car {  background-image:url('/images/map_car.png'); background-size:36px 27px; }
#loc_guide .map_icon2 .map_subway {  background-image:url('/images/map_subway.png'); background-size:31px 38px; }
#loc_guide .map_icon2 .map_bus {  background-image:url('/images/map_bus.png'); background-size:29px 34px; }

#loc_guide h3 { line-height:100%; }
#loc_guide tr td { padding:20px 0; }

@media (max-width:1250px) {
	.map_table tr td.map_icon { width:80px; }
	.map_table tr td.td_l { width:auto; }
}
@media screen and (max-width:1000px) {
	.map_table tr td.map_icon { width:50px; }
	.map_icon div { width:50px; }
}
@media screen and (max-width:768px) {
	.map_table tr td { padding-top:20px; padding-bottom:20px; }
	.map_table tr td.map_icon { width:40px; }
	.map_icon div { width:40px; background-size:20px; }
}

@media screen and (max-width:650px) {
	#loc_guide .map_icon2 { width:70px; }
	#loc_guide .map_icon2 div { width:50px; height:50px; }
	#loc_guide .map_icon2 .map_car { background-size:28px 21px; }
	#loc_guide .map_icon2 .map_subway { background-size:23px 28px; }
	#loc_guide .map_icon2 .map_bus { background-size:22px 26px; }
}
@media screen and (max-width:540px){
	.map_icon div { width:30px; height:20px; background-size:17px; }
	.map_table tr td.map_icon { padding-right:0; }
}
@media screen and (max-width:420px) {
	.location_map.google { height:380px; }
}





/*** 사업분야 전기 ***/

.business .top li:first-child { width:65%; padding-right:40px; }
.business .top li:last-child { width:35%; height:300px; background-size:cover; background-position:center; background-repeat:no-repeat; }


.biz { background-size:cover; background-position:center bottom; background-repeat:no-repeat; padding:100px 0; margin-top:-50px; }
#elec .biz { padding-bottom:160px; }

.business .biz ul { display:flex; flex-wrap:wrap; margin:-4px; }
.business .biz ul li { width:50%; padding:4px; display:table; }
.business .biz ul li div { background-color:rgba(255,255,255,.15); height:100%; display:table-cell; vertical-align:middle; color:#fff; padding:18px 30px; font-size:18px; line-height:130%; border:1px solid rgba(255,255,255,.4); }
.business .biz ul li div img { transform:translateY(-3px); margin-right:6px; }

@media (max-width:1400px){
	.business .biz ul li div { font-size:17px; }
	.business .top li:last-child { height:220px; }
}
@media (max-width:1100px){
	.business .top li:last-child { padding-left:30px; }
	.business .biz ul { margin:-3px; }
	.business .biz ul li { padding:3px; }
	.business .biz ul li div { font-size:16px; padding:20px 30px; }
	.biz { padding:130px 0 160px; }
	#elec .biz { padding-bottom:200px; }
	.business .biz ul li div img { width:13px; transform:translateY(-2px); margin-right:4px; }
}
@media (max-width:920px){
	.business .biz ul { width:500px; max-width:100%; margin-left:auto; margin-right:auto; }
	.business .biz ul li { width:100%; padding:3px 0; }
	.business .biz ul li div { font-size:15px; text-align:center; }
	.business .biz ul li div img { display:none; }
}
@media (max-width:768px){
	.biz { padding:100px 0 100px; }
	#elec .biz { padding-bottom:180px; }
	.business .biz ul { margin-top:-2px; margin-bottom:-2px; }
	.business .biz ul li { padding:2px; }
	.business .biz ul li div { font-size:14.5px; padding:15px 25px; }
}
@media (max-width:767px){
	.business .top li { width:100% !important; }
	.business .top li:last-child { padding-left:0; margin-top:40px; }
	.business .top img { width:500px; }
}
@media (max-width:540px){
	.biz { padding:100px 0 50px; }
	.business .top li:last-child { margin-top:30px; height:160px; }
	.business .biz ul li div { font-size:13.5px; padding:12px 20px; }
}




/*** 버튼 ***/

.wbtn { display:inline-block; font-weight:400; box-sizing:content-box; height:65px; border:0; line-height:65px; padding:0 36px 0 40px; font-size:16px; color:#222; background-color:#fff; border-radius:32.5px !important; box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 10%); position:relative; z-index:1; }
.wbtn:after { float:right; margin-left:12px; width:21px; opacity:1; background-image:url("http://sample.shazam.co.kr/images/arr3_lgb_01.png"); content:''; display:block; height:inherit; background-position:center; background-repeat:no-repeat; }
.wbtn .ani { background-color:#ffc000; }
.wbtn:hover { color:#222; }
.btnwrap a:last-child { margin-left:20px; }

@media (max-width:1300px) {
	.wbtn { height:48px; line-height:48px; padding:0 28px; border-radius:24px  !important; }
	.wbtn:after { float:right; width:15px; background-size:15px 15px; margin-left:8px }
	.btnwrap a:last-child { margin-left:12px; }
}
@media screen and (max-width:1000px) {
	.wbtn { box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 15%); }
}
@media screen and (max-width:420px) {
	.wbtn { height:44px; line-height:44px; padding:0 22px 0 24px; border-radius:22px !important; }
	.wbtn:after { width:13px; background-size:13px 13px; margin-left:6px }
	.btnwrap a:last-child { margin-left:8px; }
}