@charset "utf-8";
@import "css/swiper.min.css";

/* === fonts === */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* === Common === */
*, html, body {margin:0;padding:0;}
html {scroll-behavior: smooth;}
body {background:#fff;font-size:18px;font-family:"Roboto", sans-serif;line-height:1.2em;color:#000;}
.textwidget, h1, h2, h3, h4, h5, h6, p, button {font-family:"Roboto", sans-serif;color:#000;}
h1, h2, h3, h4, h5, h6 {line-height:1em;clear:none;}
legend, caption, .blind {position:absolute;top:0;left:0;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0;}
ul, dl, ol {margin:0;padding:0;list-style:none;}
a {text-decoration:none;}
.hide {display:none!important;}
.ta_center {text-align:center!important;}
.relative {position:relative;}
.mx_width {margin:0 auto;padding:0 20px;max-width:1200px;width:1200px;box-sizing:border-box;}
.container_inner {padding-left:20px;padding-right:20px;width:1600px;box-sizing:border-box;}
.home .container_inner {width:1200px;}

/* text, color */
.uppercase {text-transform:uppercase;}

/* header */
body.admin-bar .content {padding-top:32px;}
header {border-bottom:0;}
.header_bottom {padding:0;}
.header_bottom .container_inner {max-width:1560px;width:100%;}
.logo_wrapper {margin-left:60px;}
nav.main_menu ul li a {font-size:15px;font-weight:900;color:#9e9e9e;font-family:"Roboto", sans-serif;}
nav.main_menu>ul>li>a {padding:0 18px;}
nav.main_menu>ul>li>a>span {padding:0 0 3px;transition:color ease 0.3s;position:relative;}
nav.main_menu>ul>li>a>span:after {position:absolute;bottom:0;left:0;content:"";display:block;width:0;height:1px;background-color:#012869;transition:width ease 0.3s;}
nav.main_menu>ul>li:hover>a, nav.main_menu>ul>li.active>a {color:#012869;}
nav.main_menu>ul>li:hover>a>span, nav.main_menu>ul>li.active>a>span {background-color:transparent;}
nav.main_menu>ul>li:hover>a>span:after, nav.main_menu>ul>li.active>a>span:after {width:100%;}
.contact {position:absolute;top:0;right:60px;z-index:100;}
.contact a {font-size:15px;font-weight:900;color:#012869;text-transform:uppercase;line-height:80px;}

/* footer */
.footer_top_holder, .footer_bottom_holder {background-color:#fff;}
.footer_top {padding:0;}
.footer_top .container_inner {max-width:1560px;width:100%;}
.footer_top .menu {margin:35px 0 45px;}
.footer_top .widget.widget_nav_menu li {line-height:23px;}
.footer_top .widget.widget_nav_menu li.hide {display:block!important;}
.footer_top .menu li a {font-size:14px;font-weight:800;color:#000;text-transform:uppercase;transition:color ease 0.3s;}
.footer_top .menu li:hover a {color:#012869;}
.footer_top .four_columns li, .four_columns p {margin:0;}
.footer_top .four_columns li img {display:block;}
.four_columns>.column1>.column_inner, .four_columns>.column3>.column_inner {padding-left:15px;padding-right:15px;min-height:0!important;}
.four_columns>.column1, .four_columns>.column3 {padding-top:30px;padding-bottom:30px;border-bottom:1px solid #000;}
.four_columns>.column2, .four_columns>.column4 {display:none!important;}
.four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 {width:auto;float:none;}
.ft_txtbox p {margin:50px 0 0;font-size:36px;font-weight:700;color:#012869;line-height:1em;}
.ft_banner ul {display:flex;justify-content:right;align-items:center;gap:60px;margin:25px 0;}
.ft_info {display:flex;justify-content:space-between;align-items:center;}
.ft_info .left {display:flex;justify-content:left;align-items:center;gap:10px;}
.ft_info .left p {display:flex;justify-content:left;align-items:center;gap:10px;}
.ft_info .left p + p:before {content:"";display:block;width:2px;height:10px;background-color:#000;margin-bottom:1px;}
.ft_info .right {display:flex;justify-content:right;align-items:center;gap:72px;}
.ft_info .left p, .ft_info .left a, .ft_info .right a , .ft_info .right span {font-size:12px;font-weight:700;line-height:1.91em;color:#000;}
.ft_btm {display:flex;justify-content:left;align-items:center;gap:250px;}
.footer_bottom {position:relative;line-height:1.5em;height:auto;margin:0 auto;padding:70px 0;width:1490px;box-sizing:border-box;}
.footer_bottom .menu {position:absolute;right:0;bottom:70px;width:164px;border-bottom:1px solid #000;}
.footer_bottom .menu li {position:relative;list-style:none;text-align:left;line-height:23px;}
.footer_bottom .menu li a {color:#aeb0b2;}
.footer_bottom .menu li.nw_site > a {position:relative;display:block;font-size:12px;font-weight:800;color:#000;}
.footer_bottom .menu li.nw_site > a:after {position:absolute;bottom:10px;right:0;content:"";display:block;width:0;height:0;border-width:7px 6px;border-style:solid;border-color:transparent transparent #000 transparent;}
.footer_bottom .menu .sub-menu {display:none;position:absolute;bottom:30px;left:0;width:100%!important;}
.footer_bottom .menu .sub-menu a {display:block;padding:10px;line-height:1.3em;font-size:11px;font-weight:400;color:#000;background-color:#f1f1f1;border-bottom:1px solid #fff;}
.footer_bottom .menu .sub-menu a:hover {background-color:#ddd;}
#back_to_top span {border-radius:50%;}
#back_to_top {display:none;}


/* main */
/* .arrow {padding-bottom:60px;} */
.sec {padding-top:10px;}
h2 {margin-bottom:5vh;font-size:48px;font-weight:900;line-height:1.07em;}
.arrow {margin-bottom:90px!important;}
.arrow.last {margin-bottom:0!important;}
.arrow img {display:block;margin:72px auto 0;}

/* section 0 - visual */
.visual {position:relative;margin:0 auto;min-width:1600px;height:893px;}
.visual .txt {position:absolute;top:94px;left:50%;transform:translateX(-50%);}
.video_wrap {overflow:hidden;width:100%;height:100%;}
.video_wrap video {position:absolute;width:100%;height:100%;z-index:-1;object-fit:cover;}

/* section 02, 05 */
/* 전체 스크롤 구간: 높이는 JS가 (inner 높이 + 버튼 수 × 스텝)으로 자동 계산 */
.scroll_tabs {position:relative;padding-left:20px;padding-right:20px;min-height:0;}
.scroll_tabs .inner {position:relative;top:0;left:auto;left:auto;width:1160px;min-height:0;transition:position ease 0.3s;}
.scroll_tabs .inner.is-fixed {position:fixed;top:80px;}
.scroll_tabs .inner.is-end {position:absolute;top:auto;bottom:0;}
.scroll_tabs .arrow {width:1160px;}
.scroll_tabs .img_btns {display:flex;justify-content:space-between;align-items:center;gap:56px;margin-bottom:50px;}
.scroll_tabs .img_btns button span {display:block;width:29px;height:29px;background:url(img/arrow_r_square.png) no-repeat 0 0;transition:all ease 0.3s;}
.scroll_tabs .img_btns button {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px 15px 17px;width:100%;font-size:16px;font-weight:700;line-height:1.61em;text-align:left;color:#000;background-color:#f4f4f4;border:0;transition:all ease 0.3s;cursor:pointer;--p:0%;/* 채움 % (JS가 0% ~ 100%로 갱신) */position:relative;isolation:isolate;}
/* 채움 배경: 활성화는 왼쪽→오른쪽, 비활성화는 오른쪽→왼쪽 */
.scroll_tabs .img_btns button::before {content:"";position:absolute;top:0;left:0;height:100%;width:var(--p);z-index:-1;background-color:#ea3924;}
.scroll_tabs .img_btns button.active {color:#fff;}
.scroll_tabs .img_btns button.active span {background:url(img/arrow_r_square2.png) no-repeat 0 0;}
.scroll_tabs .img_tabcont_wrap {position:relative;height:572px;margin-top:30px;}
.scroll_tabs .img_tabcont {position:absolute;inset:0;height:572px;opacity:0;visibility:hidden;transition:opacity .5s, visibility .5s;}
.scroll_tabs .img_tabcont.active {opacity:1;visibility:visible;position:relative;}
.alignct .text_info {margin-top:45px;text-align:center;}
.alignct .text_info .txt1 {margin-bottom:22px;font-size:24px;font-weight:700;line-height:1em;}
.alignct .text_info .txt2 {font-size:14px;font-weight:700;line-height:1.2em;}

.sec_zero .tabs_wrap {display:grid;grid-template-columns:430px auto;gap:117px;max-width:1160px;}
.sec_zero.scroll_tabs .img_btns {display:block;margin-bottom:0;}
.sec_zero.scroll_tabs .img_btns button {margin-bottom:24px;}
.sec_zero.scroll_tabs .img_btns .img {margin-top:65px;}
.sec_zero.scroll_tabs .img_btns .img img {width:250px;}
.sec_zero.scroll_tabs .img_tabcont_wrap {margin-top:0;}
.sec_zero.scroll_tabs .img_tabcont_wrap, .sec_zero.scroll_tabs .img_tabcont {height:auto;}
.sec_zero.scroll_tabs .img_tabcont_wrap .text_info {margin-bottom:40px;}
.sec_zero.scroll_tabs .img_tabcont_wrap .text_info .txt {font-size:15px;font-weight:700;}

/* section 01 - Initiative */
.arrow_r_round {fill:#f00;}

.sec_intt .intt_wrap {position:relative;box-sizing:border-box;margin-bottom:220px!important;}
.sec_intt .intt_wrap .bg {position:relative;}
.sec_intt .intt_wrap .bg img {display:block;object-fit:cover;}
/* hover일때 active */
.sec_intt .intt_wrap .bg > div {display:none;}
.sec_intt .intt_wrap .bg > div.active {display:block;animation:tabFade .6s ease;}
.box_card {position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:50px 32px;}
.box_card .card {position:relative;top:0;padding:30px 35px;width:100%;height:250px;box-sizing:border-box;transition:all ease 0.5s;}
.box_card .card:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-color:rgba(0 0 0 / 30%);
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.box_card .card h4 {position:relative;margin-bottom:20px;font-size:17px;font-weight:700;color:#fff;}
.box_card .card h4 + p {position:relative;font-size:12px;font-weight:400;color:#fff;}
.box_card .card a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;}
.box_card .card a span {position:absolute;bottom:25px;right:26px;display:block;width:37px;height:37px;background:url(img/arrow_r_round.svg) no-repeat 0 0;font-size:0;transition:all ease 0.3s;}
.box_card .card:hover {top:-30px;}
.box_card .card:hover a span {background:url(img/arrow_r_round2.svg) no-repeat 0 0;filter: invert(28%) sepia(44%) saturate(3939%) hue-rotate(349deg) brightness(96%) contrast(91%);}

/* section 03 - Sourcing */
.tabs_sour {display:grid;grid-template-columns:calc(57% - 58px) auto;gap:58px;}
/* 탭 컨텐츠: 기본 숨김, active 일 때만 페이드로 표시 */
.tabs_sour .tabs_cont > div {display:none;overflow:hidden;}
.tabs_sour .tabs_cont > div.active {display:block;animation:tabFade .4s ease;}
.tabs_sour .tabs_cont > div img {max-height:430px;max-width:none;object-fit:cover;position:relative;left:50%;transform:translateX(-50%);}
@keyframes tabFade {from {opacity:0;} to {opacity:1;}}
.tabs_sour .tabs {text-align:left;display:flex;justify-content:left;align-items:flex-start;gap:32px;min-height:52px;margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #9e9e9e;box-sizing:border-box;}
.tabs_sour .tabs a {position:relative;font-size:23px;font-weight:900;color:#9e9e9e;cursor:pointer;}
.tabs_sour .tabs a + a {padding-left:36px;}
.tabs_sour .tabs a + a:before {position:absolute;top:1px;left:0;content:"";display:block;width:4px;height:18px;background-color:#9e9e9e;}
.tabs_sour .tabs a.active {color:#000;}
.tabs_sour .tabs_cont .txt1 {margin:28px 0 2px;font-size:18px;font-weight:700;}
.tabs_sour .tabs_cont .txt2 {font-size:15px;font-weight:700;}

/* section 04 - Recycles */
.sec_recycle img {display:block;}
.sec_recycle .mySwiper {margin-bottom:50px;}
.sec_recycle .mySwiper .swiper-slide {transition:all ease 0.5s;}
.sec_recycle .mySwiper .swiper-button-next:after, .sec_recycle .mySwiper .swiper-button-prev:after {display:none;}
.sec_recycle .mySwiper .swiper-button-next, .sec_recycle .mySwiper .swiper-button-prev {width:49px;height:49px;background:url(img/arrow_r_round2.svg) no-repeat 0 0;filter:invert(100%) sepia(96%) saturate(16%) hue-rotate(227deg) brightness(103%) contrast(106%);opacity:1!important;margin-top:0;top:145px;transition:filter ease 0.3s;}
.sec_recycle .mySwiper .swiper-button-next {right:33px;}
.sec_recycle .mySwiper .swiper-button-prev {left:33px;transform:rotate(180deg);}
.sec_recycle .mySwiper .swiper-button-next:hover, .sec_recycle .mySwiper .swiper-button-prev:hover {filter:invert(28%) sepia(44%) saturate(3939%) hue-rotate(349deg) brightness(96%) contrast(91%);}
.sec_recycle .text_info {margin-top:45px;display:grid;grid-template-columns:300px auto;}
.sec_recycle .text_info h4 {font-size:24px;font-weight:900;color:#000;padding-right:30px;line-height:1.28em;}
.sec_recycle .text_info ul li {position:relative;padding-left:15px;font-size:14px;font-weight:700;line-height:1.73em;}
.sec_recycle .text_info ul li:before {content:"·";display:block;width:15px;position:absolute;left:0;top:0;}

/* section 05 - Sustainability */
.sec_sust.scroll_tabs .img_btns {gap:8px;margin-bottom:0;}
.sec_sust.scroll_tabs .img_btns button {font-size:15px;padding-left:15px;padding-right:10px;gap:0;}
.sec_sust.scroll_tabs .img_tabcont_wrap {margin-top:10px;}
.sec_sust .img_tabcont .txt_info {position:absolute;top:50%;right:0;margin-top:-70px;padding:22px 20px 22px 30px;width:40%;height:140px;box-sizing:border-box;background-color:#ea3924;}
.sec_sust .img_tabcont .txt_info .txt {font-size:14px;font-weight:700;color:#fff;line-height:1.77em;}

/* page - contact us */
.clear {clear:both!important;}
.req {font-style:normal;color:#ea3924!important;}
.w_1520 {width:1520px;margin-left:auto;margin-right:auto;}
.contact_tit {margin-top:50px;}
.contact_tit h2 {margin-bottom:20px;}
.contact_tit p {font-size:15px;font-weight:700;line-height:1.4em;}
.contact_wrap .vc_col-sm-8 {width:69.736%;}
.contact_wrap .vc_col-sm-8>.vc_column-inner {padding-right:70px;}
.contact_wrap .vc_col-sm-4 {width:30.264%;}
.contact_top {display:flex;justify-content:left;align-items:flex-start;gap:20px 66px;margin-bottom:40px;}
.contact_top h3 {font-size:25px;font-weight:900;color:#000;}
.contact_top ul li {position:relative;padding-left:15px;font-size:15px;font-weight:400;line-height:1.4em;}
.contact_top ul li:before {content:"· ";display:block;position:absolute;top:0;left:0;}
.contact_top ul li + li {margin-top:5px;}
.form_list li {display:grid;grid-template-columns:140px auto;gap:0 10px;box-sizing:border-box;}
.form_list li:nth-child(1) .form_label, .form_list li:nth-child(1) .form_input, 
.form_list li:nth-child(2) .form_label, .form_list li:nth-child(2) .form_input {border-top:1px solid #000;}
.form_list li.w_half {float:left;width:50%;}
.form_list li.w_half:nth-of-type(odd) {padding-right:10px;}
.form_list li.w_half:nth-of-type(even) {padding-left:10px;}
.form_list li input[type='text'], .form_list li input[type='email'], .form_list li textarea {margin:0;min-height:41px;border:0;background-color:#f4f4f4;padding:2px 20px;font-size:15px;box-sizing:border-box;color:#000;width:100%;}
.form_list li input[type="checkbox"], .form_btm input[type="checkbox"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background-color:transparent;}
.form_list li textarea {display:block;height:250px;margin-bottom:5px!important;}
.form_list .form_label {padding-top:20px;min-height:70px;font-size:15px;font-weight:700;border-bottom:1px solid #000;box-sizing:border-box;}
.form_list .form_label p {font-size:15px;font-weight:700;}
.form_list .form_input {min-height:70px;padding:14px 20px;border-bottom:1px solid #000;box-sizing:border-box;}
.form_list .form_input label, .form_btm p {font-size:15px;}
.form_list li .wpcf7-form-control-wrap {display:block;}
.form_list li .wpcf7-not-valid-tip {position:absolute;top:10px;right:5px;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox {display:flex;justify-content:left;align-items:center;flex-wrap:wrap;gap:10px 30px;min-height:41px;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {margin:0;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"],
.form_btm .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"],
.form_btm .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] {clip:rect(0, 0, 0, 0);width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap;position:absolute;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] + span,
.form_btm .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"] + span,
.form_btm .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] + span {display:grid;grid-template-columns:24px auto;align-items:center;gap:15px;text-align:left;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] + span:before,
.form_btm .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"] + span:before,
.form_btm .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] + span:before {content:"";display:inline-block;width:24px;height:24px;background-color:#f4f4f4;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] + span:after,
.form_btm .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"] + span:after,
.form_btm .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"] + span:after {display:none;}
.form_list li .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]:checked + span:before,
.form_btm .wpcf7-form-control-wrap .wpcf7-acceptance input[type="checkbox"]:checked + span:before,
.form_btm .wpcf7-form-control-wrap .wpcf7-checkbox input[type="checkbox"]:checked + span:before {background:url(img/ico_check.png) no-repeat 0 0 #f4f4f4;}
.form_btm {padding:35px 0;display:flex;justify-content:space-between;border-bottom:1px solid #000;}
.form_btm .left {padding-right:94px;border-right:1px solid #dedede;}
.form_btm .left img {display:block;}
.form_btm .right {text-align:right;position:relative;padding-right:20px;}
.form_btm .right .wpcf7-not-valid-tip {font-size:13px;position:relative;top:-5px;text-align:right;}
.form_btm .wpcf7-submit {margin-top:10px;width:188px;height:108px;background-color:#012869;font-size:19px;font-weight:700;color:#fff;border:0;}
.form_btm .wpcf7-spinner {margin:0;position:absolute;right:218px;bottom:0;}
.contact_site li {margin-bottom:25px;background-color:#f1f1f1;}
.contact_site li:hover {background-color:#012869;transition:all ease 0.4s;}
.contact_site li:hover .tit, .contact_site li:hover .loca, .contact_site li:hover .email {color:#fff;}
.contact_site li a {position:relative;display:block;padding:27px;min-height:140px;box-sizing:border-box;}
.contact_site li a:after {position:absolute;top:50%;right:37px;margin-top:-18px;content:"";display:block;width:35px;height:35px;background:url(img/arrow_r_round.svg) no-repeat 0 0 / contain;filter:brightness(0) saturate(100%);}
.contact_site li a > span {display:block;position:relative;}
.contact_site li .tit {margin-bottom:12px;font-size:19px;font-weight:700;color:#000;}
.contact_site li .loca {padding-left:22px;font-size:13px;color:#000;}
.contact_site li .loca:before {position:absolute;top:3px;left:0;content:"";display:block;width:16px;height:18px;background:url(img/ico_contact.png) no-repeat 0 0;}
.contact_site li .email {margin-top:5px;padding-left:22px;font-size:13px;color:#000;}
.contact_site li .email:before {position:absolute;top:4px;left:0;content:"";display:block;width:14px;height:13px;background:url(img/ico_contact.png) no-repeat 0 -18px;}
.contact_site li:hover .loca:before {background-position:100% 0;}
.contact_site li:hover .email:before {background-position:-16px -18px;}
.contact_site li:hover a:after {filter:none;}

/* page_sub : Privacy Policy,  */
.title.standard h1 {font-size:48px;font-weight:900;}
.page_sub h4 {margin:15px 0;font-size:20px;font-weight:900;}
.page_sub p, .page_sub ul li, .pp_addr {font-size:15px;line-height:1.7em;color:#000;}
.page_sub ul li {position:relative;padding-left:15px;}
.page_sub ul li:before {content:"·";display:block;width:15px;position:absolute;left:0;top:0;}
.page_sub a {color:#012869;text-decoration:underline;}
.legal .txt {margin-bottom:30px;}


/* 반응형
--------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1599px){
    .container_inner {width:1200px;}
    .footer_bottom {width:100%;padding-left:35px;padding-right:35px;box-sizing:border-box;}
    .footer_bottom .menu {right:35px;}
    .w_1520 {width:1190px;}
    .visual {min-width:0;width:100%;} 
}

@media only screen and (max-width: 1240px){
    .mx_width, .container_inner {width:1080px;}
    .logo_wrapper {margin-left:20px;}
    .header_bottom .main_menu>ul>li>a {padding:0 13px;}
    .contact {right:20px;}
    .ft_txtbox p {font-size:30px;}
    .ft_info .right {gap:30px;}
    .ft_btm {gap:165px;}
    .ft_btm img:first-child {width:114px;}
    .ft_btm img:last-child {width:146px;}
    .w_1520 {width:1070px;}

    h2, .title.standard h1 {font-size:45px;}
    .arrow img {height:100px;}
    .visual {height:580px;}
    .visual .txt {top:60px;width:470px;}

    .scroll_tabs .inner {width:1040px;}
    .scroll_tabs .arrow {width:100%;}

    .sec_zero .tabs_wrap {gap:60px;}
    .sec_zero.scroll_tabs .img_btns button {margin-bottom:15px;}
    .sec_zero.scroll_tabs .img_btns .img {margin-top:70px;}
    .sec_zero.scroll_tabs .img_btns .img img {width:220px;}
    .sec_zero.scroll_tabs .img_tabcont_wrap, .sec_zero.scroll_tabs .img_tabcont {height:auto;}
    .sec_zero.scroll_tabs .img_tabcont.active {position:relative;}

    .tabs_sour .tabs {min-height:55px;margin-bottom:5px;}
    .tabs_sour .tabs a {font-size:20px;}
    .tabs_sour .tabs_cont .txt1 {margin-top:25px;}

    .sec_recycle .mySwiper .swiper-button-next, .sec_recycle .mySwiper .swiper-button-prev {top:125px;}

    .sec_sust.scroll_tabs .img_btns {gap:4px;}
    .sec_sust.scroll_tabs .img_btns button {font-size:15px;padding-left:10px;padding-right:5px;}
    .sec_sust.scroll_tabs .img_tabcont_wrap, .sec_sust.scroll_tabs .img_tabcont {height:auto;}
    .sec_sust.scroll_tabs .img_tabcont.active {position:relative;}

    .contact_wrap .vc_col-sm-8>.vc_column-inner {padding-right:20px;}
    .form_list li {grid-template-columns:120px auto;}
    .contact_site li a {padding-left:20px;}
    .contact_site li a:after {right:20px;}

    .title.has_background {height:420px!important;background-size:cover;}
}

@media only screen and (max-width: 1079px){
    .mx_width, .container_inner {width:100%;}
    .footer_bottom {width:calc(100% - 30px);}
    .scroll_tabs .inner {width:calc(100% - 40px);}

    .header_bottom .main_menu>ul>li>a {padding:0 10px;font-size:14px;}
    .contact a {font-size:14px;}

    .box_card .card {padding:20px 20px 50px;}
    .box_card .card a span {right:20px;bottom:20px;}

    .w_1520 {width:100%;padding-left:5px;padding-right:5px;box-sizing:border-box;}
    .contact_wrap .vc_col-sm-8, .contact_wrap .vc_col-sm-4 {width:auto;}
    .contact_wrap .vc_col-sm-8>.vc_column-inner {padding-right:15px;}
    .contact_site {display:flex;justify-content:left;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-top:30px;}
    .contact_site li {width:calc(33.33% - 8px);margin:0;}
}

@media only screen and (max-width: 1000px){
    nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {padding-left:20px;font-family:"Roboto", sans-serif;font-weight:900;font-size:14px;text-transform:uppercase;color:#000;}
    nav.mobile_menu ul li a, nav.mobile_menu ul li h3, nav.mobile_menu ul li ul li a, nav.mobile_menu ul li.open_sub>a:first-child {border-bottom:1px solid #fff;}
    nav.mobile_menu {background-color:#f5f5f5;margin:0;position:absolute;top:100%;left:0;}
    nav.mobile_menu>ul {width:100%;border-top:1px solid #f5f5f5;}
    nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a {color:#012869;background-color:#fff;}
    .mobile_menu ul>li.hide {display:block!important;}
    .logo a img {display:none;}
    .logo a {background:url(img/logo_2x.png) no-repeat 0 0 / contain;width:106px;height:36px;}

    .header_bottom .container_inner {padding-top:0;}
    .logo_wrapper {margin:0;height:80px!important;transform:translateX(-50%);}
    .logo {transform:translateY(-50%);}
    .mobile_menu_button, .header_inner_right {height:80px;}
    .contact {display:none;}
    .ft_txtbox p {font-size:26px;}
    .ft_info {flex-wrap:wrap;}

    h2, .title.standard h1 {font-size:40px;}
    .arrow {margin-bottom:50px!important;}
    .sec {padding-top:50px;}
    .sec_intt .intt_wrap .bg {overflow:hidden;}
    .sec_intt .intt_wrap .bg img {height:485px;max-width:none;position:relative;left:50%;transform:translateX(-50%);}
    .box_card {gap:5px;display:grid;grid-template-columns:repeat(4, 1fr);padding:0;}
    .box_card .card {padding-bottom:50px;height:100%;}

    .sec_zero .tabs_wrap {gap:20px;}
    .sec_zero .tabs_wrap {grid-template-columns:280px auto;}
    .sec_zero.scroll_tabs .img_btns button {display:grid;grid-template-columns:auto 29px;}

    .sec_recycle .mySwiper .swiper-button-next, .sec_recycle .mySwiper .swiper-button-prev {top:85px;}

    .sec_sust.scroll_tabs .img_btns {display:grid;grid-template-columns:repeat(4, 1fr);}
    .sec_sust .img_tabcont .txt_info {padding:15px 20px;width:400px;height:110px;margin-top:-60px;}
    .sec_sust .img_tabcont .txt_info .txt {font-size:13px;}

    .scroll_tabs .inner {width:100%;}
    .scroll_tabs .inner.is-fixed {top:50px;width:calc(100% - 40px);}
    .scroll_tabs .inner.is-end {width:calc(100% - 40px);}

    .contact_site li {width:calc(50% - 6px);}
}

@media only screen and (max-width: 767px){
    .footer_top .container_inner {padding-left:0;padding-right:0;}
    .four_columns>.column1>.column_inner, .four_columns>.column3>.column_inner {padding-left:20px;padding-right:20px;}
    .ft_txtbox p {font-size:20px;}
    .ft_info {display:block;}
    .ft_info .left {flex-wrap:wrap;gap:0 10px;}
    .ft_info .right {flex-wrap:wrap;gap:0 20px;justify-content:left;}
    .footer_bottom {width:calc(100% - 40px);padding:100px 0 40px;}
    .footer_bottom .menu {top:30px;bottom:auto;right:0;}
    .ft_btm {gap:50px;}

    h2, .title.standard h1 {font-size:29px;}
    .visual .txt {width:90%;max-width:470px;}

    .full_width_inner {overflow:hidden;}
    .sec {padding-top:10px;}
    .scroll_tabs .inner.is-fixed {top:10px;}

    .sec_intt .intt_wrap {position:relative;margin-bottom:100px!important;}
    .sec_intt .intt_wrap .bg {position:absolute;top:0;height:100%;left:50%;transform:translateX(-50%);}
    .sec_intt .intt_wrap .bg img {height:100%;}
    .box_card {position:relative;bottom:auto;top:0;display:block;padding:0;}
    .box_card .card {margin-top:10px;padding-bottom:40px;height:auto;min-height:170px;}
    .box_card .card:hover {top:0;}

    .sec_zero .tabs_wrap {grid-template-columns:repeat(1, 1fr);gap:30px;}
    .sec_zero.scroll_tabs .img_btns button {font-size:15px;margin-bottom:5px;padding:10px;}
    .sec_zero.scroll_tabs .img_btns .img {display:none;}
    .sec_zero.scroll_tabs .img_tabcont_wrap .text_info {margin-bottom:20px;}
    .sec_zero.scroll_tabs .img_tabcont_wrap .text_info .txt {font-size:13px;}

    .tabs_sour {grid-template-columns:repeat(1, 1fr);gap:30px;}
    .tabs_sour .tabs {gap:15px;min-height:40px;}
    .tabs_sour .tabs a {font-size:17px;text-align:center;}
    .tabs_sour .tabs a + a {padding-left:15px;}
    .tabs_sour .tabs a + a:before {width:3px;height:85%;}
    .tabs_sour .tabs_cont > div img {max-height:none;max-width:100%;left:0;transform:none;}
    .tabs_sour .tabs_cont .txt1 {margin-top:15px;font-size:15px;}
    .tabs_sour .tabs_cont .txt2 {font-size:13px;}

    .sec_recycle .mySwiper .swiper-button-next, .sec_recycle .mySwiper .swiper-button-prev {top:90px;width:37px;height:37px;}
    .sec_recycle .mySwiper .swiper-button-next {right:10px;}
    .sec_recycle .mySwiper .swiper-button-prev {left:10px;}
    .sec_recycle img {height:215px;max-width:none;object-fit:cover;position:relative;left:50%;transform:translateX(-50%);}
    .sec_recycle .text_info {margin-top:30px;grid-template-columns:repeat(1, 1fr);}
    .sec_recycle .text_info h4 {margin-bottom:15px;font-size:20px;}
    .sec_recycle .text_info h4 br {display:none;}
    .sec_recycle .text_info ul li {font-size:13px;}

    .sec_sust.scroll_tabs .img_btns {display:grid;grid-template-columns:repeat(2, 1fr);}
    .sec_sust.scroll_tabs .img_btns button {padding:10px;}
    .sec_sust.scroll_tabs .img_tabcont {overflow:hidden;}
    .sec_sust.scroll_tabs .img_tabcont img {display:block;height:215px;object-fit:cover;position:relative;left:50%;transform:translateX(-50%);}
    .sec_sust .img_tabcont .txt_info {position:static;margin:0;font-size:13px;width:auto;height:auto;padding:15px 20px;}
    .sec_sust .img_tabcont .txt_info .txt {font-size:13px;}

    .title.has_background {height:200px!important;}
    .contact_top {display:block;}
    .contact_top h3 {margin-bottom:15px;font-size:20px;}
    .form_list li.w_half {float:none;width:100%;}
    .form_list li.w_half:nth-of-type(odd) {padding-right:0;}
    .form_list li.w_half:nth-of-type(even) {padding-left:0;}
    .form_list li:nth-child(2) .form_label, .form_list li:nth-child(2) .form_input {border-top:0;}
    .form_list li {grid-template-columns:100px auto;}
    .form_list .form_input {padding-left:0;padding-right:0;}
    .form_btm {display:block;position:relative;padding-bottom:220px;}
    .form_btm .left {border-right:0;padding-right:0;position:absolute;bottom:40px;left:0;width:100%;}
    .form_btm .right {padding-right:0;text-align:left;}
    .form_btm .wpcf7-submit {display:block;margin:10px auto;}
    .contact_site li {width:100%;}

    .page_sub h4 {font-size:18px;}
    .page_sub p, .page_sub ul li, .pp_addr {font-size:13px;}
}

@media only screen and (max-width: 479px){
    .box_card .card a span {transition:none;}
}