/* #header {position:absolute;} */


/*서브상단*/
.sub_visual{position:relative;background:url('../img/subvisual.jpg') center center no-repeat;
margin:0 auto;height:420px;overflow:hidden;}
/* .sub_visual.visual01{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05{background-image:url(../img/sub_visual05.jpg)}
.sub_visual.visual06{background-image:url(../img/sub_visual06.jpg)}
.sub_visual.visual07{background-image:url(../img/sub_visual07.jpg)} */



.sub_visual .title_warp { max-width:1300px; margin:0 auto;}
.sub_visual .title_warp {position: relative;   text-align:center; margin:200px auto; z-index:2}
.sub_visual .main_title h2{display:inline-block;font-size:61px; line-height:1;font-weight:700; text-align:center; color:#fff; letter-spacing:-0.02em ;background: url('../img/mTxt_bg.png') center 100% no-repeat;}
.sub_visual .main_title p {color:#fff; font-size:23px;}

.sub_visual h3,
.sub_visual .main_title{
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s;
	animation-name:visual-tit;
	 -webkit-animation-name:visual-tit;
}

.sub_visual .main_title {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;} 

 
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}




 @media screen and (max-width: 980px) { 
    .sub_visual { height:320px; }
	.sub_visual .title_warp { width:100%; margin:150px auto;}
	.sub_visual .title_warp h2 {font-size:50px;}
 }
/*서브상단*/
 @media screen and (max-width: 620px) { 
    .sub_visual { height:230px; }
	.sub_visual .title_warp { margin:110px auto;}
	.sub_visual .title_warp h2 {font-size:33px;background-size:100% 50%;}
 }
/*서브상단*/


.select-wrapper { background-color: #fff; border-bottom:1px solid #ddd; width:100%; height:55px;}

.select-nav {
  background-color: #fff;
  display: inline-block;
	max-width:1200px;
	margin:0 auto;
  border-bottom: 1px solid #ddd;

}

.select-nav:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.select-nav .select {
  float: left;
  width: 220px;
  height: 54px;
  position: relative;
  box-sizing: border-box;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-left: -1px;
}

.select-nav .select:first-child { border:0}
.select-nav .select .down {
  position: absolute;
  width: 25px;
  height: 25px;
  display: inline-block;
  top: 15px;
  right: 10px;
  line-height: 25px;
  text-align: center;
  color: #333;
  font-size: 14px;
  transition: all 0.5s;
  cursor: pointer;
}
.select-nav .select.on .down {
  transform: rotate(180deg);
}

.select-nav .select.d1 {
  margin-left: 0;
}

.select-nav .select button {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0;
  text-align: left;
  padding-left: 15px;
  outline: none;
  font-size:16px;
  color:#444;

}

.select-nav .select button .t1 { font-weight:500}
.select-nav .d3 button { font-weight:bold}



.select-nav .select > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  background-color: #fff;
  border:1px solid #ddd;
  box-sizing: content-box;
}

.select-nav .select ul li {
  min-height: 50px;
  line-height: 50px;
  padding-left: 0;
  border-bottom: 1px solid #ddd;
  
}


.select-nav .select ul li a {
	color:#444;
	display:block;
	font-size:15px;
	padding-left:20px;
	line-height:50px;
}

.select-nav .select ul li a:hover {
	color:#000;
	background:#f0f0f0;
}


.select-nav .select ul ul {
  display:none;
}

.select-nav .select ul li li {
  border-top: 1px solid #ddd;
  border-bottom: 0;
  padding-left:10px;
  background-color: #f8f8f8;

}



.select-nav .select ul li:nth-last-child(1) {
  border-bottom: 0;
}
.select-nav-wrapper {
  position: relative;
  z-index:2;
  background-color:#fff;
  margin: 0 auto;
  height:55px;
  max-width:1200px;
  margin:0 auto;
	border-bottom:1px solid #ddd;
}
.select-nav-wrapper:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.select-nav-wrapper .home {
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  line-height: 55px;
  color:#fff;
  background:#127893;
  float: left;
}
.select-nav-wrapper .link {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 30px;
  display: inline-block;
  line-height: 50px;
  float: right;
}
.d2 .t2 {display:none;}
@media screen and (max-width: 1120px) {
  #login-box {
    display:none;
  }
  #login-box2 {
    display:inline-block;
  }
}
@media screen and (max-width: 768px) {
  .select-nav-wrapper {margin:0; padding:0;}
  .select-nav-wrapper .home {
    display: none;
  }
  .select-nav-wrapper .link {
    display: none;
  }
  .select-nav .select.d3 {
    display: none;
  }
  .select-nav {
    width: 100%;
  }
  .select-nav .select {
    width: 45%;
	border-right: 0
  }
  .select-nav .select.d2 {width:55%;}

  .select-nav .select ul ul {
    display:block;
  }
  .d2 .t2 {display: inline;}
  .d2 .t2 .fa { color: #555; font-weight:bold;}
}


/*서브 제목*/
.container_wrap {padding-top:80px;}
.content_wrap { width:100%; }
.content_wrap .txtCon { clear:both;}
.content_wrap .txtCon .sub_title {margin:0 0 60px 0; text-align:left;}
.content_wrap .txtCon .sub_title h2 {font-size:43px; color:#111111; font-weight:700; text-align:Center;line-height:1;}
.content_wrap .txtCon .sub_title h2::after{content:"";display:block; width:1px; height:28px; background-color:#cccccc; margin:25px auto 0;}
.content_wrap .txtCon .sub_title p {font-size: 18px; color:#444; font-weight:300; word-break:keep-all;}
.content_wrap .txtCon .content_area { width:100%;}

.content_wrap .txtboard { max-width:1200px; margin:0 auto; padding:0 20px 100px 20px; line-height:1.75; letter-spacing:-0.02em; clear:both}
.content_wrap .txtboard span {font-size:18px;}


.pd_bottom{padding-bottom:140px;}

@media screen and (max-width:640px) {
	.container_wrap {padding-top:40px;}
	.content_wrap .txtCon .sub_title {margin:0 0 30px 0;}
	.content_wrap .txtCon .sub_title h2 { font-size:28px}
	.pd_bottom{padding-bottom:80px;}
}
@media screen and (max-width:414px) {
    
}
/*서브 제목*/




/* 탭 */
.fade {
	  -webkit-transition: all .1s ease-in-out;
  	-moz-transition: all .1s ease-in-out;
  	-ms-transition: all .1s ease-in-out;
  	-o-transition: all .1s ease-in-out;
  	transition: all .1s ease-in-out;
}
.tab {display: inline-block;  border: solid 1px #ddd;  text-align:center;  margin-left:-1px;  padding:20px 0;}
.tab a {display:block}
.tab:hover {background: #4E4D7D;  border:1px solid #4E4D7D;  color:#fff;}
.tab.selected {background: #4E4D7D;  border:1px solid #4E4D7D;  color:#fff;  position: relative;}
.tab-container {display: none;  opacity: 0;} 
.tab-container.selected {  display: block;  opacity: 1;} 
.tab-header {margin-bottom:30px; display:flex;}
.tab-header.tab-two .tab {width:calc(100% / 2);}
.tab-header.tab-three .tab {width:calc(100% / 3);}
.tab-header.tab-six .tab {width:calc(100% / 6);}




.fix-nav {z-index: 9999;  position: fixed;  left: 0;  top: 0;  width:100%; background:#fff; } 
.fix-body {margin-top: 50px;}

@media (max-width: 640px){
    .tab {padding:15px 0}
    .tab-header.tab-six {flex-wrap: wrap}
    .tab-header.tab-six .tab {width:calc(100% / 3);}
    .tab-header.tab-six .tab:nth-child(n+4) {margin-top:-1px;}
}
/*성경문구*/
.bible_txt {background: #F7F8FB; border-radius: 10px; padding:20px 40px; margin-bottom:40px;}
.bible_txt p {padding:10px 10px 10px 50px; background: url('../page/img/icon_bible.png') left center no-repeat;}

/*공통*/
.m_view {display: none;}

.title_dot1 {font-size:1.33em; font-weight: 600; background: url('../page/img/title_dot1.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color:#222;}
.title_dot1_s {font-size:1.11em; font-weight: 600; background: url('../page/img/title_dot1.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color:#222;}
.title_dot2 {font-size:1.33em; font-weight: 600; background: url('../page/img/title_dot2.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color: #222}
.title_dot2_s {font-size:1.11em; font-weight: 600; background: url('../page/img/title_dot2.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color: #222}


/*.img_column .img {padding:20px 0 60px 0;}
.img_column .img2 {display: flex; justify-content: space-between;}
.img_column .img img {width:100%; max-width:100%;}
.img_column .img2 img {margin-right:1%; width:49%;}
.img_column .img2 img:nth-child(2){margin-right: 0}
*/

.img_column .img{ background-size: cover; border-radius: 10px; overflow: hidden; height:320px;}

@media (max-width: 992px) {
    .bible_txt {padding:20px; margin:0 20px 30px 20px;}
    /*.img_column .img {padding:20px 0 30px 0;}
    .img_column .img2 img {margin-right:10px;} */    
     
    .img_column .img{ height:180px;}
}

@media (max-width: 640px) {
    .m_view {display: block;}
    .bible_txt {margin:0 0 20px 0;}
}
.mo_none{display: block;}
.mo_block{display: none;}

/* 사업장현황 */
.location .tabs{display: flex;gap:0 3px;margin:0 0 60px 0;}
.location .tabs a{display: block; width:calc(50% - 1.5px);height:75px;line-height: 75px; background-color: #e9ecf3; border-radius: 5px;font-size:28px; color:#8a8f9a; font-weight: 500;text-align: center;;}
.location .tabs a.on{background-color: #214499; color:#fff;;}
.location .loca .info {display: flex;align-items: flex-start;}
.location .loca .info .img{width:600px; margin-right:50px;border-radius:15px; overflow: hidden;}
.location .loca .info .img img{width:100%;height:auto;}
.location .loca .info .tbox{width:Calc(100% - 650px);}
.location .loca .info .tbox h3{font-size:38px;font-weight: 700;color:#214499; letter-spacing: -0.01em; padding:20px 0 10px; margin:0;line-height: 1;;}
.location .loca .info .tbox p.gray{font-size:18px; color:#888888; letter-spacing: -0.01em; line-height: 1;margin:0 0 35px 0;;}
.location .loca .info .tbox  ul li{padding: 17px 0; display:flex; align-items: center;border-bottom:1px solid #ddd;}
.location .loca .info .tbox  ul li:last-child{border: none;}
.location .loca .info .tbox  ul li p.tit{width:25%;font-size: 19px; color:#111111; font-weight: 600;padding-left:43px;;flex-shrink: 0;}
.location .loca .info .tbox  ul li p.add_tit{background:url('../img/add_icon.png') 5px center no-repeat;}
.location .loca .info .tbox  ul li p.tel_tit{background:url('../img/phone_icon.png') 5px center no-repeat;}
.location .loca .info .tbox  ul li p.fax_tit{background:url('../img/fax_icon.png') 5px center no-repeat;}
.location .loca .info .tbox  ul li p.root_tit{background:url('../img/root_icon.png') 5px center no-repeat;}
.location .loca .info .tbox  ul li p.txt{font-size: 18px; color:#454545; letter-spacing: -0.03em; line-height: 1.2;;}
.location .loca .mapbox .map_link {display:flex; justify-content: flex-end;margin:30px 0;}
.location .loca .mapbox .map_link a.go_map{display:block;width:190px;height:46px; line-height: 46px; text-align: center;border:1px solid #ccc; background-color:#e9ecf3;border-radius: 5px; font-size:17px; font-weight: 600;color:#506598; ;}
.location .loca .mapbox .mapin{border:1px solid #ddd; overflow:hidden; border-radius: 10px;;}
.location .loca .mapbox .mapin .root_daum_roughmap {width:100%;}
.location .loca .mapbox .mapin .root_daum_roughmap .wrap_controllers,
.location .loca .mapbox .mapin .root_daum_roughmap .cont,
.location .loca .mapbox .mapin .root_daum_roughmap .map_border   {display:none;}


	@media (max-width: 1024px){
		.location .loca .info .img{width:430px;margin-right:40px;}
		.location .loca .info .tbox{width: Calc(100% - 470px);}
		.location .loca .info .tbox h3{padding:0 0 10px 0; font-size:32px;}
		.location .loca .info .tbox ul li{padding: 13px 0;}
		.location .loca .info .tbox ul li p.tit{font-size:16px;width:28%;}
		.location .loca .info .tbox ul li p.txt{font-size:16px;line-height: 1.3;}
	}
	@media (max-width: 768px){
		.location .tabs{margin:0 0 40px 0;}
		.location .tabs a{height:60px;line-height:60px; font-size:22px;}
		.location .loca .info{display:block;}
		.location .loca .info .img{width:100%;margin:0 0 30px 0;}
		.location .loca .info .tbox{width:100%;}
		.location .loca .info .tbox ul li p.tit{width:32%;}
		.root_daum_roughmap .wrap_map{height:260px !important;}
	
	}
	@media (max-width:360px){
		.location .loca .info .tbox ul li p.tit{padding-left:32px;}
		.location .loca .info .tbox ul li p.txt{font-size:14px;}
		.location .loca .info .tbox h3{font-size:28px;}
	}



/* 경영철학 */
.phil .yy{font-family: 'Yeongwol', serif; font-size:60px; color:#324865; font-weight:400; text-align: center;margin:0 0 60px 0;;}
.phil .top{padding:100px 50px; background:url('../img/phil_bg.png') center 100% no-repeat; background-size: cover;border-radius:30px; overflow: hidden;margin:0 0 60px 0;}
.phil .top p{font-size: 26px; color:#ffffff;font-weight: 700; text-align:center; line-height: 40px; letter-spacing: -0.03em;;}
.phil .txt{padding:0 0 120px 0; background:url('../img/phil_t_bg.png') center 100% no-repeat;}
.phil .txt h5{font-size: 26px; color:#333333; font-weight: 600; text-align: center; margin:0 0 20px 0;;}
.phil .txt p{font-size: 22px; color:#333333; text-align: center; margin:0 0 20px 0;line-height: 35px;letter-spacing: -0.03em;;}
.phil .txt h6{margin:70px 0 0 0; text-align: center;}

	@media (max-width: 1024px){
		.phil .yy{font-size:40px; margin:0 0 40px 0;}
		.phil .txt{padding:0 0 120px 0;}
		.phil .txt h5{font-size: 20px; }
		.phil .txt p{font-size: 18px;line-height: 31px;}
	}
	@media (max-width: 768px){
		.phil .yy{font-size:30px; }
		.phil .txt{padding:0 0 60px 0;}
		.phil .txt h5{font-size: 18px;word-break:keep-all; margin:0;}
		.phil .txt h5 br{display:none;}
		.phil .txt p{font-size: 16px;word-break:keep-all;}
		.phil .txt p br{display:none;}
		.phil .txt h6 img{max-width:220px;}
	}
	@media (max-width:360px){
		.phil .yy{font-size:25px; }

	}



/* 연혁 */
.history {*zoom:1; width:100%; background:url('../img/center_line.jpg') center 0 repeat-y;position:relative;}
.history:before, .history:after  {display:block; content:""; width:9px;height:9px;background:url('../img/his_gray_circle.png') 0 0 no-repeat;margin:0 auto;}

.history .y_box{margin:0 0 50px 0;position:relative;}
.history .y_box:first-child{margin:30px 0 50px;}
.history .y_box:After{content:"";display:block;clear:both;}
.history .y_box .left_img{float:left; padding-left:50px;}
.history .y_box .right_img{float:right; padding-right:50px;}
.history .y_box dl.left{width:50%; float:left; text-align:right;}
.history .y_box dl.right{width:50%; float:right;}

.history .y_box dl dt {font-size:40px; color:#224299; font-weight:700; line-height: 1;;}
.history .y_box dl.left dt{padding:0 50px 0 0; background:url('../img/his_mint_circle.png') 100% 10px no-repeat;margin:0 -9px 20px 0;}
.history .y_box dl.right dt{padding:0 0 0 50px; background:url('../img/his_mint_circle.png') 0 10px no-repeat;margin:0 0 20px -9px;}

.history .y_box dl dd {font-size:19px; color:#666666; letter-spacing:-0.06em; line-height:25px;}
.history .y_box dl.left dd{padding:0 45px 0 0;}
.history .y_box dl.right dd{padding:0 0 0 45px;}

.history .y_box dl dd p{display:flex; margin:0 0 18px 0;}
.history .y_box dl.left dd p{justify-content: flex-end;;}
.history .y_box dl dd p span{display:block; width:60px;font-weight: 700;color:#333333;flex-shrink: 0;}


	@media (max-width: 1024px){
		.history .y_box .right_img, .history .y_box .left_img {width:50%; box-sizing:border-box; overflow:hidden;}
		.history .y_box .left_img img, .history .y_box .right_img img{width:100%;}
	}
	@media (max-width: 768px){
		.history {background-position:0 0;}
		.history:before, .history:after{margin:0 0 0 -3.5px;;}
		.history .y_box dl.right, .history .y_box dl.left {width:auto;float:none;text-align:left;}
		.history .y_box dl.right dt, .history .y_box dl.left dt {padding: 0 0 0 40px;margin: 0 0 20px -9px;background: url(../img/his_mint_circle.png) 0 5px no-repeat;
			font-size:32px;}
		.history .y_box dl.right dd, .history .y_box dl.left dd {padding: 0 0 0 40px;font-size:16px;line-height:23px;}
		.history .y_box dl.left dd p{flex-direction: row-reverse;}
		.history .y_box .right_img, .history .y_box .left_img {width:auto;padding:0 0 0 40px;}
	}
	@media (max-width:360px){
		
	}


/* 회사방침 */
.cguide .boxing{margin:0 0 60px 0;}
.cguide .top{background:url('../img/cg_bg.png') center 0 no-repeat;padding:20px 0 80px;}
.cguide .top h4{font-size: 26px; color:#1c1c1e; letter-spacing: -0.01em; text-align: center; font-weight:400; margin:0 0 60px 0;;}
.cguide .top h4 b {font-weight:800;color:#214499;}
.cguide .top ul{display:flex; justify-content: center;}
.cguide .top ul li{display:flex;flex-direction: column;align-items: center;justify-content: center;width:320px;height: 320px;border-radius:100%;border:15px solid #2394e2;background-color:#fff;margin-left:-15px;}
.cguide .top ul li.c02{border:15px solid #d6892d;}
.cguide .top ul li.c03{border:15px solid #81c784;}
.cguide .top ul li h5{font-size: 26px; color:#1c1c1e;font-weight: 800;margin:20px 0 5px;line-height: 1;;}
.cguide .top ul li p{font-size:19px; color: #999999;}

.cguide .mid h3{font-size: 40px; font-weight: 700; color: #111111; margin:0 0 30px 0;;}
.cguide .mid ul{display: flex;justify-content:space-between; gap:0 15px;}
.cguide .mid ul li{width:calc(33.3333% - 30px/3);font-size: 23px; font-weight: 600;color: #111111;text-align: center;}
.cguide .mid ul li .photo{text-align: center; margin:0 0 25px 0;}

.cguide .btm h3{font-size: 40px; font-weight: 700; color: #111111; margin:0 0 30px 0;;}
.cguide .btm ul{display: flex;justify-content:space-between; gap:0 15px;}
.cguide .btm ul li{position:relative;width:calc(33.3333% - 30px/3);box-sizing: border-box;padding:40px 35px 80px; border-radius:10px; border:4px solid #dce9f3;}
.cguide .btm ul li h4{font-size:28px; color:#2040a2; line-height: 38px; letter-spacing: -0.01em; font-weight: 600;;}
.cguide .btm ul li .num {font-size:18px; color:#acc6da; font-weight: 700; line-height: 1; margin:0 0 15px 0;;}
.cguide .btm ul li img{position:absolute;right:30px;bottom:30px;}


/* EPP 제조공정*/
.epp_pro .boxing{display:flex; border-top:1px solid #000; padding:50px 0 70px 30px;}
.epp_pro .boxing .tit{width:270px;font-size: 33px; font-weight: 700;color: #19479b;}
.epp_pro .boxing .tbox h4{font-size: 23px; color:#19479b; font-weight: 800; margin:0 0 7px 0;padding:5px 0 0 0;}
.epp_pro .boxing .tbox p{font-size:21px; color:#555555; line-height: 38px; letter-spacing: -0.04em;;}

	@media (max-width: 1024px){
		.epp_pro .boxing {flex-direction: column;padding:40px 20px;}
		.epp_pro .boxing .tit{width:auto; margin:0 0 30px 0;}
		.epp_pro .boxing .tbox p.img img{max-width:100%;}
	}
	@media (max-width: 768px){
		.epp_pro .boxing .tit{font-size:25px;margin:0 0 20px 0;}
		.epp_pro .boxing .tbox h4{font-size:18px;}
		.epp_pro .boxing .tbox p{font-size:16px;line-height:27px;}
	}
	@media (max-width:360px){
	}



/* EPS 제조공정*/
.eps_pro .boxing{display:flex; border-top:1px solid #000; padding:50px 0 70px 30px;}
.eps_pro .boxing .tit{width:270px;font-size: 33px; font-weight: 700;color: #127893;}
.eps_pro .boxing .tbox h4{font-size: 23px; color:#127893; font-weight: 800; margin:0 0 7px 0;padding:5px 0 0 0;}
.eps_pro .boxing .tbox p{font-size:21px; color:#555555; line-height: 38px; letter-spacing: -0.04em;;}

	@media (max-width: 1024px){
		.eps_pro .boxing {flex-direction: column;}
		.eps_pro .boxing .tit{width:auto; margin:0 0 30px 0;}
		.eps_pro .boxing .tbox p.img img{max-width:100%;}
	}
	@media (max-width: 768px){
		.eps_pro .boxing .tit{font-size:25px;margin:0 0 20px 0;}
		.eps_pro .boxing .tbox h4{font-size:18px;}
		.eps_pro .boxing .tbox p{font-size:16px;line-height:27px;}
	}
	@media (max-width:360px){
	}


/* ESG 경영 */
.esg .top{margin:0 0 100px 0;}
.esg .top h3{font-size:48px; font-weight:500;color:#000;text-align:center; letter-spacing: -0.02em;;}
.esg .top  h4{font-family: 'play',sans-serif; color:#127893; text-align: center;font-size: 34px; line-height: 1;letter-spacing: -0.015em;margin:10px 0 38px 0;}
.esg .top p{font-size:21px; color:#333; line-height: 35px; text-align:center;;}
.esg .esgcont {margin:0 0 70px 0;}
.esg .esgcont .esgbox{display: flex;;margin:0 0 50px 0;gap:0 50px;}
.esg .esgcont .esgbox .img{width:50%;flex-shrink: 0;overflow:hidden;}
.esg .esgcont .esgbox .img img{width:100%;}
.esg .esgcont .esgbox .tbox{width:50%;}
.esg .esgcont .esgbox .tbox h3{font-family: 'play',sans-serif; font-size:42px; font-weight:600; color:#000;padding:30px 0 5px;line-height: 1;;}
.esg .esgcont .esgbox .tbox h4{font-size:32px; font-weight:500; color:#999;}
.esg .esgcont .esgbox .tbox h4:AfteR{content:"";display: block;width:70px;height: 1px; background-color:#888; margin:20px 0;;}
.esg .esgcont .esgbox .tbox p{font-size:20px; line-height:30px;color:#333;letter-spacing: -0.025em;;margin:0 0 22px 0;}
.esg .esgcont .esgbox .tbox a{display:inline-block; border:1px solid #111; font-size:20px; font-weight:500;color:#111; padding:10px 40px;border-radius:50px;margin:30px 0 0;}
.esg .esgcont .esgbox .tbox a img{padding:0 0 3px 15px;box-sizing: content-box;}
.esg .esgcont .esgbox .tbox a:hover, .esg .esgcont .esgbox .tbox a:focus{background-color:#000;color:#fff;}
.esg .esgcont .esgbox .tbox a:hover img, .esg .esgcont .esgbox .tbox a:focus img{filter: brightness(0) invert(1);}

.esg  .esg_down ul{display:flex; justify-content: space-between;}
.esg  .esg_down ul li{width:33.333%;border-right:1px solid #ddd;padding:40px 0;display: flex; flex-direction: column;justify-content: center;align-items: center;font-size:28px; font-weight: 600;color:#111;;}
.esg  .esg_down ul li:last-child{border:none;}
.esg  .esg_down ul li a{display:inline-block; border:1px solid #111; font-size:20px; font-weight:500;color:#111; padding:10px 40px;border-radius:50px;margin:30px 0 0;}
.esg  .esg_down ul li a img{padding:0 0 3px 15px;box-sizing: content-box;}
.esg  .esg_down ul li a:hover, .esg  .esg_down ul li a:focus{background-color:#000;color:#fff;}
.esg  .esg_down ul li a:hover img, .esg  .esg_down ul li a:focus img{filter: brightness(0) invert(1);}


	@media (max-width: 1024px){
		.esg .top h3{font-size:40px;}
		.esg .top h4{font-size:28px;}
		.esg .top p{font-size:18px;line-height:32px;}
		.esg .esgcont .esgbox{gap:0 30px;}
		.esg .esgcont .esgbox .tbox h3{padding:10px 0 5px;font-size:30px;}
		.esg .esgcont .esgbox .tbox h4{font-size:28px;}
		.esg .esgcont .esgbox .tbox h4:AfteR{margin:10px 0 15px;}
		.esg .esgcont .esgbox .tbox p{font-size:16px;line-height:26px;margin:0 0 17px 0;}
		.esg .esg_down ul li{font-size:25px;}
		.esg .esg_down ul li a{padding:7px 30px;font-size:17px;}
	}
	@media (max-width: 768px){
		.esg .top{margin:0 0 60px 0;}
		.esg .top h3{font-size:27px;}
		.esg .top h4{font-size:22px;line-height:1.2;margin:10px 0 30px;}
		.esg .top p{font-size:16px; line-height:26px;}
		.esg .top p br{display:none;}
		.esg .esgcont .esgbox{flex-direction: column;}
		.esg .esgcont .esgbox_rvs{flex-direction: column-reverse;}
		.esg .esgcont .esgbox .img{width:100%;margin:0 0 25px 0;}
		.esg .esgcont .esgbox .tbox{width:100%;}
		.esg .esgcont .esgbox .tbox h4{font-size:24px;}
		.esg .esg_down ul{flex-direction: column;}
		.esg .esg_down ul li{width:100%;border:none;border-bottom:1px solid #ddd;padding:35px 0;font-size:22px;}
		.esg .esg_down ul li a{margin:18px 0 0;}
	}
	@media (max-width:360px){
		.esg .top h3{font-size:23px;}
	}