@charset "utf-8";

/* header */
.header{position:absolute; left:0; top:0; width:100%;}


/* sustainability common */
.new_sustainability #content{padding:0; position:relative;}
.new_sustainability .section{width:100%; margin:0 auto;}
.new_sustainability .inner{width:1140px; margin:0 auto; position:relative;}
.new_sustainability h3,
.new_sustainability .section h3{padding-bottom:0; margin-bottom:0; font-size:38px; font-weight:600; line-height:1.5; color:#000; text-align:center;}
.new_sustainability h3:after{display:none;}

.new_sustainability .sub_tit{margin-bottom:60px;}
.new_sustainability .sub_tit h3{font-size:38px; color:#000; font-weight:600; word-break:keep-all;}
.new_sustainability .sub_tit p{margin-top:40px; font-size:20px; 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:24px; height:24px; position:relative; overflow:hidden; background-size:20px 8px; background-repeat:no-repeat; background-position:2px 14px; background-image:url("/resources/images/kr/sustainability/down_icon_round_off.svg")}
.new_sustainability .down_icon:before{content:""; width:14px; height:15px; position:absolute; left:50%; top:1px; transform:translateX(-50%); background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/kr/sustainability/down_icon_arrow_off.svg")}
.new_sustainability .down_icon:after{content:""; width:14px; height:15px; position:absolute; left:50%; top:-16px; transform:translateX(-50%); background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/kr/sustainability/down_icon_arrow_on.svg")}
.new_sustainability a:hover .down_icon{background-image:url("/resources/images/kr/sustainability/down_icon_round_on.svg"); transition:0.4s;}
.new_sustainability a:hover .down_icon:before{top:10px; opacity:0; transition:0.4s;}
.new_sustainability a:hover .down_icon:after{top:1px; opacity:1; transition:0.4s 0.1s;}

.new_sustainability .link_icon{display:block; width:24px; height:24px; position:relative; overflow:hidden; background:url("/resources/images/kr/sustainability/link_icon_round_off.svg")no-repeat center / 100%;}
.new_sustainability .link_icon:before{content:""; display:block; width:11px; height:11px; background:url("/resources/images/kr/sustainability/link_icon_arrow_off.svg")no-repeat center / 100%; position:absolute; right:2px; top:2px; opacity:1;}
.new_sustainability .link_icon:after{content:""; display:block; width:11px; height:11px; background:url("/resources/images/kr/sustainability/link_icon_arrow_on.svg")no-repeat center / 100%; position:absolute; right:10px; top:10px; opacity:0;}
.new_sustainability a:hover .link_icon{background-image:url("/resources/images/kr/sustainability/link_icon_round_on.svg"); transition:0.4s;}
.new_sustainability a:hover .link_icon:before{right:-6px; top:-6px; opacity:0; transition:0.4s;}
.new_sustainability a:hover .link_icon:after{right:2px; top:2px; opacity:1; transition:0.4s 0.1s ease-in-out;}


.new_sustainability .text_list{display:block !important;}
.new_sustainability .text_list li{padding-left:10px; position:relative; font-size:18px; color:#333; text-align:left; font-weight:300; line-height:1.5; 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:18px;}
.new_sustainability .text_list.num li:nth-of-type(n+10){padding-left:26px;}
.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.";}

/* btn common */
.new_sustainability .btn_wrap{margin-top:60px; text-align:center; font-size:0;}
.new_sustainability .btn_wrap .btn_icon + .btn_icon{margin-left:40px;}
.new_sustainability .btn_icon{min-width:175px; display:inline-block; vertical-align:top; padding:20px 62px 20px 30px; font-size:18px; color:#333; font-weight:600; line-height:1; position:relative; box-sizing:border-box; text-align:left; z-index:1; transition:color 0.3s;}
.new_sustainability .btn_icon:focus{border-radius:60px}
.new_sustainability .btn_icon:before{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #ccc; border-radius:60px; background:#fff; clip-path:polygon(0 0, 110% 0, 110% 100%, 0 110%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_sustainability .btn_icon:after{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #2C7CD8; border-radius:60px; background:#fff; clip-path:polygon(0 0, 0% 0, 0% 100%, 0 100%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_sustainability .btn_icon.white{color:#fff;}
.new_sustainability .btn_icon.white:before{background:transparent; border-color:#fff;}
.new_sustainability a:hover .btn_icon,
.new_sustainability .btn_icon:hover{color:#2C7CD8;}
.new_sustainability a:hover .btn_icon:before,
.new_sustainability .btn_icon:hover:before{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_sustainability a:hover .btn_icon:after,
.new_sustainability .btn_icon:hover:after{clip-path:polygon(0 0, 100% 0, 110% 110%, 0 110%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_sustainability a:hover .btn_icon.white,
.new_sustainability .btn_icon.white:hover{color:#2C7CD8;}

/* arrow */
.new_sustainability .btn_icon i.arrow{display:block; width:7px; height:12px; position:absolute; right:25px; top:50%; transform:translateY(-50%); }
.new_sustainability .btn_icon i.arrow:before{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/sustainability/btn_icon_arrow.svg")no-repeat center / 100%; position:absolute; left:0; top:0; opacity:1;}
.new_sustainability .btn_icon i.arrow:after{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/sustainability/btn_icon_arrow_blue.svg")no-repeat center / 100%; position:absolute; left:-150%; top:0; opacity:0;}
.new_sustainability .btn_icon.white i.arrow:before{background-image:url("/resources/images/kr/sustainability/btn_icon_arrow_white.svg");}
.new_sustainability .btn_icon.white i.arrow:after{background-image:url("/resources/images/kr/sustainability/btn_icon_arrow_blue.svg");}
.new_sustainability a:hover .btn_icon i.arrow:before,
.new_sustainability .btn_icon:hover i.arrow:before{left:150%; opacity:0; transition:0.2s;}
.new_sustainability a:hover .btn_icon i.arrow:after,
.new_sustainability .btn_icon:hover i.arrow:after{left:0; opacity:1; transition:0.4s 0.1s;}

.new_sustainability .btn_icon i.arrow.type2{width:16px; height:16px; right:30px;}
.new_sustainability .btn_icon i.arrow.type2:before{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/sustainability/btn_icon_arrow_type2.svg")no-repeat center / 100%; position:absolute; left:0; top:0; opacity:1;}
.new_sustainability .btn_icon i.arrow.type2:after{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/sustainability/btn_icon_arrow_type2_blue.svg")no-repeat center / 100%; position:absolute; left:-100%; top:0; opacity:0;}
.new_sustainability .btn_icon.white i.arrow.type2:before{background-image:url("/resources/images/kr/sustainability/btn_icon_arrow_type2_white.svg");}
.new_sustainability .btn_icon.white i.arrow.type2:after{background-image:url("/resources/images/kr/sustainability/btn_icon_arrow_type2_blue.svg");}
.new_sustainability a:hover .btn_icon i.arrow.type2:before,
.new_sustainability .btn_icon:hover i.arrow.type2:before{left:100%; opacity:0; transition:0.2s;}
.new_sustainability a:hover .btn_icon i.arrow.type2:after,
.new_sustainability .btn_icon:hover i.arrow.type2:after{left:0; opacity:1; transition:0.4s 0.1s;}

/* link */
.new_sustainability .btn_icon i.link{display:block; width:16px; height:16px; position:absolute; right:30px; top:50%; transform:translateY(-50%); background:url("/resources/images/kr/sustainability/btn_icon_link.svg")no-repeat center / 100%; transition:0.4s;}
.new_sustainability .btn_icon.white i.link{background-image:url("/resources/images/kr/sustainability/btn_icon_link_white.svg");}
.new_sustainability a:hover .btn_icon i.link,
.new_sustainability .btn_icon:hover i.link{background-image:url("/resources/images/kr/sustainability/btn_icon_link_blue.svg");}

/* home */
.new_sustainability .btn_icon i.home{display:block; width:16px; height:16px; position:absolute; right:30px; top:50%; transform:translateY(-50%); background:url("/resources/images/kr/sustainability/btn_icon_home_round_off.svg")no-repeat center / 14px 14px;}
.new_sustainability .btn_icon i.home:before{content:""; display:block; width:8px; height:8px; background:url("/resources/images/kr/sustainability/btn_icon_home_arrow_off.svg")no-repeat center / 100%; position:absolute; right:1px; top:1px; opacity:1;}
.new_sustainability .btn_icon i.home:after{content:""; display:block; width:8px; height:8px; background:url("/resources/images/kr/sustainability/btn_icon_home_arrow_on.svg")no-repeat center / 100%; position:absolute; right:6px; top:6px; opacity:0;}
.new_sustainability .btn_icon.white i.home{background-image:url("/resources/images/kr/sustainability/btn_icon_home_round_white.svg");}
.new_sustainability .btn_icon.white i.home:before{background-image:url("/resources/images/kr/sustainability/btn_icon_home_arrow_white.svg");}
.new_sustainability .btn_icon.white i.home:after{background-image:url("/resources/images/kr/sustainability/btn_icon_home_arrow_on.svg");}
.new_sustainability a:hover .btn_icon i.home,
.new_sustainability .btn_icon:hover i.home{background-image:url("/resources/images/kr/sustainability/btn_icon_home_round_on.svg"); transition:0.4s;}
.new_sustainability a:hover .btn_icon i.home:before,
.new_sustainability .btn_icon:hover i.home:before{right:-4px; top:-4px; opacity:0; transition:0.4s;}
.new_sustainability a:hover .btn_icon i.home:after,
.new_sustainability .btn_icon:hover i.home:after{right:1px; top:1px; opacity:1; transition:0.4s 0.1s;}

/* plus */
.new_sustainability .btn_icon i.plus{display:block; width:16px; height:16px; position:absolute; right:30px; top:50%; transform:translateY(-50%); transform-origin:center; background:url("/resources/images/kr/sustainability/btn_icon_plus.svg")no-repeat center / 100%;}
.new_sustainability .btn_icon.white i.plus{background-image:url("/resources/images/kr/sustainability/btn_icon_plus_white.svg");}
.new_sustainability a:hover .btn_icon i.plus,
.new_sustainability .btn_icon:hover i.plus{transition:0.4s; transform:translateY(-50%) rotate(180deg); background-image:url("/resources/images/kr/sustainability/btn_icon_plus_blue.svg");}


/* visual_section */
.new_sustainability .visual_section{height:640px; position:relative; z-index:1; overflow:hidden; background:#000;}
.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{font-size:100px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1;}
.new_sustainability .visual_section .breadcrumb{margin-top:40px;}
.new_sustainability .visual_section .breadcrumb p{color:#fff;}
.new_sustainability .visual_section .breadcrumb p span:before{background-color:#fff;}
.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] .breadcrumb{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.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 .breadcrumb{opacity:1; transform:translate(0)}


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


/* sticky_lnb, sticky_tab */
.new_sustainability .sec_sticky_wrap{padding:100px 0 20px; margin-bottom:100px; background:#fff;}
.new_sustainability .sec_sticky_wrap .sub_tit{margin-bottom:0;}
.new_sustainability .sec_sticky_wrap .sub_tit h3{font-weight:300;}
.new_sustainability .sec_sticky_wrap .sticky_lnb{height:200px; padding-top:80px;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state{top:-70px; transition:opacity 0.7s, transform 0.7s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed{position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; z-index:999; box-shadow:0px 0px 20px rgba(0,0,0,0.2); transition:top 0.45s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul{width:100%; height:100%; display:flex; justify-content:center; gap:60px;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul li button{display:block; height:100%; font-size:18px; color:#666; letter-spacing:-0.5px; font-weight:600; text-align:center; position:relative; transition:color 0.5s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul li button br{display:none;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul li button:before{content:""; opacity:0; width:0; height:2px; background:#2C7CD8; position:absolute; left:50%; bottom:0; transform:translateX(-50%); visibility:hidden; transition:width 0.5s, opacity 0.5s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul li.active button{color:#2C7CD8;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul li.active button:before{width:100%; opacity:1; visibility:visible;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.fixed ul li:hover button{color:#2C7CD8}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init{position:inherit;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul{display:flex; justify-content:center; gap:30px;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li{width:200px; height:200px; border-radius:50%; display:inline-flex; align-items:center; background: #fff; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(20px); transition:background 0.25s;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li button{width:100%; height:100%; display:block; font-size:20px; color:#333; font-weight:600; position:relative;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li button:before{content:""; display:block; width:48px; height:48px; margin:0 auto; background-size:100%; background-position:center; background-repeat:no-repeat;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li button:after{content:""; display:block; width:16px; height:16px; margin:17px auto 0; background:url("/resources/images/kr/sustainability/sec_sticky_tab_arrow_off.svg")no-repeat center / 100%;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon1 button:before{background-image:url("/resources/images/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/sustainability/sec_sticky_tab_icon21_off.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li:hover{background:#2C7CD8;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li:hover button{color:#fff;}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li:hover button:after{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_arrow_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon1:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon1_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon2:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon2_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon3:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon3_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon4:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon4_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon5:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon5_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon6:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon6_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon7:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon7_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon8:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon8_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon9:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon9_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon10:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon10_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon11:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon11_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon12:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon12_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon13:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon13_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon14:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon14_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon15:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon15_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon16:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon16_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon17:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon17_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon18:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon18_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon19:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon19_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon20:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon20_on.svg");}
.new_sustainability .sec_sticky_wrap .sticky_lnb .state.init ul li.icon21:hover button:before{background-image:url("/resources/images/kr/sustainability/sec_sticky_tab_icon21_on.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; min-width:1300px; width:100%; height:100%; z-index:100000; overflow:hidden;}
.new_sustainability .detail_popup .close_btn{opacity:0; font-size:0; text-indent:-9999px; width:48px; height:48px; position:absolute; top:50%; right:1140px; transform:translateY(-50%); z-index:2; background:url("/resources/images/kr/sustainability/detail_popup_close_btn.svg")no-repeat center / 100%;}
.new_sustainability .detail_popup .close_btn:hover{background-image:url("/resources/images/kr/sustainability/detail_popup_close_btn_on.svg")}
.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:1140px; 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:80px 100px 50px; border-bottom:2px solid #ccc; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .title_wrap h4{font-size:38px; color:#333; font-weight:600;}
.new_sustainability .detail_popup .cont .desc_wrap{padding:60px 100px 80px;}
.new_sustainability .detail_popup .cont .desc_wrap .con + .con{margin-top:60px;}
.new_sustainability .detail_popup .cont .desc_wrap .con > h5{font-size:24px; 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:20px; color:#333; font-weight:300; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con > * + *{margin-top:40px;}
.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:16px; background-color:#f3f3f3; font-size:20px; color:#333; 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:20px 30px; background-color:#fff; font-size:18px; color:#333; 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 .box{width:49%; display:inline-block; vertical-align:top;}
.new_sustainability .detail_popup .cont .desc_wrap .con .table_area .table table tr td p{font-size:18px; word-break:keep-all; color:#333;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area{background-color:#f3f3f3; border-radius:20px; padding:60px 40px; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area > p{font-size:20px; color:#666; font-weight:600; margin-top:-20px; margin-bottom:20px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .dl_box{width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl{display:flex; width:100%; min-height:80px; 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:200px; background-color:#169AF5; border-radius:10px 0 0 10px; font-size:18px; color:#fff; 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:calc(100% - 200px); padding:8px 0; box-sizing:border-box; background-color:#fff; border-radius:0 10px 10px 0;}
.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:20px; padding-left:10px; position:relative; font-size:18px; 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:10px 20px;}
.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 dd ul.text_list.w50{width:100%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl dd ul.text_list.w50 li{display:inline-block; width:48%;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl + dl{margin-top:44px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area dl + dl:before{content:""; width:17px; height:16px; position:absolute; left:50%; top:-30px; transform:translateX(-50%); background:url("/resources/images/kr/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_box{display:flex; gap:32px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl{width:calc(25% - 24px); flex-direction:column; margin:0; flex:1;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl dt{width:100%; height:55px; border-radius:10px 10px 0 0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl dd{display:block; width:100%; height:calc(100% - 55px); border-radius:0 0 10px 10px; padding:16px 20px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl + dl:before{left:-23px; top:50%; transform:translateY(-50%) rotate(-90deg);}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2 dl p{text-align:center; font-size:18px; color:#333;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 .dl_box{gap:40px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area.type2.grid3 dl + dl:before{left:-27px}
.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:16px 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; gap:44px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li{border-radius:10px; flex:1; height:100px; display:inline-flex; align-items:center; justify-content:center; position:relative; text-align:center;}
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li + li:before{content:""; width:17px; height:16px; position:absolute; left:-30px; top:50%; transform:translateY(-50%) rotate(-90deg); background:url("/resources/images/kr/sustainability/process_area_arrow.svg")no-repeat center / 100%;} 
.new_sustainability .detail_popup .cont .desc_wrap .con .process_area .step li span{font-size:18px; 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:20px; padding:60px 20px; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul{display:flex;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li{width:33.333333%; position:relative; text-align:center; padding:0 30px; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li:before{content:""; width:2px; height:170px; background:rgba(170,170,170,0.4); position:absolute; right:0; top:50%; transform:translateY(-50%);}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li:last-child:before{display:none;}
.new_sustainability .detail_popup .cont .desc_wrap .con .icon_list ul li i{display:block; margin:0 auto 16px; width:72px; height:72px;}
.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 dt{font-size:20px; 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:4px; font-size:16px; color:#333; font-weight:300; line-height:1.5; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area{display:flex; align-items:center; gap:80px; background:#f3f3f3; border-radius:20px; padding:54px 66px; box-sizing:border-box;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl + dl{margin-top:50px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dt{font-size:16px; color:#000; font-weight:600;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dd{font-size:14px; color:#333; font-weight:300; margin-top:8px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .program_area .txt dl dd .dot {position: relative; padding-left: 10px;}
.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:20px; 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:40px 30px; border-radius:20px; background-color:#ECEFF5;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box{background-color:#ECEFF5; padding:30px 40px; box-sizing:border-box; border-radius:20px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box dl dt{font-size:20px; color:#2C7CD8; font-weight:600;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box dl dd{font-size:18px; color:#333; font-weight:300; margin-top:20px; word-break:keep-all;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul{margin-top:20px; display:flex; gap:20px;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul li{border-radius:10px; overflow:hidden;}
.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{margin-top:0;}
.new_sustainability .detail_popup .cont .desc_wrap .con .sub_box ul.text_list.num li + li{margin-top:15px;}

.new_sustainability .detail_popup.on{display:block;}
.new_sustainability .detail_popup.on.active .close_btn{ right:calc(1140px + 50px); opacity:1; transition:opacity 0.3s 0.3s, right 0.3s 0.3s, background 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:100px 0 160px;}
.new_sustainability .sec_library +.sec_library:last-child{margin-bottom:200px;}
.new_sustainability .sec_library .table_wrap{margin-top:60px; 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:30px 50px;}
.new_sustainability .sec_library .table_wrap table tr td a{display:flex; position:relative; gap:30px; padding-right:30px; box-sizing:border-box;}
.new_sustainability .sec_library .table_wrap table tr td a p{font-size:20px; color:#333; font-weight:600;}
.new_sustainability .sec_library .table_wrap table tr td a .date {min-width: 95px;}
.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);}


/* sec_top_tit */
.new_sustainability .sec_top_tit{padding:100px 0 120px;}
.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:40px; justify-content:center;}
.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;}
.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:24px; color:#000; font-weight:600;}
.new_sustainability .sec_bg_list .bg_area ul li p{font-size:18px; color:#333; font-weight:300; letter-spacing:-0.6px; 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:7px 19px 7px 0; position:relative;}
.new_sustainability .sec_bg_list .bg_area ul li .arrow_btn i{position:absolute; right:0; top:50%; transform:translateY(-50%); width:16px; height:16px;}
.new_sustainability .sec_bg_list .bg_area ul li .arrow_btn i:before{position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_bg_list .bg_area ul li .arrow_btn i:after{position:absolute; width:100%; height:100%; left:-100%; top:0; opacity:0; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.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:hover .arrow_btn i:before{left:100%; opacity:0; transition:0.4s;}
.new_sustainability .sec_bg_list .bg_area ul li:hover .arrow_btn i:after{left:0; opacity:1; transition:0.4s 0.1s;}
.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:120px 0 160px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li{width:300px; height:300px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li a{padding:30px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li a .arrow_btn{position:absolute; left:30px; bottom:30px;}
.new_sustainability .sec_bg_list .bg_area.type1 ul li a .ico{right:30px; bottom:30px;}
.new_sustainability .sec_bg_list .bg_area.type2{padding:140px 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:calc(50% - 20px); min-height:185px;}
.new_sustainability .sec_bg_list .bg_area.type2 ul li a{padding:30px 40px;}
.new_sustainability .sec_bg_list .bg_area.type2 ul li a p{letter-spacing:-0.6px;}
.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:120px 0;}
.new_sustainability .sec_bg_list .bg_area.type3 ul{flex-wrap:wrap;}
.new_sustainability .sec_bg_list .bg_area.type3 ul li{width:calc(50% - 20px); height:150px; text-align:center;}
.new_sustainability .sec_bg_list .bg_area.type3 ul li a{padding:30px 40px; gap:10px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.new_sustainability .sec_bg_list[data-motion] .bg_area ul li{opacity:0; transform:translateY(50px); transition:opacity 0.7s, transform 0.7s, background 0.4s;}
.new_sustainability .sec_bg_list[data-motion] .bg_area ul li:nth-of-type(2){transition:opacity 0.7s 0.2s, transform 0.7s 0.2s, background 0.4s;}
.new_sustainability .sec_bg_list[data-motion] .bg_area ul li:nth-of-type(3){transition:opacity 0.7s 0.4s, transform 0.7s 0.4s, background 0.4s;}
.new_sustainability .sec_bg_list[data-motion] .bg_area ul li:nth-of-type(4){transition:opacity 0.7s 0.6s, transform 0.7s 0.6s, background 0.4s;}
.new_sustainability .sec_bg_list[data-motion].active .bg_area ul li{opacity:1; transform:translateY(0);}
.new_sustainability .sec_bg_list[data-motion] .bg_area .bg{opacity:0; width:1140px; transition:0.7s;}
.new_sustainability .sec_bg_list[data-motion].active .bg_area .bg{opacity:1; width:100%;}

/* sec_address_list */
.new_sustainability .sec_address_list{padding:120px 0 160px; background-color:#fff;}
.new_sustainability .sec_address_list ul{display:flex; flex-wrap:wrap; border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability .sec_address_list ul li{width:50%; padding:25px 40px; box-sizing:border-box;}
.new_sustainability .sec_address_list ul li:nth-of-type(n+3){border-top:1px solid #ccc}
.new_sustainability .sec_address_list ul li dl{display:flex;}
.new_sustainability .sec_address_list ul li dl dt{width:85px; box-sizing:border-box; font-size:20px; font-weight:600; color:#333;}
.new_sustainability .sec_address_list ul li dl dd{width:calc(100% - 85px); font-size:20px; font-weight:300; color:#333;}
.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:120px 0 160px; 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:30px 0; 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{display:flex;}
.new_sustainability .sec_report_list .inner > ul > li dl dt{width:170px; padding:0 40px 0 50px; box-sizing:border-box; font-size:20px; font-weight:600; color:#333;}
.new_sustainability .sec_report_list .inner > ul > li dl dd{width:calc(100% - 170px)}
.new_sustainability .sec_report_list .inner > ul > li .text_list.dot li span{width:68px; margin-right:30px; display:inline-block; vertical-align:top;}
.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: 60px auto 0;}
.new_sustainability .sec_curtain_visual .visual_area .visual{z-index: 1; position: relative; width: 100%; height:450px; margin:0 auto;}
.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/kr/sustainability/social-contribution_sec1_bg.jpg")no-repeat center / cover;}
.new_sustainability .sec_curtain_visual .visual_area .visual .img{position:absolute; left:50%; top:50%; transform:translate(-50%,0); opacity:0; transition:0.7s;}
.new_sustainability .sec_curtain_visual .visual_area.active .visual .img{transform:translate(-50%,-50%); opacity:1;}


/* sec_card_list */
.new_sustainability .sec_card_list{padding:160px 0; background-color:#fff;}
.new_sustainability .sec_card_list ul li{display:flex; align-items:center;}
.new_sustainability .sec_card_list ul li + li{margin-top:60px;}
.new_sustainability .sec_card_list ul li .img{width:50%; border-radius:20px; overflow:hidden;}
.new_sustainability .sec_card_list ul li .txt{width:50%; padding:0 0 0 60px; box-sizing:border-box;}
.new_sustainability .sec_card_list ul li .txt dl dt{font-size:24px; color:#000; font-weight:600;}
.new_sustainability .sec_card_list ul li .txt dl dd{font-size:18px; color:#333; font-weight:300; margin-top:20px; word-break:keep-all;}
.new_sustainability .sec_card_list ul li .txt dl dd ul li{margin:0; font-size:18px; letter-spacing:-0.6px;}
.new_sustainability .sec_card_list ul li .txt .btn_wrap{margin-top:40px; 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 .img{width:480px;}
.new_sustainability .sec_card_list.type2 ul li .txt{width:calc(100% - 480px); padding:0 0 0 40px;}

/* sec_global_list */
.new_sustainability .sec_global_list{padding:120px 0 160px; position:relative; z-index:1;}
.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; background-repeat:no-repeat;}
.new_sustainability .sec_global_list ul{display:flex; width:980px; gap:21px; margin:0 auto;}
.new_sustainability .sec_global_list ul li{width:120px; background:#fff; border-radius:20px; overflow:hidden; transition:0.5s;}
.new_sustainability .sec_global_list ul li a{display:block; padding:0 10px; height:300px; box-sizing:border-box;}
.new_sustainability .sec_global_list ul li .top{position:relative; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.new_sustainability .sec_global_list ul li .top:after{content:""; width:16px; height:16px; display:block; margin-top:10px; background:url("/resources/images/kr/sustainability/sec_global_list_plus.svg")no-repeat center / 100%;}
.new_sustainability .sec_global_list ul li .top i{position:absolute; opacity:0; visibility:hidden; font-size:0;}
.new_sustainability .sec_global_list ul li .top p{font-size:24px; color:#333; font-weight:600;}
.new_sustainability .sec_global_list ul li .desc{margin-top:20px; opacity:0; visibility:hidden; transform:translateY(30px);}
.new_sustainability .sec_global_list ul li .desc p{font-size:18px; color:#333; font-weight:300; word-break:keep-all; line-height:1.5;}
.new_sustainability .sec_global_list ul li.active{width:700px;}
.new_sustainability .sec_global_list ul li.active a{padding:50px;}
.new_sustainability .sec_global_list ul li.active .top{height:auto; gap:17px; flex-direction:row; justify-content:start; white-space:nowrap}
.new_sustainability .sec_global_list ul li.active .top i{position:relative; opacity:1; visibility:visible}
.new_sustainability .sec_global_list ul li.active .top:after{display:none;}
.new_sustainability .sec_global_list ul li.active .desc{opacity:1; visibility:visible; transform:translateY(0); transition:0.5s 0.4s;}
.new_sustainability .sec_global_list[data-motion] .bg{opacity:0; width:1140px; 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:140px;}
.new_sustainability .sec_img_txt_list ul{display:flex; gap:40px; justify-content:center;}
.new_sustainability .sec_img_txt_list ul li{width:320px;}
.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:24px 0;}
.new_sustainability .sec_img_txt_list ul li .txt dl dt{font-size:24px; color:#000; font-weight:600;}
.new_sustainability .sec_img_txt_list ul li .txt dl dd{font-size:18px; color:#333; font-weight:300; margin-top:10px; min-height:48px; letter-spacing:-0.6px;}
.new_sustainability .sec_img_txt_list ul li .txt .arrow_btn{margin-top:24px; display:inline-block; vertical-align:top; font-size:14px; color:#666; font-weight:600; padding:7px 19px 7px 0; position:relative;}
.new_sustainability .sec_img_txt_list ul li .txt .arrow_btn i{position:absolute; right:0; top:50%; transform:translateY(-50%); width:16px; height:16px;}
.new_sustainability .sec_img_txt_list ul li .txt .arrow_btn i:before{position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_img_txt_list ul li .txt .arrow_btn i:after{position:absolute; width:100%; height:100%; left:-100%; top:0; opacity:0; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_img_txt_list ul li a:hover .txt .arrow_btn i:before{left:100%; opacity:0; transition:0.4s;}
.new_sustainability .sec_img_txt_list ul li a:hover .txt .arrow_btn i:after{left:0; opacity:1; transition:0.4s 0.1s;}
.new_sustainability .sec_img_txt_list[data-motion] ul{opacity:0; transform:translateY(100px); transition:0.7s 0.2s}
.new_sustainability .sec_img_txt_list[data-motion].active ul{opacity:1; transform:translateY(0);}


/* sec_graph_list */
.new_sustainability .sec_graph_list{padding-top:120px;}
.new_sustainability .sec_graph_list .img_area{border-radius:20px; overflow:hidden; margin-bottom:60px;}
.new_sustainability .sec_graph_list .img_area img{width:100%;}
.new_sustainability .sec_graph_list .list_area ul{display:flex;}
.new_sustainability .sec_graph_list .list_area ul li{width:33.333333%; position:relative; text-align:center;}
.new_sustainability .sec_graph_list .list_area ul li + li:before{content:""; width:2px; height:100%; 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:0 30px;}
.new_sustainability .sec_graph_list .list_area ul li a i{display:block; margin:0 auto 16px;}
.new_sustainability .sec_graph_list .list_area ul li a strong{display:block; font-size:24px; color:#000; font-weight:600;}
.new_sustainability .sec_graph_list .list_area ul li a p{margin-top:4px; font-size:18px; color:#333; font-weight:300; margin-bottom:16px;}
.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:7px 19px 7px 0; position:relative;}
.new_sustainability .sec_graph_list .list_area ul li a .arrow_btn i{position:absolute; right:0; top:50%; transform:translateY(-50%); width:16px; height:16px;}
.new_sustainability .sec_graph_list .list_area ul li a .arrow_btn i:before{position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_graph_list .list_area ul li a .arrow_btn i:after{position:absolute; width:100%; height:100%; left:-100%; top:0; opacity:0; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon.svg")no-repeat center / 100%;}
.new_sustainability .sec_graph_list .list_area ul li a:hover .arrow_btn i:before{left:100%; opacity:0; transition:0.4s;}
.new_sustainability .sec_graph_list .list_area ul li a:hover .arrow_btn i:after{left:0; opacity:1; transition:0.4s 0.1s;}
.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:160px 0;}
.new_sustainability .sec_bg_link .bg_area{border-radius:20px;  padding:40px 10px; 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{display:flex;}
.new_sustainability .sec_bg_link .bg_area ul li{width:50%; height:280px; position:relative; text-align:center;}
.new_sustainability .sec_bg_link .bg_area ul li + li:before{content:""; width:1px; height:100%; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.6);}
.new_sustainability .sec_bg_link .bg_area ul li a{height:100%; padding:10px; 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:30px; color:#fff; font-weight:600;}
.new_sustainability .sec_bg_link .bg_area ul li p{margin-top:4px; font-size:18px; color:#fff; font-weight:300;}
.new_sustainability .sec_bg_link .bg_area ul li .btn_icon{margin-top:24px;}
.new_sustainability .sec_bg_link .bg_area ul li a .txt strong{transform:translateY(30px);transition:0.6s;}
.new_sustainability .sec_bg_link .bg_area ul li a .txt p{transform:translateY(30px); transition:0.6s;}
.new_sustainability .sec_bg_link .bg_area ul li a .txt .btn_icon{transform:translateY(100%); opacity:0; transition:0.6s;}
.new_sustainability .sec_bg_link .bg_area ul li a .txt .btn_icon:after{border-color:#fff;}
.new_sustainability .sec_bg_link .bg_area ul li.on a .txt strong{transform:translateY(0);}
.new_sustainability .sec_bg_link .bg_area ul li.on a .txt p{transform:translateY(0);}
.new_sustainability .sec_bg_link .bg_area ul li.on a .txt .btn_icon{transform:translateY(0); opacity:1;}
.new_sustainability .sec_bg_link .bg_area ul li.off a .txt strong{transform:translateY(40px); opacity:0.5;}
.new_sustainability .sec_bg_link .bg_area ul li.off a .txt p{transform:translateY(40px); opacity:0.5;}
.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:120px 0 160px;}
.new_sustainability .sec_process .img_area{border-radius:20px; overflow:hidden;}
.new_sustainability .sec_process .box_area{background:#f3f3f3; border-radius:20px; padding:50px 0 80px; transform:translateY(100px); opacity:0; transition:0.7s;}
.new_sustainability .sec_process .box_area h4{font-size:20px; color:#666; font-weight:600; text-align:center; margin-bottom:40px;}
.new_sustainability .sec_process .box_area ul{display:flex; gap:60px; justify-content:center;}
.new_sustainability .sec_process .box_area ul li{position:relative; width:160px;}
.new_sustainability .sec_process .box_area ul li i{display:block; margin:0 auto; width:130px; height:130px; 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:48px; height:48px; 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/kr/sustainability/sec_process_icon1_off.svg");}
.new_sustainability .sec_process .box_area ul li i.icon2:before{background-image:url("/resources/images/kr/sustainability/sec_process_icon2_off.svg");}
.new_sustainability .sec_process .box_area ul li i.icon3:before{background-image:url("/resources/images/kr/sustainability/sec_process_icon3_off.svg");}
.new_sustainability .sec_process .box_area ul li i.icon4:before{background-image:url("/resources/images/kr/sustainability/sec_process_icon4_off.svg");}
.new_sustainability .sec_process .box_area ul li .dot{width:9px; height:9px; margin:24px auto 18px; 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:220px; height:1px; background:#ccc; position:absolute; left:0; top:47%; z-index:-1;}
.new_sustainability .sec_process .box_area ul li .dot .line:before{content:""; width:0; height:1px; 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{font-size:18px; color:#ccc; font-weight:600; text-align:center;}
.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{width: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/kr/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/kr/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/kr/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/kr/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;}


/* sec_bg_in_txt */
.new_sustainability .sec_bg_in_txt .bg_box{width:100%; height:450px; border-radius:20px; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; z-index:1;}
.new_sustainability .sec_bg_in_txt .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; 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;}
.new_sustainability .sec_bg_in_txt .bg_box dl dt{font-size:38px; color:#fff; font-weight:600;}
.new_sustainability .sec_bg_in_txt .bg_box dl dd{font-size:24px; color:#fff; font-weight:600; line-height:1.7; margin-top:30px;}
.new_sustainability .sec_bg_in_txt[data-motion] .bg_box .bg{transform:scale(1.2); 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{transform:scale(1);}
.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:120px 0 160px;}
.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:980px; margin:0 auto;}
.new_sustainability .sec_accordion ul.list > li + li{margin-top:20px;}
.new_sustainability .sec_accordion ul.list > li{padding:22px 20px; 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:10px 20px; box-sizing:border-box; display:flex; align-items:center; position:relative; gap:16px;}
.new_sustainability .sec_accordion ul.list > li button i{width:48px;}
.new_sustainability .sec_accordion ul.list > li button span{font-size:24px; color:#000; font-weight:600; line-height:1.2;}
.new_sustainability .sec_accordion ul.list > li button .plus{width:16px; height:16px; position:absolute; right:20px; 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:10px 20px 20px; box-sizing:border-box;}
.new_sustainability .sec_accordion ul.list > li .desc p{font-size:18px; color:#000; font-weight:300; word-break:keep-all;}
.new_sustainability .sec_accordion ul.list > li .desc p + p{margin-top:20px;}
.new_sustainability .sec_accordion ul.list > li .desc .text_list li + li{margin-top:20px;}
.new_sustainability .sec_accordion ul.list > li.on button .plus:after{transform:rotate(90deg) translate(-50%,-50%)}
.new_sustainability .sec_accordion[data-motion] .bg{opacity:0; width:1140px; transition:0.7s;}
.new_sustainability .sec_accordion[data-motion].active .bg{opacity:1; width:100%;}
.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:160px 0;}
.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:20px;}
.new_sustainability .sec_banner .btn_wrap{margin-top:40px;}
.new_sustainability .sec_banner[data-motion] .bg{opacity:0; width:1140px; transition:0.7s;}
.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 .bg{opacity:1; width:100%;}
.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: 360px; line-height: 1; font-weight: 700; color: #f3f3f3;}

.new_sustainability.sustainability .sec1 {padding: 100px 0 0 0;}
.new_sustainability.sustainability .sec1 .sub_tit {margin-bottom: 0; padding-bottom: 60px;}
.new_sustainability.sustainability .sec1 .sub_tit h3 {font-weight: 300;}

.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(-234px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(2) {transform: translateX(-156px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(3) {transform: translateX(-78px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(5) {transform: translateX(78px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(6) {transform: translateX(156px);}
.new_sustainability.sustainability .sec2 .typo_area span:nth-child(7) {transform: translateX(234px);}
.new_sustainability.sustainability .sec2 .typo_area.active span {transform: translateX(0);}

.new_sustainability.sustainability .sec2 .slogan_area {position: absolute; top: 15%; left: 50%; transform: translateX(-50%); width: 90%; height: 80%;}
.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; margin-bottom: 26px; font-size: 60px; line-height: 1.1; letter-spacing: -1.8px;}
.new_sustainability.sustainability .sec2 .slogan_area .txt1 span {font-size: 40px; line-height: 1.1; letter-spacing: -1.2px;}
.new_sustainability.sustainability .sec2 .slogan_area .txt2 p {overflow: hidden; font-size: 30px; line-height: 1.7; letter-spacing: -0.5px;}
.new_sustainability.sustainability .sec2 .slogan_area .txt2 span {display: inline-block; transform: translateY(45px);}
.new_sustainability.sustainability .sec2 .slogan_area .bg {backface-visibility: hidden; overflow: hidden; position: absolute; bottom: -50%; left: 50%; transform: translateX(-50%) scaleX(0.46) scaleY(0.32); width: 100%; height: 100%; z-index: -1; border-radius: 20px;}
.new_sustainability.sustainability .sec2 .slogan_area .bg::before {content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #02395C; opacity: 0.4;}
.new_sustainability.sustainability .sec2 .slogan_area .bg video {width: 100%; height: 100%; object-fit: cover; transform: scale(2);}

.new_sustainability.sustainability .sec3 .typo_wrapper {position: relative; padding-bottom: 60px;}
.new_sustainability.sustainability .sec3 .typo_wrapper .txt {position: absolute; bottom: 94px; left: 0; width: 100%; text-align: center;}
.new_sustainability.sustainability .sec3 .typo_wrapper .txt p {font-size: 30px; font-weight: 700; line-height: 1.7; letter-spacing: -0.5px; color: #000;}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(1) {transform: translateX(-156px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(2) {transform: translateX(-78px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(3) {transform: translateX(78px);}
.new_sustainability.sustainability .sec3 .typo_wrapper .typo_area span:nth-child(4) {transform: translateX(156px);}
.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(0); transition: 1.5s; transition-delay: 0.7s;}

.new_sustainability.sustainability .sec3 .sync_list {display: flex; flex-direction: column; padding-bottom: 160px;}
.new_sustainability.sustainability .sec3 .sync_list li {display: flex;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) {justify-content: flex-end;}
.new_sustainability.sustainability .sec3 .sync_item {display: flex; align-items: flex-end; width: fit-content; padding-bottom: 123px;}
.new_sustainability.sustainability .sec3 .sync_list li .sync_item .thumbnail {margin-right: 100px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) .sync_item .thumbnail {order: 2; margin-left: 100px; margin-right: 0;}
.new_sustainability.sustainability .sec3 .sync_list li:last-child .sync_item {padding-bottom: 0;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail {position: relative; width: 456px; height: 320px;}
.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;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(1) .sync_item .thumbnail .alphabet_wrapper {left: unset; right: -32px; bottom: -13px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(2) .sync_item .thumbnail .alphabet_wrapper {left: -36px; bottom: -16px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(3) .sync_item .thumbnail .alphabet_wrapper {left: unset; right: -48px; bottom: -16px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(4) .sync_item .thumbnail .alphabet_wrapper {left: -46px; bottom: -13px;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail .alphabet_wrapper b {display: inline-block; font-size: 200px; font-weight: 700; line-height: 1; color: #000;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) .sync_item .desc .tit {text-align: right;}
.new_sustainability.sustainability .sec3 .sync_item .desc .tit span {display: block; position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; 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: 30px; height: 2px; background-color: #ccc;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) .sync_item .desc .tit span::after {left: unset; right: 0;}
.new_sustainability.sustainability .sec3 .sync_item .desc .tit h4 {margin-bottom: 40px; font-size: 38px; 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: 12px;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) .hashtag {justify-content: flex-end;}
.new_sustainability.sustainability .sec3 .sync_item .desc .hashtag em {padding: 12px 16px; border-radius: 99px; border: 1px solid #ccc; font-size: 16px; 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 .desc {opacity: 0; transform: translateY(50px); transition: 0.7s;}
.new_sustainability.sustainability .sec3 .sync_item .thumbnail .alphabet_wrapper b {opacity: 0; transition: 0.7s; transition-delay: 0.4s;}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(odd) .sync_item .thumbnail .alphabet_wrapper b {transform: translateX(-100px);}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) .sync_item .thumbnail .alphabet_wrapper b {transform: translateX(100px);}
.new_sustainability.sustainability .sec3 .sync_item.active .thumbnail img {opacity: 1; transform: translateY(0);}
.new_sustainability.sustainability .sec3 .sync_item.active .desc {opacity: 1; transform: translateY(0);}
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(odd) .sync_item.active .thumbnail .alphabet_wrapper b,
.new_sustainability.sustainability .sec3 .sync_list li:nth-child(even) .sync_item.active .thumbnail .alphabet_wrapper b {opacity: 1; transform: translateX(0);}

.new_sustainability.sustainability .sec4 {padding-bottom: 160px;}
.new_sustainability.sustainability .sec4 .popup_list {display: flex; width: 100%; height: 360px; background-image: url("/resources/images/kr/sustainability/sustainability_popup_list_bg.jpg"); background-repeat: no-repeat; background-size: cover; border-radius: 20px;}
.new_sustainability.sustainability .sec4 .popup_list li {flex: 1; position: relative;}
.new_sustainability.sustainability .sec4 .popup_list li::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 77.7%; background-color: #fff; opacity: 0.4;}
.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; justify-content: center; align-items: center; width: 100%; height: 100%;}
.new_sustainability.sustainability .sec4 .popup_list li a > div {transition: 0.4s; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100%;}
.new_sustainability.sustainability .sec4 .popup_list strong {transition: opacity 0.7s; font-size: 30px; font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; color: #fff;}
.new_sustainability.sustainability .sec4 .popup_list .arrow_btn {opacity: 0; transition: transform 0.4s, opacity 0.7s; position: absolute; left: 50%; bottom: -39px; transform: translateX(-50%); width: fit-content; vertical-align:top; font-size:14px; color:#fff; font-weight:700; padding: 7px 19px 7px 0;}
.new_sustainability.sustainability .sec4 .popup_list .arrow_btn i {position:absolute; right:0; top:50%; transform:translateY(-50%); transition: 0.4s; width:16px; height:16px;}
.new_sustainability.sustainability .sec4 .popup_list .arrow_btn i:before {position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; transition:0.4s; content:""; background:url("/resources/images/kr/sustainability/sec_bg_list_arrow_icon_white.svg")no-repeat center / 100%;}
.new_sustainability.sustainability .sec4 .popup_list .arrow_btn i:after {position:absolute; width:100%; height:100%; left:-100%; top:0; opacity:0; content:""; background:url("/resources/images/kr/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 .sec4 .popup_list li:hover a > div {transform: translateY(-16px);}
.new_sustainability.sustainability .sec4 .popup_list li:hover a .arrow_btn {opacity: 1; bottom: -39px;}
.new_sustainability.sustainability .sec4 .popup_list li:hover a .arrow_btn i:before {left:100%; opacity:0; transition: 0.4s;}
.new_sustainability.sustainability .sec4 .popup_list li:hover a .arrow_btn i:after {left:0; opacity:1; transition: 0.4s 0.1s;}

.new_sustainability.sustainability .sec5 {padding: 120px 0 160px 0; background-color: #f3f3f3;}
.new_sustainability.sustainability .sec5 .evaluation_list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px 0;}
.new_sustainability.sustainability .sec5 .evaluation_list li {position: relative; width: calc((100% - 80px) / 3); 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: 30px;}
.new_sustainability.sustainability .sec5 .evaluation_list li .txt strong {display: block; margin-bottom: 4px; word-break: keep-all; font-size: 24px; font-weight: 700; line-height: 1.5; list-style: -0.5px;}
.new_sustainability.sustainability .sec5 .evaluation_list li .txt span {font-size: 18px; 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 .txt_info {margin-top: 30px; text-align: right;}
.new_sustainability.sustainability .sec5 .txt_info span {font-size: 14px; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] li {opacity: 0; transition: opacity 0.7s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] li:nth-child(2) {transition-delay: 0.2s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] li:nth-child(3) {transition-delay: 0.4s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] li:nth-child(4) {transition-delay: 0.8s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] li:nth-child(5) {transition-delay: 1s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion] li:nth-child(6) {transition-delay: 1.2s;}
.new_sustainability.sustainability .sec5 .evaluation_list[data-motion].active li {opacity: 1;}
.new_sustainability.sustainability .sec5 .txt_info[data-motion] {opacity: 0; transition: opacity 0.7s; transition-delay: 1.2s;}
.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/kr/sustainability/sec_bg_list_bg_ethics.jpg")}

/* 준법경영 */
.new_sustainability.compliance .sec_bg_list .bg_area.type3 .bg{background-image:url("/resources/images/kr/sustainability/sec_bg_list_bg_compliance.jpg")}
.new_sustainability.inquiry .sec1{margin:100px auto 160px;}
.new_sustainability.inquiry input[type="text"]{height:48px; line-height:48px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box{padding:40px 50px; border:none; border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .cont{margin-bottom:40px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .cont.last{margin-bottom:0;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box h5{font-size:20px; color:#333; font-weight:600; margin-bottom:20px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box p{font-size:18px; color:#333; font-weight:300;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box p b{color:#2c7cd8;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .dot_list li{padding-left:10px; position:relative; font-size:18px; 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:18px; width:auto;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area .agree{margin-left:60px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_area .agree input[type="radio"]{width:20px; height:20px; vertical-align:-3px;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box .highlight{text-decoration:none; font-weight:600;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_box + .agree_bottom{padding:20px 0 0;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_chk{margin-top:20px; font-size:18px; color:#333;}
.new_sustainability.inquiry .sec1 .privacy_form .agree_chk input[type="checkbox"]{width:20px; height:20px; vertical-align:-4px;}
.new_sustainability.inquiry .sec2{margin:160px auto;}
.new_sustainability.inquiry .sec2 .info_form{padding:30px 50px; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333;}
.new_sustainability.inquiry .sec2 .info_form .form_tit{width:140px; position:relative; padding:5px 20px 0 12px; margin:0; box-sizing:border-box;}
.new_sustainability.inquiry .sec2 .info_form .form_tit .point_txt{position:absolute; left:0; top:5px;}
.new_sustainability.inquiry .sec2 .info_form input[type="text"]{width:calc(100% - 140px)}
.new_sustainability.inquiry .sec2 .info_form textarea{width:calc(100% - 140px); resize:none;}
.new_sustainability.inquiry .sec2 .info_form_list > li{display:flex; 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:50%; margin:0; display:flex;}
.new_sustainability.inquiry .sec2 .info_form_list li .dual_type + .dual_type .form_tit{text-align:right;}
.new_sustainability.inquiry .sec2 .info_form_list li .input_box{width:calc(100% - 140px)}
.new_sustainability.inquiry .sec2 .info_form_list li .input_box input[type="text"]{width:100%;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box{width:calc(100% - 140px)}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area{font-size:0;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area input[type="text"].tel_input1{width:180px;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area input[type="text"].tel_input2{width:calc(100% - 216px);}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .tel_area input[type="text"].tel_input1 + span{width:36px; height:48px; font-size:18px;}
.new_sustainability.inquiry .sec2 .info_form_list li .tel_box .comment{margin-top:10px;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area{width:calc(100% - 140px); display:flex;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area .capchar{width:190px;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area .btn_refresh{width:180px; height:48px; line-height:48px; background:#2c7cd8; margin-left:20px; border-radius:4px;}
.new_sustainability.inquiry .sec2 .info_form_list li .capchar_area input{width:calc(100% - 410px); margin-left:20px;}
.new_sustainability.inquiry .sec2 .info_form + .bottom_area{margin:30px auto 60px; text-align:center; font-size:18px;}


/* 지역사회 */
.new_sustainability.social-contribution .sec_bg_list .bg_area.type1 .bg{background-image:url("/resources/images/kr/sustainability/sec_bg_list_bg_social-contribution.jpg")}
.new_sustainability.social-contribution .sec_global_list .bg{background-image:url("/resources/images/kr/sustainability/sec_global_list_bg_social-contribution.jpg")}
.new_sustainability.social-contribution .detail_popup[data-name="CO1LrNb0AN"] .cont .desc_wrap .con .bg_box .text_list li{font-size:20px;}

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


/* 임직원 */
.new_sustainability.employees .sec2.sec_bg_list .bg_area.type1 .bg{background-image:url("/resources/images/kr/sustainability/sec_bg_list_bg_employees_sec2.jpg")}
.new_sustainability.employees .sec4.sec_bg_list .bg_area.type2 .bg{background-image:url("/resources/images/kr/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:10px auto;}


/* 기후변화 */
.new_sustainability.climate-change .detail_popup[data-name="CLblnCEwLS"] .cont .desc_wrap .con .table_area .table table tr td{padding:20px;}


/* 환경전략 */
.new_sustainability.environmental-strategy .sec_bg_in_txt .bg_box .bg{background-image:url("/resources/images/kr/sustainability/environmental-strategy_sec_bg_in_txt_bg.jpg");}


/* 환경영향 */
.new_sustainability.environmental-impact .sec_graph_list{padding:0 0 160px;}
.new_sustainability.environmental-impact .sec_bg_list .bg_area.type2{padding:120px 0 160px;}
.new_sustainability.environmental-impact .sec_bg_list .bg_area.type2 .bg{background-image:url("/resources/images/kr/sustainability/sec_bg_list_bg_environmental-impact_sec3.jpg")}
.new_sustainability.environmental-impact .sec_bg_link{padding:120px 0 160px;}
.new_sustainability.environmental-impact .sec_bg_link .bg{background-image:url("/resources/images/kr/sustainability/sec_bg_link_environmental-impact.jpg")}


/* 제품환경 */
.new_sustainability.product-environment .sec_banner .bg{background-image:url("/resources/images/kr/sustainability/product-environment_sec_banner_bg.jpg")}
.new_sustainability.product-environment .sec_card_list{padding:120px 0 160px; background-color:#f3f3f3}
.new_sustainability.product-environment .sec_sticky_wrap{margin-bottom:140px;}
.new_sustainability.product-environment .detail_popup[data-name="PRyF2PmMlC"] .cont .desc_wrap .con .img_box{border-radius:0;}