@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(150px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-150px)}100%{opacity:1;transform:translateX(0)}}@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}.md_login_FadeIn{animation:FadeIn .2s ease-in-out}.md_login{display:block;color:#1f2937;font-size:16px}@media(max-width: 640px){.md_login{font-size:14px}}.md_login_overlay{position:fixed;top:0;left:0;z-index:1055;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5019607843)}.md_login_container{min-width:300px;min-height:300px;border-radius:8px;background-color:#fff;position:fixed;z-index:1055;top:50%;left:50%;transform:translate(-50%, -50%);padding:46px 110px;display:flex;justify-content:center;overflow:hidden;transition:height .3s linear;max-height:90vh}@media(max-width: 640px){.md_login_container{padding:28px 32px;width:90%;min-width:auto;min-height:180px}}.md_login_closeIcon{position:absolute;top:20px;right:20px;padding:4px}@media(max-width: 640px){.md_login_closeIcon{top:12px;right:12px}}.md_login_closeIcon svg{width:20px;height:20px}@media(max-width: 640px){.md_login_closeIcon svg{width:16px;height:16px}}.md_login_hide{display:none}.md_login .md_tab{display:flex;flex-direction:column;height:100%}.md_login .md_tab .md_tab_box{padding:0 34px}@media(max-width: 640px){.md_login .md_tab .md_tab_box{padding:0 21px}}.md_login .md_tab>.md_tab_header{gap:0;justify-content:space-between;flex-shrink:0}@media(max-width: 640px){.md_login .md_tab>.md_tab_header{justify-content:center;gap:55px}}.md_login .md_tab .md_tab_title{font-weight:bold}@media(max-width: 640px){.md_login .md_tab .md_tab_title{font-size:18px}}.md_login .md_tab_contentWrapper{padding:20px 20px 0 0px;min-height:0;overflow-y:auto;flex-grow:1;max-height:70vh}@media(max-width: 640px){.md_login .md_tab_contentWrapper{padding:20px;margin:18px -20px 0 -20px}}.md_login_content{width:390px;display:none;margin:auto 0}.md_login_content.active{display:block}@media(max-width: 640px){.md_login_content{width:100%}}.md_login_inputArea{display:flex;flex-direction:column}.md_login .md_input .md_input_label>.md_input_title{font-weight:400}@media(max-width: 640px){.md_login .md_input .md_input_label>.md_input_title{font-size:14px}}.md_login .md_input .md_input_input_wrap{display:flex;align-items:center;padding-right:8px}@media(max-width: 640px){.md_login .md_input .md_input_input_wrap>input{font-size:14px}}.md_login_inputErrorMsgWrap{display:block;min-height:21px}@media(max-width: 640px){.md_login_inputErrorMsgWrap>.md_input_errormsg error{font-size:14px}}.md_login .md_input_iconWrap{cursor:pointer}@media(max-width: 640px){.md_login .md_input_iconWrap svg{width:20px;height:20px}}.md_login .md_checkbox{align-items:flex-start}@media(max-width: 640px){.md_login .md_checkbox{font-size:14px}}.md_login .md_checkbox_checkbox_icon{flex-shrink:0;margin-top:3px}.md_login .md_checkbox.shake{animation:shake .4s ease}.md_login .md_checkbox_text{margin-right:0}.md_login_forgetPsdBtn{display:flex;justify-content:flex-end;margin-bottom:36px;cursor:pointer;width:-moz-fit-content;width:fit-content;margin-left:auto}.md_login_ohterWayLoginWrap{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.md_login_shareImgWrap{display:flex;gap:40px;margin-top:24px}.md_login_shareImgWrap img{width:32px}.md_login_lastLoginWayWrap{position:relative;margin-top:6px}.md_login_lastLoginWayText{position:absolute;top:32px;left:50%;transform:translate(-50%, -50%);white-space:nowrap}.md_login_buttomLine{display:flex;justify-content:center;align-items:center;cursor:pointer}.md_login_buttomLine span{padding:0 4px;border-bottom:1px solid #1f2937}.md_login_policyContent{width:100%;height:55vh;overflow:auto;padding-right:16px}.md_login_policyWrap{margin-bottom:32px}.md_login_policyWrap:nth-last-child{margin-bottom:0}.md_login_policyTitle{font-size:20px;text-align:center;margin-bottom:12px;font-weight:bold}.md_login_policyParagraph{font-size:16px;line-height:24px}.md_login .md_tab_contentWrapper .md_login_register_readPolicy{margin-top:16px;width:90%}.md_login_campaignFirst{font-size:24px;font-weight:bold;display:flex;justify-content:center;align-items:center;gap:8px;color:#1f2937;margin-bottom:12px;text-align:center}.md_login_campaignFirst>svg{text-align:center}.md_login_campaignFirst>span svg{width:18px;height:18px}@media(max-width: 640px){.md_login_campaignFirst{font-size:16px;margin-bottom:0}}.md_login_campaignSecond{font-size:18px;font-weight:bold;color:#1f2937;margin-bottom:28px;text-align:center}@media(max-width: 640px){.md_login_campaignSecond{font-size:14px;margin-bottom:18px}}.md_login_campaignThird{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:bold;color:#1f2937;margin-bottom:14px;text-align:center}@media(max-width: 640px){.md_login_campaignThird{font-size:14px}}.md_login_campaignFourth{color:#f97316;text-align:center;font-weight:bold;margin-bottom:18px;font-size:18px}@media(max-width: 640px){.md_login_campaignFourth{font-size:14px}}.md_login .campaignThirdTextWrap{display:flex;justify-content:center;gap:6px;text-align:center}@media(max-width: 640px){.md_login .campaignThirdTextWrap{font-size:14px}}.md_login_detailText{color:#1f2937;text-decoration:underline;font-size:14px;font-weight:400;margin-left:auto}.md_login_register_checkboxWrap{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.md_login_ohterWayRegisterWrap{margin-top:28px;display:flex;flex-direction:column;align-items:center}.md_login_titleWrap{margin-bottom:44px;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;font-weight:bold;font-size:18px;text-align:center}@media(max-width: 640px){.md_login_titleWrap{margin-bottom:24px;font-size:16px}}.md_login_normalFontSize{font-size:16px;font-weight:400}.md_login_afertInputArea{display:flex;justify-content:flex-end;margin-bottom:18px}.md_login_forgotPsd_gotoRigister{display:flex;justify-content:center;margin-top:44px}.md_login_forgotPsd_gotoRigister_text{border-bottom:1px solid #1f2937;cursor:pointer}.md_login_radioWrap{display:flex;gap:18px;color:#1f2937}@media(max-width: 640px){.md_login_radioWrap{margin-bottom:4px}}.md_login_radioWrap input[type=radio]{appearance:none;border:1px solid #1f2937;width:18px;height:18px;border-radius:50%;transition:.2s all linear;margin-right:4px;position:relative;-webkit-appearance:none;-moz-appearance:none;pointer-events:none;outline:none}.md_login_radioWrap input:checked::before{content:"";width:14px;height:14px;background-color:#0091da;position:absolute;top:8px;left:8px;border-radius:50%;transform:translate(-50%, -50%);border:#fff 2px solid;outline:none}.md_login_radioWrap input:checked:disabled::before{content:"";width:14px;height:14px;background-color:#d1d5db;position:absolute;top:8px;left:8px;border-radius:50%;transform:translate(-50%, -50%);border:#fff 2px solid}.md_login_radioWrap input:checked{border:1px solid #1f2937;background-color:#fff}.md_login_radioWrap input:disabled{border:1px solid #d1d5db}.md_login_radioWrap .md_login_labelDisable{color:#d1d5db}.md_login_radioWrap label{line-height:1.5;cursor:pointer}.md_login_mb20{margin-bottom:20px}.md_login_mr20{margin-right:20px}.md_login_buttomLineRight{display:flex;justify-content:flex-end;align-items:center;margin-top:28px;margin-bottom:56px;cursor:pointer}.md_login_buttomLineRight span{padding:0 4px;border-bottom:1px solid #1f2937}@media(max-width: 640px){.md_login_buttomLineRight{margin-bottom:36px}}.md_login_successImgWrap{display:flex;justify-content:center;margin-bottom:48px}.md_login_inputAndBtnWrap{display:flex;gap:16px;justify-content:space-between;position:relative}.md_login_inputAndBtnWrap .md_input{flex-grow:1}.md_login_inputAndBtnWrap .md_button{min-width:108px}.md_login_inputAndBtnWrap .md_button .md_button_primary{padding:9px 10px 8px 10px}.md_login_userInfo{display:flex;flex-direction:column;gap:14px;color:#1f2937;margin-bottom:58px}.md_login_stopwatchWrap{position:absolute;bottom:-4px;right:0}.md_login_flex_aic{align-items:center}.md_login_editorBtn{width:100%;padding:10px 10px;border-radius:3px;background-color:transparent;color:#1f2937;border:1px #9ca3af solid;display:flex;justify-content:center;cursor:pointer}.md_login_editorBtn:hover{border:1px #0091da solid;color:#0091da}.md_login_outlineBtn{border:1px #9ca3af solid;padding:10px 10px;width:100%;border-radius:3px;display:flex;justify-content:center;cursor:pointer}.md_login_flex_center{display:flex;justify-content:center;align-items:center}.md_login .md_login_mb20.md_login_flex_center{margin-top:4px}
.md_tab_header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:25px;overflow-x:auto}@media(max-width: 480px){.md_tab_header{gap:18px}}.md_tab_box{width:-moz-fit-content;width:fit-content;padding:0px 8px;border-bottom:6px solid transparent;cursor:pointer}.md_tab_box:hover{border-bottom:6px solid #0091da}.md_tab_box.active{border-bottom:6px solid #0091da}.md_tab_title{font-size:18px;text-align:center;color:#213b4a;white-space:nowrap}@media(max-width: 480px){.md_tab_title{font-size:14px}}.md_tab_contentWrapper{margin-top:30px}.md_tab_content{display:none}.md_tab_content.active{display:block}.md_tab_examplebtn{border-top:1px solid rgb(190, 189, 189);display:flex;flex-direction:row;justify-content:flex-start;gap:20px;margin-top:10px}@media(max-width: 480px){.md_tab_examplebtn{flex-direction:column;gap:2px}}.md_tab_nextbtn,.md_tab_prevbtn,.md_tab_availableBtn,.md_tab_usebleBtn,.md_tab_expiredBtn{border-radius:4px;background-color:#739db3;color:aliceblue;padding:2px 10px;margin-top:10px}@media(max-width: 480px){.md_tab_nextbtn,.md_tab_prevbtn,.md_tab_availableBtn,.md_tab_usebleBtn,.md_tab_expiredBtn{width:-moz-fit-content;width:fit-content}}
.md_input_page{display:flex;flex-direction:column;margin:10px}.md_input_sampleName{margin-top:20px;margin-bottom:5px;font-weight:300;color:cadetblue}.md_input_title{position:relative;margin-bottom:3px;padding-left:10px;font-weight:bold}.md_input_title.req{padding-left:10px}.md_input_title.req::before{content:"*";color:red;position:absolute;left:0}.md_input_input_wrap{border-bottom:solid 1px #ddd;overflow:hidden}.md_input_input_wrap.errorFocus{border-bottom:solid 1px #f97316;box-shadow:0 4px 8px -4px rgba(249, 115, 22, 0.25)}.md_input_current{border:none !important;box-shadow:none !important;width:100%}.md_input_current::-moz-placeholder{color:#9ca3af;font-weight:normal}.md_input_current::placeholder{color:#9ca3af;font-weight:normal}.md_input_current:focus,.md_input_current:visited,.md_input_current:active,.md_input_current:hover{outline:none}.md_input.outline{outline-style:none !important}.md_input.outline .md_input_input_wrap{border:1px solid #d1d5db;border-radius:5px;overflow:hidden}.md_input.outline .md_input_input_wrap.error{border:1px solid #f97316;color:#1f2937}.md_input.outline .md_input_input_wrap.errorFocus{border:1px solid #f97316;box-shadow:0 4px 8px rgba(249, 115, 22, 0.25)}.md_input.outline .md_input_title{position:relative;font-size:16px;color:#1f2937}.md_input.outline .md_input_title.req{padding-left:10px}.md_input.outline .md_input_title.req::before{content:"*";color:red;position:absolute;left:0;top:3px}.md_input.outline .md_input_current{border:none !important;box-shadow:none !important;margin-left:2px;width:100%}.md_input.outline .md_input_current::-moz-placeholder{color:#a2aeb6;font-weight:normal}.md_input.outline .md_input_current::placeholder{color:#a2aeb6;font-weight:normal}.md_input.outline .md_input_current:focus,.md_input.outline .md_input_current:visited,.md_input.outline .md_input_current:active,.md_input.outline .md_input_current:hover{outline:none}.md_input.outline .md_input_current.error{color:#f97316}.md_input.background .md_input_input_wrap{background-color:#f3f4f6;border-radius:4px;border-bottom:none;overflow:hidden}.md_input.background .md_input_input_wrap.errorFocus{border:1px solid #f97316}.md_input.background .md_input_current{border:none !important;box-shadow:none !important;background-color:#f3f4f6;margin-left:2px;width:100%}.md_input.background .md_input_current::-moz-placeholder{color:#1f2937;font-weight:normal}.md_input.background .md_input_current::placeholder{color:#1f2937;font-weight:normal}.md_input.background .md_input_current:focus,.md_input.background .md_input_current:visited,.md_input.background .md_input_current:active,.md_input.background .md_input_current:hover{outline:none}.md_input.icon .md_input_input_wrap{background-color:#f3f4f6;border-radius:4px;border-bottom:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-right:8px;overflow:hidden}.md_input.icon .md_input_input_wrap .md_input_iconWrap{width:24px;height:24px;cursor:pointer}.md_input.icon .md_input_input_wrap .md_input_iconWrap>svg{color:#4b5563}.md_input.icon .md_input_current{border:none !important;box-shadow:none !important;background-color:#f3f4f6;margin-left:2px;width:100%}.md_input.icon .md_input_current::-moz-placeholder{color:#1f2937;font-weight:normal}.md_input.icon .md_input_current::placeholder{color:#1f2937;font-weight:normal}.md_input.icon .md_input_current:focus,.md_input.icon .md_input_current:visited,.md_input.icon .md_input_current:active,.md_input.icon .md_input_current:hover{outline:none}.md_input .md_input_errormsg{display:none}.md_input .md_input_errormsg.error{display:block;font-size:14px;color:#f97316}.md_input.disabled .md_input_input_wrap{border-bottom:none}
.md_button_primary{width:100%;padding:10px 10px;font-size:16px;border-radius:3px;background-color:#0091da;color:#fff;white-space:nowrap}.md_button_bordered{width:100%;padding:10px 10px;font-size:16px;border-radius:3px;background-color:transparent;color:#1f2937;border:1px #9ca3af solid}.md_button_bordered:hover{border:1px #0091da solid;color:#0091da}.md_button_disableBtn{width:100%;padding:10px 10px;font-size:16px;border-radius:3px;background-color:#f3f4f6;color:#9ca3af;border-color:#f3f4f6;cursor:default;border:1px solid #f3f4f6}.md_button_customerServiceFormBtn{width:100%;padding:10px 10px;font-size:16px;border-radius:3px;background-color:#0091da;color:#fff;display:flex;justify-content:center}.md_button_iconChat{margin-right:12px}.md_button_textCustmerService{white-space:nowrap}.md_button_copyDiscountBtn{min-width:230px;padding:6px 10px 6px 12px;font-size:16px;border-radius:3px;color:#1f2937;border:1px #4b5563 solid;display:flex;justify-content:space-between;gap:16px}.md_button_copyDiscountBtn:hover{border:1px #0091da solid;color:#0091da}.md_button_copyDiscountBtn:hover svg path{fill:#0091da}@media(max-width: 550px){.md_button_copyDiscountBtn{min-width:101px;padding:2px 6px 2px 6px;font-size:14px;border-radius:4px}}.md_button_textWrap{display:flex;align-items:center}.md_button_textCopyDiscount{margin-right:12px;white-space:nowrap}@media(max-width: 550px){.md_button_textCopyDiscount{display:none}}
.md_checkbox{display:flex;align-items:center;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.md_checkbox>input[type=checkbox]{display:none}.md_checkbox_checkbox_icon{border:1px solid #9ca3af;width:18px;height:18px;margin-right:9px;background-color:#fff;padding-top:.5px}.md_checkbox_text{margin-right:9px;color:#1f2937}.md_checkbox_link{color:#3b82f6}.md_checkbox_link:hover{text-decoration:underline}