section.section-esg{padding-top:250px; padding-bottom:240px; box-sizing:border-box}
section.section-esg .section-content h2.headline{text-transform:uppercase; text-align:center; font-size:68px; font-weight:500; letter-spacing:-2.75px; line-height:80px;}
/* tab Menu */
.esgTab_menu{ width:100%;display:flex; justify-content:center; margin-top:40px; border-bottom:1px solid #dbdbdb;}
.esgTab_menu li{text-align:center; margin-left:80px;}
.esgTab_menu li:first-child{margin-left:0}
.esgTab_menu li a{ position:relative; display:block; padding:15px 0 40px; text-decoration:none; font-size:24px; transition:0.2s; color:#000;}
.esgTab_menu li a:hover{ }
.esgTab_menu li a.active{color:var(--blue); font-weight:600; }
.esgTab_menu li a.active:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:5px; background-color:var(--blue); }

/* tab content */
/* ���� */
.esg-content{ padding: 100px 0 0;}
.esg-content h2.secTitle{font-size:30px;}
/* page01 - ���� */
.esg_outline_box {display:flex; flex-wrap: wrap; max-width:1280px;  margin:0 auto; padding:0 40px}
.esg_outline_box .title_wrap{width:calc(25% - 25px); padding-right:25px}
.esg_outline_box .title_wrap h2.secTitle{border-top:2px solid #ddd;  position:relative; padding-top:40px;}
.esg_outline_box .title_wrap h2.secTitle:after{content:''; display:block; width:40px; height:2px; background:var(--blue); position:absolute; top:-2px; left:0;}
.esg_outline_box .body_wrap{width:75%;}
.esg_outline_box .body_wrap > p{margin-top:40px; font-size:20px; line-height:1.66; color:#666; word-break:keep-all;}

/* page02 - environmental */
.esg_env_box .envSec01{padding:0 40px;} 
.esg_env_box .envSec01 h2{word-break:keep-all; font-size:40px; font-weight:500; text-align:center; display:flex; flex-direction:column; align-items:center; margin-bottom:50px;}
.esg_env_box .envSec01 h2:after{content:''; display:block; width:90px; height:1px; background-color:#cdcdcd; margin-top:50px;}
.esg_env_box .envSec01 p{word-break:keep-all; font-size:20px; font-weight:300; color:#1e2f46; text-align:center;}
.esg_env_box .envSec02{background:url(/assets/img/esg/env_bg.jpg); background-size:cover; min-height:100vh; background-repeat:no-repeat; margin-top:90px; display:flex; align-items:center; padding:40px 0}
.esg_env_box .envSec02 > div {max-width:1280px;  margin:0 auto;}
.esg_env_box .envSec02 > div h3{color:#fff; font-size:40px; font-weight:400;}
.esg_env_box .envSec02 > div p{color:#fff; font-size:16px; font-weight:300;}
.esg_env_box .envSec02 > div > ul{margin-top:80px;}
.esg_env_box .envSec02 > div > ul > li{font-size:20px; display:flex; margin-top:20px; color:#fff; align-items:center; font-weight:300;}
.esg_env_box .envSec02 > div > ul > li:before{content:''; display:block; width:5px; height:5px; border-radius:10px; background-color:#fff; margin-right:20px}
.esg_env_box .envSec02 > div > ul > li:first-child{margin-top:0;}

/* page03 - social */
	/* page03 tab */
	.socialTab{display:flex; max-width:1280px; margin:0 auto; margin-bottom:80px; padding:0 40px}
	.socialTab li{padding-left:5px; }
	.socialTab li > a{min-width:200px; display:flex; align-items:center; justify-content:center; border-radius:50px; background-color:#eee; height:60px; line-height:60px; transition:all 0.3s ease; font-size:17px; font-weight:500;}
	.socialTab li > a.active{background-color:var(--blue); color:#fff;  text-decoration: underline;}
	.socialTab li > a:hover{background-color:var(--blue); color:#fff;}
	/* page03 content */
	.social_box{max-width:1280px; margin:0 auto; padding:0 40px;}
	.social_box > div h2{font-size:34px; margin-bottom:40px}
	.social_box > div p{font-size:20px; color:#1e2f46; font-weight:400; line-height:1.7;}

	/* tab01 only */
	.social_box > div#tab01{display:flex; flex-wrap:wrap;}
	.social_box > div#tab01 article:first-child{width:calc(50%)}
	.social_box > div#tab01 article:last-child{width:calc(50% - 90px); text-align:right; margin-left:90px}
	.social_box > div#tab01 article:last-child img{max-width:100%;}
	.social_box > div#tab02 article{margin-bottom:80px}

/* page04 - governance */
.gov_wrapper{padding:0 40px}
.gov_box{max-width:1280px; margin:0 auto; flex-wrap:wrap; border:2px solid #dadada; padding:20px 0; display:flex; justify-content:center; }
.gov_box > article{display:flex; width:calc(100% / 4); justify-content:center; border-right:1px solid #dadada; padding:40px 0}
.gov_box > article:last-child{border-right:0;}
.gov_box > article div{text-align:center; padding:0 20px; }
.gov_box > article div:first-child{margin-bottom:20px; display:flex; flex-direction:column; align-items:center;}
.gov_box > article div:first-child:after{content:''; display:block; width:20px; height:2px; background-color:#dadada; margin-top:20px}
.gov_box > article div img{width:50px;}
.gov_box > article div h2{font-size:17px; margin-bottom:5px; word-break:keep-all;}
.gov_box > article div p{font-size:15px; color:#888; word-break:keep-all;}

/* �Ű��ϱ� ������ */
.declaration_wrap{max-width:1280px; padding:20px 40px; margin:0 auto}
.declaration_wrap h2{font-size:22px; border-bottom:2px solid #000; padding-bottom:20px; margin-bottom:20px;}
.declaration_wrap div.submit_btn_wrap{text-align:center; margin-top:50px}
.declaration_wrap div.submit_btn_wrap button{font-size:17px; background-color:#1f4191; color:#fff;width:150px; height:60px; line-height:60px; border-radius:5px; transition:0.2s}
.declaration_wrap div.submit_btn_wrap button:hover{background-color:#133178;}
.declaration_wrap > ul > li{display:flex; align-items:center; margin:20px 0 10px; border-bottom:1px solid #dadada; padding-bottom:20px;}
.declaration_wrap > ul > li > h3{ width:130px; font-size:17px; font-weight:500; }
.declaration_wrap > ul > li > div {width:calc(100% - 130px);}
.declaration_wrap > ul > li > div > input{width:100%; border:1px solid #9e9e9e;height:50px; line-height:50px; padding:0 20px; font-size:17px; font-weight:400}
.declaration_wrap > ul > li > div > input:focus{outline:none}
.declaration_wrap > ul > li > div > div.file_attach{display:flex; margin-bottom:10px;}
.declaration_wrap > ul > li > div > div.file_attach > div{ display:flex; margin-left:15px; align-items:center;}
.declaration_wrap > ul > li > div > div.file_attach > div > input{transition:0.2s; width:35px; height:35px; border:1px solid #dadada; background-color:#fff;  border-radius:50px; font-size:20px; font-weight:300; margin-right:5px;}
.declaration_wrap > ul > li > div > div.file_attach > div > input:hover{background-color:#edeef2;}
.declaration_wrap > ul > li > div > div > input[type="file"]{max-width:500px; padding:0; font-size:15px;}
.declaration_wrap > ul > li > div > div > input[type="file"]::file-selector-button {margin-right:15px; width:150px; padding-top:3px; color:#fff; font-size:15px; height: 100%; background: #6c6c6c; border: 1px solid rgb(77,77,77); cursor: pointer; transition:0.2s}
.declaration_wrap > ul > li > div > div > input[type="file"]::file-selector-button:hover {background-color:#585858}
.declaration_wrap > ul > li > div > textarea{width:100%; border:1px solid #9e9e9e;height:300px; padding:20px 20px; font-size:17px; font-weight:400}
.declaration_wrap > ul > li > div div.cat_list{font-size:17px; max-width:500px; position:relative;}
.declaration_wrap > ul > li > div div.cat_list > p{border:1px solid #9e9e9e;  padding:0 20px; height:50px;  cursor:pointer; line-height:50px; background:url('/assets/img/esg/arrow-bottom.svg') no-repeat 97% center; background-size:20px;}
.declaration_wrap > ul > li > div > div.cat_list ul { font-size:19px; display:none; padding:10px 0; width:100%;border:1px solid #9e9e9e; position:absolute;; background-color:#f5f6f7; top:100%; left:0; border-width:0 1px 1px;}
.declaration_wrap > ul > li > div > div.cat_list ul.on{display:block}
.declaration_wrap > ul > li > div > div.cat_list ul > li{font-size:17px; cursor:pointer; padding:7px 20px; transition:0.2s}
.declaration_wrap > ul > li > div > div.cat_list ul > li:hover{background-color:#dadada;}

/* ���������������� */
.declaration_wrap > .agreement_info{margin:70px 0;; border-bottom:1px solid #000;; padding-bottom:70px;}
.declaration_wrap > .agreement_info h4{font-size:18px; color:#222; margin-bottom:20px}
.declaration_wrap > .agreement_info > div.inner{border:1px solid #9e9e9e; padding:40px 50px; font-size:17px; margin-bottom:25px}
.declaration_wrap > .agreement_info > div.agreeChk input[type="radio"]{display:none;}
.declaration_wrap > .agreement_info > div.agreeChk label{margin-right:25px; font-size:15px; color:#838c97; padding-left:30px; position:relative; cursor:pointer;}
.declaration_wrap > .agreement_info > div.agreeChk label:focus{outline:none; border:0}
.declaration_wrap > .agreement_info > div.agreeChk label:before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; transition:0.28s ease; border-radius:50%; border:1px solid #d5d5d5; box-sizing:border-box;}
.declaration_wrap > .agreement_info > div.agreeChk label:after{content:''; display:none; position:absolute; left:0; top:0; width:20px; height:20px;background-color:#099de8; transform:scale(0.45); border-radius:50%; box-sizing:border-box;}
.declaration_wrap > .agreement_info > div.agreeChk input:checked + label{color:#000}
.declaration_wrap > .agreement_info > div.agreeChk input:checked + label:after{display:block}
@media(max-width:1200px){
	/* page02 - environmental */
	.esg_env_box .envSec01 h2{font-size:30px;}
	.esg_env_box .envSec01 p{font-size:17px;}
	.esg_env_box .envSec01 p > br{display:none;}
	.esg_env_box .envSec02{padding: 0 40px;}
	.esg_env_box .envSec02 > div h3{font-size:30px;}
	.esg_env_box .envSec02 > div p{margin-top:10px}
	.esg_env_box .envSec02 > div > ul{margin-top:50px;}
	.esg_env_box .envSec02 > div > ul > li{font-size:19px;}

	/* page03 */
		/* page03 ����*/
		.social_box > div h2{font-size:30px; margin-bottom:20px}
		/* tab02 */
		.social_box > div#tab02 article{margin-bottom:60px;}
	
	/* page04 */
	.gov_box{padding:40px }
	.gov_box > article{padding: 10px 0; width:calc(100% / 2); border-bottom:1px solid #dadada;}
	.gov_box > article:nth-child(2n){border-right:0;}
	.gov_box > article:nth-child(1),
	.gov_box > article:nth-child(2){padding-bottom:40px}
	.gov_box > article:nth-child(3),
	.gov_box > article:nth-child(4){border-bottom:0; padding-top:40px}
	.gov_box > article div p > br{display:none;}
	
}
@media(max-width:1023px){
	/* ���� */
	section.section-esg{padding-top:100px; padding-bottom:80px;}
	section.section-esg .section-content h2.headline{font-size:26px; line-height:38px}
	/* �Ǹ޴� ���� */
	.esgTab_menu li a{font-size:19px; padding:15px 0 20px}

	/* page01 - ���� */
	.esg-content{padding:0  }
	.esg_outline_box{padding:0 20px;}
	.esg_outline_box .title_wrap{width:100%;}
	.esg_outline_box .title_wrap h2.secTitle{ border-top:0; font-size:22px; padding-top:20px;}
	.esg_outline_box .title_wrap h2.secTitle:after{display:none;}
	.esg_outline_box .body_wrap{width:100%;}
	.esg_outline_box .body_wrap > p{font-size:18px; margin-top:10px; line-height:1.5;}

	/* page02 - environmental */
	.esg_env_box .envSec01{padding:40px 20px}
	.esg_env_box .envSec01 h2{font-size:22px; margin-bottom:30px;}
	.esg_env_box .envSec01 h2:after{margin-top:30px}
	.esg_env_box .envSec02{margin-top:50px; min-height:80vh}
	.esg_env_box .envSec02 > div h3{font-size:26px;}
	.esg_env_box .envSec02 > div > ul{margin-top:40px}
	.esg_env_box .envSec02 > div > ul > li{font-size:15px;}

	/* page03 */
		/* page03 ����*/
		.socialTab{margin-top:40px; margin-bottom:30px;}
		.socialTab li > a{min-width:150px; height:50px; font-size:15px;}
		.social_box > div h2{font-size:22px;}
		.social_box > div p{font-size:17px}
		/* tab01 */
		.social_box > div#tab01 article:last-child{margin-left:30px; width:calc(50% - 30px)}
		/* tab02 */
		.social_box > div#tab02 article{margin-bottom:60px;}

	/* page04 */
	.gov_wrapper{margin-top:40px; padding:0 20px}

}
@media(max-width:767px){
	/* tab content */
	/* �� ���� */
	.esgTab_menu li{margin-left:15px;}
	.esgTab_menu li a{font-size:15px; padding:15px 0;}

	/* �� - ���� */
	.esg_outline_box .title_wrap h2.secTitle{font-size:20px}
	.esg_outline_box .body_wrap > p{font-size:15px;}

	/* page02 - environmental */
	.esg_env_box .envSec01 h2{font-size:20px;}
	.esg_env_box .envSec01 p{font-size:15px;}
	.esg_env_box .envSec02{padding:40px 20px; margin-top:10px}
	.esg_env_box .envSec02 > div h3{font-size:19px;  word-break:keep-all; }
	.esg_env_box .envSec02 > div p{font-size:14px;}
	.esg_env_box .envSec02 > div > ul{margin-top:20px;}

	/* page03 */
		/* page03 ����*/
		.social_box{padding:0 20px;}
		.social_box > div h2{font-size:20px;}
		.social_box > div p{font-size:15px;}
		.socialTab{padding: 0 20px}
		.socialTab li{flex:1}
		.socialTab li:first-child{padding-left:0}
		.socialTab li > a{min-width:auto; font-size:14px}

		/* tab01 */
		.social_box > div#tab01 article:first-child{width:100%; margin-bottom:20px}
		.social_box > div#tab01 article:last-child{margin-left:0; width:100%;}
		/* tab02 */
		.social_box > div#tab02 article{margin-bottom:60px;}
	
	/* page04 */
	.gov_box{padding:0 20px}
	.gov_box > article{width:100%; border-right:0;}
	.gov_box > article:nth-child(1){padding-bottom:20px; padding-top:20px}
	.gov_box > article:nth-child(2){padding-bottom:20px; padding-top:20px }
	.gov_box > article:nth-child(3){padding-top:20px;  padding-bottom:20px; border-bottom:1px solid #dadada;}
	.gov_box > article:nth-child(4){padding-top:20px;  padding-bottom:20px}
	.gov_box > article div{padding:0 10px}
	.gov_box > article div:first-child{margin-bottom:10px;}
	.gov_box > article div:first-child:after{margin-top:10px}
	.gov_box > article div img{width:35px}
	.gov_box > article div p{font-size:14px; }
	.gov_box > article div h2{font-size:16px;}

	/* �Ű��ϱ� ������ */
	.declaration_wrap{padding:20px; }
	.declaration_wrap h2{font-size:20px;margin-bottom:15px; padding-top:15px;}
	.declaration_wrap > ul > li{flex-direction:column;}
	.declaration_wrap > ul > li > h3{width:100%; margin-bottom:5px; font-size:15px;}
	.declaration_wrap > ul > li > div{width:100%;}
	.declaration_wrap > ul > li > div div.cat_list > p{font-size:15px; padding:0 15px; height:45px; line-height:45px;}
	.declaration_wrap > ul > li > div > div.cat_list ul > li{font-size:15px; padding:3px 15px}
	.declaration_wrap > ul > li > div > input{font-size:15px; padding:0 15px; height:45px; line-height:45px}
	.declaration_wrap > ul > li > div > textarea{height:200px}
	.declaration_wrap > ul > li > div > div.file_attach{flex-direction:column;}
	.declaration_wrap > ul > li > div > div.file_attach > div{margin-left:0; margin-top:15px;}
	.declaration_wrap > ul > li > div > input[type="file"]::file-selector-button{width:100px; font-size:13px; padding-top:0;}
	.declaration_wrap > .agreement_info{margin:40px 0; padding-bottom:30px}
	.declaration_wrap > .agreement_info h4{font-size:17px; word-break:keep-all}
	.declaration_wrap > .agreement_info > div.inner{padding:30px; font-size:13px; margin-bottom:15px;}
	.declaration_wrap > .agreement_info > div.agreeChk label{font-size:15px;}
	.declaration_wrap div.submit_btn_wrap button{margin-top:0; font-size:15px; height:50px; line-height:50px;}


}