/* 怨듯넻遺�遺� */
.contents .contents_inner > .icon {text-align: center;padding-bottom: 2.6rem;}
.contents .contents_inner > .title {font-family: 'Montserrat','NS';font-size: 5rem;font-weight: 400;text-align: center;}
.contents .contents_inner > .tit_line {width: .1rem;height: 0;background: #00a970;margin: 5rem auto 6rem;opacity: 0;transition: all .3s;}
.contents .contents_inner > .tit_line.on {height: 8rem;opacity: 1;} 

.sub_visual:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* opacity: .7; */ background-size: cover; }
.company_visual:before { background:url('../images/company/sub_banner.png') no-repeat center 40%; background-size: cover; }
.business_visual:before { background:url('../images/business/sub_banner.png') no-repeat center 40%; background-size: cover; }
.sustain_visual:before { background:url('../images/sustain/sub_banner.png') no-repeat center 40%; background-size: cover; }
.invest_visual:before { background:url('../images/invest/sub_banner.png') no-repeat center 40%; background-size: cover; }
.recruit_visual:before { background:url('../images/recruit/sub_banner.png') no-repeat center 40%; background-size: cover; }
.media_visual:before { background:url('../images/media/sub_banner.png') no-repeat center 40%; background-size: cover; }


/* �뚯궗�뚭컻 - CEO �몄궗留� */
.container .cont_company .contents_inner {width: 100%;max-width: 144rem;}
.container .cont_company .contents_inner .slogan {font-family: 'Montserrat','NS'; font-size: 7rem; font-weight: 400; text-align: center; color: #00a970; letter-spacing: -.28rem; text-transform: uppercase; margin-top: 7.4rem; }
.container .cont_company .contents_inner .sub_con {font-size: 2rem;color: #555;text-align: center;margin: 3.6rem 0 12rem;}
.container .cont_company .sub_contents .greet { display: flex; justify-content: center; padding-bottom: 2.6rem; margin-top: 10rem; gap: 10rem;}
.container .cont_company .sub_contents .greet > div { width: 50%; }
.container .cont_company .sub_contents .greet .left a {display: block; font-family: 'NS'; float: right; width: 27rem;height: 5rem; border-radius: 2.5rem; margin-top: 4rem; line-height: 2.9; padding: 0 3rem; font-size: 1.6rem; color: #fff; background:#00b699 url(../images/common/icon_btn_arrow_w.png) no-repeat calc(100% - 3rem) 49%; transition: all ease .3s; }
.container .cont_company .sub_contents .greet .left a:hover { transform: scale(.95); }
.container .cont_company .sub_contents .greet .right {display: flex; flex-direction: column; justify-content: center; font-size: 1.8rem; line-height: 1.9; letter-spacing: -.1rem; color: #222; }
.container .cont_company .sub_contents .greet .right dl:not(:last-of-type) { padding-bottom: 3.8rem; }
.container .cont_company .sub_contents .greet .right dl dt { font-size: 2.8rem; font-weight: 400; padding-bottom: 1.5rem; font-family: 'NS'; line-height: 1.3; letter-spacing: -0.05rem;}
.container .cont_company .sub_contents .greet .right dl dt strong {color: #00a970;}
.container .cont_company .sub_contents .greet .right dl dd span { font-weight: 400; }
.container .cont_company .sub_contents .greet .sign { padding-top: 5rem; text-align: right; font-size: 2rem; color: #000; font-weight: 400; font-family: 'NS'; line-height: 1; }
.container .cont_company .sub_contents .greet .sign span { font-family: 'babylonica'; font-size: 5rem; color: #222; padding-top: 2rem; display: inline-block; }
.container .cont_company .sub_contents .greet .sign img { margin-top: 2rem; max-width:190px; height:84px;}/* 230405 CSS 異붽� */

/* �뚯궗�뚭컻 - �고쁺 */
.container .cont_company .sub_contents .history { margin-top: 12rem; position: relative; }
.container .cont_company .sub_contents .history .line { background:#e8e8e8; width: .1rem; height: calc(100% - 4.7rem); position: absolute; left: 0; right: 0; top:-2rem; bottom:0; margin: auto; }
.container .cont_company .sub_contents .history dl { display: flex; flex-direction: column; width: 50%; }
.container .cont_company .sub_contents .history dl:not(:last-of-type) { border-bottom: .1rem solid #e8e8e8; padding-bottom: 7rem; margin-bottom: 11.5rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(odd) { margin-left: 50%; padding-left: 6rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(even) { text-align: right; padding-right: 6rem; }
.container .cont_company .sub_contents .history dl dt { font-size: 4rem; line-height: 0.75; font-weight: 400; position: relative; margin-bottom: 4rem; }
.container .cont_company .sub_contents .history dl dt span { font-size: 9rem; position: absolute; top: calc(-50% - .5rem); color: #cccccc; }
.container .cont_company .sub_contents .history dl dt span b { font-weight: 400; }
.container .cont_company .sub_contents .history dl dt:after { content: ''; width: 2.1rem; height: 2.1rem; border-radius: 100%; position: absolute; top: calc(50% - 1.3rem); opacity: .1; }
.container .cont_company .sub_contents .history dl dt:before,
.container .cont_company .sub_contents .history dl dd:before { content: ''; width: .5rem; height: .5rem; border-radius: 100%; position: absolute; top: calc(50% - .5rem); }
.container .cont_company .sub_contents .history dl dd:before { top: 2rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(odd) dt span { left: 0%; transform: translateX(calc(-100% - 13rem)); }
.container .cont_company .sub_contents .history dl:nth-of-type(odd) dt:after { left: -7rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(odd) dt:before,
.container .cont_company .sub_contents .history dl:nth-of-type(odd) dd:before { left: -6.25rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(even) dt:after { right: -7.1rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(even) dt span { right: 0%; transform: translateX(calc(100% + 13rem)); }
.container .cont_company .sub_contents .history dl:nth-of-type(even) dt:before,
.container .cont_company .sub_contents .history dl:nth-of-type(even) dd:before { right: -6.25rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(4) dt,
.container .cont_company .sub_contents .history dl:nth-of-type(4) dt span b { color: #f5b508; }
.container .cont_company .sub_contents .history dl:nth-of-type(4) dt:after,
.container .cont_company .sub_contents .history dl:nth-of-type(4) dt:before,
.container .cont_company .sub_contents .history dl:nth-of-type(4) dd:before { background: #f5b508; }
.container .cont_company .sub_contents .history dl:nth-of-type(3) dt,
.container .cont_company .sub_contents .history dl:nth-of-type(3) dt span b { color: #00CB86; }
.container .cont_company .sub_contents .history dl:nth-of-type(3) dt:after,
.container .cont_company .sub_contents .history dl:nth-of-type(3) dt:before,
.container .cont_company .sub_contents .history dl:nth-of-type(3) dd:before { background: #00CB86; }
.container .cont_company .sub_contents .history dl:nth-of-type(2) dt,
.container .cont_company .sub_contents .history dl:nth-of-type(2) dt span b { color: #00BF7E; }
.container .cont_company .sub_contents .history dl:nth-of-type(2) dt:after,
.container .cont_company .sub_contents .history dl:nth-of-type(2) dt:before,
.container .cont_company .sub_contents .history dl:nth-of-type(2) dd:before { background: #00BF7E; }
.container .cont_company .sub_contents .history dl:nth-of-type(1) dt,
.container .cont_company .sub_contents .history dl:nth-of-type(1) dt span b { color: #00a970; }
.container .cont_company .sub_contents .history dl:nth-of-type(1) dt:after,
.container .cont_company .sub_contents .history dl:nth-of-type(1) dt:before,
.container .cont_company .sub_contents .history dl:nth-of-type(1) dd:before { background: #00a970; }
.container .cont_company .sub_contents .history dl dd { font-size: 1.8rem; line-height: 2.5; color: #222222; font-weight: 200; position: relative; }
.container .cont_company .sub_contents .history dl dd span { font-weight: 400; position: absolute; }
.container .cont_company .sub_contents .history dl:nth-of-type(odd) dd { padding-left: 7rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(odd) dd span { left: 0; }
.container .cont_company .sub_contents .history dl:nth-of-type(even) dd { padding-right: 7rem; }
.container .cont_company .sub_contents .history dl:nth-of-type(even) dd span { right: 0; }
.container .cont_company .sub_contents .history dl .special_br b { font-weight: 200; white-space: nowrap; }

/* �뚯궗�뚭컻 - CI */
.container .cont_company .ci_contents section .s_title_img {text-align: center;margin-bottom: 2.7rem;}
.container .cont_company .ci_contents section .s_title_img > img:last-of-type {display: none;}
.container .cont_company .ci_contents section > h3 {font-size: 4.6rem;letter-spacing: -.115rem ;text-align: center;}
.container .cont_company .ci_contents section > p {font-size: 1.8rem;color: #222;letter-spacing: -.045rem;line-height: 1.78;margin-top: 3rem;text-align: center;}

.container .cont_company .ci_contents .section1 {height: 57rem;background: #f5f5f5;padding-top: 10rem;margin-top: 8rem;}
.container .cont_company .ci_contents .section1 .s1_box ul {width: 120rem;margin: 7.5rem auto 0;background: #fff;border-top: 4px solid #00a970;display: flex; justify-content: center; box-shadow: 5px 9px 18px 2px rgba(0, 0, 0, 0.1);}
.container .cont_company .ci_contents .section1 .s1_box ul li {padding: 7.5rem 10rem;}
.container .cont_company .ci_contents .section1 .s1_box ul li .tit {font-size: 1.8rem;font-weight: 400;color: #00a970;margin-bottom: 1rem;}
.container .cont_company .ci_contents .section1 .s1_box ul li > p {font-size: 1.6rem;color: #777;line-height: 2;}

.container .cont_company .ci_contents .section2 {width: 120rem;margin: 23.9rem auto 0;}
.container .cont_company .ci_contents .section2 .s2_box .top {width: 100%;height: 8rem;background: #f9f9f9;border: 1px solid #e8e8e8;display: flex;align-items: center;justify-content: space-between;padding: 0 8rem 0 6rem;}
.container .cont_company .ci_contents .section2 .s2_box .top .tit {font-size: 2.6rem;color: #222;font-weight: 400;}
.container .cont_company .ci_contents .section2 .s2_box .top > p {font-size: 1.6rem;color: #777;font-family: 'NS';display: flex;align-items: center;}
.container .cont_company .ci_contents .section2 .s2_box .top > p span > img {vertical-align: middle;}
.container .cont_company .ci_contents .section2 .s2_box .top > p span > img:last-of-type {display: none;}
.container .cont_company .ci_contents .section2 .s2_box .top > p span:first-of-type {margin-right: 2rem;}
.container .cont_company .ci_contents .section2 .s2_box .cont ul {display: flex;padding-bottom: 5rem;}
.container .cont_company .ci_contents .section3 .s3_box .cont ul {display: flex;padding-bottom: 12rem;}
.container .cont_company .ci_contents .section2 .s2_box .cont ul li,
.container .cont_company .ci_contents .section3 .s3_box .cont ul li {width: 50%;}
.container .cont_company .ci_contents .section2 .s2_box01,
.container .cont_company .ci_contents .section3 .s3_box01 {margin-top: 7rem;}
.container .cont_company .ci_contents .section2 .s2_box .cont ul li,
.container .cont_company .ci_contents .section3 .s3_box .cont ul li {display: flex; flex-direction: column; justify-content: space-between; margin: 4rem 0 6rem 6rem; gap: 7rem 0;}
.container .cont_company .ci_contents .section2 .s2_box .cont ul li p {text-align: center;}
.container .cont_company .ci_contents .section2 .s2_box .cont .cont_tit {width: 11.7rem;height: 2.8rem;background: #58585b;border-radius: 1.4rem;color: #fff;font-size: 1.4rem;line-height: 2.8rem;text-align: center;}
.container .cont_company .ci_contents .section2 .s2_box .cont .cont_min {display: flex; gap: 3rem;}
/* CI �ㅼ슫濡쒕뱶 踰꾪듉 異붽�(221103) */
.container .cont_company .ci_contents .btn_download {flex-shrink: 0; display: block;width: 20rem;height: 5rem;border: 1px solid #ccc;line-height: 5rem;padding: 0 3rem;position: relative; z-index: 1; background: #00a970; margin: 0px auto;}
.container .cont_company .ci_contents .btn_download > a {display: block;width: 100%;height: 100%;font-size: 1.4rem;color: #fff;background: url(../images/common/icon_download_w.png) 100% 50% no-repeat;}
.container .cont_company .ci_contents .section3 .s3_box {padding: 0 4rem;}
.container .cont_company .ci_contents .section3 .s3_box .cont {background-color: #fff;}
.container .cont_company .ci_contents .section3 .s3_box .cont ul {padding-bottom: 0;}
.container .cont_company .ci_contents .section3 .s3_box .cont ul li {margin: 0; padding: 7rem 5rem; gap: 4rem;}

.container .cont_company .ci_contents .section3 {width: 120rem;margin: 12rem auto 0;background: #f5f5f5;padding: 12rem 0 10rem;}

.container .cont_company .ci_contents .section4 {width: 120rem;margin: 12rem auto 0;}
.container .cont_company .ci_contents .section4 .cont {margin-top: 5rem;}
.container .cont_company .ci_contents .section4 .cont_color {width: 100%; padding: 1rem 1rem 1rem 3rem; margin: 2rem 0; display: flex; align-items: center; justify-content: space-between; color: #fff;}
.container .cont_company .ci_contents .section4 .cont_color strong {font-size: 9.5rem; letter-spacing: -2px; font-weight: 400; font-family: 'Poppins';}
.container .cont_company .ci_contents .section4 .cont_color ul {width: 30rem; display: flex; flex-direction: column;}
.container .cont_company .ci_contents .section4 .cont_color ul li {display: flex; font-size: 2.125rem; font-family: 'NS'; margin: 0.5rem 0;}
.container .cont_company .ci_contents .section4 .cont_color ul li em {width: 11.5rem;}
.container .cont_company .ci_contents .section4 .cont_color.green {background-color: #00c88c;}
.container .cont_company .ci_contents .section4 .cont_color.black {background-color: #000;}
.container .cont_company .ci_contents .section4 .cont_color.white {background-color: #fff; color: #bbb; border: 1px solid #c1c1c1;}
.container .cont_company .ci_contents .section4 .cont_color.gray {background-color: #36424a;}

.container .cont_company .ci_contents .section5 {width: 120rem;margin: 12rem auto 0;}
.container .cont_company .ci_contents .section5 .s5_box {display: flex;}
.container .cont_company .ci_contents .section5 .s5_box .tit {font-size: 2.6rem;color: #222;font-weight: 400;width: 22rem;line-height: 1.53;}
.container .cont_company .ci_contents .section5 .cont {margin-top: 5rem;}
.container .cont_company .ci_contents .section5 ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 2.5rem 4.625rem;}
.container .cont_company .ci_contents .section5 ul p {font-size: 1.625rem; margin-top: 1rem;}

/* �뚯궗�뚭컻 - 寃쎌쁺鍮꾩쟾 */
.container .cont_company .sub_contents .vision { margin: 6.7rem 0 2rem; position: relative; }
.container .cont_company .sub_contents .vision img:first-of-type { display: block; width: 100%; object-fit: none; }
.container .cont_company .sub_contents .vision img:last-of-type { display: none; }
.container .cont_company .sub_contents .vision .mob_txt { display: none; }

/* �뚯궗�뚭컻 - 李얠븘�ㅼ떆�� 湲� */
.container .cont_company .contents_inner.location {padding: 12rem 0 0 0;}
.cont_company .direction {max-width: 120rem;margin: 9rem auto 8rem;display: flex; font-family: 'NS';font-size: 1.8rem;letter-spacing: -.045rem;}
.cont_company .direction > div > div {display: flex;width: auto;line-height: 3.2rem;padding: .9rem 0;}
.cont_company .direction > .contact > div > span {display: inline-block;width: 9.7rem;} 
.cont_company .direction > div > div > span > img:last-of-type {display: none;}
.cont_company .direction > .trans dt {font-size: 1.4rem;font-weight: 400;line-height: 3.2rem;}
.cont_company .direction > .trans dd {font-size: 1.4rem;line-height: 1.7;width: 100%;}
.cont_company .direction > div > div > span {margin-right: 1rem;}
.cont_company .direction > div:not(:last-child) {margin-right: 12rem;}
.cont_company .map {width: 100%; height: 64rem; position: relative;}
.cont_company .btn_apply {width: 13.4rem;height: 13.4rem;border-radius: 50%;text-align: center;background: #00a970 url(../images/company/dir_icon00.png) no-repeat 50% 3.5rem;box-shadow: 2px 3px 9.6px 0.4px rgba(0, 0, 0, 0.5);position: absolute;top: -6.7rem;right: 24rem;z-index: 10;}
.cont_company .btn_apply > a {display: block;width: 100%;height: 100%;font-size: 1.4rem;color: #fff;padding-top: 8.6rem;}


/* �ъ옄�뺣낫 - 怨듦퀬 220310 */
.cont_invest .contents_inner {max-width: 144rem;}
.cont_invest .contents_inner .disclosure_banner {width: 100%;height: 30rem;background: url(../images/invest/disclosure_img.png) no-repeat 50% 50%; margin: 8rem auto 12rem;}
.cont_invest .contents_inner .disclosure_banner > p {font-family: 'NS';font-size: 2.6rem;font-weight: 400;color: #fff;text-align: center;line-height: 1.61;padding: 7rem 0 3rem;}
.cont_invest .contents_inner .disclosure_banner > .btn_goDart {display: block;position: relative;margin: 0 auto;width: 27rem;height:5rem;background: #00b799;border-radius: 2.5rem;padding: 0 3rem;line-height: 5rem;font-size: 1.6rem;font-weight: 300;color: #fff;}
.cont_invest .contents_inner .disclosure_banner > .btn_goDart:after {content:'';display: inline-block;width: .7rem;height: .7rem;border-top: .1rem solid #fff;border-right: .1rem solid #fff;transform: rotate(45deg);position: absolute;top: 2rem;right: 3rem;}
.cont_invest .contents_inner .irsearch_contents .inner {max-width: 120rem;}
.cont_invest .tb_top {position: relative;}
.cont_invest .tb_top:after {content: "";display: block;clear: both;}
.cont_invest .tb_top .total {float: left;padding-top: 1.3rem;font-size: 1.5rem;color: #222;}
.cont_invest .tb_top .total b {font-family: 'Montserrat';font-size: 2rem;font-weight: 500;color: #00a970;vertical-align: middle;}
/* .cont_invest .tb_top .search {float: right;} */
.cont_invest .tb_top .search .input_search {width: auto;}
.cont_invest .tb_box {position: relative;margin-top: 3rem;}
.cont_invest .tb_box .tb_row {display: table;table-layout: fixed;width: 100%;}
.cont_invest .tb_box .tb_row.row_head {border-top: .2rem solid #000;border-bottom: .1rem solid #000;}
.cont_invest .tb_box .tb_row.row_body {border-bottom: .1rem solid #e8e8e8;}
.cont_invest .tb_box .tb_row>div {display: table-cell;height: 8rem;vertical-align: middle;text-align: center;}
.cont_invest .tb_box .tb_row.row_head>div {font-size: 1.6rem;font-weight: 300;}
.cont_invest .tb_box .tb_row.row_body>div {padding: 0 1rem;font-size: 1.6rem;font-weight: 200;color: #222;}
.cont_invest .tb_box .tb_row .num {width: 12%;}
.cont_invest .tb_box .tb_row .tit {width: 61%;}
.cont_invest .tb_box .tb_row.row_body .tit a {display: block;width: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cont_invest .tb_box .tb_row .view {width: 12%;}
.cont_invest .tb_box .tb_row .view b {display: none;padding-right: .5rem;font-weight: 300;}
.cont_invest .tb_box .tb_row .date {width: 15%;}
.cont_invest .tb_box .tb_row .date b {display: none;padding-right: .5rem;font-weight: 300;}
.cont_invest .tb_box .tb_row .none {width: 100%;height: 27rem;}

/* �ъ옄�뺣낫 - �댁뒪 220310 */
.irsearch_contents .search {text-align: right;margin: 3rem auto 0; max-width: 120rem;}
/* .irsearch_contents .search .input_search {margin-right: 5rem;} */
.cont_invest .news_list {max-width: 120rem;margin: 0 auto;}
.cont_invest .news_list ul {width: 100%;display: flex;flex-wrap: wrap;margin-top: 8rem;}
.cont_invest .news_list ul li {width: 50rem;height: 58.1rem;position: relative;background-color: #fff; margin: 5rem;}
.cont_invest .news_list ul li:nth-child(-n+2) {margin-top:0;}
.cont_invest .news_list ul li:nth-last-child(-n+2) {margin-bottom:0;}
.cont_invest .news_list ul li .top {width: 100%;height: 27.1rem;background: #f4f4f4;padding: 5rem 4rem 0 4rem;position: relative;}
.cont_invest .news_list ul li .top .tit {font-size: 2.6rem;font-weight: 300;line-height: 1.34; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.cont_invest .news_list ul li .top .date {font-family: 'Montserrat';font-size: 1.8rem;color: #a0a0a0;position: absolute;bottom: 5rem;}
.cont_invest .news_list ul li .img {width: 100%;height: 31rem;position: relative;overflow: hidden;}
.cont_invest .news_list ul li .img img {width: 100%;height: 100%;object-fit: cover;position: absolute;bottom:0;}
.cont_invest .news_list ul li .lineTop {width: 0;height: .5rem;background: #009160;position: absolute;top:0;left:0;z-index: 10;}
.cont_invest .news_list ul li .lineLeft {width: .5rem;height: 0;background: linear-gradient(to bottom, #009160, #00a970);position: absolute;bottom:0;left:0;z-index: 10;}
.cont_invest .news_list ul li .lineRight {width: .5rem;height: 0;background: linear-gradient(to bottom, #009160, #00a970);position: absolute;top:0;right:0;z-index: 10;}
.cont_invest .news_list ul li .lineBottom {width: 0;height: .5rem;background: #00a970;position: absolute;bottom:0;right:0;z-index: 10;}
.cont_invest .news_list ul li:hover {box-shadow: .9rem .8rem 1.3rem 0 rgba(0, 0, 0, 0.13);}
.cont_invest .news_list ul li:hover .lineTop {width: 100%;transition: all .3s;}
.cont_invest .news_list ul li:hover .lineLeft {height: 100%;transition: all .3s;}
.cont_invest .news_list ul li:hover .lineRight {height: 100%;transition: all .3s;}
.cont_invest .news_list ul li:hover .lineBottom {width: 100%;transition: all .3s;}
.cont_invest .news_list ul li:hover .top {background: #fff;}
.cont_invest .news_list .btn_more {text-align: center;padding-top: 11rem;}
.cont_invest .news_list .btn_more a {display: inline-block;}
.cont_invest .news_list .btn_more a .icon {width: 6.5rem;height: 6.5rem;border: 1px solid #00a970;border-radius: 50%;background: #fff;margin: 0 auto 2rem;position: relative;transition: all .3s;}
.cont_invest .news_list .btn_more a .icon > i {position: absolute;display: inline-block;background: #00a970;}
.cont_invest .news_list .btn_more a i:first-child {width: .1rem;height: 1.9rem;top:2.2rem;left:3.1rem;}
.cont_invest .news_list .btn_more a i:last-child {width: 1.9rem;height: .1rem;top:3.1rem;left:2.2rem;}
.cont_invest .news_list .btn_more a span {font-size: 1.8rem;color: #555;}
.cont_invest .news_list .btn_more a:hover .icon {transform: rotate(90deg);background: #00a970;}
.cont_invest .news_list .btn_more a:hover .icon > i {background: #fff;}

/* �ъ옄�뺣낫 - �댁뒪 - �곸꽭�섏씠吏� 220310 */ 
.container .contents .contents_inner .detail_sub_contents .inner {max-width: 120rem;}
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .tb_row {padding:5rem 6.5rem; border-top:2px solid #000; border-bottom:1px solid #e8e8e8;  }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .tb_row .tit {font-size:2.6rem; font-weight:300; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .tb_row .date {font:200 1.6rem "Montserrat", sans-serif; color:#a0a0a0; padding-top:3rem; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box { padding:6rem 6.5rem; line-height:3rem; border-bottom:1px solid #e8e8e8; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_link,
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .file_box { padding:6.5rem 0 6rem 0; font-weight:400; font-family: 'NS'; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .file_box .file_download a img { position: relative; top:0.6rem; padding-right: 2rem; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info { padding-bottom:6.5rem; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_box .view_info p { word-break:normal; }/* 221007 css 異붽� */
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_nav dl { display:flex; padding:3rem 6.5rem; border-bottom: 1px solid #e8e8e8; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_nav dl dt { font-weight: 400; padding-right:9.5rem; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .view_nav dl dt, dd { float:left; }
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .btn_box .btn_line a {display: block; width: 20rem;height: 6rem; border: .1rem solid #222; color: #222;font-size: 1.6rem;font-weight: 200; text-align: center;line-height: 6rem; margin: 8rem auto 0 auto;position: relative;}
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .btn_box .btn_line a:before {content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;transform: scaleX(0);z-index: -1;background-color: #222;transition:all .2s ease-out;transform-origin:0 50%}
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .btn_box .btn_line a:hover{color: #fff;}
.container .contents .contents_inner .detail_sub_contents .inner .tb_view .btn_box .btn_line a:hover:before{transform:scaleX(1)}

/* �ъ옄�뺣낫 - �щТ�뺣낫 - �щТ�곹깭��,�먯씡怨꾩궛�� 220405 */
.cont_invest.fc_info .contents_inner { padding: 12rem 0 16.7rem 0; }
.cont_invest.fc_info .sub_con { position: relative; opacity: 0; top: 100px;  transition: all ease-in-out .6s; }
.cont_invest.fc_info .sub_con.on { opacity: 1; top: 0; }
.cont_invest.fc_info .sub_con .inner { max-width: none;}
.cont_invest.fc_info .tb_top .nav_btn { display: flex; justify-content: center; border-bottom: 1px solid #eeeeee; }
.cont_invest.fc_info .tb_top .nav_btn li { width: 50%; text-align: center; /* line-height: 5rem; */ font-size: 1.6rem; position: relative; display: table;}
.cont_invest.fc_info .tb_top .nav_btn li.on { background: #00a970; border-radius: 0 2rem 0 0; }
.cont_invest.fc_info .tb_top .nav_btn li:after { content:''; display: block; width: 0; height: 0.3rem; background:#00a970; transition:all ease-in-out .5s; position: absolute; left: 0; bottom: 0; }
.cont_invest.fc_info .tb_top .nav_btn li.on:after { width: 100%; }
.cont_invest.fc_info .tb_top .nav_btn li:hover:after { width: 100%;}
.cont_invest.fc_info .tb_top .nav_btn li a { /* display: block; */display: table-cell;padding: 1.5rem 0;vertical-align: middle; }
.cont_invest.fc_info .tb_top .nav_btn li.on a { color: #fff; font-weight: 400; }
.cont_invest.fc_info .tb_top .nav_btn li.on a:hover { color: #fff; }
.cont_invest.fc_info .tb_top .nav_btn li:hover a { color: #00a970; font-weight: 400; }

.cont_invest.fc_info .tb_box {position: relative; margin-top: 6.1rem; font-family: 'NS';}
.cont_invest.fc_info .tb_box p { font-size: 1.5rem; font-weight: 200; color:#888888; text-align: right; padding:0 0 2rem 0; }
.cont_invest.fc_info .tb_box p:last-child { font-size: 1.3rem; text-align: left; padding:2rem 0 0 0; line-height: 2rem; }
.cont_invest.fc_info .tb_box .tb_row {display: table;table-layout: fixed;width: 100%;}
.cont_invest.fc_info .tb_box .tb_row.cell_sum { background: #f7fbfa; }
.cont_invest.fc_info .tb_box .tb_row.row_head {border-top: .1rem solid #222222; border-bottom: .1rem solid #eeeeee; background-color:rgba(238, 238, 238, .5);}
.cont_invest.fc_info .tb_box .tb_row.row_head > div {font-size: 1.6rem; font-weight: 400; color: #222222; }

.cont_invest.fc_info .tb_box .tb_row.row_body {border-bottom: .1rem solid #eeeeee;}
.cont_invest.fc_info .tb_box .tb_row.row_body > div {padding: 0 5rem;font-size: 1.6rem;font-weight: 200;color: #555555;}
/* .cont_invest.fc_info .tb_box .tb_row.row_body > div.cell_rd {color: #de3c31;} */
.cont_invest.fc_info .tb_box .tb_row.row_body > div:not(:first-child) { text-align: center; }
.cont_invest.fc_info .tb_box .tb_row > div { display: table-cell; height: 7rem; vertical-align: middle; text-align: center; width: calc(100% / 3); }
.cont_invest.fc_info .tb_box .tb_row > div b { font-weight: 300; color: #222222; }
.cont_invest.fc_info .tb_box .tb_row > div:not(:last-child) { border-right:.1rem solid #eee; }

/* 誘몃뵒�댁꽱�� - �띾낫�먮즺 */
.cont_media .contents_inner {max-width: 130rem;}
.cont_media .disclosure_banner {width: 100%;height: 40rem;background: url(../images/media/promotion_img.png) no-repeat 50% 50%; margin: 8rem auto 9rem;}
.cont_media .disclosure_banner .content_wrap {display: flex; flex-direction: column; justify-content: center; padding: 13.7rem 0 0 55.6rem;}
.cont_media .disclosure_banner .content_wrap p {font-family: 'NS'; font-size: 3.6rem; font-weight: 400;color: #333;}
.cont_media .disclosure_banner .content_wrap span {color: #2EA771;}
.cont_media .disclosure_banner .content_wrap .btn_goDart {display: block;position: relative;margin: 0 auto;width: 27rem;height:5rem;background: #00b799;border-radius: 2.5rem;padding: 0 3rem;line-height: 5rem;font-size: 1.6rem;font-weight: 300;color: #fff;}
.cont_media .disclosure_banner .content_wrap .btn_goDart:after {content:'';display: inline-block;width: .7rem;height: .7rem;border-top: .1rem solid #fff;border-right: .1rem solid #fff;transform: rotate(45deg);position: absolute;top: 2rem;right: 3rem;}
.cont_media .disclosure_banner .download_wrap {display: flex; gap: 3rem; margin-top: 3rem;}
.cont_media .disclosure_banner .btn_download {flex-shrink: 0; display: block;width: 20rem;height: 5rem;border: 1px solid #ccc;line-height: 5rem;padding: 0 3rem;position: relative; z-index: 1;}
.cont_media .disclosure_banner .btn_download > a {display: block; width: 100%; height: 100%; font-size: 1.2rem; color: #222; background: url(../images/common/icon_download.png) 100% 50% no-repeat;}
.cont_media .disclosure_banner .btn_download:before {content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transform:scaleX(0);z-index: -1; background: #00a970; transition: all .2s ease-out; transform-origin: 0 50%;}
.cont_media .disclosure_banner .btn_download:hover {border-color: #f5f5f5;}
.cont_media .disclosure_banner .btn_download:hover:before { transform: scaleX(1);z-index: -1;}
.cont_media .disclosure_banner .btn_download:hover > a {color:#fff;background: url(../images/common/icon_download_w.png) 100% 50% no-repeat;}

/* �ъ뾽�뚭컻 - 媛쒖슂 */
.cont_business .contents_inner .busIntro_contents .inner {width: 100%;max-width: 144rem;}
.busIntro_contents .title {font-family: 'Montserrat','NS';font-size: 7rem;font-weight: 400;text-align: center;color: #00a970;letter-spacing: -.28rem;}
.busIntro_contents .sub_con {font-size: 2rem;color: #555;text-align: center;margin: 3rem 0 11rem;}
.busIntro_contents .businessIntro {width: 100%;height: auto;}
.busIntro_contents .businessIntro > ul {display: flex;justify-content: center;}
.busIntro_contents .businessIntro > ul > li {width: 43rem;height: 62rem;position: relative;transition: all .3s;overflow: hidden;margin-left: 5.5rem;}
.busIntro_contents .businessIntro > ul > li:first-child {background: url(../images/business/intro_img01.png) no-repeat 50% 50%;background-size: cover;margin-left: 0;}
/* .busIntro_contents .businessIntro > ul > li:first-child:hover {background: url(../images/business/intro_img01_on.png)no-repeat 50% 50%;background-size: cover;} */
.busIntro_contents .businessIntro > ul > li:nth-child(2) {background: url(../images/business/intro_img03.png) no-repeat 50% 50%;background-size: cover;}
.busIntro_contents .businessIntro > ul > li:last-child {background: url(../images/business/intro_img02.png) no-repeat 50% 50%;background-size: cover;}
.busIntro_contents .businessIntro > ul > li > .tit {text-align: center;font-size: 3rem;font-weight: 400;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.busIntro_contents .businessIntro > ul > li .hover {display: none;position: relative;text-align: center;color: #fff;width: 100%;height: 100%;padding-top: 22.2rem;}
.busIntro_contents .businessIntro > ul > li .hover > .tit {position: relative;font-size: 3rem;font-weight: 400;margin-bottom: 4rem;}
.busIntro_contents .businessIntro > ul > li .hover> .tit:after {content:'';display: block;width: 5rem;height: .3rem;background: #fff;position: absolute;bottom: -2rem;left: 50%;transform: translate(-50%);}
.busIntro_contents .businessIntro > ul > li .hover > ul > li > a{display: inline-block;font-family: 'NS';font-size: 2rem;color: #fff;padding: 1rem 0;}
.busIntro_contents .businessIntro > ul > li:hover {border-radius: 9rem 0 9rem 0;}
.busIntro_contents .businessIntro > ul > li:hover > .tit {display: none;}
.busIntro_contents .businessIntro > ul > li:hover .hover {display: block;}
.busIntro_contents .businessIntro > ul > li:first-child:hover .hover {background: rgba(0, 0, 0,.4);}
/* .busIntro_contents .businessIntro > ul > li:last-child .hover > ul > li > a {font-family: 'Montserrat';} */
.busIntro_contents .businessIntro > ul > li .hover > ul > li:hover > a {font-weight: 400;}

/* �ъ뾽�뚭컻 - �섏쿂由� - O&M */
.container .cont_business {overflow: hidden;}
.container .cont_business .onm_inner {padding: 8rem 0 0 0;}
.cont_business .contents_inner .business_contents .inner {width: 100%;max-width: 144rem;}
.business_contents .section1 .sub_con {font-family: 'NS';font-size: 2.6rem;color: #222;text-align: center;line-height: 4.6rem;letter-spacing: -.065rem;position:relative; top:100px; opacity: 0; transition: all ease-in-out .6s; }
.business_contents .section1 .sub_con.on { top:0; opacity: 1; }
.business_contents .section1 .sub_con > b {font-weight: 400;color: #00a970;}
.business_contents .section1 .nav_btn {height: 24rem;display: flex;justify-content: center;letter-spacing: -.08rem;margin: 11.4rem auto 0;}
.business_contents .section1 .nav_btn li {width: 16.66%;height: 100%;border: .1rem solid #eee;justify-content: center;font-family: 'NS';background: #fafafa;/*rgba(0,169,112,.02)*/;}
.business_contents .section1 .nav_btn li:not(:first-child) {margin-left: -.1rem;}
.business_contents .section1 .nav_btn > li.on {border: .3rem solid #00a970; box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.23);position: relative;z-index: 10;background: #fff;}
.business_contents .section1 .nav_btn li a { display: block; height:100%; position: relative; }
.business_contents .section1 .nav_btn li .nav_tit {font-size: 2rem;font-weight: 400; line-height: 3rem; color: #222;text-align: center; position: absolute; top: 13rem; left:50%; transform:translateX(-50%);width: 100%;padding: 0 1rem;}
.business_contents .section1 .nav_btn li:hover .nav_tit {color: #00a970; }
.business_contents .section1 .nav_btn .on .nav_tit { color: #00a970; top:12.8rem; /* width: 100%; */ }
.business_contents .section1 .nav_btn li .icon {text-align: center; padding-top:5.7rem; }
.business_contents .section1 .nav_btn .on .icon { padding:5.5rem 0 3.6rem 0; }
.business_contents .section1 .nav_btn li .icon img { margin:auto; }
.business_contents .section1 .nav_btn li .icon img:last-child { display:none; }
.business_contents .section1 .nav_btn li:hover .icon img:last-child, .business_contents .section1 .nav_btn .on .icon img:last-child { display:block; }
.business_contents .section1 .nav_btn li:hover .icon img:first-child, .business_contents .section1 .nav_btn .on .icon img:first-child { display:none; }

.business_contents .section2 {position: relative;width: 100%; height:44.7rem; margin-top:26rem;}
.business_contents .section2 .nav_box {display: none;position: absolute; letter-spacing: -.1rem;}
.business_contents .section2 .nav_box.on {display: flex;}
.business_contents .section2 .nav_box .box_text {width: 60rem;flex-shrink: 1;}
.business_contents .section2 .nav_box .box_text .onm_title {font-size: 4rem;font-weight: 400;color: #222;position: relative;}
.business_contents .section2 .nav_box .box_text .onm_title:after {content:'';display: block;width: 9rem;height: .3rem;background: #00CB86;position: absolute;bottom:-2rem;}
.business_contents .section2 .nav_box .box_text .onm_desciption {font-family: 'NS';font-size: 2rem;color: #333;line-height: 1.7;margin-top: 6.5rem; }
.business_contents .section2 .onm_box_slider_button { width: 13.5rem;position:absolute; top:32.7rem; left:0; height:6rem; }
.business_contents .section2 .onm_box_slider_button .swiper-button-prev:after, 
.business_contents .section2 .onm_box_slider_button .swiper-button-next:after { display: none; }
.business_contents .section2 .onm_box_slider_button .swiper-button-prev, 
.business_contents .section2 .onm_box_slider_button .swiper-button-next { width: 6rem; height: 6rem; border: 1px solid #00a970; transition:all ease .2s; margin-top:0; top:0; }
.business_contents .section2 .onm_box_slider_button .swiper-button-prev { background: url(../images/business/arrow_prev.png) no-repeat center; left: 0; }
.business_contents .section2 .onm_box_slider_button .swiper-button-prev:hover { background:#00a970 url(../images/business/arrow_prev_on.png) no-repeat center; }
.business_contents .section2 .onm_box_slider_button .swiper-button-next { background: url(../images/business/arrow_next.png) no-repeat center; right: 0; }
.business_contents .section2 .onm_box_slider_button .swiper-button-next:hover { background:#00a970 url(../images/business/arrow_next_on.png) no-repeat center; }

.business_contents .section2 .nav_box .swiper { width: 81.5rem;/* width: 97rem; */flex-shrink: 0;margin-top: 2.5rem; overflow: hidden;}
.business_contents .section2 .nav_box .swiper .swiper-wrapper {width: 100%;}
.business_contents .section2 .swiper .swiper-slide { height: fit-content; flex-direction: column; overflow: hidden; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.business_contents .section2 .swiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.business_contents .section2 .swiper .swiper-slide .onm_slide_img {width: 40rem;/* width: 45rem; */height: 30.8rem;}
.business_contents .section2 .swiper .swiper-slide .onm_slide_text_box { width: 100%; text-align: left; padding:3rem 3.6rem; font: 200 1.6rem 'NS'; letter-spacing: -.025rem;}
.business_contents .section2 .swiper .swiper-slide .onm_slide_text_box h3 { display: -webkit-box; font-size: 2.5rem; font-weight: 300; letter-spacing: -.0625rem; width: 100%; /* height: 6.3rem; */line-height: 1.28em;height: 2.56em; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; display: -webkit-box; */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.business_contents .section2 .swiper .swiper-slide .onm_slide_text_box > div:before { content: ''; border-bottom: 2px solid #00CB86; display: block; width: 3.4rem; margin: 1.5rem 0 1rem;}
.business_contents .section2 .swiper .swiper-slide .onm_slide_text_box dl { padding:.11rem 0;display: flex; }
.business_contents .section2 .swiper .swiper-slide .onm_slide_text_box dl dt { font-weight: 400; color: #00a970; padding-right: 2rem; }
.business_contents .section2 .swiper .swiper-slide .onm_slide_text_box dl dt.dt_l { width: 32%;}

.business_contents .section2 .swiper_2depth_tabs p { float: left; text-align: center;margin-bottom: 1.6rem; }
.business_contents .section2 .swiper_2depth_tabs p a { display: block; width: 17rem; height: 5rem; font:200 1.6rem/4.4rem 'NS'; border: 1px solid #e5e5e5; margin:0 1.8rem 0 0; transition: all ease .3s; }
.business_contents .section2 .swiper_2depth_tabs .on a { font:400 1.6rem/4.4rem 'NS'; color:#fff; background: #00a970;border: 1px solid #00a970; }

.cont_business .bus_section3 {width: 100vw;height: auto;background: #f7f7f7;padding-bottom: 16rem;}
.cont_business .bus_section3 .search {text-align: right;max-width: 124rem;margin: 0 auto;}
.cont_business .bus_section3 .input_search {margin: 25rem 0 6.4rem;}
.cont_business .bus_section3 .input_search input {background: #fff;}
.cont_business .bus_section3 .onm_list {display: none;}
.cont_business .bus_section3 .onm_list.on {display: block;}
.cont_business .bus_section3 .onm_list ul {padding: 0 6rem;width: 144rem;margin: 0 auto;display: flex; flex-wrap: wrap;}
.cont_business .bus_section3 .onm_list ul li:before {content:'';display: none;width: 36.6rem;height: 100%;box-sizing: border-box;background: transparent;border: .6rem solid;border-image: linear-gradient(to bottom, #00a970, #135a1a);border-image-slice: 1;position: absolute;top: 2rem;left: 2rem;z-index: -10;}
.cont_business .bus_section3 .onm_list ul li {width: 36rem; height:fit-content; float: left; margin: 0 4rem 8rem 4rem;position: relative;display: table;z-index: 10;}
.cont_business .bus_section3 .onm_list ul li:nth-last-child(-n+3) {margin-bottom: 0;}
.cont_business .bus_section3 .onm_list ul li .list_img {width: 36rem ;height: 38.1rem;}
.cont_business .bus_section3 .onm_list ul li .list_img:after {display: none;content:'';width: 100%;height: 38.1rem;background: rgba(0, 0, 0,.5) url(../images/business/icon_onm_list_on.png) no-repeat 50% 50%;z-index: 10;position: absolute;top:0;left:0;}
.cont_business .bus_section3 .onm_list ul li .list_img > img {width: 100%; height:100%; object-fit: cover;}
.cont_business .bus_section3 .onm_list ul li .list_cont {width: 36rem; background: #fff;padding: 3rem 3rem 3.8rem 3rem;position: relative;z-index: 10;}
.cont_business .bus_section3 .onm_list ul li .list_cont dl {display: inline-block;}
.cont_business .bus_section3 .onm_list ul li .list_cont dt {font-size: 1.5rem;font-weight: 400;color: #00a970;margin-bottom: 1.5rem;}
.cont_business .bus_section3 .onm_list ul li .list_cont dd {font-family: 'NS';font-size: 2rem;font-weight: 300;color: #222;line-height: 1.5;letter-spacing: -.05rem;word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}

.cont_business .bus_section3 .onm_list ul li:hover {box-shadow: 9px 8px 13px 0px rgba(0, 0, 0, 0.13);}
.cont_business .bus_section3 .onm_list ul li:hover:before {display: block;}
.cont_business .bus_section3 .onm_list ul li:hover .list_img:after {display: block;}

/* �앹뾽 */
.card_popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background:rgba(0,0,0,0.8);z-index: 1003;}
.card_popup .popup_inner {position:absolute;top:50%;left:50%;width: 100rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, calc(-50% + 2.75rem));z-index: 1004;}
.card_popup .popup_inner .pop_close {position: absolute;top:-5.5rem;right:0;width: 4rem;height: 4rem;background: url(../images/common/pop_close.png) no-repeat;background-size: contain;}
.card_popup .popup_inner .pop_close a {display: block;width: 100%;height: 100%;text-indent: -9999px;}
.card_popup .popup_inner .pop_cont {max-width: 100rem;background: #fff;padding: 3rem 3rem 4rem 3rem;display: flex;justify-content: space-between;align-items: center;}
.card_popup .popup_inner .pop_cont .inner_box {width: 50%;height: auto;}
.card_popup .popup_inner .pop_cont .inner_box .list {width: 100%; height: 55rem;position: relative;overflow: hidden;}
.card_popup .popup_inner .pop_cont .inner_box .list img {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.card_popup .popup_inner .pop_cont .inner_nav {width: 17.2rem;display: flex;justify-content: space-between;align-items: center;margin: 2rem auto 0;}
.card_popup .popup_inner .pop_cont .inner_nav .arrow {position: relative;text-indent: -9999px;vertical-align: middle;cursor: pointer;}
.card_popup .popup_inner .pop_cont .inner_nav .arrow:after {position: absolute;top:0;content:'';width: .8rem;height: .8rem;border-top: 2px solid #a0a0a0;border-right: 2px solid #a0a0a0;}
.card_popup .popup_inner .pop_cont .inner_nav .arrow.on:after {border-color: #00a970;}
.card_popup .popup_inner .pop_cont .inner_nav .arrow.prev:after {transform: rotate(225deg);left:0;}
.card_popup .popup_inner .pop_cont .inner_nav .arrow.next:after {transform: rotate(45deg);right:0;}
.card_popup .popup_inner .pop_cont .inner_nav .counter_slider {font-size: 1.4rem;color: #222;text-align: center;letter-spacing: -.07rem;}
.card_popup .popup_inner .pop_cont .inner_nav .counter_slider .swiper-pagination-current {font-size: 2.4rem;font-weight: 400;color: #00a970;margin-right: .5rem;}
.card_popup .popup_inner .pop_cont .txt_box {width: 50%;height: 100%; padding: 0 3rem 0 5rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_lbl {font-size: 1.6rem;font-weight: 400;color: #00a970;margin-bottom: 2rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_tit {font-family: 'NS';font-size: 3rem;font-weight: 300;color: #222;letter-spacing: -.075rem;line-height: 1.4; word-break:break-word; }
.card_popup .popup_inner .pop_cont .txt_box .card_tit:after {content:'';display: block;width: 8rem;height: .1rem;background: #00a970;margin: 4rem 0 3rem;}
.card_popup01 .popup_inner .pop_cont .txt_box .card_tit:after {}
.card_popup02 .popup_inner .pop_cont .txt_box .card_tit:after {margin: 8rem 0 3rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_des {width: 100%;overflow-y: scroll;font-size: 1.6rem;color: #555;line-height: 1.8;letter-spacing: -.04rem;height: 16.4rem;}
.card_popup01 .popup_inner .pop_cont .txt_box .card_des {height: 16.6rem;}
.card_popup02 .popup_inner .pop_cont .txt_box .card_des {height: 14rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_des::-webkit-scrollbar {width: .7rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_des::-webkit-scrollbar-thumb {background: #ccc;border-radius: .35rem;}

.card_popup .popup_inner .pop_cont .txt_box .card_info dt {font-size: 1.5rem;font-weight: 400;color: #00a970;}
.card_popup .popup_inner .pop_cont .txt_box .card_info dd {font-family: 'NS';font-size: 1.6rem;color: #555;}
.card_popup .popup_inner .pop_cont .txt_box .card_class dt {font-size: 1.5rem;font-weight: 400;color: #00a970;}
.card_popup .popup_inner .pop_cont .txt_box .card_class dd {font-family: 'NS';font-size: 1.6rem;color: #555;}
.card_popup .popup_inner .pop_cont .txt_box .card_class {width: 100%;display: flex;flex-wrap: wrap;}
.card_popup .popup_inner .pop_cont .txt_box .card_class li {width: 50%;margin-top: 2rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_class dd {margin: 1.2rem 0;}
.card_popup .popup_inner .pop_cont .txt_box .card_tb {margin-top: .8rem;}
.card_popup .popup_inner .pop_cont .txt_box .card_tb thead td {font-family: 'NS';font-size: 1.5rem;font-weight: 400;color: #00a970;}
.card_popup .popup_inner .pop_cont .txt_box .card_tb tbody tr:first-child {border-top: 1px solid #00CB86;border-bottom: 1px solid #dcdcdc;}
.card_popup .popup_inner .pop_cont .txt_box .card_tb td {padding:1.2rem 0;}
.card_popup .popup_inner .pop_cont .txt_box .card_tb dd {margin-top: 1.2rem;}

.cont_business .bus_section3 .btn_more {text-align: center;padding-top: 11rem;}
.cont_business .bus_section3 .btn_more a {display: inline-block;}
.cont_business .bus_section3 .btn_more a .icon {width: 6.5rem;height: 6.5rem;border: 1px solid #00a970;border-radius: 50%;background: #fff;margin: 0 auto 2rem;position: relative;transition: all .3s;}
.cont_business .bus_section3 .btn_more a .icon > i {position: absolute;display: inline-block;background: #00a970;}
.cont_business .bus_section3 .btn_more a i:first-child {width: .1rem;height: 1.9rem;top:2.2rem;left:3.1rem;}
.cont_business .bus_section3 .btn_more a i:last-child {width: 1.9rem;height: .1rem;top:3.1rem;left:2.2rem;}
.cont_business .bus_section3 .btn_more a span {font-size: 1.8rem;color: #555;}
.cont_business .bus_section3 .btn_more a:hover .icon {transform: rotate(90deg);background: #00a970;}
.cont_business .bus_section3 .btn_more a:hover .icon > i {background: #fff;}


/* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 */
.cont_business .rnd_contents {max-width: 144rem; margin: 0 auto;}
.cont_business .rnd_contents .tab_list ul { display: flex; justify-content: center; border-bottom: 1px solid #eeeeee;margin:0; }
.cont_business .rnd_contents .tab_list ul li { width: 25%; text-align: center; /* line-height: 5rem; */ font-size: 1.6rem; position: relative; display: table;}
.cont_business .rnd_contents .tab_list ul li:after { content:''; display: block; width: 0; height: 0.3rem; background:#00a970; transition:all ease-in-out .5s; position: absolute; left: 0; bottom: 0; }
.cont_business .rnd_contents .tab_list ul li.on:after { width: 100%; }
.cont_business .rnd_contents .tab_list ul li.on { background: #00a970; border-radius: 0 2rem 0 0; }
.cont_business .rnd_contents .tab_list ul li.on:hover a { color: #fff; }
.cont_business .rnd_contents .tab_list ul li:hover:after { width: 100%;}
.cont_business .rnd_contents .tab_list ul li a { /* display: block; */display: table-cell; /* padding: 0 0 2.6rem 0; */ padding: 1.5rem 0; vertical-align: middle; }
.cont_business .rnd_contents .tab_list ul li.on a { color: #fff; font-weight: 400; }
.cont_business .rnd_contents .tab_list ul li:hover a { color: #00a970; font-weight: 400; }

.cont_business .rnd_contents .nav_btn {height: 24rem;display: flex;justify-content: center;letter-spacing: -.04rem;margin: 8rem auto 12rem;}
.cont_business .rnd_contents .nav_btn li {width: 16.66%;height: 100%;border: .1rem solid #eee; cursor: pointer; }
.cont_business .rnd_contents .nav_btn li:not(:first-child) {margin-left: -.1rem;}
.cont_business .rnd_contents .nav_btn > li.on {border: .3rem solid #00a970; box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.23);position: relative;z-index: 10;}
.cont_business .rnd_contents .nav_btn li a { display: block; height:100%;}
.cont_business .rnd_contents .nav_btn li .icon {text-align: center; padding-top:5.7rem; }
.cont_business .rnd_contents .nav_btn li .icon img { margin:auto; }
.cont_business .rnd_contents .nav_btn li .icon img:last-child { display:none; }
.cont_business .rnd_contents .nav_btn li:hover .icon img:last-child, .cont_business .rnd_contents .nav_btn .on .icon img:last-child { display:block; }
.cont_business .rnd_contents .nav_btn li:hover .icon img:first-child, .cont_business .rnd_contents .nav_btn .on .icon img:first-child { display:none; }
.cont_business .rnd_contents .nav_btn li .nav_tit {font-size: 1.6rem; color: #777;text-align: center;margin: 2.5rem 0 1rem;}
.cont_business .rnd_contents .nav_btn li .nav_num {font-family:'Montserrat';font-size: 3rem;font-weight: 400;color: #222;text-align: center;}
.cont_business .rnd_contents .nav_btn li:hover .nav_num, .cont_business .rnd_contents .nav_btn li.on .nav_num {color: #00a970;}

.cont_business .rnd_contents .section1 .sub_con p {font-family:'NS';font-size: 1.8rem;color: #777;line-height: 1.67;text-align: center;}
.cont_business .rnd_contents .section1 .sub_con p > b {font-size: 2.8rem;font-weight: 400;color: #222;line-height: 1.43;}
.cont_business .rnd_contents .section1 .sub_con p:first-child {margin: 9rem 0 3rem;}

.cont_business .rnd_contents .tb_box {display: none;}
.cont_business .rnd_contents .tb_box.on {display: block;}
.cont_business .rnd_contents .tb_box .tb_row {display: table;table-layout: fixed;width: 100%;}
.cont_business .rnd_contents .tb_box .tb_row.row_head {border-top: .1rem solid #222;border-bottom: .1rem solid #eee;background: #f6f6f6;} 
.cont_business .rnd_contents .tb_box .tb_row.row_body {border-bottom: .1rem solid #eee;}
.cont_business .rnd_contents .tb_box .tb_row>div {display: table-cell;height: 7rem;vertical-align: middle;text-align: center;letter-spacing: -.04rem;}
.cont_business .rnd_contents .tb_box .tb_row.row_head>div {font-size: 1.6rem;font-weight: 400;color: #222;} 
.cont_business .rnd_contents .tb_box .tb_row.row_body>div {padding: 0 1rem;font-size: 1.6rem;font-weight: 200;color: #555;font-family: 'NS';}
.cont_business .rnd_contents .tb_box .tb_row .div {width: 14%;border-right: .1rem solid #eee;}
.cont_business .rnd_contents .tb_box .tb_row .tit {width: 60%;}
.cont_business .rnd_contents .tb_box .tb_row .num {width: 26%;border-left: .1rem solid #eee;}
.cont_business .rnd_contents .tb_box01 .tb_row .div {width: 14%;}
.cont_business .rnd_contents .tb_box01 .tb_row .tit {width: 72%;}
.cont_business .rnd_contents .tb_box01 .tb_row .num {width: 14%;}
/* .cont_business .rnd_contents .tb_box .tb_row.row_body .tit a {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} */

.cont_business .rnd_contents .tb_box .tb_row .none {width: 100%;height: 27rem;}

/* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 - �뺣룄愿�由� 220418 */
.cont_business .rnd_contents .qc_section1 { background: #f3f3f3; margin-top: 7.6rem; padding-bottom: 26.7rem; letter-spacing: -.025rem; }
.cont_business .rnd_contents .qc_section1 h3 { text-align: center; font-size: 4.6rem; font-weight: 400; padding: 12rem 0 6.4rem; }
.cont_business .rnd_contents .qc_section1 ul { display: flex; flex-wrap: wrap; justify-content: center; width: calc(35rem * 3); margin: auto; }
.cont_business .rnd_contents .qc_section1 ul li { width: 35rem; height: 35rem; border-radius: 6rem; text-align: center; color:#00CB86; box-shadow: -5px 4px 10px 0px rgba(0, 0, 0, 0.16); overflow: hidden; position: relative; background: #fff; }
.cont_business .rnd_contents .qc_section1 ul li h4 { color: #fff; background: #00CB86; font-size: 2.2rem; padding: 2.7rem 0; }
.cont_business .rnd_contents .qc_section1 ul li h5 { line-height:11.5rem; font-weight: 400; font-size: 2.2rem; }
.cont_business .rnd_contents .qc_section1 ul li h5 span{ line-height: 1.3; display: inline-block; vertical-align: middle;}
.cont_business .rnd_contents .qc_section1 ul li p { font-size: 1.5rem; line-height:1.5; color:#777; }
.cont_business .rnd_contents .qc_section1 ul li p .hl { font-weight: 400; color: #00CB86; font-family: 'NS'; }
.cont_business .rnd_contents .qc_section1 ul li p .sub_desc { font-size: 1.3rem; padding-top: .3rem; display: inline-block; }
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n + 1) { left: .8rem; }   /* item [1][4] */
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n - 1), 
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n - 1) p .hl { color: #00a970; }    
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n - 1) h4 { background: #00a970; }   /* item [2][4] */  
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n), 
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n) p .hl { right:.8rem; color:#23591b; }   
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(3n) h4 { background: #23591b; }   /* item [3][6] */   
.cont_business .rnd_contents .qc_section1 ul li:nth-of-type(n + 4) { margin-top: 4rem; }   /* item [4][5][6]... */
.cont_business .rnd_contents .qc_section1-2 { margin-top: -18.7rem; padding:0 12rem 13rem; letter-spacing: -.025rem; border-bottom:.1rem solid #e8e8e8; }
.cont_business .rnd_contents .qc_section1-2 > div > div > p { text-align: center; font-size: 2.8rem; color: #222; font-weight: 400; }
.cont_business .rnd_contents .qc_section1-2 .qc_current { background: #fff; display: flex; justify-content: center; align-items: center; border-bottom: .6rem solid #00CB86; }
.cont_business .rnd_contents .qc_section1-2 .qc_current > div { width: 50%; position: relative; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul { display: flex; justify-content: center; margin-top: 8rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul li { font-size: 2.2rem; line-height: 1.4; text-align: center; font-weight: 400; color: #00CB86; padding: 0 4rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul li p { height: 6.9rem; line-height: 6.9rem; margin-bottom: 3rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con ul li p img { display: inline-block; vertical-align: middle; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 img:last-of-type { display: none; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 img:first-child { display: block; width: 100%; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul { position: absolute; bottom: 3rem; right: 2.6rem;}
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li { font-size: 1.4rem; font-weight: 200; color: #777777; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li:first-child { margin-bottom: .6rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li:first-child:before { background: #00b699; }
.cont_business .rnd_contents .qc_section1-2 .qc_current .qc_currnet_inner_con2 ul li:before { background: #f5b508; content: ''; width: 1rem; height: 1rem; border-radius: 100%; position: absolute; left: -2rem; margin-top: .3rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div { max-width: 89.2rem; width: 100%; margin: auto; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div p { padding-top: 13rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div > ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 7.7rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div > ul:first-of-type li:nth-child(2) { margin: 0 1.3rem; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div > ul:last-of-type li { flex: 1; display: flex; font-family: 'NS'; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div > ul:last-of-type li > ul { margin:0 auto; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div > ul:last-of-type > li:first-child { font-size: 2.2rem; line-height: 1.6; color: #00a970; font-weight: 400; }
.cont_business .rnd_contents .qc_section1-2 .qc_test > div > ul:last-of-type > li:last-child { font-size: 1.6rem; line-height: 1.9; color: #777777; font-weight: 200; }
.cont_business .rnd_contents .qc_section2 { padding: 9rem 11rem 12.7rem; letter-spacing: -.025rem; }
.cont_business .rnd_contents .qc_section2 p { text-align: center; font-size: 2.8rem; color: #222; font-weight: 400; }
.cont_business .rnd_contents .qc_section2 div { display: flex; align-items: flex-end; margin-top: 8rem; }
.cont_business .rnd_contents .qc_section2 div ul { width: 50%; }
.cont_business .rnd_contents .qc_section2 div ul:first-of-type { display: flex; justify-content: end; }
.cont_business .rnd_contents .qc_section2 div ul:first-of-type li { padding: 0 1.6rem 0 3.4rem; }
.cont_business .rnd_contents .qc_section2 div ul:last-of-type { padding-left: 7.3rem; font-size: 1.6rem; line-height: 1.9; color: #777777; font-family: 'NS';}
.cont_business .rnd_contents .qc_section2 div ul:last-of-type li:first-child { font-size: 2.2rem; line-height: 1.6; color: #00a970; font-weight: 400; padding-bottom: 3.2rem; }

.cont_business .rnd_contents .qc_section2 div ul:last-of-type li:last-child > span {display: block;}
.cont_business .rnd_contents .qc_section2 div ul:last-of-type li:last-child > span:nth-of-type(2n) { padding-left: 1rem;}

.cont_business .rnd_contents .qc_section3 { background: url(../images/business/qc_section2_bg.png) no-repeat; height: 59.8rem; padding: 8.2rem 9.2rem 6.2rem; letter-spacing: -.025rem;  }
.cont_business .rnd_contents .qc_section3 p { text-align: center; font-size: 2.8rem; color: #222; font-weight: 400; }
.cont_business .rnd_contents .qc_section3 div { margin-top: 7.5rem; font-family: 'NS'; }
.cont_business .rnd_contents .qc_section3 div h3 { font-size: 2.2rem; font-weight: 400; color: #00a970; padding-bottom: 3rem; }
.cont_business .rnd_contents .qc_section3 div ul li { font-size: 1.6rem; line-height: 1.8; color: #777777; padding-bottom: 5rem; }
.cont_business .rnd_contents .qc_section3 div ul li:last-child { padding-bottom: 0; }
.cont_business .rnd_contents .qc_section3 div ul li h4 { font-size: 2.2rem; font-weight: 400; color: #00a970; padding-bottom: 1rem; }
.cont_business .rnd_contents .qc_section3 div ul li .hl { font-weight: 400; color: #00a970; }
.cont_business .rnd_contents .qc_section4 { padding: 8.2rem 9.2rem 0; letter-spacing: -.025rem;  }
.cont_business .rnd_contents .qc_section4 > p { text-align: center; font-size: 2.8rem; color: #222; font-weight: 400; }
.cont_business .rnd_contents .qc_section4 > ul { margin-top: 7.5rem; font-family: 'NS'; }
.cont_business .rnd_contents .qc_section4 > ul li { font-size: 1.6rem; line-height: 1.8; color: #777777; padding-bottom: 5rem; }
.cont_business .rnd_contents .qc_section4 > ul li h4 { font-size: 2.2rem; font-weight: 400; color: #00a970; padding-bottom: 1rem; }
.cont_business .rnd_contents .qc_section4 > ul li .sub_desc { font-size: 1.3rem; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last, 
.cont_business .rnd_contents .qc_section4 > ul .qc_last h4, 
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li { padding-bottom: 0; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul { display: flex; margin-top: 7rem; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-basis: 38.7rem;  }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li p { width: 100%; text-align: center; font-size: 1.6rem; font-weight: 300; color: #222222; padding-top: 2.1rem; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li .abi { padding: 0 3rem; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li .qc_circle_bg { width: 15.5rem; height: 15.5rem; background: #f4f6f1; border-radius: 100%; line-height: 15.5rem; text-align: center; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li .qc_circle_bg img { display: inline-block; vertical-align: middle; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li:nth-of-type(2) { margin-left: 7rem; }
.cont_business .rnd_contents .qc_section4 > ul .qc_last > ul li:last-child { flex-basis: 22rem; margin-left: 4rem; }


/* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 - 怨듬쾿 */
.method_bg {width: 100%;height: 44rem;background: #f7f7f7;position: absolute;bottom:0;left:0;z-index: -1;}
.cont_business .skills_contents .inner {max-width: 144rem;}
.skills_contents .sub_tab ul {max-width: 87.7rem;display: flex;margin: 6rem auto 9rem;}
.skills_contents .sub_tab ul li {flex: 1;border: 1px solid #eee;display: table;}
.skills_contents .sub_tab ul li a {display: table-cell;vertical-align: middle;text-align: center;font-family: 'NS';font-size: 1.6rem;padding: 2rem 0;color: #777;}
.skills_contents .sub_tab ul li:not(:first-child){margin-left: -1px;}
.skills_contents .sub_tab ul li.on, .skills_contents .sub_tab ul li:hover {background: #00a970;}
.skills_contents .sub_tab ul li.on a, .skills_contents .sub_tab ul li:hover a {color: #fff;font-weight: 400;}
.skills_contents .method_wrap h3 {font-size: 2.8rem;font-weight: 400;color: #222;text-align: center;line-height: 1.42;}
.skills_contents .method_wrap .tit_green {font-family: 'NS';font-size: 2.2rem;font-weight: 400;color: #00a970;text-align: center;}

.skills_contents .method_wrap01 .section1 p {font-size: 1.8rem;color: #777;text-align: center;line-height: 1.66;padding: 3rem 0 10.5rem;}
.skills_contents .method_wrap01 .section1 p span { border:.3rem solid #00a970; width: .5rem; height: .5rem; border-radius: 100%; padding:.2rem; position: relative; top: -.1rem; left:-.3rem; display: inline-block; }
.skills_contents .method_wrap01 .section2 .s_con {background: #fafafa;padding: 6rem 7rem 5.5rem 7rem;margin-top: 4rem;}
.skills_contents .method_wrap01 .section2 .s_con .top {text-align: center;}
.skills_contents .method_wrap01 .section2 .s_con .top > img {width: 100%;object-fit: contain;}
.skills_contents .method_wrap01 .section2 .s_con .top > img:last-of-type {display: none;}
.skills_contents .method_wrap01 .section2 .s_con .bottom > p {font-size: 1.4rem;color: #777;line-height: 1.92;}
.skills_contents .method_wrap01 .section2 .s_con .bottom:before {content:'';display: block;width: 100%;height: .1rem;background: #d4dfcc;margin: 5.5rem 0 3.5rem;}
.skills_contents .method_wrap01 .section3 {background: #fff;}
.skills_contents .method_wrap01 .section3> div:first-of-type {max-width: 120rem;margin: 0 auto;display: flex;justify-content: space-between;}
.skills_contents .method_wrap01 .section3> div ul {width: calc(50% - 7.5rem);position: relative;}
.skills_contents .method_wrap01 .section3> div ul.left:after {content:'';display: inline-block;width: 15rem;height: 3.9rem;background: url(../images/business/method01_arrow02.png) no-repeat;position: absolute;top: 50%;right: -15rem;transform: translateY(-50%);}
.skills_contents .method_wrap01 .section3> div ul.right {padding-left: 6rem;}
.skills_contents .method_wrap01 .section3> div ul li {font-size: 1.8rem;color: #777;line-height: 1.66;letter-spacing: -.045rem;list-style-type: '-';}
.skills_contents .method_wrap01 .section3 .screenshot {display: flex;justify-content: center;}
.skills_contents .method_wrap01 .section3 .screenshot > div {/* border: 1px solid #d2d2d2; */margin: 0 3rem 6rem;}
.skills_contents .method_wrap01 .section3 > h3 {padding: 17.5rem 0 11rem;}
.skills_contents .method_wrap01 .section3 .tit_green {padding: 10rem 0;}

.skills_contents .method_wrap02 > ul {display: flex;flex-wrap: wrap;width: 144rem;}
.skills_contents .method_wrap02 > ul > li {width: calc(50% - 9rem);padding: 9rem;}
.skills_contents .method_wrap ul > li .desc {padding-top: 3rem;}
.skills_contents .method_wrap ul > li .desc .tit {font-size: 2.2rem;font-weight: 400;color: #222;}
.skills_contents .method_wrap ul > li .desc .txt {font-size: 1.5rem;color: #777;padding: 1rem 0 3.2rem;}
.skills_contents .method_wrap ul > li .desc > ul > li {font-size: 1.6rem;color: #777; list-style: '- '; margin-left: 1rem;line-height: 1.75;}

.skills_contents .method_wrap03 .section1 > ul {display: flex;justify-content: space-between;padding: 7rem 9rem 17rem;border-bottom: 1px solid #dcdcdc;}
.skills_contents .method_wrap03 .section1 > ul > li {width: calc(50% - 9rem);}
.skills_contents .method_wrap03 .section1 > ul > li img {width: 100%;object-fit: contain;}
.skills_contents .method_wrap03 .section2 > h3 {padding: 9rem 0 7.5rem;}
.skills_contents .method_wrap03 .section2 > ul {display: flex;justify-content: space-around;}
.skills_contents .method_wrap03 .section2 > ul > li {text-align: center;flex: 1;}
/* .skills_contents .method_wrap03 .section2 > ul > li .img {width: 27rem;height: 27rem;border-radius: 50%;overflow: hidden;} */
.skills_contents .method_wrap03 .section2 > ul > li .txt .tit {font-size: 2.2rem;font-weight: 400;color: #00a970;padding: 5rem 0 2.5rem;}
.skills_contents .method_wrap03 .section2 > ul > li .txt p {font-family: 'NS';font-size: 1.6rem;color: #777;line-height: 2.1;}

.skills_contents .method_wrap04 .banner {width: 100%;height: 33rem;text-align: center;background-repeat: no-repeat;background-position: 50% 50%;font-weight: 400;}
.skills_contents .method_wrap04 .section1 .banner {background-image: url(../images/business/method04_img01.jpg);margin-top: 7.5rem;}
.skills_contents .method_wrap04 .section2 .banner {background-image: url(../images/business/method04_img02.jpg);}
.skills_contents .method_wrap04 .section1 .banner .icon {padding-top: 5.6rem;}
.skills_contents .method_wrap04 .section2 .banner .icon {padding-top: 5.2rem;}
.skills_contents .method_wrap04 .banner p {font-size: 1.8rem;color: #fff;line-height: 1.16;padding-top: 2rem;}
.skills_contents .method_wrap04 .banner p > span {color: #f5b508;}
.skills_contents .method_wrap04 .banner p > span > b {font-size: 3rem;font-family: 'NS';}
.skills_contents .method_wrap04 .banner .ylw {font-size: 1.6rem;color: #f5b508;margin-top: 3rem;}
.skills_contents .method_wrap04 .s_con {display: flex;font-family: 'NS';padding: 6rem 4rem 0;}
.skills_contents .method_wrap04 .s_con .left {flex-basis: 63rem;}
.skills_contents .method_wrap04 .s_con .left li:first-child {font-size: 2.2rem;font-weight: 400;color: #222;line-height: 1.36;}
.skills_contents .method_wrap04 .s_con .left li:nth-child(2) {font-size: 1.6rem;font-weight: 400;color: #222;padding: 1rem 0 1.5rem;}
.skills_contents .method_wrap04 .s_con .left li:last-child {font-size: 1.5rem;color: #777;line-height: 1.8;}
.skills_contents .method_wrap04 .s_con .right li {font-size: 1.6rem;color: #777;line-height: 1.75;list-style-type: '- ';}
.skills_contents .method_wrap04 .section1 {border-bottom: 1px solid #dcdcdc;}
.skills_contents .method_wrap04 .section1 .s_con {padding-bottom: 12rem;}
.skills_contents .method_wrap04 .section2 h3 {padding: 9rem 0 7.5rem;}



/* �ъ뾽�뚭컻 - Green - �먮꼫吏� 220419 */
.green_contents .energy_intro_wrap {padding-top: 9rem;width: 100%;height: fit-content; }
.green_contents .energy_intro_wrap h2 { text-align: center; font-size: 2.2rem; color:#00a970; font-weight: 400; font-family: 'NS'; padding-bottom: 4rem; }
.green_contents .energy_intro_wrap img:first-of-type { display: block; }
.green_contents .energy_intro_wrap img:last-of-type { display: none; }
.green_contents .energy_wrap {max-width: 120rem;margin: 0 auto;background: #fff; }
.green_contents .energy_wrap .s_tit {font-family: 'NS';font-size: 2.6rem;font-weight: 200;color: #222;text-align: center;line-height: 1.42;letter-spacing: -.07rem;padding:8.5rem 0 7.5rem;}
.green_contents .energy_wrap .s_tit > span {color: #00a970;font-weight: 400;}
.green_contents .energy_wrap .img {width: 75rem;height: 46rem;margin: 0 auto;position: relative;}
.green_contents .energy_wrap .img > .tag {width: 12rem;height: 4rem;background: #00a970;border-radius: 1rem 0;text-align: center;line-height: 4rem;font-size: 1.5rem;font-weight: 300;color: #fff;position: absolute;top: 2rem;left: -2rem;z-index: 10;}
.green_contents .energy_wrap .img > img {position: absolute; top:0;left: 50%; transform: translateX(-50%);width: 100%;height: 100%; object-fit: cover;}
.green_contents .energy_wrap .desc > h4 {font-size: 3rem;font-weight: 400;color: #222;text-align: center;padding: 6rem 0; font-family: 'NS';}
.green_contents .energy_wrap .desc > h4 span { font-size: 1.6rem; color: #00a970; display: block; padding-bottom: 1rem; }
.green_contents .energy_wrap .desc > div {display: flex; padding: 0 15rem;}
.green_contents .energy_wrap .desc > div > ul {width: 50%;}
.green_contents .energy_wrap .energy_box .desc > div > ul:last-of-type { display: none; }
.green_contents .energy_wrap .energy_box .desc > div > ul:not(:last-of-type) { display: block; }
.green_contents .energy_wrap .desc > div > ul > li {font-size: 1.6rem;color: #555;line-height: 1.5;letter-spacing: -.04rem;display: flex;padding-bottom: 1.5rem;}
.green_contents .energy_wrap .desc > div > ul > li:last-child { padding-bottom: 5.9rem; }
.green_contents .energy_wrap .desc > div > ul > li > .desc_tit {display: inline-block;width: 8.6rem;font-weight: 400;color: #00a970;flex-shrink: 0;}
.green_contents .energy_wrap .desc > div > ul > li > .desc_txt > li {list-style-type: '\00B7';}
.green_contents .energy_wrap .desc > div > ul.extend > li > .desc_tit { width: 12rem; }
.green_contents .energy_wrap .desc .waste_heat_sheet { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -.5rem; }
.green_contents .energy_wrap .desc .waste_heat_sheet > ul { width: auto; flex-basis: 35.2rem; padding-left: 5.8rem; }
.green_contents .energy_wrap .desc .waste_heat_sheet > ul > li:last-child { padding-bottom: 7.9rem; }
.green_contents .energy_wrap .desc .waste_heat_sheet > ul > li > .desc_tit { width: auto; padding-right: 2.3rem;}
.green_contents .energy_wrap .energy_box .arrow { background: #00a970; width: 5rem; height: 5rem; border-radius: 5rem; background-repeat: no-repeat; background-position: center; transition:all ease .3s; top:45%; position: absolute; }
.green_contents .energy_wrap .energy_box .swiper-button-prev { background-image: url(../images/business/arrow_prev_on.png); background-position:1.8rem; left: 4.9rem; }
.green_contents .energy_wrap .energy_box .swiper-button-next { background-image: url(../images/business/arrow_next_on.png); background-position:2.1rem; right: 4.9rem; }
.green_contents .energy_wrap .energy_box .swiper-button-next.swiper-button-disabled, 
.green_contents .energy_wrap .energy_box .swiper-button-prev.swiper-button-disabled { background-color: #000; opacity: .2; }


/* �ъ뾽�뚭컻 - Green - �먯썝�쒗솚 220418 */
.circulation_bg {width: 100%;height: 56rem;background: #f7f7f7;position: absolute;bottom: 0;left: 0;z-index: -1;}
.cont_business .green_contents .inner {max-width: 144rem;}
.green_contents .sub_con {font-family: 'NS';font-size: 2.8rem;font-weight: 400;color: #222;text-align: center;line-height: 4.6rem; padding-bottom: 6rem; position:relative; top:100px; opacity: 0; transition: all ease-in-out .6s; }
.green_contents .sub_con.on { top:0; opacity: 1; }
.green_contents .sub_con > b {font-weight: 400;color: #00a970;}

.cont_business .top .tab_list { display: flex; justify-content: center; border-bottom: 1px solid #eeeeee; }
.cont_business .top .tab_list li { flex: 1;text-align: center; /* line-height: 5rem; */ font-size: 1.6rem; /* padding: 2.5rem 0; */ position: relative;display: table;}
.cont_business .top .tab_list li:after { content:''; display: block; width: 0; height: 0.3rem; background:#00a970; transition:all ease-in-out .5s; position: absolute; left: 0; bottom: 0; }
.cont_business .top .tab_list li.on:after { width: 100%; }
.cont_business .top .tab_list li:hover:after { width: 100%;}
.cont_business .top .tab_list li a { display: table-cell;padding: 1.5rem 0;vertical-align: middle; }
.cont_business .top .tab_list li.on a { color: #fff; font-weight: 400; }
.cont_business .top .tab_list li.on:hover a { color: #fff; }
.cont_business .top .tab_list li.on { background: #00a970; border-radius: 0 2rem 0 0; }
.cont_business .top .tab_list li:hover a { color: #00a970; font-weight: 400; }

.green_contents .circulation_wrap .swiper-container {width: 100%;max-width: 120rem;position: relative;}
.green_contents .circulation_wrap {width: 100%;/*  margin: 0 auto; */background: #fff;padding-bottom: 6rem;}
.green_contents .circulation_wrap .s_tit {font-family: 'NS';font-size: 2.6rem;font-weight: 200;color: #222;text-align: center;line-height: 1.42;letter-spacing: -.07rem;padding:8.5rem 0 7.5rem;}
.green_contents .circulation_wrap .s_tit > b {color: #00a970;font-weight: 400;}
.green_contents .circulation_wrap .img {width: 75rem;height: 46rem;margin: 0 auto;position: relative;}
.green_contents .circulation_wrap .img > .tag {width: 12rem;height: 4rem;background: #00a970;border-radius: 1rem 0;text-align: center;line-height: 4rem;font-size: 1.5rem;font-weight: 300;color: #fff;position: absolute;top: 2rem;left: -2rem;z-index: 10;}
.green_contents .circulation_wrap .img > img {width: 100%;height: 100%;object-fit: cover;}
.green_contents .circulation_wrap .desc > h4 {font-size: 3rem;font-weight: 400;color: #222;text-align: center;padding: 6rem 0;}
.green_contents .circulation_wrap .desc > div {display: flex; padding: 0 25rem; justify-content:space-between;}
.green_contents .circulation_wrap .desc > div > ul {width: calc(50% - 5%);}
/* .green_contents .circulation_wrap .desc > div > ul:nth-child(2) {width: calc(50% - 20%);} */
.green_contents .circulation_wrap .desc > div > ul > li {font-size: 1.6rem;color: #555;line-height: 1.5;letter-spacing: -.04rem;display: flex;padding-bottom: 1.5rem;}
.green_contents .circulation_wrap .desc > div > ul > li > .desc_tit {display: inline-block;width: 8.6rem;font-weight: 400;color: #00a970;flex-shrink: 0;}
.green_contents .circulation_wrap .desc > div > ul > li > .desc_txt > li {list-style-type: '\00B7';}
.green_contents .circulation_wrap .desc > div.wasteoil > ul:first-child > li > .desc_tit {width: 12.8rem;}
.green_contents .circulation_wrap .swiper-nav {width: 100%;display: flex;justify-content: space-between;padding: 0 5rem; position: absolute;top:20.6rem;left:50%;transform: translateX(-50%);z-index: 10;}
.green_contents .circulation_wrap .swiper-nav.ct {top: calc(50% - 30px); transform: translate(-50%, -50%);}
.green_contents .circulation_wrap .arrow { display: inline-block;width: 5rem;height: 5rem;border-radius: 50%;background-color: #00a970;background-position: 50% 50%;background-repeat: no-repeat;}
.green_contents .circulation_wrap .swiper-button-prev {background-image: url(../images/common/sub_visual_nav_prev.png);cursor: pointer;}
.green_contents .circulation_wrap .swiper-button-next {background-image: url(../images/common/sub_visual_nav_next.png);cursor: pointer;}
.green_contents .circulation_wrap .swiper-button-next.swiper-button-disabled, 
.green_contents .circulation_wrap .swiper-button-prev.swiper-button-disabled { background-color: rgba(0,0,0,.2); opacity: 1; }

/* .green_contents .circulation_wrap .desc > div > ul:nth-child(2) li {float:right;} */

/* �ъ뾽�뚭컻 - Green - new biz */
.green_contents .newbiz_wrap {padding-top: 9rem;width: 100%; text-align: center; height: fit-content;}
.green_contents .newbiz_wrap > img {object-fit: contain;width: 85%; /* max-height: 90.9rem; */}
.green_contents .newbiz_wrap > img:last-of-type {display: none;}
.green_contents .newbiz_wrap .s_tit {font-size: 2.6rem;font-weight: 200;color: #222;text-align: center;line-height: 1.42;}
.green_contents .newbiz_wrap > h4 {font-family: 'NS';font-size: 2.2rem;font-weight: 400;color: #00a970;text-align: center;padding: 7rem 0 4rem;}
.green_contents .newbiz_wrap02 {width: 100%;}
.green_contents .newbiz_wrap02 .preocess_wrap {background: #fafafa;/* display: flex; */padding: 6rem 0;text-align: center;}
.green_contents .newbiz_wrap03 .preocess_wrap > img:first-of-type { width: 85%; }
.green_contents .newbiz_wrap02 .preocess_wrap > img:last-of-type,
.green_contents .newbiz_wrap03 .preocess_wrap > img:last-of-type {display: none;}




/* �ъ뾽�뚭컻 - �섏쿂由� - 湲곗닠��웾 - 湲곗닠吏��� 220412 */
.cont_business .rnd_contents.sub_con { position:relative; top: 100px; transition:all ease-in-out .6s; opacity: 0; }
.cont_business .rnd_contents.sub_con.on { opacity: 1; top: 0; }
.cont_business .rnd_contents .tech_support { margin-top:9rem; }
.cont_business .rnd_contents .tech_support > ul { display: flex; justify-content: center; }
.cont_business .rnd_contents .tech_support > ul > li { margin: 0 6rem; width: 49rem; height: 67rem; position: relative; }
.cont_business .rnd_contents .tech_support > ul > li:first-child { background: url(../images/business/tech_support_img01.png) no-repeat 50% 0; }
.cont_business .rnd_contents .tech_support > ul > li:last-child { background: url(../images/business/tech_support_img02.png) no-repeat 50% 0; }
.cont_business .rnd_contents .tech_support ul li div { position: absolute; bottom:0; padding: 6rem 5rem; width: 100%; }
.cont_business .rnd_contents .tech_support ul li div ul li { font-size: 1.6rem; line-height: 1.8; color: #fff; padding-left: 1.1rem; }
.cont_business .rnd_contents .tech_support ul li div ul li:not(:first-of-type):before { content: ''; display: block; width: .3rem; height: .3rem; margin:1.2rem 0 0 -.9rem; position: absolute; background: #fff; border-radius: 5rem; }
.cont_business .rnd_contents .tech_support ul li div ul li:first-of-type { display:block; font-size: 2.2rem; font-weight: 400; line-height: 3.2; padding-left: 0rem; }
.cont_business .tech_support_graybg { width: 100%; background: #f5f5f5; height: 45.7rem; position: absolute; bottom: 0rem; z-index: -1; }


/* 吏��띻��κ꼍�� - �ㅻ━寃쎌쁺 怨듯넻 */
.cont_sustain .ethic_contents .inner {max-width: 144rem;}
.cont_sustain .top .tab_list { display: flex; justify-content: center; border-bottom: 1px solid #eeeeee; }
.cont_sustain .top .tab_list li { flex: 1; text-align: center; /* line-height: 5rem; */ font-size: 1.6rem; position: relative; display: table;}
.cont_sustain .top .tab_list li:after { content:''; display: block; width: 0; height: 0.3rem; background:#00a970; transition:all ease-in-out .5s; position: absolute; left: 0; bottom: 0; }
.cont_sustain .top .tab_list li.on:after { width: 100%; }
.cont_sustain .top .tab_list li:hover:after { width: 100%;}
.cont_sustain .top .tab_list li a { /* display: block; */display: table-cell; padding:1.5rem 0;vertical-align: middle; }
.cont_sustain .top .tab_list li.on:hover a { color: #fff; }
.cont_sustain .top .tab_list li.on { background: #00a970; border-radius: 0 2rem 0 0; }
.cont_sustain .top .tab_list li.on a { color: #fff; font-weight: 400; }
.cont_sustain .top .tab_list li:hover a { color: #00a970; font-weight: 400; }
.cont_sustain .download_wrap {margin-top: 6rem;}
.cont_sustain .download_wrap > div:not(.btn_download) {display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 13rem;background: #f5f5f5;margin-bottom: 2rem;padding: 4rem 5rem;}
.cont_sustain .download_wrap dt {font-family: 'NS';font-size: 1.8rem;font-weight: 400;color: #00a970;letter-spacing: -.072rem;}
.cont_sustain .download_wrap dd {font-size: 1.6rem;color: #222;padding-top: 1rem;letter-spacing: -.064rem;}
.cont_sustain .btn_download {flex-shrink: 0; display: block;width: 20rem;height: 5rem;border: 1px solid #ccc;line-height: 5rem;padding: 0 3rem;position: relative; z-index: 1;}
.cont_sustain .btn_download > a {display: block;width: 100%;height: 100%;font-size: 1.4rem;color: #222;background: url(../images/common/icon_download.png) 100% 50% no-repeat;}
.cont_sustain .btn_download:before {content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transform:scaleX(0);z-index: -1; background: #00a970; transition: all .2s ease-out; transform-origin: 0 50%;}
.cont_sustain .btn_download:hover {border-color: #f5f5f5;}
.cont_sustain .btn_download:hover:before { transform: scaleX(1);z-index: -1;}
.cont_sustain .btn_download:hover > a {color:#fff;background: url(../images/common/icon_download_w.png) 100% 50% no-repeat;}

.cont_sustain .ethic_wrap {margin-top: 8rem;}
.cont_sustain .ethic_wrap .section2, .cont_sustain .ethic_wrap .section3 {display: flex;max-width: 120rem;margin: 0 auto;}
.cont_sustain .ethic_wrap section .s_tit {font-size: 2.6rem;font-weight: 400;color: #222;width: 28rem;}
.cont_sustain .ethic_wrap section .s_con {width: calc(100% - 28rem);}
.cont_sustain .ethic_wrap .section3 {padding-top: 10rem;border-top: 1px solid #e8e8e8;}


/* �ㅻ━寃쎌쁺 �뚭컻 */
.cont_sustain .ethical_intro_wrap .section1 {width: 100%;height: 56.5rem;background: #f5f5f5;margin-bottom: 11rem;}
.cont_sustain .ethical_intro_wrap .section1  .s_title_img {text-align: center;padding: 10rem 0 3rem;}
.cont_sustain .ethical_intro_wrap .section1  .s_title_img img:last-of-type {display: none;}
.cont_sustain .ethical_intro_wrap .section1 > h3 {font-family: 'NS';font-size: 4.6rem;font-weight: 400;text-align: center;}
.cont_sustain .ethical_intro_wrap .section1 > .ethical_intro_banner {width: 100%;max-width: 120rem;height: 40rem;background: url(../images/sustain/ethical_intro_banner.jpg) no-repeat 50% 50%;background-size: cover;margin: 5.5rem auto 0;position: relative;}
.cont_sustain .ethical_intro_wrap .section1 > .ethical_intro_banner > p {font-size: 1.8rem;color: #fff;line-height: 1.78;letter-spacing: -.045rem;width: 50%;position: absolute;top: 11rem;left: 0;padding-left: 10rem;}
.cont_sustain .ethical_intro_wrap .section1 > .ethical_intro_banner > p:before {content:'';display: block;width: 2.9rem;height: .2rem;background: #0ce326;margin-bottom: 3rem;}
.cont_sustain .ethical_intro_wrap .section2 {padding: 12.6rem 0 10rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul {display: flex;padding-left: 4rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li {padding: 0 4rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li > .icon_box {width: 20rem;height: 20rem;border-radius: 50%;position: relative;margin: 0 auto;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li:first-child > .icon_box {background: #00a970;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li:nth-child(2) > .icon_box {background: #00a970;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li:last-child > .icon_box {background: #00a970;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li > .icon_box .icon {height: 5rem;width: 100%;position: absolute;top: 5.5rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li:first-child > .icon_box .icon {background: url(../images/sustain/ethical_intro_icon01.png) no-repeat 50% 50%;background-size: 5.2rem 4.5rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li:nth-child(2) > .icon_box .icon {background: url(../images/sustain/ethical_intro_icon02.png) no-repeat 50% 50%;background-size: 5.1rem 5rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li:last-child > .icon_box .icon {background: url(../images/sustain/ethical_intro_icon03.png) no-repeat 50% 50%;background-size:4.9rem 5rem;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li > .icon_box > p {font-size: 2rem;color: #fff;text-align: center;position: absolute;top: 12.5rem;left: 50%;transform: translateX(-50%);}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li > .txt_box li {font-family: 'NS';font-size: 1.6rem;color: #222;text-align: center;line-height: 1.87;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li > .line {width: .1rem;height: 3.5rem;background: #ccc;margin: -1.5rem auto 1.5rem;position: relative;}
.cont_sustain .ethical_intro_wrap .section2 .s_con > ul > li > .line:before {content:'';display: block;width: .5rem;height: .5rem;background: #fff;border-radius: 50%;margin-left: -.2rem;}
.cont_sustain .ethical_intro_wrap .section3 .s_con > p {font-size: 1.6rem;font-weight: 300;color: #222;line-height: 2;font-family: 'NS';}
.cont_sustain .ethical_intro_wrap .section3 .s_con > p:last-of-type {margin: 3rem 0 2rem;}
.cont_sustain .ethical_intro_wrap .section3 .s_con > ol > li {font-size: 1.6rem;color: #555;margin: 1.4rem 0;display: flex;}
.cont_sustain .ethical_intro_wrap .section3 .s_con > ol > li:before {content:'';display: inline-block;flex-shrink: 0;width: 2.2rem;height: 2.2rem;border-radius: 50%;background: #00a970;font-family: 'Montserrat';font-size: 1.2rem;font-weight: 300;color: #fff;text-align: center;line-height: 2.2rem;margin-right: 1.2rem;}
.cont_sustain .ethical_intro_wrap .section3 .s_con > ol > li:first-child:before {content: '1';}
.cont_sustain .ethical_intro_wrap .section3 .s_con > ol > li:nth-child(2):before {content: '2';}
.cont_sustain .ethical_intro_wrap .section3 .s_con > ol > li:nth-child(3):before {content: '3';}
.cont_sustain .ethical_intro_wrap .section3 .s_con > ol > li:last-child:before {content: '4';}

/* �곷떞/�쒕낫 */
.cont_sustain .speakup_wrap .section1 .speakup_banner{width: 100%;height: 40rem;background: url(../images/sustain/ethical_speakup_banner.jpg) no-repeat 50% 50%;background-size: cover;}
.cont_sustain .speakup_wrap .section1 .speakup_banner > p {font-family: 'NS';font-size: 2.8rem;font-weight: 400;color: #222;text-align: center;padding: 12rem 0 4rem;}
.cont_sustain .speakup_wrap .section1 .speakup_banner .icon {width: 14rem;height: 14rem;border-radius: 50%;background: #fff;position: relative;}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div {display: flex;justify-content: center;align-items: center;}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div > .icon > img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div > ol > li {display: flex;font-size: 1.6rem;color: #222;margin: 1.8rem 0 1.8rem 4rem;}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div > ol > li:before {display: inline-block;flex-shrink: 0;width: 2.2rem;height: 2.2rem;background: #f5b508;border-radius: 50%;font-size: 1.2rem;font-weight: 300;color: #fff;text-align: center;line-height: 2.2rem;margin-right: 2rem;vertical-align: middle;}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div > ol > li:first-child:before {content:'1';}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div > ol > li:nth-child(2):before {content:'2';}
.cont_sustain .speakup_wrap .section1 .speakup_banner > div > ol > li:last-child:before {content:'3';}
.cont_sustain .speakup_wrap .section2 {padding: 12rem 0 10rem;}
.cont_sustain .speakup_wrap .section2 .s_con > ul, .cont_sustain .speakup_wrap .section3 .s_con > ul {font-size: 1.8rem;font-weight: 300;color: #222;}
.cont_sustain .speakup_wrap .section2 .s_con > ul li, .cont_sustain .speakup_wrap .section3 .s_con > ul li {list-style-type: '\00B7';line-height: 1.78;letter-spacing: -.072rem;margin-left: 1rem}
.cont_sustain .speakup_wrap .section2 .s_con > p {font-size: 1.4rem; color: #555;line-height: 2.28;margin: 3rem 0 4rem;font-family: 'NS';}
.cont_sustain .speakup_wrap .section2 .btn_box {width: 20rem;height: 5rem;border: 1px solid #777;padding: 0 3rem;line-height: 5rem;}
.cont_sustain .speakup_wrap .section2 .btn_box > a {display: block;width: 100%;height: 100%;font-size: 1.4rem;color: #555;background: url(../images/common/icon_btn_arrow.png) no-repeat 100% 50%;}
.cont_sustain .speakup_wrap .section3 {padding-top: 10rem;border-top: 1px solid #e8e8e8;}
.cont_sustain .speakup_wrap .section3 .download_wrap {width: 100%; min-height: 13rem;padding: 4rem 5rem;margin: 5rem 0 3rem;background: #f5f5f5;display: flex;justify-content: space-between;}


/* 吏��띻��κ꼍�� - �덉쟾蹂닿굔 - �뚭컻, 嫄댁쓽 諛� �쒕낫 220407 */
.cont_sustain .contents_inner { padding: 12rem 0 16.7rem 0; max-width: 144rem; letter-spacing: -.04rem;}
.cont_sustain .sub_con { position: relative; opacity: 0; top: 100px;  transition: all ease-in-out .6s; }
.cont_sustain .sub_con.on { opacity: 1; top: 0; }
.cont_sustain .tb_top .nav_btn { display: flex; justify-content: center; border-bottom: 1px solid #eeeeee; }
.cont_sustain .tb_top .nav_btn li { width: 50%; text-align: center; /* line-height: 5rem; */ font-size: 1.6rem; position: relative; display: table;}
.cont_sustain .tb_top .nav_btn li.on { background: #00a970; border-radius: 0 2rem 0 0; }
.cont_sustain .tb_top .nav_btn li:after { content:''; display: block; width: 0; height: 0.3rem; background:#00a970; transition:all ease-in-out .5s; position: absolute; left: 0; bottom: 0; }
.cont_sustain .tb_top .nav_btn li.on:after { width: 100%; }
.cont_sustain .tb_top .nav_btn li:hover:after { width: 100%; }
.cont_sustain .tb_top .nav_btn li a { /* display: block; */display: table-cell; padding: 1.5rem 0;vertical-align: middle; }
.cont_sustain .tb_top .nav_btn li.on a { color: #fff; font-weight: 400; }
.cont_sustain .tb_top .nav_btn li.on:hover a { color: #fff; }
.cont_sustain .tb_top .nav_btn li:hover a { color: #00a970; font-weight: 400; }
.cont_sustain .sub_con .inner section .shm_sub_tit { width: 28rem; }
.cont_sustain .sub_con .inner section .shm_sub_tit p { display: inline; font-size: 2.6rem; line-height: 1.8; font-weight: 400; color: #222; }
/* 230420 吏��띻��κ꼍�� - �덉쟾蹂닿굔寃쎌쁺 �섏젙 */
.cont_sustain .sub_con .inner section  { margin:10rem 12rem 0; display: flex; flex-wrap: wrap; }
.cont_sustain .sub_con .inner section > div { float: left; }
.cont_sustain .sub_con .inner section:not(.section1, .section4) > div:not(.shm_sub_tit) p { font-size: 1.6rem; line-height: 1.8; color: #555; font-weight: 300; padding-top:.3rem; }
.cont_sustain .sub_con .inner section > div:not(.shm_sub_tit) ul li { font-size: 1.6rem; font-weight: 200; color: #555;display: flex; line-height: 2.3; }
.cont_sustain .sub_con .inner section:not(.section1, .section4) > div:not(.shm_sub_tit) ul li span:first-of-type { flex-shrink: 0;width: 2.2rem; height: 2.2rem; margin-right: 1.6rem; background: #00a970; display: inline-block; line-height: 2.2rem; text-align: center; color: #fff; font-size: 1.2rem; border-radius: 100%; margin-top: .7rem; }
.cont_sustain .sub_con .inner section > div:not(.shm_sub_tit) .shm_sub_con_line { border-bottom: 1px solid #e8e8e8; margin: 6rem 0; width: calc(100% + 16rem); position:relative; right:16rem; }
.cont_sustain .sub_con .inner .section1 { padding:10rem 12rem 7rem; margin:8rem auto 0; border-bottom: 1px solid #e8e8e8; }
.cont_sustain .sub_con .inner .section1 .shm_sub_con { width: calc(100% - 28rem); }
.cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_desc p { padding-top: 4rem; font-weight: 200; font-size: 1.8rem; line-height: 3.2rem; color:#222;}
.cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_desc p:nth-child(1) { padding-top: 0; }
.cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_gray {background:#f5f5f5; margin : 4rem auto; padding: 7rem 0.1rem;}
.cont_sustain .sub_con .inner .section1 .shm_sub_con .shm_gray .shm_sub_box{ display: flex; justify-content: center; align-items: center; text-align: center;}
.cont_sustain .sub_con .inner .section1 .shm_sub_con .dot_line { background: url(../images/sustain/dot_line.png); width: 5.2rem; height: .1rem; }

.shm_circle { display: flex; justify-content: center; align-items: center; width: 22rem; height: 22rem; border: 1px solid #00CB86; border-radius: 100%; background: rgba(0, 169, 112, .05); }
.shm_circle > div > span { width: 11rem; border-top: 1px solid #ccc; display: block; margin:2rem auto 2.6rem;}
.shm_circle > div p:first-child { font-size: 1.6rem; font-weight: 400; color: #00a970; margin-top: .7rem; }
.shm_circle > div p:last-child { font-size: 1.8rem; font-weight: 300; color: #222; }
.shm_circle.highlight { background: rgba(0, 169, 112, 1); }
.shm_circle.highlight > div p { color: #fff; font-weight: 200; margin-top:0; }
.shm_circle.highlight > div p img { display: block; margin: auto; padding-bottom:2rem }

.cont_sustain .sub_con .inner .section2 { padding: 2.1rem 0 10rem 0; border-bottom: 1px solid #e8e8e8; }
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit), 
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) { width: calc(100% - 28rem); float: right; padding-left: 16rem; position: relative; }
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit) ul,
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) ul { padding-top: 3rem; }
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit) ul li span:last-of-type { margin-right:2.9rem; }
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit) ul li span.fix_str { display: flex; margin-right: 0; margin-bottom: 1.8rem;}
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit) > div div { width: fit-content; margin-top: 6rem;}
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit) p span { position: absolute; left: 0; font-size: 1.8rem; font-weight: 400; line-height: 1.7; color: #00a970; }
.cont_sustain .sub_con .inner .section2 > div:not(.shm_sub_tit) > div > p.fix_str { color: #222; }
.cont_sustain .sub_con .inner .section3 { padding-bottom: 10rem; border-bottom: 1px solid #e8e8e8; }
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) ul li span:last-of-type { flex-shrink:0; width: 17.7rem; font-size:1.8rem; font-weight:400; color: #00a970; margin-right: 0; }
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) ul li:not(.green_tit) { position: relative; line-height: 1.6; margin-left:3rem;}/* 230420 css �섏젙 */
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) > div div { margin-left:-16rem; padding-bottom:3.2rem; margin-top:0; }
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) > div div img:last-of-type,
.cont_sustain .sub_con .inner .section3 > div:not(.shm_sub_tit) > div p img:last-of-type {display: none;}
/* 230420 css 異붽� */
.cont_sustain .sub_con .inner .section3.table .shm_sub_con {padding-left: 0rem;}
.cont_sustain .sub_con .inner .section3.table .shm_sub_con .policy_table thead {font-size:1.8rem; color:#00a970; border-bottom: 1px solid #e8e8e8;}
.cont_sustain .sub_con .inner .section3.table .shm_sub_con .policy_table thead tr th {padding-bottom:30px;}
.cont_sustain .sub_con .inner .section3.table .shm_sub_con .policy_table tbody tr td {vertical-align: top;}
.cont_sustain .sub_con .inner .section3.table .shm_sub_con .policy_table tbody tr td ul li { margin-bottom: 1.5rem; }
.cont_sustain .sub_con .inner .section3.table .shm_sub_con .policy_table tbody tr td ul li:not(.green_tit):before {position: absolute; content:'�'; top:0%; left:-9%;}
.cont_sustain .sub_con .inner .section3.table .shm_sub_con .policy_table .green_tit {font-size:1.8rem; font-weight:bold; text-align: left; color:#00a970;}

.cont_sustain .sub_con .inner .section4 { border-bottom:none; }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) { padding-left:0; width: calc(100% - 28rem); }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) > div:first-child > p { line-height: 2.1; font-size: 1.6rem; color: #222; font-weight: 300; padding-top:.3rem; }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) > div:last-child { padding-top:8rem; }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) > div.fix_str { padding-top:0rem; }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) > div.fix_str p { line-height: 2.3; color: #555; }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) > div.fix_str p span { color: #222; display: inline-block; padding:.3rem 0 3rem 0; }
.cont_sustain .sub_con .inner .section4 > div:not(.shm_sub_tit) p span { font-size: 1.8rem; font-weight: 400; line-height: 1.7; color: #00a970; }
.cont_sustain .sub_con .inner .section4 ul { width: 100rem; padding-top: 4rem; display: flex; text-align: center;flex-wrap: wrap; }
.cont_sustain .sub_con .inner .section4 ul:not(:first-of-type) { top: -2rem; position: relative; padding-top:0; }
.cont_sustain .sub_con .inner .section4 ul:not(:first-of-type):nth-of-type(odd) { top: -4rem; }
.cont_sustain .sub_con .inner .section4 ul .shm_circle { width: 20rem; height: 20rem; border: none; position: relative; margin-bottom:0 !important; }
.cont_sustain .sub_con .inner .section4 ul .shm_circle > div > span { margin:2.2rem auto 3rem; }
.cont_sustain .sub_con .inner .section4 ul .shm_circle > div p:first-child { font-size: 1.4rem; margin-top: -2.6rem; }
.cont_sustain .sub_con .inner .section4 ul .shm_circle > div p:first-child span { font-size: 1.6rem; color: #00a970; }
.cont_sustain .sub_con .inner .section4 ul .shm_circle > div p:last-child { font-size: 1.8rem; font-weight: 300; color: #222; letter-spacing: -.05rem; }
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(2),
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(7),
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(12) {right: 2rem;}
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(3),
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(8),
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(13) {right: 4rem;}
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(4),
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(9) {right: 6rem;}
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(5),
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(10) {right: 8rem;}
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+6):nth-child(-n+10) {top: -2rem;}
.cont_sustain .sub_con .inner .section4 .shm_circle:nth-child(n+11):nth-child(-n+12) {top: -4rem;}
.cont_sustain .sub_con .inner .section4 ul:nth-of-type(odd) .shm_circle:nth-child(even),
.cont_sustain .sub_con .inner .section4 ul:nth-of-type(even) .shm_circle:nth-child(odd) { background: rgba(130, 130, 130, .05); }
.cont_sustain .sub_con .inner .section4 ul:nth-of-type(odd) .shm_circle:nth-child(even) > div p:first-child,
.cont_sustain .sub_con .inner .section4 ul:nth-of-type(odd) .shm_circle:nth-child(even) > div p:first-child span,
.cont_sustain .sub_con .inner .section4 ul:nth-of-type(even) .shm_circle:nth-child(odd) > div p:first-child,
.cont_sustain .sub_con .inner .section4 ul:nth-of-type(even) .shm_circle:nth-child(odd) > div p:first-child span { color:#222; }
.cont_sustain .sub_con .inner .section4 .btn_box {width: 20rem;height: 5rem;border: 1px solid #777;padding: 0 3rem;line-height: 5rem; margin: 5rem 0 2rem 0;}
.cont_sustain .sub_con .inner .section4 .btn_box > a {display: block;width: 100%;height: 100%;font-size: 1.4rem;color: #555;background: url(../images/common/icon_btn_arrow.png) no-repeat 100% 50%;}

/* 吏��띻��κ꼍�� - 怨듭젙嫄곕옒 �먯쑉以��� �꾨줈洹몃옩  */
.cont_sustain .cp_contents .sub_con {font-family: 'NS';font-size: 2.6rem;color: #222;line-height: 1.77;letter-spacing: -.065rem;text-align: center;}
.cont_sustain .cp_contents .sub_con > b {color: #00a970;font-weight: 400;}
.cont_sustain .cp_contents .cp_wrap .section1 {width: 100%; height: 60.3rem;background: #f5f5f5;margin: 9rem 0 12rem;}
.cont_sustain .cp_contents .cp_wrap .section1 .s_title_img {text-align: center;padding: 10rem 0 3rem;}
.cont_sustain .cp_contents .cp_wrap .section1 .s_title_img img:last-of-type {display: none;}
.cont_sustain .cp_contents .cp_wrap .section1 > h3 {font-size: 4.6rem;font-weight: 400;text-align: center;line-height: .9;}
.cont_sustain .cp_contents .cp_wrap .section1 > h3 > span {font-size: 1.8rem;font-weight: 300;color: #222;}
.cont_sustain .cp_contents .cp_wrap .section1 .cp_banner {max-width: 120rem;height: 40rem;margin: 6rem auto 0;background: url(../images/sustain/cp_banner.jpg) no-repeat 50% 50%;padding: 10rem;}
.cont_sustain .cp_contents .cp_wrap .section1 .cp_banner > p {font-size: 1.8rem;color: #fff;line-height: 1.78;letter-spacing: -.045rem}
.cont_sustain .cp_contents .cp_wrap .section1 .cp_banner > p:before {content:'';display: block;width: 2.9rem;height: .2rem;background: #f5b508;margin: 1rem 0 3.5rem;}
.cont_sustain .cp_contents .cp_wrap section:not(:first-child) {display: flex;max-width: 120rem;margin: 0 auto;padding: 10rem 0;}
.cont_sustain .cp_contents .cp_wrap section .s_tit {font-size: 2.6rem;font-weight: 400;color: #222;width: 26rem;line-height: 1.77;letter-spacing: -.065rem;}
.cont_sustain .cp_contents .cp_wrap section .s_con {width: calc(100% - 26rem);}
.cont_sustain .cp_contents .cp_wrap section .s_con > .sub {font-family: 'NS';font-size: 1.8rem;font-weight: 300;color: #222;line-height: 1.78;} 
.cont_sustain .cp_contents .cp_wrap section .s_con > .txt_green {font-size: 1.8rem;font-weight: 400;color: #00a970;margin-top: 6rem;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > .sub {line-height: 2.1;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > .sub > ol {display: inline-flex;background: #f5f5f5;width: auto;height: 3.9rem;line-height: 3.9rem;padding: 0 1.2rem;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > .sub > ol > li:not(:last-child) {position: relative;padding-right: 3rem;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > .sub > ol > li:not(:last-child):after {content:'��';display: inline-block;position: absolute;top:50%;right: .9rem;transform: translateY(-50%);color: #555;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > .sub > ol > li > span {display: inline-block;width: 2.2rem;height: 2.2rem;border-radius: 50%;background: #00a970;font-size: 1.2rem;font-weight: 300;color: #fff;text-align: center;vertical-align: text-top;line-height: 2.2rem;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol {width: 100%;display: flex;margin-top: 4rem; }
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li {width: calc(20% + 1.2rem);position: relative;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li > img {width: 100%;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li:not(:first-child) {margin-left: -1.5rem;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li .num {font-size: 1.4rem;font-weight: 400;color: #00a970;text-align: center;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-5.3rem);}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li:nth-child(2n) .num {color: #222;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li .num:after {content:'';display: block;width: 11rem;height: 0.1rem;background: #ccc;margin-top: 2.2rem;}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li .txt {font-size: 1.8rem;font-weight: 300;color: #222;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,1.2rem);}
.cont_sustain .cp_contents .cp_wrap .section2 .s_con > ol > li .txt > span {font-size: 1.2rem;font-weight: 200;color: #555;}
.cont_sustain .cp_contents .cp_wrap .section3 .s_con > ul > li {font-size: 1.8rem;color: #555;line-height: 1.78;margin-top: 3.2rem;display: flex;}
.cont_sustain .cp_contents .cp_wrap .section3 {border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.cont_sustain .cp_contents .cp_wrap .section3 .s_con > ul > li > span:first-child {font-weight: 400;color: #00a970;margin-right: 2rem;}
.cont_sustain .cp_contents .cp_wrap .section4 {padding: 10rem 0 2rem !important;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > .txt {font-size: 1.6rem;color: #222;margin: 3rem 0;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > .txt:last-of-type {font-size: 1.4rem;color: #555;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > ol {display: flex;margin-top: 4rem;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > ol > li:not(:last-child) {margin-right: 7rem;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > ol > li .icon {position: relative;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > ol > li .icon:after {content:'';display: block;width: 1rem;height: 1.9rem;background: url(../images/sustain/icon_arrow.png)no-repeat 0 0;position: absolute;top: 50%;right: -4rem;transform: translateY(-50%);}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > ol > li:last-child .icon:after {display: none;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > ol > li .txt {font-size: 1.4rem;font-weight: 300;color: #555;text-align: center;margin-top: 3rem;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > .btn_box {width: 20rem;height: 5rem;border: 1px solid #777;padding: 0 3rem;line-height: 5rem;margin-top: 6rem;}
.cont_sustain .cp_contents .cp_wrap .section4 .s_con > .btn_box > a {display: block;width: 100%;height: 100%;background: url(../images/common/icon_btn_arrow.png) no-repeat 100% 50%;font-size: 1.4rem;color: #555;}

/* �꾩냼��媛� */
.cont_sustain .carbon_contents .section1 {background: #fafafa;height: 74.4rem;position: relative;margin-top: 8rem;padding: 8.4rem 6rem; display: flex;justify-content: space-between;} 
.cont_sustain .carbon_contents .section1 .center_img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.cont_sustain .carbon_contents .section1 .left { width: 50%;height: 100%;background: url(../images/sustain/carbon_left.png) no-repeat 100% 100%;background-size: contain;}
.cont_sustain .carbon_contents .section1 .right { width: 50%;height: 100%;background: url(../images/sustain/carbon_right.png) no-repeat 0 0;background-size: contain;margin-top: -1.2rem;}

.cont_sustain .carbon_contents .section2 table {font-family: 'NS'; font-size: 1.6rem;margin-top: 12rem;position: relative;}
.cont_sustain .carbon_contents .section2 table:before {content:'';display: block;width: 100%;height: 1px;background: #222;position: absolute; top:0; left: 0;}
.cont_sustain .carbon_contents .section2 table thead {background: #dedede;}
.cont_sustain .carbon_contents .section2 table thead tr th {height: 7rem;color: #222;font-weight: 400;border: 1px solid #fff; }
.cont_sustain .carbon_contents .section2 table thead tr th:first-of-type {border-bottom: 0;}
.cont_sustain .carbon_contents .section2 table thead tr:last-of-type th {background: #eee;border-bottom: 0; }
.cont_sustain .carbon_contents .section2 table tbody tr td {height: 7rem;text-align: center;border: 1px solid #eee;color: #555;}
.cont_sustain .carbon_contents .section2 table tbody tr td:last-of-type {border-right: 0;}
.cont_sustain .carbon_contents .section2 table tbody tr td:first-of-type {border-left: 0;}
.cont_sustain .carbon_contents .section2 > p {font-family: 'NS';font-size: 1.4rem;color: #888;line-height: 1.57;margin-top: 2.4rem; }

/* 吏��띻��κ꼍�� - �ы쉶怨듯뿄 220411 */
.cont_sustain .SC_sub_con .inner section .sc_desc { position: relative; text-align: center; }
.cont_sustain .SC_sub_con .inner section .sc_desc h3 { font-size: 4.6rem; font-weight: 400; padding-top: 2.9rem; }
.cont_sustain .SC_sub_con .inner section .sc_desc p:first-child img:last-of-type {display: none;}
.cont_sustain .SC_sub_con .inner section .sc_desc p:last-child { padding-top: 4rem; font-weight: 200; font-size: 1.8rem; line-height: 3.2rem; }
.cont_sustain .SC_sub_con .inner .section1 { padding:10rem 12rem 5.2rem; margin:9rem auto 12rem; background:#f5f5f5; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj img:first-of-type { display: block; margin:auto; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj img:last-of-type { display: none; }

/* �ы쉶怨듯뿄 �붿옄�� ��泥� - [援�Ц�먯꽌 類� CSS] */
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > p { background: #00a970; padding: 2.8rem 5.7rem; border-radius: 3.5rem; color: #fff; font-size: 1.8rem; font-weight:200; margin-top: 10rem; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > p span { font-weight: 400; margin-right: 2.1rem; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div { padding: 0 8rem; margin-top: 6rem; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div > div { display: flex; align-items: center;}
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div > div p { width: 50%; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div > div p:first-child { text-align: left; font-size: 2.2rem; color: #222; font-weight: 400; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div > div p:last-child { text-align: right; font-size: 1.4rem; color: #777; font-weight: 200; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box { margin-top: 4rem; display: flex; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li { width: calc(100% / 4); display: flex; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li:nth-child(2) { padding-left: 2rem; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li:nth-child(3) { padding-left: 5rem; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li:last-child { justify-content: end; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li .sc_obj_box_inner div:first-child { font-size:10rem; font-weight: 400; color: #fff; position: relative; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li .sc_obj_box_inner div:first-child span { position: absolute; color:#00a970; font-size: 2.2rem; left: 1.3rem; bottom:1rem; }
.cont_sustain .SC_sub_con .inner .section1 .sc_obj > div .sc_obj_box li .sc_obj_box_inner div:last-child { font-size: 1.6rem; line-height: 2.8rem; margin-top: 2rem; } 

.cont_sustain .SC_sub_con .inner .section2 { padding-bottom: 12rem; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj { margin-top: 6rem; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;  border-top: 1px solid #00a970; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul { display: flex; flex-wrap: wrap;}
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li { width: 50%; display: flex; padding: 6rem; border-bottom: 1px solid #e5e5e5; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:first-child img  { box-shadow: 11px 13px 32.34px 0.66px rgba(24, 24, 24, 0.3); }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:last-child { padding-left: 5.4rem; font-size: 1.6rem; line-height: 1.8; color: #777; font-weight: 200; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li p:last-child span { font-size: 2.2rem; color: #222; line-height: 1.5; font-weight: 400; padding-bottom: 2rem; display: block; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:last-child { width: 100%; border-bottom:none; align-items: center; display: none; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:last-child p:last-child { padding-top: 0; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:nth-child(even) { border-left: 1px solid #e5e5e5; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:nth-child(-n+2) p:last-child { padding-top: 5.5rem; }
.cont_sustain .SC_sub_con .inner .section2 .sc_obj ul li:nth-child(n+3):nth-child(-n+4) p:last-child { padding-top: 4.5rem; }
.cont_sustain .SC_sub_con .inner .section3 .news_list {max-width: 120rem;margin: 0 auto; padding-bottom: 2rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul {width: 100%;display: flex;flex-wrap: wrap;margin-top: 8rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li {width: 50rem;height: 58.1rem;position: relative;background-color: #fff;position: relative;margin: 5rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:nth-child(-n+2) {margin-top:0;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:nth-last-child(-n+2) {margin-bottom:0;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .top {width: 100%;height: 27.1rem;background: #f4f4f4;padding: 5rem 4rem 0 4rem;position: relative;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .top .tit {font-size: 2.6rem;font-weight: 300;line-height: 1.34; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .top .date {font-family: 'Montserrat';font-size: 1.8rem;color: #a0a0a0;position: absolute;bottom: 5rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .img {width: 100%;height: 31rem;position: relative;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .img img {width: 100%;position: absolute;bottom:0; height: 100%; object-fit: cover; }
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .lineTop {width: 0;height: .5rem;background: #009160;position: absolute;top:0;left:0;z-index: 10;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .lineLeft {width: .5rem;height: 0;background: linear-gradient(to bottom, #009160, #00a970);position: absolute;bottom:0;left:0;z-index: 10;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .lineRight {width: .5rem;height: 0;background: linear-gradient(to bottom, #009160, #00a970);position: absolute;top:0;right:0;z-index: 10;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li .lineBottom {width: 0;height: .5rem;background: #00a970;position: absolute;bottom:0;right:0;z-index: 10;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:hover {box-shadow: .9rem .8rem 1.3rem 0 rgba(0, 0, 0, 0.13);}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:hover .lineTop {width: 100%;transition: all .3s;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:hover .lineLeft {height: 100%;transition: all .3s;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:hover .lineRight {height: 100%;transition: all .3s;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:hover .lineBottom {width: 100%;transition: all .3s;}
.cont_sustain .SC_sub_con .inner .section3 .news_list ul li:hover .top {background: #fff;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more {text-align: center;padding-top: 11rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a {display: inline-block;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a .icon {width: 6.5rem;height: 6.5rem;border: 1px solid #00a970;border-radius: 50%;background: #fff;margin: 0 auto 2rem;position: relative;transition: all .3s;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a .icon > i {position: absolute;display: inline-block;background: #00a970;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a i:first-child {width: .1rem;height: 1.9rem;top:2.2rem;left:3.1rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a i:last-child {width: 1.9rem;height: .1rem;top:3.1rem;left:2.2rem;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a span {font-size: 1.8rem;color: #555;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a:hover .icon {transform: rotate(90deg);background: #00a970;}
.cont_sustain .SC_sub_con .inner .section3 .news_list .btn_more a:hover .icon > i {background: #fff;}

/* 吏��띻��κ꼍�� - ESG�곗씠�� 230117 異붽� */
.cont_sustain .esg_contents section .s_tit {font-family: 'NS'; font-size: 2.6rem;margin-top: 13rem; font-weight: 400; color: #222;}
.cont_sustain .esg_contents section table {font-family: 'NS'; font-size: 1.6rem;margin-top: 3rem;position: relative;}
.cont_sustain .esg_contents section table:before {content:'';display: block;width: 100%;height: 1px;background: #222;position: absolute; top:0; left: 0;}
.cont_sustain .esg_contents section table thead {background: #dedede;}
.cont_sustain .esg_contents section table thead tr th {height: 7rem;color: #222;font-weight: 400;border: 1px solid #fff; }
.cont_sustain .esg_contents section table thead tr th:first-of-type {border-bottom: 0;}
.cont_sustain .esg_contents section table thead tr:last-of-type th {background: #eee;border-bottom: 0; }
.cont_sustain .esg_contents section table tbody tr td {height: 7rem;text-align: center;border: 1px solid #eee;color: #555;}
.cont_sustain .esg_contents section table tbody tr td:last-of-type {border-right: 0;}
.cont_sustain .esg_contents section table tbody tr td:first-of-type {border-left: 0;}
.cont_sustain .esg_contents section > p {font-family: 'NS';font-size: 1.4rem;color: #888;line-height: 1.57;margin-top: 2.4rem; }
.cont_sustain .esg_contents section table tbody sub{font-size: 50%; color: inherit;}

/*  - �몄옱梨꾩슜 - �몄궗�쒕룄 - 220518 */
.cont_recruit .personnel_contents .sub_con {font-family: 'NS';font-size: 2.6rem;color: #222;line-height: 1.77;letter-spacing: -.065rem;text-align: center; position:relative; top:100px; opacity:0; transition:all ease-in-out .6s; }
.cont_recruit .personnel_contents .sub_con.on { top:0; opacity: 1; }
.cont_recruit .personnel_contents .sub_con > b {color: #00a970;font-weight: 400;}

.cont_recruit .personnel_contents section .s_title_img {text-align: center;}
.cont_recruit .personnel_contents section .s_title_img > img:last-of-type {display: none;}
.cont_recruit .personnel_contents > .inner {max-width: 144rem;margin: 8rem auto 0;}
.cont_recruit .personnel_contents section > h3 {font-size: 4.6rem;text-align: center;margin-top: 2rem;}
.cont_recruit .personnel_contents .section1 {height: 76.8rem;background: #f5f5f5;padding-top: 10rem;}
.cont_recruit .personnel_contents .section1 > ul {display: flex;padding: 0 12rem;margin-top: 5rem;}
.cont_recruit .personnel_contents .section1 > ul > li {width: 30rem;height: 60rem;color: #fff; }
.cont_recruit .personnel_contents .section1 > ul > .reward_sys01 {background-image: url(../images/recruit/reward_sys_img01.png);background-repeat: no-repeat; }
.cont_recruit .personnel_contents .section1 > ul > .reward_sys02 {background-image: url(../images/recruit/reward_sys_img02.png);background-repeat: no-repeat; margin-top: 4rem;}
.cont_recruit .personnel_contents .section1 > ul > .reward_sys03 {background-image: url(../images/recruit/reward_sys_img03.png);background-repeat: no-repeat; }
.cont_recruit .personnel_contents .section1 > ul > .reward_sys04 {background-image: url(../images/recruit/reward_sys_img04.png);background-repeat: no-repeat; margin-top: 4rem;}
.cont_recruit .personnel_contents .section1 > ul > li .hov_wrap {width: 100%;height: 100%;padding: 6rem 5rem 0;transition: all .3s;}
.cont_recruit .personnel_contents .section1 > ul > li .tit {font-size: 2.2rem;font-weight: 400;padding-bottom: 2rem;}
.cont_recruit .personnel_contents .section1 > ul > li p {font-size: 1.8rem;line-height: 1.56;}
.cont_recruit .personnel_contents .section1 > ul > li:hover .hov_wrap {background: rgba(34, 89, 27,.8);}

.cont_recruit .personnel_contents .section2 {margin-top: 26rem;}
.cont_recruit .personnel_contents .section2 > ul {display: flex;flex-wrap: wrap;margin-left: 4px;margin-top: 5rem;}
.cont_recruit .personnel_contents .section2 > ul > li {width: 25%;height: 34rem;border: 1px solid #e6e6e6;margin-left: -1px;text-align: center;}
.cont_recruit .personnel_contents .section2 > ul > li:nth-child(4n-3) {margin-left: 0;}
.cont_recruit .personnel_contents .section2 > ul > li:nth-child(n+5):nth-child(-n+8) {margin-top: -1px;}
.cont_recruit .personnel_contents .section2 > ul > li .tit {font-size: 2.2rem;font-weight: 400;}
.cont_recruit .personnel_contents .section2 > ul > li p {font-size: 1.4rem;color: #777;line-height: 1.71;margin-top: 1rem;}
.cont_recruit .personnel_contents .section2 > ul > li .icon {width: 100%;height: 5.7rem;text-align: center;margin: 7rem 0 4rem; background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits01 .icon {background-image: url(../images/recruit/welfare_benefits_icon01.png);/* background-size: 5.4rem 4.7rem; */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits02 .icon {background-image: url(../images/recruit/welfare_benefits_icon02.png);/* background-size: 5.6rem 5.5rem; */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits03 .icon {background-image: url(../images/recruit/welfare_benefits_icon03.png);/* background-size: 5rem 5.3rem;   */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits04 .icon {background-image: url(../images/recruit/welfare_benefits_icon04.png);/* background-size: 5.4rem 4.5rem; */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits05 .icon {background-image: url(../images/recruit/welfare_benefits_icon05.png);/* background-size: 5.4rem 5.1rem; */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits06 .icon {background-image: url(../images/recruit/welfare_benefits_icon06.png);/* background-size: 5.5rem 5.7rem; */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits07 .icon {background-image: url(../images/recruit/welfare_benefits_icon07.png);/* background-size: 5.4rem 4.8rem; */}
.cont_recruit .personnel_contents .section2 > ul > .welfare_benifits08 .icon {background-image: url(../images/recruit/welfare_benefits_icon08.png);/* background-size: 5.4rem 5.3rem; */}

.cont_recruit .personnel_contents .section3 {margin-top: 12rem; background: #f5f5f5; padding-top: 4rem; }
.cont_recruit .personnel_contents .section3 > p {font-family: 'NS';font-size: 1.8rem;color: #222;text-align: center;line-height: 1.78;margin: 2rem 0 9rem;}
/* .cont_recruit .personnel_contents .section3 .edu_wrap {margin: 0 auto;} */
.cont_recruit .personnel_contents .section3 .edu_wrap > div {display: flex;width: 120rem;margin: 0 auto;}
.cont_recruit .personnel_contents .section3 .edu_wrap > .edu_benifits01 {height: 20rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > .edu_benifits02 {height: 27.5rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > .edu_benifits03 {height: 13.6rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > .tit {font-size: 2.6rem;letter-spacing: -.026rem;font-weight: 400;width: 27rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul {display: flex;border-top: 1px solid #e8e8e8;margin-top: 1.5rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li:nth-child(1) {width: 33.3rem;padding-left: 1rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li:nth-child(2) {width: 33.3rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li:nth-child(3) {width: 26rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .cont .txt {font-size: 1.8rem; font-weight: 400;margin: 2rem 0 1rem;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .cont p {font-size: 1.4rem;color: #555;line-height: 2.14;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot {margin-top: -1.1rem; width: 2.2rem;height: 2.2rem;border-radius: 50%;position: relative;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot:after {content:'';display: inline-block;width: .6rem;height: .6rem;border-radius: 50%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot.green {background: rgba(86, 130, 54,.1);}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot.green:after {background: #00a970;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot.ylw {background: rgba(245, 181, 8,.1)}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot.ylw:after {background: #f5b508;}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot.blue {background: rgba(0, 182, 153,.1);}
.cont_recruit .personnel_contents .section3 .edu_wrap > div > ul li .dot.blue:after {background: #00b699;}

/*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 梨꾩슜怨듦퀬 */
.cont_recruit .contents_inner { padding: 12rem 0 16.7rem 0; }
.cont_recruit .recruit_contents {opacity: 0;transition: all ease-in-out .6s; max-width: 144rem; margin: 0 auto; }
.cont_recruit .recruit_contents.on { opacity: 1;}
.cont_recruit .recruit_contents .inner { max-width: 120rem; }
.cont_recruit .recruit_contents .tab_list .nav_btn { display: flex; justify-content: center; border-bottom: 1px solid #eeeeee;margin:0; }
.cont_recruit .recruit_contents .tab_list .nav_btn li.on { background: #00a970; border-radius: 0 2rem 0 0; }
.cont_recruit .recruit_contents .tab_list .nav_btn li { width: 25%; text-align: center; /* line-height: 5rem; */ font-size: 1.6rem; position: relative;display: table;}
.cont_recruit .recruit_contents .tab_list .nav_btn li:after { content:''; display: block; width: 0; height: 0.3rem; background:#00a970; transition:all ease-in-out .5s; position: absolute; left: 0; bottom: 0; }
.cont_recruit .recruit_contents .tab_list .nav_btn li.on:after { width: 100%; }
.cont_recruit .recruit_contents .tab_list .nav_btn li:hover:after { width: 100%;}
.cont_recruit .recruit_contents .tab_list .nav_btn li a { /* display: block; */display: table-cell;padding: 1.5rem 0;vertical-align: middle; }
.cont_recruit .recruit_contents .tab_list .nav_btn li.on a { color: #fff; font-weight: 400; }
.cont_recruit .recruit_contents .tab_list .nav_btn li.on:hover a { color: #fff; }
.cont_recruit .recruit_contents .tab_list .nav_btn li:hover a { color: #00a970; font-weight: 400; }

.cont_recruit .recruit_contents .tb_top {position: relative;margin-top: 10rem;}
.cont_recruit .recruit_contents .tb_top:after {content: "";display: block;clear: both;}
.cont_recruit .recruit_contents .tb_top .total {float: left;padding-top: 1.3rem;font-size: 1.5rem;color: #222;} 
.cont_recruit .recruit_contents .tb_top .total b {font-family: 'Montserrat';font-size: 2rem;font-weight: 500;color: #00a970;}
.cont_recruit .recruit_contents .tb_top .search {float: right;}
.cont_recruit .recruit_contents .tb_top .search .input_search {width: auto;}
.cont_recruit .recruit_contents .tb_box {position: relative;margin: 3rem 0 2rem;}
.cont_recruit .recruit_contents .tb_box .tb_row {display: table;table-layout: fixed;width: 100%;}
.cont_recruit .recruit_contents .tb_box .tb_row.row_head {border-top: .2rem solid #000;border-bottom: .1rem solid #000;} 
.cont_recruit .recruit_contents .tb_box .tb_row.row_body {border-bottom: .1rem solid #e8e8e8;}
.cont_recruit .recruit_contents .tb_box .tb_row>div {display: table-cell;height: 8rem;vertical-align: middle;text-align: center;}
.cont_recruit .recruit_contents .tb_box .tb_row.row_head>div {font-size: 1.6rem;font-weight: 300;} 
.cont_recruit .recruit_contents .tb_box .tb_row.row_body>div {padding: 0 1rem;font-size: 1.6rem;font-weight: 200;color: #222;}
.cont_recruit .recruit_contents .tb_box .tb_row .num {width: 12%;}
.cont_recruit .recruit_contents .tb_box .tb_row .tit {width: 61%;}
.cont_recruit .recruit_contents .tb_box .tb_row.row_body .tit a {line-height: 1.5em; display: block;width: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cont_recruit .recruit_contents .tb_box .tb_row .view {width: 12%;}
.cont_recruit .recruit_contents .tb_box .tb_row .view b {display: none;padding-right: .5rem;font-weight: 300;}
.cont_recruit .recruit_contents .tb_box .tb_row .date {width: 15%;}
.cont_recruit .recruit_contents .tb_box .tb_row .date b {display: none;padding-right: .5rem;font-weight: 300;}
.cont_recruit .recruit_contents .tb_box .tb_row .none {width: 100%;height: 27rem;}

/*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 梨꾩슜�꾨줈�몄뒪 - 220518 */
.cont_recruit .recruit_contents .hiring_process {width: 100%;height: auto;background: #f5f5f5;padding: 5rem 0 6rem;margin-top: 8rem;}
.cont_recruit .recruit_contents .hiring_process .section1 > .s_title_img {text-align: center;}
.cont_recruit .recruit_contents .hiring_process .section1 > .s_title_img img:last-of-type {display: none;}
.cont_recruit .recruit_contents .hiring_process .section1 > h3 {font-size: 4.6rem;font-weight: 400;text-align: center;padding: 3rem 0;}
.cont_recruit .recruit_contents .hiring_process .section1 > p {font-size: 1.8rem;color: #222;text-align: center;line-height: 1.78;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul {display: flex;width: 120rem;margin: 3.7rem auto 0;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li {height: 37.3rem;margin-left: -1rem; background: #fff;border-radius: 5rem;box-shadow: -8px -6px 18.8px 1.2px rgba(0, 0, 0, 0.1);}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process01 {width: 24.5rem;margin-left: 0;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process02 {width: 24.5rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process03 {width: 26.5rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process04 {width: 24rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process05 {width: 24.5rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li .tit {width: 100%;height: 7.5rem;border-radius: 5rem 5rem 0 0;font-size: 2.2rem;color: #fff;font-weight: 400;text-align: center;line-height: 7.5rem; }
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process01 .tit {background: #808284;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process02 .tit {background: #00a970;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process03 .tit {background: #00a970;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process04 .tit {background: #00a970;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process05 .tit {background: #0f3d09;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li .cont {height: 29.8rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li .cont .icon {margin: 6rem auto;text-align: center;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process01 .icon img {width: 5.8rem;height: 5.5rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process02 .icon img {width: 5.5rem;height: 5.8rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process03 .icon img {width: 5.5rem;height: 5.4rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process04 .icon img {width: 5.4rem;height: 5.4rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > .process05 .icon img {width: 6rem;height: 5.8rem;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li .cont .txt {font-size: 1.6rem;line-height: 1.75;text-align: center;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li .cont .txt li {display: flex;justify-content: center;position: relative;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li .cont .txt li:before {content:'�';display: inline-block;}
.cont_recruit .recruit_contents .hiring_process .section2 > ul > li:first-child .cont .txt li:before {position: absolute;left: 5.8rem;}

/*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 吏곷Т�뚭컻 */
.cont_recruit .recruit_contents .job_intro {background: #f5f5f5;padding: 10rem 0 12rem;margin-top: 8rem;}
.cont_recruit .recruit_contents .job_intro .section1 > .s_title_img {text-align: center;}
.cont_recruit .recruit_contents .job_intro .section1 > .s_title_img img:last-of-type {display: none;}
.cont_recruit .recruit_contents .job_intro .section1 > h3 {font-size: 4.6rem;font-weight: 400;text-align: center;padding: 3rem 0;}
.cont_recruit .recruit_contents .job_intro .section1 > p {font-size: 1.8rem;color: #222;text-align: center;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap {max-width: 120rem;margin: 2rem auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap01 {margin-top: 8rem;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap01 > div {background: #437399;margin-bottom: 6rem;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap02 > div {background: #8a99a8;margin-bottom: 6rem;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box_wrap03 > div {background: #574d56;margin-bottom: 6rem;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box {width: calc(50% - 3rem);/* min-height: 63.7rem; */box-shadow: 8px 6px 18.8px 1.2px rgba(0, 0, 0, 0.1);overflow: hidden;}

.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box > .img {}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box > .img > img {height: 40rem;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box > .txt {padding: 4rem 6rem;font-size: 1.8rem;line-height: 1.67;letter-spacing: -.072rem;color: #fff;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box > .txt .tit {font-size: 2.2rem;font-weight: 400;margin-bottom: 1rem;}
.cont_recruit .recruit_contents .job_intro .section2 .job_intro_box > .txt li:before {content: '쨌';display: inline-block;}

/*  - �몄옱梨꾩슜 - 梨꾩슜�뺣낫 : 梨꾩슜 FAQ */
.cont_recruit .recruit_contents .faq {margin: 6.7rem 0 5rem;}
.cont_recruit .recruit_contents .faq > div > p {max-width: 120rem;margin: 0 auto;display: flex;vertical-align: middle;font-family: 'NS';}
.cont_recruit .recruit_contents .faq > div > p a { display: contents; }
.cont_recruit .recruit_contents .faq > div > p:before {display: block;font-family: 'Montserrat';font-size: 2.8rem;font-weight: 400;color: #000;padding: 0 4.5rem;}
.cont_recruit .recruit_contents .faq .que > p:before {content:'Q';line-height: 1;}
.cont_recruit .recruit_contents .faq .ans > p:before {content:'A';line-height: normal;}
.cont_recruit .recruit_contents .faq .que {cursor: pointer;width: 100%;padding: 4.5rem 0;border-bottom: 1px solid #e8e8e8;font-size: 2.2rem;font-weight: 400;color: #222;line-height: normal;letter-spacing: -.055rem;}
.cont_recruit .recruit_contents .faq .que > p {background: url(../images/recruit/faq_arrow.png) no-repeat calc(100% - 6rem) 50%;}
.cont_recruit .recruit_contents .faq .que.on > p {background: url(../images/recruit/faq_arrow_on.png) no-repeat calc(100% - 6rem) 50%;}
.cont_recruit .recruit_contents .faq .que.on {background: #00a970;border-bottom: 0;color: #fff;}
.cont_recruit .recruit_contents .faq .que.on > p:before {color: #fff;}
.cont_recruit .recruit_contents .faq .ans {display: none;overflow: hidden;padding: 5rem 0 6rem;background: #f9faf8;font-size: 1.8rem;color: #555;line-height: 2.22;}



/* 硫붿씤 - 怨듯넻 */
.cont_main section .tit_area { margin: auto; text-align: center; padding-top: 15.9rem; }
.cont_main section .tit_area .title { color: #00a970; font-size: 1.8rem; font-weight: 400; letter-spacing: .05rem; }
.cont_main section .tit_area .sub_con { margin-top: 4.9rem; font-size: 3.4rem;line-height: 1.5; letter-spacing: -.1rem;}
.cont_main section .tit_area .sub_con span { font-weight: 400; color: #222222;}

/* 硫붿씤 - section0 : �숈쁺�� �щ씪�대뱶 */
.cont_main .section0 {width: 100%;height: 86.7rem;/* margin-bottom: 7rem;  */position:relative; }

.cont_main .section0 .vis_scroll { display: none; width: 8rem; height: 86.7rem;background: #fff url(../images/main/main_scroll.png) no-repeat 50% 50%;position: relative; top:0; left:0; float: left;}
.cont_main .section0 .main_visual {position: relative;width:100%; height: calc(100% - 9rem); margin-top: 9rem; float: right; overflow: hidden; /* box-shadow: -4px -3px 19px 1px rgba(0, 0, 0, 0.2); */ }
.cont_main .section0 .main_visual .txt {font-size: 4.8rem;font-weight: 400;color: #fff;line-height: 1.46;letter-spacing: -.24rem;text-shadow: 2px 3px 9.4px rgba(0, 0, 0, 0.5);position: absolute;top: 34.2rem;left: 26rem;z-index: 10;}

/* .cont_main .section0 .main_visual .swiper-wrapper {width: 100%;height: 100%;} */
.container .section0 .main_visual .swiper-slide {width:100%; height: 77.7rem !important;overflow: hidden;}
.cont_main .section0 .main_visual .bg {width: 100%;height: 100%;position: relative;}
.cont_main .section0 .main_visual video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%; object-fit: cover; }
.container .section0 .main_visual .swiper-wrapper .swiper-slide {width:100%; height: 77.7rem !important;overflow: hidden;}
.cont_main .section0 .main_visual .swiper-wrapper .bg {width: 100%;height: 100%;position: relative;}
.cont_main .section0 .main_visual .swiper-wrapper video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%; object-fit: cover; }
/* .cont_main .section0 .main_visual .swiper-wrapper video {width: 100%;object-fit: fill; width:100%; } */
.cont_main .section0 .naviPlay {width:80.6rem;height:7rem;padding:20px 37px;background:#00a970;position:absolute;bottom: -3.5rem;left: 50%;transform: translateX(-50%);z-index:12;}
/* .cont_main .section0 .naviPlay:after {content:""; display:block; clear:both;} */
.cont_main .section0 .naviPlay span {display:inline-block; vertical-align:middle; zoom:1;}
.cont_main .section0 .naviPlay span img {vertical-align:middle;}
.cont_main .section0 .naviPlay .slide_bar {text-align:left;}
.cont_main .section0 .naviPlay .playbar {position:relative; float:left; background:rgba(255,255,255,0.5); width:150px; height:1px; vertical-align:top; bottom:3px;}
.cont_main .section0 .naviPlay .playbar .playTime {position:absolute; top:-1px; left:0; background:#fff; width:auto; height:3px;}
.cont_main .section0 .naviPlay .playbar.active .playTime { width: 100%; }
.cont_main .section0 .naviPlay .playbar.autoplay .playTime {
    animation:prgressbar_event 5s ease-in-out .1s; 
    -webkit-animation:prgressbar_event 5s ease-in-out .1s; 
    -ms-animation:prgressbar_event 5s ease-in-out .1s; 
    -moz-animation:prgressbar_event 5s ease-in-out .1s; 
    -o-animation:prgressbar_event 5s ease-in-out .1s;
}

@-webkit-keyframes prgressbar_event {from {width:0;} to {width:100%;}}
@-moz-keyframes prgressbar_event {from {width:0;} to {width:100%;}}
@-ms-keyframes prgressbar_event {from {width:0;} to {width:100%;}}
@-o-keyframes prgressbar_event {from {width:0;} to {width:100%;}}
@keyframes prgressbar_event {from {width:0;} to {width:100%;}}



.cont_main .section0 .naviPlay .naviAuto {position:absolute; top:27px; right:82px;}
.cont_main .section0 .arrow {position:relative; opacity:.5; transition:all .2s;}
.cont_main .section0 .arrow:hover {opacity:1;}
.cont_main .section0 .arrow a {display:block; width:100%; height:100%;}
.cont_main .section0 .arrow.left {position:absolute; top:27px; right:127px;}
.cont_main .section0 .arrow.right {position:absolute; top:27px; right:39px;}
.cont_main .section0 .main_notice .swiper-pagination {text-align:left;position: relative;}
.cont_main .section0 .main_notice .swiper-pagination .swiper-pagination-bullet {position:relative;  float:left; width:150px; height:30px; font-family:"Montserrat_M"; font-size:16px; color:#fff; text-align:left; opacity:.5; outline:0;}
.cont_main .section0 .main_notice .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:transparent; opacity:1;}

/* 硫붿씤 - section1 : �꾩냼��媛� area */
.cont_main .section1 { width: 100%; height: fit-content; margin:auto; overflow: hidden; background: url(../images/main/sec1_bg.jpg); position: relative;}
.cont_main .section1 .count { margin-top: 9.4rem; }
.cont_main .section1 .count > p { letter-spacing:-.025rem; font-size:1.8rem; font-weight: 300; text-align: center; line-height: 5.3rem; font-family: 'NS'; }
.cont_main .section1 .count > p span { border-bottom:1px solid #8A8989; border-top:1px solid #8A8989; padding:1.6rem 1.8rem; }
.cont_main .section1 .count .count_trigger { display: flex; margin-top: 2rem; justify-content: center; align-items: center; }
.cont_main .section1 .count .count_trigger div { color: #555555; font-weight: 300; }
.cont_main .section1 .count .count_trigger div p { display: flex; text-align: center; justify-content: center; align-items: baseline; }
.cont_main .section1 .count .count_trigger div:first-child { font-size: 1.5rem; margin-top:2rem;}
.cont_main .section1 .count .count_trigger div:first-child p:last-child { margin-top:1.4rem; }
.cont_main .section1 .count .count_trigger div:last-child { font-size: 1.6rem; }
.cont_main .section1 .count .count_trigger div:last-child span { min-width:74rem; background:url(../images/main/bg_clip.png) no-repeat; background-size:1000px; background-position:center; font-size:14rem; background-clip:text; font-weight:450; color:transparent; -webkit-text-fill-color:transparent; -webkit-background-clip:text; text-shadow:2px -1px .92px rgba(0, 0, 0, 0.05); }


.cont_main .section1 .count2 { position: fixed; display: flex; justify-content: center; align-items: center; top: 60rem; right: 50%; transform: translateX(45vw); z-index: 99; }
.cont_main .section1 .count2.on { position: absolute; top: 10%; transform: translateX(45vw); }
.cont_main .section1 .count2.on .text-circle { animation-play-state: paused; }
.cont_main .section1 .count2 .level { display: flex; justify-content: center; align-items: center; }
.cont_main .section1 .count2 .level .carbon_number {position: absolute; display: flex; width:15rem; height: 15rem; background: #f6f4f2; border-radius: 100%; color: #737373;font-size: 12px;z-index: 40; box-shadow:1px 1px 10px 3px rgba(0,0,0,.2); }
.cont_main .section1 .count2 .level .carbon_number .carbon_number_inner { display: flex; flex-direction: column; justify-content: center; margin: auto; }
.cont_main .section1 .count2 .level .carbon_number .carbon_number_inner p { font-weight: 400; color:#000;}
.cont_main .section1 .count2 .level .carbon_number .carbon_number_inner p:last-child { font-size:1.2rem; font-weight:300; color: #777; line-height: 1.5rem;}
.cont_main .section1 .count2 .level .carbon_number .carbon_number_inner .tit_pc { display: block; }
.cont_main .section1 .count2 .level .carbon_number .carbon_number_inner .tit_mob { display: none; }
.cont_main .section1 .count2 .level .carbon_number .carbon_number_inner .mov_num1 {font-size: 2.8rem; color: #333; font-weight: 350; width: 7.5rem; display: inline-block;}
.cont_main .section1 .count2 .level .carbon_chart { width:19rem; height:19rem; border-radius:50%; background:conic-gradient(rgb(123, 204, 64) 0%, rgb(25, 140, 122) 0%, rgb(25, 140, 122) 0%, transparent 0%, transparent 100%); box-shadow:inset 0 0 0 25px rgba(0, 0, 0, 2%); }
.cont_main .section1 .count2 .text-circle {width: 24.7rem; height: auto; position: absolute;top:0;left:0;transform: translate(-2.85rem, -2.6rem);  z-index: 1000;/*  -webkit-font-smoothing: subpixel-antialiased; */}
.cont_main .section1 .count2 .text-circle > img {position: absolute;animation: circle_rotate infinite 30s linear;}
.cont_main .section1 .count2 .text-circle > img:last-of-type {display: none;}
.cont_main .section1 .count2.on .text-circle > img:first-of-type {display: none;}
.cont_main .section1 .count2.on .text-circle > img:last-of-type {display: block;}
.cont_main .section1 .count2 .text-circle text { font-size: .74rem; font-family: 'Poppins'; font-weight: 300;  letter-spacing: .1rem; transition:all ease .3s; }
@keyframes circle_rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* 硫붿씤 - section1 : tree �꾩냼�섏튂 洹몃옒�� */
.cont_main .section1 .count3 { margin-top: 9.5rem; justify-content: center; align-items: center; display: flex; }
.cont_main .section1 .count3 .tree { position: relative; width: 100%;/* text-align: center; */ }
.cont_main .section1 .count3 .tree > a {display: inline-block; position: relative;z-index: 1;left: 50%; transform: translateX(-50%);}
.cont_main .section1 .count3 .tree > a > img { object-fit: cover;display: block; margin: 0 auto; }
.cont_main .section1 .count3 .tree .tree_counts { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.cont_main .section1 .count3 .tree .tree_counts li:not(:last-child) { position: absolute; display: flex; flex-wrap: wrap; align-items: center; left: 50%; z-index: 9; }
.cont_main .section1 .count3 .tree .tree_counts li img { object-fit: contain; }
.cont_main .section1 .count3 .tree .tree_counts li h2 { font-weight: 300; font-size: 2.2rem; line-height: 1.4; padding-left: 2.4rem; padding-top: 1rem; color: #000; }
.cont_main .section1 .count3 .tree .tree_counts li p { font-weight: 200; font-size: 1.8rem; line-height: 1.6; color: #555; position: absolute; right: -8rem; z-index: 1; bottom: -2rem;}
.cont_main .section1 .count3 .tree .tree_counts li p span { font-weight: 350; font-size: 3rem; color: #000; }
.cont_main .section1 .count3 .tree .tree_counts li p:after { content: ''; width: calc(100% + 1rem); height: 1.2rem; display: block; background: #ffe167; position: absolute; bottom: .6rem; right: -.5rem; z-index: -1;}
.cont_main .section1 .count3 .tree .tree_counts li .line { position: absolute; right: -31rem; z-index: 9; top: 4.5rem; }
.container .section1 .count3 .tree .tree_counts li .line img { right: 6.3rem; top: 2rem; position: absolute; opacity: 0; transition:all ease .3s; }
.container .section1 .count3 .tree .tree_counts li .line .rect { stroke-dasharray: 1000; stroke-dashoffset: 1000; }
.container .section1 .count3 .tree .tree_counts li .line.on .rect { animation: dash 1.5s .3s linear both; }
.container .section1 .count3 .tree .tree_counts li .line.on img { opacity: 1; }
@keyframes dash {
    to { stroke-dashoffset: 0; }
}

.cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) { flex-direction: row-reverse; left: unset; right: 50%; }
.cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) h2 { padding-left: 0; padding-right: 2.4rem; }
.cont_main .section1 .count3 .tree .tree_counts li:not(:last-child, :nth-child(4)):nth-child(even) p { right: 16rem; }
.cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) p:after { background: #b2e4cd; }
.cont_main .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) .line { left: -24rem; right: unset; z-index: 9; top: 4.3rem; }
.container .section1 .count3 .tree .tree_counts li:not(:last-child):nth-child(even) .line img { right: unset; left: -1rem; }
.cont_main .section1 .count3 .tree .tree_counts li:nth-child(1) { top: 5.5rem; transform:translateX(-56.5rem); }
.cont_main .section1 .count3 .tree .tree_counts li:nth-child(2) { top: 19.5rem; transform:translateX(65rem); }
.cont_main .section1 .count3 .tree .tree_counts li:nth-child(3) { top: 28.5rem; transform:translateX(-68.5rem);  }
.cont_main .section1 .count3 .tree .tree_counts li:nth-child(4) { top: 46rem; transform:translateX(65rem); }
.cont_main .section1 .count3 .tree .tree_counts li:nth-child(4) p { right: 8rem; }
.cont_main .section1 .count3 .tree .tree_counts li:nth-child(5) { top: 54.5rem; transform:translateX(-68.5rem); }
.cont_main .section1 .count3 .tree .tree_counts li:last-child { bottom:4rem; right: 12.396vw; position: absolute; display: flex; flex-wrap: wrap; align-items: center; z-index: 9; right: 50%; transform:translateX(63.5rem); }
.cont_main .section1 .count3 .tree .tree_counts li:last-child h2 { padding-top: 3rem; font-size: 2.6rem; padding-right: 17rem; }
.cont_main .section1 .count3 .tree .tree_counts li:last-child p { position: absolute; bottom: unset; top: 2.5rem; right:unset; left:22.5rem; margin: auto; }
.cont_main .section1 .count3 .tree .tree_counts li:last-child p:after { background: #97b47e; }

/* 硫붿씤 - section2 : Business area */
.cont_main .section2 .tit_area { padding-top: 23rem; }
.cont_main .section2 .line {width: .1rem;height: 8rem;background: #00a970;margin: 9rem auto 10rem;}
.cont_main .section2 .business_list {max-width: 144rem;width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.cont_main .section2 .business_list li {width: calc(50% - 7rem);max-width: 60rem;height: 60rem;border: .9rem solid #e9f4f0;position: relative; transition: transform .5s cubic-bezier(.25, .25, .75, 1);}
.cont_main .section2 .business_list li:nth-child(2n-1) {border-radius: 0 9rem;}
.cont_main .section2 .business_list li:nth-child(2n) {border-radius: 9rem 0;margin-top: 4rem; }
.cont_main .section2 .business_list li:nth-child(2) { height: 59rem;}
.cont_main .section2 .business_list li:nth-child(3) { height: 58.6rem; margin-top: 17rem;}
.cont_main .section2 .business_list li:nth-child(4) { height: 58.8rem;}
.cont_main .section2 .business_list li:last-child {margin-bottom: 2rem; margin-top: 13rem;}
.cont_main .section2 .business_list li .img {width: 59rem;height: 38rem;overflow: hidden;position: absolute;top: -6rem;box-shadow: 2px 11px 16px 0px rgba(0, 0, 0, 0.24);}
.cont_main .section2 .business_list li .img img {width: 100%;transition: all .3s}
.cont_main .section2 .business_list li:nth-child(2n-1) .img {border-radius: 0 9rem;left: 5rem;}
.cont_main .section2 .business_list li:nth-child(2n) .img {border-radius: 9rem 0;right: 5rem;}
.cont_main .section2 .business_list li:hover {border-color: #00a970;}
.cont_main .section2 .business_list li:hover .img img {transform: scale(1.1);}
.cont_main .section2 .business_list li .txt {position:relative; top: 32rem; padding: 6rem 11rem 6.1rem 11rem;}
.cont_main .section2 .business_list li:nth-child(2) .txt { padding: 6rem 9rem 7.1rem 7.1rem;}
.cont_main .section2 .business_list li:nth-child(3) .txt { padding: 6rem 9rem 7.1rem 11rem;}
.cont_main .section2 .business_list li:nth-child(4) .txt { padding: 6rem 17rem 7.1rem 7.1rem;}
.cont_main .section2 .business_list li .txt dl {display: flex;flex-direction: column;}
.cont_main .section2 .business_list li .txt dt {font-size: 2.2rem;font-weight: 400;color: #222;}
.cont_main .section2 .business_list li:hover .txt dt {color: #00a970;}
.cont_main .section2 .business_list li .txt dd {font-size: 1.6rem;color: #777;line-height: 1.63;letter-spacing: -.04rem;margin-top: 1rem;}

/* 硫붿씤 - section3 : 吏��띻��κ꼍�� */
.cont_main .section3 .sustain_list {margin-top: 6rem;background: url(../images/main/s3_bg00.png) no-repeat 50% 50%;background-size: cover;position: relative;}
.cont_main .section3 .sustain_list > img {position: absolute;display: none;width: 100%;height: 100%; object-fit: cover;}
.cont_main .section3 .sustain_list ul {width: 100%;height: 70rem;display: flex;justify-content: space-between;align-items: center}
.cont_main .section3 .sustain_list ul li {width: 20%;height: 100%;border-right: 1px solid rgba(249, 249, 249,.3); text-align: center;padding: 0 2rem; display: table;transition: all .3s;cursor: pointer;}
.cont_main .section3 .sustain_list ul li:last-child {border-right: 0;}
.cont_main .section3 .sustain_list ul li > div {display: table-cell;vertical-align: middle;}
.cont_main .section3 .sustain_list ul li .sustain_tit {font-size: 3rem;font-weight: 400;color: #fff;}
.cont_main .section3 .sustain_list ul li .sustain_sub {display: none;font-size: 1.8rem;color: #fff;letter-spacing: -.045rem;line-height: 2;margin: 3.5rem 0 5.5rem;}
.cont_main .section3 .sustain_list ul li .view_more {display: none;width: 18rem;height: 4.6rem;border: 1px solid #fff;border-radius: 2.3rem;font-size: 1.4rem;color: #fff;text-align: center;line-height: 4.6rem;margin: 0 auto;}
.cont_main .section3 .sustain_list ul li:hover {width: 40%; padding: 0 10rem;}
.cont_main .section3 .sustain_list ul li:hover .sustain_sub {display: block;}
.cont_main .section3 .sustain_list ul li:hover .view_more {display: block;}

.cont_main .section3 .sustain_list.ehtics ul li:nth-child(1) {background: url(../images/main/s3_bg01.png) no-repeat 50% 50%;background-size: cover;}
.cont_main .section3 .sustain_list.safety ul li:nth-child(2) {background: url(../images/main/s3_bg02.png) no-repeat 50% 50%;background-size: cover;}
.cont_main .section3 .sustain_list.fair_trade ul li:nth-child(3) {background: url(../images/main/s3_bg03.png) no-repeat 50% 50%;background-size: cover;}
.cont_main .section3 .sustain_list.carbon ul li:nth-child(4) {background: url(../images/main/s3_bg04.png) no-repeat 50% 50%;background-size: cover;}
.cont_main .section3 .sustain_list.social ul li:nth-child(5) {background: url(../images/main/s3_bg05.png) no-repeat 50% 50%;background-size: cover;}

/* 硫붿씤 - section4 : EMC area */
.cont_main .section4 {width: 100%;height: auto;background: url(../images/main/sec1_bg.jpg);padding-bottom: 14rem;}
.cont_main .section4 .emc_wrap {max-width: 144rem;height: 70rem;display: flex;margin: 6.4rem auto 0;}
.cont_main .section4 .emc_wrap .news {width: 48.2rem;height: 100%;padding: 5rem 5rem 5.7rem 5rem;background: #fff;}
.cont_main .section4 .emc_wrap .news .top {display: flex;justify-content: space-between;align-items: center;}
.cont_main .section4 .emc_wrap .news .top h2 {font-family: 'Poppins';font-size: 2.8rem;font-weight: 700;}
.cont_main .section4 .emc_wrap .news .thumbnail {margin: 2.5rem 0 1.5rem;}
.cont_main .section4 .emc_wrap .news .thumbnail img { width: 100%; }
.cont_main .section4 .emc_wrap .news .news_list li {height: 10rem;border-bottom: 1px solid #efefef;position: relative;}
.cont_main .section4 .emc_wrap .news .news_list li .news_list_tit {font-family:'NS';font-size: 1.6rem;font-weight: 400;color: #222;letter-spacing: -.04rem;padding-top: 2.5rem; padding-right: 4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:6.5rem; }
.cont_main .section4 .emc_wrap .news .news_list li .news_list_date {font-size: 1.2rem;color: #7f7f7f;letter-spacing: 0.012rem;padding-top: 1.4rem;} 
.cont_main .section4 .emc_wrap .news .news_list li:hover .news_list_tit{color: #00a970;}
.cont_main .section4 .emc_wrap .news .news_list li .btn {position: absolute; top: 3rem; right: 0;display: none;}
.cont_main .section4 .emc_wrap .news .news_list li:hover .btn {display: block;  }

.cont_main .section4 .emc_wrap .emc_list {width: calc(100% - 18.2rem);height: 100%;}
.cont_main .section4 .emc_wrap .emc_list ul {display: flex;flex-wrap: wrap;}
.cont_main .section4 .emc_wrap .emc_list ul li {width: 50%;height: 35rem;display: table;cursor: pointer;}
.cont_main .section4 .emc_wrap .emc_list ul li:first-child {background: url(../images/main/main_emc_list01.jpg) no-repeat 50% 50%;background-size: cover;}
.cont_main .section4 .emc_wrap .emc_list ul li:nth-child(2) {background: url(../images/main/main_emc_list02.jpg) no-repeat 50% 50%;background-size: cover;}
.cont_main .section4 .emc_wrap .emc_list ul li:nth-child(3) {background: url(../images/main/main_emc_list03.jpg) no-repeat 50% 50%;background-size: cover;}
.cont_main .section4 .emc_wrap .emc_list ul li:last-child {background: url(../images/main/main_emc_list04.jpg) no-repeat 50% 50%;background-size: cover;}
.cont_main .section4 .emc_wrap .emc_list .emc_list_box {display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.cont_main .section4 .emc_wrap .emc_list .emc_list_box .emc_tit {font-size: 3rem;font-weight: 400;}
.cont_main .section4 .emc_wrap .emc_list .emc_list_box .emc_tit:after {content:'';display: none;width: 32rem;height: .1rem;background: #fff;opacity: .5;margin: 3.5rem auto 4rem;}
.cont_main .section4 .emc_wrap .emc_list .emc_list_box .emc_sub {display: none;font-size: 1.6rem;line-height: 1.63;}

.cont_main .section4 .emc_wrap .emc_list ul li:hover .emc_list_box {background: rgba(0,169,112,.95);}
.cont_main .section4 .emc_wrap .emc_list ul li:hover .emc_list_box .emc_tit:after {display: block;}
.cont_main .section4 .emc_wrap .emc_list ul li:hover .emc_list_box .emc_sub {display: block;}