.container{max-width:540px!important}eh-modal{max-width:540px;height:100vh;position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.embed-responsive-ratio::before{padding-top:165%}body,html{background-color:var(--light-gray);position:relative}#app{max-width:540px;min-height:100vh;background-color:var(--white);background-size:100% auto;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}#loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100vh;background-color:var(--light-gray);background-size:100% auto;position:fixed;top:0;left:0;z-index:20000;opacity:1;-webkit-transition:.3s;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.loading-circle{border-radius:50%;width:3rem;height:3rem;border:.5rem solid var(--color-main);border-top-color:var(--color-sub);-webkit-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear}section img{width:100%}section .title-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section .section-subtitle,section .section-title{display:inline-block;font-size:2.25rem;font-weight:500;letter-spacing:1px;text-align:center;-webkit-text-stroke:6px var(--color-main);color:var(--color-main);position:relative;margin-left:-1rem;margin-right:-1rem}section .section-subtitle:after,section .section-title:after{content:attr(data-text);color:var(--white);-webkit-text-stroke:0;position:absolute;top:0;left:0}@media screen and (max-width:539px){section .section-subtitle,section .section-title{font-size:6vw}}section .section-subtitle{font-size:1.75rem;-webkit-text-stroke:5px var(--color-main)}@media screen and (max-width:539px){section .section-subtitle{font-size:5vw}}@media screen and (max-width:767px){section .title-deco-left{padding-right:5vw}}@media screen and (max-width:767px){section .title-deco-right{padding-left:5vw}}.btn{color:var(--white);background-color:var(--color-btn);border:3px solid var(--color-btn-border);text-shadow:0 2px 8px var(--color-btn-border);margin:0 6px}.btn:hover{background-color:var(--color-btn-hover)}@media screen and (max-width:767px){.btn{padding:10px 16px}}.btn.btn-small{padding:8px 12px}@media screen and (max-width:767px){.btn.btn-small{padding:6px 8px}}.btn-line{color:var(--color-main)!important;background-color:var(--white);border:3px solid var(--color-main);text-shadow:none}.btn-line:hover{border:3px solid var(--color-main)!important;background-color:var(--white)!important}.btn-gray{background-color:var(--gray);border:3px solid var(--more-gray);text-shadow:0 2px 8px var(--more-gray)}.btn-gray:hover{background-color:var(--more-gray)}.btn-special{padding:14px 14px;background-color:var(--color-btn);border:3px solid var(--color-btn-border);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;-webkit-transition:.3s;transition:.3s}.btn-special span{min-width:180px;font-size:1.75rem;font-weight:500;text-align:center;white-space:nowrap;color:var(--white);background-color:var(--color-btn-border);border-radius:3px;padding:8px 12px;position:relative}.btn-special span::after,.btn-special span::before{content:'';display:block;width:20px;height:20px;background-color:var(--color-btn-border);border-radius:1px;position:absolute;left:-4px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transition:.2s;transition:.2s;z-index:-1}.btn-special span::after{left:auto;right:-4px}.btn-special:hover{-webkit-box-shadow:0 3px 10px rgba(0,0,0,.25);box-shadow:0 3px 10px rgba(0,0,0,.25)}.btn-special:hover span::before{left:-6px}.btn-special:hover span::after{right:-6px}.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:52px;max-width:540px;background-color:var(--color-navbar);-webkit-box-shadow:0 0 10px rgba(0,0,0,.25);box-shadow:0 0 10px rgba(0,0,0,.25);position:fixed;top:0;z-index:10000;padding:0 20px}.navbar .logo-group{height:100%}.navbar img{height:100%;padding:14px 0}.navbar img:nth-child(2){padding:20px 12px}.navbar img:nth-child(3){padding:8px 0}@media screen and (max-width:767px){.navbar img{height:100%;padding:16px 0}.navbar img:nth-child(2){padding:20px 12px}.navbar img:nth-child(3){padding:10px 0}}.collapse-btn{display:block;width:30px;height:30px;position:absolute;top:8px;right:16px;z-index:3000;cursor:pointer}.collapse-btn b{display:block;width:24px;height:20px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.collapse-btn b i{display:block;width:24px;height:2px;background-color:#fff;position:absolute;top:50%;opacity:1;-webkit-transition:.2s;transition:.2s}.collapse-btn b i:nth-child(1){top:10%}.collapse-btn b i:nth-child(3){top:90%}.nav-list{width:100%;height:0;font-size:16px;list-style:none;text-align:center;color:var(--white);background-color:var(--color-d-main);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.25);box-shadow:0 5px 10px rgba(0,0,0,.25);padding:0;margin:0;position:absolute;top:52px;left:0;z-index:-1;overflow:hidden;-webkit-transition:.3s;transition:.3s}.nav-list a,.nav-list li{color:var(--white);padding:8px;-webkit-transition:.3s;transition:.3s}.nav-list a{font-size:16px}.nav-list a:hover{color:var(--color-sub)}.nav-list .nav-cropline{display:inline-block;width:120px;border-top:1px solid var(--white);padding:0;margin:1rem}.main-visual{width:100%}.main-logotype-effect{width:85%;position:absolute;top:3%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.main-logotype{width:70%;position:absolute;top:18%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.countdown-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:40px;position:absolute;top:75.2%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.countdown-title span{font-size:1.25rem;font-weight:500;text-align:center;letter-spacing:1px;color:var(--color-main)}@media screen and (max-width:767px){.countdown-title span{font-size:1.4rem}}.countdown-component{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;padding:0 1.5rem;position:absolute;top:85%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.countdown-component .count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 0 10%;flex:1 0 10%;background-color:var(--white);border-radius:3px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2);margin:0 4px}@media screen and (max-width:767px){.countdown-component .count{margin:0 2px}}.countdown-component .count-unit{font-size:1rem;font-weight:500;color:var(--color-main);margin:0 3px}@media screen and (max-width:767px){.countdown-component .count-unit{font-size:1.25rem}}.countdown-component span{font-size:2.75rem;line-height:4rem;font-weight:700;color:var(--color-important);-webkit-animation:breath 1s ease-out infinite;animation:breath 1s ease-out infinite}.direct-arrow{width:8%;min-width:28px;position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:swingY .6s ease-out alternate infinite;animation:swingY .6s ease-out alternate infinite}.btn-group{overflow:auto;white-space:nowrap;padding:0 24px;-ms-overflow-style:none;scrollbar-width:none}.btn-group::-webkit-scrollbar{display:none}.progress-text{color:var(--color-important)}.reset-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reset-group .reset-info{display:inline-block;height:20px;width:20px;margin-right:8px}.reset-group #resetBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reset-group #resetBtn img{display:inline-block;height:16px;width:16px;margin-right:8px}.btn-check,.btn-table-radio{display:none}input[type=radio]:checked+label{background-color:var(--color-d-sub)}.table{background-color:var(--white);border:3px solid var(--color-table);border-radius:5px;position:relative;z-index:1}.table .btn{font-size:1rem;color:var(--white);background-color:var(--color-main);border:3px solid var(--color-main);text-shadow:none;padding:8px 12px;margin:0;margin-bottom:18px}.table .btn:hover{background-color:var(--color-d-main);border:3px solid var(--color-d-main)}.table .btn:last-child{margin-bottom:0}.table::after{content:'';display:block;width:100%;height:100%;background-color:var(--color-main);border-radius:5px;position:absolute;top:9px;left:8px;z-index:-1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}tbody,thead{font-weight:500;color:var(--color-d-main);background-color:var(--color-table-bg-main);margin:-2px}tbody th,thead th{width:35%}tbody td,thead td{width:65%}tbody td,tbody th,thead td,thead th{border:2px solid var(--white);word-break:break-word;padding:12px}tbody tr:nth-child(even),thead tr:nth-child(even){background-color:var(--color-table-bg-sub)}.form-check{width:100%;position:relative;margin-bottom:4px}.form-check:last-child{margin-bottom:0}.form-check-input{position:absolute!important;top:5px;left:0}@media screen and (max-width:991px){.form-check-input{top:3px}}@media screen and (max-width:767px){.form-check-input{top:1px}}.form-check-label{padding-left:24px;line-height:1.75rem}input[type=checkbox]{width:18px;height:18px;background-color:#fff;border:2px solid var(--color-table);border-radius:3px}input[type=checkbox]:checked{border-color:var(--color-d-main);background:var(--color-table-done)}#first-col{width:10%}#title-en,#title-ma,#title-na,#title-pc,#title-so{width:18%}.col-gone{display:none}.col-show{display:block}.table{visibility:hidden}.page-number-div{padding:0 12px}.page-number{display:inline-block;font-size:1.25rem;font-weight:500;color:var(--gray);border-right:2px solid var(--gray);padding:0 8px;-webkit-transition:.3s;transition:.3s;cursor:pointer}.page-number:hover{color:var(--more-gray)}.page-number:last-child{border-right:none}.page-active{color:var(--color-main)}.page-active:hover{color:var(--color-main)}.left-arrow,.right-arrow{display:inline-block;width:20px;height:20px;color:var(--white);background-color:var(--color-main);border-radius:3px;position:relative;cursor:pointer}.left-arrow::after,.right-arrow::after{content:'';display:inline-block;width:6px;height:6px;border:tranparnet;border-top:3px solid var(--white);border-right:3px solid var(--white);position:absolute;top:0;left:0;margin-top:6px;margin-left:7px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.2s;transition:.2s}.right-arrow::after{margin-top:6px;margin-left:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.quiz-container{border:3px solid #d3d3d3;border-radius:5px;position:relative}.quiz-container img{border-radius:3px}.quiz-container .btn-special{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.quiz-dialog{font-size:0;color:var(--color-main);position:relative}.quiz-dialog h4{white-space:nowrap;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.btn-quiz-open{display:block;margin-left:-20px;padding:6px;-webkit-animation:pop .25s ease-out alternate infinite;animation:pop .25s ease-out alternate infinite}.btn-quiz-open:hover{-webkit-animation:none;animation:none}.quiz-card-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;text-align:center;letter-spacing:1px;color:var(--more-gray)}.quiz-card-text h5{padding:0 1.1rem}.quiz-card{font-size:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.25);box-shadow:0 0 10px rgba(0,0,0,.25)}.keypoint-container{padding:2rem}.keypoint-icon{padding:6px;background-color:var(--color-sub);border-radius:5px}.keypoint-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding-left:1rem}.keypoint-text h5{color:var(--color-main)}.keypoint-text p{font-size:1rem;letter-spacing:1px;color:var(--more-gray);margin-top:2px}.promo-pack{display:block;width:100%;max-width:80%;background-color:var(--white);border:3px solid #d3d3d3;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden}@media screen and (max-width:767px){.promo-pack{max-width:360px}}.promo-pack:nth-last-child(1){margin-bottom:0}.promo-info{padding:12px}.promo-info img{border-radius:3px}.promo-info h5{margin-top:6px;color:var(--dark-gray)}@media screen and (max-width:767px){.promo-info h5{font-size:1.5rem}}.promo-info .info-list{color:var(--more-gray);margin-top:12px}.promo-info li{font-size:16px}.promo-info .price{text-align:right;margin-top:12px;position:relative}.promo-info h2{font-weight:700;color:var(--color-main);position:relative;z-index:50}.promo-info span{font-size:1rem;font-weight:400;color:var(--more-gray);margin-right:6px}@media screen and (max-width:767px){.promo-info span{font-size:14px}}.promo-info span.slash{text-decoration:line-through}.promo-action{display:block;font-size:1.5rem;font-weight:500;text-align:center;letter-spacing:1px;color:#fff;background-color:var(--color-d-sub);padding:12px}.promo-action:hover::after{-webkit-animation:swingX .2s cubic-bezier(.74,.02,1,1) infinite alternate;animation:swingX .2s cubic-bezier(.74,.02,1,1) infinite alternate}.promo-action::after{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:.5rem 0 .5rem .8rem;border-color:transparent transparent transparent var(--color-sub);margin-left:.8rem}footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;color:var(--white);background-color:var(--color-main);position:relative;z-index:50}footer img{width:auto}footer ul{margin:0;letter-spacing:1px}footer li{list-style:none;font-size:12px}footer a{color:var(--white);font-size:12px;padding:0 6px}footer .item{margin-bottom:24px}footer .item:last-child{margin-bottom:0}div[slot=row-message]{text-align:center}div[slot=row-message] h5{color:var(--color-main);font-size:20px}div[slot=row-message] .important{color:var(--color-important)}div[slot=row-message] p{font-size:14px;font-weight:400;color:var(--more-gray);margin-top:12px;margin-bottom:12px;padding:0 12px}div[slot=row-message] li{font-size:16px;line-height:40px;font-weight:400;list-style:none}div[slot=row-message] span{font-size:16px}div[slot=row-message] .important p{color:var(--orange)}div[slot=row-message] img{width:100%}div[slot=row-message] .btn{font-size:16px}div[slot=row-message] .btn-refresh{display:inline-block;cursor:default}div[slot=row-message] .btn-refresh img{width:1rem;vertical-align:middle;margin-right:.5rem}@media screen and (max-width:767px){div[slot=row-message] .btn-refresh img{font-size:14px}}div[slot=row-message] .btn-refresh span{font-size:1rem;vertical-align:middle}@media screen and (max-width:767px){div[slot=row-message] .btn-refresh span{font-size:14px}}div[slot=row-action] .btn{font-size:16px;margin:0}div[slot=row-action] .btn:nth-child(n+2){margin-left:12px}@-webkit-keyframes swingX{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(6px);transform:translateX(6px)}}@keyframes swingX{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(6px);transform:translateX(6px)}}@-webkit-keyframes swingY{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}100%{-webkit-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px)}}@keyframes swingY{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}100%{-webkit-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px)}}@-webkit-keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes breath{0%{opacity:1}100%{opacity:.8}}@keyframes breath{0%{opacity:1}100%{opacity:.8}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}