@charset "utf-8";

/* header */
.header[data-fixed='none']{top:-60px;}
.gnb_depth1 > li > a { margin-bottom: 0 !important; }

/* sustainability common */
.new_sustainability *:focus {outline: none;}
.new_sustainability button{font-family:inherit;}
.new_sustainability #content{padding:0; position:relative;}
.new_sustainability .section{width:100%; margin:0 auto; padding:0;}
.new_sustainability .inner{width:100%; margin:0 auto; padding:0 17.5px; position:relative; box-sizing:border-box;}
.new_sustainability h3,
.new_sustainability .section h3{padding-bottom:0; margin-bottom:0; font-size:28px; font-weight:600; line-height:1.5; color:#000; text-align:center; word-break:keep-all;}
.new_sustainability h3:after{display:none;}

.new_sustainability .sub_tit{margin-bottom:40px;}
.new_sustainability .sub_tit h3{font-size:28px; color:#000; font-weight:600; word-break:keep-all;}
.new_sustainability .sub_tit p{margin-top:30px; font-size:15px; color:#333; font-weight:300; word-break:keep-all; text-align:center;}
.new_sustainability .sub_tit.white h3{color:#fff;}
.new_sustainability .sub_tit.white p{color:#fff;}
.new_sustainability [data-motion] .sub_tit h3{opacity:0; transform:translateY(50px); transition:0.7s;}
.new_sustainability [data-motion] .sub_tit p{opacity:0; transform:translateY(50px); transition:0.7s 0.1s;}
.new_sustainability [data-motion].active .sub_tit h3{opacity:1; transform:translateY(0);}
.new_sustainability [data-motion].active .sub_tit p{opacity:1; transform:translateY(0);}

.new_sustainability .down_icon{display:block; width:16px; height:17px; position:relative; overflow:hidden; background-size:100%; background-repeat:no-repeat; background-position:center; background-image:url("/resources/images/global/sustainability/down_icon.svg")}
.new_sustainability .link_icon{display:block; width:16px; height:17px; position:relative; overflow:hidden; background:url("/resources/images/global/sustainability/link_icon.svg")no-repeat center / 100%;}


.new_sustainability .text_list{display:block !important}
.new_sustainability .text_list li{padding-left:8px; position:relative; font-size:14px; color:#333; text-align:left; line-height:1.5; font-weight:300; word-break:keep-all;}
.new_sustainability .text_list.dot li:before{content:"·"; position:absolute; left:0; top:0;}
.new_sustainability .text_list.line li:before{content:"-"; position:absolute; left:0; top:0;}
.new_sustainability .text_list.num li{padding-left:13px; font-size:13px;}
.new_sustainability .text_list.num li:nth-of-type(n+10){padding-left:20px;}
.new_sustainability .text_list.num li:before{content:"1"; position:absolute; left:0; top:0;}
.new_sustainability .text_list.num li:nth-of-type(1):before{content:"1.";}
.new_sustainability .text_list.num li:nth-of-type(2):before{content:"2.";}
.new_sustainability .text_list.num li:nth-of-type(3):before{content:"3.";}
.new_sustainability .text_list.num li:nth-of-type(4):before{content:"4.";}
.new_sustainability .text_list.num li:nth-of-type(5):before{content:"5.";}
.new_sustainability .text_list.num li:nth-of-type(6):before{content:"6.";}
.new_sustainability .text_list.num li:nth-of-type(7):before{content:"7.";}
.new_sustainability .text_list.num li:nth-of-type(8):before{content:"8.";}
.new_sustainability .text_list.num li:nth-of-type(9):before{content:"9.";}
.new_sustainability .text_list.num li:nth-of-type(10):before{content:"10.";}
.new_sustainability .text_list.num li:nth-of-type(11):before{content:"11.";}
.new_sustainability .text_list.num li:nth-of-type(12):before{content:"12.";}
.new_sustainability .text_list.num li:nth-of-type(13):before{content:"13.";}
.new_sustainability .text_list.num li:nth-of-type(14):before{content:"14.";}
.new_sustainability .text_list.num li:nth-of-type(15):before{content:"15.";}


/* overflow scroll */
.new_sustainability .scroll_inner{position:relative;}
.new_sustainability .scroll_inner:before{transition:0.3s; opacity:0; visibility:hidden; content:"For more details,\Aplease scroll \Aleft and right."; white-space:pre; font-size:12px; text-align:center; color:#fff; line-height:1.5; width:120px; height:120px; padding:55px 10px 20px; border-radius:4px; background:rgba(37, 39, 40, 0.50) url("/resources/images/global/sustainability/scroll_inner_icon.svg") no-repeat center 15px / 32px; backdrop-filter: blur(5px); box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 99;}
.new_sustainability .scroll_inner .scroll{overflow:auto hidden;}
.new_sustainability .scroll_inner.active:before{ opacity:1; visibility:visible;}

/* btn common */
.new_sustainability .btn_wrap{margin-top:40px; text-align:center;}
.new_sustainability .btn_wrap .btn_icon + .btn_icon{margin-left:16px;}
.new_sustainability .btn_icon{min-width:150px; display:inline-block; vertical-align:top; padding:12px 20px; font-size:14px; color:#333; font-weight:600; line-height:16px; border:1px solid #ccc; box-sizing:border-box; text-align:center; border-radius:60px;}
.new_sustainability .btn_icon.white{color:#fff;}

/* arrow */
.new_sustainability .btn_icon i.arrow{display:inline-block; margin:-4px 0 0 10px; vertical-align:middle; width:6px; height:10px; background:url("/resources/images/global/sustainability/btn_icon_arrow.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon.white i.arrow{background:url("/resources/images/global/sustainability/btn_icon_arrow_white.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon i.arrow.type2{width:16px; height:16px; background:url("/resources/images/global/sustainability/btn_icon_arrow_type2.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon.white i.arrow.type2{background:url("/resources/images/global/sustainability/btn_icon_arrow_type2_white.svg")no-repeat center / 100%;}

/* link */
.new_sustainability .btn_icon i.link{display:inline-block; margin:-2px 0 0 10px; vertical-align:middle; width:16px; height:16px; background:url("/resources/images/global/sustainability/btn_icon_link.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon.white i.link{background:url("/resources/images/global/sustainability/btn_icon_link_white.svg")no-repeat center / 100%;}

/* home */
.new_sustainability .btn_icon i.home{display:inline-block; margin:-2px 0 0 10px; vertical-align:middle; width:16px; height:16px; background:url("/resources/images/global/sustainability/btn_icon_home.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon.white i.home{background:url("/resources/images/global/sustainability/btn_icon_home_white.svg")no-repeat center / 100%;}

/* plus */
.new_sustainability .btn_icon i.plus{display:inline-block; margin:-2px 0 0 10px; vertical-align:middle; width:16px; height:16px; background:url("/resources/images/global/sustainability/btn_icon_plus.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon.white i.plus{background:url("/resources/images/global/sustainability/btn_icon_plus_white.svg")no-repeat center / 100%;}

/* visual_section */
.new_sustainability .visual_section{padding-top:0; height:100vh; height:100svh; position:relative; z-index:1; overflow:hidden; background:#000;}
.new_sustainability .visual_section .visual_inner{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.new_sustainability .visual_section:before{content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.new_sustainability .visual_section h2{height:auto; position:relative; inset:auto; transform:none; font-size:45px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1.15;}
.new_sustainability .visual_section p.desc{display:block; font-size:17px; font-weight:600; color:#fff; letter-spacing:-0.03em; margin-top:6px;}
.new_sustainability .visual_section p.circle{display:inline-block; vertical-align:top; background:rgba(44,124,216,0.7); border-radius:20px; font-size:15px; font-weight:600; color:#fff; letter-spacing:-0.05em; margin-bottom:15px; padding:5px 20px;}
.new_sustainability .visual_section[data-motion]:before{transform:scale(1.3); transition:3s;}
.new_sustainability .visual_section[data-motion] h2{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.1s, opacity 0.7s 0.1s;}
.new_sustainability .visual_section[data-motion] p.desc{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.new_sustainability .visual_section[data-motion] p.circle{opacity:0; transform:translateY(50px); transition:transform 0.7s, opacity 0.7s;}
.new_sustainability .visual_section[data-motion].active:before{transform:scale(1)}
.new_sustainability .visual_section[data-motion].active h2{opacity:1; transform:translate(0)}
.new_sustainability .visual_section[data-motion].active p.desc{opacity:1; transform:translate(0)}
.new_sustainability .visual_section[data-motion].active p.circle{opacity:1; transform:translate(0)}
.new_sustainability .visual_section .visual_scroll_down { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 3; }
.new_sustainability .visual_section .visual_scroll_down span { display: block; font-size: 12px; font-weight: bold; line-height: 1.5; color: #ccc; }
.new_sustainability .visual_section .visual_scroll_down i { display: block; width: 20px; height: 22px; margin: 0 auto; background-image: url(/resources/images/global/common/icon/ic_angle_down.svg); background-repeat: no-repeat; background-size: contain; animation: visualScrollDown 2.5s infinite; }
@keyframes visualScrollDown { 0% { opacity: 0; transform: translateY(0); } 50% { opacity: 1; transform: translateY(8px); } 100% { opacity: 0; transform: translateY(0); } }


/* sustainability */
.new_sustainability.sustainability .visual_section::before{background-color:#aaa; background-image:url("/resources/images/global/common/sustainability_visual_img.jpg")}
.new_sustainability.environmental-strategy .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/environmental-strategy_visual_img.jpg")}
.new_sustainability.climate-change .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/climate-change_visual_img.jpg")}
.new_sustainability.environmental-impact .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/environmental-impact_visual_img.jpg")} 
.new_sustainability.product-environment .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/product-environment_visual_img.jpg")}
.new_sustainability.employees .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/employees_visual_img.jpg")}
.new_sustainability.social-contribution .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/social-contribution_img.jpg")}
.new_sustainability.supply-chain .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/supply-chain_visual_img.jpg")}
.new_sustainability.ethics .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/ethics_visual_img.jpg")}
.new_sustainability.compliance .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/compliance_visual_img.jpg")}
.new_sustainability.inquiry .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/compliance_visual_img.jpg")}
.new_sustainability.library .visual_section:before{background-color:#aaa; background-image:url("/resources/images/global/common/library_visual_img.jpg?ver=250204")}


/* sticky_lnb, sticky_tab */
.new_sustainability .sec_sticky_wrap{padding:60px 0 0; margin-bottom:80px; background:#fff;}
.new_sustainability .sec_sticky_wrap .sub_tit h3{font-weight:300;}
.new_sustainability .sec_sticky_wrap .sticky_lnb{height:268px;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state{bottom:-53px; transition:opacity 0.7s, transform 0.7s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed{position:fixed; left:0; bottom:0; z-index:10; width: 100%; transition: bottom 0.3s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .dim {display:block; position: fixed; inset:auto; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index:1; background: rgba(0, 0, 0, 0.40); opacity: 0; visibility:hidden; transition: opacity 0.3s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed button{display:flex; align-items:center; position:relative; width: 100%; height:50px;  padding: 0 17.5px; font-size:14px; color:#fff; font-weight:300; white-space:nowrap; transition:color 0.3s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor{position:relative; z-index:2; background: rgba(51, 51, 51, 0.70); backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px);}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button {font-weight: 700;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button::before {content: ''; position: absolute; right: 17.5px; top: 50%; transform: translateY(-50%); width:10px; height:2px; border-radius:2px; background-color:#fff;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button::after {content: ''; position: absolute; right: 21.5px; top: 50%; transform: translateY(-50%); width:2px; height:10px; border-radius:2px; background-color:#fff; transition:0.3s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed > ul {position: absolute; bottom: -350px; left: 0; z-index: 1; width: 100%; background: rgba(51, 51, 51, 0.70); backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px); transition: bottom 0.3s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .progress{position:absolute; left:0; bottom:50px; width:100%; height:3px; z-index:2; background-color:#ccc;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed .progress .percent{width:auto; height:100%; background-color:#2C7CD8; transition:width 0.1s}
.new_sustainability .sec_sticky_wrap .sticky_lnb.on .state.fixed .dim{visibility:visible; opacity: 1;}
.new_sustainability .sec_sticky_wrap .sticky_lnb.on .state.fixed .current_anchor button::after{transform:translateY(-50%) rotate(90deg);}
.new_sustainability .sec_sticky_wrap .sticky_lnb.on .state.fixed > ul{bottom: 53px;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init{position:inherit;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init .dim{display:none;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init .current_anchor{display:none;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init .progress{display:none;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li{width:100%; padding:5px 0;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li + li{border-top:1px dashed #ccc}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li button{width:100%; height:56px; padding:0 20px 0 76px; box-sizing:border-box;font-size:17px; color:#333; font-weight:600; text-align:left; position:relative; text-align:left;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li button:before{content:""; display:block; width:36px; height:36px; background-size:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon1 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon1_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon2 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon2_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon3 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon3_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon4 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon4_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon5 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon5_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon6 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon6_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon7 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon7_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon8 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon8_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon9 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon9_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon10 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon10_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon11 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon11_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon12 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon12_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon13 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon13_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon14 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon14_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon15 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon15_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon16 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon16_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon17 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon17_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon18 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon18_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon19 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon19_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon20 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon20_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon21 button:before{background-image:url("/resources/images/global/sustainability/sec_sticky_tab_icon21_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb[data-motion] .state{opacity:0; transform:translateY(100px);}
.new_sustainability .sec_sticky_wrap .sticky_lnb[data-motion].active .state{opacity:1; transform:translateY(0);}


/* .detail_popup */
.new_sustainability .detail_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; overflow:hidden;}
.new_sustainability .detail_popup .close_btn{opacity:0; font-size:0; text-indent:-9999px; width:24px; height:24px; position:absolute; top:20px; right:0; z-index:3; background:url("/resources/images/global/sustainability/detail_popup_close_btn.svg")no-repeat center / 100%;}
.new_sustainability .detail_popup .top_btn{opacity:0; transform:translateY(50px); font-size:0; text-indent:-9999px; width:50px; height:50px; position:fixed; z-index:3; right:17.5px; bottom:17.5px; z-index:2; background:url("/resources/images/global/sustainability/detail_popup_top_btn.png")no-repeat center / 100%; transition:0.4s;}
.new_sustainability .detail_popup .top_btn.active{opacity:1; transform:translateY(0);}
.new_sustainability .detail_popup .cont_inner{background:rgba(0, 0, 0, 0.70); backdrop-filter:blur(10px); width:100%; height:100%; overflow:hidden auto; position:relative;}
.new_sustainability .detail_popup .cont{position:absolute; right:-60%; top:0; z-index:2; width:100%; min-height:100%; background-color:#fff; opacity:0; transition:opacity 0.5s, right 0.5s; transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
.new_sustainability .detail_popup .cont .title_wrap{padding:60px 17.5px 30px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .title_wrap h4{font-size:24px; color:#333; font-weight:600; line-height:1.3;}
.new_sustainability .detail_popup .cont .desc_wrap{padding:30px 17.5px 80px; overflow:hidden; position:relative;}
.new_sustainability .detail_popup .cont .desc_wrap .con + .con{margin-top:40px;}
.new_sustainability .detail_popup .cont .desc_wrap .con > h5{font-size:17px; color:#333; font-weight:600; line-height:1.5;}
.new_sustainability .detail_popup .cont .desc_wrap .con > h5 + *{margin-top:14px;}
.new_sustainability .detail_popup .cont .desc_wrap .con > p{font-size:14px; color:#333; font-weight:300; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con > * + *{margin-top:30px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table{border-top:1px solid #000; border-bottom:1px solid #000;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table{width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table thead tr:last-child{border-bottom:1px solid #ccc}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr + tr{border-top:1px solid #ccc}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr th{border-right:1px solid #ccc;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr th:last-child{border-right:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr th:last-child:first-child{border-right:1px solid #ccc;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td{border-right:1px solid #ccc;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td:last-child:first-child{border-right:1px solid #ccc;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td:last-child{border-right:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr th{padding:10px; background-color:#f3f3f3; font-size:14px; color:#333; line-height:1.5; text-align:center; font-weight:600; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td{padding:15px 10px; background-color:#fff; font-size:14px; color:#333; line-height:1.5; text-align:left; font-weight:300; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td.center{text-align:center;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td p{font-size:13px; word-break:keep-all; color:#333;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table{display:block;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table tbody{display:block;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table tr{display:block; padding:10px 5px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table tr th,
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table tr td{display:block; width:100%; padding:5px; box-sizing:border-box; background:#fff; border:none;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table tr th.center,
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area.break .table table tr td.center{text-align:left; font-weight:600;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area{background-color:#f3f3f3; border-radius:10px; padding:30px 20px; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area > p{font-size:14px; color:#666; font-weight:600; margin-bottom:10px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl{width:100%; border-radius:10px; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.07); position:relative;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dt{display:inline-flex; align-items:center; justify-content:center; width:100%; padding:12.5px 10px; background-color:#169AF5; border-radius:10px 10px 0 0; font-size:14px; color:#fff; line-height:1.3; font-weight:600; text-align:center;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd{display:inline-flex; align-items:center; width:100%; padding:12.5px 15px; box-sizing:border-box; background-color:#fff; border-radius:0 0 10px 10px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd ul{font-size:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd ul li{display:inline-block; vertical-align:top; margin:2px; padding-left:8px; position:relative; font-size:12px; color:#333; text-align:left; font-weight:300; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd ul li:before{content:"·"; position:absolute; left:0; top:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd ul.text_list{padding:0 5px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd ul.text_list li{display:block; margin:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl + dl{margin-top:26px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl + dl:before{content:""; width:13px; height:12px; position:absolute; left:50%; top:-20px; transform:translateX(-50%); background:url("/resources/images/global/sustainability/process_area_arrow.svg")no-repeat center / 100%;} 
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl:nth-last-of-type(1) dt{background-color:#003052;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl:nth-last-of-type(2) dt{background-color:#0061A3}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl:nth-last-of-type(3) dt{background-color:#2c7cd8}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl:nth-last-of-type(4) dt{background-color:#169AF5}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl:nth-last-of-type(5) dt{background-color:#6AC2FF}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl dd{display:block;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl p{text-align:center; font-size:12px; color:#333;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl:nth-of-type(1) dt{background:#169AF5}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl:nth-of-type(2) dt{background:#2c7cd8}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl:nth-of-type(3) dt{background:#0061A3}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl dd{display:block; padding:14px 20px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl dd ul.text_list{padding:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl dd ul.text_list li{display:block; margin:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step{display:flex; flex-direction:column; align-items:center; gap:32px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li{border-radius:10px; width:150px; height:60px; display:inline-flex; align-items:center; justify-content:center; position:relative;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li + li:before{content:""; width:17px; height:16px; position:absolute; left:50%; top:-24px; transform:translateX(-50%); background:url("/resources/images/global/sustainability/process_area_arrow.svg")no-repeat center / 100%;} 
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li span{font-size:14px; color:#fff; font-weight:600;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li:nth-last-of-type(1){background-color:#003052;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li:nth-last-of-type(2){background-color:#0061A3}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li:nth-last-of-type(3){background-color:#2c7cd8}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li:nth-last-of-type(4){background-color:#169AF5}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li:nth-last-of-type(5){background-color:#6AC2FF}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list{background:#f3f3f3; border-radius:10px; padding:30px 20px; box-sizing:border-box; margin-top:30px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li{position:relative; box-sizing:border-box; display:flex; align-items:start; gap:10px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li + li{margin-top:30px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li i{width:52px; height:52px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li i img{width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li dl{width:calc(100% - 62px);}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li dl dt{font-size:14px; color:#000; font-weight:600; line-height:1.5;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li dl dd{margin-top:2px; font-size:12px; color:#333; font-weight:300; line-height:1.5; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area{background:#f3f3f3; border-radius:10px; padding:35px 20px; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .img{text-align:center; padding:0 15px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .img img{width:auto; max-width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt{margin-top:30px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl + dl{margin-top:25px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dt{font-size:14px; color:#000; font-weight:600;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dd{margin-top:4px; font-size:12px; color:#333; font-weight:300;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dd .dot {position: relative; padding-left: 10px; font-size: inherit;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dd .dot::before {content:"·"; position:absolute; left:0; top:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .img_box{border-radius:10px; overflow:hidden;}
.new_sustainability .detail_popup .cont .desc_wrap .con .img_box img{max-width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .bg_box{ padding:20px; border-radius:10px; background-color:#ECEFF5;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box{background-color:#ECEFF5; padding:20px; box-sizing:border-box; border-radius:10px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box dl dt{font-size:14px; color:#2C7CD8; font-weight:600; line-height:1.5;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box dl dd{font-size:13px; color:#333; font-weight:300; margin-top:10px; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul{margin-top:10px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul li{border-radius:5px; overflow:hidden;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul li + li{margin-top:10px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul li .img{max-width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul.text_list.num li + li{margin-top:2px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .btn_wrap{margin-top:-20px; font-size:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .btn_wrap .btn_icon{margin:20px 8px 0;}

@media all and (max-width:360px){
    .new_sustainability .detail_popup .cont .desc_wrap .con .btn_wrap{margin-top:-10px;}
    .new_sustainability .detail_popup .cont .desc_wrap .con .btn_wrap .btn_icon{margin:10px 5px 0;}
}

.new_sustainability .detail_popup.on{display:block;}
.new_sustainability .detail_popup.on.active .close_btn{right:20px; opacity:1; transition:opacity 0.3s 0.3s, right 0.3s 0.3s;}
.new_sustainability .detail_popup.on.active .close_btn:focus{border-radius:50%;}
.new_sustainability .detail_popup.on.active .cont{right:0; opacity:1;}


/* sec_library */
.new_sustainability .sec_library{margin:60px 0 95px;}
.new_sustainability .sec_library +.sec_library:last-child{margin-bottom:100px;}
.new_sustainability .sec_library .table_wrap{margin-top:40px; border-top:2px solid #333; border-bottom:2px solid #333;}
.new_sustainability .sec_library .table_wrap table{width:100%;}
.new_sustainability .sec_library .table_wrap table tr + tr{border-top:1px solid #ccc}
.new_sustainability .sec_library .table_wrap table tr td{padding:20px 25px;}
.new_sustainability .sec_library .table_wrap table tr td a{display:flex; flex-wrap:wrap; position:relative; gap:5px; padding-right:25px; box-sizing:border-box;}
.new_sustainability .sec_library .table_wrap table tr td a p{font-size:15px; color:#333; font-weight:600; word-break:keep-all;}
.new_sustainability .sec_library .table_wrap table tr td a .down_icon{position:absolute; right:0; top:50%; transform:translateY(-50%)}
.new_sustainability .sec_library .table_wrap table tr td a .link_icon{position:absolute; right:0; top:50%; transform:translateY(-50%)}
.new_sustainability .sec_library[data-motion] .table_wrap{opacity:0; transform:translateY(50px); transition:0.7s 0.2s;}
.new_sustainability .sec_library[data-motion].active .table_wrap{opacity:1; transform:translateY(0);}
@media all and (max-width:320px){
    .new_sustainability .sec_library .table_wrap table tr td{padding:20px 15px;}
}


/* sec_top_tit */
.new_sustainability .sec_top_tit{padding:60px 0 80px;}
.new_sustainability .sec_top_tit h3{font-weight:300;}
.new_sustainability .sec_top_tit[data-motion] h3{opacity:0; transform:translateY(50px); transition:0.7s;}
.new_sustainability .sec_top_tit[data-motion].active h3{opacity:1; transform:translateY(0);}


/* sec_bg_list */
.new_sustainability .sec_bg_list .bg_area{position:relative; z-index:1;}
.new_sustainability .sec_bg_list .bg{position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; z-index:-1; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#ECEFF5;}
.new_sustainability .sec_bg_list .bg_area ul{display:flex; gap:20px;}
.new_sustainability .sec_bg_list .bg_area ul li{background-color:rgba(255,255,255,0.7); box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(5px); border-radius:10px; transition:0.4s;}
.new_sustainability .sec_bg_list .bg_area ul li:hover{background-color:rgba(255,255,255,1);}
.new_sustainability .sec_bg_list .bg_area ul li a{display:block; width:100%; height:100%; position:relative; box-sizing:border-box;}
.new_sustainability .sec_bg_list .bg_area ul li strong{display:block; font-size:17px; color:#000; font-weight:600; line-height:1.3;}
.new_sustainability .sec_bg_list .bg_area ul li p{font-size:12px; color:#333; font-weight:300; word-break:keep-all;}
.new_sustainability .sec_bg_list .bg_area ul li strong + p{margin-top:10px;}
.new_sustainability .sec_bg_list .bg_area ul li .arrow_btn{display:inline-block; vertical-align:top; font-size:14px; color:#666; font-weight:600; padding-right:16px; position:relative;}
.new_sustainability .sec_bg_list .bg_area ul li .arrow_btn:before{content:""; width:12px; height:12px; position:absolute; right:0; top:55%; transform:translateY(-50%); background:url("/resources/images/global/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_bg_list .bg_area ul li .ico{position:absolute; width:72px; height:72px; background-size:100%; background-position:center; background-repeat:no-repeat;}
.new_sustainability .sec_bg_list .bg_area.type1{padding:80px 0 100px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul{display:block;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li{width:100%;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li + li{margin-top:20px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li a{padding:20px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li a .arrow_btn{margin-top:20px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li a .ico{width:52px; height:52px; left:20px; top:20px;}
.new_sustainability .sec_bg_list .bg_area.type1.icon ul li a{padding-left:92px;}
.new_sustainability .sec_bg_list .bg_area.type1.icon ul li strong + p{margin-top:10px;}
.new_sustainability .sec_bg_list .bg_area.type2{padding:80px 0 100px;}
.new_sustainability .sec_bg_list .bg_area.type2 ul{flex-wrap:wrap;}
.new_sustainability .sec_bg_list .bg_area.type2 ul li{width:100%;}
.new_sustainability .sec_bg_list .bg_area.type2 ul li a{padding:20px;}
.new_sustainability .sec_bg_list .bg_area.type2 ul li a .arrow_btn{margin-top:20px;}
.new_sustainability .sec_bg_list .bg_area.type3{padding:80px 0;}
.new_sustainability .sec_bg_list .bg_area.type3 ul{flex-wrap:wrap;}
.new_sustainability .sec_bg_list .bg_area.type3 ul li{width:100%; height:100px; text-align:center;}
.new_sustainability .sec_bg_list .bg_area.type3 ul li a{padding:25px 20px; gap:5px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.new_sustainability .sec_bg_list .bg_area ul li[data-motion]{opacity:0; transform:translateY(50px); transition:opacity 0.7s, transform 0.7s, background 0.4s;}
.new_sustainability .sec_bg_list .bg_area ul li[data-motion]:nth-of-type(2){transition:opacity 0.7s, transform 0.7s, background 0.4s;}
.new_sustainability .sec_bg_list .bg_area ul li[data-motion]:nth-of-type(3){transition:opacity 0.7s, transform 0.7s, background 0.4s;}
.new_sustainability .sec_bg_list .bg_area ul li[data-motion]:nth-of-type(4){transition:opacity 0.7s, transform 0.7s, background 0.4s;}
.new_sustainability .sec_bg_list .bg_area ul li[data-motion].active{opacity:1; transform:translateY(0);}
.new_sustainability .sec_bg_list .bg_area[data-motion] .bg{opacity:0; width:calc(100% - 30px); transition:0.7s;}
.new_sustainability .sec_bg_list .bg_area[data-motion].active .bg{opacity:1; width:100%;}


/* sec_address_list */
.new_sustainability .sec_address_list{padding:80px 0 100px; background-color:#fff;}
.new_sustainability .sec_address_list ul{border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability .sec_address_list ul li{width:100%; padding:20px 15px; box-sizing:border-box;}
.new_sustainability .sec_address_list ul li + li{border-top:1px solid #ccc}
.new_sustainability .sec_address_list ul li dl dt{width:100%; box-sizing:border-box; font-size:15px; font-weight:600; color:#333;}
.new_sustainability .sec_address_list ul li dl dd{width:100%; font-size:15px; font-weight:300; color:#333; margin-top:5px;}
.new_sustainability .sec_address_list[data-motion] ul{opacity:0; transform:translateY(50px); transition:0.7s 0.2s;}
.new_sustainability .sec_address_list[data-motion] .btn_wrap{opacity:0; transform:translateY(50px); transition:0.7s 0.4s;}
.new_sustainability .sec_address_list[data-motion].active ul{opacity:1; transform:translateY(0);}
.new_sustainability .sec_address_list[data-motion].active .btn_wrap{opacity:1; transform:translateY(0);}


/* sec_report_list */
.new_sustainability .sec_report_list{padding:80px 0 100px; background-color:#fff;}
.new_sustainability .sec_report_list .inner > ul{border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability .sec_report_list .inner > ul > li{width:100%; padding:20px 15px; box-sizing:border-box;}
.new_sustainability .sec_report_list .inner > ul > li + li{border-top:1px solid #ccc}
.new_sustainability .sec_report_list .inner > ul > li dl dt{box-sizing:border-box; font-size:15px; font-weight:600; color:#333;}
.new_sustainability .sec_report_list .inner > ul > li dl dd{margin-top:10px;}
.new_sustainability .sec_report_list .inner > ul > li .text_list.dot li span{display:block;}
.new_sustainability .sec_report_list .inner > ul > li .text_list.dot li + li span{margin-top:5px;}
.new_sustainability .sec_report_list[data-motion] .inner > ul{opacity:0; transform:translateY(50px); transition:0.7s 0.2s;}
.new_sustainability .sec_report_list[data-motion] .btn_wrap{opacity:0; transform:translateY(50px); transition:0.7s 0.4s;}
.new_sustainability .sec_report_list[data-motion].active .inner > ul{opacity:1; transform:translateY(0);}
.new_sustainability .sec_report_list[data-motion].active .btn_wrap{opacity:1; transform:translateY(0);}


/* sec_curtain_visual */
.new_sustainability .sec_curtain_visual .visual_area {overflow: hidden; position: relative; margin: 40px auto 0; width:calc(100% - 30px);}
.new_sustainability .sec_curtain_visual .visual_area .visual{z-index: 1; position: relative; width: 100%; height:200px; margin:0 auto; will-change:transform;}
.new_sustainability .sec_curtain_visual .visual_area .visual:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background:url("/resources/images/global/sustainability/social-contribution_sec1_bg.jpg")no-repeat center / cover;}
.new_sustainability .sec_curtain_visual .visual_area .visual .img{width:100%; position:absolute; text-align:center; left:0; top:50%; transform:translateY(0); opacity:0; transition:0.7s;}
.new_sustainability .sec_curtain_visual .visual_area .visual .img img{width:253px;}
.new_sustainability .sec_curtain_visual .visual_area.active .visual .img{transform:translateY(-50%); opacity:1;}


/* sec_card_list */
.new_sustainability .sec_card_list{padding:80px 0 100px; background-color:#fff;}
.new_sustainability .sec_card_list ul li + li{margin-top:60px;}
.new_sustainability .sec_card_list ul li .img{width:100%; border-radius:10px; overflow:hidden;}
.new_sustainability .sec_card_list ul li .txt{width:100%; padding-top:20px; box-sizing:border-box;}
.new_sustainability .sec_card_list ul li .txt dl dt{font-size:17px; color:#000; font-weight:600;}
.new_sustainability .sec_card_list ul li .txt dl dd{font-size:12px; color:#333; font-weight:300; margin-top:10px; word-break:keep-all;}
.new_sustainability .sec_card_list ul li .txt dl dd ul li{margin:0; font-size:12px;}
.new_sustainability .sec_card_list ul li .txt .btn_wrap{margin-top:30px; text-align:left;}
.new_sustainability .sec_card_list ul li[data-motion]{opacity:0; transform:translateY(50px); transition:0.7s;}
.new_sustainability .sec_card_list ul li[data-motion].active{opacity:1; transform:translateY(0);}
.new_sustainability .sec_card_list.type2 ul li + li{margin-top:40px;}

/* sec_global_list */
.new_sustainability .sec_global_list{padding:80px 0 100px; position:relative;}
.new_sustainability .sec_global_list .bg{position:absolute; z-index:-1; left:50%; top:0; width:100%; height:100%; transform:translateX(-50%); background-size:cover; background-position:center top; background-repeat:no-repeat;}
.new_sustainability .sec_global_list ul li{background:#fff; border-radius:10px; overflow:hidden; transition:0.5s;}
.new_sustainability .sec_global_list ul li + li{margin-top:20px;}
.new_sustainability .sec_global_list ul li a{display:block; padding:20px; box-sizing:border-box;}
.new_sustainability .sec_global_list ul li .top{position:relative; display:flex; gap:17px; flex-direction:row; justify-content:start; white-space:nowrap; align-items:center;}
.new_sustainability .sec_global_list ul li .top:after{position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:12px; height:12px; display:block; background:url("/resources/images/global/sustainability/sec_global_list_plus.svg")no-repeat center / 100%;}
.new_sustainability .sec_global_list ul li .top i{font-size:0;}
.new_sustainability .sec_global_list ul li .top i img{display:block;}
.new_sustainability .sec_global_list ul li .top p{font-size:17px; color:#333; font-weight:600;}
.new_sustainability .sec_global_list ul li .desc{padding-top:20px; display:none;}
.new_sustainability .sec_global_list ul li .desc p{font-size:14px; color:#333; font-weight:300; word-break:keep-all; line-height:1.5;}
.new_sustainability .sec_global_list ul li.active .top:after{background-image:url("/resources/images/global/sustainability/sec_global_list_minus.svg");}
.new_sustainability .sec_global_list[data-motion] .bg{opacity:0; width:calc(100% - 30px); transition:0.7s;}
.new_sustainability .sec_global_list[data-motion].active .bg{opacity:1; width:100%;}
.new_sustainability .sec_global_list[data-motion] ul{opacity:0; transform:translateY(100px); transition:0.7s 0.2s;}
.new_sustainability .sec_global_list[data-motion].active ul{opacity:1; transform:translateY(0);}


/* sec_img_txt_list */
.new_sustainability .sec_img_txt_list{padding-bottom:100px;}
.new_sustainability .sec_img_txt_list ul li{width:100%;}
.new_sustainability .sec_img_txt_list ul li + li{margin-top:40px;}
.new_sustainability .sec_img_txt_list ul li .img{display:block; border-radius:10px; overflow:hidden;}
.new_sustainability .sec_img_txt_list ul li .img img{max-width:100%;}
.new_sustainability .sec_img_txt_list ul li .txt{padding:20px 0;}
.new_sustainability .sec_img_txt_list ul li .txt dl dt{font-size:17px; color:#000; font-weight:600;}
.new_sustainability .sec_img_txt_list ul li .txt dl dd{font-size:12px; color:#333; font-weight:300; margin-top:10px; word-break:keep-all;}
.new_sustainability .sec_img_txt_list ul li .txt .arrow_btn{margin-top:30px; display:inline-block; vertical-align:top; font-size:14px; color:#666; font-weight:600; padding-right:16px; position:relative;}
.new_sustainability .sec_img_txt_list ul li .txt .arrow_btn:before{content:""; width:12px; height:12px; position:absolute; right:0; top:55%; transform:translateY(-50%); background:url("/resources/images/global/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_img_txt_list ul li[data-motion]{opacity:0; transform:translateY(100px); transition:0.7s}
.new_sustainability .sec_img_txt_list ul li[data-motion].active{opacity:1; transform:translateY(0);}


/* sec_graph_list */
.new_sustainability .sec_graph_list{padding-top:80px;}
.new_sustainability .sec_graph_list .img_area{border-radius:10px; overflow:hidden;}
.new_sustainability .sec_graph_list .img_area img{width:100%;}
.new_sustainability .sec_graph_list .list_area ul li{position:relative;}
.new_sustainability .sec_graph_list .list_area ul li + li:before{content:""; width:100%; height:1px; position:absolute; left:0; top:0; background-color:rgba(170,170,170,0.4)}
.new_sustainability .sec_graph_list .list_area ul li a{display:block; padding:30px 0 30px 72px; position:relative;}
.new_sustainability .sec_graph_list .list_area ul li a i{display:block; width:52px; height:52px; position:absolute; left:0; top:30px;}
.new_sustainability .sec_graph_list .list_area ul li a strong{display:block; font-size:17px; color:#000; font-weight:600;}
.new_sustainability .sec_graph_list .list_area ul li a p{margin-top:10px; font-size:12px; color:#333; font-weight:300; margin-bottom:20px; word-break:keep-all;}
.new_sustainability .sec_graph_list .list_area ul li a .arrow_btn{display:inline-block; vertical-align:top; font-size:14px; color:#666; font-weight:600; padding-right:16px; position:relative;}
.new_sustainability .sec_graph_list .list_area ul li a .arrow_btn:before{content:""; width:12px; height:12px; position:absolute; right:0; top:55%; transform:translateY(-50%); background:url("/resources/images/global/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_graph_list .img_area[data-motion]{opacity:0; transform:translateY(100px); transition:0.7s}
.new_sustainability .sec_graph_list .img_area[data-motion].active{opacity:1; transform:translateY(0);}
.new_sustainability .sec_graph_list .list_area[data-motion]{opacity:0; transform:translateY(100px); transition:0.7s}
.new_sustainability .sec_graph_list .list_area[data-motion].active{opacity:1; transform:translateY(0);}


/* sec_bg_link */
.new_sustainability .sec_bg_link{padding:85px 0 120px;}
.new_sustainability .sec_bg_link .bg_area{border-radius:10px; padding:0 27.5px; box-sizing:border-box; overflow:hidden; position:relative;}
.new_sustainability .sec_bg_link .bg_area .bg{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#eee; background-size:cover; background-repeat:no-repeat; background-position:center;}
.new_sustainability .sec_bg_link .bg_area ul li{position:relative; text-align:center;}
.new_sustainability .sec_bg_link .bg_area ul li + li:before{content:""; width:100%; height:1px; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.6);}
.new_sustainability .sec_bg_link .bg_area ul li a{padding:40px 0; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
.new_sustainability .sec_bg_link .bg_area ul li strong{display:block; font-size:20px; color:#fff; font-weight:600; line-height:1.5;}
.new_sustainability .sec_bg_link .bg_area ul li p{margin-top:10px; font-size:12px; color:#fff; font-weight:300; word-break:keep-all; letter-spacing:0;}
.new_sustainability .sec_bg_link .bg_area ul li .btn_icon{margin-top:30px;}
.new_sustainability .sec_bg_link .bg_area[data-motion]{opacity:0; transform:translateY(100px); transition:0.7s}
.new_sustainability .sec_bg_link .bg_area[data-motion] .bg{transform:scale(1.2); transition:1s 0.2s}
.new_sustainability .sec_bg_link .bg_area[data-motion].active{opacity:1; transform:translateY(0);}
.new_sustainability .sec_bg_link .bg_area[data-motion].active .bg{transform:scale(1);}


/* sec_process */
.new_sustainability .sec_process{padding:80px 0 100px;}
.new_sustainability .sec_process .img_area{border-radius:10px; overflow:hidden;}
.new_sustainability .sec_process .box_area{background:#f3f3f3; border-radius:10px; padding:40px 25px; transform:translateY(100px); opacity:0; transition:0.7s;}
.new_sustainability .sec_process .box_area h4{font-size:14px; color:#666; font-weight:600; text-align:center; margin-bottom:20px;}
.new_sustainability .sec_process .box_area ul{display:block;}
.new_sustainability .sec_process .box_area ul li{position:relative; width:100%; display:flex; gap:17px; align-items:center;}
.new_sustainability .sec_process .box_area ul li + li{margin-top:30px;}
.new_sustainability .sec_process .box_area ul li i{display:block; width:80px; height:80px; border-radius:50%; box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.07); background:#fff; position:relative;}
.new_sustainability .sec_process .box_area ul li i:before{content:""; width:36px; height:36px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-size:100%; background-position:center; background-repeat:no-repeat;}
.new_sustainability .sec_process .box_area ul li i.icon1:before{background-image:url("/resources/images/global/sustainability/sec_process_icon1_off.svg");}
.new_sustainability .sec_process .box_area ul li i.icon2:before{background-image:url("/resources/images/global/sustainability/sec_process_icon2_off.svg");}
.new_sustainability .sec_process .box_area ul li i.icon3:before{background-image:url("/resources/images/global/sustainability/sec_process_icon3_off.svg");}
.new_sustainability .sec_process .box_area ul li i.icon4:before{background-image:url("/resources/images/global/sustainability/sec_process_icon4_off.svg");}
.new_sustainability .sec_process .box_area ul li .dot{width:7px; height:7px; position:relative; z-index:1;}
.new_sustainability .sec_process .box_area ul li .dot:after{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ccc; border-radius:50%; z-index:2;}
.new_sustainability .sec_process .box_area ul li .dot:before{content:""; width:1px; height:1px; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); background:rgba(44,124,216,0.1); z-index:1;}
.new_sustainability .sec_process .box_area ul li .dot .line{content:""; width:1px; height:110px; background:#ccc; position:absolute; left:3px; top:0; z-index:-1;}
.new_sustainability .sec_process .box_area ul li .dot .line:before{content:""; width:1px; height:0; background:#ccc; position:absolute; left:0; top:0;}
.new_sustainability .sec_process .box_area ul li:nth-of-type(1) .dot .line:before{background:linear-gradient(50deg, #169AF5 20%, #2c7cd8)}
.new_sustainability .sec_process .box_area ul li:nth-of-type(2) .dot .line:before{background:linear-gradient(50deg, #2c7cd8 20%, #0061A3)}
.new_sustainability .sec_process .box_area ul li:nth-of-type(3) .dot .line:before{background:linear-gradient(50deg, #0061A3 20%, #003052)}
.new_sustainability .sec_process .box_area ul li:last-child .dot .line:after{display:none;}
.new_sustainability .sec_process .box_area ul li p{width:calc(100% - 121px); font-size:14px; color:#ccc; font-weight:600; text-align:left; word-break:keep-all;}
.new_sustainability .sec_process .btn_wrap{transform:translateY(100px); opacity:0; transition:0.7s 0.3s;}
.new_sustainability .sec_process[data-motion] .img_area{opacity:0; transform:translateY(100px); transition:0.7s 0.2s;}
.new_sustainability .sec_process[data-motion].active .img_area{opacity:1; transform:translateY(0);}
.new_sustainability .sec_process[data-motion].active .box_area{transform:translateY(0); opacity:1;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(1) *,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(1) *:before,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(1) *:after{transition:0.6s 0.7s linear;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(2) *,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(2) *:before,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(2) *:after{transition:0.6s 1.3s linear;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(3) *,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(3) *:before,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(3) *:after{transition:0.6s 1.9s linear;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(4) *,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(4) *:before,
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(4) *:after{transition:0.6s 2.5s linear;}
.new_sustainability .sec_process[data-motion].active .box_area ul li .dot:before{width:17px; height:17px;}
.new_sustainability .sec_process[data-motion].active .box_area ul li .dot .line:before{height:100%;}
.new_sustainability .sec_process[data-motion].active .box_area ul li p{color:#333;}
.new_sustainability .sec_process[data-motion].active .box_area ul li i.icon1:before{background-image:url("/resources/images/global/sustainability/sec_process_icon1_on.svg");}
.new_sustainability .sec_process[data-motion].active .box_area ul li i.icon2:before{background-image:url("/resources/images/global/sustainability/sec_process_icon2_on.svg");}
.new_sustainability .sec_process[data-motion].active .box_area ul li i.icon3:before{background-image:url("/resources/images/global/sustainability/sec_process_icon3_on.svg");}
.new_sustainability .sec_process[data-motion].active .box_area ul li i.icon4:before{background-image:url("/resources/images/global/sustainability/sec_process_icon4_on.svg");}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(1) i{background:#169AF5; box-shadow:0 0 0 0;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(1) .dot:after{background:#169AF5}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(2) i{background:#2c7cd8; box-shadow:0 0 0 0;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(2) .dot:after{background:#2c7cd8}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(3) i{background:#0061A3; box-shadow:0 0 0 0;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(3) .dot:after{background:#0061A3}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(4) i{background:#003052; box-shadow:0 0 0 0;}
.new_sustainability .sec_process[data-motion].active .box_area ul li:nth-of-type(4) .dot:after{background:#003052}
.new_sustainability .sec_process[data-motion].active .btn_wrap{transform:translateY(0); opacity:1;}

@media all and (max-width:350px){
    .new_sustainability .sec_process .box_area ul li p br{display:none;}
}


/* sec_bg_in_txt */
.new_sustainability .sec_bg_in_txt .bg_box{width:100%; }
.new_sustainability .sec_bg_in_txt .bg_box .bg{border-radius:10px;width:100%; height:200px; background-repeat:no-repeat; background-position:center; background-size:cover; z-index:-1;}
.new_sustainability .sec_bg_in_txt .bg_box dl{text-align:center; margin-top:20px;}
.new_sustainability .sec_bg_in_txt .bg_box dl dt{font-size:22px; color:#000; font-weight:600; line-height:1.5;}
.new_sustainability .sec_bg_in_txt .bg_box dl dd{font-size:15px; color:#333; font-weight:300; line-height:1.7; margin-top:20px; word-break:keep-all; text-align:center;}
.new_sustainability .sec_bg_in_txt[data-motion] .bg_box .bg{opacity:0; transform:translateY(40px); transition:1.5s 0.2s;}
.new_sustainability .sec_bg_in_txt[data-motion] .bg_box dl dt{opacity:0; transform:translateY(100px); transition:0.7s 0.2s}
.new_sustainability .sec_bg_in_txt[data-motion] .bg_box dl dd{opacity:0; transform:translateY(100px); transition:0.7s 0.3s}
.new_sustainability .sec_bg_in_txt[data-motion].active .bg_box .bg{opacity:1; transform:translateY(0);}
.new_sustainability .sec_bg_in_txt[data-motion].active .bg_box dl dt{opacity:1; transform:translateY(0);}
.new_sustainability .sec_bg_in_txt[data-motion].active .bg_box dl dd{opacity:1; transform:translateY(0);}


/* sec_accordion */
.new_sustainability .sec_accordion{position:relative; z-index:1; padding:80px 0 100px;}
.new_sustainability .sec_accordion .bg{position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; z-index:-1; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#ECEFF5;}
.new_sustainability .sec_accordion ul.list{width:100%; margin:0 auto;}
.new_sustainability .sec_accordion ul.list > li + li{margin-top:20px;}
.new_sustainability .sec_accordion ul.list > li{padding:10px; background-color:#fff; border-radius:10px; background: #FFF; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px);}
.new_sustainability .sec_accordion ul.list > li button{width:100%; padding:5px 30px 5px 10px; box-sizing:border-box; display:flex; align-items:center; position:relative; gap:8px;}
.new_sustainability .sec_accordion ul.list > li button i{width:36px;}
.new_sustainability .sec_accordion ul.list > li button span{width:calc(100% - 44px); text-align:left; font-size:17px; color:#000; font-weight:600; line-height:1.4;}
.new_sustainability .sec_accordion ul.list > li button .plus{width:12px; height:12px; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.new_sustainability .sec_accordion ul.list > li button .plus:before{content:""; width:10px; height:2px; border-radius:3px; background:#333; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.new_sustainability .sec_accordion ul.list > li button .plus:after{content:""; width:2px; height:10px; border-radius:3px; background:#333; position:absolute; left:50%; top:50%; transform-origin:top left; transform:translate(-50%,-50%); transition:0.3s;}
.new_sustainability .sec_accordion ul.list > li .desc{display:none; padding:5px 10px; box-sizing:border-box;}
.new_sustainability .sec_accordion ul.list > li .desc p{font-size:14px; color:#000; font-weight:300; word-break:keep-all;}
.new_sustainability .sec_accordion ul.list > li .desc p + p{margin-top:15px;}
.new_sustainability .sec_accordion ul.list > li .desc .text_list li + li{margin-top:15px;}
.new_sustainability .sec_accordion ul.list > li.on button .plus:after{transform:rotate(90deg) translate(-50%,-50%)}
.new_sustainability .sec_accordion ul.list > li.on button:before{background-image:url("/resources/images/global/sustainability/sec_accordion_icon_off.svg");}
.new_sustainability .sec_accordion ul.list > li[data-motion]{transform:translateY(30px); opacity:0; transition:0.7s;}
.new_sustainability .sec_accordion ul.list > li[data-motion].active{transform:translateY(0); opacity:1;}


/* sec_banner */
.new_sustainability .sec_banner{position:relative; z-index:1; padding:80px 0 100px;}
.new_sustainability .sec_banner .bg{position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; z-index:-1; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#ECEFF5;}
.new_sustainability .sec_banner .sub_tit p{margin-top:30px;}
.new_sustainability .sec_banner .btn_wrap{margin-top:40px;}
.new_sustainability .sec_banner[data-motion] .btn_wrap{transform:translateY(30px); opacity:0; transition:0.7s 0.2s;}
.new_sustainability .sec_banner[data-motion].active .btn_wrap{transform:translateY(0); opacity:1;}


/* page */
/* 지속가능경영 */
.new_sustainability.sustainability .typo_area {text-align: center; white-space: nowrap;}
.new_sustainability.sustainability .typo_area span {display: inline-block; font-size: 80px; line-height: 1; font-weight: 700; color: #f3f3f3;}

.new_sustainability.sustainability .sec2 {height: 500vh;}
.new_sustainability.sustainability .sec2 .sticky_wrap {position: sticky; top: 0; width: 100%; height: 100vh;}
.new_sustainability.sustainability .sec2 .inner {position: relative; width: auto; height: 100%;}
.new_sustainability.sustainability .sec2 .typo_area {overflow: hidden;}
.new_sustainability.sustainability .sec2 .typo_area span {transform: translateX(0); transition: transform 1s;}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(1) {transform: translateX(-30px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(2) {transform: translateX(-20px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(3) {transform: translateX(-10px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(5) {transform: translateX(10px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(6) {transform: translateX(20px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(7) {transform: translateX(30px);}
.new_sustainability.sustainability .sec2 .typo_area.active span {transform: translateX(0);}

.new_sustainability.sustainability .sec2 .slogan_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.new_sustainability.sustainability .sec2 .slogan_area .txt {opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; text-align: center; font-weight: 700; color: #fff;}
.new_sustainability.sustainability .sec2 .slogan_area .txt1 strong {display: block; font-size: 30px; line-height: 1.3; letter-spacing: -1.8px; color: #fff;}
.new_sustainability.sustainability .sec2 .slogan_area .txt2 p {overflow: hidden; font-size: 23px; line-height: 1.6; letter-spacing: -0.5px;}
.new_sustainability.sustainability .sec2 .slogan_area .txt2 span {display: inline-block; transform: translateY(45px); word-break: keep-all;}
.new_sustainability.sustainability .sec2 .slogan_area .bg {backface-visibility: hidden; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%) scaleX(0.7) scaleY(0.7); width: 100%; height: 100%; border-radius: 20px;}
.new_sustainability.sustainability .sec2 .slogan_area .bg::before {content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: #02395C; opacity: 0.4;}
.new_sustainability.sustainability .sec2 .slogan_area video {width: 100%; height: 100%; object-fit: cover; transform: scale(2);}

.new_sustainability.sustainability .sec3 {padding-top: 48px;}
.new_sustainability.sustainability .sec3 .typo_wrapper {position: relative;}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area {margin-bottom: 62px;}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(1) {transform: translateX(-20px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(2) {transform: translateX(-10px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(3) {transform: translateX(10px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(4) {transform: translateX(20px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .txt {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.new_sustainability.sustainability .sec3 .typo_wrapper .txt p {font-size: 22px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; color: #000;}
.new_sustainability.sustainability .sec3 .typo_wrapper .txt {opacity: 0; transform: translateY(100%);}
.new_sustainability.sustainability .sec3 .typo_wrapper.active .typo_area span {transform: translateX(0); transition: transform 1s;}
.new_sustainability.sustainability .sec3 .typo_wrapper.active .txt {opacity: 1; transform: translateY(24px); transition: 1.5s; transition-delay: 0.5s;}

.new_sustainability.sustainability .sec3 .sync_list {padding-bottom: 100px;}
.new_sustainability.sustainability .sec3 .sync_list li {margin-bottom: 100px;}
.new_sustainability.sustainability .sec3 .sync_list li:last-child {margin-bottom: 0;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail {position: relative; width: 100%; height: auto; margin-bottom: 20px;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail img {width: 100%; object-fit: cover; border-radius: 20px;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail .alphabet_wrapper {overflow: hidden; position: absolute; left: 0; bottom: -8px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(1) .alphabet_wrapper {left: -2px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(2) .alphabet_wrapper {bottom: -10px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(3) .alphabet_wrapper {left: -11px; bottom: -10px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(4) .alphabet_wrapper {left: -6px;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail .alphabet_wrapper b {display: inline-block; font-size: 120px; font-weight: 700; line-height: 1; color: #000;}
.new_sustainability.sustainability .sec3 .sync_item .desc .tit span {display: block; position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; color: #888;}
.new_sustainability.sustainability .sec3 .sync_item .desc .tit span::after {content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; background-color: #ccc;}
.new_sustainability.sustainability .sec3 .sync_item .desc .tit h4 {margin-bottom: 30px; font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; color: #000;}
.new_sustainability.sustainability .sec3 .sync_item .desc .hashtag {display: flex; flex-wrap: wrap; gap: 10px;}
.new_sustainability.sustainability .sec3 .sync_item .desc .hashtag em {padding: 11px 15px; border-radius: 99px; border: 1px solid #ccc; font-size: 12px; font-weight: 300; line-height: 1.5; letter-spacing: -0.5px; color: #000;}

/* animation setting for sync_item */
.new_sustainability.sustainability .sec3 .sync_item .thumbnail img {opacity: 0; transform: translateY(50px); transition: 0.7s;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail .alphabet_wrapper b {opacity: 0; transform: translateX(-50px); transition: 0.7s; transition-delay: 0.7s;}
.new_sustainability.sustainability .sec3 .sync_item .desc {opacity: 0; transition: opacity 0.7s;}
.new_sustainability.sustainability .sec3 .sync_item.active .thumbnail img {opacity: 1; transform: translateY(0);}
.new_sustainability.sustainability .sec3 .sync_item.active .thumbnail .alphabet_wrapper b {opacity: 1; transform: translateX(0);}
.new_sustainability.sustainability .sec3 .sync_item.active .desc {opacity: 1;}

.new_sustainability.sustainability .sec4 {padding-bottom: 100px;}
.new_sustainability.sustainability .sec4 .popup_list {width: 100%; height: auto; padding: 0 27.5px; background-image: url("/resources/images/global/sustainability/sustainability_popup_list_bg.jpg"); background-repeat: no-repeat; background-size: cover; border-radius: 20px;}
.new_sustainability.sustainability .sec4 .popup_list li {position: relative;}
.new_sustainability.sustainability .sec4 .popup_list li::after {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; height: 1px; background-color: #fff; opacity: 0.6;}
.new_sustainability.sustainability .sec4 .popup_list li:last-child::after {display: none;}
.new_sustainability.sustainability .sec4 .popup_list li a {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 40px 0;}
.new_sustainability.sustainability .sec4 .popup_list strong {margin-bottom: 5px; font-size: 20px; font-weight: 700; line-height: 1.5; color: #fff;}
.new_sustainability.sustainability .sec4 .popup_list .arrow_btn{display:inline-block; vertical-align:top; font-size:14px; color:#fff; font-weight:700; padding-right:16px; position:relative;}
.new_sustainability.sustainability .sec4 .popup_list .arrow_btn:before{content:""; width:12px; height:12px; position:absolute; right:0; top:55%; transform:translateY(-50%); background:url("/resources/images/global/sustainability/sec_bg_list_arrow_icon_white.svg")no-repeat center / 100%;}
.new_sustainability.sustainability .sec4[data-motion] .popup_list {opacity: 0; transform: translateY(50px); transition: 0.7s;}
.new_sustainability.sustainability .sec4[data-motion].active .popup_list {opacity: 1; transform: translateY(0px);}

.new_sustainability.sustainability .sec5 {padding: 80px 0 100px 0; background-color: #f3f3f3;}
.new_sustainability.sustainability .sec5 .evaluation_list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.new_sustainability.sustainability .sec5 .evaluation_list li {position: relative; width: calc(50% - 10px); background-color: #fff; border-radius: 20px; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.10);}
.new_sustainability.sustainability .sec5 .evaluation_list li::before {content: ''; display: block; padding-bottom: 100%;}
.new_sustainability.sustainability .sec5 .evaluation_list li .wrapper {box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 10px;}
.new_sustainability.sustainability .sec5 .evaluation_list li .txt strong {display: block; margin-bottom: 2px; word-break: keep-all; font-size: 15px; font-weight: 700; line-height: 1.5; list-style: -0.5px;}
.new_sustainability.sustainability .sec5 .evaluation_list li .txt span {font-size: 12px; font-weight: 300; line-height: 1.5; color: #666;}
.new_sustainability.sustainability .sec5 .evaluation_list li img {width: fit-content; margin-left: auto;}
.new_sustainability.sustainability .sec5 .evaluation_list li:nth-child(1) img {width: 58.1%;}
.new_sustainability.sustainability .sec5 .evaluation_list li:nth-child(2) img {width: 30.9%;}
.new_sustainability.sustainability .sec5 .evaluation_list li:nth-child(3) img {width: 40.9%;}
.new_sustainability.sustainability .sec5 .evaluation_list li:nth-child(4) img {width: 60.3%;}
.new_sustainability.sustainability .sec5 .evaluation_list li:nth-child(5) img {width: 47%;}
.new_sustainability.sustainability .sec5 .evaluation_list li:nth-child(6) img {width: 36.5%;}
.new_sustainability.sustainability .sec5 .txt_info {margin-top: 20px; text-align: right;}
.new_sustainability.sustainability .sec5 .txt_info span {font-size: 12px; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] {opacity: 0; transform: translateY(50px); transition: 0.7s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion].active {opacity: 1; transform: translateY(0);}
.new_sustainability.sustainability .sec5 .txt_info[data-motion] {opacity: 0; transition: opacity 0.7s;}
.new_sustainability.sustainability .sec5 .txt_info[data-motion].active {opacity: 1;}

/* 윤리경영 */
.new_sustainability.ethics .sec_bg_list .bg_area.type3 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_ethics.jpg")}

/* 준법경영 */
.new_sustainability.compliance .sec_bg_list .bg_area.type3 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_compliance.jpg")}
.new_sustainability.inquiry .sec1{margin:60px auto 80px;}
.new_sustainability.inquiry input[type="text"]{height:40px; line-height:40px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box{padding:30px 15px; border:none; border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .cont{margin-bottom:30px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .cont.last{margin-bottom:0;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box h5{font-size:15px; color:#333; font-weight:600; margin-bottom:10px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box p{font-size:14px; color:#333; font-weight:300; word-break:keep-all;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box p b{color:#2c7cd8;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .dot_list li{background:none; padding-left:10px; position:relative; font-size:14px; color:#333; text-align:left; font-weight:300; line-height:1.5; word-break:keep-all;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .dot_list li:before{content:"·"; position:absolute; left:0; top:0;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area{font-size:14px; width:auto;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area .agree{display:block; margin:0;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area .agree + .agree{margin-top:15px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area .agree input[type="radio"]{width:17px; height:17px; vertical-align:-5px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area .agree label{margin-left:10px; max-width:calc(100% - 27px);}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .highlight{font-size:14px; text-decoration:none; font-weight:600;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_chk{margin-top:15px; font-size:14px; color:#333;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_chk input[type="checkbox"]{width:17px; height:17px; vertical-align:-3px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_chk label{margin-left:8px;}
.new_sustainability.inquiry .sec2{margin:80px auto 100px;}
.new_sustainability.inquiry .sec2 .form_desc{font-size:12px;}
.new_sustainability.inquiry .sec2 .info_form{padding:30px 15px; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability.inquiry .sec2 .info_form .form_tit{width:100%; position:relative; display:block; margin:0; box-sizing:border-box; margin-bottom:5px; font-size:14px;}
.new_sustainability.inquiry .sec2 .info_form input[type="text"]{width:100%}
.new_sustainability.inquiry .sec2 .info_form textarea{width:100% ; resize:none;}
.new_sustainability.inquiry .sec2 .info_form_list > li{margin-bottom:30px;}
.new_sustainability.inquiry .sec2 .info_form_list > li:last-child{margin-bottom:0;}
.new_sustainability.inquiry .sec2 .info_form_list li.file{display:none;}
.new_sustainability.inquiry .sec2 .info_form_list li .dual_type{width:100%; margin:0; display:block;}
.new_sustainability.inquiry .sec2 .info_form_list li .dual_type + .dual_type{margin-top:30px;}
.new_sustainability.inquiry .sec2 .info_form_list li .input_box{width:100%}
.new_sustainability.inquiry .sec2 .info_form_list li .input_box input[type="text"]{width:100%;}
.new_sustainability.inquiry .sec2 .info_form_list li .comment{margin-top:10px; font-size:12px;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box{width:100%}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area{font-size:0; padding-left:0;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area input[type="text"].tel_input1{width:90px;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area input[type="text"].tel_input2{width:calc(100% - 110px);}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area input[type="text"].tel_input1 + span{width:20px; height:40px; font-size:14px;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area{width:100%;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area .capchar{width:calc(100% - 130px); margin-right:0;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area .capchar img{width:100%;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area .btn_refresh{width:120px; height:40px; line-height:40px; background:#2c7cd8; margin-left:10px; border-radius:4px; font-size:14px;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area input{width:100%; margin-top:10px;}
.new_sustainability.inquiry .sec2 .info_form + .bottom_area{margin:30px auto 40px; text-align:center; }
.new_sustainability.inquiry .sec2 .info_form + .bottom_area p{font-size:13px;}


/* 지역사회 */
.new_sustainability.social-contribution .sec_bg_list .bg_area.type1 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_social-contribution.jpg")}
.new_sustainability.social-contribution .sec_global_list .bg{background-image:url("/resources/images/global/sustainability/sec_global_list_bg_social-contribution.jpg")}


/* 공급망 */
.new_sustainability.supply-chain .sec_bg_list .bg_area.type3 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_supply-chain.jpg")}
.new_sustainability.supply-chain .sec_bg_link .bg{background-image:url("/resources/images/global/sustainability/sec_bg_link_supply-chain.jpg")}


/* 임직원 */
.new_sustainability.employees .sec_sticky_wrap .sticky_lnb{height:335px;}
.new_sustainability.employees .sec2.sec_bg_list .bg_area.type1 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_employees_sec2.jpg")}
.new_sustainability.employees .sec4.sec_bg_list .bg_area.type2 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_employees_sec4.jpg")}
.new_sustainability.employees .detail_popup[data-name="EM09cEHFNH"] .cont .desc_wrap .con .process_area.type2 dl p{font-weight:600;}
.new_sustainability.employees .detail_popup[data-name="EM09cEHFNH"] .cont .desc_wrap .con .process_area.type2 dl dd .line{width:100%; height:1px; background:#ccc; margin:12px auto;}
.new_sustainability.employees .detail_popup[data-name="EM09cEHFNH"] .cont .desc_wrap .con .img_box .scroll img{max-width:none; min-width:644px;}
.new_sustainability.employees .detail_popup[data-name="EMpf2Ptcky"] .cont .desc_wrap .con .table_area .table table{min-width:700px;}


/* 기후변화 */
.new_sustainability.climate-change .sec_sticky_wrap .sticky_lnb{height:133px;}
.new_sustainability.climate-change .detail_popup[data-name="CLblnCEwLS"] .cont .desc_wrap .con .table_area.scroll_inner:before{top:150px; transform:translateX(-50%)}
.new_sustainability.climate-change .detail_popup[data-name="CLblnCEwLS"] .cont .desc_wrap .con .table_area .table table{min-width:700px;}

/* 환경전략 */
.new_sustainability.environmental-strategy .sec_bg_in_txt .bg_box .bg{background-image:url("/resources/images/global/sustainability/environmental-strategy_sec_bg_in_txt_bg.jpg");}
.new_sustainability.environmental-strategy .sec_card_list{padding:60px 0 100px}
.new_sustainability.environmental-strategy .sec_top_tit{padding:60px 0 50px;}


/* 환경영향 */
.new_sustainability.environmental-impact .sec_graph_list{padding:0 0 70px;}
.new_sustainability.environmental-impact .sec_bg_list .bg_area.type2{padding:80px 0 100px;}
.new_sustainability.environmental-impact .sec_bg_list .bg_area.type2 .bg{background-image:url("/resources/images/global/sustainability/sec_bg_list_bg_environmental-impact_sec3.jpg")}
.new_sustainability.environmental-impact .sec_bg_link{padding:80px 0 100px;}
.new_sustainability.environmental-impact .sec_bg_link .bg{background-image:url("/resources/images/global/sustainability/sec_bg_link_environmental-impact.jpg")}
.new_sustainability.environmental-impact .sec_graph_list .list_area ul li a{padding:30px 0;}
.new_sustainability.environmental-impact .detail_popup[data-name="ENYaaRknHw"] .cont .desc_wrap .con .img_box .scroll img{max-width:none; min-width:750px;}


/* 제품환경 */
.new_sustainability.product-environment .sec_banner .bg{background-image:url("/resources/images/global/sustainability/product-environment_sec_banner_bg.jpg")}
.new_sustainability.product-environment .sec_card_list{padding:0 0 100px;}
.new_sustainability.product-environment .sec_sticky_wrap{margin-bottom:80px;}
.new_sustainability.product-environment .detail_popup[data-name="PRyF2PmMlC"] .cont .desc_wrap .con .img_box{border-radius:0;}
.new_sustainability.product-environment .detail_popup[data-name="PRyF2PmMlC"] .cont .desc_wrap .con .img_box .scroll img{max-width:none; min-width:750px;}
.new_sustainability.product-environment .sec_sticky_wrap .sticky_lnb{height:133px;}