@charset "utf-8";

/* top */
.top-wrap {position:fixed;left:0;right:0;top:0;background:#fff;padding-top:16px;padding-bottom:70px;z-index:101;}
.top-wrap .top {display:flex;align-items:flex-start;justify-content:space-between;width:1280px;margin:0 auto;}
.top-wrap .branding {width:120px;height:60px;transition:.3s;}
.top-wrap .utils {display:flex;justify-content:flex-end;}
.top-wrap .utils li {margin-left:40px;}
.top-wrap .utils li a {font-size:14px;color:#333;font-weight:300;}
.top-wrap .utils li.on a {color:#0033FF;font-weight:400;}
.top-wrap .utils li a:hover {color:#0033FF;text-decoration:underline;}

.top-wrap .utils .global {position: relative;cursor: pointer;}
.top-wrap .utils .lang-menu {display: none;position: absolute;top: 25px;left: 0;background-color: #6aa0c2;border: 1px solid #ffffff;border-radius: 4px;padding: 6px 12px;z-index: 999;font-size: 14px;line-height: 1.8;color: white;width: 125px !important;}
.top-wrap .utils .lang-menu li {list-style: none;cursor: pointer;color: white;white-space: nowrap;margin-left:0px;}
.top-wrap .utils .lang-menu li:hover {color: #00c3ff;}
.top-wrap .utils .dropdown.open .lang-menu {display: block;}

.top-wrap .gnb-wrap {position:relative;}
.top-wrap .gnb {display:flex;align-items:center;justify-content:space-between;width:1280px;margin:0 auto;}
.top-wrap .gnb > li {position:relative;padding:8px 0;}
.top-wrap .gnb > li:after {position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;content:'';width:0;height:4px;background:#00D6FF;transition:.3s;}
.top-wrap .gnb > li.on:after,.top-wrap .gnb > li.original:hover:after {width:48px;transition:.3s;}
.top-wrap .gnb > li > a {font-size:16px;font-weight:700;color:#333;}
.top-wrap .gnb > li > a:hover,.top-wrap .gnb > li.on > a,.top-wrap .gnb > li.original > a {color:#0033FF;}
.top-wrap .gnb > li .depth-second {position:absolute;top:42px;left:50%;transform:translateX(-50%);display:none;width:400px;height:72px;z-index:2;}
.top-wrap .gnb > li.on .depth-second {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.top-wrap .gnb > li.original .depth-second {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.top-wrap .gnb > li:nth-child(1) .depth-second {left:0;transform:translateX(0);width:1280px;justify-content:flex-start;}
.top-wrap .gnb > li:nth-child(2) .depth-second {width:800px;}
/*.top-wrap .gnb > li:nth-child(2) .depth-second {position:fixed;top:118px;justify-content:flex-start;width:1280px;padding:12px 0;}*/
.top-wrap .gnb > li:nth-child(3) .depth-second {width:800px;}
.top-wrap .gnb > li:nth-child(6) .depth-second {left:auto;right:0;transform:translateX(0);justify-content:flex-end;}
.top-wrap .gnb > li .depth-second li {display:flex;align-items:flex-end;}
.top-wrap .gnb > li .depth-second li a {white-space: nowrap;color:#333;line-height:1.4em;}
.top-wrap .gnb > li .depth-second li.on a,.top-wrap .gnb > li .depth-second li a:hover {color:#37A3E0}
.top-wrap .gnb > li .depth-second li:after {content:'';display:block;width:1px;height:14px;margin:0 24px;background:#999;}
.top-wrap .gnb > li .depth-second li:last-child:after {display:none;margin-right:0;}
.top-wrap .depth-second-bg {position:absolute;left:0;right:0;top:42px;content:'';height:72px;background: #eee;z-index:-1;}
.main .top-wrap {padding-bottom:10px;background:rgba(255,255,255,.3);}
.main .top-wrap .utils li > a {color:#fff;}
.main .top-wrap .gnb li > a {color:#fff;}
.main .top-wrap .gnb li .depth-second li a {color:#fff;}
.main .top-wrap.bg-white {background:#fff;transition:.3s;}
.main .top-wrap.bg-white .utils li > a {color:#333;}
.main .top-wrap .gnb > li .depth-second li a:hover {color:#0022a9;}
.main .top-wrap.bg-white .gnb li > a {color:#333;}
.main .top-wrap .depth-second-bg {display:none;background:rgba(0,0,0,.2);}
.main .top-wrap:hover .depth-second-bg {display:block;}


/* index */
/*.main {background:url("../images/index_section_01.png") no-repeat center top /contain;}*/
/*.main .top-wrap .gnb > li > a {color:#fff}*/
/*.main .top-wrap .utils li a {color:#fff}*/
/*.main .depth-second-bg {background:rgba(255,255,255,.3);}*/
/*.main .top-wrap {position:fixed;width:100%;z-index:100;}*/
.main .section {align-items:center;margin-bottom:0;padding-top:136px;}
.main .section .fp-tableCell {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.main .section.fifth {background:#49776a;}
.main .section.fifth video {width:80%;border:1px solid rgba(0,0,0,0.2);}
.main .section.last {padding-top:0;}
/*.main .footer-wrap .footer {height:137px !important;}*/
#fp-nav ul li a span, .fp-slidesNav ul li a span {background:#fff !important;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li .fp-tooltip {text-shadow:0 0 5px rgba(0,0,0,0.5);}

.main .section.first {background:url("../images/index_section_01.png") no-repeat center /cover #000;}
.main .section.second {background:url("../images/index_section_02.png") no-repeat center /cover #000;}
.main .section.third {background:url("../images/index_section_03.png") no-repeat center /cover #000;}
.main .section.fourth {background:url("../images/index_section_04.png") no-repeat center /cover #000;}
.main .section .slogan {display:flex;flex-direction: column;align-items:center;justify-content:center;width:1280px;margin:0 auto;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.8);}
.main .section .slogan strong {font-size:56px;font-weight:300;margin-bottom:24px;}
.main .section .slogan p {text-align:center;font-size:32px;font-weight:300;line-height:1.2em;}
.main .vertical-indicator {position:fixed;right:40px;top:50%;transform:translateY(-50%);}
.main .vertical-indicator li {position:relative;padding:4px 0;text-align:right;}
.main .vertical-indicator li:before {position:absolute;right:-24px;top:50%;transform:translateY(-50%);content:'';display:inline-block;width:8px;height:8px;background:#fff;border-radius:8px;}
.main .vertical-indicator li a {font-size:16px;font-weight:300;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5);}



/* container */
.container {width:1280px;margin:0 auto;padding-top:230px;padding-bottom:160px;}
.container .container-head {display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:8px;margin-bottom:40px;border-bottom:1px solid #ccc;}
.container .container-head .location {display:flex;}
.container .container-head .location li {margin-left:8px;}
.container .container-head .location li:after {content:'>';padding-left:8px;font-size:14px;color:#ccc;}
.container .container-head .location li:last-child:after {display:none;}
.container h3 span {position:relative;display:inline-block;}
.container h3 span:after {position:absolute;left:0;right:0;top:20px;content:'';height:16px;background:#00D6FF;z-index:-1;}
.container h4 span {position:relative;}
.container h4 span:after {position:absolute;left:0;right:0;top:24px;content:'';height:8px;background:#00D6FF;opacity:.5;z-index:-1;}

/* common */
.governing {font-size:22px;font-weight:300;margin-bottom:24px;line-height:1.4em;}
.governing.primary {color:#0033FF;text-align:center;}
.sources {font-size:16px;color:#333;text-align:center;margin-top:24px;line-height:1.2em;}


/* monitoring */
.reduction {}
.reduction .map-wrap {display:flex;}
.reduction .map {border:1px solid #ccc;border-radius:8px;padding:24px;}
.reduction .map img {width:100%;}
.reduction .map .list-desc {list-style:disc;margin-left:24px;margin-bottom:16px;}
.reduction .map .list-desc li {margin-bottom:8px;}
.reduction .chart-wrap {margin-bottom:24px;}
.reduction h5 {margin-bottom:8px;}





.technology-process {}
.technology-process .box {border:4px solid transparent;}
.technology-process .box .title {display:flex;justify-content:flex-end;font-size:18px;font-weight:700;margin-bottom:16px;margin-right:16px;}
.technology-process .box.first {border-color:#0033FF;margin-bottom:16px;}
.technology-process .box.first .title {color:#0033FF;}
.technology-process .box.second {border-color:#00D6FF;}
.technology-process .box.second .title {color:#00D6FF;}
.technology-process .process {display:flex;align-items:flex-start;}
.technology-process .process.part-two {display:flex;flex-direction:row-reverse;align-items:flex-start;}
.technology-process .process li {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% / 3);padding:60px 80px;}
.technology-process .process li:after {position:absolute;content:'';width:60px;height:24px;background:url('../images/arrow_breeding.png') no-repeat center /100%;}
.technology-process .process.part-one li:after {left:390px;}
.technology-process .process.part-one li:last-child:after {left:50%;top:310px;transform:translateX(-50%) rotate(90deg);}
.technology-process .process.part-two li:after {right:390px;transform:rotate(180deg);}
.technology-process .process.part-two li:last-child:after {left:50%;top:370px;transform:translateX(-50%) rotate(90deg);}
.technology-process .process.part-three li:after {left:390px;}
.technology-process .process.part-three li:last-child:after {display:none;}
.technology-process .process li strong {font-size:40px;font-weight:300;}
.technology-process .process li span.material-icons-outlined {font-size:40px;font-weight:300;margin:24px;}
.technology-process .box.first .process li strong {color:#0033ff;}
.technology-process .box.second .process li strong {color:#00D6FF;}
.technology-process .process li p {font-size:18px;text-align:center;line-height:1.2em;}

.calculation {}
.calculation .box-calc {display:flex;flex-direction:column;align-items:center;background:#0033FF;padding:40px;}
.calculation .box-calc .text-calc {font-size:56px;color:#fff;font-weight:bold;font-family: 'Times New Roman', serif;margin-bottom:24px;}
.calculation .box-calc .legend {display:flex;flex-direction:column;flex-wrap:wrap;width:600px;height:80px;}
.calculation .box-calc .legend li {color:#fff;margin-bottom:8px;}

.superior {}
.superior .governing {font-size:24px;font-weight:300;margin-bottom:16px;text-align:center;line-height:1.2em;}
.superior .sources {font-size:16px;color:#333;text-align:center;margin-top:24px;line-height:1.2em;}
.superior .result {margin-top:80px;line-height:2em;font-size:28px;font-weight:300;text-align:center;}
.superior .result .target {font-size:64px;color:#0033FF;}
.superior .result .accuracy {font-size:40px;color:#37A3E0;}


.customized {}
.customized .governing {font-size:22px;font-weight:100;line-height:1.4em;margin-bottom:48px;}
.customized .process {}
.customized .process ul {display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:40px;border-bottom:1px dashed #ccc;margin-bottom:40px;}
.customized .process ul li {width:calc((100% - 160px) / 3);}
.customized .process ul li strong {display:block;text-align:center;font-size:22px;font-weight:500;margin-bottom:16px;}
.customized .process ul li p {font-size:16px;font-weight:300;line-height:1.2em;}
.customized .address {font-size:16px;color:#0033FF;text-align:center;}
.customized .address strong {font-weight:700;}

.genomic {}
.genomic .agree-desc {height:300px;border:1px solid #ccc;overflow-y:scroll;margin-bottom:24px;}

.tracebility {}
.tracebility .history {display:flex;justify-content:center;}
.tracebility .history li {display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:-20px;}
.tracebility .history li strong {display:block;width:280px;height:280px;border-radius:280px;border:20px solid transparent;margin-bottom:16px;}
.tracebility .history li:nth-child(even) strong {border-color:rgba(0, 214, 255, .3);}
.tracebility .history li:nth-child(odd)  strong {border-color:rgba(0, 51, 255, .3);}
.tracebility .history li:nth-child(1)  strong {background:url("../images/icon_tracebility_01.svg") no-repeat center /40%;}
.tracebility .history li:nth-child(2)  strong {background:url("../images/icon_tracebility_02.svg") no-repeat center /40%;}
.tracebility .history li:nth-child(3)  strong {background:url("../images/icon_tracebility_03.svg") no-repeat center /40%;}
.tracebility .history li:nth-child(4)  strong {background:url("../images/icon_tracebility_04.svg") no-repeat center /40%;}
.tracebility .history li span {font-size:20px;}


.ear-tagging {}
.ear-tagging .img-process {text-align:center;}
.ear-tagging .governing {line-height:1.4em;margin-bottom:40px;}
.ear-tagging .illust {text-align:center;}
.ear-tagging .illust img {display:inline-block;margin-bottom:24px;}
.ear-tagging .illust .sources {line-height:1.2em;}
.ear-tagging .tagging-process {display:flex;justify-content:space-between;margin-bottom:32px;}
.ear-tagging .tagging-process li {width:279px;height:136px;}
.ear-tagging .tagging-process li:nth-child(1) {background:url("../images/ear_tagging_process_01.png") no-repeat center;}
.ear-tagging .tagging-process li:nth-child(2) {background:url("../images/ear_tagging_process_02.png") no-repeat center;}
.ear-tagging .tagging-process li:nth-child(3) {background:url("../images/ear_tagging_process_03.png") no-repeat center;}
.ear-tagging .tagging-process li:nth-child(4) {background:url("../images/ear_tagging_process_04.png") no-repeat center;}


.customized-registration {}
.customized-registration .customized-process {display:flex;}
.customized-registration .customized-process.first {justify-content:flex-start;}
.customized-registration .customized-process.second {justify-content:flex-end;}
.customized-registration .customized-process > li {width:560px;padding:24px;border:10px solid transparent;margin:0 16px 16px 0;border-radius:24px;}
.customized-registration .customized-process > li .title-wrap {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;}
.customized-registration .customized-process > li .title-wrap .title strong {display:block;font-size:40px;font-weight:100;margin-bottom:8px;}
.customized-registration .customized-process > li .title-wrap .title span {display:block;font-size:16px;font-weight:700;}
.customized-registration .customized-process > li .title-wrap .img {width:136px;height:94px;}
.customized-registration .customized-process.first > li:nth-child(1) .title-wrap .img {background:url("../images/customized_process_01.png") no-repeat center;}
.customized-registration .customized-process.first > li:nth-child(2) .title-wrap .img {background:url("../images/customized_process_02.png") no-repeat center;}
.customized-registration .customized-process.second > li:nth-child(1) .title-wrap .img {background:url("../images/customized_process_03.png") no-repeat center;}
.customized-registration .customized-process.second > li:nth-child(2) .title-wrap .img {background:url("../images/customized_process_04.png") no-repeat center;}
.customized-registration .customized-process > li .desc {list-style:disc;padding-left:24px;}
.customized-registration .customized-process > li .desc li {margin-bottom:8px;line-height:1.2em;}
.customized-registration .customized-process.first li:nth-child(1) {border-color:rgba(0, 214, 255, .3);}
.customized-registration .customized-process.first li:nth-child(2) {border-color:rgba(0, 51, 255, .3);}
.customized-registration .customized-process.second li:nth-child(1) {border-color:rgba(0, 51, 255, .3);}
.customized-registration .customized-process.second li:nth-child(2) {border-color:rgba(0, 214, 255, .3);}
.audit-process {display:flex;justify-content:space-between;}
.audit-process li {position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ccc;border-radius:8px;}
.audit-process.fourth li {width:calc((100% - (30px * 3)) / 4);}
.audit-process.fifth li {width:calc((100% - (30px * 4)) / 5);}
.audit-process li:after {position:absolute;right:-36px;top:50%;transform:translateY(-50%);content:'\e409';font-family: "Material Icons Outlined",sans-serif;color:#999;font-size:40px;}
.audit-process li:last-child:after {display:none;}
.audit-process li .desc {padding:16px;text-align:center;}
.audit-process li .desc span {display:block;font-weight:300;margin-bottom:8px;line-height:1.4em;}
.audit-process li .desc strong {display:block;font-weight:700;margin-bottom:8px;line-height:1.4em;}
.audit-process li .department {background:#f1f1f1;font-size:22px;font-weight:300;padding:16px 0;text-align:center;}

.unlock {}
.unlock .how-display strong {display:block;margin-bottom:16px;font-size:18px;font-weight:500;}
.unlock .how-display ul {padding-left:24px;}
.unlock .how-display ul li {list-style:disc;font-size:16px;margin-bottom:16px;line-height:1.4em;}
.unlock .how-display ul li span {display:block;font-weight:300;}

.quantification {}
.quantification .solution-process-wrap {position:relative;width:1040px;margin:0 auto;padding-top:100px;}
.quantification .solution-process-wrap .of-information {position:absolute;left:530px;top:62px;font-size:14px;background:#fff;padding:4px;z-index:3;}
.quantification .solution-process-wrap ul {display:flex;justify-content:center;}
.quantification .solution-process-wrap ul li {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:200px;margin:30px;}
.quantification .solution-process-wrap .emission-process {position:relative;margin-bottom:56px;}
.quantification .solution-process-wrap .emission-process:after {position:absolute;left:130px;top:-26px;content:'';width:520px;height:2px;background:#0033FF;}
.quantification .solution-process-wrap .emission-process li {position:relative;}
.quantification .solution-process-wrap .emission-process li span {display:flex;align-items:center;justify-content:center;width:160px;height:160px;border-radius:160px;margin-bottom:16px;}
.quantification .solution-process-wrap .emission-process li:nth-child(1) span {background:url("../images/icon_quantification_01.svg") no-repeat center /70% #f1f1f1;}
.quantification .solution-process-wrap .emission-process li:nth-child(2) span {background:url("../images/icon_quantification_02.svg") no-repeat center /60% #f1f1f1;}
.quantification .solution-process-wrap .emission-process li:nth-child(3) span {background:url("../images/icon_quantification_03.svg") no-repeat center /60% #f1f1f1;}
.quantification .solution-process-wrap .emission-process li:nth-child(4) span {background:url("../images/icon_quantification_04.svg") no-repeat center /60% #f1f1f1;}
.quantification .solution-process-wrap .emission-process li strong {display:block;text-align:center;font-size:18px;}
.quantification .solution-process-wrap .emission-process li:after {position:absolute;left:50%;top:-56px;transform:translateX(-50%);content:'';width:2px;height:40px;background:#0033FF;}
.quantification .solution-process-wrap .emission-process li:nth-child(4):after {position:absolute;left:-30px;top:80px;content:'';width:60px;height:16px;background:url("../images/label_process_arrow.svg") no-repeat center /contain;}
.quantification .solution-process-wrap .label-process {position:relative;}
.quantification .solution-process-wrap .label-process:after {position:absolute;left:130px;top:-26px;content:'';width:780px;height:2px;background:#0033FF;}
.quantification .solution-process-wrap .label-process .label-sticker {margin-bottom:16px;}
.quantification .solution-process-wrap .label-process .label-sticker span {display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;margin:2px;background:#0033FF;color:#fff;}
.quantification .solution-process-wrap .label-process strong {display:block;font-size:18px;font-weight:700;text-align:center;}
.quantification .solution-process-wrap .label-process em {display:block;font-size:16px;text-align:center;}
.quantification .solution-process-wrap .label-process li {position:relative;}
.quantification .solution-process-wrap .label-process li:after {position:absolute;left:50%;top:-56px;transform:translateX(-50%);content:'';width:2px;height:40px;background:#0033FF;}
.quantification .solution-process-wrap .label-process li:nth-child(1):after {position:absolute;left:50%;top:-56px;transform:translateX(-50%) rotate(-90deg);content:'';width:80px;height:16px;background:url("../images/label_process_arrow.svg") no-repeat center right /contain;}
.quantification .calculation {text-align:center;}
.quantification .calculation > span {display:block;margin-bottom:24px;font-size:18px;font-weight:300;}
.quantification .calculation .formula {display:block;background:#f1f1f1;padding:24px;font-size:22px;font-weight:700;line-height:1.6em;}
.quantification .calculation sup {position:relative;top:3px;font-size:14px;}
.quantification .calculation.reduction .sticker {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0033FF;color:#fff;border-radius:4px;font-size:18px;font-weight:700;margin-bottom:0;}
.quantification .calculation.average .formula {background:rgba(0, 214, 255, .2);border-radius:4px;}
.quantification .calculation.average .formula ul {display:flex;align-items:center;justify-content:center;}
.quantification .calculation.average .formula ul li {margin:0 24px;}
.quantification .calculation.average .formula ul li span {font-size:22px;font-weight:400;}
.quantification .calculation.average .formula ul li strong {display:inline-block;margin-left:8px;font-size:22px;font-weight:700;}
.quantification .calculation.average .formula ul li.total span,
.quantification .calculation.average .formula ul li.total strong {color:#0033FF;}
.quantification .certification {display:flex;align-items:center;justify-content:center;}
.quantification .certification .logo-co2 {width:200px;height:136px;background:url("../images/logo_CO2.svg") no-repeat center /100%;}
.quantification .certification .desc {margin:0 24px;}
.quantification .certification .desc strong {font-size:22px;font-weight:700;}
.quantification .certification .desc ul {margin-top:16px;padding-left:24px;}
.quantification .certification .desc ul li {list-style:disc;margin-bottom:16px;font-size:18px;}
.quantification .certification .desc ul li span {font-size:16px;}
.quantification .certification .arrow {width:96px;height:96px;background:url("../images/arrow_requirement.svg") no-repeat center /100%;}
.quantification .certification .speedometer {width:200px;height:160px;background:url("../images/speedometer.svg") no-repeat center /100%;margin-left:24px;}

.distribution {}
.distribution .structure {}
.distribution .structure.current {margin-bottom:80px;}
.distribution .structure.current strong {display:block;width:100%;height:210px;background:url("../images/structure_current_en.svg") no-repeat center;}
.distribution .structure.melliens strong {display:block;width:100%;height:210px;background:url("../images/structure_melliens_en.svg") no-repeat center;}
.distribution .structure.melliens .sources {font-weight:700;color:#0033ff;}

.mark {}
.mark .pic-meet {display:flex;justify-content:center;margin-bottom:80px;}
.mark .pic-meet img {width:540px;}
.mark .governing {display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.6em;margin-bottom:80px;}
.mark .governing strong {font-size:32px;color:#0033ff;}
.mark .logo {display:flex;justify-content:center;}
.mark .logo li {margin:0 24px;text-align:center;}
.mark .logo li strong {display:block;width:200px;height:140px;margin-bottom:16px;}
.mark .logo li strong.co2 {background:url("../images/logo_CO2.svg") no-repeat center /100%;}
.mark .logo li strong.company {background:url("../images/logo_company.svg") no-repeat center /100%;}
.mark .logo li span {font-size:24px;font-weight:300;}
.mark .pic-compilation {text-align:center;}


.search {margin-bottom:32px !important;}
.search .input-wrap {position:relative;width:600px;margin:0 auto;}
.search .input-wrap input {width:100%;height:56px;border:3px solid #0033ff;border-radius:56px;padding:16px 64px 16px 16px;font-size:18px;}
.search .input-wrap input::placeholder {color:#999;font-weight:300;}
.search .input-wrap a {position:absolute;right:5px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:40px;color:#333;}
.search .input-wrap a:hover {background:#0033FF;color:#fff;}


.diagram-credit {}
.diagram-credit .diagram {width:1032px;height:480px;margin:40px auto;}
.diagram-credit .diagram img {width:100%;}


.certification {}
.certification .document {border:1px solid #ccc;box-shadow:0 5px 20px rgba(0,0,0,.1);padding:70px 100px 100px;text-align:center;background:url('../images/logo_melliens.svg') no-repeat calc(100% - 140px) calc(100% - 90px) /240px;}
.certification .document .logo {display:inline-block;width:240px;height:164px;background:url("../images/logo_CO2.svg") no-repeat center /100%;margin-bottom:40px;}
.certification .document .title {font-size:48px;font-weight:700;margin-bottom:64px;}
.certification .document .form-horizontal {margin-bottom:80px;}
.certification .document .form-horizontal .form-group {width:100%;min-height:auto;border-bottom:1px dashed #999;margin:0;padding:12px 0;font-size:18px;line-height:1.2em;}
.certification .document .form-horizontal .form-group:last-child {border-bottom:none;}
.certification .document .form-horizontal .form-group > div {text-align:left;}
.certification .document .form-horizontal .form-group > div .text-primary {font-size:2em;color:#0033ff;font-weight:700;}
.certification .document .calc-info {margin-bottom:40px;}
.certification .document .calc-info .level {width:350px;}
.certification .document .calc-info .table-vertical th.nation {background:#E4F7FB;}
.certification .document .calc-info .table-vertical th.world {background:#ECF6D7;}
.certification .document .calc-info .table-vertical tfoot td {font-weight:700;background:#f1f1f1;}
.certification .document .desc {font-size:18px;line-height:1.4em;text-align:left;margin-bottom:50px;}
.certification .document .date {font-size:16px;font-weight:700;margin-bottom:80px;}
.certification .document .seal {position:relative;width:400px;margin:0 auto;font-size:22px;font-weight:700;}
.certification .document .seal .stamp-wrap {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:16px;font-weight:400;}
.certification .document .seal .stamp-wrap .stamp {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100px;height:100px;background:url('../images/stamp.png') no-repeat center /100%;}

.certification.test h5 {font-size:22px;font-weight:700;text-align:center;margin-bottom:8px;}
.certification.test ul.farm-info {display:flex;align-items:center;justify-content:center;border-top:2px solid #ccc;border-bottom:2px solid #ccc;white-space:nowrap;}
.certification.test ul.farm-info li {margin:16px 32px;font-size:18px;}
.certification.test ul.farm-info li label {color:#888;}
.certification.test ul.farm-info li label:after {content:':';padding:0 4px;}
.certification.test ul.farm-info li strong {font-weight:500;}
.certification.test .desc.result {font-weight:500;font-size:26px;text-align:center;}
.certification.test .desc.result strong {font-weight:700;color:#aaa;}
.certification.test .desc.result strong span {color:#ED5565;}
.certification.test .desc.result .annotate {margin-top:16px;font-weight:400;font-size:16px;}



.cowboys {}
.cowboys .site-link {text-align:right;font-size:24px;font-weight:300;margin-bottom:24px;}
.cowboys .site-link a {display:inline-flex;align-items:flex-end;color:#0033FF;}
.cowboys .site-link a span {display:inline-block;margin-left:8px;}
.cowboys .site-link a:hover {text-decoration:underline;}
.cowboys .site-images {background:#ebebeb;text-align:center;}
.cowboys .site-images img {width:70%;}



/* verification input */
.user-info {}
.user-info .user {text-align:center;margin-bottom:40px;}
.user-info .user span {font-size:32px;font-weight:300;}
.user-info .user strong {display:inline-block;margin-left:16px;font-size:40px;font-weight:700;}
.user-info .user em {display:inline-block;margin-left:16px;font-size:28px;font-weight:700;}
.user-info h5 {display:flex;align-items:center;height:52px;font-size:16px;font-weight:700;}
.user-info .table-section h5.first {border-top:1px solid #e6e6e6;}
.user-info .table-horizontal {border-top:1px solid #e6e6e6;}
.user-info .table-horizontal.border-top-weight {border-top:1px solid #999;}
.user-info .table-vertical tr.total td {font-weight:700;}
.user-info .table-vertical td.border-bottom-weight,
.user-info .table-vertical th.border-bottom-weight {border-bottom:1px solid #999;}
.user-info .table-vertical tfoot td {font-weight:700;background:#f1f1f1;}
.user-info .mark {position:absolute;left:60%;top:50%;transform:translateY(-50%) rotate(-15deg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;border:10px solid rgba(210,0,0,.3);border-radius:100%;}
.user-info .mark span {font-size:16px;color:#333;font-weight:700;text-align:center;line-height:1.2em;}
.user-info .mark strong {font-size:32px;color:#C30D23;font-weight:700;margin-top:8px;}
.user-info .mark.uncertified {border-color:rgba(136, 136, 136, .3);}
.user-info .mark.uncertified strong {color:#888;}
.user-info h4 {display:flex;align-items:center;}
.user-info h4 i {margin-left:8px;color:#0033ff;cursor:pointer;}
.user-info h4 i:hover i {color:#ED5565}
.user-info .title-tooltip {display:flex;align-items:center;justify-content:center;}
.user-info .tooltip-wrap {position:relative;font-size:16px;}
.user-info .tooltip-wrap i {margin-left:8px;color:#0033ff;cursor:pointer;}
.user-info .tooltip-wrap:hover i {color:#ED5565}
.user-info .tooltip-wrap .tooltip {position:absolute;top:-8px;display:none;background:#fff;border:1px solid #0033ff;box-shadow:0 0 10px rgba(0,0,0,0.25);padding:24px;border-radius:8px;z-index:2;}
.user-info .tooltip-wrap .tooltip:before {position:absolute;left:-20px;top:8px;content:'';border:10px solid transparent;border-right-color:#0033ff;}
.user-info .tooltip-wrap:hover .tooltip {display:block;}

.certification-mark {}
.certification-mark .mark-title {text-align:center;font-weight:300;margin-bottom:16px;}
.certification-mark .mark-title strong {display:block;font-size:40px;margin-bottom:8px;}
.certification-mark .mark-title span {font-size:28px;}
.certification-mark .mark {display:flex;align-items:center;justify-content:center;width:180px;height:180px;border:10px solid rgba(210,0,0,.3);border-radius:100%;margin:0 auto;}
.certification-mark .mark strong {font-size:32px;color:#C30D23;font-weight:700;}
.certification-mark .mark.uncertified {border-color:rgba(136, 136, 136, .3);}
.certification-mark .mark.uncertified strong {color:#888;}


/* board */
.board {}
.board.detail .title {display:flex;justify-content:space-between;border-bottom:1px solid #999;padding-bottom:16px;}
.board.detail .title label {font-size:40px;}
.board.detail .paragraph {padding:40px 0 100px;line-height:2em;border-bottom:1px solid #999;}
.board.video {}
.board.video .list-video {display:flex;flex-wrap:wrap;justify-content:space-between;}
.board.video .list-video li {width:360px;height:340px;border:1px solid #ccc;padding:20px;margin-bottom:80px;}
.board.video .list-video li .video {display:flex;align-items:center;justify-content:center;height:180px;background:#f1f1f1;margin-bottom:16px;}
.board.video .list-video li a {width: 100%;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:4em;margin-bottom:16px;font-weight:700;line-height:2em;color:#333;}
.board.video .list-video li a:hover {color:#0033ff;text-decoration:underline;}
.board.video .list-video li em {display:block;text-align:right;margin-bottom:16px;color:#888;}

/* INQUIRY */
.item-four {}
.item-four .list-contact {display:flex;align-items:flex-start;}
.item-four .list-contact li {display:flex;flex-direction:column;align-items:center;justify-content:center;width:25%;text-align:center;}
.item-four .list-contact li i {font-size:56px;margin-bottom:8px;}
.item-four .list-contact li strong {font-size:24px;font-weight:500;margin-bottom:8px;}
.item-four .list-contact li p {font-size:16px;text-align:center;line-height:1.4em;}

.input-contact {}
.input-contact .governing {text-align:center;margin-bottom:40px;}
.input-contact h4 {font-size:40px;text-align:center;margin-bottom:40px;}
.input-contact .form-horizontal {background:#f4f4f4;padding:100px;}


/* ABOUT US */
.desc {}
.desc .logo {width:386px;height:76px;background:url("../images/logo_melliens_black.svg") no-repeat center;margin:0 auto 160px;}
.desc .sub-section {text-align:center;margin-bottom:160px;}
.desc .sub-section h5 {position:relative;font-size:40px;margin-bottom:24px;}
.desc .sub-section h5:before {position:absolute;left:50%;top:-24px;content:'';width:40px;height:8px;border-radius:8px;background:#0033ff;transform:translateX(-50%) rotate(-45deg);}
.desc .sub-section h5 strong {font-weight:700;}
.desc .sub-section P {font-size:18px;font-weight:300;line-height:1.4em;}
.desc .history {margin-top:80px;}
.desc .history:before {position:absolute;display:inline-block;content:'';width:1px;height:1600px;background:#ccc;}
.desc .history > li {position:relative;width:480px;margin-bottom:160px;}
.desc .history > li:nth-child(2):before {position:absolute;top:-300px;left:50%;transform:translateX(-50%);content:'';width:303px;height:198px;background:url('../images/history_img_01.png') no-repeat center;}
.desc .history > li:nth-child(3):before {position:absolute;top:-300px;left:50%;transform:translateX(-50%);content:'';width:147px;height:198px;background:url('../images/history_img_02.png') no-repeat center;}
.desc .history > li:nth-child(4):before {position:absolute;top:-300px;left:50%;transform:translateX(-50%);content:'';width:288px;height:190px;background:url('../images/history_img_03.png') no-repeat center;}
.desc .history > li:nth-child(5):before {position:absolute;top:-300px;left:50%;transform:translateX(-50%);content:'';width:305px;height:210px;background:url('../images/history_img_04.png') no-repeat center;}
.desc .history > li:nth-child(6):before {position:absolute;top:-300px;left:50%;transform:translateX(-50%);content:'';width:305px;height:163px;background:url('../images/history_img_05.png') no-repeat center;}
.desc .history > li:nth-child(even) {left:calc(50% + 64px);}
.desc .history > li:nth-child(odd)  {left:calc(50% - 480px - 64px);}
.desc .history > li strong {position:relative;display:block;font-size:22px;font-weight:700;text-align:center;margin-bottom:16px;}
.desc .history > li strong:before {position:absolute;bottom:-8px;display:block;content:'';width:calc(100% + 80px);height:1px;border-top:1px dashed #888;}
.desc .history > li strong:after  {position:absolute;bottom:-14px;display:block;content:'';width:8px;height:8px;border:4px solid #ccc;border-radius:8px;}
.desc .history > li:nth-child(even) strong:before {left:-60px;}
.desc .history > li:nth-child(even) strong:after {left:-71px;}
.desc .history > li:nth-child(odd)  strong:before {left:-7px;}
.desc .history > li:nth-child(odd)  strong:after {right:-73px;}
.desc .history > li .list-desc li {list-style:disc;text-align:left;font-size:18px;font-weight:300;margin-bottom:16px;line-height:1.4em;}


/* sign */
.sign {}
.sign .form-horizontal {width:1000px;margin:0 auto;background:#F0F3FF;padding:100px;}
.sign .form-horizontal .divide {display:block;width:100%;margin:40px 0;border:1px dashed #ccc;}
.sign .form-horizontal .d-flex .btn {margin-right:0;}
.sign.in .form-horizontal {display:block;width:540px;margin:0 auto;background:#F0F3FF;padding:70px;}
.sign.in .form-horizontal h5 {font-size:32px;font-weight:300;margin-bottom:16px;}
.sign.in .form-horizontal p {font-size:16px;font-weight:300;margin-bottom:24px;}
.sign.in .form-horizontal input {height:56px;}
.sign.in .form-horizontal .remember-id {display:flex;align-items:center;margin-bottom:24px;}
.sign.in .form-horizontal .remember-id input[type=checkbox] {margin-right:8px;}
.sign.in .form-horizontal button {width:100%;}


/* my Cattle */
.name-tag {text-align:center;margin-bottom:40px;}
.name-tag label {display:inline-block;font-size:32px;font-weight:300;margin-right:16px;}
.name-tag strong {display:inline-block;font-size:56px;font-weight:700;}

.cattle {}
.cattle .farm-info {display:flex;align-items:center;justify-content:center;background:#f4f4f4;padding:24px 40px;margin-bottom:80px;}
.cattle .farm-info li {display:flex;align-items:center;background:#f4f4f4;padding:40px;font-size:20px;}
.cattle .farm-info li label {position:relative;flex:0 0 auto;text-align:right;color:#888;}
.cattle .farm-info li label:before {position:absolute;left:-24px;top:50%;content:'';display:inline-block;width:8px;height:4px;border-radius:4px;background:#0033ff;transform:translateY(-50%) rotate(-45deg);padding-right:8px;}
.cattle .farm-info li label:after  {content:':';padding:0 8px;}
.cattle .farm-info li p {flex:0 0 auto;font-weight:700;}
.cattle .table-vertical td .unit {color:#999;}
.cattle .message {text-align:center;line-height:1.6em;font-size:28px;font-weight:300;margin-bottom:80px;}
.cattle .message strong {position:relative;font-weight:700;}
.cattle .message strong:after {position:absolute;content:'';left:0;right:0;top:20px;display:inline-block;width:auto;height:20px;background:#FFF389;z-index:-1;}
.cattle .message.achieve strong {color:#0033ff;}
.cattle .message.can strong {color:#1A8800;}

.cattle .chart-wrap {display:flex;align-items:center;justify-content:center;border:1px solid #ccc;padding:80px;min-height:300px;}
.cattle .chart-wrap img {max-width:100%;}




/* footer */
.fp-auto-height .fp-tableCell {width:100%;height:137px !important;}
.footer-wrap {width:100%;border-top:1px solid #ccc;padding:24px 0;background:#fff;}
.footer {display:flex;justify-content:space-between;width:1280px;margin:0 auto;}
.footer .policy-wrap {display:flex;flex-direction: column;justify-content: space-between;padding:0 0 24px 0;}
.footer .policy {display:flex;align-items:center;}
.footer .policy li {margin-right:24px;}
.footer .policy li a {font-size:16px;color:#333;}
.footer .policy li.disabled a {color:#ccc;pointer-events:none;}
.footer .policy li a:hover {color:#0033ff;text-decoration: underline;}
.footer .copyright {color:#999;}
.footer .other-site > div {display:flex;align-items:center;justify-content:flex-end;}
.footer .other-site > div.family {margin-bottom:8px;}
.footer .other-site > div > label {display:flex;justify-content:flex-end;width:200px;padding-right:8px;}




/*************************** KR ***************************/
.kr .governing strong {display:block;font-size:40px;margin-top:16px;}
.kr .technology-process .process.part-one li:last-child:after {top:280px;}
.kr .technology-process .process.part-two li:last-child:after {top:330px;}

.kr .distribution .structure.current strong {display:block;width:100%;height:76px;background:url("../images/structure_current.svg") no-repeat center /100%;}
.kr .distribution .structure.melliens strong {display:block;width:100%;height:90px;background:url("../images/structure_melliens.svg") no-repeat center /100%;}



@media print {
    /* 전체 페이지를 A4 크기로 설정 */
    @page {
      size: A4;
      margin: 0mm; /* 인쇄 여백 설정 */
    }

  
    /* 문서 전체 크기 조정 */
    .certification {

      position: fixed;
      top: 0px;
      left: 0px;
      
 
      width: 100%; /* A4 너비에 맞게 */
      height: auto;
      padding: 0px; /* 여백 추가 */
      box-sizing: border-box; /* 패딩 포함 크기 계산 */
    }
  
    .certification .document {
      border: 0px solid #ccc;
      box-shadow: none; /* 그림자 제거 */
      padding: 30px 30px; /* 내부 여백 조정 */
/*
      padding-top:30px;
*/
      text-align: center;
  
      /* 배경 이미지 크기 조정 */
      background: url('../images/logo_melliens.svg') no-repeat calc(100% - 40px) calc(100% - 60px);
      background-size: 120px; /* 크기를 줄여 A4에 맞춤 */
     
    }
  
    .certification .document .logo {
      display: inline-block;
      width: 120px; /* 로고 크기 */
      height:82px;
      background: url("../images/logo_CO2.svg") no-repeat center / 100%;
      margin-bottom: 20px; /* 아래 여백 제거 */
      
    }

    
  
    .certification .document .title {
      font-size: 30px; /* 글꼴 크기 축소 */
      font-weight: 700;
      margin-top:0;
      margin-bottom: 30px;
    }
  
    .certification .document .form-horizontal {
      margin-bottom: 30px; /* 여백 축소 */
    }
  
    .certification .document .form-horizontal .form-group {
      font-size: 14px; /* 글꼴 크기 축소 */
      padding: 6px 0;
    }
  
    .certification .document .calc-info {
      margin-bottom: 20px;
    }
  
    .certification .document .calc-info  .level {
      width:200px;
    }


    .certification .document .desc {
      font-size: 14px; /* 글꼴 크기 축소 */
      line-height: 1.2em;
      margin-bottom: 40px;
    }
  

    .certification .document .seal{

      position: relative;
      width: 400px;
      font-size: 18px;
      margin-bottom: 20px; /* 여백 조정 */
      bottom: 40px; /* 페이지 하단에서 떨어진 거리 */
      
    }

    .certification .document .seal .stamp-wrap .stamp {
      position: absolute; /* .seal 요소를 기준으로 위치 설정 */
      width: 75px; /* 스탬프 크기 */
      left: -30%; /* 가로 가운데 정렬 */
      top: 50%; /* 세로 가운데 정렬 */
      transform: translate(-150%, -50%); /* 정확한 가운데 정렬 */
      background: url('../images/stamp.png') no-repeat center / 100%;
    }
  
    .certification.test ul.farm-info {
      margin: 8px 16px; /* 여백 축소 */
      font-size: 14px; /* 글꼴 크기 축소 */
    }
  
    /* 추가로 모든 텍스트 크기와 여백 줄이기 */
    * {
      font-size: 70%; /* 기본 글꼴 크기 70%로 줄이기 */
    }
  }