@charset "UTF-8"; 

img {image-rendering:-webkit-optimize-contrast; transform:translateZ(0); backface-visibility:hidden}
.only_pc {display:block!important}
.only_tab {display:none!important}
.only_mo {display:none!important}
img.only_pc {max-width:100%; margin:0 auto}
img.only_mo {width:100%; max-width:100%; margin:0 auto}
img.m327 {width:100%; max-width:327px!important}
img.m383 {width:100%; max-width:383px!important}
img.m350 {width:100%; max-width:350px!important}
.only_pc > img {display:block; max-width:100%; margin:0 auto}
.only_mo > img {display:block; width:100%; max-width:100%; margin:0 auto}
.company .mg0 {margin:0!important}
.company .mt12 {margin-top:12px!important}
.company .mgt {margin-top:24px!important}
.company .mgtL {margin-top:30px!important}
.company .mt60 {margin-top:60px!important}
.company .mt40 {margin-top:40px!important}
.company .mt30 {margin-top:30px!important}
.company .mt20 {margin-top:20px!important}
.company .mt0 {margin-top:0!important}
.company .mb32 {margin-bottom:32px!important}
.company a.pink {color:#da0f47; text-decoration:underline}
.company .com-title + .com-text::before {content:''; display:block; position:absolute; top:0; width:calc(100% - 80px); height:1px; background-color:#dddddd}
.company #com-tabs02 + .com-text::before {content:''; display:block; position:absolute; top:0; width:calc(100% - 80px); height:1px; background-color:#dddddd}
.company .com-text.noLine::before {display:none}
.company .com-text.noLine_p::before {display:none}
.company .com-text.pt60 {padding-top:0}
.company .com-text.pt0 {padding-top:0}
.company .com-text.pb0 {padding-bottom:0}
.company .com-tabs .tabs-over > li.ls > a {letter-spacing:-0.5px}
.company .text > a {text-decoration:underline}
.company .btn_fileDown {text-decoration:none}
.company .btn-link::after {top:auto; bottom:6px}

/* 2depth fixed */
#com-tabs02 + .tabs-wrap {margin-bottom:-48px}
.com-tabs + .com-text {margin-top:48px}
.com-tabs .tabs-wrap.bar-type {margin-top:48px}
.tabs-wrap.act {position:fixed; left:0; top:72px; width:100%; background:#fff; z-index:80}
.tabs-wrap.act::after {content:''; display:block; position:absolute; top:0; height:48px; left:-730px; right:-730px; background-color:#fff; z-index:-1}
@media screen and (min-width:1461px) {
    .tabs-wrap.act {left:50%; margin-left:-730px}
}
@media screen and (max-width:768px) {
    .tabs-wrap.act {top:66px}
    .com-tabs .tabs-wrap.bar-type {margin-top:64px}
}
/* 차트 */
.chart_area.bar rect {stroke-width:0 !important} /* hover 시 효과 없음 */
.chart_area.bar svg defs + rect + g > rect + g > g:nth-child(3) {opacity:0} /* 제일 하단선 검은색 제거 */

.chart_area.bar2 circle {stroke-width:0 !important} /* hover 시 효과 없음 */
.chart_area.bar2 svg defs + rect + g > rect + g > g:nth-child(2) {opacity:0}
#combochart.bar2 svg defs + rect + g > rect + g > g:nth-child(4) {opacity:0}

.chart_area.bar_row svg defs + rect + g > rect + g + g + g > g:nth-child(5) {opacity:0}/* 마지막 단위 지우기 */

/* 차트 % 구조시 */
.chart_area.percent svg defs + rect + g > g:nth-last-child(2) g:nth-last-child(1) {opacity:0}/* 상단 지우기 (100%시 짤림) */
.chart_area.percent svg defs + rect + g > rect + g g rect:nth-last-child(7) {opacity:0}
.chart_area.percent rect {stroke-width:0 !important} /* hover 시 효과 없음 */
.chart_area.percent svg defs + rect + g > rect + g > g:nth-child(3) {opacity:0} /* 제일 하단선 검은색 제거 */

/* 차트 범례 */
.company .c_legend {display:flex; flex-wrap:wrap; justify-content:center}
.company .c_legend .lgnd {display:flex; align-items:center; font-size:16px; line-height:26px}
.company .c_legend .lgnd + .lgnd {position:relative; margin-left:60px; padding-left:60px}
.company .c_legend .lgnd + .lgnd::before {content:''; display:block; position:absolute; width:1px; height:16px; top:5px; left:0; background-color:#ddd}
.company .c_legend .lgnd > span {display:block; width:16px; height:16px; margin-left:18px}
.company .c_legend .lgnd > span.pink {background-color:#da0f47}
.company .c_legend .lgnd > span.blk {background-color:#000}
.company .c_legend .lgnd > span.gray {background-color:#aaa}
.company .c_legend .lgnd > span.d_gray {background-color:#666}
.company .c_legend .lgnd > span.d_g_line {border:2px solid #666}
.company .c_legend .lgnd > span.d_b_line {border:2px solid #000}
.company .c_legend .lgnd > span.d_p_line {border:2px solid #da0f47}
.company .c_legend .lgnd > span.pink_dot {background:url(/kr/images/company/promot/img-bg-graph-legend-pinkDot.png) no-repeat center / contain}
.company .c_legend .lgnd > span.g_line_pt {background:url(/kr/images/company/promot/img-bg-graph-legend-grayLinePattern.png) no-repeat center / contain}
.company .c_legend .lgnd > span.p_line_pt {background:url(/kr/images/company/investor/img-bg-graph-legend-pinkLinePattern.svg) no-repeat center / contain}
@media screen and (max-width:768px) {
    .company .c_legend .lgnd {font-size:12px; line-height:20px}
    .company .c_legend .lgnd + .lgnd {margin-left:18px!important; padding-left:0!important}
    .company .c_legend .lgnd + .lgnd::before {display:none}
    .company .c_legend .lgnd > span {width:12px; height:12px; margin-left:12px}
}


/* search 서치 검색 */
.company .cmp_search {display:none; position:relative; max-width:1380px; margin:48px auto 0; z-index:50}
.company .cmp_search .cmp_search_inner {position:relative; padding:40px 0; border-radius:8px; background-color:#f4f4f4}
.company .cmp_search .cmp_sch_wrap {max-width:800px; margin:0 auto; border:1px solid #ddd; border-radius:8px; background-color:#fff; overflow:hidden}
.company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap {position:relative}
.company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_input {display:block; width:100%; padding:11px 102px 11px 30px; color:#000; font-size:16px; line-height:24px}
.company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_input:active,
.company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_input:focus {background-color:#e8f0fe}
.company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_delete {position:absolute; width:24px; height:24px; top:calc(50% - 12px); right:66px; background:url(/kr/images/company/icon/btn-cmp-sch-delete.svg) no-repeat center; background-size:24px 24px}
.company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_btn {position:absolute; width:36px; height:48px; top:-1px; right:24px; background:url(/kr/images/company/icon/btn-cmp-search.svg) no-repeat center; background-size:24px 24px}
.company .cmp_search .cmp_sch_result_wrap.active {display:block}
.company .cmp_search .cmp_sch_result_wrap {display:none; position:absolute; width:800px; top:90px; left:calc(50% - 400px)}
.company .cmp_search .cmp_sch_result_wrap .cmp_keyword_list {width:100%; background-color:#fff; border-radius:8px; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company .cmp_search .cmp_sch_result_wrap .cmp_keyword_list > ul {padding:0 30px}
.company .cmp_search .cmp_sch_result_wrap .cmp_keyword_list > ul li {width:100%; padding:12px 0}
.company .cmp_search .cmp_sch_result_wrap .cmp_keyword_list > ul li a {display:block; font-size:16px; line-height:24px}
.company .cmp_search .cmp_sch_result_wrap .cmp_keyword_list > ul li a .cmp_sch_word {color:#da0f47; font-weight:bold}
@media screen and (max-width:768px) {
    .company .cmp_search {margin-top:24px}
    .company .cmp_search .cmp_search_inner {padding:30px 4.44vw; border-radius:0}
    .company .cmp_search .cmp_sch_wrap {width:100%; max-width:100%}
    .company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_input {padding:11px 92px 11px 16px; font-size:14px; line-height:22px}
    .company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_delete {right:56px}
    .company .cmp_search .cmp_sch_wrap .cmp_sch_inp_wrap .cmp_sch_btn {height:46px; right:10px}
    .company .cmp_search .cmp_sch_result_wrap {width:calc(100% - 8.88vw); left:50%; transform:translateX(-50%); top:79px}
    .company .cmp_search .cmp_sch_result_wrap .cmp_keyword_list > ul li a {font-size:14px; line-height:22px}
}

/* 해외사업장 */
.overseas {position:relative; margin-top:30px}
.overseas map {position:absolute; top:0; bottom:0; left:0; right:0; margin:0 8%}
.overseas .tooltip-wrap {position:static; cursor:pointer}
.overseas .tooltip-wrap .tooltip-box {width:100%; max-width:1146px; left:0; top:50%; transform:translateY(-50%); padding:32px; cursor:default; z-index:79}
.overseas .country-list {display:flex; flex-wrap:wrap; margin-top:32px; margin-bottom:18px}
.overseas .country-list ul {display:inline-block; width:calc(33.3333% - 20px); min-height:260px; margin-right:20px; vertical-align:top; padding:0 12px; border-right:1px dashed #ddd}
.overseas .country-list ul:last-of-type {border:0}
.overseas .country-list ul li + li {margin-top:24px}
.overseas .country-list .country {display:table-cell; width:90px; margin-right:12px; font-weight:bold; color:#000000; position:relative; font-size:14px}
.overseas .country-list .country::before {content:''; display:inline-block; background-color:#000; border-radius:100%; position:absolute; top:11px; left:-12px; width:3px; height:3px}
.overseas .country-list .links::after {content:''; display:inline-block; width:16px; height:16px; background:url(/lg5-common/images/icons/btn-outlink-16.svg) no-repeat right top 3px; margin:-2px 0 0 3px}
.overseas .country-list .links {display:table-cell; font-weight:normal; line-height:1.29; color:#000000; font-size:14px}
.overseas .img-overseas img {width:auto; max-width:100%; height:auto}
@media screen and (max-width:1024px) {
    .overseas .country-list ul {width:calc(50% - 10px); min-height:0}
    .overseas .country-list ul:nth-of-type(n + 2) {margin-right:0; border-right:0}
    .overseas .country-list ul:nth-of-type(n + 3) {margin-top:20px}
}
@media screen and (max-width:768px) {
    .overseas {margin-top:15px}
    .overseas map {margin:0}
    .overseas .img-overseas {overflow-x:auto}
    .overseas .img-overseas::-webkit-scrollbar {height:20px}
    .overseas .img-overseas::-webkit-scrollbar-thumb {border:8px solid transparent; border-radius:16px; background-clip:padding-box; background-color:rgba(0, 0, 0, 0.2)}
    .overseas .img-overseas::-webkit-scrollbar-track {background-color:transparent}
    .overseas .img-overseas img {width:800px; max-width:initial}
    .overseas .tooltip-wrap .tooltip-box .tit {font-size:13px; line-height:21px}
    .overseas .country-list {margin-top:16px; margin-bottom:18px}
    .overseas .country-list ul {width:100%; margin-right:0; border:0}
    .overseas .country-list ul + ul {margin-top:16px}
    .overseas .country-list ul li + li {margin-top:16px}
    .overseas .country-list .country {font-size:13px}
    .overseas .country-list .country::before {width:2px; height:2px}
    .overseas .country-list .links {font-size:13px}
}

/* 컨텐츠 영역 */
.company .footnotes {margin-top:10px; color:#666; font-size:14px!important; line-height:24px!important}
.company .footnotes ul li {color:#666; font-size:14px!important; line-height:24px!important}
.company .bull .footnotes {margin-top:0}
.company sup {margin-right:3px}
.company sup {font-size:50%}
.company .com-section {position:relative; max-width:1460px; margin:0 auto; padding:60px 40px 60px}
.company .com-section + .com-section {padding-top:0}
.company .com-stock {position:relative; max-width:1100px; margin:0 auto; padding:60px 0}
.company .text + .text {margin-top:20px}
.com-title .text {word-break:keep-all}
.company .tit.h3 {margin-bottom:0; font-size:32px; font-weight:bold; line-height:1.5; text-align:center}
.company .tit.h4 {font-size:18px; font-weight:bold; line-height:1.56; word-break:keep-all}
.company .tit.h5 {margin-bottom:0!important; font-size:14px!important; font-weight:bold; line-height:28px!important; word-break:keep-all}
.company .tit ~ .tit.h4 {margin-top:30px}
.company .tit.mt {margin-top:30px!important}
.company .tit.h4 + .text {margin-top:18px}
.company .tit.h4 + .bull {margin-top:20px}
.company .tit.only {margin-top:60px}
.company .tit.h3 + .desc {display:block; margin-top:12px; color:#000; font-size:20px; font-weight:bold; line-height:1.5; text-align:center}
.company .tit > em {font-weight:normal}
.company .text.indent {padding-left:18px; text-indent:-18px}
.company .center {text-align:center}
.company .center_p {text-align:center}
.company .thumb {width:100%; margin-top:24px}
.company .thumb.ci {margin:60px 0}
.company .thumb.ci .only_pc img {max-width:100%; margin:0 auto}
.company .thumb.ci .only_mo img {width:100%; max-width:100%; margin:0 auto}

.company .ci_ul {display:flex; justify-content:space-between}
.company .ci_ul > li {width:calc(33.3333% - 16px)}

.company .thumb.ci .tooltipArea {position:relative}
.company .thumb.ci .tooltipArea .tooltips {position:absolute; left:0; right:0; top:0; bottom:0}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap {position:absolute; width:100%; height:100%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap .tooltip-icon {position:absolute; width:25%; height:25%; z-index:50}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap.new .tooltip-icon {top:2%; right:50%; transform:translateX(-30%); background:url(/kr/images/company/info/ico-tooltip_black.svg) no-repeat; background-size:28%; background-position:center 90%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap.beau .tooltip-icon {top:50%; left:-2%; transform:translateY(-50%); background:url(/kr/images/company/info/ico-tooltip_black.svg) no-repeat; background-size:28%; background-position:center 75%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap.ease .tooltip-icon {bottom:2%; right:50%; transform:translateX(-25%); background:url(/kr/images/company/info/ico-tooltip_black.svg) no-repeat; background-size:28%; background-position:center 78%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap.pro .tooltip-icon {top:2%; left:50%; transform:translateX(30%); background:url(/kr/images/company/info/ico-tooltip_pink.svg) no-repeat; background-size:28%; background-position:center 90%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap.ref .tooltip-icon {top:50%; right:-2%; transform:translateY(-50%); background:url(/kr/images/company/info/ico-tooltip_pink.svg) no-repeat; background-size:28%; background-position:center 75%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap.base .tooltip-icon {bottom:2%; left:50%; transform:translateX(22%); background:url(/kr/images/company/info/ico-tooltip_pink.svg) no-repeat; background-size:28%; background-position:center 78%}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap .tooltip-box {top:50%; left:0; right:0; transform:translateY(-50%); padding:24px}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap .tooltip-box .tit {display:block; padding-right:24px; font-size:13px; font-weight:bold; line-height:20px}
.company .thumb.ci .tooltipArea .tooltips .tooltip-wrap .tooltip-box .text {display:block; margin-top:14px; font-size:13px; line-height:20px}
.company .thumb + .accordion-wrap {margin-top:60px}

.company .tooltipArea.social {position:relative}
.company .tooltipArea.social .tooltips {position:absolute; left:0; right:0; top:0; bottom:0}
.company .tooltipArea.social .tooltips .tooltip-wrap {position:absolute; width:100%; height:100%}
.company .tooltipArea.social .tooltips .tooltip-wrap .tooltip-icon {position:absolute; width:38%; height:20%; right:0; bottom:0; z-index:50; background:none}
.company .tooltipArea.social .tooltips .tooltip-wrap.carbon .tooltip-icon {top:48%; left:50%; transform:translateX(-100%)}
.company .tooltipArea.social .tooltips .tooltip-wrap.youth .tooltip-icon {top:48%; left:50%}
.company .tooltipArea.social .tooltips .tooltip-wrap .tooltip-box {top:50%; left:0; right:0; transform:translateY(-50%); padding:24px}
.company .tooltipArea.social .tooltips .tooltip-wrap .tooltip-box .tit {display:block; padding-right:24px; font-size:13px; font-weight:bold; line-height:20px}
.company .tooltipArea.social .tooltips .tooltip-wrap .tooltip-box .text {display:block; margin-top:14px; font-size:13px; font-weight:normal; line-height:20px}

.company .tooltipArea.estim {position:relative}
.company .tooltipArea.estim .tooltips {position:absolute; left:0; right:0; top:0; bottom:0}
.company .tooltipArea.estim .tooltips .tooltip-wrap {position:absolute; width:100%; height:100%}
.company .tooltipArea.estim .tooltips .tooltip-wrap .tooltip-icon {position:absolute; width:54px; height:54px; z-index:50; background:url(/kr/images/company/icon/ico-tooltip_b_black.svg) no-repeat center; background-size:24px 24px}
.company .tooltipArea.estim .tooltips .tooltip-wrap.feed_01 .tooltip-icon {top:calc(50% - 58px); left:calc(25% - 27px)}
.company .tooltipArea.estim .tooltips .tooltip-wrap.feed_02 .tooltip-icon {top:calc(50% - 58px); right:calc(25% - 27px)}
.company .tooltipArea.estim .tooltips .tooltip-wrap.feed_03 .tooltip-icon {bottom:0; left:calc(25% - 27px)}
.company .tooltipArea.estim .tooltips .tooltip-wrap .tooltip-box {top:50%; left:0; right:0; transform:translateY(-50%); padding:24px}
.company .tooltipArea.estim .tooltips .tooltip-wrap .tooltip-box .tit {display:block; padding-right:24px; font-size:13px; font-weight:bold; line-height:20px}
.company .tooltipArea.estim .tooltips .tooltip-wrap .tooltip-box .text {display:block; margin-top:10px; font-size:13px; font-weight:normal; line-height:20px}
.company .tooltipArea.estim .tooltips .tooltip-wrap .tooltip-box .text > strong {display:block; margin-bottom:6px}

.company .tooltipArea.md_moArea {position:relative}
.company .tooltipArea.md_moArea .tooltips {position:absolute; left:0; right:0; top:0; bottom:0}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap {position:absolute; width:100%; height:100%}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap .tooltip-icon {position:absolute; width:34%; height:18.6%; z-index:50; background:none}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap.tool_01 .tooltip-icon {top:0; right:9.44vw}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap.tool_02 .tooltip-icon {top:20%; right:9.44vw}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap.tool_03 .tooltip-icon {top:40%; right:9.44vw}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap.tool_04 .tooltip-icon {top:60%; right:9.44vw}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap.tool_05 .tooltip-icon {top:80%; right:9.44vw}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap .tooltip-box {top:50%; left:0; right:0; transform:translateY(-50%); padding:24px}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap .tooltip-box .tit {display:block; padding-right:24px; font-size:13px; font-weight:bold; line-height:20px}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap .tooltip-box .text > ul li {display:block; margin-top:10px; font-size:14px; font-weight:normal; line-height:22px}
.company .tooltipArea.md_moArea .tooltips .tooltip-wrap .tooltip-box .text > strong {display:block; margin-bottom:6px}

.company .tit + .graph {margin-top:24px}
.company .graph.ofn {margin-top:18px}
.company .graph .txt_rt {display:block; margin-bottom:10px; font-size:14px; line-height:20px; text-align:right}
.company .graph > img {display:block; margin:0 auto}
.company ul.ofn_links {display:flex; flex-wrap:wrap; margin:6px 0}
.company ul.ofn_links li {margin:6px 0}
.company ul.ofn_links li + li {margin-left:10px}
.company ul.ofn_links li .btn {display:block; min-width:142px; height:40px; padding:7px 16px; font-size:14px; line-height:24px}
.company .risk_system {max-width:912px; margin:30px auto 0}
.company .risk_system .item {display:flex}
.company .risk_system .item + .item {margin-top:12px}
.company .risk_system .item .item_tit {display:flex; justify-content:center; align-items:center; width:36%; min-width:80px; max-width:327px; min-height:78px; margin-right:12px; padding:25px 10px; border-radius:8px; color:#fff; font-size:18px; font-weight:bold; line-height:28px; text-align:center; word-break:keep-all}
.company .risk_system .item:nth-of-type(1) .item_tit {background-color:#000}
.company .risk_system .item:nth-of-type(2) .item_tit {background-color:#da0f47}
.company .risk_system .item .item_txt {width:calc(64% - 12px)}
.company .risk_system .item .item_txt p {display:flex; align-items:center; padding:26px 20px; border:1px solid #ddd; border-radius:8px; font-size:16px; line-height:26px; word-break:keep-all}
.company .risk_system .item .item_txt p + p {margin-top:12px}

.company .graph_area.t3 {display:flex; flex-wrap:wrap; justify-content:space-between}
.company .graph_area.t3 .graph_img {width:calc(33.3333% - 16px); min-width:444px; max-width:444px}
.company .graph_area.t3 .graph_img img {width:100%}
.company .graph_area.t3 .graph_dec {text-align:right}
@media screen and (max-width:1460px){
    .company .graph_area.t3 {flex-direction:column}
    .company .graph_area.t3 .graph_img {width:100%; min-width:0; margin:0 auto}
    .company .graph_area.t3 .graph_img + .graph_img {margin-top:48px}
}
@media screen and (max-width:768px){
}

.company .linkArea {margin-top:30px; padding:32px 0; border-radius:8px; background-color:#f4f4f4}
.company .linkArea.grdt {background-image:linear-gradient(133deg, #a58bee 36%, #f86791 61%)}
.company .linkArea.grdt.mg_10 {margin-top:0}
.company .linkArea.grdt p {display:flex; justify-content:center; color:#fff}
.company .linkArea.grdt p .btn-link {display:block; color:#fff}
.company .linkArea.grdt p .btn-link + .btn-link {margin-left:24px}
.company .linkArea.grdt p .btn-link::after {background:url(/lg5-common/images/icons/btn-arr-16-white.svg) center no-repeat}
.company .linkArea .tit {font-size:18px; text-align:center}
.company .linkArea .desc {margin-top:12px; text-align:center}
.company .linkArea .desc a {font-size:14px; text-underline-offset:1px}
.pop-conts .tit {font-size:18px; font-weight:bold; line-height:1.44}
.company .boxArea {padding:60px; border-radius:8px; border:1px solid #ddd}
.company .boxArea .sect + .sect {margin-top:30px; padding-top:30px; border-top:1px dashed #ddd}
.company .boxArea .sect > ul {margin-top:12px; margin-left:27px}
.company .boxArea .sect .text {margin-top:12px}
.company .infoBox {max-width:912px; margin:30px auto 0; padding:40px 60px; border-radius:8px; background-color:#fff; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company .infoBox > ul > li + li {margin-top:20px}
.company .infoBox > ul > li em {display:inline-block; min-width:60px; margin-right:40px; color:#000; font-size:16px; font-weight:bold; line-height:1.5}
.company .infoBox > ul > li span {position:relative; display:inline-block; color:#000; font-size:16px; line-height:1.5}
.company .infoBox > ul > li span::before {content:''; display:block; position:absolute; width:1px; height:14px; background-color:#ddd; top:calc(50% - 7px); left:-21px}
.company .btnArea {margin-top:30px; text-align:center}

.company .hisArea {max-width:912px; margin:0 auto}
.company .hisArea .title .tit {font-size:20px; font-weight:bold; line-height:1.5; text-align:center}
.company .hisArea .title .text {margin-top:20px; font-size:16px; line-height:1.5; text-align:center}
.company .hisArea .hisList {margin-top:30px; padding-top:30px; border-top:1px solid #ddd}
.company .hisArea .hisList > ul > li + li {margin-top:15px}
.company .hisArea .hisList > ul > li em {display:inline-block; margin-right:70px; font-size:20px; font-weight:bold; line-height:30px}
.company .hisArea .hisList > ul > li span {display:inline-block; font-size:16px; line-height:30px}

.company .ceoArea {position:relative}
.company .ceoArea .bg {height:480px; border-radius:8px; overflow:hidden}
.company .ceoArea .bg span {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
    background: url(/kr/images/company/info/img-management-ceo-2021-pc.jpg) no-repeat center;
    background-size: auto 100%
}
.company .ceoArea .txt {position:absolute; top:130px; left:17%; color:#fff}
.company .ceoArea .txt .name em {display:block; font-size:22px; line-height:32px}
.company .ceoArea .txt .name strong {display:block; font-size:32px; font-weight:bold; line-height:48px}
.company .ceoArea .txt .name span {display:block; margin-top:10px; font-size:20px; line-height:30px}
.company .ceoArea .txt .msg {margin-top:38px; font-size:16px; line-height:1.5}
.company .ceoArea.esg .txt {top:166px}
.company .ceoArea.esg .txt .msg {margin-top:40px; font-size:20px; font-weight:bold; line-height:30px}

.company .grpInfo {display:flex; justify-content:center; margin-top:24px}
.company .grpInfo p {position:relative; margin-right:25px; font-size:14px; line-height:20px}
.company .grpInfo p + p {margin-left:25px}
.company .grpInfo p i {display:block; position:absolute; width:12px; height:12px; top:5px; right:-22px}
.company .grpInfo p i.blk {background-color:#000}
.company .grpInfo p i.pnk {background-color:#da0f47}
.company .box.ci {margin-top:24px; border-radius:8px; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14); overflow:hidden}
.company .box.color {margin-top:24px; padding:60px 0; border-radius:8px; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14); overflow:hidden}
.company .box.color > ul {display:flex; justify-content:center}
.company .box.color > ul > li {width:33.3333%; max-width:350px}
.company .box.color > ul > li .chip {width:210px; height:210px; margin:0 auto; border-radius:50%; font-size:24px; font-weight:bold; text-align:center}
.company .box.color > ul > li .chip.red {background-color:#a50034; color:#fff}
.company .box.color > ul > li .chip.gray {background-color:#6b6b6b; color:#fff}
.company .box.color > ul > li .chip.white {background-color:#fff; box-sizing:border-box; border:1px solid #000; color:#000}
.company .box.color > ul > li .chip span {line-height:210px}
.company .box.color > ul > li .info {margin-top:20px; margin-left:20%}
.company .box.color > ul > li .info p {font-size:14px; line-height:22px}
.company .ci_download {max-width:1380px; margin:60px auto; padding:50px 0 60px; border-radius:8px; background-color:#f4f4f4; text-align:center}
.company .ci_download .tit {font-size:24px; font-weight:bold; line-height:36px}
.company .ci_download .desc {margin-top:20px; font-size:16px; line-height:24px}
.company .ci_download .btn {margin-top:26px; min-width:109px; padding:11px 24px}

.company .lgway_link {margin-top:39px; text-align:center}
.company .lgway_link .text {margin-top:0}
.company .lgway_link .btn-link {margin-top:10px}
.company ul.rec_type {display:flex; justify-content:space-between; margin-top:60px}
.company ul.rec_type > li {width:calc(25% - 18px)}
.company ul.rec_type > li .type_thumb {display:block; width:100%; height:327px; border-radius:50%; overflow:hidden}
.company ul.rec_type > li:nth-child(1) .type_thumb {background:url(/kr/images/company/recruit/img-rec-type-thumb_01_new.jpg) no-repeat center / cover}
.company ul.rec_type > li:nth-child(2) .type_thumb {background:url(/kr/images/company/recruit/img-rec-type-thumb_02_new.jpg) no-repeat center / cover}
.company ul.rec_type > li:nth-child(3) .type_thumb {background:url(/kr/images/company/recruit/img-rec-type-thumb_03_new.jpg) no-repeat center / cover}
.company ul.rec_type > li:nth-child(4) .type_thumb {background:url(/kr/images/company/recruit/img-rec-type-thumb_04_new.jpg) no-repeat center / cover}
.company ul.rec_type > li p {margin-top:40px; font-size:22px; line-height:1.45; text-align:center; word-break:keep-all}

.company ul.job_position {display:flex; justify-content:center; align-items:flex-end; max-width:678px; height:150px; margin:30px auto 0}
.company ul.job_position > li {display:flex; flex-direction:column; justify-content:flex-end; width:33.3333%; padding:16px}
.company ul.job_position > li:nth-child(1) {height:60%; border-radius:8px 0 0 8px; background-color:#666}
.company ul.job_position > li:nth-child(2) {height:80%; border-radius:8px 0 0 0; background-color:#000}
.company ul.job_position > li:nth-child(3) {height:100%; border-radius:8px 8px 8px 0; background-color:#da0f47}
.company ul.job_position > li + li {position:relative}
.company ul.job_position > li em {display:block; color:rgba(255,255,255,0.8); font-size:16px; line-height:24px; text-align:center}
.company ul.job_position > li span {display:block; margin-top:8px; color:#fff; font-size:18px; line-height:26px; text-align:center}
.company ul.job_pay {display:flex; justify-content:space-between; margin-top:30px}
.company ul.job_pay > li {position:relative; width:calc(33.3333% - 16px); padding:30px; border-radius:8px; background-color:#f4f4f4; text-align:center}
.company ul.job_pay > li + li::before {content:'+'; display:block; position:absolute; width:70px; height:70px; top:calc(50% - 35px); left:-47px; border-radius:50%; background-color:#fff; color:#666; font-size:32px; font-weight:500; line-height:70px; text-align:center}
.company ul.job_pay > li i {display:block; width:80px; height:80px; margin:0 auto}
.company ul.job_pay > li i.ico_01 {background:url(/kr/images/company/recruit/ico-recruit-job_pay_01.svg) no-repeat center / contain}
.company ul.job_pay > li i.ico_02 {background:url(/kr/images/company/recruit/ico-recruit-job_pay_02.svg) no-repeat center / contain}
.company ul.job_pay > li i.ico_03 {background:url(/kr/images/company/recruit/ico-recruit-job_pay_03.svg) no-repeat center / contain}
.company ul.job_pay > li .name {font-size:20px; font-weight:bold; line-height:1.5}
.company ul.job_pay > li em {display:block; color:#666; font-size:16px; line-height:26px}
.company ul.job_pay > li .desc {margin-top:15px; font-size:16px; line-height:24px}
.company ul.welfare > li {position:relative; min-height:140px; padding:30px 30px 30px 140px}
.company ul.welfare > li + li {margin-top:-1px; border-top:1px dashed #ddd}
.company ul.welfare > li i {position:absolute; display:block; width:80px; height:80px; left:30px; top:30px}

.company ul.welfare > li i.wel_01_01 {background:url(/kr/images/company/recruit/ico-recruit-welfare_01_01.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_01_02 {background:url(/kr/images/company/recruit/ico-recruit-welfare_01_02.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_01_03 {background:url(/kr/images/company/recruit/ico-recruit-welfare_01_03.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_01_04 {background:url(/kr/images/company/recruit/ico-recruit-welfare_01_04.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_01_05 {background:url(/kr/images/company/recruit/ico-recruit-welfare_01_05.svg) no-repeat center / contain}

.company ul.welfare > li i.wel_02_01 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_01.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_02 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_02.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_03 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_03.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_04 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_04.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_05 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_05.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_06 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_06.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_07 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_07.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_08 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_08.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_02_09 {background:url(/kr/images/company/recruit/ico-recruit-welfare_02_09.svg) no-repeat center / contain}

.company ul.welfare > li i.wel_03_01 {background:url(/kr/images/company/recruit/ico-recruit-welfare_03_01.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_03_02 {background:url(/kr/images/company/recruit/ico-recruit-welfare_03_02.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_03_03 {background:url(/kr/images/company/recruit/ico-recruit-welfare_03_03.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_03_04 {background:url(/kr/images/company/recruit/ico-recruit-welfare_03_04.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_03_05 {background:url(/kr/images/company/recruit/ico-recruit-welfare_03_05.svg) no-repeat center / contain}

.company ul.welfare > li i.wel_04_01 {background:url(/kr/images/company/recruit/ico-recruit-welfare_04_01.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_04_02 {background:url(/kr/images/company/recruit/ico-recruit-welfare_04_02.svg) no-repeat center / contain}
.company ul.welfare > li i.wel_04_03 {background:url(/kr/images/company/recruit/ico-recruit-welfare_04_03.svg) no-repeat center / contain}

.company ul.welfare > li .name {font-size:18px; font-weight:800; line-height:26px}
.company ul.welfare > li .desc {margin-top:12px; font-size:16px; line-height:24px}

.company ul.caring {display:flex; margin-top:30px; justify-content:center}
.company ul.caring > li {max-width:276px; width:25%; display:flex; flex-direction:column; align-items:center}
.company ul.caring > li + li {position:relative}
.company ul.caring > li + li::before {content:''; display:block; position:absolute; width:32px; height:32px; top:64px; left:-16px; background:url(/lg5-common/images/icons/btn-arr-32.svg) no-repeat center / contain}
.company ul.caring > li .step {width:160px; border:1px dashed #ddd; border-radius:50%}
.company ul.caring > li .step > span {display:block; width:130px; height:130px; margin:14px; border-radius:50%; font-size:18px; line-height:130px; text-align:center}
.company ul.caring > li:nth-child(1) .step > span {background-color:#e4e4e4; color:#000}
.company ul.caring > li:nth-child(2) .step > span {background-color:#666; color:#fff}
.company ul.caring > li:nth-child(3) .step > span {background-color:#000; color:#fff}
.company ul.caring > li:nth-child(4) .step > span {background-color:#da0f47; color:#fff}
.company ul.caring > li .desc {margin-top:20px; font-size:16px; line-height:24px; text-align:center}
.company ul.cmSystem {display:flex; margin-top:30px; justify-content:center}
.company ul.cmSystem > li {min-width:20%}
.company ul.cmSystem > li + li {position:relative}
.company ul.cmSystem > li + li::before {content:''; display:block; position:absolute; width:32px; height:32px; top:72px; left:-16px; background:url(/lg5-common/images/icons/btn-arr-32.svg) no-repeat center / contain}
.company ul.cmSystem > li .step {width:160px; margin:0 auto; border:1px dashed #ddd; border-radius:50%}
.company ul.cmSystem > li .step > span {display:block; width:130px; height:130px; margin:14px; border-radius:50%; color:#000; font-size:18px; line-height:130px; text-align:center}
.company ul.cmSystem > li:nth-child(1) .step > span {background-color:rgba(170,170,170,0.2)}
.company ul.cmSystem > li:nth-child(2) .step > span {background-color:rgba(170,170,170,0.4)}
.company ul.cmSystem > li:nth-child(3) .step > span {background-color:rgba(170,170,170,0.6)}
.company ul.cmSystem > li:nth-child(4) .step > span {background-color:rgba(170,170,170,0.8)}
.company ul.cmSystem > li:nth-child(5) .step > span {background-color:rgba(170,170,170,1.0)}
.company ul.cmSystem > li ul {margin-top:20px; padding-right:16px}
.company ul.cmSystem > li ul li {word-break:keep-all}

.company .recruit_info {margin-top:26px}
.company .recruit_info .exc {position:relative; display:block; padding-left:27px; font-size:16px}
.company .recruit_info .exc::before {content:''; display:block; position:absolute; left:0; top:0; width:24px; height:24px; background:url(/kr/images/company/icon/ico-c-exclama_pc.svg) no-repeat center / contain}

.company .current_iframe {width:100%; height:800px; clear:both; overflow-x:hidden; padding:0; margin:0; border-width:0}
.company .time_iframe {width:100%; height:970px; clear:both; overflow-x:hidden; padding:0; margin:0; border-width:0}
.company .date_iframe {width:100%; height:970px; clear:both; overflow-x:hidden; padding:0; margin:0; border-width:0}
.company .foreigner_iframe {width:100%; height:600px; clear:both; overflow-x:hidden; padding:0; margin:0; border-width:0}
.company .share_price table {margin-bottom:30px}
.company .share_price table td {padding:39px 24px; text-align:center}
.company .share_price table tr:first-child td {border-color:#ddd}
.company .share_price table td p {display:flex; justify-content:space-between; max-width:268px; margin:0 auto; font-size:24px; font-weight:500}
.company .share_price table td .price_up_L {position:relative; padding-left:36px; font-size:48px; font-weight:bold}
.company .share_price table td .price_up_L::before {content:''; display:block; position:absolute; width:24px; height:21px; left:0; top:calc(50% - 1px); background:url(/kr/images/company/icon/ico-price_up.svg) no-repeat center / contain}
.company .share_price table td .price_down_L {position:relative; padding-left:36px; font-size:48px; font-weight:bold}
.company .share_price table td .price_down_L::before {content:''; display:block; position:absolute; width:24px; height:21px; left:0; top:calc(50% - 1px); background:url(/kr/images/company/icon/ico-price_down.svg) no-repeat center / contain}
.company .share_price table td .price_up_s {position:relative; padding-left:21px; color:#ff0000; font-size:28px; font-weight:bold}
.company .share_price table td .price_up_s::before {content:''; display:block; position:absolute; width:13px; height:12px; left:0; top:calc(50% - 1px); background:url(/kr/images/company/icon/ico-price_up.svg) no-repeat center / contain}
.company .share_price table td .price_down_s {position:relative; padding-left:21px; color:#0000ff; font-size:28px; font-weight:bold}
.company .share_price table td .price_down_s::before {content:''; display:block; position:absolute; width:13px; height:12px; left:0; top:calc(50% - 1px); background:url(/kr/images/company/icon/ico-price_down.svg) no-repeat center / contain}
.company .share_price table td .percent_up {color:#ff0000; font-size:28px; font-weight:bold}
.company .share_price table td .percent_up::before {content:'+'}
.company .share_price table td .percent_down {color:#0000ff; font-size:28px; font-weight:bold}
.company .share_price table td .percent_down::before {content:'-'}

.company .stock_tit {margin-bottom:4px; font-size:18px; line-height:28px; text-align:center}
.company .stock_tit > em {padding-left:5px; color:#666; font-size:14px}
.company .stock_number {margin-bottom:40px; font-size:48px; font-weight:bold; line-height:70px; text-align:center}
.company .stock_number .num {padding-right:10px; color:#da0f47}

.company .graph.lgway {margin-top:60px}
.company .lgway_outline dl + dl {margin-top:-1px; border-top:1px dashed #ddd}
.company .lgway_outline dl {padding:29px 0}
.company .lgway_outline dl dt {font-size:18px; font-weight:bold; line-height:27px}
.company .lgway_outline dl dd {margin-top:10px; font-size:14px; line-height:22px}
.company ul.lgway_first > li {display:flex; align-items:center}
.company ul.lgway_first > li:nth-child(2n) {justify-content:flex-end}
.company ul.lgway_first > li + li {margin-top:120px}
.company ul.lgway_first > li .thumb {max-width:795px; margin-top:0; border-radius:8px}
.company ul.lgway_first > li .tit {word-break:keep-all}
.company ul.lgway_first > li .text {word-break:keep-all}
.company ul.lgway_first > li:nth-child(odd) .thumb {margin-right:10%}
.company ul.lgway_first > li:nth-child(even) .thumb {margin-left:10%}

.company .compGrp {margin-top:24px}
.company .compGrp img {display:block; width:383px; margin:0 auto}
.company .hone {position:relative; padding-left:12px}
.company .hone::before {content:''; display:block; position:absolute; width:3px; height:3px; top:10.5px; left:0; border-radius:50%; background-color:#000}
.company .hone strong {display:block}
.company ul.compBox {display:flex; flex-wrap:wrap; margin-top:20px}
.company ul.compBox > li {width:calc(25% - 18px); border:1px solid #ddd; border-radius:8px; overflow:hidden}
.company ul.compBox > li + li {margin-left:24px}
.company ul.compBox > li:nth-child(5) {margin-left:0}
.company ul.compBox > li:nth-child(n+5) {margin-top:24px}
.company ul.compBox > li .num {border-bottom:1px solid #ddd; background-color:#f4f4f4; color:#da0f47; font-size:18px; font-weight:bold; text-align:center}
.company ul.compBox > li p {padding:20px; font-size:16px; line-height:24px; text-align:center}
.company ul.compBox > li p strong {display:block; font-weight:bold}
.company ul.compStep {display:flex}
.company ul.compStep > li {width:calc(25% - 18px); min-height:377px}
.company ul.compStep > li + li {margin-left:24px}
.company ul.compStep > li .tit {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:80px; margin-bottom:12px; border-radius:8px 0 0 8px; background-color:#ddd; font-size:18px; font-weight:bold; line-height:27px}
.company ul.compStep > li:last-child .tit {border-radius:8px}
.company ul.compStep > li .tit::after {content:''; display:block; position:absolute; width:0; height:0; bottom:0; right:-18px; border-top:40px solid transparent; border-bottom:40px solid transparent; border-left:18px solid #ddd}
.company ul.compStep > li:last-child .tit::after {display:none}
.company ul.compStep > li ul.cont {height:calc(100% - 92px); border:1px solid #ddd; border-radius:8px}
.company ul.compStep > li ul.cont > li {display:flex; align-items:center; justify-content:center; height:25%; padding:10px; border-bottom:1px dashed #ddd; font-size:16px; line-height:24px; text-align:center; word-break:keep-all}
.company ul.compStep > li ul.cont > li:nth-child(4) {border:0}

.company ul.compStep.esg > li .tit {margin-top:0!important; background-color:#e4e4e4; color:#000}
.company ul.compStep.esg > li:last-child .tit {background-color:#da0f47; color:#fff}
.company ul.compStep.esg > li .tit::after {border-left-color:#e4e4e4}
.company ul.compStep.esg > li ul.cont {margin-top:0!important}

.company .dwn_all.board .titArea {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:24px}
.company .dwn_all.board .titArea .tit {font-size:22px; font-weight:bold; line-height:32px}
.company .dwn_all.board .btn.dwn_all {padding:5px 12px; font-size:14px; line-height:20px}
.company .tb_row.board-type .tbl_add {display:flex; justify-content:space-between; margin-bottom:10px}
.company .tb_row.board-type .tbl_add .item_num {font-size:14px; font-weight:bold; line-height:24px}
.company .tb_row.board-type .tbl_add .item_num > em {padding-left:5px; color:#da0f47}
.company .tb_row.board-type .tbl_add .item_select .sort-select-wrap .ui-selectbox-wrap .ui-selectbox-list {left:auto; right:0; transform:translateX(0)}
.company .tb_row.board-type .board-tit p.new {min-width:28px; margin-right:12px; color:#da0f47; font-size:12px; font-weight:bold; line-height:26px}
.company .tb_row.board-type table td.dwn > a,
.company .tb_row.board-type table td.dwn > button {display:block; width:24px; height:24px; margin:0 auto; background:url(/lg5-common/images/icons/icon-download-32.svg) no-repeat center; background-size:28px 28px}

.company .board-view-wrap .board-view .board-view-head {padding:0 0 16px; border-bottom:1px solid #666}
.company .board-view-wrap .board-view .board-view-head .new {color:#da0f47; font-size:12px; font-weight:bold; line-height:20px}
.company .board-view-wrap .board-view .board-view-head .head-title {font-size:32px; font-weight:bold; line-height:52px}
.company .board-view-wrap .board-view .board-view-head ul.head-infos {display:flex; margin-top:8px}
.company .board-view-wrap .board-view .board-view-head ul.head-infos > li {font-size:14px; line-height:24px}
.company .board-view-wrap .board-view .board-view-head ul.head-infos > li + li {position:relative; margin-left:9px; padding-left:9px}
.company .board-view-wrap .board-view .board-view-head ul.head-infos > li + li::before {content:''; display:block; position:absolute; width:1px; height:10px; top:calc(50% - 5px); left:-0.5px; background-color:#ddd}
.company .board-view-wrap .board-view .board-view-sub {padding:16px 0; border-bottom:1px solid #ddd; text-align:right}
.company .board-view-wrap .board-view .board-view-sub .tooltip-wrap.share {width:24px; height:24px; padding:0}
.company .board-view-wrap .board-view .board-view-sub .tooltip-wrap.share .tooltip-box {top:32px; right:0; left:auto; padding:32px}
.company .board-view-wrap .board-view .board-view-sub .dwn {display:inline-block; width:24px; height:24px; background:url(/lg5-common/images/icons/icon-download-32.svg) no-repeat center; background-size:28px 28px}
.company .board-view-wrap .board-view .board-view-body {padding:24px}
.company .board-view-wrap .board-view .board-view-body .view-content {line-height:1.5}
.company .board-view-wrap .board-view .board-view-body .view-content p + p {margin-top:12px}
.company .board-view-wrap .board-view .board-view-body .view-content > img {display:block; margin:0 auto}
.company .board-view-wrap .board-navi {border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.company .board-view-wrap .board-navi .navi {display:block; padding:24px}
.company .board-view-wrap .board-navi .navi + .navi {border-top:1px solid #ddd}
.company .board-view-wrap .board-navi .navi-label {display:inline-block; margin-right:64px; color:#666; font-size:16px; line-height:24px}
.company .board-view-wrap .board-navi .navi-desc {display:inline-block; color:#000; font-size:16px; line-height:24px}
.company .board-view-wrap .btnArea {margin-top:60px}

.company .comp_wrap {position:relative; display:flex}
.company .comp_wrap img {display:block; width:328px; max-height:210px; margin:24px 30px 0 0; border-radius:8px}
.company .comp_wrap > .text {width:calc(100% - 352px)}
.company .comp_wrap > .textArea {width:calc(100% - 352px)}

.company .ceo_msg .text {margin-top:0; font-size:18px; line-height:28px}
.company .ceo_msg .msg_box {margin:58px 0; padding:58px; border:1px solid #ddd; border-radius:8px}
.company .ceo_msg .msg_box ul li .tit {font-size:18px; line-height:28px}
.company .ceo_msg .msg_box ul li .text {margin-top:10px; font-size:16px; line-height:26px}
.company .ceo_msg .msg_box ul li + li {margin-top:29px; padding-top:28px; border-top:1px dashed #ddd}
.company .ceo_date {font-size:18px; line-height:28px; text-align:center}
.company .ceo_sign {margin-top:24px; margin-bottom:18px; font-size:20px; line-height:30px; text-align:center}
.company .ceo_sign img {display:inline-block}
.company .esgWay_wrap {position:relative}
.company .bull > li .esgWay_wrap {width:calc(100% + 12px); margin-left:-12px}
.company .esgWay_wrap::after {content:''; display:block; clear:both}
.company .esgWay_wrap img {float:left; display:block; width:328px; max-height:210px; margin-right:30px; border-radius:8px}
.company .esgWay_wrap .text + .text {margin-top:24px}
.company .esgWay_vision .titArea {margin-top:24px}
.company .esgWay_vision .titArea .v_tit {color:#da0f47; font-size:32px; font-weight:bold; line-height:46px; text-align:center}
.company .esgWay_vision .titArea em {display:block; margin-top:12px; font-size:20px; font-weight:bold; line-height:30px; text-align:center}
.company .esgWay_vision .contArea {position:relative; margin-top:30px; padding-top:60px}
.company .esgWay_vision .contArea::before {content:''; display:block; position:absolute; width:0; height:0; top:0; left:calc(50% - 357px); border-left:357px solid transparent; border-right:357px solid transparent; border-bottom:30px solid #f4f4f4}
.company .esgWay_vision .contArea .tit.h4 {margin-bottom:10px}
.company .esgWay_vision .contArea .box {border:1px solid #ddd; border-radius:8px; overflow:hidden}
.company .esgWay_vision .contArea .box .title {min-height:106px; padding:24px 8px; color:#fff; font-size:18px; line-height:28px; text-align:center}
.company .esgWay_vision .contArea .box .title strong {display:block; font-weight:bold}
.company .esgWay_vision .contArea .box .title .label {width:36px; margin:0 auto 4px; border-radius:50%; background-color:#fff; color:#da0f47; line-height:36px; text-align:center}
.company .esgWay_vision .contArea .box .title span {display:block}
.company .esgWay_vision .contArea .box .text {margin-top:0; padding:22px; text-align:center}
.company .esgWay_vision .contArea .strategy {display:flex; justify-content:space-between}
.company .esgWay_vision .contArea .strategy .box {width:calc(50% - 12px); border:0}
.company .esgWay_vision .contArea .strategy .box .title {padding:20px 8px; border-radius:8px 8px 0 0; background-color:#da0f47}
.company .esgWay_vision .contArea .strategy .box .text {border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .esgWay_vision .contArea .task {display:flex; justify-content:space-between}
.company .esgWay_vision .contArea .task .box {width:calc(25% - 18px); border:0}
.company .esgWay_vision .contArea .task .box .title {border-radius:8px 8px 0 0; background-color:#666}
.company .esgWay_vision .contArea .task .box .text {min-height:122px; border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .esgWay_vision .contArea .goal {display:flex; justify-content:space-between}
.company .esgWay_vision .contArea .goal .box {width:calc(25% - 18px); min-height:325px; padding:23px 20px}
.company .esgWay_vision .contArea .base .box {border:0; border-radius:0}
.company .esgWay_vision .contArea .base .box .title {border-radius:8px 8px 0 0; background-color:#da0f47}
.company .esgWay_vision .contArea .base .box ul.bull {display:flex; justify-content:space-between; padding:22px 24px; border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .esgWay_vision .contArea .base .box ul.bull > li {width:calc(25% - 36px); padding-right:12px}
.company .esgWay_vision .contArea .base .box ul.bull > li:nth-child(2) {width:calc(50% + 32px)}
.company .esgWay_vision .contArea .base .box ul.bull > li + li {position:relative; margin-left:20px; padding-left:40px}
.company .esgWay_vision .contArea .base .box ul.bull > li + li::before {left:31px}
.company .esgWay_vision .contArea .base .box ul.bull > li + li::after {content:''; display:block; position:absolute; width:0; height:0; left:-14px; top:calc(50% - 29px); border-left:14px solid #f4f4f4; border-top:29px solid transparent; border-bottom:29px solid transparent}
.company .esgWay_vision .contArea .base .box ul.bull > li strong {margin-bottom:0}

.company .esgWay_vision_subs {display:flex; justify-content:space-between; max-width:912px; margin:0 auto}
.company .esgWay_vision_subs .before {display:flex; flex-direction:column; width:calc(50% - 58px)}
.company .esgWay_vision_subs .before .boxs {height:calc(100% - 46px); display:flex; flex-direction:column; justify-content:space-between}
.company .esgWay_vision_subs .e_tit_area {margin-bottom:20px}
.company .esgWay_vision_subs .e_tit_area .e_tit {color:#da0f47; font-size:18px; font-weight:bold; line-height:26px; text-align:center}
.company .esgWay_vision_subs .before .box .e_tit {display:flex; justify-content:center; align-items:center; width:100%; height:78px; border-radius:8px; background-color:#666; color:#fff; font-size:18px; line-height:28px; text-align:center}
.company .esgWay_vision_subs .before .box.goal {position:relative}
.company .esgWay_vision_subs .before .box.goal::before {content:''; display:block; position:absolute; width:0; height:0; top:-156px; left:calc(50% - 8px); border-bottom:10px solid #aaa; border-left:8px solid transparent; border-right:8px solid transparent}
.company .esgWay_vision_subs .before .box.goal::after {content:''; display:block; position:absolute; width:1px; height:146px; top:-146px; left:calc(50% - 0.5px); background-color:#aaa}
@media screen and (max-width:794px) {
    .company .esgWay_vision_subs .before .box.goal::before {top:-104px}
    .company .esgWay_vision_subs .before .box.goal::after {height:94px; top:-94px}
}
.company .esgWay_vision_subs .before .box.goal .e_tit {background-color:#000; border-radius:8px 8px 0 0}
.company .esgWay_vision_subs .before .box .cont {padding:22px 30px 22px 42px; border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .esgWay_vision_subs .after {position:relative; display:flex; flex-direction:column; justify-content:space-between; width:calc(50% - 58px)}
.company .esgWay_vision_subs .after::before {content:''; display:block; position:absolute; width:0; height:0; top:calc(50% - 110px); left:-76px; border-left:30px solid #f4f4f4; border-top:110px solid transparent; border-bottom:110px solid transparent}
.company .esgWay_vision_subs .after .box + .box {margin-top:12px}
.company .esgWay_vision_subs .after .box .e_tit {display:flex; justify-content:center; align-items:center; width:100%; height:78px; border-radius:8px; background-color:#da0f47; color:#fff; font-size:18px}
.company .esgWay_vision_subs .after .box:last-of-type .e_tit {border-radius:8px 8px 0 0}
.company .esgWay_vision_subs .box ul.cont {padding:22px 30px 22px 42px; border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .esgWay_vision_subs .box ul.cont li {position:relative; font-size:16px; line-height:26px}
.company .esgWay_vision_subs .box ul.cont li + li {margin-top:4px}
.company .esgWay_vision_subs .box ul.cont li::before {content:''; display:block; position:absolute; width:3px; height:3px; background-color:#000; border-radius:50%; top:11.5px; left:-12px}

.company ul.partic_list {position:relative; max-width:1146px; margin:0 auto}
.company ul.partic_list::before {content:''; display:block; position:absolute; width:0; height:0; top:0; left:155px; border-bottom:10px solid #666; border-left:8.5px solid transparent; border-right:8.5px solid transparent}
.company ul.partic_list::after {content:''; display:block; position:absolute; width:0; height:0; bottom:0; left:155px; border-top:10px solid #666; border-left:8.5px solid transparent; border-right:8.5px solid transparent}
.company ul.partic_list > li {position:relative; display:flex}
.company ul.partic_list > li::after {content:''; display:block; position:absolute; width:2px; height:100%; top:2px; bottom:2px; left:162.5px; background:url(/kr/images/company/icon/bg-dashed-d_gray.png) repeat-y; z-index:-1}
.company ul.partic_list > li .sub {width:327px; height:78px; margin-top:30px; margin-right:24px; padding:26px; border-radius:8px; background-color:#da0f47; color:#fff; font-size:18px; line-height:26px; text-align:center}
.company ul.partic_list > li .box {width:calc(100% - 351px); padding:30px 0}
.company ul.partic_list > li + li .box {border-top:1px dashed #ddd}
.company ul.partic_list > li .box .tit {font-size:18px; font-weight:bold; line-height:26px}
.company ul.partic_list > li .box ul.bull {margin-top:20px}

.company .acco_thumb {position:relative; margin-bottom:58px; border-radius:8px}
.company .acco_thumb.bg_01 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-01-pc.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.bg_02 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-02-pc.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.bg_03 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-03-pc.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.bg_04 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-04-pc.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.bg_05 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-05-pc.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.bg_06 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-06-pc.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_01 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-01-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_02 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-02-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_03 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-03-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_04 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-04-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_05 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-05-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_06 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-06-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb.social.bg_07 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-07-pc-new.png) no-repeat; background-position:100% 0; background-size:cover}
.company .acco_thumb .inner {padding:64px}
.company .acco_thumb .top .tit {margin-bottom:24px; font-size:24px; font-weight:bold; line-height:36px}
.company .acco_thumb .content {display:none; padding-right:50%}
.company .acco_thumb .content.on {display:block}
.company .acco_thumb .content .footnotes {margin-top:10px; color:#666; font-size:16px; line-height:26px}
.company .acco_thumb .view_more {position:absolute; display:block; width:36px; height:36px; bottom:-18px; left:calc(50% - 18px); background:url(/kr/images/company/icon/ico-plus-bg_black.svg) no-repeat center; background-size:36px 36px; font-size:0; text-indent:-9999em; overflow:hidden}
.company .acco_thumb .view_more.on {background:url(/kr/images/company/icon/ico-minus-bg_black.svg) no-repeat center; background-size:36px 36px}

.company .survey_box {padding:38px 40px; border-radius:8px; background-color:#f4f4f4}
.company ul.bull > li .survey_box {width:calc(100% + 12px); margin-left:-12px; margin-top:20px; margin-bottom:30px}
.company .survey_box .s_tit {font-size:16px; font-weight:bold; line-height:26px}
.company .survey_box .s_text {margin-top:10px; font-size:16px; line-height:26px}

.company .estim_process {max-width:1122px; margin:30px auto 0}
.company .estim_process ul > li {display:flex; align-items:center}
.company .estim_process ul > li + li {margin-top:46px}
.company .estim_process ul > li .item_num {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:150px; height:150px; margin-right:60px; border:1px solid #000; border-radius:50%; text-align:center}
.company .estim_process ul > li + li .item_num::before {content:''; display:block; position:absolute; width:1px; height:44px; top:-45px; left:74px; border-left:1px dashed #ddd}
.company .estim_process ul > li .item_num em {display:block; font-size:16px; font-weight:bold; line-height:26px}
.company .estim_process ul > li .item_num span {display:block; font-size:18px; font-weight:bold; line-height:28px}
.company .estim_process ul > li:last-child .item_num {border-color:#da0f47; color:#da0f47}
.company .estim_process ul > li .item_desc {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:calc(100% - 210px); min-height:150px}
.company .estim_process ul > li .item_desc .tit {margin:0}
.company .estim_process ul > li .item_desc .text {margin-top:20px}
.company .estim_process ul > li .item_desc .btn-link {display:block; margin-top:12px}

.company .feed_box .box_tit {width:100%; margin-top:20px; padding:15px 0; border-radius:8px; background-color:#000; color:#fff; font-size:20px; font-weight:bold; line-height:30px; text-align:center}
.company .feed_box .box_tit.g {background-color:#666}
.company .feed_box .feed_list {margin-top:12px}
.company .feed_box .feed_list > ul {display:flex; justify-content:space-between}
.company .feed_box .feed_list > ul > li {width:calc(33.3333% - 16px); padding:20px 25px; border:1px solid #ddd; border-radius:8px}
.company .feed_box .feed_list > ul > li .titArea {margin-bottom:19px; padding-bottom:20px; border-bottom:1px dashed #ddd}
.company .feed_box .feed_list > ul > li .titArea .tit {margin-bottom:4px; font-size:18px; font-weight:bold; line-height:28px; text-align:center; word-break:keep-all}
.company .feed_box .feed_list > ul > li .titArea .desc {font-size:16px; line-height:26px; text-align:center}

.company .estim_grp {margin-bottom:30px}
.company .estim_grp > img {display:block; max-width:100%; margin:0 auto}

.company ul.esg_logos {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:-20px}
.company ul.esg_logos > li {display:flex; justify-content:center; align-items:center; width:calc(25% - 18px); height:100px; margin-bottom:20px; border:1px solid #ddd; border-radius:8px; font-size:20px; font-weight:bold; line-height:30px; text-align:center; overflow:hidden}
.company ul.esg_logos > li > img {max-width:100%}
.company ul.esg_logos > li > span {word-break:break-word}

.company .risk_man {max-width:1146px; margin:0 auto}
.company .risk_man .r_tit {font-size:24px; font-weight:bold; line-height:36px; text-align:center}
.company .risk_man .r_tit.pink {color:#da0f47}
.company .risk_man ul.r_box {position:relative; margin:30px 0; padding:60px 0}
.company .risk_man ul.r_box::before {content:''; display:block; position:absolute; width:0; height:0; top:0; left:calc(50% - 357px); border-left:357px solid transparent; border-right:357px solid transparent; border-bottom:30px solid #ddd}
.company .risk_man ul.r_box::after {content:''; display:block; position:absolute; width:0; height:0; bottom:0; left:calc(50% - 357px); border-left:357px solid transparent; border-right:357px solid transparent; border-top:30px solid #ddd}
.company .risk_man ul.r_box > li {padding:28px 30px; border:1px solid #000; border-radius:8px; font-size:16px; line-height:26px}
.company .risk_man ul.r_box > li + li {margin-top:30px}

.company .man_directors {width:100%; margin-top:40px; border:1px solid #ddd; border-radius:8px}
.company .man_directors .md_pcArea {display:flex; justify-content:center; align-items:center; padding:60px}
.company .man_directors .md_pcArea .md_tit {position:relative; margin-right:90px; padding:10.5px; border:1px dashed #ddd; border-radius:50%}
.company .man_directors .md_pcArea .md_tit::after {content:''; display:block; position:absolute; width:120px; height:1px; right:-110px; top:calc(50% - 0.5px); background-color:#ddd}
.company .man_directors .md_pcArea .md_tit > span {display:flex; justify-content:center; align-items:center; width:142px; height:142px; border-radius:50%; background-color:#da0f47; color:#fff; font-size:18px; font-weight:bold; line-height:28px; text-align:center}
.company .man_directors .md_pcArea ul.md_list {position:relative}
.company .man_directors .md_pcArea ul.md_list::before {content:''; display:block; position:absolute; width:1px; top:82.5px; bottom:82.5px; left:-48px; background-color:#ddd}
.company .man_directors .md_pcArea ul.md_list > li {display:flex; align-items:center}
.company .man_directors .md_pcArea ul.md_list > li + li {position:relative; margin-top:20px}
.company .man_directors .md_pcArea ul.md_list > li + li::before {content:''; display:block; position:absolute; height:1px; left:189px; right:0; top:-10px; border-top:1px dashed #ddd}
.company .man_directors .md_pcArea ul.md_list > li .md_sub {position:relative; margin-right:24px; padding:10.5px; border:1px dashed #ddd; border-radius:50%}
.company .man_directors .md_pcArea ul.md_list > li .md_sub::before {content:''; display:block; position:absolute; width:60px; height:1px; left:-49px; top:calc(50% - 0.5px); background-color:#ddd}
.company .man_directors .md_pcArea ul.md_list > li .md_sub > span {display:flex; justify-content:center; align-items:center; width:142px; height:142px; border-radius:50%; background-color:#f4f4f4; color:#000; font-size:18px; font-weight:bold; line-height:28px; text-align:center}
.company .man_directors .md_moArea {display:none; padding:30px 9.44vw}
.company .man_directors .md_moArea .md_mo_thumb > img {display:block; width:100%; max-width:100%; margin:0 auto}

/* IR 실적발표 팝업 */
.company .webcastArea .date {margin-top:2px; font-size:14px; line-height:24px}
.company .webcastArea .webc_player {width:100%; height:50px; margin:20px 0; border-radius:50px; background:url(/kr/images/company/investor/img-player-pc.png) no-repeat center; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company .webcastArea .txt {font-size:14px; line-height:24px}
.company .webcastArea ul.bar li {display:flex}
.company .webcastArea ul.bar li > span {min-width:122px}
.company .webcastArea ul.bar li > span + span {position:relative; margin-left:14px; padding-left:13px}
.company .webcastArea ul.bar li > span + span::before {content:''; display:block; position:absolute; width:1px; height:14px; top:calc(50% - 7px); left:0; background-color:#ddd}

.company .thumb.lg_motif {margin-top:60px; border-radius:8px; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company .thumb.lg_motif > img {display:block; margin:0 auto; padding:60px 0}
.company ul.lg_motif_list {display:flex; justify-content:space-between; margin-top:30px}
.company ul.lg_motif_list > li {width:calc(50% - 12px)}
.company ul.lg_motif_list > li .m_tit {font-size:18px; font-weight:bold; line-height:28px}
.company ul.lg_motif_list > li .m_box {height:calc(100% - 48px); margin-top:20px; padding:38px 40px; background-color:#f4f4f4; border-radius:8px}
.company ul.lg_motif_list > li .m_box > img {display:block; width:100%; max-width:364px; margin:0 auto}
.company ul.lg_motif_list > li .m_box span {display:block; font-size:14px; font-weight:500; line-height:24px; text-align:center}
.company ul.lg_motif_list > li .m_box p {margin-top:24px; font-size:14px; line-height:24px; text-align:center}

.company .home_appliances > ul {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd}
.company .home_appliances > ul > li {display:flex; flex-wrap:wrap; width:50%}
.company .home_appliances > ul > li .home_box {width:50%}
.company .home_appliances > ul > li .home_box .home_thumb {width:100%; height:190px; background-color:#f4f4f4}
.company .home_appliances > ul > li .home_box .home_thumb img {display:block; height:100%; margin:0 auto}
.company .home_appliances > ul > li .home_box .home_tit {min-height:55px; padding:14.5px 4px; background-color:#da0f47}
.company .home_appliances > ul > li .home_box .home_tit span {display:block; color:#fff; font-size:16px; font-weight:500; line-height:26px; text-align:center}
.company .home_appliances > ul > li .home_box .home_text {height:calc(100% - 245px); padding:22px 24px; border-left:1px solid #ddd; font-size:16px; line-height:26px; word-break:keep-all}
.company .home_appliances > ul > li:nth-child(1) .home_box:first-of-type .home_text {border-left:0}
.company .home_appliances > ul > li:nth-child(3) .home_box:first-of-type .home_text {border-left:0}

.company .esg_diagram {width:100%; max-width:912px; margin:0 auto}
.company .esg_diagram > ul {position:relative; display:flex; flex-direction:column; align-items:flex-end; z-index:0}
.company .esg_diagram > ul::after {content:''; display:block; position:absolute; width:1px; top:80px; bottom:80px; right:calc(25% - 6px); background-color:#aaa; z-index:-1}
.company .esg_diagram > ul > li {position:relative; width:calc(50% - 12px); z-index:0}
.company .esg_diagram > ul > li.esg {position:absolute; left:0}
.company .esg_diagram > ul > li.esg::after {content:''; display:block; position:absolute; height:1px; width:100%; left:50%; top:calc(50% - 0.5px); background-color:#aaa; z-index:-1}
.company .esg_diagram > ul > li.esg + li {margin-top:0}
.company .esg_diagram > ul > li.esg > p {display:flex; justify-content:center; align-items:center; width:215px; height:215px; margin:0 auto; border-radius:50%; background-color:#da0f47; font-size:22px; line-height:32px}
.company .esg_diagram > ul > li + li {margin-top:55px}
.company .esg_diagram > ul > li > p {display:flex; justify-content:center; align-items:center; width:100%; height:80px; border-radius:8px; background-color:#000; color:#fff; font-size:18px; font-weight:500; line-height:28px; word-break:keep-all}
.company .esg_diagram > ul > li > .rpt {position:absolute; left:50%; transform:translateX(-50%); display:block; margin:13.5px 0; padding:0 5px; background-color:#fff; font-size:18px; line-height:28px; text-align:center}
.company .esg_diagram > ul > li.gray::after {content:''; display:block; position:absolute; height:1px; width:calc(100% + 36px); right:50%; bottom:-27px; background-color:#aaa; z-index:-1}
.company .esg_diagram > ul > li.gray > p {background-color:#666}
.company .esg_diagram > ul > li.gray > ul {display:flex; justify-content:space-between; position:absolute; width:100%; height:215px; top:0; left:calc(-100% - 24px)}
.company .esg_diagram > ul > li.gray > ul > li {display:flex; justify-content:center; align-items:center; width:calc(50% - 12px); height:100%; padding:5px; border-radius:8px; background-color:#ddd}
.company .esg_diagram > ul > li.gray > ul > li > p {color:#000; font-size:18px; font-weight:500; line-height:28px; text-align:center; word-break:keep-all}
.company .esg_diagram > ul > li.wt > p {border:1px solid #000; background-color:#fff; color:#000}
@media screen and (max-width:768px) {
    .company .esg_diagram > ul::after {top:48px; bottom:48px; right:calc(25% - 3px)}
    .company .esg_diagram > ul > li {width:calc(50% - 6px)}
    .company .esg_diagram > ul > li + li {margin-top:36px}
    .company .esg_diagram > ul > li.esg > p {width:130px; height:130px; font-size:15px; line-height:23px}
    .company .esg_diagram > ul > li > p {height:48px; font-size:15px; line-height:23px}
    .company .esg_diagram > ul > li > .rpt {margin:6.5px 0; font-size:14px; line-height:22px}
    .company .esg_diagram > ul > li.gray::after {bottom:-18.5px}
    .company .esg_diagram > ul > li.gray > ul {height:132px; left:calc(-100% - 12px)}
    .company .esg_diagram > ul > li.gray > ul > li > p {font-size:14px; line-height:22px}
}

.company .esg_c_box {padding:40px; border-radius:8px; background-color:#f4f4f4}
.company .esg_c_box > ul.climate > li + li {margin-top:30px}
.company .esg_c_box > ul.climate > li > strong {position:relative; display:block; margin-bottom:12px; padding-left:12px}
.company .esg_c_box > ul.climate > li > strong::before {content:''; display:block; position:absolute; width:3px; height:3px; left:0; top:10.5px; border-radius:50%; background-color:#000}
.company .esg_c_box ul.climate_box {display:flex; justify-content:space-between}
.company .esg_c_box ul.climate_box > li {width:calc(33.3333% - 24px)}
.company .esg_c_box ul.climate_box > li + li {position:relative}
.company .esg_c_box ul.climate_box > li + li::after {content:''; display:block; position:absolute; width:20px; height:36px; left:-28px; top:calc(50% - 18px); background:url(/kr/images/company/icon/ico-arrow-right-gray-br2.svg) no-repeat center}
.company .esg_c_box ul.climate_box > li .c_tit {padding:25px 5px; border-radius:8px 8px 0 0; color:#fff; font-size:18px; font-weight:bold; line-height:28px; text-align:center}
.company .esg_c_box ul.climate_box > li:nth-child(1) .c_tit {background-color:#666}
.company .esg_c_box ul.climate_box > li:nth-child(2) .c_tit {background-color:#000}
.company .esg_c_box ul.climate_box > li:nth-child(3) .c_tit {background-color:#da0f47}
.company .esg_c_box ul.climate_box > li .c_text {height:calc(100% - 78px); padding:23px 18px; border:1px solid #ddd; border-radius:0 0 8px 8px; background-color:#fff; font-size:16px; line-height:26px; text-align:center}
@media screen and (max-width:990px) {
    .company .esg_c_box {padding:20px}
    .company .esg_c_box ul.climate_box {flex-direction:column}
    .company .esg_c_box ul.climate_box > li {width:100%}
    .company .esg_c_box ul.climate_box > li + li {margin-top:40px}
    .company .esg_c_box ul.climate_box > li + li::after {width:0; height:0; top:-27.5px; left:calc(50% - 55px); border-top:15px solid #aaa; border-left:55px solid transparent; border-right:55px solid transparent; background:none}
    .company .esg_c_box ul.climate_box > li .c_tit {padding:12.5px 5px; font-size:15px; line-height:23px}
    .company .esg_c_box ul.climate_box > li .c_text {padding:12px 20px; font-size:14px; line-height:22px; text-align:left}
}

.company .privacy_list {width:calc(100% + 12px); margin:10px 0 0 -12px}
.company .privacy_list > ul {display:flex; justify-content:space-between}
.company .privacy_list > ul > li {width:calc(33.3333% - 16px); min-height:296px}
.company .privacy_list > ul > li .p_tit {padding:25px 0; border-radius:8px 8px 0 0; background-color:#000; color:#fff; font-size:18px; font-weight:bold; line-height:28px; text-align:center}
.company .privacy_list > ul > li .p_text {height:calc(100% - 78px); padding:20px 24px; border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .privacy_list > ul > li .p_text > ul.bull > li + li {margin-top:4px!important}

.company .ls_system {margin-top:20px}
.company .ls_system .ls_list {display:flex; flex-wrap:wrap; justify-content:space-between}
.company .ls_system .ls_list .ls_box {width:calc(25% - 15px)}
.company .ls_system .ls_list .ls_box .ls_tit {min-height:80px; padding:26px 12px; border-radius:8px 8px 0 0; background-color:#000; color:#fff; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company .ls_system .ls_list .ls_box .ls_text {border:1px solid #ddd; border-radius:0 0 8px 8px}
.company .ls_system .ls_list .ls_box .ls_text > ul > li {display:flex; justify-content:center; align-items:center; min-height:70px; padding:10px 5px; font-size:16px; line-height:26px; text-align:center}
.company .ls_system .ls_list .ls_box .ls_text > ul > li + li {border-top:1px dashed #ddd}
.company .ls_system .ls_list .ls_box .ls_text > ul > li em {display:block; color:#666; font-size:14px}
.company .ls_system .ls_ref_box {position:relative; display:flex; width:100%; max-width:1016px; margin:50px auto 0; padding:30px; border-radius:131px; background-color:#f4f4f4}
.company .ls_system .ls_ref_box::before {content:''; display:block; position:absolute; width:0; height:0; top:-30px; left:calc(50% - 110px); border-bottom:30px solid #f4f4f4; border-left:110px solid transparent; border-right:110px solid transparent}
.company .ls_system .ls_ref_tit {display:flex; justify-content:center; align-items:center; width:172px; height:172px; margin-right:40px; border-radius:50%; background-color:#da0f47; color:#fff; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company .ls_system .ls_ref_text {width:calc(100% - 212px)}
.company .ls_system .ls_ref_text > ul {display:flex; justify-content:space-between}
.company .ls_system .ls_ref_text > ul > li {display:flex; justify-content:center; align-items:center; width:172px; height:172px; border-radius:50%; background-color:#fff; font-size:18px; line-height:28px; text-align:center}
.company .ls_system .ls_ref_text > ul > li sup {top:-7px}
@media screen and (max-width:1162px) {
    .company .ls_system .ls_list {flex-direction:column}
    .company .ls_system .ls_list .ls_box {width:100%}
    .company .ls_system .ls_list .ls_box + .ls_box {margin-top:12px}
    .company .ls_system .ls_list .ls_box .ls_tit {min-height:50px; padding:13.5px 5px; font-size:15px; font-weight:bold; line-height:23px!important}
    .company .ls_system .ls_list .ls_box .ls_text {padding:11px 20px}
    .company .ls_system .ls_list .ls_box .ls_text > ul > li {display:block; min-height:36px; padding:7px 0; font-size:14px; line-height:22px!important; text-align:left}
    .company .ls_system .ls_list .ls_box .ls_text > ul > li em {display:block; color:#666; font-size:14px}
    .company .ls_system .ls_ref_box {flex-direction:column; max-width:100%; margin:36px auto 0; padding:0; border-radius:0; background:none}
    .company .ls_system .ls_ref_box::before {top:-24px; left:calc(50% - 62px); border-bottom:12px solid #f4f4f4; border-left:62px solid transparent; border-right:62px solid transparent}
    .company .ls_system .ls_ref_tit {width:100%; height:50px; margin-right:0; border-radius:8px 8px 0 0; font-size:15px; font-weight:bold; line-height:23px!important}
    .company .ls_system .ls_ref_text {width:100%; padding:11px 20px; border:1px solid #ddd; border-radius:0 0 8px 8px}
    .company .ls_system .ls_ref_text > ul {flex-direction:column}
    .company .ls_system .ls_ref_text > ul > li {display:block; width:100%; height:auto; min-height:36px; padding:7px 0; border-radius:0; font-size:14px; line-height:22px!important; text-align:left}
    .company .ls_system .ls_ref_text > ul > li + li {border-top:1px dashed #ddd}
    .company .ls_system .ls_ref_text > ul > li sup {top:-7px}
}

.company .c_social .cs_tit {width:calc(33.3333% - 16px); margin:0 auto; padding:25px; border-radius:8px; background-color:#da0f47; color:#fff; font-size:20px; font-weight:bold; line-height:30px; text-align:center}
.company .c_social > ul {position:relative; display:flex; margin-top:60px}
.company .c_social > ul::before {content:''; display:block; position:absolute; left:calc(16.6666% - 8px); right:calc(16.6666% - 8px); height:1px; top:-29px; background-color:#aaa}
.company .c_social > ul li {position:relative; width:calc(33.3333% - 16px); padding:30px 15px; border:1px solid #aaa; border-radius:8px; font-size:16px; line-height:26px; text-align:center}
.company .c_social > ul li::before {content:''; display:block; position:absolute; width:1px; height:30px; top:-30px; left:calc(50% - 0.5px); background-color:#aaa}
.company .c_social > ul li:nth-child(2):before {height:60px; top:-61px}
.company .c_social > ul li + li {margin-left:24px}

.company ul.work_policy {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-24px!important}
.company ul.work_policy > li {width:calc(25% - 15px); margin-top:20px; padding:19px; border-radius:8px; background-color:#f4f4f4; font-size:16px; font-weight:500; line-height:26px; text-align:center; word-break:keep-all}

.company ul.junior_board {margin-top:20px!important}
.company ul.junior_board > li {width:calc(33.3333% - 15px); min-width:404px; margin:0 auto}
.company ul.junior_board > li + li {position:relative; margin-top:18px; padding-top:46px}
.company ul.junior_board > li + li::before {content:''; display:block; position:absolute; width:0; height:0; top:0; left:calc(50% - 100px); border-top:28px solid #f4f4f4; border-left:100px solid transparent; border-right:100px solid transparent}
.company ul.junior_board > li .j_tit {padding:25px 10px; border-radius:8px 8px 0 0; color:#fff; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company ul.junior_board > li .j_tit.pink {background-color:#da0f47}
.company ul.junior_board > li .j_tit.black {background-color:#000; font-weight:bold}
.company ul.junior_board > li .j_tit.gray {background-color:#666}
.company ul.junior_board > li .j_text {padding:22px 24px; border:1px solid #ddd; border-radius:0 0 8px 8px; font-size:16px; line-height:26px}
.company ul.junior_board > li.last {width:100%}
.company ul.junior_board > li.last > ul {display:flex; justify-content:space-between}
.company ul.junior_board > li.last > ul > li {width:calc(33.3333% - 15px)}
.company ul.junior_board > li.last > ul > li .j_text {height:calc(100% - 78px)}

.company ul.thmb_pic2 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:-24px}
.company ul.thmb_pic2 > li {display:flex; width:calc(50% - 12px); min-width:560px; margin:0 auto 24px}
.company ul.thmb_pic2 > li > img {max-width:340px; border-radius:8px; overflow:hidden}
.company ul.thmb_pic2 > li .textArea {margin-left:30px; padding-left:8px}
.company ul.thmb_pic2 > li .textArea .t_tit {position:relative; font-size:16px; font-weight:bold; line-height:26px}
.company ul.thmb_pic2 > li .textArea .t_tit::before {content:''; display:block; position:absolute; width:3px; height:3px; top:11.5px; left:-8px; border-radius:50%; background-color:#000}
.company ul.thmb_pic2 > li .textArea .t_text {margin-top:10px; font-size:16px; line-height:26px}

.company .orga_way {width:624px; margin:0 auto 30px}
.company .orga_way .o_tit {font-size:20px; font-weight:bold; line-height:28px; text-align:center}
.company .orga_way > ul {position:relative; display:flex; flex-wrap:wrap; margin-top:12px; padding-top:16px}
.company .orga_way > ul::before {content:''; display:block; position:absolute; width:0; height:0; top:0; left:calc(50% - 165px); border-bottom:28px solid #f4f4f4; border-left:165px solid transparent; border-right:165px solid transparent}
.company .orga_way > ul li {display:flex; justify-content:center; align-items:center; width:calc(50% - 12px); max-width:300px; min-height:90px; margin-top:24px; padding:18px 26px; border:1px solid #ddd; border-radius:8px; font-size:16px; font-weight:500; line-height:26px; text-align:center}
.company .orga_way > ul li:nth-child(2n) {margin-left:24px}

.company .compWay_gram {width:100%; max-width:1040px; margin:0 auto}
.company .compWay_gram > ul {display:flex; justify-content:space-between}
.company .compWay_gram > ul li {position:relative; width:25%; max-width:280px}
.company .compWay_gram > ul li:last-child {width:200px}
.company .compWay_gram > ul li::before {content:''; display:block; position:absolute; height:1px; top:99px; left:185px; right:7px; background-color:#aaa}
.company .compWay_gram > ul li::after {content:''; display:block; position:absolute; width:0; height:0; top:94px; right:0; border-left:7px solid #aaa; border-top:6px solid transparent; border-bottom:6px solid transparent}
.company .compWay_gram > ul li:last-child:before {display:none}
.company .compWay_gram > ul li:last-child:after {display:none}
.company .compWay_gram > ul li .step {width:200px; height:200px; border-radius:50%; border:1px dashed #ddd}
.company .compWay_gram > ul li .step span {display:flex; align-items:center; justify-content:center; width:170px; height:170px; margin:14px; border-radius:50%; background-color:#f4f4f4; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company .compWay_gram > ul li:nth-child(3) .step span {background-color:#666; color:#fff}
.company .compWay_gram > ul li:nth-child(4) .step span {background-color:#da0f47; color:#fff}
.company .compWay_gram > ul li p {width:100%; max-width:200px; margin-top:12px; font-size:16px; line-height:26px; text-align:center}
.company .compWay_gram > ul li:nth-child(4) p {color:#da0f47; font-weight:bold}
@media screen and (max-width:960px) {
    .company .compWay_gram {max-width:278px}
    .company .compWay_gram > ul {display:none}
    .company .compWay_gram img.only_mo {display:block!important}
}
/* 컨텐츠 영역 끝 */

/* 슬라이드 */
.company .slide-covid19 .slide-wrap {width:100%; margin:0 auto}
.company .slide-covid19 .slide-conts .img {width:100%; height:480px; margin-top:30px; margin-bottom:72px}
.company .slide-covid19 .slide-conts .img > span {display:block; width:100%; height:100%; border-radius:8px}
.company .slide-covid19 .slide-conts .img.slide1 > span {background:url(/kr/images/company/sustainable/img-covid19-slide-01_pc.png) no-repeat center / cover}
.company .slide-covid19 .slide-conts .img.slide2 > span {background:url(/kr/images/company/sustainable/img-covid19-slide-02_pc.png) no-repeat center / cover}
.company .slide-covid19 .slide-conts .img.slide3 > span {background:url(/kr/images/company/sustainable/img-covid19-slide-03_pc.png) no-repeat center / cover}
.company .slide-covid19 .slide-conts .intArea {text-align:center; opacity:0; transition:1s}
.company .slide-covid19 .slide-conts.ui_carousel_current .intArea {opacity:1}
.company .slide-covid19 .slide-wrap .indi-wrap {bottom:auto; top:540px}
.company .slide-covid19 .slide-wrap.carousel-type .slide-controls {top:calc(50% - 24px)}
.company .slide-covid19 .slide-wrap.carousel-type .slide-controls .btn-arrow.prev {left:-24px}
.company .slide-covid19 .slide-wrap.carousel-type .slide-controls .btn-arrow.next {right:-24px}
.company .slide-covid19 .slide-wrap .slide-controls {top:300px}

@media screen and (max-width:768px) {
    .company .slide-covid19 {margin:0 -4.44vw}
    .company .slide-covid19 .slide-conts {padding:0 4.44vw}
    .company .slide-covid19 .slide-conts .img {margin-bottom:48px}
    .company .slide-covid19 .slide-conts .img.slide1 > span {background:url(/kr/images/company/sustainable/img-covid19-slide-01_mo.png) no-repeat center / cover}
    .company .slide-covid19 .slide-conts .img.slide2 > span {background:url(/kr/images/company/sustainable/img-covid19-slide-02_mo.png) no-repeat center / cover}
    .company .slide-covid19 .slide-conts .img.slide3 > span {background:url(/kr/images/company/sustainable/img-covid19-slide-03_mo.png) no-repeat center / cover}
    .company .slide-covid19 .slide-conts .intArea {text-align:center; opacity:0; transition:1s}
    .company .slide-covid19 .slide-conts.ui_carousel_current .intArea {opacity:1}
    .company .slide-covid19 .slide-wrap .indi-wrap {bottom:auto; top:calc(64vw + 40px)}
    .company .slide-covid19 .slide-wrap.carousel-type .slide-controls .btn-arrow.prev {left:calc(3.33vw - 14px)}
    .company .slide-covid19 .slide-wrap.carousel-type .slide-controls .btn-arrow.next {right:calc(3.33vw - 14px)}
    .company .slide-wrap .slide-controls {top:calc(32vw + 40px)}
    .company .slide-covid19 .slide-conts .img {height:auto; margin-top:20px}
    .company .slide-covid19 .slide-conts .img > span {display:block; width:100%; height:100%; padding-bottom:73%; background-repeat:no-repeat; background-position:center; background-size:contain}
    .company .slide-covid19 .slide-conts .text {padding:0 60px}
}

/* 탭 형식 */
.company .com-tabs.stock {margin-bottom:30px}
.company .tabs-wrap.l-type .tabs > li {padding:0}
.company .tabs-wrap.l-type .tabs > li + li {margin-left:8px}
.company .tabs-wrap.l-type .tabs > li a {padding:12px; border:1px solid #ddd; border-radius:8px; color:#000; font-size:16px; font-weight:normal; line-height:24px}
.company .tabs-wrap.l-type .tabs > li.on a {border-color:#da0f47; color:#da0f47}

.company .com-tabs .tabs-wrap.bar-type .tabs {margin-top:16px}
.company .com-tabs .tabs-wrap.bar-type .tabs > li + li {margin-left:12px; padding-left:12px}
.company .com-tabs .tabs-wrap.bar-type .tabs > li a {font-size:15px}
.company .com-tabs .tabs-wrap.bar-type .tabs > li.on a {text-decoration:underline; text-underline-offset:1px}

/* ul 형식 */
ul.bull > li {position:relative; padding-left:12px; font-size:16px; text-align:left; line-height:1.56; word-break:keep-all}
ul.bull > li.emp {font-weight:500}
ul.bull > li + li {margin-top:6px!important}
ul.bull > li::before {content:''; display:block; position:absolute; width:3px; height:3px; background-color:#000; border-radius:50%; top:10.5px; left:0}
ul.bull.no_bull > li {padding-left:0}
ul.bull.no_bull > li::before {display:none}
ul.bull > li.mt30 {margin-top:30px}
ul.bull > li > strong {display:block; margin-bottom:20px}
ul.bull > li > span.bold {font-weight:bold}
ul.bull > li .tb_row,
ul.bull > li .tb-col {margin-left:-12px}
ul.bull.mgtL > li + li {margin-top:30px!important}
ul.bull > li ul.pl {padding-left:12px}
ul.bull.fs14 > li {font-size:14px!important; line-height:22px!important}
ul.bull.fs14 > li + li {margin-top:4px!important}

ul.bull.m > li + li {margin-top:0}
ul.bull.m > li::before {width:2px; height:2px; top:11px}

ul.bull > li.star {color:#666}
ul.bull > li.star::before {content:'*'; top:0; background:none; border-radius:0; color:#666}

.company ul.bull > li > ul.ico_list {width:calc(100% + 12px); margin-left:-12px}
.company ul.ico_list {display:flex; justify-content:space-between; flex-wrap:wrap}
.company ul.ico_list.ol_box {padding:28px; border:1px solid #ddd; border-radius:8px}
.company ul.ico_list > li {width:100%; text-align:center; margin-left:0!important; text-indent:0!important}
.company ul.ico_list.t3 > li {width:33.3333%}
.company ul.ico_list.t4 > li {width:25%; padding:0 20px}
.company ul.ico_list.t10 > li {width:20%; margin:0!important; padding-bottom:20px; text-indent:0!important}
.company ul.ico_list.t10 > li + li:nth-child(6) {border-left:0}
.company ul.ico_list.t10 > li + li:nth-child(n + 6) {padding-bottom:0; padding-top:20px; border-top:1px dashed #ddd}
.company ul.ico_list > li + li {border-left:1px dashed #ddd}
.company ul.ico_list > li .iconArea {width:80px; height:80px; margin:0 auto 12px}
.company ul.ico_list > li .iconArea i {display:block; width:100%; height:100%; margin:0 auto}
.company ul.ico_list > li strong {display:block; margin-bottom:12px; line-height:26px}
.company ul.ico_list > li span + strong {margin-bottom:0!important}
.company ul.ico_list.t10 > li strong {margin-top:0!important}
.company ul.ico_list > li strong > em {font-weight:normal}
.company ul.ico_list > li span {display:block; line-height:26px}

.company ul.ico_list.line {margin-top:60px}
.company ul.ico_list.line > li {min-height:254px; padding:30px; border:1px solid #ddd; border-radius:8px}
.company ul.ico_list.line.t6 > li {width:calc(33.3333% - 16px)}
.company ul.ico_list.line.t6 > li:nth-child(4),
.company ul.ico_list.line.t6 > li:nth-child(5),
.company ul.ico_list.line.t6 > li:nth-child(6) {margin-top:24px}
.company ul.ico_list.line.t3 > li {width:calc(33.3333% - 24px); padding:30px 20px}
.company ul.ico_list.line.t3 > li + li {position:relative}
.company ul.ico_list.line.t3 > li + li::before {content:''; display:block; position:absolute; width:20px; height:36px; top:calc(50% - 18px); left:-28px; background:url(/kr/images/company/icon/ico-arrow-right-gray-br2.svg) no-repeat 50%; background-size:20px}
.company ul.ico_list.line.t3 > li strong {font-size:18px; font-weight:500; line-height:26px}
.company ul.ico_list.line.t4 > li {width:calc(25% - 27px); padding:30px 20px}
.company ul.ico_list.line.t4 > li + li {position:relative}
.company ul.ico_list.line.t4 > li + li::before {content:''; display:block; position:absolute; width:20px; height:36px; top:calc(50% - 18px); left:-28px; background:url(/kr/images/company/icon/ico-arrow-right-gray-br2.svg) no-repeat 50%; background-size:20px}
.company ul.ico_list.line.t4 > li strong {font-size:18px; font-weight:500; line-height:26px}
.company ul.ico_list.line.t4 > li strong.bold {font-weight:bold}
.company ul.ico_list.line.t4 > li strong em {display:block; font-weight:normal}
.company ul.ico_list.line > li + li {border:1px solid #ddd}

.company ul.ico_grid {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:12px}
.company ul.ico_grid > li {padding:30px; border:1px solid #ddd; border-radius:8px}
.company ul.ico_grid.t4 > li {width:calc(25% - 18px); padding:30px 10px}
.company ul.ico_grid > li .iconArea {width:80px; height:80px; margin:0 auto 12px}
.company ul.ico_grid > li .iconArea i {display:block; width:100%; height:100%; margin:0 auto}
.company ul.ico_grid > li .iconArea i.ico-estim-01 {background:url(/kr/images/company/icon/ico-estim-01.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_grid > li .iconArea i.ico-estim-02 {background:url(/kr/images/company/icon/ico-estim-02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_grid > li .iconArea i.ico-estim-03 {background:url(/kr/images/company/icon/ico-estim-03.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_grid > li .iconArea i.ico-estim-04 {background:url(/kr/images/company/icon/ico-estim-04.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_grid > li > strong {display:block; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company ul.ico_grid > li .b_box {max-width:180px; margin:12px auto 0; padding:11px 0; background-color:#f4f4f4; border-radius:50px; text-align:center}
.company ul.ico_grid > li .b_box em {display:inline-block; font-size:24px; font-weight:bold}
.company ul.ico_grid > li .b_box span {display:inline-block; font-size:18px}

.company .ofn_iconBox {max-width:1146px; margin:0 auto; padding:40px 20px; border-radius:8px; background-color:#f4f4f4}
.company .ofn_iconBox ul {display:flex}
.company .ofn_iconBox ul > li {display:flex; justify-content:center; align-items:center; width:27%; padding-left:12px}
.company .ofn_iconBox ul > li:last-child {width:19%}
.company .ofn_iconBox ul > li + li {position:relative}
.company .ofn_iconBox ul > li + li::before {content:'+'; display:block; position:absolute; width:9px; left:-4.5px; color:#666; font-size:16px; line-height:26px}
.company .ofn_iconBox ul > li:last-child:before {content:'='}
.company .ofn_iconBox ul > li .iconArea i {display:block; width:80px; height:80px}
.company .ofn_iconBox ul > li .descArea {margin-left:12px}
.company .ofn_iconBox ul > li .descArea span {display:block; font-size:16px; line-height:26px}
.company .ofn_iconBox ul > li .descArea span + span {margin-top:6px}
.company .ofn_iconBox ul > li .descArea strong {font-weight:bold}
.company .ofn_iconBox ul > li .descArea strong.emp {font-size:24px; line-height:26px}
.company .ofn_iconBox ul > li .iconArea i.ico-off_01 {background:url(/kr/images/company/icon/ico-promot-offense_01.svg) no-repeat 50% 50%; background-size:80px 80px}
.company .ofn_iconBox ul > li .iconArea i.ico-off_02 {background:url(/kr/images/company/icon/ico-promot-offense_02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company .ofn_iconBox ul > li .iconArea i.ico-off_03 {background:url(/kr/images/company/icon/ico-promot-offense_03.svg) no-repeat 50% 50%; background-size:80px 80px}

.company ul.ico_list > li .iconArea i.ico-monitor {background:url(/kr/images/company/icon/ico-monitor.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-pc {background:url(/kr/images/company/icon/ico-desktop_pc.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-aircon {background:url(/kr/images/company/icon/ico-aircon.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-dryer {background:url(/kr/images/company/icon/ico-dryer.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-fridge {background:url(/kr/images/company/icon/ico-fridge.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-dish {background:url(/kr/images/company/icon/ico-dishwasher.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-washing {background:url(/kr/images/company/icon/ico-washing_machine.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-dehum {background:url(/kr/images/company/icon/ico-dehumidifier.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-setTop {background:url(/kr/images/company/icon/ico-set_top_box.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-airclean {background:url(/kr/images/company/icon/ico-air_cleaner.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-prop_01 {background:url(/kr/images/company/icon/ico-info-lgway-proper_01.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-prop_02 {background:url(/kr/images/company/icon/ico-info-lgway-proper_02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-prop_03 {background:url(/kr/images/company/icon/ico-info-lgway-proper_03.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-prop_04 {background:url(/kr/images/company/icon/ico-info-lgway-proper_04.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-prop_05 {background:url(/kr/images/company/icon/ico-info-lgway-proper_05.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-prop_06 {background:url(/kr/images/company/icon/ico-info-lgway-proper_06.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-min-eval_01 {background:url(/kr/images/company/icon/ico-min-eval_01.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-min-eval_02 {background:url(/kr/images/company/icon/ico-min-eval_02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-min-eval_03 {background:url(/kr/images/company/icon/ico-min-eval_03.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-shee-01 {background:url(/kr/images/company/icon/ico-shee-01.png) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-shee-02 {background:url(/kr/images/company/icon/ico-shee-02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-shee-03 {background:url(/kr/images/company/icon/ico-shee-03.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-shee-04 {background:url(/kr/images/company/icon/ico-shee-04.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-risk_01 {background:url(/kr/images/company/icon/ico-risk_01.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-risk_02 {background:url(/kr/images/company/icon/ico-risk_02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-risk_03 {background:url(/kr/images/company/icon/ico-risk_03.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-risk_04 {background:url(/kr/images/company/icon/ico-risk_04.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-tcfd_01 {background:url(/kr/images/company/icon/ico-tcfd_01.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-tcfd_02 {background:url(/kr/images/company/icon/ico-tcfd_02.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-tcfd_03 {background:url(/kr/images/company/icon/ico-tcfd_03.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-tcfd_04 {background:url(/kr/images/company/icon/ico-tcfd_04.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-gateway {background:url(/kr/images/company/icon/ico-gateway.svg) no-repeat 50% 50%; background-size:80px 80px}
.company ul.ico_list > li .iconArea i.ico-phone {background:url(/kr/images/company/icon/ico-mobile-phone.svg) no-repeat 50% 50%; background-size:80px 80px}

.company ul.dwn_list {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-14px}
.company ul.dwn_list > li {display:flex; justify-content:space-between; align-items:center; width:calc(50% - 12px); margin-top:14px; padding:26px 30px; border-radius:8px; background-color:#ffffff; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14); color:#000; font-size:16px; line-height:1.5; font-weight:bold}
.company ul.dwn_list.btns2 > li {flex-wrap:wrap}
.company ul.dwn_list > li > span {flex:auto}
.company ul.dwn_list > li .btn.dwn {min-width:auto; padding:5px 12px; font-size:14px; line-height:20px; white-space:nowrap}
.company ul.dwn_list > li .btn_area {display:flex}
.company ul.dwn_list > li .btn_area .btn.dwn {position:static; min-width:132px; top:auto; transform:translate(0)}
.company ul.dwn_list > li .btn_area .btn.dwn + .btn.dwn {margin-left:10px}

.company ul.dwn_list.select {display:flex; justify-content:space-between}

.company ul.dwn_list.sales {display:flex; flex-wrap:wrap; justify-content:space-between}
.company ul.dwn_list.sales > li {width:calc(33.3333% - 16px); padding:30px; border:1px solid #ddd; box-shadow:none; font-size:20px; text-align:center; overflow:hidden}
.company ul.dwn_list.sales > li .thumb {width:calc(100% + 60px); margin:-30px 0 30px -30px; padding-top:30px; background-color:#f4f4f4; overflow:hidden}
.company ul.dwn_list.sales > li .thumb img {width:53%; max-width:232px; vertical-align:top; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company ul.dwn_list.sales > li .btn.dwn {position:static; display:block; margin:12px auto 0; transform:translateY(0)}

.company .audit_list:first-of-type {margin-top:24px}
.company .audit_list + .audit_list {margin-top:30px}
.company .audit_list .titArea {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px}
.company .audit_list .titArea .tit {font-size:18px; font-weight:bold; line-height:28px}
.company .audit_list ul.dwn_list.item2 {display:flex; justify-content:space-between; width:100%}
.company .audit_list ul.dwn_list.item2 > li {width:calc(50% - 12px)}

.company .audit_list.dwn_type2 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0}
.company .audit_list.dwn_type2 .dwn_type2_inner {width:calc(50% - 12px); margin-top:30px}
.company .audit_list.dwn_type2 ul.dwn_list > li {width:100%}
.company .audit_list.dwn_type2 ul.dwn_list > li span em {position:relative; margin-left:10px; padding-left:10px; font-weight:normal}
.company .audit_list.dwn_type2 ul.dwn_list > li span em::before {content:''; display:block; position:absolute; width:1px; height:20px; top:calc(50% - 10px); left:0; background-color:#ddd}

.company .text.dwn {margin-top:40px}

.company .ir_pt .tit {font-size:18px; font-weight:bold; line-height:1.56}
.company .ir_pt ul.ir_ptList {margin-top:20px}
.company .ir_pt ul.ir_ptList > li {display:flex; justify-content:space-between; align-items:center; width:100%; padding:30px 47px 30px 40px; border-radius:8px; background-color:#ffffff; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company .ir_pt ul.ir_ptList > li + li {margin-top:18px}
.company .ir_pt ul.ir_ptList > li .desc {font-size:16px; line-height:26px}
.company .ir_pt ul.ir_ptList > li .desc strong {display:block; font-weight:bold}
.company .ir_pt ul.ir_ptList > li .desc span {display:block; margin-top:8px; font-size:14px; line-height:22px}
.company .ir_pt ul.ir_ptList > li ul.btn_list {display:flex}
.company .ir_pt ul.ir_ptList > li ul.btn_list li {display:flex}
.company .ir_pt ul.ir_ptList > li ul.btn_list li + li {position:relative; margin-left:30px; padding-left:30px}
.company .ir_pt ul.ir_ptList > li ul.btn_list li + li::before {content:''; display:block; position:absolute; width:1px; height:20px; top:calc(50% - 10px); left:0; background-color:#ddd}
.company .ir_pt ul.ir_ptList > li ul.btn_list li .btn {width:132px; min-width:81px; padding:5px 0; font-size:14px; line-height:20px}
.company .ir_pt ul.ir_ptList > li ul.btn_list li .btn + .btn {margin-left:8px}

.company .sus_dwn_list {width:100%; border:1px solid #ddd; border-radius:8px; overflow:hidden}
.company .sus_dwn_list .thumb {width:100%; margin:0; padding-top:30px; background-color:#f4f4f4; text-align:center; overflow:hidden}
.company .sus_dwn_list .thumb img {vertical-align:top; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company .sus_dwn_list .cont {padding:30px}
.company .sus_dwn_list .cont .name {font-size:20px; font-weight:bold; line-height:30px; text-align:center}
.company .sus_dwn_list .cont .name em {display:block; margin-top:2px; color:#666; font-size:14px; font-weight:normal; line-height:24px; text-align:center}
.company .sus_dwn_list .cont .desc {margin:18px 0 24px; font-size:16px; line-height:24px; text-align:center}
.company .sus_dwn_list .cont .btn_list {margin:12px 0 10px; text-align:center}
.company .sus_dwn_list .cont .btn_list .btn {min-width:87px; min-height:40px; padding:0 16px; font-size:14px}
.company .sus_dwn_list .cont .btn_list .btn + .btn {margin-left:6px}
.company .rpt_dwnArea {position:relative; margin-top:24px}
.company .rpt_dwnArea .report_select {position:absolute; right:0; top:-34px}
.company ul.dwn_list.env {display:flex; justify-content:space-between}
.company ul.dwn_list.env li {margin-top:0}

.company ul.card_list {display:flex}
.company ul.card_list + ul.card_list {margin-top:36px; margin-bottom:-24px}
.company ul.card_list > li {width:327px; min-height:500px; margin-bottom:24px; padding:8px 30px 40px; border-radius:8px; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company ul.card_list > li + li {margin-left:24px}
.company ul.card_list  + ul.card_list > li {width:calc(25% - 18px)}
.company ul.card_list > li .photo {display:flex; flex-direction:column; justify-content:center; width:calc(100% + 10px); min-height:142px; padding-right:110px}
.company ul.card_list > li .photo.photo_01 {background:url(/kr/images/company/investor/img-director_photo_new_01.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_02 {background:url(/kr/images/company/investor/img-director_photo_new_02.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_03 {background:url(/kr/images/company/investor/img-director_photo_new_03.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_04 {background:url(/kr/images/company/investor/img-director_photo_new_04.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_05 {background:url(/kr/images/company/investor/img-director_photo_new_05.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_06 {background:url(/kr/images/company/investor/img-director_photo_new_06.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_07 {background:url(/kr/images/company/investor/img-director_photo_new_07.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_08 {background:url(/kr/images/company/investor/img-director_photo_new_08.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo.photo_09 {background:url(/kr/images/company/investor/img-director_photo_new_09.png) no-repeat center; background-size:150px; background-position:100% center}
.company ul.card_list > li .photo .name {font-size:24px; font-weight:bold; line-height:35px; word-break:keep-all}
.company ul.card_list > li .photo .name + .job {margin-top:6px}
.company ul.card_list > li .photo .job {font-size:14px; line-height:20px; word-break:keep-all}
.company ul.card_list > li .infoArea {border-top:1px solid #ddd}
.company ul.card_list > li .infoArea .info {min-height:140px; padding:24px 0}
.company ul.card_list:nth-of-type(2) > li .infoArea .info {min-height:160px}
.company ul.card_list > li .infoArea .info ul li {display:flex}
.company ul.card_list > li .infoArea .info ul li + li {margin-top:6px}
.company ul.card_list > li .infoArea .info ul li em {display:block; min-width:64px; margin-right:25px; font-size:14px; font-weight:bold; line-height:20px}
.company ul.card_list > li .infoArea .info ul li span {display:block; font-size:14px; line-height:20px}
.company ul.card_list > li .infoArea .career {padding-top:24px; border-top:1px dashed #ddd}
.company ul.card_list > li .infoArea .career > strong {font-size:14px; font-weight:bold; line-height:20px}
.company ul.card_list > li .infoArea .career > strong + ul {margin-top:8px}
.company ul.card_list > li .infoArea .career > ul li {font-size:14px; line-height:24px; word-break:keep-all}
.company ul.card_list > li .infoArea .career > ul li.pl {padding-left:25px; text-indent:-25px}
.company ul.card_list > li .infoArea .career > ul li > span {font-weight:500}

.company .tit + ul.col {margin-top:10px}
.company ul.col {padding:0}
.company ul.col.col2 {column-count:2; column-gap:25px}
.company ul.col li {color:#000; font-size:16px; line-height:24px}
.company ul.col li + li {margin-top:6px}

.company ul.flex {display:flex; flex-wrap:wrap; justify-content:space-between}
.company ul.flex.col2 > li {width:calc(50% - 12px)}
.company ul.flex.col2 > li:nth-child(n + 3) {margin-top:30px}
.company ul.flex.col2.mx430 > li {min-width:430px}
@media screen and (max-width:964px) {
    .company ul.flex.col2.mx430 > li {width:100%; min-width:0}
}

.company ul.dash {margin-left:0!important}
.company ul.dash li {color:#000; font-size:16px; line-height:24px}
.company ul.dash > li + li {margin-top:6px}
.company ul.dash > li ul {padding-left:10px}
.company ul.dash > li ul li {margin-top:2px; padding-left:10px; line-height:26px; text-indent:-10px}

.company ul.m_cardList {display:flex; flex-wrap:wrap; margin-top:30px}
.company ul.m_cardList > li {display:flex; width:calc(33.3333% - 16px); max-width:444px; height:206px; border-radius:8px; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14); overflow:hidden}
.company ul.m_cardList > li + li {margin-left:24px}
.company ul.m_cardList > li:nth-child(4) {margin-left:0}
.company ul.m_cardList > li:nth-child(n + 4) {margin-top:24px}
.company ul.m_cardList > li .photo {width:160px; height:100%}
.company ul.m_cardList > li .photo_01 {background:#ddd url(/kr/images/company/info/img-management-director-photo_01.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_02 {background:#ddd url(/kr/images/company/info/img-management-director-photo_02.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_03 {background:#ddd url(/kr/images/company/info/img-management-director-photo_03.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_04 {background:#ddd url(/kr/images/company/info/img-management-director-photo_04.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_05 {background:#ddd url(/kr/images/company/info/img-management-director-photo_05.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_06 {background:#ddd url(/kr/images/company/info/img-management-director-photo_06.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_07 {background:#ddd url(/kr/images/company/info/img-management-director-photo_07.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_08 {background:#ddd url(/kr/images/company/info/img-management-director-photo_08.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_09 {background:#ddd url(/kr/images/company/info/img-management-director-photo_09.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_10 {background:#ddd url(/kr/images/company/info/img-management-director-photo_10.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_11 {background:#ddd url(/kr/images/company/info/img-management-director-photo_11.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_13 {background:#ddd url(/kr/images/company/info/img-management-director-photo_13.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_14 {background:#ddd url(/kr/images/company/info/img-management-director-photo_14.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_15 {background:#ddd url(/kr/images/company/info/img-management-director-photo_15.png) no-repeat center / contain}
.company ul.m_cardList > li .photo_16 {background:#ddd url(/kr/images/company/info/img-management-director-photo_16.png) no-repeat center / contain}




.company ul.m_cardList > li .infoArea {width:calc(100% - 160px); padding:24px; background-color:#fff}
.company ul.m_cardList > li .infoArea .job {margin-top:30px; font-size:16px; line-height:24px}
.company ul.m_cardList > li .infoArea .name {margin-top:5px; font-size:24px; font-weight:bold; line-height:32px}
.company ul.m_cardList > li .infoArea .eng {margin-top:12px; font-size:14px; line-height:20px; word-break:keep-all}

.company ul.loca_list {display:flex; flex-wrap:wrap; justify-content:space-between}
.company ul.loca_list > li {position:relative; display:inline-block; width:calc(50% - 12px); min-height:294px; padding:38px 40px; border-radius:8px; background-color:#fff; box-shadow:2px 4px 16px 0 rgba(0,0,0,0.14)}
.company ul.loca_list > li + li {margin-top:24px}
.company ul.loca_list > li:nth-child(2) {margin-top:0}
.company ul.loca_list > li .top {padding-bottom:16px; border-bottom:1px solid #ddd}
.company ul.loca_list > li .top .tit {font-size:24px; font-weight:bold; line-height:1.5}
.company ul.loca_list > li .cont {margin-top:32px}
.company ul.loca_list > li .cont .addr em {display:block; margin-bottom:8px; font-size:16px; font-weight:bold; line-height:1.5}
.company ul.loca_list > li .cont .addr span {position:relative; display:inline-block; margin-right:10px; padding-right:11px; font-size:14px; line-height:22px}
.company ul.loca_list > li .cont .addr span:last-child {margin-right:0; padding-right:0}
.company ul.loca_list > li .cont .addr span:last-child::after {display:none}
.company ul.loca_list > li .cont .addr span::after {content:''; display:block; position:absolute; width:1px; height:10px; right:0; top:calc(50% - 5px); background-color:#ddd}
.company ul.loca_list > li .cont .call {margin-top:25px}
.company ul.loca_list > li .cont .call em {display:block; margin-bottom:8px; font-size:16px; font-weight:bold; line-height:1.5}
.company ul.loca_list > li .cont .call span {display:inline-block; font-size:14px; line-height:22px}
.company ul.loca_list > li .cont .call span + span {position:relative; margin-left:10px; padding-left:11px}
.company ul.loca_list > li .cont .call span + span::before {content:''; display:block; position:absolute; width:1px; height:10px; left:0; top:calc(50% - 5px); background-color:#ddd}
.company ul.loca_list > li .btnArea {position:absolute; top:40px; right:40px; margin:0}
.company ul.loca_list > li .btnArea .btn {min-width:79px; padding:2px 10px; font-size:14px}
.company ul.loca_list > li .btnArea .btn + .btn {margin-left:8px}

/* 팝업 */
.popup-wrap.popup-company.company_articles {max-width:1146px}
.popup-wrap.popup-company .thumb {margin:40px 0}
.popup-wrap.popup-company .thumb .iconArea {display:flex; justify-content:center}
.popup-wrap.popup-company .thumb .iconArea i {display:block; width:80px; height:80px; margin:0 auto}
.popup-wrap.popup-company .thumb .iconArea i.ico-train_01 {background:url(/kr/images/company/icon/ico-promot-training_01.png) no-repeat 50% 50%; background-size:80px 80px}
.popup-wrap.popup-company .thumb .desc {margin-top:12px; font-size:16px; line-height:1.5; text-align:center}
.popup-wrap.popup-company .box {display:flex; justify-content:space-between; padding:24px; border-radius:6px; background-color:#f4f4f4}
.popup-wrap.popup-company .box span {font-weight:bold}
.popup-wrap.popup-company .pop-conts::-webkit-scrollbar {width:24px}
.popup-wrap.popup-company .pop-conts::-webkit-scrollbar-thumb {border:8px solid transparent; border-radius:16px; background-clip:padding-box; background-color:#aaa}
.popup-wrap.popup-company .pop-conts::-webkit-scrollbar-track {background-color:transparent}
.popup-wrap.popup-company .pop-conts .imgArea {width:100%; margin-bottom:30px}
.popup-wrap.popup-company .pop-conts .imgArea img {width:100%; vertical-align:top}
.popup-wrap.popup-company .pop-conts .tit {word-break:keep-all}
.popup-wrap.popup-company .pop-conts .tit + ul {margin-top:12px}
.popup-wrap.popup-company .pop-conts .com-text.tbl {padding-bottom:0}
.popup-wrap.popup-company .pop-conts .com-text.tbl + .com-text::before {display:none}
.popup-wrap.popup-company.social .pop-conts .tb_row table tbody th {padding:0; font-size:13px; font-weight:normal; line-height:21px; text-align:center}
.popup-wrap.popup-company .pop-conts table th,
.popup-wrap.popup-company .pop-conts table td {padding:24px 26px; border-bottom:1px solid #ddd; word-break:keep-all}

/* 아코디언 영역 */
.company .tit + .accordion-wrap {margin-top:24px}
.company .accordion-wrap.btmBtn > ul > .lists {margin-top:0; border-radius:8px; box-shadow:2px 4px 12px 0 rgba(0,0,0,0.14); z-index:5}
.company .accordion-wrap.btmBtn > ul > .lists + .lists {margin-top:40px}
.company .accordion-wrap > ul > .lists.on .head .accord-btn {padding-top:62px; /*padding-bottom:28px*/}
.company .accordion-wrap > ul > .lists .head .accord-btn::after {width:24px; height:24px; top:calc(50% - 12px); margin:0; border:0; background:url(/lg5-common/images/icons/btn-down-16-black.svg) center no-repeat; background-size:20px 20px}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn .title {font-size:20px; line-height:1.5}
.company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn .title {font-weight:bold}
.company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn.tit_sub .title {font-weight:bold}
.company .accordion-wrap > ul > .lists .noCont {padding:18px 20px}
.company .accordion-wrap > ul > .lists .noCont .tit {font-size:20px; line-height:1.5; font-weight:500}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont {padding-left:60px; padding-right:60px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea {padding:40px 0; border-top:1px solid #000; color:#000; word-break:keep-all}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea > * {word-break:keep-all}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea img {border-radius:8px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea img.only_pc {margin-top:30px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea img.only_mo {margin-top:15px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea + .txtArea {padding-top:0; border-top:0}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tb_row,
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tb-col {margin-top:0}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea table {margin-top:12px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tbl_info + table {margin-top:0}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .esgWay_wrap img {max-width:416px; height:270px; margin-right:30px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .comp_wrap img {max-width:416px; height:270px; margin-top:0; margin-right:30px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit {margin-top:12px; margin-bottom:12px; font-size:18px; line-height:1.5; word-break:keep-all}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit + ul {margin-top:12px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit ~ .tit {margin-top:20px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit ~ .tit.h4 {margin-top:40px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit.h4.mt {margin-top:40px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea ul li strong.mt {margin-top:30px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .btn-link {margin-top:30px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .plusArea {border-top:1px solid #000}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .plusArea ul li {font-size:14px; line-height:22px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .btnArea {margin-top:0; margin-bottom:28px; text-align:center}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .btnArea .btn {min-width:154px}
.company .accordion-wrap.btmBtn > ul > .lists .btn.menu-opener {position:relative}
.company .accordion-wrap.btmBtn > ul > .lists .btn.menu-opener::after {content:''; display:inline-block; width:20px; height:20px; margin-left:4px; margin-top:4px; background:url(/lg5-common/images/icons/icon-arrow-accor.svg) center no-repeat; background-size:20px 20px; vertical-align:top; transition:all .3s}
.company .accordion-wrap.btmBtn > ul > .lists.on .btn.menu-opener::after {transform:rotate(180deg)}
.company .accordion-wrap.btmBtn > ul > .lists .btn.border:active:hover::after,
.company .accordion-wrap.btmBtn > ul > .lists .btn.border:focus:hover::after,
.company .accordion-wrap.btmBtn > ul > .lists .btn.border:hover::after {background:url(/kr/images/company/icon/icon-arrow-accor-white.svg) center no-repeat!important; background-size:20px 20px!important; transition:background ease-in-out .15s}

.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_sub {display:block; padding-top:60px; padding-bottom:60px}
.company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn.tit_sub {padding-bottom:40px}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_sub .title {font-weight:500}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_sub .sub {display:block; margin-top:10px; font-size:16px; line-height:24px}

.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb {padding-left:185px}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .thumb {position:absolute; width:100px; height:65px; top:calc(50% - 32.5px); left:60px; margin:0}
.company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn.tit_thumb .thumb {top:calc(50% - 22.5px)}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .thumb img {width:100%; vertical-align:top}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea.tit_thumb table {margin:0}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > em {color:#666; font-size:16px; font-weight:normal}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > span.bar {position:relative; margin-right:11px; padding-right:12px}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > span.bar::after {content:''; display:block; position:absolute; width:1px; height:20px; top:calc(50% - 10px); right:0; background-color:#ddd}
.company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > em b {color:#000; font-size:20px; font-weight:500}

.company .accordion-wrap.lgway {margin-top:30px}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea > ul > li + li {margin-top:40px}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea > ul > li > ul {padding-left:18px}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .tit {margin:0}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .text {margin:0}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .tit + .text {margin-top:12px}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .text + .text {margin:0}
.company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .pl {padding-left:8px; text-indent:-8px}

.company .accordion-wrap.esgway_vision {margin-top:0; margin-bottom:27px}
.company .accordion-wrap.esgway_vision > ul > .lists {position:relative; border:1px solid #ddd; border-radius:8px}
.company .accordion-wrap.esgway_vision > ul > .lists.on {box-shadow:none}
.company .accordion-wrap.esgway_vision > ul > .lists + .lists {margin-top:27px}
.company .accordion-wrap.esgway_vision > ul > .lists.on .head {width:100%; height:100%}
.company .accordion-wrap.esgway_vision > ul > .lists .head .accord-btn {position:static; flex-direction:column; width:100%; height:100%; padding:0}
.company .accordion-wrap.esgway_vision > ul > .lists.on .head .accord-btn {padding-top:0}
.company .accordion-wrap.esgway_vision > ul > .lists .head .accord-btn::after {top:auto; bottom:-12px; left:calc(50% - 12px); background:url(/kr/images/company/icon/ico-plus-bg_black.svg) no-repeat center; background-size:24px 24px}
.company .accordion-wrap.esgway_vision > ul > .lists.on .head .accord-btn::after {background:url(/kr/images/company/icon/ico-minus-bg_black.svg) no-repeat center; background-size:24px 24px}
.company .accordion-wrap.esgway_vision > ul > .lists .head .accord-btn .title {width:calc(100% + 2px); max-height:none; margin:-1px 0 0 -1px; padding:40px 10px 10px; border-radius:8px 8px 0 0; background-color:#da0f47; color:#fff; font-size:15px; font-weight:normal; line-height:23px; text-align:center}
.company .accordion-wrap.esgway_vision > ul > .lists .head .accord-btn .label {position:absolute; display:block; width:28px; top:10px; left:calc(50% - 14px); border-radius:50%; background-color:#fff; color:#da0f47; font-size:15px; font-weight:bold; line-height:28px; text-align:center}
.company .accordion-wrap.esgway_vision > ul > .lists .head .accord-btn .sub {display:block; padding:12px 12px 20px; font-size:14px; line-height:22px; text-align:center}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont {padding:0 18px 22px}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect {padding-top:12px; border-top:1px dashed #ddd; color:#000}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect + .sect {margin-top:12px}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect .title {margin-bottom:9px; color:#000; font-size:15px; font-weight:bold; line-height:23px}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect .title.pink {color:#da0f47}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect .title ~ .title {margin-top:12px}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect .text {margin-top:0; font-size:14px; line-height:22px}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect .text strong {display:block; color:#da0f47; font-weight:bold}
.company .accordion-wrap.esgway_vision > ul > .lists .accord-cont .content .sect .text span {display:block}

.company .accordion-wrap.sustain {margin-top:20px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .tit {margin-top:0; margin-bottom:10px}
.company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit + ul {margin-top:12px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li {line-height:26px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .tit ~ .tit {margin-top:30px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li > .tit {margin-top:30px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li:first-child > .tit {margin-top:0}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.mg20 > li + li {margin-top:20px!important}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.bull > li > ul > li {margin-left:8px; text-indent:-8px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.bull > li > ul + ul {margin-top:6px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .text {margin-top:10px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea strong {margin-top:0; margin-bottom:5px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.bull.stit > li strong {margin-top:30px; margin-bottom:12px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 {position:relative; display:flex; justify-content:space-between}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2::before {content:''; display:block; position:absolute; width:1px; top:0; bottom:0; left:calc(50% - 0.5px); border-left:1px dashed #ddd}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > img {display:block; max-width:576px; width:calc(50% - 12px); margin:0}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > img + img {margin-left:24px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > ul {display:flex; justify-content:space-between; width:100%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > ul li {width:calc(50% - 12px)}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > ul li img {display:block; margin:0 auto; border-radius:0}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w576 > img {display:block; max-width:576px; margin:0 auto; border-radius:0}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w576 ul.thumb_name {display:flex; justify-content:space-between; max-width:576px; margin:0 auto; padding:0 1.6%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb ul.thumb_name > li {margin-top:12px; font-size:18px; font-weight:500; line-height:28px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic1 > img.only_pc {max-width:868px; width:100%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic1 > img {border-radius:0}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.g_box {padding:40px; border-radius:8px; background-color:#f4f4f4}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.g_box > img {display:block; max-width:510px; width:100%; margin:0 auto}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.g_box ul.thumb_name {display:flex; justify-content:space-between; max-width:510px; margin:0 auto; padding:0 2.4%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w912 {margin-top:0; margin-bottom:36px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w912 > img {width:100%; max-width:912px; margin:0 auto}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w1142 {margin-top:0}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w1142 > img {width:100%; max-width:1142px; margin:0 auto}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info {display:flex; flex-direction:column; align-items:center; max-width:675px; margin:0 auto}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info .g_tit {margin-top:24px; font-size:20px; font-weight:bold; line-height:30px; text-align:center}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul {display:flex; margin-top:10px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li {display:flex; flex-direction:column; align-items:center; width:210px; padding:27px 0 22px; border:1px solid #ddd; border-radius:8px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li + li {margin-left:24px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li span {display:block; font-size:16px; font-weight:bold; line-height:26px; text-align:center}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li strong {position:relative; display:inline-block; margin-top:16px; margin-bottom:0; padding-left:34px; color:#da0f47; font-size:30px; font-weight:bold; line-height:44px; text-align:center}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li strong::before {content:''; display:block; position:absolute; width:0; height:0; left:0; bottom:10px; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:15px solid #da0f47}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb strong {display:block; margin-top:12px; font-size:16px; font-weight:normal; line-height:24px; text-align:center}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .diagram {margin-top:20px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .diagram > img.only_pc {max-width:1146px; width:100%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.box {display:flex; justify-content:space-between}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box {width:calc(100% + 12px); margin-left:-12px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.box > li {width:calc(25% - 18px); margin:0!important; padding:29px 20px; border:1px solid #ddd; border-radius:8px; text-indent:0!important; word-break:keep-all}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.box > li strong {display:block; margin-top:0!important; margin-bottom:10px!important; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.box > li > ul li + li {margin-top:4px!important}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list {display:flex; justify-content:space-between; margin-top:12px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li {margin-left:0!important; text-indent:0!important}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li + li {position:relative}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li + li::before {content:''; display:block; position:absolute; width:1px; top:0; bottom:0; left:0; border-left:1px dashed #ddd}
@media screen and (min-width:768px) {
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li:nth-child(3n+1) {width:31.74%; padding-right:4.76%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li:nth-child(3n+2) {width:36.5%; padding-right:4.76%; padding-left:4.76%}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li:nth-child(3n+3) {width:31.74%; padding-left:4.76%}
}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li img {display:block; width:100%; margin:0 auto; border-radius:8px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li p {margin-top:12px; font-size:18px; font-weight:500; line-height:26px; text-align:center}

.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.bull li > ul.dash_list {width:calc(100% + 12px); margin-left:-12px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li .tit {margin-top:24px!important; font-size:18px; font-weight:500; line-height:28px; text-align:center}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li .text {margin-top:8px; font-size:16px; font-weight:normal; line-height:26px; text-align:left}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.desc {width:calc(100% + 12px); margin-left:-12px; margin-top:20px!important}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.desc > li {margin-left:0!important; text-indent:0!important}

.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box {margin-top:20px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li + li {margin-top:15px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li:nth-child(1) .thmb {width:100%; height:139px; border-radius:8px 8px 0 0; background:#ddd url(/kr/images/company/sustainable/img-balancedGrowth_product_01.png) no-repeat 50% 100% / contain; overflow:hidden}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li:nth-child(2) .thmb {width:100%; height:139px; border-radius:8px 8px 0 0; background:#ddd url(/kr/images/company/sustainable/img-balancedGrowth_product_02.png) no-repeat 50% 100% / contain; overflow:hidden}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li:nth-child(3) .thmb {width:100%; height:139px; border-radius:8px 8px 0 0; background:#ddd url(/kr/images/company/sustainable/img-balancedGrowth_product_03.png) no-repeat 50% 100% / contain; overflow:hidden}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li:nth-child(4) .thmb {width:100%; height:139px; border-radius:8px 8px 0 0; background:#ddd url(/kr/images/company/sustainable/img-balancedGrowth_product_04.png) no-repeat 50% 100% / contain; overflow:hidden}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li .name {position:relative; padding:15px 20px; border:1px solid #ddd; border-radius:0 0 8px 8px; background-color:#fff; overflow:hidden}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li .name p {padding-right:20%; font-size:16px; font-weight:bold; line-height:24px; word-break:keep-all}
.company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pop_box > ul > li .name button {position:absolute; right:20px; top:calc(50% - 12px); width:24px; height:24px; background:url(/kr/images/company/icon/ico-tooltip_b_black.svg) no-repeat center; background-size:24px 24px}

/* 자료 더보기 영역 */
.company .cont_view_more {padding:60px 0 0}
.company .cont_view_more .btnArea {margin:0; text-align:center}
.company .cont_view_more .btnArea .btn {position:relative; display:inline-block; padding:9px 15px 9px 35px; border:1px solid #000; border-radius:24px; font-size:14px; line-height:20px}
.company .cont_view_more .btnArea .btn > .open,
.company .cont_view_more .btnArea .btn > .close {font-size:14px; font-weight:normal; line-height:20px; opacity:1; text-shadow:none}
.company .cont_view_more .btnArea .btn:hover > span,
.company .cont_view_more .btnArea .btn:focus > span,
.company .cont_view_more .btnArea .btn:active > span {color:#fff}
.company .cont_view_more .btnArea .btn::after {content:''; display:block; position:absolute; width:16px; height:16px; left:16px; top:calc(50% - 8px); background:url(/lg5-common/images/icons/btn-plus-16.svg) no-repeat center / contain}
.company .cont_view_more .btnArea .btn:hover::after,
.company .cont_view_more .btnArea .btn:focus::after,
.company .cont_view_more .btnArea .btn:active::after {background:url(/kr/images/company/icon/btn-plus-16-white.svg) no-repeat center / contain; transition:background ease-in-out .15s}
.company .cont_view_more .btnArea .btn.on::after {background:url(/lg5-common/images/icons/btn-minus-16.svg) no-repeat center / contain; transition:background ease-in-out .15s}
.company .cont_view_more .btnArea .btn.on:hover::after,
.company .cont_view_more .btnArea .btn.on:focus::after,
.company .cont_view_more .btnArea .btn.on:active::after {background:url(/kr/images/company/icon/btn-minus-16-white.svg) no-repeat center / contain; transition:background ease-in-out .15s}
.company .cont_view_more .content {padding:80px 0 0}
.company .cont_view_more .content .section + .section {margin-top:30px}

/* 테이블 */
/* .company table {table-layout:fixed} */
.company .over_tbl_p {overflow-x:scroll; overflow-y:hidden}
.company .over_tbl_p table {max-width:1380px; width:1380px}
.company .over_tbl_p .tbl_info {max-width:1380px; width:1380px}
.company .over_tbl_p::-webkit-scrollbar {height:20px}
.company .over_tbl_p::-webkit-scrollbar-thumb {border:8px solid transparent; border-radius:16px; background-clip:padding-box; background-color:rgba(0,0,0,0.2)}
.company .over_tbl_p::-webkit-scrollbar-track {background-color:transparent}
.company table caption {position:static; width:0; height:0; margin:0; padding:0; font-size:0}
.company colgroup col.auto {width:auto}
.company colgroup col.p40 {width:40%}
.company colgroup col.p31 {width:31%}
.company colgroup col.p30 {width:30%}
.company colgroup col.p25 {width:25%}
.company colgroup col.p20 {width:20%}
.company colgroup col.p33 {width:33.3333%}
.company .tb_row th,
.company .tb_row td,
.company .tb-col th,
.company .tb-col td {word-break:keep-all}
.company .tb_row strong.bull,
.company .tb-col strong.bull {position:relative; display:block; margin-bottom:15px; padding-left:8px; font-size:14px; font-weight:bold; line-height:22px}
.company .tb_row strong.bull::before,
.company .tb-col strong.bull::before {content:''; display:block; position:absolute; width:2px; height:2px; top:10px; left:0; background-color:#000; border-radius:50%}
.company .tabs-contents.on + .tabs-contents.on {margin-top:30px}
.company .com-text.tbl {padding-bottom:0}
.company .com-text.tbl + .com-text::before {display:none}
.company .tb_row,
.company .tb_row .tb-col {position:relative}
.company .tbl_tit {margin-bottom:20px; font-size:18px; font-weight:bold; line-height:1.56}
.company .tit ~ .tbl_tit {margin-top:30px}
.company .tbl_info.abs2 {position:absolute; right:0; top:-34px}
.company .tb_row .tbl_info,
.company .tb-col .tbl_info {margin-bottom:24px; font-size:14px; line-height:24px}
.company .tb_row .tbl_info.g,
.company .tb-col .tbl_info.g {color:#666}
.company .tb_row .tbl_info.s,
.company .tb-col .tbl_info.s {margin-bottom:10px}
.company .tb_row .tbl_info.abs,
.company .tbl_info.abs {position:absolute; right:0; top:-34px}
.company .tb_row .tbl_info.lt,
.company .tb-col .tbl_info.lt {text-align:left}
.company .tb_row .tbl_info.rt,
.company .tb-col .tbl_info.rt {text-align:right}
.company .tb_row .tbl_info.btm,
.company .tb-col .tbl_info.btm {margin-top:12px; margin-bottom:0}
.company .tb_row .tbl_info.btm ul,
.company .tb-col .tbl_info.btm ul {color:#666; line-height:22px}
.company .tb_row .tbl_info.btm p,
.company .tb-col .tbl_info.btm p {color:#000}
.company .tb_row .tbl_info.btm p > span,
.company .tb-col .tbl_info.btm p > span {display:inline-block}
.company .tb_row .tbl_info.btm p > span + span,
.company .tb-col .tbl_info.btm p > span + span {position:relative; margin-left:13px}
.company .tb_row .tbl_info.btm p > span + span::before,
.company .tb-col .tbl_info.btm p > span + span::before {content:''; display:block; position:absolute; width:1px; height:10px; top:calc(50% - 5px); left:-6.5px; background-color:#ddd}

.company .tb_row.middle table th,
.company .tb-col.middle table th {vertical-align:middle}
.company .tb_row table .txt_l,
.company .tb-col table .txt_l {text-align:left!important}
.company .tb_row table .txt_c,
.company .tb-col table .txt_c {text-align:center!important}
.company .tb_row table .txt_r,
.company .tb-col table .txt_r {text-align:right!important}
.company .tb_row.td_txt_r table td,
.company .tb-col.td_txt_r table td {text-align:right!important}
.company .tb_row table td strong,
.company .tb-col table td strong {font-weight:bold}
.company .tb_row table td .point,
.company .tb-col table td .point {color:#da0f47}
.company .tb_row table td .point.org,
.company .tb-col table td .point.org {color:#ff3723}
.company .tb_row .tbl_info .exc,
.company .tb-col .tbl_info .exc {position:relative; display:block; padding-left:27px; font-size:16px}
.company .tb_row .tbl_info .exc::before,
.company .tb-col .tbl_info .exc::before {content:''; display:block; position:absolute; left:0; top:0; width:24px; height:24px; background:url(/kr/images/company/icon/ico-c-exclama_pc.svg) no-repeat center / contain}
.company .tb_row table .txt_l,
.company .tb-col table .txt_l {text-align:left}

.company .tbl_select.m-type {max-width:444px; margin:0 auto 30px}
.company .tb_row .tbl_select,
.company .tb-col .tbl_select {margin-bottom:12px; text-align:right}
.company .tb_row table thead tr {border-bottom:1px solid #d8d8d8}
.company .tb_row table {position:relative}
.company .tb_row table::before {content:''; display:block; position:absolute; left:0; right:0; top:0; background:#666; height:1px}
.company .tb_row table thead th {border-top:0}
.company .tb_row table tbody th {padding:24px; border-bottom:1px solid #ddd; color:#000; font-size:16px; font-weight:normal; line-height:26px; text-align:center}
.company .tb_row table th.bold,
.company .tb-col table th.bold {font-weight:bold}
.company .tb_row table td.bold,
.company .tb-col table td.bold {font-weight:bold}
.company .tb_row table th.bold_m,
.company .tb-col table th.bold_m {font-weight:500}
.company .tb_row table td.bold_m,
.company .tb-col table td.bold_m {font-weight:500}
.company .tb_row table th.bo_l,
.company .tb_row table td.bo_l,
.company .tb-col table th.bo_l,
.company .tb-col table td.bo_l {border-left:1px solid #ddd!important}
.company .tb_row table tr.bo_dash th,
.company .tb_row table tr.bo_dash td,
.company .tb-col table tr.bo_dash th,
.company .tb-col table tr.bo_dash td {border-bottom:1px dashed #e4e4e4!important}
.company .tb_row table th.gray,
.company .tb_row table td.gray,
.company .tb-col table th.gray,
.company .tb-col table td.gray {color:#666}
.company .tb-col table tr:first-child th,
.company .tb-col table tr:first-child td {border-top:1px solid #ddd}
.company .th_g table tbody th {background-color:#f4f4f4; color:#666; font-weight:500}

.company .tb_row table th.v_top,
.company .tb-col table th.v_top,
.company .tb_row table td.v_top,
.company .tb-col table td.v_top {vertical-align:top}
.company .tb_row table th.pd0_p,
.company .tb-col table th.pd0_p,
.company .tb_row table td.pd0_p,
.company .tb-col table td.pd0_p {padding:16px 0!important}
.company .tb_row table th.pd_p,
.company .tb-col table th.pd_p,
.company .tb_row table td.pd_p,
.company .tb-col table td.pd_p {padding:16px 10px!important}
.company .tb_row.breakAll table th,
.company .tb-col.breakAll table th {word-break:break-all}
.company .tb_row.breakAll table td,
.company .tb-col.breakAll table td {word-break:break-all}

.company .tb_row table th.txt_indent,
.company .tb_row table td.txt_indent,
.company .tb-col table th.txt_indent,
.company .tb-col table td.txt_indent {padding-right:10px;padding-left:38px;}

.tb_row.thmb .tbl_thumb > ul {display:flex; background-color:#f4f4f4}
.tb_row.thmb .tbl_thumb > ul > li {width:20%; height:200px}
.tb_row.thmb .tbl_thumb > ul > li:nth-child(2) {background:url(/kr/images/company/sustainable/img-balancedGrowth_product_01.png) no-repeat 50% 100%; background-size:contain}
.tb_row.thmb .tbl_thumb > ul > li:nth-child(3) {background:url(/kr/images/company/sustainable/img-balancedGrowth_product_02.png) no-repeat 50% 100%; background-size:contain}
.tb_row.thmb .tbl_thumb > ul > li:nth-child(4) {background:url(/kr/images/company/sustainable/img-balancedGrowth_product_03.png) no-repeat 50% 100%; background-size:contain}
.tb_row.thmb .tbl_thumb > ul > li:nth-child(5) {background:url(/kr/images/company/sustainable/img-balancedGrowth_product_04.png) no-repeat 50% 100%; background-size:contain}
.tb_row.thmb table {margin-top:0!important}
.tb_row.thmb table::before {display:none}
.tb_row.thmb table thead th {background-color:#da0f47; color:#fff; border:0; word-break:break-all}
.tb_row.thmb table tbody td {vertical-align:top}

.company .tb_row.grdt {max-width:706px; margin-top:8px!important}
.company .tb_row.grdt table::before {display:none}
.company .tb_row.grdt table th,
.company .tb_row.grdt table td {border-color:#fff; height:40px; padding:8px 0; font-size:14px; line-height:22px}
.company .tb_row.grdt table tr {border-bottom:none!important}
.company .tb_row.grdt.grn1 table th:nth-of-type(1) {background-color:#ddd; color:#666}
.company .tb_row.grdt.grn1 table th:nth-of-type(2) {background-color:#f4f4f4; color:#666}
.company .tb_row.grdt.grn1 table th:nth-of-type(3) {background-color:#76afb5; color:#fff}
.company .tb_row.grdt.grn1 table th:nth-of-type(4) {background-color:#63a4ab; color:#fff}
.company .tb_row.grdt.grn1 table th:nth-of-type(5) {background-color:#48949c; color:#fff}
.company .tb_row.grdt.grn1 table th:nth-of-type(6) {background-color:#347b83; color:#fff}
.company .tb_row.grdt.grn1 table th:nth-of-type(7) {background-color:#1d6169; color:#fff}

.company .tb_row.grdt.grn2 table th:nth-of-type(1) {background-color:#ddd; color:#666}
.company .tb_row.grdt.grn2 table th:nth-of-type(2) {background-color:#f4f4f4; color:#666}
.company .tb_row.grdt.grn2 table th:nth-of-type(3) {background-color:#9bc4c9; color:#fff}
.company .tb_row.grdt.grn2 table th:nth-of-type(4) {background-color:#76afb5; color:#fff}
.company .tb_row.grdt.grn2 table th:nth-of-type(5) {background-color:#63a4ab; color:#fff}
.company .tb_row.grdt.grn2 table th:nth-of-type(6) {background-color:#48949c; color:#fff}

.company .tb_row.grdt.grn3 table th:nth-of-type(1) {background-color:#ddd; color:#666}
.company .tb_row.grdt.grn3 table th:nth-of-type(2) {background-color:#f4f4f4; color:#666}
.company .tb_row.grdt.grn3 table th:nth-of-type(3) {background-color:#76afb5; color:#fff}
.company .tb_row.grdt.grn3 table th:nth-of-type(4) {background-color:#63a4ab; color:#fff}
.company .tb_row.grdt.grn3 table th:nth-of-type(5) {background-color:#48949c; color:#fff}
@media screen and (max-width:768px) {
    .company .tb_row.grdt table th,
    .company .tb_row.grdt table td {height:34px; padding:6px 0!important}
}


/* 정관 */
.artTxt h2.tit {margin-bottom:12px; font-size:18px; font-weight:bold; line-height:1.56; word-break:keep-all}
.artTxt h2.tit ~ h2.tit {margin-top:40px}
.artTxt p {font-size:16px; line-height:26px; word-break:keep-all}
.artTxt ul li {font-size:16px; line-height:26px; word-break:keep-all}
.artTxt > ul > li {position:relative; padding-left:24px}
.artTxt ul li .num {position:absolute; left:0; line-height:26px}
@media screen and (max-width:768px) {
    .artTxt h2.tit ~ h2.tit {margin-top:20px}
    .artTxt p {font-size:14px; line-height:22px}
    .artTxt ul li {font-size:14px; line-height:22px}
    .artTxt > ul > li {padding-left:20px}
    .artTxt ul li .num {line-height:22px}
}

                                                    
   
                                                 
/*ESG 경영 > 사회 > 사회공헌 > 사랑나눔 프로그램*/
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .tit.dot {position:relative; padding-left:12px;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .tit.dot:before {content:''; display:inline-block; position:absolute; top:11px; left:0; width:3px; height:3px; background-color:#000; border-radius:100%;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .agree-wrap {margin-top:14px; border:1px solid #ddd; border-radius:8px;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .agree-wrap .txt-wrap {overflow-y: scroll; height:268px; padding:25px 24px 17px 24px; font-size:14px; line-height:24px; border-bottom:1px solid #ddd;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .agree-wrap .btn-agree {padding: 17px 24px;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing ul.bull.num_bull > li {padding-left:20px;text-indent: -20px;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing ul.bull.num_bull > li:before {display:none;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box h4 {font-size:14px;font-weight: normal;color: #666;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box h5{margin-top:35px;padding-top:37px;font-size:14px;font-weight:400;color:#666;border-top:1px solid #ccc}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box p{color:#666;line-height:1.714;margin-top:12px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box ol{margin-top:19px}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box table{margin:20px 0 25px;font-size:14px;color:#666;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box table th,
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box table td {font-size:14px;color:#666;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .policy_box .gap {margin-top: 10px;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .btnArea .btn-apply {margin-left:30px;background-image:none; background-color:#da0f47;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .txtArea .text:first-child {margin-top: 0;}
.company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .txtArea .text + .tit.dot {margin-top: 30px;}
@media screen and (max-width:768px) {
    .company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .agree-wrap .txt-wrap {height:143px;padding:12px;font-size:13px;}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .btnArea .btn-apply {margin-left:16px}
}
@media screen and (max-width:350px) {
    .company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .agree-wrap .btn-agree {padding: 12px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .btnArea .btn {min-width:118px;}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont.loveSharing .btnArea .btn-apply {margin-left:10px}
}
                                                                                          
                                                                                          
                                                    
/* Tablet */
@media screen and (max-width:1460px) {
    .company ul.rec_type > li {width:calc(25% - 1.23vw)}
    .company ul.rec_type > li .type_thumb {width:22vw; height:22vw}

    .company .ir_pt ul.ir_ptList > li {flex-direction:column}
    .company .ir_pt ul.ir_ptList > li .btn_list {padding-top:20px}

    .company ul.card_list > li {width:calc(33.3333% - 16px)}
    .company ul.card_list > li .photo .name {font-size:20px; line-height:30px}
}
@media screen and (max-width:1220px) {
    .company .audit_list.dwn_type2 ul.dwn_list > li span em {display:block; margin-left:0; margin-top:9px; padding-left:0}
    .company .audit_list.dwn_type2 ul.dwn_list > li span em::before {display:none}
}    
@media screen and (max-width:1170px) {
    .company ul.m_cardList > li {width:calc(50% - 12px); max-width:50%}
    .company ul.m_cardList > li:nth-child(3),
    .company ul.m_cardList > li:nth-child(5) {margin-top:24px; margin-left:0}
    .company ul.m_cardList > li:nth-child(4) {margin-left:24px}
}
@media screen and (max-width:1120px) {
    .company colgroup col.m50 {width:50%!important}
    .company colgroup col.m25 {width:25%!important}
    .company ul.card_list + ul.card_list {flex-wrap:wrap; justify-content:space-between; margin-bottom:0}
    .company ul.card_list + ul.card_list > li {width:calc(50% - 12px); margin:0}
    .company ul.card_list + ul.card_list > li:nth-child(n + 3) {margin-top:24px}
    .company ul.card_list > li .photo .job {font-size:13px}
    
    .company .box.color {padding:60px 30px}
    .company .box.color > ul {justify-content:space-between}
    .company .box.color > ul > li {max-width:240px; align-items:flex-start}
    .company .box.color > ul > li .info {margin-left:0; padding:0 12px}

    .company ul.cmSystem {flex-direction:column; width:100%; max-width:416px; margin:15px auto 0}
    .company ul.cmSystem > li {display:flex; width:100%; min-height:110px}
    .company ul.cmSystem > li + li {margin-top:28px}
    .company ul.cmSystem > li .step {width:104px; height:104px; margin:0 12px 0 0}
    .company ul.cmSystem > li + li::before {width:24px; height:24px; top:-28px; left:40px; background:url(/lg5-common/images/icons/btn-down-16-black.svg) no-repeat 50% / contain}
    .company ul.cmSystem > li .step > span {width:84px; height:84px; margin:9px; font-size:15px; line-height:85px}
    .company ul.cmSystem > li ul {margin:0; padding:0}
    .company ul.cmSystem > li ul li + li {margin-top:2px!important}

    .company ul.esg_logos > li {width:calc(50% - 12px)}

    .company .home_appliances > ul > li {width:100%}
    .company .home_appliances > ul > li .home_box .home_tit {min-height:52px}
    .company .home_appliances > ul > li .home_box .home_tit span {font-size:14px; line-height:22px}
    .company .home_appliances > ul > li .home_box .home_text {padding:16px; border-left:0; font-size:14px; line-height:22px}
    .company .home_appliances > ul > li .home_box +.home_box .home_text {border-left:1px solid #ddd}

    .company ul.rec_type > li p {margin-top:30px; font-size:18px}
}
@media screen and (max-width:1024px) {
    .only_pc.no_tab {display:none!important}
    .only_tab {display:block!important}
    .company ul.loca_list > li .cont .addr span {margin-right:0; padding-right:0}
    .company ul.loca_list > li .cont .addr span::after {display:none}
    .company .ceoArea .txt {left:10%}
}
@media screen and (max-width:952px) {
    .company .man_directors {margin-top:20px}
    .company .man_directors .md_pcArea {display:none}
    .company .man_directors .md_moArea {display:block}
    .company .man_directors .md_moArea .md_mo_thumb {max-width:260px; margin:0 auto}

    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .diagram > img.only_pc {display:none!important}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .diagram > img.only_mo {display:block!important; max-width:280px}

    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pdt_list.only_pc {display:none!important}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .pdt_list.only_mo {display:block!important}
}
@media screen and (max-width:860px) {
    .company ul.card_list:first-of-type > li {padding-top:40px; padding-bottom:40px}
    .company ul.card_list:first-of-type > li .photo {justify-content:flex-start; height:198px; padding-right:0; background-position:100% 100%}
    .company ul.card_list > li .infoArea .info ul li {flex-direction:column}

    .company ul.m_cardList > li {width:100%; max-width:100%; margin-left:0!important}
    .company ul.m_cardList > li + li {margin-top:24px}

    .company .box.color {padding:20px 0}
    .company .box.color > ul {flex-direction:column; align-items:center}
    .company .box.color > ul > li {width:216px; text-align:center}
    .company .box.color > ul > li + li {margin-top:20px}
    .company .box.color > ul > li .chip {width:104px; height:104px; margin:0 auto; font-size:15px}
    .company .box.color > ul > li .chip span {line-height:104px}
    .company .box.color > ul > li .info {display:inline-block; width:100%; margin-top:8px; margin-left:0; padding:0; text-align:left}
    .company .box.color > ul > li .info p {font-size:13px}

    .company .graph.lgway1 > .only_pc {display:none!important}
    .company .graph.lgway1 > .only_mo {display:block!important; width:100%; max-width:508px; margin:0 auto}
}
@media screen and (max-width:520px) {
    .company .home_appliances > ul > li .home_box .home_tit {display:flex; justify-content:center; align-items:center}
    .company .home_appliances > ul > li:nth-child(3) .home_box .home_tit {min-height:73px}
    .company .home_appliances > ul > li:nth-child(3) .home_box .home_text {height:calc(100% - 167px)}
}
@media screen and (max-width:421px) {
    .company .home_appliances > ul > li:nth-child(4) .home_box .home_tit {min-height:73px}
    .company .home_appliances > ul > li:nth-child(4) .home_box .home_text {height:calc(100% - 167px)}
}

/* 모바일 */
@media screen and (max-width:768px) {
    .only_pc {display:none!important}
    .only_mo {display:block!important}
    .company .mgt {margin-top:12px!important}
    .company .mgtL {margin-top:20px!important}
    .company .mb32 {margin-bottom:0!important}
    .company .com-section {margin:0 4.44vw; padding:30px 0 60px}
    .company .com-text.noLine_m::before {display:none}
    .company .com-text.noLine_p::before {display:block}
    .company .com-text.pt60 {padding-top:30px}
    .company .tit.h3 {font-size:20px; line-height:1.4}
    .company .tit.only {margin-top:30px}
    .company .com-title + .tit.only {margin-top:60px}
    .company .tit.h3 + .desc {margin-top:6px; font-size:16px}
    .company .tit.h4 {font-size:15px; line-height:22px}
    .company .tit.h5 {margin-bottom:8px!important; font-size:15px!important; line-height:22px!important}
    .company .tit ~ .tit.h4 {margin-top:15px}
    .company .tit.mt {margin-top:15px!important}
    .company .tit.h4 + .text {margin-top:10px}
    .company .tit.h4 + .bull {margin-top:10px}
    .company .center_p {text-align:left}
    .company .w328 {width:100%; max-width:328px; margin:0 auto}
    .company #com-tabs02 + .com-text::before {display:none}
    
    .company .footnotes {margin-top:4px; font-size:12px!important; line-height:20px!important}
    .company .footnotes ul li {font-size:12px!important; line-height:20px!important}
    .company .btnArea .btn.border.nml {padding:12 19px; font-size:13px; line-height:18px}

    .company .tabs-wrap.l-type {text-align:center}
    .company .tabs-wrap.l-type .tabs > li a {font-size:14px; line-height:20px}
    .company .com-tabs.stock {margin-bottom:30px}
    .company .com-tabs.stock .tabs-wrap.l-type {text-align:left}
    .company .com-tabs.stock .tabs-wrap.l-type .tabs {padding:0}
    
    .company .com-tabs .tabs-wrap.bar-type .tabs {margin-top:5px; margin-bottom:15px}
    .company .com-tabs .tabs-wrap.bar-type .tabs > li + li {margin-left:12px; padding-left:12px}
    .company .com-tabs .tabs-wrap.bar-type .tabs > li a {font-size:14px; line-height:20px}
    
    .company .thumb.thumb1 {height:auto}
    .company .thumb.thumb2 {height:auto}
    .company .thumb.thumb1 > span {height:0; padding-bottom:166%}
    .company .thumb.thumb2 > span {height:0; padding-bottom:96%}

    .company .thumb > span {background-size:contain}
    .company .accordion-wrap > ul > .lists {border-radius:8px}
    .company .accordion-wrap > ul > .lists .head .accord-btn {padding:18px 56px 18px 20px}
    .company .accordion-wrap > ul > .lists .noCont .tit {font-size:16px}
    .company .accordion-wrap > ul > .lists.on .head .accord-btn {padding-top:30px; /*padding-bottom:24px*/}
    .company .accordion-wrap > ul > .lists .head .accord-btn::after {right:20px}
    .company .accordion-wrap > ul > .lists.on .head .accord-btn::after {margin-top:6px}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn .title {font-size:16px}
    .company .accordion-wrap.btmBtn > ul > .lists + .lists {margin-top:20px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont {padding-top:0; padding-left:20px; padding-right:20px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea {padding:20px 0 30px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit {font-size:15px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit.h4 ~ .tit.h4 {margin-top:20px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .tit.h4.mt {margin-top:20px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea ul li strong.mt {margin-top:15px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .btn-link {margin-top:15px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .plusArea > ul > li + li {margin-top:0}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .plusArea > ul > li ul li {margin-top:8px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .btnArea {margin-bottom:0}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .btnArea .btn {min-width:130px; padding:8px 0; font-size:14px; font-weight:normal}

    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_sub {padding:29px 58px 29px 20px}
    .company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn.tit_sub {padding-bottom:20px}
    .company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn.tit_sub .title {font-weight:bold}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_sub .sub {margin-top:5px; font-size:14px; line-height:22px; word-break:normal}
    
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb {padding-right:50px}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .thumb {width:70px; height:45px; top:29px; left:20px}
    .company .accordion-wrap.btmBtn > ul > .lists.on .head .accord-btn.tit_thumb .thumb {top:29px!important}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title {display:table-cell; width:100%; min-height:45px; height:45px; margin-bottom:10px; padding-left:80px; vertical-align:middle}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > em {font-size:13px}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > em b {font-size:16px}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > span.bar {margin-right:7px; padding-right:8px}
    .company .accordion-wrap.btmBtn > ul > .lists .head .accord-btn.tit_thumb .title > span.bar::after {height:16px; top:calc(50% - 8px)}

    .company .accordion-wrap.lgway {margin-top:15px}
    .company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea > ul > li + li {margin-top:18px}
    .company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea > ul > li > ul + .text {margin-top:18px}
    .company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .tit {font-size:15px}
    .company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .text {font-size:14px; line-height:22px}
    .company .accordion-wrap.lgway > ul > .lists .accord-cont .txtArea ul li .tit + .text {margin-top:10px}

    .company .accordion-wrap.sustain {margin-top:0}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.mgtL {margin-top:15px!important}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li > .tit {margin-top:20px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.bull.stit > li strong {margin-top:15px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box {flex-direction:column}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box > li {width:100%; padding:20px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box > li + li {margin-top:10px!important}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box > li strong {font-size:15px; line-height:23px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box > li ul.bull li {line-height:20px!important}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul li ul.box > li ul.bull li + li {margin-top:8px!important}

    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list {flex-direction:column; align-items:center}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li {width:100%; max-width:327px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li + li {margin-top:12px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li + li::before {display:none}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li img {width:100%; max-width:100%}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li .tit {margin-top:10px!important; margin-bottom:0; font-size:15px; line-height:23px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li .text {margin-top:6px; font-size:14px; line-height:22px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea ul.dash_list > li p {font-size:12px; line-height:20px}

    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .esgWay_wrap img {width:100%; max-width:100%; height:auto; margin-bottom:15px}
    .company .accordion-wrap.btmBtn > ul > .lists .accord-cont .txtArea .comp_wrap img {width:100%; max-width:100%; height:auto; margin-bottom:15px}
    
    .company .cont_view_more {margin-top:40px; padding:0}
    .company .cont_view_more .btnArea .btn {padding:0 19px 0 39px; font-size:13px; line-height:41px}
    .company .cont_view_more .btnArea .btn > .open,
    .company .cont_view_more .btnArea .btn > .close {font-size:13px; line-height:41px}
    .company .cont_view_more .btnArea .btn.on::after {margin-top:0}
    .company .cont_view_more .content {padding:50px 0 0}

    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w912 {margin-bottom:18px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w912 > img {max-width:576px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w1142 > img {max-width:576px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info {max-width:576px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info .g_tit {margin-top:15px; font-size:14px; line-height:22px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul {margin-top:8px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li {width:140px; padding:10px 5px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li + li {margin-top:0; margin-left:8px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li span {font-size:13px; line-height:22px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li strong {margin-top:6px; padding-left:17px; font-size:18px; line-height:26px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .graph_modules > .grp_info > ul > li strong::before {bottom:5px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:7.5px solid #da0f47}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb strong {margin-top:6px; font-size:14px; line-height:22px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 {flex-direction:column; justify-content:center; align-items:center}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2::before {display:none}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > img {width:100%}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > img + img {margin:20px 0 0}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > ul {flex-direction:column}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > ul li {width:100%}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.pic2 > ul li + li {margin-top:20px}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb.w576 > img {width:100%}
    .company .accordion-wrap.sustain > ul > .lists .accord-cont .txtArea .thumb ul.thumb_name > li {font-size:12px; line-height:20px}

    /* 테이블 */
    .company .over_tbl {overflow-x:scroll; overflow-y:hidden}
    .company .over_tbl table {max-width:768px; width:768px}
    .company .over_tbl .tbl_tit {max-width:768px; width:768px}
    .company .over_tbl .tbl_info {position:static; max-width:768px; width:768px}
    .company .over_tbl.mx500 table {min-width:500px; width:100%}
    .company .over_tbl.mx500 .tbl_tit {min-width:500px; width:100%}
    .company .over_tbl.mx500 .tbl_info {min-width:500px; width:100%}
    .company .over_tbl::-webkit-scrollbar {height:20px}
    .company .over_tbl::-webkit-scrollbar-thumb {border:8px solid transparent; border-radius:16px; background-clip:padding-box; background-color:rgba(0,0,0,0.2)}
    .company .over_tbl::-webkit-scrollbar-track {background-color:transparent}
    .company colgroup col.m40 {width:40%!important}
    .company colgroup col.m30 {width:30%!important}
    .company colgroup col.m25 {width:25%!important}
    .company colgroup col.m20 {width:20%!important}
    .company colgroup col.m15 {width:15%!important}
    .company colgroup col.m10 {width:10%!important}
    .company colgroup col.m_auto {width:auto!important}
    .company .tbl_tit {margin-bottom:10px; font-size:15px; line-height:22px}
    .company .tbl_tit.mos {font-size:14px; line-height:20px}
    .company .tit + .tbl_tit {margin-top:12px}
    .company .tbl_info.abs2 {top:-22px}
    .company .tb_row .tbl_info,
    .company .tb-col .tbl_info {margin-bottom:10px; font-size:12px; line-height:16px}
    .company .tb_row .tbl_info.abs,
    .company .tb-col .tbl_info.abs {position:relative; top:0}
    .company .tb_row .tbl_info.btm,
    .company .tb-col .tbl_info.btm {font-size:12px}
    .company .tb_row .tbl_info.btm p,
    .company .tb-col .tbl_info.btm p {margin-bottom:4px; line-height:1.45}
    .company .tb_row .tbl_info.btm ul,
    .company .tb-col .tbl_info.btm ul {line-height:1.33}
    .company .tb_row table thead th,
    .company .tb-col table thead th {font-size:13px; font-weight:normal}
    .company .tb_row table tbody th,
    .company .tb_row table tbody td,
    .company .tb-col table tbody th,
    .company .tb-col table tbody td {padding:16px 10px; font-size:13px; line-height:20px}
    .company .tb_row table tbody th ul li,
    .company .tb_row table tbody td ul li,
    .company .tb-col table tbody th ul li,
    .company .tb-col table tbody td ul li {font-size:13px; line-height:20px!important}
    .company .tb_row table tbody th,
    .company .tb-col table tbody th {text-align:left}
    .company .tb_row.middle table th,
    .company .tb-col.middle table th {padding:16px 0; text-align:center}
    .company .tb_row.middle table td,
    .company .tb-col.middle table td {padding:16px 0}
    .company .tb_row.pd table th,
    .company .tb-col.pd table th {padding:16px 10px!important}
    .company .tb_row.pd table td,
    .company .tb-col.pd table td {padding:16px 10px!important}
    .company .tb_row.pd2 table th,
    .company .tb-col.pd2 table th {padding:16px 12px!important}
    .company .tb_row.pd2 table td,
    .company .tb-col.pd2 table td {padding:16px 12px!important}
    .company .tb_row table th.pd0,
    .company .tb-col table th.pd0,
    .company .tb_row table td.pd0,
    .company .tb-col table td.pd0 {padding:16px 0!important}
    .company .tb_row table td a,
    .company .tb-col table td a {font-size:13px; line-height:20px}
    .company .tb_row table td .btn-link::after,
    .company .tb-col table td .btn-link::after {bottom:3px}

    .company .tb_row table tbody th.txt_indent,
    .company .tb_row table tbody td.txt_indent,
    .company .tb-col table tbody th.txt_indent,
    .company .tb-col table tbody td.txt_indent {padding-left:20px;}
    
    .company .tb_row .tbl_info .exc,
    .company .tb-col .tbl_info .exc {position:relative; padding-left:20px; font-size:12px; line-height:20px}
    .company .tb_row .tbl_info .exc::before,
    .company .tb-col .tbl_info .exc::before {content:''; display:block; position:absolute; left:0; top:2px; width:16px; height:16px; background:url(/kr/images/company/icon/ico-c-exclama_mo.svg) no-repeat center / contain}
    
    .company .tit + .graph {margin-top:12px}
    .company .graph .txt_rt {font-size:12px; line-height:16px}
    .company .linkArea {margin-top:15px; padding:24px 0}
    .company .linkArea.grdt {background-image:linear-gradient(138deg, #a58bee 20%, #f86791 76%)}
    .company .linkArea.grdt.mg_10 {margin-top:-10px}
    .company .linkArea .tit {font-size:16px}
    .company .linkArea .desc {margin-top:6px}
    .company .linkArea .desc a {font-size:13px; line-height:22px}
    .company .linkArea.grdt p .btn-link + .btn-link {margin-left:12px}
    .company .risk_system {margin-top:15px}
    .company .risk_system .item .item_tit {width:27.7%; margin-right:8px}
    .company .risk_system .item .item_tit span {font-size:15px; line-height:23px}
    .company .risk_system .item .item_txt {width:calc(72.3% - 8px)}
    .company .risk_system .item .item_txt p {min-height:78px; padding:20px 15px; font-size:14px; line-height:22px}
    .company ul.ofn_links {width:calc(100% + 8px); margin-left:-8px}
    .company ul.ofn_links li {width:50%; margin:0!important}
    .company ul.ofn_links li .btn {min-width:50%; height:auto; margin:3px 4px; padding:10px 0; font-size:13px; line-height:21px}

    .company ul.ico_list {flex-direction:column}
    .company ul.bull > li > ul.ico_list {width:calc(100% + 8px); margin-left:-8px}
    .company ul.ico_list.t3 > li {width:100%}
    .company ul.ico_list.t4 > li {width:100%}
    .company ul.ico_list.t10 {flex-direction:row}
    .company ul.ico_list.t10 > li {width:50%; padding:10px 0!important}
    .company ul.ico_list.t10 > li + li {border-top:1px dashed #ddd}
    .company ul.ico_list.t10 > li:nth-child(2) {border-top:0}
    .company ul.ico_list.t10 > li:nth-child(2n) {border-left:1px dashed #ddd!important}
    .company ul.ico_list.t10 > li .iconArea {margin:0 auto}
    .company ul.ico_list > li + li {margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; border-left:0}
    .company ul.ico_list > li .iconArea {margin:0 auto 8px}
    .company ul.ico_list > li strong {margin-bottom:6px; font-size:14px; line-height:22px}
    .company ul.ico_list > li span {font-size:14px; line-height:22px}

    .company .ofn_iconBox {padding:0 20px}
    .company .ofn_iconBox ul {flex-direction:column}
    .company .ofn_iconBox ul > li {flex-direction:column; width:100%; padding:20px}
    .company .ofn_iconBox ul > li:last-child {display:none}
    .company .ofn_iconBox ul > li + li {border-top:1px dashed #ddd}
    .company .ofn_iconBox ul > li + li::before {display:none}
    .company .ofn_iconBox ul > li .descArea {margin:0}
    .company .ofn_iconBox ul > li .descArea span {font-size:14px; line-height:26px; text-align:center}
    .company .ofn_iconBox ul > li .descArea span + span {margin-top:0}

    .company ul.ico_list.line {margin-top:30px}
    .company ul.ico_list.line > li {width:100%!important; min-height:auto; padding:15px}
    .company ul.ico_list.line > li + li {margin-top:15px!important}
    .company ul.ico_list.line > li .iconArea {margin-bottom:8px}
    .company ul.ico_list.line.t3 > li + li {margin-top:36px!important}
    .company ul.ico_list.line.t3 > li + li::before {width:0; height:0; top:-24px; left:calc(50% - 62px); border-top:12px solid #f4f4f4; border-left:62px solid transparent; border-right:62px solid transparent; background:none}
    .company ul.ico_list.line.t3 > li strong {margin-bottom:10px; font-size:15px; line-height:23px}
    .company ul.ico_list.line.t4 > li + li {margin-top:36px!important}
    .company ul.ico_list.line.t4 > li + li::before {width:0; height:0; top:-24px; left:calc(50% - 62px); border-top:12px solid #f4f4f4; border-left:62px solid transparent; border-right:62px solid transparent; background:none}
    .company ul.ico_list.line.t4 > li strong {margin-bottom:10px; font-size:15px; line-height:23px}

    .company ul.ico_grid {margin-top:8px}
    .company ul.ico_grid.t4 > li {width:calc(50% - 4px); padding:15px 15px 44px}
    .company ul.ico_grid.t4 > li:nth-child(n + 3) {margin-top:8px}
    .company ul.ico_grid.t4 > li .iconArea {margin-bottom:5px}
    .company ul.ico_grid.t4 > li > strong {font-size:14px; line-height:22px}
    .company ul.ico_grid.t4 > li .b_box {width:120px; margin-top:5px; padding:10px 0}
    .company ul.ico_grid.t4 > li .b_box em {font-size:16px}
    .company ul.ico_grid.t4 > li .b_box span {font-size:13px}
    
    ul.bull > li {padding-left:8px; font-size:14px; line-height:22px!important}
    ul.bull > li::before {width:2px; height:2px; background-color:#000; top:10px}
    ul.bull > li > strong {margin-bottom:10px}
    ul.bull > li .tb_row,
    ul.bull > li .tb-col {margin-left:-8px}
    ul.bull.mgtL > li + li {margin-top:20px!important}
    ul.bull.fs14 > li + li {margin-top:6px!important}
    
    .company .audit_list:first-of-type {margin-top:12px}
    .company .audit_list .titArea {align-items:center; margin-bottom:10px}
    .company .audit_list .titArea .tit {font-size:15px; line-height:22px}
    .company .audit_list ul.dwn_list.item2 {flex-direction:column}
    .company .audit_list ul.dwn_list.item2 > li {width:100%}
    .company .audit_list ul.dwn_list.btns2 > li {flex-direction:column}
    .company ul.dwn_list > li {width:100%; padding:22px 15px; font-size:14px; line-height:1.57}
    .company ul.dwn_list > li .btn.dwn {height:34px; padding:0 15px; font-size:13px}
    .company ul.dwn_list > li .btn_area {margin-top:12px}
    .company ul.dwn_list > li .btn_area .btn.dwn {min-width:123px}
    .company ul.dwn_list > li .btn_area .btn.dwn + .btn.dwn {min-width:123px; margin-left:5px}
    .company ul.dwn_list.sales {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4px}
    .company ul.dwn_list.sales > li {width:calc(50% - 4px); margin-top:8px; padding:15px 8px; border-radius:4px; font-size:16px}
    .company ul.dwn_list.sales > li .thumb {width:calc(100% + 32px); margin:-16px 0 14px -16px; padding-top:11px}
    .company ul.dwn_list.sales > li .thumb img {min-width:83px}

    .company .audit_list.dwn_type2 {flex-direction:column}
    .company .audit_list.dwn_type2 .dwn_type2_inner {width:100%}
    .company .audit_list.dwn_type2 .dwn_type2_inner + .dwn_type2_inner {margin-top:30px}
    .company .audit_list.dwn_type2 ul.dwn_list > li {flex-direction:column}
    .company .audit_list.dwn_type2 ul.dwn_list > li span {text-align:center}
    .company .audit_list.dwn_type2 ul.dwn_list > li .btn.dwn {margin-top:19px}

    .company .text.dwn {margin-top:30px; font-size:13px; line-height:22px}

    .company .ir_pt ul.ir_ptList > li {padding:19px 20px 20px}
    .company .ir_pt ul.ir_ptList > li + li {margin-top:14px}
    .company .ir_pt ul.ir_ptList > li .desc {padding-bottom:19px; font-size:14px; line-height:22px; text-align:center}
    .company .ir_pt ul.ir_ptList > li .desc span {padding:0}
    .company .ir_pt ul.ir_ptList > li .btn_list {flex-direction:column; padding:20px 8px 0; border-top:1px solid #ddd}
    .company .ir_pt ul.ir_ptList > li .btn_list li + li {margin:15px 0 0!important; padding:0!important}
    .company .ir_pt ul.ir_ptList > li .btn_list li + li::before {display:none!important}
    .company .ir_pt ul.ir_ptList > li .btn_list li .btn {height:34px; font-size:13px}
    .company .ir_pt ul.ir_ptList > li .btn_list li .btn + .btn {min-width:131px}

    .company .rpt_dwnArea .report_select {top:-24px}
    .company .sus_dwn_list .thumb {padding-top:15px}
    .company .sus_dwn_list .thumb img {width:40%; min-width:131px}
    .company .sus_dwn_list .cont {padding:15px}
    .company .sus_dwn_list .cont .name {font-size:16px; line-height:24px}
    .company .sus_dwn_list .cont .name em {font-size:13px; line-height:20px}
    .company .sus_dwn_list .cont .desc {margin:10px 0 10px; font-size:14px; line-height:22px}
    .company .sus_dwn_list .cont .btn_list {margin:10px 0 0}
    .company .sus_dwn_list .cont .btn_list .btn {min-width:84px; min-height:34px; font-size:13px}
    .company ul.dwn_list.env {flex-direction:column}
    .company ul.dwn_list.env > li {width:100%}
    .company ul.dwn_list.env > li + li {margin-top:14px}
    
    .company ul.card_list {flex-direction:column}
    .company ul.card_list + ul.card_list {margin-top:20px; margin-right:0}
    .company ul.card_list > li {width:100%!important; min-height:auto; margin-bottom:0; padding:4px 20px 27px!important}
    .company ul.card_list > li + li {margin-top:20px!important; margin-left:0}
    .company ul.card_list > li .photo {width:100%; min-height:130px; background-size:137.5px!important}
    .company ul.card_list:first-of-type > li .photo {justify-content:center; height:auto; background-position:100% center}
    .company ul.card_list > li .photo .name {font-size:20px; line-height:30px}
    .company ul.card_list > li .photo .job {font-size:13px; line-height:20px}
    .company ul.card_list > li .infoArea .info {min-height:auto; padding:20px 0}
    .company ul.card_list:nth-of-type(2) > li .infoArea .info {min-height:auto}
    .company ul.card_list > li .infoArea .info ul li {flex-direction:row}
    .company ul.card_list > li .infoArea .info ul li em {min-width:60px; margin-right:24px; font-size:13px}
    .company ul.card_list > li .infoArea .info ul li span {font-size:13px}
    .company ul.card_list > li .infoArea .career {padding-top:19px}
    .company ul.card_list > li .infoArea .career > strong {font-size:13px}
    .company ul.card_list > li .infoArea .career > ul li {font-size:13px; line-height:21px}


    .company ul.col li {font-size:14px; line-height:22px}
    .company ul.flex.col2 > li {width:100%}
    .company ul.flex.col2 > li + li {margin-top:30px}

    .company ul.dash > li ul li {padding-left:7.5px; text-indent:-7.5px}

    .company ul.m_cardList {margin-top:20px}
    .company ul.m_cardList > li {width:100%; height:150px}
    .company ul.m_cardList > li + li {margin-top:12px!important}
    .company ul.m_cardList > li .photo {width:118px; height:100%}
    .company ul.m_cardList > li .infoArea {width:calc(100% - 118px); padding:15px}
    .company ul.m_cardList > li .infoArea .job {margin-top:10px; font-size:14px; line-height:22px}
    .company ul.m_cardList > li .infoArea .name {margin-top:0; font-size:18px; line-height:28px}
    .company ul.m_cardList > li .infoArea .eng {margin-top:10px; font-size:14px; line-height:22px}

    .company ul.loca_list > li {width:100%; min-height:315px; padding:32px 16px 64px 16px}
    .company ul.loca_list > li + li {margin-top:12px!important}
    .company ul.loca_list > li .top {padding-bottom:8px}
    .company ul.loca_list > li .top .tit {font-size:20px; line-height:29px}
    .company ul.loca_list > li .cont {margin-top:20px}
    .company ul.loca_list > li .cont .addr {min-height:72px}
    .company ul.loca_list > li .cont .addr em {margin-bottom:5px; font-size:15px; line-height:22px}
    .company ul.loca_list > li .cont .addr span {display:block}
    .company ul.loca_list > li .cont .call {margin-top:24px}
    .company ul.loca_list > li .cont .call em {margin-bottom:5px; font-size:15px; line-height:22px}
    .company ul.loca_list > li .cont .call span + span {margin-left:6px}
    .company ul.loca_list > li .btnArea {display:flex; left:50%; transform:translateX(-50%); bottom:32px; top:auto; right:auto}
    .company ul.loca_list > li .btnArea .btn {min-width:83px; padding:4px 15px; font-size:13px}
    .company ul.loca_list > li .btnArea .btn + .btn {margin-left:6px}

    .popup-wrap.popup-company .thumb {margin:20px 0 25px}
    .popup-wrap.popup-company .thumb .desc {margin-top:8px; font-size:14px; line-height:1.57}
    .popup-wrap.popup-company .box {padding:16px 20px; font-size:14px; line-height:1.57}
    .popup-wrap.popup-company .pop-conts .tit + ul {margin-top:8px}
    .popup-wrap.popup-company .pop-conts .tb_row .tbl_info,
    .popup-wrap.popup-company .pop-conts .tb-col .tbl_info {margin-bottom:10px}
    .popup-wrap.popup-company .pop-conts.no-footer {height:calc(100vh - 113px); max-height:calc(100vh - 113px); padding-bottom:64px}

    .company .infoBox {margin:20px auto; padding:30px 20px}
    .company .infoBox > ul > li em {display:block; margin:0}
    .company .infoBox > ul > li span {display:block; margin-top:10px; font-size:14px; line-height:22px}
    .company .infoBox > ul > li span::before {display:none}
    
    .company .hisArea .title .tit {font-size:16px}
    .company .hisArea .title .text {margin-top:15px}
    .company .hisArea .hisList {margin-top:20px; padding-top:20px}
    .company .hisArea .hisList > ul > li {display:flex; align-items:flex-start}
    .company .hisArea .hisList > ul > li + li {margin-top:18px}
    .company .hisArea .hisList > ul > li em {margin-right:20px; font-size:15px; line-height:22px}
    .company .hisArea .hisList > ul > li span {font-size:14px; line-height:22px}

    .company .ceoArea {width:100%}
    .company .ceoArea .bg {height:auto; border-radius:0}
    .company .ceoArea .bg span {height:auto; padding-bottom:128%; background:url(/kr/images/company/info/img-management-ceo-2021-mo.jpg) no-repeat center; background-size:100%}
    .company .ceoArea .txt {width:100%; top:40px; left:50%; transform:translateX(-50%); text-align:center}
    .company .ceoArea .txt .name em {font-size:12px; line-height:17px}
    .company .ceoArea .txt .name strong {font-size:20px; line-height:30px}
    .company .ceoArea .txt .name span {margin-top:5px; font-size:12px; line-height:20px}
    .company .ceoArea .txt .msg {margin-top:15px; font-size:12px; line-height:20px}
    .company .ceoArea.esg .txt {top:60px}
    .company .ceoArea.esg .txt .msg {margin-top:14px; font-size:15px; line-height:1.53}

    .company .thumb.ci {margin:20px 0 30px}
    .company .box.ci {margin-top:20px}
    .company .text.ci {margin-top:8px}
    

    .company .ci_download {width:calc(100% - 8.88vw); margin:20px 4.44vw; padding:55px 0}
    .company .ci_download .tit {font-size:18px; line-height:26px}
    .company .ci_download .desc {margin-top:8px; font-size:14px; line-height:20px}
    .company .ci_download .btn {min-width:90px; padding:8px 0; font-size:13px}
    
    .company .thumb.ci .tooltipArea {width:100%; max-width:328px; margin:0 auto}
    .company .thumb.ci .tooltipArea .tooltips .tooltip-wrap .tooltip-box .btn-close {top:12px; right:12px}
    .company .ci_ul {flex-direction:column}
    .company .ci_ul > li {width:100%}
    .company .ci_ul > li + li {margin-top:30px}
    
    .company .lgway_link {margin-top:20px}
    .company .lgway_link .btn-link {margin-top:5px}
    .company ul.rec_type {flex-direction:column; margin-top:40px}
    .company ul.rec_type > li {width:100%}
    .company ul.rec_type > li + li {margin-top:40px}
    .company ul.rec_type > li .type_thumb {width:200px; height:200px; margin:0 auto}
    .company ul.rec_type > li p {margin-top:20px; font-size:18px; line-height:26px}

    .company ul.job_position {margin-top:15px; height:124px}
    .company ul.job_position > li {width:100%; padding:15px}
    .company ul.job_position > li:nth-child(1) {border-radius:8px 0 0 4px}
    .company ul.job_position > li:nth-child(2) {border-radius:8px 0 0 0}
    .company ul.job_position > li:nth-child(3) {border-radius:8px 4px 4px 0}
    .company ul.job_position > li em {font-size:14px; line-height:22px}
    .company ul.job_position > li span {margin-top:0; font-size:15px; line-height:22px}
    .company ul.job_pay {flex-direction:column}
    .company ul.job_pay > li {width:100%; padding:15px 0 14px}
    .company ul.job_pay > li + li {margin-top:15px}
    .company ul.job_pay > li + li::before {display:none}
    .company ul.job_pay > li .name {margin-top:7px; font-size:16px; line-height:24px}
    .company ul.job_pay > li em {font-size:14px; line-height:22px}
    .company ul.job_pay > li .desc {margin-top:6px; font-size:14px; line-height:22px}
    .company ul.welfare > li {min-height:auto; padding:15px 20px 14px 100px}
    .company ul.welfare > li i {left:0; top:15px}
    .company ul.welfare > li .name {font-size:15px; line-height:22px}
    .company ul.welfare > li .desc {margin-top:5px; font-size:14px; line-height:22px}

    .company ul.caring {flex-direction:column; margin-top:15px}
    .company ul.caring > li {width:100%; max-width:100%}
    .company ul.caring > li + li {margin-top:66px}
    .company ul.caring > li + li::before {top:-47px; left:calc(50% - 16px); transform:rotate(90deg)}
    .company ul.caring > li .step {width:160px; margin:0 auto}
    .company ul.caring > li .step > span {font-size:15px}
    .company ul.caring > li .desc {margin-top:9px; font-size:14px; line-height:22px}

    .company .recruit_info .exc {position:relative; padding-left:20px; font-size:12px; line-height:20px}
    .company .recruit_info .exc::before {content:''; display:block; position:absolute; left:0; top:2px; width:16px; height:16px; background:url(/kr/images/company/icon/ico-c-exclama_mo.svg) no-repeat center / contain}

    .company .current_iframe {height:1500px}
    .company .date_iframe {height:950px}
    .company .share_price table td {padding:21px 12px}
    .company .share_price table td p {max-width:122px; font-size:14px}
    .company .share_price table td .price_up_L {padding-left:15.5px; font-size:24px}
    .company .share_price table td .price_up_L::before {width:11.5px; height:10.5px}
    .company .share_price table td .price_down_L {padding-left:15.5px; font-size:24px}
    .company .share_price table td .price_down_L::before {width:11.5px; height:10.5px}
    .company .share_price table td .price_up_s {padding-left:9px; font-size:15px}
    .company .share_price table td .price_up_s::before {width:7px; height:6.5px}
    .company .share_price table td .price_down_s {padding-left:9px; font-size:15px}
    .company .share_price table td .price_down_s::before {width:7px; height:6.5px}
    .company .share_price table td .percent_up {font-size:15px}
    .company .share_price table td .percent_down {font-size:15px}

    .company .com-stock {margin:0 4.44vw; padding:45px 0 60px}
    .company .stock_tit {margin-top:15px; margin-bottom:0; font-size:15px; line-height:23px}
    .company .stock_tit > em {font-size:13px}
    .company .stock_number {margin-bottom:30px; font-size:27px; line-height:40px}
    .company .stock_number .num {padding-right:5px}

    .company .graph.lgway {margin-top:15px}
    .company .graph.lgway2 > img {max-width:328px}
    .company ul.lgway_first > li {flex-direction:column}
    .company ul.lgway_first > li:nth-child(odd) {flex-direction:column-reverse}
    .company ul.lgway_first > li + li {margin-top:60px}
    .company ul.lgway_first > li .thumb {width:100%; margin:0!important}
    .company ul.lgway_first > li .desc {width:100%; margin-bottom:15px}
    .company ul.lgway_first > li .desc .text {margin-top:12px}

    .company .text.hone {margin-top:12px}
    .company .hone {padding-left:10px}
    .company .hone::before {width:2px; height:2px; top:9px}
    .company ul.compBox {flex-direction:column; margin-top:10px}
    .company ul.compBox > li {display:flex; width:100%; margin:12px 0 0 0!important}
    .company ul.compBox > li .num {display:flex; align-items:center; justify-content:center; width:104px; height:auto; border:0; font-size:15px; line-height:22px}
    .company ul.compBox > li p {width:100%; font-size:14px; line-height:22px}
    .company .compGrp {margin-top:20px; padding:0 20px}
    .company .compGrp img {width:100%; max-width:100%; margin:0 auto}
    .company ul.compStep {flex-direction:column}
    .company ul.compStep > li {display:flex; width:100%; min-height:auto}
    .company ul.compStep > li + li {margin:36px 0 0 0}
    .company ul.compStep > li .tit {width:80px; height:auto; margin:0 8px 0 0; padding:10px; border-radius:8px 8px 0 0; font-size:15px; line-height:24px; text-align:center}
    .company ul.compStep > li .tit::after {bottom:-18px; left:0; border-top:18px solid #ddd; border-right:40px solid transparent; border-bottom:none; border-left:40px solid transparent!important}
    .company ul.compStep > li ul.cont {width:calc(100% - 88px); height:auto; padding:11px 20px}
    .company ul.compStep > li ul.cont li {display:block; height:auto; padding:7px 0; font-size:14px; line-height:22px; text-align:left}
    .company ul.compStep > li ul.cont li:last-child {border:0}

    .company ul.compStep.esg > li .tit {margin-bottom:0!important}
    .company ul.compStep.esg > li .tit::after {border-top-color:#e4e4e4}

    .company .dwn_all.board .titArea {margin-bottom:30px}
    .company .dwn_all.board .titArea .tit {font-size:18px}
    .company .tb_row.board-type .board-tit {margin-bottom:8px}
    .company .tb_row.board-type .board-tit p.new {margin:0 0 6px; line-height:20px}
    .company .tb_row.board-type table {border-top:0}
    .company .tb_row.board-type table::before {border-top:2px solid #666}
    .company .tb_row.board-type table tr {padding:15px 12px 10px}
    .company .tb_row.board-type table td {padding:0}
    .company .tb_row.board-type.download table tr {position:relative; padding-right:70px}
    .company .tb_row.board-type table td.dwn {position:absolute; right:12px; top:calc(50% - 12px)}
    .company .tb_row.board-type table td.dwn + td {margin-left:0; padding-left:0}
    .company .tb_row.board-type table td.dwn + td::before {display:none}

    .company .board-view-wrap .board-view .board-view-head .head-title {font-size:24px; line-height:34px}
    .company .board-view-wrap .board-view .board-view-head ul.head-infos > li {font-size:13px; line-height:20px}
    .company .board-view-wrap .board-view .board-view-sub {padding:12px 0}
    .company .board-view-wrap .board-view .board-view-sub .tooltip-wrap.share .tooltip-box {width:100%; top:50%; transform:translateY(-50%); padding:24px}
    .company .board-view-wrap .board-view .board-view-body {padding:24px 0}
    .company .board-view-wrap .board-view .board-view-body .view-content > img {width:100%; max-width:100%}
    .company .board-view-wrap .board-navi .navi {display:flex; padding:15px 0 15px 12px}
    .company .board-view-wrap .board-navi .navi-label {min-width:42px; margin-right:24px; font-size:14px; line-height:22px}
    .company .board-view-wrap .board-navi .navi-desc {font-size:14px; line-height:22px}
    .company .board-view-wrap .btnArea {margin-top:40px}
    .company .board-view-wrap .btnArea .btn {width:100%}

    .company .comp_wrap {flex-direction:column; margin-top:12px}
    .company .comp_wrap img {width:100%; max-width:100%; max-height:100%; margin:0}
    .company .comp_wrap > .textArea {width:100%}
    .company .comp_wrap > .text {width:100%}

    .company .ceo_msg .text {font-size:14px; line-height:22px}
    .company .ceo_msg .msg_box {margin:34px 0; padding:19px}
    .company .ceo_msg .msg_box ul li .tit {font-size:14px; line-height:22px}
    .company .ceo_msg .msg_box ul li .text {font-size:14px; line-height:22px}
    .company .ceo_msg .msg_box ul li + li {margin-top:15px; padding-top:14px}
    .company .ceo_date {font-size:14px; line-height:22px}
    .company .ceo_sign {margin-top:8px; margin-bottom:14px; font-size:14px; line-height:22px}
    .company .ceo_sign img {width:84px}
    .company .bull > li .esgWay_wrap {width:calc(100% + 8px); margin-left:-8px}
    .company .esgWay_wrap img {float:none; width:100%; max-width:100%; max-height:100%; margin-left:0; margin-top:12px}
    .company .esgWay_wrap .text {margin-top:22px!important; padding-left:0}
    .company .esgWay_vision .titArea {margin-top:24px}
    .company .esgWay_vision .titArea .v_tit {font-size:20px; line-height:30px}
    .company .esgWay_vision .titArea em {margin-top:9px; font-size:16px; line-height:24px}
    .company .esgWay_vision .contArea {position:relative; margin-top:19px; padding-top:35px}
    .company .esgWay_vision .contArea::before {left:calc(50% - 131px); border-left:131px solid transparent; border-right:131px solid transparent; border-bottom:20px solid #f4f4f4}
    .company .esgWay_vision .contArea .base .box {width:100%; font-size:14px; line-height:22px}
    .company .esgWay_vision .contArea .base .box .title {width:100%; min-height:70px; padding:10px; border-radius:8px 8px 0 0; font-size:15px; font-weight:normal; line-height:23px; text-align:center}
    .company .esgWay_vision .contArea .base .box .title strong {font-weight:normal}
    .company .esgWay_vision .contArea .base .box .title .label {width:28px; margin:0 auto 2px; font-size:15px; font-weight:bold; line-height:28px}
    .company .esgWay_vision .contArea .base .box ul.bull {flex-direction:column}
    .company .esgWay_vision .contArea .base .box ul.bull > li {width:100%!important; padding:0 0 0 8px}
    .company .esgWay_vision .contArea .base .box ul.bull > li + li {margin-top:13px!important; margin-left:0; padding:12px 0 0 8px; border-left:0; border-top:1px dashed #ddd}
    .company .esgWay_vision .contArea .base .box ul.bull > li + li::before {width:2px; height:2px; left:0; top:22px}
    .company .esgWay_vision .contArea .base .box ul.bull > li + li::after {display:none}
    
    .company .esgWay_vision_subs {flex-direction:column; max-width:100%; width:100%}
    .company .esgWay_vision_subs .before {width:100%}
    .company .esgWay_vision_subs .e_tit_area {margin-bottom:10px}
    .company .esgWay_vision_subs .e_tit_area .e_tit {font-size:15px; line-height:22px}
    .company .esgWay_vision_subs .before .box .e_tit {height:48px; font-size:15px}
    .company .esgWay_vision_subs .before .box + .box {margin-top:12px}
    .company .esgWay_vision_subs .before .box.goal {margin-top:30px}
    .company .esgWay_vision_subs .before .box.goal::before {top:-24.5px; left:calc(50% - 6px); border-bottom:6.5px solid #aaa; border-left:6px solid transparent; border-right:6px solid transparent}
    .company .esgWay_vision_subs .before .box.goal::after {height:18px; top:-18px}
    .company .esgWay_vision_subs .before .box .cont {padding:11px 15px 11px 28px}
    .company .esgWay_vision_subs .after {width:100%; margin-top:20px; padding-top:30px}
    .company .esgWay_vision_subs .after::before {top:0; left:calc(50% - 55px); border-top:15px solid #f4f4f4; border-left:55px solid transparent; border-right:55px solid transparent; border-bottom:0}
    .company .esgWay_vision_subs .after .box + .box {margin-top:12px}
    .company .esgWay_vision_subs .after .box .e_tit {height:48px; font-size:15px}
    .company .esgWay_vision_subs .box ul.cont {padding:11px 15px 11px 28px}
    .company .esgWay_vision_subs .box ul.cont li {font-size:14px; line-height:22px}
    .company .esgWay_vision_subs .box ul.cont li::before {content:''; display:block; position:absolute; width:2px; height:2px; background-color:#000; border-radius:50%; top:10px; left:-9px}
    
    .company ul.partic_list {width:100%; max-width:100%; padding:41px 0}
    .company ul.partic_list::before {left:calc(50% - 108px); border-bottom:29px solid #f4f4f4; border-left:108px solid transparent; border-right:108px solid transparent}
    .company ul.partic_list::after {left:calc(50% - 108px); border-top:29px solid #f4f4f4; border-left:108px solid transparent; border-right:108px solid transparent}
    .company ul.partic_list > li {flex-direction:column; border:1px solid #ddd; border-radius:8px}
    .company ul.partic_list > li::after {display:none}
    .company ul.partic_list > li .sub {width:calc(100% + 2px); height:48px; margin:-1px 0 0 -1px; padding:0; border-radius:8px 8px 0 0; font-size:15px; line-height:48px}
    .company ul.partic_list > li .box {width:100%; padding:17px 20px}
    .company ul.partic_list > li .box .tit {font-size:15px; line-height:23px}
    .company ul.partic_list > li + li {margin-top:12px}
    .company ul.partic_list > li + li .box {border:0}
    .company ul.partic_list > li .box ul.bull {margin-top:10px}

    .company .acco_thumb {margin-bottom:32px}
    .company .acco_thumb.bg_01 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-01-mo.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.bg_02 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-02-mo.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.bg_03 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-03-mo.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.bg_04 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-04-mo.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.bg_05 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-05-mo.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.bg_06 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-06-mo.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_01 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-01-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_02 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-02-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_03 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-03-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_04 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-04-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_05 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-05-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_06 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-06-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb.social.bg_07 {background:url(/kr/images/company/sustainable/img-sustainable-acco-bg-social-07-mo-new.png) no-repeat; background-position:100% 0; background-size:cover}
    .company .acco_thumb .inner {padding:32px 20px}
    .company .acco_thumb .top .tit {margin-bottom:12px; font-size:16px; line-height:24px}
    .company .acco_thumb .content {padding-right:0}
    .company .acco_thumb .content .footnotes {margin-top:20px; line-height:20px}
    .company .acco_thumb .view_more {width:24px; height:24px; bottom:-12px; left:calc(50% - 12px); background-size:24px 24px}
    .company .acco_thumb .view_more.on {background:url(/kr/images/company/icon/ico-minus-bg_black.svg) no-repeat center; background-size:24px 24px}

    .company .survey_box {padding:19px 20px}
    .company ul.bull > li .survey_box {width:calc(100% + 8px); margin-left:-8px; margin-top:10px; margin-bottom:15px}
    .company .survey_box .s_tit {font-size:14px; line-height:22px}
    .company .survey_box .s_text {margin-top:4px; font-size:14px; line-height:22px}
    
    .company .estim_process {width:100%; max-width:100%; margin-top:15px}
    .company .estim_process ul > li {max-height:164px; min-height:164px; align-items:flex-start}
    .company .estim_process ul > li + li {margin-top:0}
    .company .estim_process ul > li .item_num {width:104px; height:104px; margin-right:12px}
    .company .estim_process ul > li + li .item_num::before {height:58px; top:-60px; left:51px}
    .company .estim_process ul > li .item_num em {font-size:12px; line-height:20px}
    .company .estim_process ul > li .item_num span {font-size:15px; line-height:23px}
    .company .estim_process ul > li .item_desc {width:calc(100% - 116px); min-height:104px; justify-content:center}
    .company .estim_process ul > li .item_desc .tit {margin:0; font-size:15px; line-height:23px}
    .company .estim_process ul > li .item_desc .text {margin-top:8px; font-size:14px; line-height:22px}
    .company .estim_process ul > li .item_desc .btn-link {margin-top:6px}
    .company .estim_process ul > li:last-child {max-height:250px}

    .company .feed_box .box_tit {margin-top:10px; padding:12px 0; font-size:16px; line-height:24px}

    .company .estim_grp {margin-bottom:15px}
    .company .estim_grp > img {width:100%; max-width:100%}

    .company ul.esg_logos {margin-bottom:-10px}
    .company ul.esg_logos > li {width:calc(50% - 8px); height:50px; min-height:50px; margin-bottom:10px; padding:0 10px}
    .company ul.esg_logos > li > span {font-size:13px; line-height:21px}
    .company ul.esg_logos > li > img {height:100%}

    .company .risk_man {max-width:100%; width:100%}
    .company .risk_man .r_tit {font-size:16px; line-height:24px}
    .company .risk_man ul.r_box {margin:15px 0; padding:43px 0}
    .company .risk_man ul.r_box::before {left:calc(50% - 164px); border-left:164px solid transparent; border-right:164px solid transparent; border-bottom:28px solid #ddd}
    .company .risk_man ul.r_box::after {left:calc(50% - 164px); border-left:164px solid transparent; border-right:164px solid transparent; border-top:28px solid #ddd}
    .company .risk_man ul.r_box > li {padding:14px 15px; font-size:14px; line-height:22px}
    .company .risk_man ul.r_box > li + li {margin-top:15px}

    /* IR 실적발표 팝업 */
    .company .webcastArea .date {font-size:13px; line-height:22px}
    .company .webcastArea .webc_player {background:url(/kr/images/company/investor/img-player-mo.png) no-repeat center; background-size:90%}
    .company .webcastArea .txt {font-size:13px; line-height:22px}
    .company .webcastArea ul.bar li > span {min-width:100px}
    .company .webcastArea ul.bar li > span + span {position:relative; margin-left:10px; padding-left:9px}
    .company .webcastArea ul.bar li > span + span::before {height:10px; top:calc(50% - 5px)}
    .popup-wrap.popup-company .pop-conts table th,
    .popup-wrap.popup-company .pop-conts table td {padding:16px 12px; font-size:13px; line-height:22px}

    .company .thumb.lg_motif > img {width:100%; max-width:100%; padding:30px 20px}
    .company .thumb.lg_motif {margin-top:30px}
    .company ul.lg_motif_list {flex-direction:column; margin-top:15px}
    .company ul.lg_motif_list > li {width:100%}
    .company ul.lg_motif_list > li + li {margin-top:15px}
    .company ul.lg_motif_list > li .m_tit {font-size:15px; line-height:23px}
    .company ul.lg_motif_list > li .m_box {margin-top:10px; padding:18px 20px}
    .company ul.lg_motif_list > li .m_box span {font-size:13px; line-height:22px}
    .company ul.lg_motif_list > li .m_box p {margin-top:12px}

    .company .home_appliances > ul > li .home_box .home_thumb {height:95px}
    .company .home_appliances > ul > li .home_box .home_tit {font-size:14px; line-height:22px}
    .company .home_appliances > ul > li .home_box .home_text {height:calc(100% - 147px); font-size:14px; line-height:22px}

    .company .privacy_list > ul {flex-direction:column}
    .company .privacy_list > ul > li {width:100%; min-height:0; height:auto}
    .company .privacy_list > ul > li + li {margin-top:12px}
    .company .privacy_list > ul > li .p_tit {min-height:48px; padding:12.5px 5px; font-size:15px; line-height:23px}
    .company .privacy_list > ul > li .p_text {padding:18px 20px}

    .company .c_social .cs_tit {width:100%; padding:13.5px; font-size:15px; line-height:16px}
    .company .c_social > ul {flex-direction:column; margin-top:20px}
    .company .c_social > ul::before {display:none}
    .company .c_social > ul li {width:100%; padding:13.5px; font-size:14px; line-height:22px}
    .company .c_social > ul li::before {height:20px; top:-21px}
    .company .c_social > ul li:nth-child(2):before {height:20px; top:-21px}
    .company .c_social > ul li + li {margin-left:0; margin-top:20px}

    .company ul.work_policy {margin-top:10px!important; flex-direction:column}
    .company ul.work_policy > li {width:100%; margin-top:0; padding:7px; font-size:14px; line-height:22px}
    .company ul.work_policy > li + li {margin-top:6px}

    .company ul.junior_board {margin-top:10px!important}
    .company ul.junior_board > li {width:100%; min-width:0}
    .company ul.junior_board > li + li {margin-top:12px; padding-top:27px}
    .company ul.junior_board > li + li::before {left:calc(50% - 55px); border-top:15px solid #f4f4f4; border-left:55px solid transparent; border-right:55px solid transparent}
    .company ul.junior_board > li .j_tit {padding:13.5px; font-size:15px; line-height:23px}
    .company ul.junior_board > li .j_text {padding:12px 20px}
    .company ul.junior_board > li.last > ul {flex-direction:column}
    .company ul.junior_board > li.last > ul > li {width:100%}
    .company ul.junior_board > li.last > ul > li + li {margin-top:12px}

    .company ul.thmb_pic2 {flex-direction:column; margin-bottom:-20px}
    .company ul.thmb_pic2 > li {flex-direction:column; min-width:0; max-width:576px; width:100%; margin-bottom:20px}
    .company ul.thmb_pic2 > li img {width:100%; max-width:100%}
    .company ul.thmb_pic2 > li .textArea {margin-left:0; margin-top:15px}
    .company ul.thmb_pic2 > li .textArea .t_tit {font-size:14px; line-height:22px}
    .company ul.thmb_pic2 > li .textArea .t_text {font-size:14px; line-height:22px}

    .company .orga_way {width:100%; max-width:576px}
    .company .orga_way .o_tit {font-size:16px; line-height:23px}
    .company .orga_way > ul {margin-top:10px}
    .company .orga_way > ul::before {left:calc(50% - 82.5px); border-bottom:14px solid #f4f4f4; border-left:82.5px solid transparent; border-right:82.5px solid transparent}
    .company .orga_way > ul li {width:calc(50% - 4px); min-width:140px; margin-top:8px; padding:16px 4px; font-size:12px; line-height:20px!important}
    .company .orga_way > ul li:nth-child(2n) {margin-left:8px}
}