@charset "UTF-8";

@font-face{
    font-family:'SUIT';
    font-weight:300 700;
    src:url('../../assets/font/SUIT-Variable.woff2') format('woff2-variations');
}

/* 공통 */
*{box-sizing:border-box}
body{display:flex;flex-direction:column;justify-content:center;width:100%;margin:0;font-family:"SUIT", sans-serif}
img{max-width:100%}
section{width:100%;max-width:100%;height:calc(100vw * 0.707);overflow:hidden}
ul{margin:0;padding:0;list-style:none}
.page{display:flex}
.leftBar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:5vw;height:100%;padding:2vw 0;background:linear-gradient(180deg, #F2C01D 0%, #2358D6 100%);flex-shrink:0}
.leftBar span{writing-mode:vertical-rl;;text-orientation:sideways;color:#fff;font-size:1.612vw;font-weight:500}
.contentsArea{flex:1;display:flex;flex-direction:column}
.topBar{display:flex;justify-content:space-between;padding:1.2vw 1.6vw;background-color:#fcfefb}
.topBar img{max-width:12vw;max-height:2vw;align-self:baseline}
.pageTitle{display:flex;flex-direction:column}
.mainTitle{display:flex;gap:0.6vw;align-items:center;color:#f09900}
.mainTitle span:first-child{font-size:1.451vw}
.mainTitle span:last-child{font-size:1.612vw}
.subTitle{font-size:2.096vw;font-weight:700}
.contents{flex:1;margin-left:-0.4vw;padding-top:3.2vw;background-color:white;border-radius:0.8vw 0 0 0;box-shadow:-0.16vw 0 0.32vw 0 #00000040}
.contents p{margin:0 1.6vw;font-size:1.44vw;font-weight:500}
.contentTitle{align-self:flex-start;display:inline-block;margin-bottom:1.2vw;padding:0.4vw 0.8vw;background-color:#f7f7f7;border-left:1.2vw solid #e6c42e;font-size:1.612vw;font-weight:600}
.separator{padding:3vw;background-color:#f5f5f5}
.tipIcon{display:inline-block;width:1.12vw;height:1.32vw;margin-right:0.6vw;background:url('../../assets/img/print/icons.png') no-repeat -11.76vw -12.36vw / 22.72vw 19.68vw}
.main{display:flex;justify-content:center;align-items:center;position:relative;background-image:url('../../assets/img/print/main.png');background-size:cover;background-repeat:no-repeat;background-position:center}
.reportFirst{display:flex;flex-direction:column;gap:1.2vw;width:41.92vw}
.eggPeakTitle{margin-left:auto;font-size:1.92vw;font-weight:300}
.eggPeakTitle b{font-weight:700}
.mainCircle{position:absolute;width:100%;height:100%}
.reportFirmName{display:inline-block;margin-left:auto;padding:0.4vw 1.2vw;background-color:#e6c42e;border-radius:0.6vw;color:#001a80;font-size:1.92vw;font-weight:600}
.appLoading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);z-index:8888}
.loader{position:relative;width:60px;height:60px;margin:75px;display:inline-block;vertical-align:middle}
.loader-7 .line{width:8px;position:absolute;border-radius:5px;bottom:0;background:-webkit-gradient(linear, left top, left bottom, from(#1ee95d), to(#5714ce));background:-webkit-linear-gradient(top, #1ee95d, #5714ce);background:-o-linear-gradient(top, #1ee95d, #5714ce);background:linear-gradient(to bottom, #1ee95d, #5714ce)}
.loader-7 .line1{left:0;-webkit-animation:line-grow 0.5s ease alternate infinite;animation:line-grow 0.5s ease alternate infinite}
.loader-7 .line2{left:20px;-webkit-animation:line-grow 0.5s 0.2s ease alternate infinite;animation:line-grow 0.5s 0.2s ease alternate infinite}
.loader-7 .line3{left:40px;-webkit-animation:line-grow 0.5s 0.4s ease alternate infinite;animation:line-grow 0.5s 0.4s ease alternate infinite}
@-webkit-keyframes line-grow{
    0%{height:0}
    100%{height:75%}
}
@keyframes line-grow{
    0%{height:0}
    100%{height:75%}
}
.disable{display:none;!important}

/* 전기요금 구조 분석 */
.billCalc{display:flex;justify-content:space-between;align-items:center;margin:0 1.6vw 0.8vw;padding:0.4vw 2vw;background:linear-gradient(180deg, #fcfffb 26.44%, #f9f9fb 100%);border:1px solid #999999;border-radius:40px;font-size:1.451vw;font-weight:400}
.calcDetail{display:flex;flex-direction:column;gap:0.4vw;text-align:center}
.calcDetail.baseBill{padding:0.4vw 1.2vw;background:#e6c42e;border:0.16vw solid #f09900;border-radius:0.64vw}
.calcName{font-size:1.612vw;font-weight:500}
.calcName.blue{color:#005ce6}
.calcSign{font-size:2.56vw}
.baseBillHelp{display:flex;gap:0.2vw;align-items:center;margin:0 1.6vw 0.8vw;color:#f09900;font-size:1.28vw}
.baseBillHelp .description{color:#001a80}
.keyPoint{display:flex;gap:0.64vw;align-items:center;margin:0 1.6vw 2.4vw;border:1px solid #005ce6;border-radius:0.64vw}
.keyPoint .pointLabel{display:flex;gap:0.6vw;align-items:center;padding:0.32vw;background-color:#005ce6;border-radius:0.64vw;color:#f7f7f7;font-size:1.2vw;font-weight:800}
.keyPoint .keyPointIcon{width:1.28vw;height:1.28vw;background:url('../../assets/img/print/icons.png') no-repeat -11.76vw -10.28vw / 22.72vw 19.68vw}
.keyPoint svg{width:1.28vw;height:auto}
.keyPoint .onePeak{color:#005ce6;font-size:1.44vw;font-weight:600}
.keyPoint .description{flex:1;font-size:1.28vw}
.season{display:flex;gap:1.2vw;margin:0 1.6vw 2.4vw}
.seasonDetail{display:flex;flex-direction:column;gap:.8vw;width:40vw}
.seasonBox{display:flex;flex-direction:column;gap:.8vw;padding:1.6vw;border:1px solid #999999;border-radius:0.64vw}
.seasonTitle{display:flex;justify-content:space-between;align-items:center}
.seasonName{font-size:1.6vw;font-weight:600}
.seasonAct{padding:0.32vw 0.64vw;border-radius:0.64vw;font-size:0.96vw}
.seasonAct.year{background-color:#d44c4c;color:#fffafa}
.seasonAct.month{background-color:#eaeaea}
.seasonMonth{color:#001a80;font-size:1.44vw;font-weight:500}
.seasonHelp{font-size:1.12vw;word-break:keep-all}
.seasonImage{width:100%;background:url('../../assets/img/print/season.png') no-repeat center;background-size:contain}
.kepcoPeakTime{display:flex;align-items:center;margin:0 1.6vw;color:#001a80;font-size:1.28vw}

/* 사업소개 */
.eggPeakIntro{display:flex}
.pentagon{position:relative;padding:12.64vw 0 0 14.4vw}
.pentagon img{width:100%;display:block}
.pentagon .label{display:flex;flex-direction:column;gap:1.2vw;position:absolute;width:14.4vw;transform:translate(-50%, -50%);white-space:nowrap;font-size:1.28vw}
.pentagon .label div{color:#005ce6;font-weight:500}
.pentagon .label span{font-size:1.12vw;white-space:normal}
.pentagon .top{top:18%;left:75%}
.pentagon .right{top:43%;left:119%;width:12.8vw}
.pentagon .bottomRight{top:77%;left:105%}
.pentagon .bottomLeft{top:77%;left:30%;text-align:right}
.pentagon .left{top:44%;left:18%;width:12.8vw;text-align:right}
.notebook{padding:4vw 0 0 12%}
.efficiency{display:inline-block;position:relative;margin:0 0 3vw 5vw;padding:.8vw 1.6vw;list-style:none;background-color:#e6c42e;border-radius:0.64vw}
.efficiency:after{content:'';position:absolute;bottom:-2.5vw;left:10vw;width:1.2vw;height:1.2vw;background-color:#e6c42e;border-radius:50%}
.efficiency li{display:flex;gap:0.28vw;align-items:center;padding-bottom:.8vw;color:#001a80;font-size:1.28vw;font-weight:600}
.efficiency li:last-child{padding-bottom:0}
.efficiency .tipIcon{margin:0}

/* 사업 수행 일정 */
.plan p{padding-bottom:7.04vw}
.plan .planStep{display:flex;padding:0 1.6vw}
.plan .planStep.top{justify-content:end;padding-bottom:3vw}
.plan .planStep.bottom{padding-top:3vw}
.step{display:flex;align-items:center;width:15.68vw}
.step2{margin-right:12%}
.step3{margin-left:14%}
.step4{margin-right:15%}
.step5{margin-left:13%}
.step6{margin-right:5%}
.step .stepIcon{min-width:4.88vw;height:9vw}
.step1 .stepIcon{background:url('../../assets/img/print/icons.png') no-repeat -11.76vw -0.4vw / 22.72vw 19.68vw}
.step2 .stepIcon{background:url('../../assets/img/print/icons.png') no-repeat -0.4vw -10.28vw / 22.72vw 19.68vw}
.step3 .stepIcon{background:url('../../assets/img/print/icons.png') no-repeat -0.4vw -0.4vw / 22.72vw 19.68vw}
.step4 .stepIcon{background:url('../../assets/img/print/icons.png') no-repeat -6.08vw -10.28vw / 22.72vw 19.68vw}
.step5 .stepIcon{background:url('../../assets/img/print/icons.png') no-repeat -6.08vw -0.4vw / 22.72vw 19.68vw}
.step6 .stepIcon{background:url('../../assets/img/print/icons.png') no-repeat -17.44vw -0.4vw / 22.72vw 19.68vw}
.stepInfo{display:flex;flex-direction:column;width:100%}
.stepName{padding-bottom:2.12vw;color:#001a80;font-size:1.44vw;font-weight:600;text-align:center}
.stepDetail{font-size:1.12vw;font-weight:500;text-align:center}
.stepBar{display:flex;margin:2vw 1.6vw;height:5vw}
.bar{position:relative;height:100%}
.bar.up:before{content:'▲';position:absolute;top:-2.6vw;left:50%;transform:translateX(-50%);font-size:3vw}
.bar.down:after{content:'▼';position:absolute;bottom:-2.6vw;left:50%;transform:translateX(-50%);font-size:3vw}
.bar1{width:20%;background-color:#fabc59;border-radius:3vw 0 0 3vw}
.bar1:after{color:#fabc59}
.bar2{width:15%;background-color:#e5765b}
.bar2:before{color:#e5765b}
.bar3{width:15%;background-color:#d15b75}
.bar3:after{color:#d15b75}
.bar4{width:15%;background-color:#bd5999}
.bar4:before{color:#bd5999}
.bar5{width:15%;background-color:#a156a8}
.bar5:after{color:#a156a8}
.bar6{width:20%;background-color:#745195;border-radius:0 3vw 3vw 0}
.bar6:before{color:#745195}

/* 사업 패턴 분석 */
.kepcoBill .contents{display:flex;flex-direction:column}
.kepcoBill .tipIcon{margin-right:0.4vw}
.billWrap{display:flex;gap:2.72vw;padding:0 5.8vw 3.2vw 1.6vw}
.billInfo{display:flex;flex-direction:column}
.billTitle{display:inline-block;padding:0.4vw 0.4vw 0;border-top:0.12vw solid #005ce6;font-size:1.44vw;font-weight:600;white-space:nowrap}
.billTitle span{vertical-align:middle}
.billDate{padding:0.5vw 0;color:#005ce6;font-size:1.28vw;font-weight:600;text-align:center}
.billBase{display:flex;flex-direction:column;padding:1.2vw 0.8vw 2.4vw 0.8vw;background-color:#f7f7f7;text-align:center}
.baseInfo{display:flex;flex-direction:column;margin-bottom:2.5vw;padding:0.4vw 0}
.baseInfo.active{border:0.12vw solid #f09900;font-weight:600}
.baseTitle{margin-bottom:1.92vw;padding:0.4vw 0;background-color:#00988C;color:white;font-size:1.28vw;font-weight:600}
.baseName{padding-bottom:0.32vw;color:#001A80;font-size:1.12vw}
.baseData{font-size:1.12vw}
.baseInfo.active .baseData{color:#005ce6}
.billDetail{display:flex;flex-direction:column;width:100%;color:#001a80;font-size:1.12vw}
.billSummary{margin-bottom:1vw;padding:0.96vw 1.2vw;background-color:#e6c42e;font-size:1.28vw;font-weight:600}
.billSummary .title{padding-right:3vw;color:#0c0c0e}
.billSummary .amount{color:#005ce6;font-size:1.28vw;font-weight:600}
.billSummary .amountUnit{padding-right:2.4vw;color:#005ce6;font-size:1.12vw;font-weight:400}
.billSummary .detail{color:#001a80;font-size:1.12vw;font-weight:400}
.billBox{display:grid;grid-template-columns:10vw 10vw 1fr;gap:1.2vw;align-items:center;margin-bottom:1vw;padding:0.92vw 0.4vw;border-bottom:0.04vw solid #001a80}
.billBox:last-child{margin-bottom:0}
.billBox.billMain{border-bottom:0.12vw solid #f09900}
.billBox.usageFee{border-bottom:0.04vw solid #999999}
.billBox.usageFee.last{border-bottom:0.12vw solid #999999}
.billName{padding:0.4vw 0 0.4vw 0.64vw;border-left:0.12vw solid #999999;color:#0c0c0e;font-size:1.12vw;font-weight:600}
.billMain .billName{border-left:0.12vw solid #005ce6;color:#005ce6;font-size:1.28vw}
.billAmount{padding-right:0.32vw;color:#0c0c0e;font-size:1.28vw;font-weight:600;text-align:right}
.billAmount .unit{color:#0c0c0e;font-size:1.12vw;font-weight:400}
.kepcoBillCalc{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding:0.4vw;background-color:#f7f7f7;border-bottom:0.08vw solid #eaeaea;color:#0c0c0e;font-size:1.12vw}
.kepcoBillCalc.kwhUse{display:flex;gap:0.64vw}
.applyLabel{font-weight:600}
.applyPower{padding-left:2vw;color:#005ce6;font-weight:600}
.baseLabel{padding-left:4.8vw}
.unit{padding-left:0.56vw}
.kepcoBill .baseBillUnit{padding-left:1.28vw}
.palette{width:1.2vw}
.wattRate{padding-right:0.4vw}

/* 사업 패턴 분석 - 최근 3년 전력 사용량 분석 */
.applyPowerTitle{display:flex;gap:0.8vw;align-items:center;margin-bottom:1.2vw}
.applyPowerTitle .contentTitle{margin-bottom:0}
.applyTip{display:flex;align-items:center;color:#001a80;font-size:1.12vw;font-weight:400}
.applyTip b{font-weight:500}
.applyTip .tipIcon{margin-right:0.4vw}
.peakLegend{display:flex;gap:1vw;justify-content:center;align-items:center;margin-left:auto;padding-right:1.6vw;font-size:1vw}
.legendItem{display:flex;gap:.2vw;align-items:center;color:#050505}
.legendIcon.red{display:inline-block;width:1vw;height:1vw;background-color:#ffc765}
.legendIcon.blue{display:inline-block;width:1vw;height:1vw;background-color:#aac2ff}
.legendIcon.purple{display:inline-block;width:1vw;height:1vw;background-color:#ba68c8}
.wattRank{display:flex;gap:1.2vw;padding:0 1.6vw 2.4vw}
.rank{flex:1}
.rankYear{font-size:1.28vw;font-weight:600}
.rank table{width:100%;border-collapse:separate;border-spacing:0 0.24vw}
.rank .rankList{font-variant-numeric:tabular-nums}
.rank th{padding:0 0.4vw;font-size:1vw;font-weight:600;text-align:center}
.rank td{padding:0.20vw 0.4vw;font-size:0.92vw;text-align:center}
.rank tr td{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.rank tr td:first-child{border-left:1px solid #eaeaea}
.rank tr td:last-child{border-right:1px solid #eaeaea}
.rank tbody tr{background-color:#f7f7f7}
.rank .red{background-color:#ffc765;font-weight:600}
.rank .blue{background-color:#aac2ff;font-weight:600}
.rank .purple{background-color:#ba68c8}

.latestPeak{display:flex;gap:0.8vw;height:20vw;margin-bottom:1.12vw;padding:0 1.6vw}
.latestPeak .chartWrap{flex:auto;max-width:100%;max-height:100%}
.latestPeak .chartWrap.applyPowerChart{flex:1;height:20vw}
.latestPeak .chartWrap.quarterChart{flex:1;height:100%}
.latestPeak canvas{width:100%;max-width:100%;height:100%;max-height:100%}
.latestPeak .chartWrap.quarterChart canvas{padding:0.6vw;border:0.24vw solid #d44c4c;border-radius:0.64vw}
.latestTitle{display:flex;justify-content:space-between;padding-bottom:1.2vw;font-size:1.28vw;font-weight:600}
.chartWrap{flex:1;height:15vw}
.peakQuarter{display:inline-block;margin-bottom:0.68vw;font-size:1.44vw;font-weight:600}
.applyPowerData{display:flex;flex-direction:column;justify-content:center;width:15%;text-align:center}
.dataName{padding:0.48vw;background-color:#eaeaea;font-size:1.2vw;font-weight:600}
.dataValue{padding:1vw 0 1.6vw 0;font-size:1.2vw;font-weight:600}

/* 보유설비 리스트 */
.equipment .contents{display:flex;flex-direction:column}
.frugal .contents{display:flex;flex-direction:column}
.frugalContainer{display:flex;flex:1;gap:3vw;justify-content:space-between}
.frugalMonth{display:flex;flex-direction:column;flex:1}
.list{margin:0 1.6vw}
.list li{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;text-align:center}
.frugal .list li{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.list.body li{margin-bottom:0.8vw;background-color:#f7f7f7;border:1px solid #eaeaea}
.list.body li:last-child{margin-bottom:0}
.list span{display:inline-block;padding:1.2vw 0.8vw;color:#0c0c0e;font-size:1.12vw;font-weight:300}
.frugal .list span{padding:0.8vw}
.list span.ok{color:#005ce6;font-weight:500}
.list span.frugal{color:#f09900;font-weight:500}
.list.head span{color:#000000;font-weight:600}
.listResult{display:flex;justify-content:space-between;margin:auto 1.6vw 1.6vw 1.6vw;padding:0.8vw 4.8vw;background-color:#e6c42e;border:0.12vw solid #eaeaea}
.frugal .listResult{display:flex;justify-content:space-between;padding:0.8vw 1.2vw;font-size:1.12vw}
.resultWrap{display:flex;gap:2.4vw;align-items:center;font-size:1.12vw}
.frugal .resultWrap{display:inline-block;padding:0.8vw;font-weight:300;text-align:center}
.frugal .resultWrap.ok{color:#005ce6;font-weight:600}
.resultName{color:#0c0c0e;font-weight:300}
.resultValue{color:#005ce6;font-size:1.12vw;font-weight:600}
.fiveYear{display:flex;flex-direction:column;max-width:25.5vw}
.fiveYear .fiveTitle{padding-bottom:.8vw;color:#005ce6;font-size:1.44vw;font-weight:600;text-align:center}
.fiveYear .fiveFrugal{padding:.4vw;background-color:#005ce6;color:#e6c42e;font-size:1.44vw;font-weight:700;text-align:center}
.yearStack{position:relative}
.yearStack span{position:absolute;left:-2.5vw;padding:0.4vw;background-color:white;border:0.12vw solid #e6c42e;border-radius:0.64vw;font-size:1.44vw;font-weight:600;font-variant-numeric:tabular-nums}
.yearStack span:nth-child(1){top:7.5vw}
.yearStack span:nth-child(2){top:16vw}
.yearStack span:nth-child(3){top:24.5vw}
.yearStack span:nth-child(4){top:32.5vw}
.yearStack span:nth-child(5){top:41vw}
.resultRow{display:flex;gap:1.2vw;font-size:1.12vw}
.resultLabel{font-weight:300}
.resultItem{font-weight:500}
.resultItem.frugal{color:#005ce6}

/* 요금제 시뮬레이션 및 추천 */
.simulation .contents{background-image:url('../../assets/img/print/simulationBg.png');background-repeat:no-repeat;background-position:left bottom;background-size:60.4vw}
.simulation .contentTitle{margin-bottom:1.6vw}
.simulation .ratePlan{display:flex;gap:1.6vw;flex-direction:column;justify-content:center;margin-bottom:2vw;padding:0 1.6vw}
.simulation .plan{display:flex;width:100%;padding:0.8vw;background-color:#f3f8ff;border:0.04vw solid #c5dcfd;border-radius:0.64vw;box-shadow:0 4px 10px 0 #7b7b7b40;box-sizing:border-box}
.planInner{display:flex;width:100%;padding:1.6vw;border:0.12vw solid #005ce6;border-radius:0.64vw}
.planContainer{display:flex;flex:1;flex-wrap:wrap}
.planTitle{display:flex;flex-basis:100%;gap:1.2vw;align-items:center;color:#001a80;font-size:1.28vw;font-weight:600}
.planTitle:before{display:inline-block;content:'';width:2vw;height:2vw;background-color:white;border:0.12vw solid #005ce6;border-radius:50%}
.planInfo{display:flex;flex:1;flex-direction:column;padding-left:2.4vw}
.monthlyEstimate{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24vw}
.estimateLabel{padding-bottom:0.8vw;font-size:1.28vw;font-weight:500}
.estimateAmount{color:#005ce6;font-size:1.44vw;font-weight:500}
.planName{position:relative;padding-bottom:1.2vw;font-size:1.92vw;font-weight:700;text-align:center}
.recommend{display:inline-block;position:absolute;top:0;left:0;padding:0.16vw 1.6vw;background-color:#d44c4c;color:#f7f7f7;font-size:0.96vw}
.planDetail{padding-bottom:2.4vw;font-size:1.28vw;font-weight:500}
.planNote{color:#005ce6;font-weight:600}
.paymentMethod{padding-bottom:0.8vw;color:#001a80;font-size:1.2vw;font-weight:500}
.feeDetail{font-size:1.12vw;font-weight:300}
.expected{margin-bottom:1.2vw;padding:0.8vw 1.2vw;background-color:#ffffff;border:0.04vw solid #f7f7f7;border-radius:0.64vw;font-size:1.12vw;font-weight:300}
.amountDetail{display:flex;flex-direction:column;justify-content:center;width:23vw;margin-left:auto;padding:1.6vw 1.2vw;border-left:0.12vw solid #005ce6}
.amountTitle{padding-bottom:0.8vw;font-size:1.28vw;font-weight:300;text-align:right}
.amountValue{padding-bottom:1.2vw;color:#005ce6;font-size:1.28vw;font-weight:500;text-align:right}
.detailRow{display:grid;grid-template-columns:3.36vw 3.36vw 1fr;gap:0 2vw;padding:0.8vw;color:#005ce6;font-size:1.28vw;font-weight:600}
.detailRow.group{margin-bottom:0.8vw;color:#001a80;font-weight:300}
.pro .detailRow.group{margin-bottom:0.48vw}
.detailRow.roi{padding:1.2vw 0.8vw 0 0.8vw;border-top:0.32vw dashed #e6c42e}
.detailRow.roiSec{padding:0 0.8vw}
.detailRow.roi .period{color:#0c0c0e;font-size:1.28vw;font-weight:600}
.detailRow .center{text-align:right}
.detailAmount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.subscription{display:flex;gap:2vw}
.priceDetail{display:flex;flex-direction:column}
.priceCalc{display:flex;flex-direction:column;padding:0.8vw 5vw 0.8vw 1.2vw;background-color:white;border-radius:0.64vw;font-size:1.12vw;font-weight:300}
.calcNoti{margin-bottom:0.4vw}
.calcExec{font-weight:600}
.calcPredict{color:#005ce6}
.predictAmount{color:#005ce6}
.conclusion{margin:0 1.6vw;padding:0.4vw 0;border:3px solid #f09900;background:#f7f7f799;color:#001a80;font-size:2.24vw;font-weight:600;text-align:center}

@media print{
    *{-webkit-print-color-adjust:exact !important;color-adjust:exact !important;print-color-adjust:exact !important}
    .main .eggPeak{width:40%;font-size:1.935vw}
    .separator{display:none}
    @page{
        size:A4 landscape;
        margin:0;
    }
}