@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------
 *  common - layout
 *--------------------------------------------------------------------------------------------------------------*/
#container .contents .s_lay_top {width:100%;height:272px;background-color:#fff;}
#container .contents .s_lay_middle {width:100%;background-color:#f8f8f8;padding-bottom:180px;}
#container .contents .s_lay_top .inner, #container .contents .s_lay_middle .inner {width:1080px;margin:0 auto;letter-spacing:-0.05em;}
#container .contents .s_lay_top .inner > .tit {font-size:50px;color:#ee3212;font-weight:bold;padding-top:96px;}
#container .contents .s_lay_top .inner > .exp {font-size:18px;color:#333;margin-top:-3px;}


/*--------------------------------------------------------------------------------------------------------------
 *  common
 *--------------------------------------------------------------------------------------------------------------*/

.new {display:inline-block;font-weight:bold;font-size:12px;color:#ee3212;vertical-align:top;padding-left:5px;} /* 제품 new */
.set_print {right:70px;top:30px;} .set_print img {padding-right:8px;}  /* 프린트 아이콘 */
.icon_file {display:inline-block;} .icon_file:hover {text-decoration:underline;} /* 파일 아이콘 */
.red {color:#ee3212;} 
.input {border:1px solid #c5c5c5;color:#000 !important;padding-left:16px;background:url(../img/membership/bg_input.png) repeat;line-height:normal;} /* 인풋박스 ie line-height -10px */
.input:focus {border:4px solid #c5c5c5;padding-left:12px;background:#fff;} /* 인풋 포커스 */
.button {background-color:#ee3212;color:#fff !important;transition: all 0.5s;text-align:center;} /* 버튼 */
.button:hover {background-color:#bc0000;} /* 버튼 오버 */
.button a {background-color:#ee3212;display:block;width:100%;height:100%;color:#fff !important;transition: all 0.5s;} /* 버튼2 */
.button a:hover {background-color:#bc0000;} /* 버튼2 오버 */
.select {text-align:left;border:1px solid #c5c5c5;color:#000 !important;padding-left:14px;vertical-align:middle;background:#fff url(../img/membership/bg_select.png) 100% 50% no-repeat;background-size:40px} /* 셀렉트박스 커스텀 */
.txt_read {width:100%;border:1px solid #999;padding:20px;color:#777 !important;} /* 텍스트읽기 */
.txt_input {width:100%;border:1px solid #999;padding:20px;color:#777 !important;background:url(../img/membership/bg_input.png) repeat;} /* 텍스트입력 */
.txt_input:focus {border:4px solid #c5c5c5;padding:17px;background:none;} /* 텍스트입력 포커스 */

.rec_tit_30{position:relative;font-size:24px;font-weight:bold;color:#222;} /* 상단 검은 바 나타나는 title */

/* 3뎁스타이틀 */
.tit_h3 {font-size:30px;color:#000;font-weight:bold;position:relative;padding-top:110px;z-index:0;} 
/* 3뎁스타이틀2 */
.tit_h3_st2 {font-size:30px;color:#000;font-weight:bold;position:relative;padding-top:35px;z-index:0;} 

/* 탭메뉴 */
.nav_tab {margin:15px 0;font-size:16px;font-weight:bold;}
.nav_tab li {float:left;width:155px;height:60px;line-height:60px;position:relative;margin-left:1px;background-color:#fff;}
.nav_tab li a {display:block;position:relative;width:100%;height:100%;border:1px solid #cdcdcd;color:#666;text-align:center;transition: all 0.2s;}
.nav_tab li.on a, .nav_tab li a:hover, .nav_tab li a:focus {color:#fff;background-color:#ee3212;border:1px solid #ee3212;}

/* 3_depth_fixed_menu */
.third_depth {width:100%;position:relative;z-index:10;}
.third_depth.fixed{position:fixed;top:0;z-index:999;}
.third_depth ul{background-color:#fff;width:100%;box-sizing:border-box;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.third_depth li{float:left;height:65px;line-height:65px;color:#8c8c8c;font-weight:bold;text-align:center;position:relative;}
.third_depth li:before {content:"";display:block;position:absolute;right:0;top:0;width:1px;height:100%;background-color:#cdcdcd;}
.third_depth li a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#333;box-sizing:border-box;border-bottom:1px solid #cdcdcd;transition: all 0.2s;}
.third_depth li a:hover, .third_depth li a:focus, .third_depth li.on a{border-bottom:6px solid red;color:#333;}
.third_depth ul:after {content:"";display:block;clear:both;}
/* .third_depth .btn_top{position:absolute;top:0;right:0;transition: all 0.2s;} */

/* 타이틀영역 모션들어간 배경 */
.set_title_bg {top:90px;left:50%;margin-left:10px;width:550px;height:222px;}
.set_title_bg .bg_motion {top:0px;left:0px;width:100%;height:100%;}
.set_title_bg .bg_object {top:0px;left:0px;width:100%;height:100%;}


/* 페이징 */
.paging {text-align:center;padding:50px 10px 35px 10px;font-size:13px;}
.paging li {float:left;width:33px;height:33px;line-height:34px;margin-left:-1px;border:1px solid #c7c7c7;background:#fff;}
.paging .cur {color:#fff;background-color:#ee3212;border:1px solid #ee3212;}
.paging li a {display:block;width:100%;height:100%;color:#aaa;}
.paging li a:hover {text-decoration:underline;}
.paging li.btn_left {font-family:"NanumGothic";margin-right:10px;}
.paging li.btn_right {font-family:"NanumGothic";margin-left:10px;}
.paging li.btn_front, .paging li.btn_last {font-family:"NanumGothic";letter-spacing:-0.3571428571428571em;}
.paging li.off a {color:#c7c7c7;}
.paging li.on a {color:#555;}
.paging li.btn_front a:hover, .paging li.btn_left a:hover, .paging li.btn_last a:hover, .paging li.btn_right a:hover {text-decoration:none;}


/* 상단 검색 */
.set_l_util {padding:50px 0 20px 0;}
.set_l_util .l_util li {float:left;height:50px;}
.set_l_util .input {width:222px;height:50px;/* line-height:40px; */  /* line-height: 50px\9; */ margin-left:5px;}
.set_l_util .select {width:145px;height:48px;line-height:48px;}
.set_l_util .button {width:120px;height:50px;}


/* list_style1 리스트스타일1 */
.list_st1 {width:100%;margin:0 auto;color:#666;background-color:#fff;border-bottom:1px solid #828282;font-size:13px;table-layout:fixed;}
.list_st1 thead {border-top:2px solid #ee3212;border-bottom:1px solid #c0c0c0;}
.list_st1 thead th {height:70px;font-weight:bold;position:relative;color:#000;}
.list_st1 thead th:after {content:"";display:block;position:absolute;left:0;top:23px;width:1px;height:14px;background-color:#c0c0c0;}
.list_st1 thead th:first-child:after {display:none;}
.list_st1 tbody td {height:67px;line-height:67px;border-top:1px solid #e8e8e8;text-align:center;}
.list_st1 tbody tr:first-child td {border-top:0;}
.list_st1 tbody td.type {text-align:left;padding-left:4.8%;}
.list_st1 tbody td.tit {text-align:left;padding-left:3%;color:#000;}
.list_st1 tbody td.tit a:hover {text-decoration:underline;}
.list_st1 tbody .notice td {background-color:#f7f7f7;}
.list_st1 tbody .notice td:first-child {color:#ee3212;font-weight:bold;}
.list_st1 tbody .notice .tit {color:#000;font-weight:bold;}


/* list_style2 제품소개부분 */
.list_st2 {width:100%;text-align:center;box-sizing:border-box;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8;z-index:0;}
.list_st2 li {box-sizing:border-box;width:33.33333333333333%;height:386px;float:left;background-color:#fff;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;position:relative;}
.list_st2 li a {display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid #fff;}
.list_st2 li:hover a {border:2px solid #ee3212;}
.list_st2 .vis {text-align:center;width:310px;height:310px;line-height:310px;text-align:center;margin:0 auto;}
.list_st2 .vis img {width:250px;height:250px;}
.list_st2 .best .vis {width:100%;height:100%;}
.list_st2 .best .vis img {width:718px;height:380px;}
.list_st2 .tit {font-size:20px;color:#222;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.list_st2 .kind {font-size:13px;color:#888;padding-top:5px;padding-bottom:20px;}


/* list_style3 홍보센터부분 */
.list_st3 {width:100%;text-align:center;box-sizing:border-box;z-index:0;padding-top:60px;}
.list_st3 li {box-sizing:border-box;width:33.33333333333333%;float:left;background-color:#fff;border:1px solid #c8c8c8;position:relative;margin:-1px 0 0 -1px;}
.list_st3 li .vis {text-align:center;}
.list_st3 li .tit {font-size:18px;font-weight:bold;color:#222;margin-top:3px;}
.list_st3 li .exp {font-size:13px;color:#666;/* padding-top:10px; */}
.list_st3 li .btn_thum {position:absolute;top:0px;left:-1px;width:360px;z-index:10;display:none;}
.list_st3 li .btn_thum .btn {position:absolute;top:50%;left:50%;margin:-74px 0 0 -74px;}
.list_st3 li:hover .btn_thum {display:block;}
/*.list_st3 li.first {border:0;text-align:left;background-color:#f8f8f8;}
.list_st3 li.first .tit {font-size:40px;color:#ee3212;font-weight:normal;margin-top:-12px;}
.list_st3 li.first .icon {margin-top:45px;}
.list_st3 li.first .cnt {margin-top:45px;font-size:18px;color:#222;font-weight:bold;}
.list_st3 li.first .set_cnt {width:330px;margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;font-size:13px;color:#666;line-height:1.8;}
.list_st3 li.first .set_cnt > p > span {padding-left:15px;}*/



/* list_style4 리스트스타일2 */
.list_st4 {width:100%;margin:0 auto;color:#555;background-color:#fff;border-top:2px solid #000;border-bottom:1px solid #000;table-layout:fixed;}
.list_st4 tbody td {height:67px;line-height:67px;border-top:1px solid #e8e8e8;color:#666;}
.list_st4 tbody tr:first-child td {border-top:0;}
.list_st4 tbody td.tit {text-align:center;font-weight:bold;color:#000;}
.list_st4 tbody td dl {line-height:1.5;padding:30px;}
.list_st4 tbody td dt {font-size:18px;font-weight:bold;color:#333;padding-bottom:10px;}
.list_st4 tbody td dd {font-size:13px;color:#666;padding-left:3px;}


/* view_style1 뷰스타일1 */
.view_st1 {width:100%;border-top:2px solid #ee3212;font-size:13px;background-color:#fff;}
.view_st1 .list li {float:left;height:70px;line-height:70px;position:relative;font-weight:bold;color:#000;text-align:center;box-sizing:border-box;}
.view_st1 .list li:after {content:"";display:block;position:absolute;left:0;top:28px;width:1px;height:14px;background-color:#c0c0c0;}
.view_st1 .list li:first-child:after {display:none;}
.view_st1 .list li.type {width:10%;color:#000;}
.view_st1 .list li.tit {width:64%;padding-left:3%;text-align:left;}
.view_st1 .list li.tit a {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.view_st1 .list li.tit a:hover {text-decoration:underline;}
.view_st1 .list li.date {width:13%;}
.view_st1 .list li.cnt {width:13%;}
.view_st1 dd strong {font-weight:bold;}
.view_st1 dd {min-height:410px;padding:60px 80px;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;overflow:hidden;}
.view_st1 dd .set_files {width:86%;bottom:0;left:80px;padding:30px 0 30px 0;border-top:1px solid #e8e8e8;}
.view_st1 dd .set_files li {margin-bottom:10px;}
.view_st1 dd .set_files li .icon_file img {padding-right:10px;}
.view_st1 .set_next_list {border-bottom:1px solid #828282;}
.view_st1 .set_next_list .list {border-top:1px solid #e8e8e8;}
.view_st1 .set_next_list .list li {color:#888;}
.view_st1 .set_next_list .list li.type {width:10%;color:#000;}
.view_st1 .set_next_list li:first-child .list {border:0;}
.view_st1 .btn_back {margin-top:16px;width:150px;height:60px;line-height:60px;right:0;text-align:center;}


/* 팝업상단 */
.c_popup .set_title {height:69px;line-height:69px;background-color:#e43011;margin:0 auto;}
.c_popup .set_title #p_tit {font-size:18px;color:#fff;padding-left:35px;}
.c_popup .set_title .set_btn {top:0;right:0;}
.c_popup .set_title .set_btn li {float:left;width:86px;text-align:center;border-left:1px solid #ed7864;}
.c_popup .set_title .set_btn li a {display:block;width:100%;height:100%;}

/* esg */
#container .contents.esg .s_lay_top.bg {background:url('../img/company/esg/bg_esg.jpg') no-repeat center 0; }
#container #esgEnvironment .s_lay_top.bg {background:url('../img/company/esg/bg_environ.jpg') no-repeat center 0;}
#container #esgSocial .s_lay_top.bg {background:url('../img/company/esg/bg_social.jpg') no-repeat center 0;}
#container #esgGovernance .s_lay_top.bg {background:url('../img/company/esg/bg_governance.jpg') no-repeat center 0;}
#container .contents.esg .s_lay_top .inner > .tit {font-family: sans-serif; color:#FFF; text-align:center;	font-size:40px;	font-weight:800; line-height:46px;}
#container .contents.esg .s_lay_top .inner > .tit.type2 {text-align:left; padding-left:20px; padding-top:180px; font-size:44px;letter-spacing: 1px;}
#container .contents.esg .s_lay_top .inner > .exp {margin-top:13px; color:#FFF;text-align:center; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.47);	font-size:20px;	font-weight:400;line-height: 30px;}
#container .contents.esg .s_lay_middle {background:#fff;}

.message_wrap {padding:0 84px; color:#000;}
.message_wrap .message_tit {font-weight:bold;font-size:36px; margin-bottom:50px; color:#333; letter-spacing:-2px; line-height:1.4; text-align:center;}
.message_wrap .message_tit .emp {position:relative;}
.message_wrap .message_tit .emp:before,
.message_wrap .message_tit .emp:after {display:block; content:''; position:absolute; top:-20px; left:12px; width:8px; height:8px; border-radius:50%; background:#ee3212}
.message_wrap .message_tit .emp:after {left:44px;}
.message_wrap p {font-size:20px; line-height:34px; letter-spacing:-1px;	margin-bottom:45px; color:#000;text-align: justify;}
.message_wrap p strong {font-weight:bold;}
.message_wrap .message_name {text-align:right;}
.message_wrap .message_name span {font-weight:bold;	font-size:20px; letter-spacing:-1.5px;}
.message_wrap .message_name span strong {font-size:33px; letter-spacing:14px;	font-weight:bold;	padding-left:10px;}
.message_wrap .message_name img {vertical-align:middle;	position:relative; top:-11px; margin-left:10px;}

.contents.esg h3 {position:relative; padding:0 0 8px 20px; margin-top:160px; font-size:26px; font-weight:bold; letter-spacing:-.7px; color:#231f20; border-bottom:1px solid #231f20}
.contents.esg h3:before {position:absolute; top:0; left:0; width:14px; height:34px; content:''; background:#e63c2e;}
.esg_table {position:relative; border-bottom:2px solid #333;}
.esg_table table {border-top:2px solid #333;width: 100%;	border-collapse: collapse;	word-break: break-all;}
.esg_table table thead {border-top: 2px solid #7d7d7d;}
.esg_table table thead th {height: 50px; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 700; }
.esg_table table tbody td {padding:10px 15px; color: #787878; font-size: 15px;height: 45px;border-bottom: 1px solid #ccc;}
.esg_table table tbody th {padding:10px 15px; height: 50px; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 700; text-align:left;}
.esg_table table thead th span {border-radius: 10px; padding:5px 10px;color: #fff;display: inline-block;margin-right: 3px;}
.esg_table table tbody tr td span {border-radius: 10px; padding:5px 10px;min-width: 20px; display: inline-block;}
.esg_table table tbody .txt_center {text-align:center;}
.esg_table table tbody .txt_right {text-align:right; padding:10px 30px 10px 0;}
.esg .btn_download {display:inline-flex; width:160px; height:40px; padding:0 40px; border-radius:50px; line-height:40px; background:#e8e8e8; color:#222; font-size:14px; text-align:center; transition: background 0.15s; box-sizing:border-box; align-items:center; justify-content:center; gap:10px; }
.esg .btn_download:hover {background:#d8d8d8;}
.esg .btn_download svg {flex-shrink: 0;}
.esg .btn_view {display:inline-flex; width:220px; height:40px; padding:0; line-height:40px; background:#fff; border:1px solid #222; color:#222; font-size:14px; box-sizing: border-box;align-items:center; justify-content:center; gap:10px;}
.esg .btn_view svg {flex-shrink: 0;}

.esg_wrap {position:relative; width:1080px;	height:100%; margin:0 auto;}
.esg_nav {width:190px; position:absolute; top:0; height: calc(100vh - 120px); overflow-y: auto; background:#fff;}
.esg_nav.fixed {position:fixed; top:120px; left: 50%; margin-left: -540px; height: calc(100vh - 120px); overflow-y: auto; z-index: 1000;}
.esg .nav_tit {font-family: sans-serif; font-size:24px; line-height:1.4; color:#ef4023; font-weight: 700; padding:8px 0 8px 25px; border-bottom: 1px solid #4d4d4f;}
.esg .sub_tit {height:32px; padding-left:25px; margin-bottom:15px; background:#f3f1ed; border-bottom: 1px solid #4d4d4f; line-height:32px; font-weight:bold;}
.esg .sub_tit.border {margin: 15px 0; border-top: 1px solid #4d4d4f;}
.esg .nav {font-size:17px; border-bottom: 1px solid #4d4d4f;	padding: 20px 0;}
.esg .nav ul {padding-left:25px;}
.esg .nav ul li {line-height:1.8;}
.esg .nav ul li.active {line-height: 1.8;	color: #ef4023; font-weight:bold;}
.esg_wrap .cont {margin-top:20px;}
.esg_wrap .cont .mgt70 {margin-top:70px;}
.esg_wrap .cont .con_tit {overflow:hidden; position:relative; padding:8px 0 8px 20px; font-size:24px; line-height:1.4; font-weight:bold; letter-spacing:-.7px; color:#231f20; border-bottom:1px solid #231f20}
.esg_wrap .cont .con_tit:before {position:absolute; top:8px; left:0; width:14px; height:34px; content:''; background:#e63c2e;}
.esg_wrap .cont .con_tit span {font-size:16px;color:#787878;	text-align:right;	float:right; font-weight:400;	line-height: 34px;letter-spacing: -1px;}
.esg_wrap .cont .policy_box {background:#ececec; border-radius:16px; padding:20px 30px; margin-top:20px;}
.esg_wrap .cont p {margin-top:10px; font-size: 18px; line-height:1.4; color: #787878;	white-space: pre-line; text-align:justify; word-break:break-word; } 
.esg_wrap .cont .ref_txt {float:right; padding-right:10px; margin-top:5px; font-size:14px; text-align:right;font-weight: normal; }
.esg_wrap .cont .ref_txt .num {font-family: '맑은고딕',"돋움","Arial",sans-serif;}
.esg_wrap .cont dl {margin-top:40px; }
.esg_wrap .cont dt {overflow:hidden; font-weight:bold; font-size:20px; }
.esg_wrap .cont dd {margin-top:8px; font-size:17px; color: #787878; letter-spacing:-0.8px; text-align: justify; word-break:break-word; }
.esg_wrap .cont .img_box img {vertical-align:top;}
.esg_wrap .cont .img_box.border {margin-top:20px; border:2px solid #cdcdcd; box-shadow: 0 4px 8px rgba(0,0,0,0.1); box-sizing:border-box;}
.esg_wrap .cont .img_box.border img {width:100%;}
.esg_wrap .cont .img_box.sizing img {height:100%;}
.esg_wrap .download_box {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end;}
.cert_list {display:flex; flex-wrap:wrap; gap:0 50px; padding:30px; justify-content: space-between;}
.cert_list li {display:flex; width:calc((100% / 3) - 50px); margin-bottom:30px; padding:15px 0; flex-direction:column;border:1px solid #cfcfcf; background:#f9f9f9; text-align:center;}
.cert_list li .img_cert {width:calc(100% - 100px); margin:0 auto; padding: 0 20px 20px; border-bottom:1px solid #909090;}
.cert_list li .img_cert img {border:1px solid #5a5a5a; box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.cert_list li p {font-size:16px;color:#000;	line-height: 1.4;	font-weight: bold;	padding-top: 20px;}
.esg_wrap .dot_list li {position:relative; font-size:16px;color: #000;line-height: 1.4;padding-left: 20px;margin-top: 4px;}
.esg_wrap .dot_list li:before {position:absolute; display:block; top:10px; left:0; width:2px; height:2px; background:#000; border-radius:50%; content:''}
.esg_wrap .dot_list.bg {padding:15px 20px; background:#f3f1ed; border-radius:16px;}
.esg_wrap .dot_list.bg li {letter-spacing:-1px;}
.esg_wrap .dot_list.bg li strong {font-weight:bold;}
.esg_wrap .flex_box {display:flex; flex-wrap:wrap; justify-content: space-between;}
.dec_box {padding:40px 80px; border:1px solid #afabab; background:#f3f1ed}
.dec_box .dec_tit {font-size:24px !important;	font-weight: bold; text-align: center !important; color:#666 !important;}
.dec_box ul li {margin-top:20px; font-weight:bold; font-size:17px; line-height:1.4;}
.esg_wrap .cont .dec_box dd {font-size:17px;letter-spacing: -1px;}
.num_total {display:flex; justify-content:flex-end;}
.num_total.col2 {justify-content: space-between;}
.num_total dl {display:flex; margin-top:10px !important; align-items:baseline;}
.num_total.col2 dl {position:relative; padding:0 0 0 30px; box-sizing:border-box; justify-content: space-between;}
.num_total.col2 dl:first-child {padding:0 30px 0 0;}
.num_total.col2 dl:first-child:after {display:block; content:''; position:absolute; top:0; bottom:0; right:0; width:1px; background:#ccc;}
.num_total dt {padding-right:20px; font-size:17px !important; color:#414141; font-weight:bold;}
.num_total dd {margin-top:0 !important; font-size:17px; font-weight:bold; color:#666 !important;;}
.num_total dd strong {padding-right:5px; font-size:48px; color:#159b18; font-weight:bold;}

.esg_system {background:#f3f3f4; width:100%; display:flex; flex-direction:column; align-items:center; gap:0; padding:30px; margin-top:50px;}
.esg_system .title-box {width:80%; background:#f36b42; border-radius:50px; padding:18px 52px; text-align:center; width:fit-content; box-sizing:border-box; position:relative; z-index:1;}
.esg_system .title-box h4 {font-size:22px; font-weight:700; color:#fff; letter-spacing:-0.2px; line-height:1.3;}
.esg_system .title-box p {font-size:13px; font-weight:400; color:#fff; margin-top:4px; letter-spacing:0.3px;}
.esg_system .connector {width:100%; max-width:596px; height:21px; position:relative;}
.esg_system .connector::before {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:20px; background:#b3b4b7;}
.esg_system .connector::after {content: ''; position:absolute; top:20px; left:0; width:100%; height:1px; background:#b3b4b7;}
.esg_system .connector-branches {width:100%; max-width:740px; height:20px; position:relative;}
.esg_system .connector-branches::before,
.esg_system .connector-branches::after {content:''; position:absolute; top:0; width:1px; height:20px; background:#b3b4b7;}
.esg_system .connector-branches::before {left:72px;}
.esg_system .connector-branches::after {right:72px;}
.esg_system .connector-branches .mid {position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:20px; background:#b3b4b7;}

#introduceEsg .inner h3 + p {margin-top:10px; font-size: 18px; line-height:1.4; color: #787878;	white-space: pre-line; text-align:justify; word-break:break-word; } 
.esg_system .cards {display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; width:100%; max-width:860px;}
.esg_system .card {background:#fff; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.08); display:flex; flex-direction:column;}
.esg_system .card-top {background:#fff; padding:28px 20px 24px; display:flex; flex-direction:column; align-items:center; gap:12px; flex:1;}
.esg_system .card-img {width:80%;}
.esg_system .card-title {font-size:18px; font-weight:700; letter-spacing:-0.2px;}
.esg_system .card.env .card-title {color:#087c61; }
.esg_system .card.soc .card-title {color:#2e5bab; }
.esg_system .card.gov .card-title {color:#583685; }
.esg_system .card-bottom {padding:24px 20px 28px; display:flex; flex-direction:column; align-items:center; gap:12px;}
.esg_system .card.env .card-bottom { background: #007a5e; }
.esg_system .card.soc .card-bottom { background: #416ab3; }
.esg_system .card.gov .card-bottom { background: #674890; }
.esg_system .tag {border:1px solid rgba(255,255,255,0.7); border-radius:50px; padding:6px 22px; font-size:14px; font-weight:700; color:#fff; white-space:nowrap;}
.esg_system .items {display:flex; flex-direction:column; align-items:center; gap:6px;}
.esg_system .items span {font-size:13px; font-weight:400; color:rgba(255,255,255,0.92); line-height:1.5;}

#introduceEsg .card-report {margin-top:30px; background:url('/static/cw/asset/img/company/esg/bg_susreport.jpg') no-repeat; overflow:hidden; display:grid; grid-template-columns:42% 1fr; min-height:340px; position:relative;}
#introduceEsg .card-cover {position:relative; display:flex; align-items:flex-end; justify-content:flex-start; padding:28px 15px 30px 52px; overflow:hidden;}
#introduceEsg .card-content {padding:32px 50px 32px 20px; display:flex; flex-direction:column; gap:16px;}
#introduceEsg .card-content h4 {font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.5px; line-height:1.3;}
#introduceEsg .card-content p {font-size:14px; line-height:1.85; color:#fff; word-break:keep-all; flex:1; white-space:pre-line; text-align:justify; word-break:break-word;}
#introduceEsg .btn-group {display:flex; gap:12px; flex-wrap:wrap; margin-top:4px;}
#introduceEsg .btn-dl {display:inline-flex; align-items:center; gap:8px; color:#fff; background:transparent; border: 1.5px solid rgba(255,255,255,0.8); padding:10px 18px; font-size:13px; font-weight:600; cursor:pointer; text-decoration:none; white-space:nowrap; transition:background 0.15s, border-color 0.15s; flex:1; justify-content:space-between;}
#introduceEsg .btn-dl:hover {background:rgba(255,255,255,0.12); border-color: #fff;}
#introduceEsg .btn-dl svg {flex-shrink:0;}
 
.esg-chart {max-width:920px; margin:40px auto 0;}
.esg-chart .ceo-wrap {display:flex; justify-content:center;}
.esg-chart .ceo-box {background:#538234; color:#fff; font-size:20px; font-weight:700; padding:13px 72px; letter-spacing:2px;}
.esg-chart .tree-connector {position:relative; height:56px; margin:0 auto; width:62%;}
.esg-chart .tree-connector::before {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:28px; background:#cfcfcf;}
.esg-chart .tree-connector::after {content:''; position:absolute; top:28px; left:0; right:0; height:1px; background:#cfcfcf;}
.esg-chart .tree-connector .down-left,
.esg-chart .tree-connector .down-right {position:absolute; top:28px; width:1px; height:28px; background:#cfcfcf;}
.esg-chart .tree-connector .down-left  {left:0;}
.esg-chart .tree-connector .down-right {right:0;}
.esg-chart .card-row {display:flex; justify-content:center; gap:40px; align-items:stretch;}
.esg-chart .card {flex:1; max-width:420px; overflow:hidden; display:flex; flex-direction:column;}
.esg-chart .card-header {flex-shrink:0; background:#538234; color:#fff; text-align:center; font-size:16px; font-weight:700; padding:10px 0; letter-spacing:2px;}
.esg-chart .card-body {flex:1; padding:14px 18px 18px; border-width:0 2px 2px 2px; border-style:solid; border-color:#d9d9d9; }
.esg-chart .team-badge {background:#e0e0e0; border-radius:20px; text-align:center; font-size:13px; font-weight:600; color:#333; padding:5px 0; margin:0 0 8px;}
.esg-chart .card-subtitle {font-size:13px; font-weight:700; color:#111; padding:6px 0 10px; line-height:1.55; border-bottom:none;}
.esg-chart .section {margin-top:10px;}
.esg-chart .section-title {font-size:13px; font-weight:700; color:#111; margin-bottom:3px;}
.esg-chart .section ul {list-style:none; padding-left:4px;}
.esg-chart .section ul li {font-size:12px; color:#333; line-height:1.75; padding-left:12px; position:relative;}
.esg-chart .section ul li::before {content:'-'; position:absolute; left:0;}
.esg-chart .section + .section {margin-top:12px;}

.section-row {display:flex; align-items:flex-start; gap:70px; margin-bottom:40px;}
.label-col {width:150px; flex-shrink:0;}
.label-col .label-bar {width:150px; height:3px; background:#b59a6a; margin-bottom:10px;}
.label-col .label-text {font-size:18px; font-weight:600; color:#333; white-space:nowrap;}
.content-col {flex:1;}
.mission-box {background:#4a4a4a; color:#fff; font-size:20px; font-weight:700; padding:22px 32px; border-radius:2px; line-height:1.4;}
.focus-grid {display:flex; gap:15px; align-items:flex-start;}
.focus-col {flex:1; }
.focus-col-header {background:#edeae3; text-align:center; font-size:18px; font-weight:700; color:#222; padding:14px 0; }
.focus-col-body {padding:18px 20px 24px;}
.focus-col-body ul {list-style:none; padding:0;}
.focus-col-body ul li {font-size:17px; color:#333; line-height:1.6; padding:5px 0 5px 14px; position:relative;}
.focus-col-body ul li::before {content:'•'; position:absolute; left:0; color:#555;}

.gov-table {width:100%; border-collapse:collapse; font-size:14px;}
.gov-table thead th {background:#eae7e0; color:#222; font-weight:600; padding:10px 8px; text-align:center; border-bottom: 1px solid #ccbda6; border-left: 1px solid #fff;}
.gov-table td {border-bottom:1px solid #d0d0d0; padding:8px; vertical-align:middle; text-align:center; line-height:1.4; font-size:12px; color:#000;}
.gov-table td.num {font-family:'맑은고딕', "돋움", "Arial", sans-serif;}
.gov-table .col-category {font-weight:700; color:#222; font-size:14px;}
.gov-table .col-name,
.gov-table .col-note {font-weight:700; font-size:14px; color:#000;}
.gov-table .col-name .role {font-weight:400; font-size:13px; color:#555; display:block;}
.gov-table .col-career {text-align:left;}
.gov-table .col-career ul {list-style:none; padding:0; margin:0;}
.gov-table .col-career ul li {padding-left:16px; position:relative; font-size:13.5px; color:#333;}
.gov-table .col-career ul li::before {content:'•'; position:absolute; left:0; color:#555;}
.gov-table .col-date {font-size:14px; color:#333; white-space:nowrap;}
.gov-table .td-agenda {text-align:left; padding-left:8px;}
.gov-table .th-vote-wrap {padding:0;}
.gov-table .th-vote-top {display:block; padding:6px 8px 4px; border-bottom:1px solid #d0d0d0; font-weight:600;}
.gov-table .th-vote-bot {display:block; padding:4px 8px 6px; font-weight:600;}
.gov-table .td-agenda-main { font-weight: 700; white-space: nowrap; }
.gov-table .td-agenda-sub { font-size: 12px; font-weight: 700;white-space: nowrap; }
.gov-table .td-type { font-size: 12px; }
.gov-table .td-desc { text-align: center; }
.gov-table .td-num { white-space: nowrap; }
.gov-table .td-vote-wrap { padding: 0; }
.gov-table .td-vote-top {display:block; padding: 5px 8px 4px; border-bottom: 1px solid #d0d0d0; white-space: nowrap;}
.gov-table .td-vote-bot {display:block; padding: 4px 8px 5px; white-space: nowrap; color: #555;}
.esg_wrap .cont p.footnote {margin-top:8px; font-size:11px; color:#555;}