.sampleFormBox .submitBtn .text,.sampleConfirmBox .submitBtn .text,.sampleFormBox .submitBtn,.sampleConfirmBox .submitBtn,.actionArea .lineBtn,.sampleList .specBox .specBtn,.sampleList .sampleItem{transition:all .5s ease-in-out}.stepArea{width:100%;background-color:#fff;border-radius:10px 0 10px 10px;box-shadow:0 0 20px rgba(0,0,0,.12);padding:clamp(25px,3vw,58px) clamp(25px,4.9vw,94px);margin-bottom:clamp(30px,2.6vw,49px)}.stepArea .stepList{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 20px}.stepArea .step .stepEn{font-family:"Poppins","Noto Sans TC","Microsoft JhengHei",sans-serif;font-weight:600;font-size:clamp(28px,2.2vw,42px);line-height:1.2;color:#4d4d4d;display:block}.stepArea .step .stepDown{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:10px}.stepArea .step .title{font-weight:700;font-size:clamp(20px,1.35vw,26px);line-height:1.2;color:#676767}.stepArea .step.current .stepEn,.stepArea .step.current .title{color:#07beb8}.stepArea .countBox{background-color:#fff;border:1px solid #07beb8;border-radius:10px 0 10px 10px;display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:4px 17px}.stepArea .countBox .label{font-weight:600;font-size:clamp(16px,1.05vw,20px);letter-spacing:.2px;color:#3f3f3f}.stepArea .countBox .count{font-family:"Poppins","Noto Sans TC","Microsoft JhengHei",sans-serif;font-weight:600;font-size:clamp(16px,1.05vw,20px);color:#07beb8}.stepArea .countBox .count .total{color:#b8b8b8}.stepArea .arrow{width:clamp(24px,1.8vw,34px);flex-shrink:0;align-self:flex-start;margin-top:clamp(6px,.5vw,9px)}.stepArea .arrow img{width:100%;height:auto;display:block;backface-visibility:hidden}@media(max-width: 768px){.stepArea .stepList{flex-direction:column;align-items:flex-start;gap:15px}.stepArea .arrow{transform:rotate(90deg);margin:0 0 0 5px}}@media(max-width: 640px){.stepArea .step:not(.now),.stepArea .arrow{display:none}}.sampleList{display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(20px,1.6vw,31px)}.sampleList .sampleItem{background-color:#fff;border:2px solid rgba(0,0,0,0);border-radius:10px 0 10px 10px;box-shadow:0 0 12px rgba(0,0,0,.11);display:flex;flex-direction:column;padding:clamp(20px,1.45vw,28px)}.sampleList .sampleItem.selected{border-color:#07beb8}.sampleList .sampleItem .moreBtn{max-width:180px;margin-top:18px}.sampleList .imgBox{width:100%;background-color:#fff;border:1px solid #d7d7d7;border-radius:10px 0 10px 10px;aspect-ratio:390/224;display:flex;align-items:center;justify-content:center;overflow:hidden}.sampleList .imgBox .Img{width:50%;aspect-ratio:1}.sampleList .imgBox .Img img{width:100%;height:auto;display:block;backface-visibility:hidden;-o-object-fit:contain;object-fit:contain}.sampleList .title{font-weight:700;font-size:clamp(22px,1.35vw,26px);line-height:1.3;color:#07beb8;margin-top:clamp(15px,1vw,20px)}.sampleList .exp{font-weight:500;font-size:clamp(16px,.95vw,18px);letter-spacing:.18px;line-height:1.5;color:#3f3f3f;margin-top:clamp(10px,.7vw,13px);white-space:pre-line}.sampleList .specBox{background-color:#f6f6f6;border-radius:10px 0 10px 10px;padding:clamp(15px,1.05vw,20px) clamp(20px,1.55vw,30px) clamp(20px,1.45vw,28px);margin-top:auto}.sampleList .specBox .specTitle{font-weight:700;font-size:clamp(18px,1.05vw,20px);letter-spacing:.8px;color:#262626;padding-bottom:13px;position:relative}.sampleList .specBox .specTitle::after{content:"";width:101px;height:3px;background-color:#69d8d6;position:absolute;left:0;bottom:0}.sampleList .specBox .specList{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sampleList .specBox .specBtn{background-color:#fff;border:1px solid #d7d7d7;border-radius:10px 0 10px 10px;min-height:43px;font-weight:600;font-size:clamp(16px,.95vw,18px);letter-spacing:.18px;color:#3f3f3f;padding:5px 15px;cursor:pointer}@media(min-width: 1181px){.sampleList .specBox .specBtn:hover{border-color:#07beb8;color:#07beb8}}.sampleList .specBox .specBtn.selected{background-color:#07beb8;border-color:#07beb8;color:#fff}.sampleList .moreBtn+.specBox{margin-top:clamp(15px,1.2vw,24px)}@media(max-width: 1180px){.sampleList{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.sampleList{grid-template-columns:1fr}}.actionArea{display:flex;flex-direction:column;align-items:center;margin-top:clamp(35px,3.4vw,65px)}.actionArea .lineBtn{min-width:217px;min-height:59px;background-color:#06c152;border-radius:10px 0 10px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px}.actionArea .lineBtn .text{font-weight:600;font-size:clamp(18px,1.05vw,20px);letter-spacing:.6px;color:#fff}.actionArea .lineBtn .arrow{width:22px;height:22px;flex-shrink:0}@media(min-width: 1181px){.actionArea .lineBtn:hover{opacity:.85}}.actionArea .ruleLink{font-weight:500;font-size:clamp(18px,1.05vw,20px);letter-spacing:.2px;color:#07beb8;text-decoration:underline;margin-top:clamp(15px,1.2vw,23px)}@media(min-width: 1181px){.actionArea .ruleLink:hover{opacity:.7}}.sampleFormBox .formCard{background-color:#fff;border-radius:10px 0 10px 10px;box-shadow:0 0 12px rgba(0,0,0,.11);padding:clamp(25px,3.6vw,70px) clamp(25px,3.3vw,64px);margin-bottom:clamp(20px,1.6vw,31px)}.sampleFormBox .formCard:last-child{margin-bottom:0}.sampleFormBox .formTitle{font-weight:800;font-size:clamp(26px,1.8vw,35px);letter-spacing:.04em;line-height:1;color:#262626;padding-bottom:clamp(15px,1.15vw,22px);margin-bottom:clamp(20px,2vw,40px);position:relative}.sampleFormBox .formTitle::after{content:"";width:101px;height:3px;background-color:#69d8d6;position:absolute;left:0;bottom:0}.sampleFormBox .formList{margin:-12px -17px}.sampleFormBox .formColumn{width:100%;padding:12px 17px}.sampleFormBox .formColumn.half{width:50%}.sampleFormBox .columnTitle{font-weight:700;font-size:clamp(18px,1.25vw,24px);letter-spacing:.03em;color:#262626;margin-bottom:12px}.sampleFormBox .columnTitle.requireStyle{padding-left:0}.sampleFormBox .columnTitle.requireStyle::before{content:none}.sampleFormBox .columnTitle.requireStyle::after{content:"*";color:#07beb8;margin-left:8px}.sampleFormBox .columnInput,.sampleFormBox .columnSelect{height:clamp(45px,2.85vw,55px);border:1px solid #b8b8b8;border-radius:10px;font-weight:500;font-size:clamp(16px,1.15vw,22px);letter-spacing:.03em;color:#3f3f3f;padding:5px clamp(15px,1.6vw,30px)}.sampleFormBox .columnInput::-moz-placeholder, .sampleFormBox .columnSelect::-moz-placeholder{color:#676767}.sampleFormBox .columnInput::placeholder,.sampleFormBox .columnSelect::placeholder{color:#676767}.sampleFormBox .columnSelect{width:100%;background-color:#fff;color:#676767;padding-right:clamp(40px,3vw,58px)}.sampleFormBox .selectBox{width:100%;position:relative}.sampleFormBox .selectBox::before{content:"";width:9px;height:9px;border-right:2px solid #676767;border-bottom:2px solid #676767;pointer-events:none;position:absolute;top:calc(50% - 7px);right:clamp(18px,1.6vw,30px);z-index:1;transform:rotate(45deg)}.sampleFormBox .addressTitle .columnTitle{margin-bottom:0}.sampleFormBox .columnCheckBox .columnCheckLabel{align-items:flex-start}.sampleFormBox .columnCheckBox .columnCheckLabel .columnCheck{width:clamp(18px,1.2vw,23px);height:clamp(18px,1.2vw,23px);flex-shrink:0;margin-top:.2em}.sampleFormBox .columnCheckBox .columnCheckLabel .columnCheck::before{border-color:#b8b8b8}.sampleFormBox .columnCheckBox .columnCheckLabel .columnCheck::after{background-color:#07beb8}.sampleFormBox .columnCheckBox .columnCheckBoxTitle{font-weight:500;font-size:clamp(16px,1.1vw,21px);letter-spacing:.03em;line-height:1.55;color:#3f3f3f;margin-left:clamp(8px,.7vw,13px)}.sampleFormBox .sameReceiver .columnCheckBoxTitle{font-weight:600;font-size:clamp(18px,1.25vw,24px);color:#262626}.sampleFormBox .agreeColumn .columnCheckBox{margin-bottom:clamp(10px,1vw,19px)}.sampleFormBox .agreeColumn .columnCheckBox:last-child{margin-bottom:0}.sampleFormBox .agreeColumn .agreeExp.textEditor{max-width:none;font-size:clamp(16px,1.1vw,21px);letter-spacing:.03em;line-height:1.55;color:#3f3f3f;margin:0 0 0 clamp(8px,.7vw,13px)}.sampleFormBox .agreeColumn .agreeExp p{margin:0}.sampleFormBox .agreeColumn .ruleLink{color:#07beb8;text-decoration:underline}@media(min-width: 1181px){.sampleFormBox .agreeColumn .ruleLink:hover{opacity:.7}}.sampleFormBox .submitColumn{align-items:center;gap:clamp(15px,1.45vw,28px);margin-top:clamp(10px,1.3vw,26px)}@media(max-width: 768px){.sampleFormBox .formList{margin:-10px}.sampleFormBox .formColumn{padding:10px}.sampleFormBox .formColumn.half{width:100%}}.sampleFormBox .submitBtn,.sampleConfirmBox .submitBtn{min-width:217px;min-height:clamp(50px,3vw,59px);background-color:#07beb8;border:none;border-radius:10px 0 10px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 10px 22px;cursor:pointer}.sampleFormBox .submitBtn .text,.sampleConfirmBox .submitBtn .text{font-weight:600;font-size:clamp(18px,1.05vw,20px);letter-spacing:.6px;color:#fff}.sampleFormBox .submitBtn .arrow,.sampleConfirmBox .submitBtn .arrow{width:22px;height:22px;flex-shrink:0}@media(min-width: 1181px){.sampleFormBox .submitBtn:hover,.sampleConfirmBox .submitBtn:hover{background-color:#fff;box-shadow:inset 0 0 0 1px #07beb8}.sampleFormBox .submitBtn:hover .text,.sampleConfirmBox .submitBtn:hover .text{color:#07beb8}}.sampleFormBox .backLink,.sampleConfirmBox .backLink{font-weight:500;font-size:clamp(18px,1.05vw,20px);letter-spacing:.2px;color:#676767;text-decoration:underline}@media(min-width: 1181px){.sampleFormBox .backLink:hover,.sampleConfirmBox .backLink:hover{opacity:.7}}.sampleConfirmBox .confirmCard{background-color:#fff;border-radius:20px;box-shadow:0 0 12px rgba(0,0,0,.11);padding:clamp(25px,3.8vw,73px) clamp(25px,5.9vw,113px);display:flex;flex-wrap:wrap;gap:clamp(30px,3vw,58px) clamp(35px,3.5vw,68px)}.sampleConfirmBox .productArea,.sampleConfirmBox .receiverArea{width:calc(50% - clamp(35px, 3.5vw, 68px)/2)}.sampleConfirmBox .confirmTitle{font-weight:800;font-size:clamp(26px,1.8vw,35px);letter-spacing:.04em;line-height:1;color:#262626;padding-bottom:clamp(15px,1.15vw,22px);margin-bottom:clamp(20px,2.5vw,49px);position:relative}.sampleConfirmBox .confirmTitle::after{content:"";width:101px;height:3px;background-color:#69d8d6;position:absolute;left:0;bottom:0}.sampleConfirmBox .productList{border:1px solid #b8b8b8;border-radius:10px 0 10px 10px;padding:clamp(20px,1.6vw,30px)}.sampleConfirmBox .productItem{display:flex;align-items:center;gap:clamp(15px,2vw,38px);padding:clamp(15px,1.3vw,25px) 0}.sampleConfirmBox .productItem:first-child{padding-top:0}.sampleConfirmBox .productItem:last-child{padding-bottom:0}.sampleConfirmBox .productItem+.productItem{border-top:1px solid #b8b8b8}.sampleConfirmBox .productItem .imgBox{width:clamp(150px,11.3vw,216px);aspect-ratio:216/124;flex-shrink:0;background-color:#fff;border:1px solid #ededed;border-radius:10px 0 10px 10px;display:flex;align-items:center;justify-content:center;padding:12px}.sampleConfirmBox .productItem .imgBox img{max-width:clamp(80px,5.2vw,100px);max-height:100%;-o-object-fit:contain;object-fit:contain}.sampleConfirmBox .productItem .title{font-weight:700;font-size:clamp(18px,1.25vw,24px);color:#07beb8;margin-bottom:clamp(8px,.8vw,16px)}.sampleConfirmBox .productItem .spec{display:flex;align-items:center;font-size:clamp(16px,1.05vw,20px)}.sampleConfirmBox .productItem .spec .label{font-weight:700;letter-spacing:.04em;color:#262626;white-space:nowrap;display:flex;align-items:center}.sampleConfirmBox .productItem .spec .label::after{content:"";width:1px;height:18px;background-color:#b8b8b8;margin:0 clamp(10px,.85vw,16px)}.sampleConfirmBox .productItem .spec .value{font-weight:500;letter-spacing:.01em;color:#3f3f3f}.sampleConfirmBox .infoTable .infoRow{display:flex;margin-bottom:2px}.sampleConfirmBox .infoTable .infoRow:last-child{margin-bottom:0}.sampleConfirmBox .infoTable dt,.sampleConfirmBox .infoTable dd{display:flex;align-items:center;min-height:clamp(50px,3.5vw,67px);font-size:clamp(16px,1.05vw,20px);letter-spacing:.03em;padding:10px clamp(12px,1vw,20px)}.sampleConfirmBox .infoTable dt{width:clamp(110px,8vw,154px);flex-shrink:0;background-color:#ededed;font-weight:700;color:#262626}.sampleConfirmBox .infoTable dd{flex:1;background-color:#f7f7f7;font-weight:500;color:#3f3f3f;word-break:break-word}.sampleConfirmBox .btnArea{display:flex;align-items:center;gap:clamp(15px,1.45vw,28px);margin-top:clamp(25px,2.7vw,52px)}@media(max-width: 1024px){.sampleConfirmBox .productArea,.sampleConfirmBox .receiverArea{width:100%}}@media(max-width: 768px){.sampleConfirmBox .productItem{gap:12px}.sampleConfirmBox .productItem .imgBox{width:110px}.sampleConfirmBox .productItem .spec{flex-wrap:wrap}}.moduleBox.sampleRule .moduleWrap{max-width:800px;border-radius:10px 0 10px 10px;overflow:hidden}.moduleBox.sampleRule .moduleTitle{font-weight:700;font-size:clamp(20px,1.35vw,26px);color:#07beb8}.moduleBox.sampleRule .moduleContent{max-height:min(70vh,600px);overflow-y:auto}.noData{width:100%;font-size:18px;color:#676767;text-align:center;padding:60px 0}.sampleResultBox{background-color:#fff;border-radius:20px;box-shadow:0 0 12px rgba(0,0,0,.11);padding:clamp(40px,5vw,80px) clamp(25px,5.9vw,113px);text-align:center}.sampleResultBox .moreBtn{display:inline-flex;min-width:auto;gap:10px}.sampleResultBox .moreBtn img{width:22px;height:22px;flex-shrink:0}