@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap");.sprite-landing,.header-left-bg:before,.toyota-logo,.main-logo,.search-icon,.green-icon-1,.green-icon-2,.green-icon-3,.user-block .user-thumb:after,.camera-icon{display:inline-block;background-image:url("../images/sprite/sprite.png");background-repeat:no-repeat}body{font-family:'Kanit', sans-serif;margin:0;padding:0;min-height:100vh}.sarabun{font-family:'Sarabun', sans-serif}.black-bg{background-color:#000}.white-bg{background-color:#fff}.red-txt{color:#f90606}.green-txt{color:#0dc426}.dark-txt{color:#333}.white-txt{color:#fff}.align-center{text-align:center}.title{font-family:'Kanit', sans-serif;font-size:24px;line-height:1.5em;font-weight:600;margin-top:0;margin-bottom:10px}.prg{font-family:'Kanit', sans-serif;font-size:16px;line-height:1.5em;color:#222;margin-top:0;margin-bottom:25px}.prg strong{font-weight:500}.circle-close-btn{cursor:pointer;position:relative;width:30px;height:30px;border-radius:50%;background-color:#ed1c24}.circle-close-btn .custom-x-icon{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.circle-close-btn .custom-x-icon:before,.circle-close-btn .custom-x-icon:after{background-color:#fff}.custom-x-icon{position:relative;width:18px;height:18px}.custom-x-icon.-white:before,.custom-x-icon.-white:after{background-color:#fff}.custom-x-icon:before,.custom-x-icon:after{content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#888;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.custom-x-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.custom-x-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-overlay{pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);opacity:0;z-index:5;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.modal{pointer-events:none;position:fixed;left:50%;top:50%;z-index:10;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal.-show{pointer-events:unset}.modal.-show .modal-block{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.modal.-show ~ .modal-overlay{pointer-events:unset;opacity:1}.modal .modal-block{opacity:0;position:relative;width:300px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;max-height:90vh;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}.modal .modal-block.-center{display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center}.modal .modal-inner{position:relative;width:100%;height:100%;padding:36px 20px 25px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal .modal-inner .toyota-logo{margin:0 auto 10px}.modal .modal-inner .circle-close-btn{position:absolute;right:10px;top:10px}.form-wrap{position:relative;margin-left:auto;margin-right:auto}.form-wrap.-med{max-width:360px}.form-wrap .button-wrap{margin-top:25px}.button-wrap{max-width:350px;margin-left:auto;margin-right:auto;position:relative;text-align:center;margin-top:20px}.button-wrap .cmn-button{min-width:47%;margin-left:5px}.button-wrap .cmn-button:first-child{margin-left:0}.button-wrap .cmn-button+.cmn-button.-transparent{margin-top:15px;margin-left:0}.input-block{position:relative}.input-block.-floating{padding-top:15px}.input-block+.input-block{margin-top:12px}.label{display:block;font-family:'Kanit', sans-serif;font-size:16px;line-height:1em;margin-bottom:10px}.label.-floating{pointer-events:none;position:absolute;top:0;left:0;margin-bottom:0;color:#555;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateX(10px) translateY(24px);transform:translateX(10px) translateY(24px);-webkit-transition:-webkit-transform 0.3s ease, color 0.3s ease;-webkit-transition:color 0.3s ease, -webkit-transform 0.3s ease;transition:color 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, color 0.3s ease;transition:transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease}.error-txt{display:block;font-family:'Kanit', sans-serif;font-size:14px;line-height:1em;color:#f90606;margin-top:8px}.input{display:block;-webkit-appearance:none;outline:none;padding:0 10px;font-family:'Kanit', sans-serif;font-size:16px;height:34px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;background-color:#eee;border:1px solid #ccc;-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease}.input:focus{color:#000;background-color:#fff;border-color:#ed1c24}.input:-moz-read-only{background-color:#fff}.input:read-only{background-color:#fff}.input:-moz-read-only:focus{border-color:#ccc}.input:read-only:focus{border-color:#ccc}.input:disabled{background-color:#bbb}.input:focus ~ .label.-floating,.input:not(:placeholder-shown) ~ .label.-floating{color:#000;-webkit-transform:translateX(0px) translateY(-6px);transform:translateX(0px) translateY(-6px)}.hyperlink{display:inline-block;vertical-align:top;font-family:'Kanit', sans-serif;font-size:16px;line-height:1em}.hyperlink.-center{display:block;text-align:center}.cmn-button{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top;text-align:center;min-width:180px;font-family:'Kanit', sans-serif;font-size:18px;font-weight:500;line-height:1.25em;text-decoration:none;-webkit-appearance:none;border-radius:20px;padding:10px;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-transition:background-color 0.3s ease, color 0.3s ease;transition:background-color 0.3s ease, color 0.3s ease}.cmn-button.-red{color:#fff;background-color:#ed1c24}.cmn-button.-red:hover{background-color:red}.cmn-button.-black{color:#fff;background-color:#333}.cmn-button.-black:hover{background-color:#000}.cmn-button.-transparent{color:#ed1c24;background-color:transparent;text-decoration:underline}.cmn-button.-transparent.-block{min-width:100%}.cmn-button.-small{min-width:50px;font-size:14px;height:auto;border-radius:15px;padding:6px 10px}.cmn-button.-med{font-size:16px;height:36px;padding:0 10px}.cmn-button.-long{min-width:230px}.cmn-button.-disabled{cursor:default;color:#fff;background-color:#999}.cmn-button.-disabled:hover{background-color:#999}button.cmn-button{padding-top:0;padding-bottom:0;height:40px}header{position:fixed;background-color:#ed1c24;width:100%;height:44px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2);z-index:2}header .main-logo{display:block;position:absolute;left:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:6}.header-nav-bg{pointer-events:none;position:absolute;left:0;right:0;top:0;height:44px;background-color:#ed1c24;z-index:2}.header-left-bg{position:absolute;left:0;top:0;pointer-events:none;width:100px;height:44px;background-color:#fff;z-index:5}.header-left-bg:before{content:"";display:block;position:absolute;left:85px;top:0;width:177px;height:44px;background-position:0% 33.18025%;background-size:193.05019% 775.1938%}.toyota-logo{display:block;width:260px;height:93px;background-position:0% 12.2871%;background-size:200% 561.79775%}.main-logo{display:inline-block;vertical-align:top;width:200px;height:28px;background-position:0% 0%;background-size:163.93443% 1162.7907%}.menu-nav-btn{pointer-events:none;position:absolute;right:0;top:0;width:44px;height:44px;z-index:3}.hamb-menu,.hamb-menu:after,.hamb-menu:before{left:50%;width:24px;height:2px;margin-left:-12px;background-color:#fff}.hamb-menu{pointer-events:none;position:relative;top:50%;margin-top:-1px}.hamb-menu:after,.hamb-menu:before{content:"";display:block;position:absolute;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.hamb-menu:before{top:-8px}.hamb-menu:after{bottom:-8px}.menu-nav-trigger{position:absolute;top:0;right:0;width:44px;height:44px;outline:none;border:1px solid #ccc;padding:0;margin:0;border-radius:0;z-index:4;opacity:0}.menu-nav-trigger:checked ~ .menu-nav-btn .hamb-menu{height:0;margin-top:0}.menu-nav-trigger:checked ~ .menu-nav-btn .hamb-menu:before{-webkit-transform:rotate(45deg) translateX(5px) translateY(5px);transform:rotate(45deg) translateX(5px) translateY(5px)}.menu-nav-trigger:checked ~ .menu-nav-btn .hamb-menu:after{-webkit-transform:rotate(-45deg) translateX(5px) translateY(-5px);transform:rotate(-45deg) translateX(5px) translateY(-5px)}.menu-nav-trigger:checked ~ .header-nav{-webkit-transform:translateY(0);transform:translateY(0)}.header-nav{position:fixed;left:0;top:44px;width:100%;bottom:0;background-color:#eee;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-120%);transform:translateY(-120%);z-index:1}.nav-list{position:relative;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0}.nav-list .nal-list-item{position:relative;font-size:19px;line-height:1em;text-align:left}.nav-list .nal-list-item.-actived .nav-list-txt{background-color:#fff}.nav-list .nal-list-item:first-child{padding-top:44px}.nav-list .nal-list-item.search-block{position:absolute;left:0;right:0;top:0;background-color:#aaa;-webkit-box-sizing:border-box;box-sizing:border-box;height:44px;padding:6px 10px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2);border-top:1px solid #eee}.nav-list .nal-list-item.search-block form{position:relative}.nav-list .nav-list-txt{position:relative;display:block;padding:10px 15px;color:#ed1c24;text-decoration:none;-webkit-transition:background-color 0.3s ease, color 0.3s ease;transition:background-color 0.3s ease, color 0.3s ease}.submit-search-btn{cursor:pointer;position:absolute;right:0;top:7px;outline:none;border:none;padding:0;background-color:transparent;border-radius:0;-webkit-appearance:none}.search-icon{display:inline-block;vertical-align:top;width:18px;height:18px;background-position:100% 0%;background-size:1219.5122% 1219.5122%}.search-input-block{position:relative;padding-right:26px}.search-input-block .search-icon{-webkit-filter:brightness(1);filter:brightness(1)}.search-input{font-family:'Kanit', sans-serif;font-size:15px;width:100%;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;position:relative;outline:none;-webkit-appearance:none;background-color:#fff;border:1px solid #fff;border-radius:20px;-webkit-transition:border-color 0.3s ease;transition:border-color 0.3s ease}.search-input:focus{border-color:#ed1c24}.banner-block{position:relative}.banner-block.-spacetop{padding-top:44px}.banner-block .banner-list{position:relative}.banner-block .banner-img{position:relative;margin:0;padding:0;width:100%;overflow:hidden}.banner-block .banner-img img{position:relative;display:block;width:150%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.banner-block .banner-txt-block{display:block;margin:0;padding:0;position:absolute;right:10px;bottom:25px;text-align:right;font-size:12px;line-height:1.75em;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,0.5),2px 2px 10px rgba(0,0,0,0.5),2px 2px 10px rgba(0,0,0,0.5)}.banner-block .banner-txt-block strong{display:block;font-size:1.66667em;font-weight:500}.banner-block .swiper-pagination{height:10px;left:10px;right:10px;bottom:10px;text-align:center}.banner-block .swiper-pagination .swiper-pagination-bullet{margin-left:4px;margin-right:4px;vertical-align:top;background:#000;border:1px solid #fff}.banner-block .swiper-pagination .swiper-pagination-bullet:first-child:last-child{max-height:0;overflow:hidden}.banner-block .swiper-pagination .swiper-pagination-bullet-active{background:#ed1c24;border-color:#ed1c24}.breadcrumb-block{position:relative;width:90.625%;margin-left:auto;margin-right:auto;border-bottom:1px solid #ed1c24;margin-bottom:20px;padding-top:7px}.breadcrumb-block .cmn-button.-small{display:block;width:90px;margin-top:5px}.breadcrumb-block .breadcrumb-list{position:relative;display:inline-block;vertical-align:top;margin-top:3px;margin-bottom:3px;color:#757575;text-decoration:none}.breadcrumb-block .breadcrumb-list.-actived{color:#ed1c24}.square-block{position:relative;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.square-block .square-block-list{position:relative;width:33.333%;margin:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px}.square-block .square-block-item{display:block;text-decoration:none;outline:none}.square-block .square-block-item img{display:block;width:100%;margin-bottom:10px;border-radius:15px}.square-block .square-block-txt{display:block;font-size:14px;line-height:1.25em;color:#333;text-align:center}.info-block{position:relative;margin-top:15px;margin-bottom:15px}.info-block.-content{min-height:200px;background-repeat:no-repeat;background-size:cover;background-position:left bottom;margin-bottom:0;background-color:#f9f9f9}.info-block.-spacetop{margin-top:0;padding-top:44px}.info-block.-spacebtm{margin-top:0;margin-bottom:0;padding-bottom:30px}.info-block.-three{overflow:hidden}.info-block.-three .title{margin-bottom:15px;text-align:center}.info-block .title{text-align:left}.info-block .title.-center{text-align:center}.info-block .info-desc-block{position:relative;width:90.625%;max-width:1300px;border-bottom:1px solid #ed1c24;margin-left:auto;margin-right:auto;padding-bottom:20px}.info-block .info-banner-block{position:relative;width:280px;margin-left:auto;margin-right:auto;margin-bottom:25px}.info-block .info-banner-block img{display:block;width:100%}.green-icon-1,.green-icon-2,.green-icon-3{display:block;width:25px;height:25px}.green-icon-1{background-position:66.28392% 0%;background-size:2380.95238% 2380.95238%}.green-icon-2{background-position:70.87683% 0%;background-size:2380.95238% 2380.95238%}.green-icon-3{background-position:75.46973% 0%;background-size:2380.95238% 2380.95238%}.info-list-icon-block{position:relative;list-style:none;margin:0;padding:0;font-family:'Kanit', sans-serif;color:#222}.info-list-icon-block .info-list-icon{display:block;outline:none;text-decoration:none;font-size:17px;font-weight:500;line-height:1.25em}.info-list-icon-block .info-list-icon+.info-list-icon{margin-top:15px}.info-list-icon-block .info-list-icon .list-icon{display:inline-block;vertical-align:middle;margin-right:7px}.course-swiper{position:relative;width:85%;max-width:1300px;margin-left:auto;margin-right:auto;margin-bottom:25px;overflow:visible}.course-swiper .swiper-wrapper{-moz-align-items:stretch;-ms-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.course-swiper .swiper-pagination{position:relative;width:100%;height:10px;bottom:auto;margin-top:20px}.course-swiper .swiper-pagination .swiper-pagination-bullet{vertical-align:top;border:1px solid #fff;background-color:#ed1c24}.course-swiper .swiper-pagination .swiper-pagination-bullet:first-child:last-child{max-height:0;overflow:hidden}.mtp-col-block{position:relative;width:100%;margin-left:auto;margin-right:auto}.mtp-col-block.-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-webkit-box-pack:start;justify-content:flex-start;-ms-flex-pack:flex-start;width:90.625%}.mtp-col-block.-flex .mtp-col-item+.mtp-col-item{margin-top:25px}.mtp-col-block.-flex .mtp-col-item.-full{width:100%;margin:0 auto;padding-top:0}.mtp-col-block.-flex .mtp-col-item.-full .thumbnail-box{padding-top:0}.mtp-col-block.-flex .mtp-col-item.-full .thumbnail-box img{position:relative;width:auto;height:auto;max-width:100%}.mtp-col-block .mtp-col-item{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;background-color:#f1f1f1}.mtp-col-block .mtp-col-item.-style{width:100%;text-align:center;padding-top:10px;padding-bottom:40px;background-color:transparent}.mtp-col-block .mtp-col-item.-full{width:100%}.mtp-col-block .mtp-col-item.-overlay .thumbnail-box{cursor:default}.mtp-col-block .mtp-col-item.-overlay .thumbnail-box:before{content:attr(data-txt);display:-webkit-box;display:-ms-flexbox;display:flex;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;font-size:30px;line-height:1.5em;color:#fff;z-index:1;text-align:center}.mtp-col-block .mtp-col-item.-overlay .thumbnail-box:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:0}.mtp-col-block .thumbnail-box+.cmn-button{margin-top:20px}.mtp-col-block .status-block{position:absolute;right:0;bottom:115px;padding-top:5px;padding-bottom:5px;padding-left:15px}.mtp-col-block .status-block:after{top:10px;left:3px}.mtp-col-block .status-block:before{content:"";display:block;position:absolute;left:-14px;top:0;width:0;height:0;border-style:solid;border-color:transparent;border-width:0 0 28px 14px;border-color:transparent transparent #fff transparent}.mtp-col-block .status-block:not(:empty){background-color:#fff}.mtp-col-block .desc-block{position:relative;margin:0;padding:15px 0 150px}.mtp-col-block .desc-block h3,.mtp-col-block .desc-block p{margin-left:15px;margin-right:15px}.mtp-col-block .desc-block h3{color:#222;font-size:18px;font-weight:600;line-height:1.25em;margin-top:0;margin-bottom:5px}.mtp-col-block .desc-block p{color:#444;font-size:16px;line-height:1.5em;margin-bottom:0;margin-top:0}.button-block{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:12px 10px 20px;background-color:#eee;border-top:2px solid #ccc}.button-block .time{font-size:18px;font-weight:bold;margin-bottom:12px}.thumbnail-box{display:block;outline:none;text-decoration:none;position:relative;background-color:#ddd;margin:0;padding-top:70.344%;padding-top:56.296%}.thumbnail-box.-transparent{height:auto;padding-top:58.9655%;background-color:transparent}.thumbnail-box.-transparent img{border:none;margin-left:auto;margin-right:auto}.thumbnail-box img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;-o-object-fit:cover;object-fit:cover}.status-block{position:relative;padding-left:15px;padding-right:15px;font-size:18px;line-height:1em;font-weight:600;margin-top:15px;padding-left:30px;color:#999}.status-block:after{content:"";display:block;position:absolute;left:15px;top:5px;width:8px;height:8px;border-radius:50%;background-color:#999}.status-block.-success{color:#0dc426}.status-block.-success:after{background-color:#0dc426}.status-block.-inprogress{color:#fc6806}.status-block.-inprogress:after{background-color:#fc6806}footer{position:relative;color:#fff;background-color:#323232}footer h4{font-family:'Kanit', sans-serif;font-size:18px;font-weight:400;line-height:1.3em;margin-top:0;margin-bottom:10px}footer h5{font-family:'Kanit', sans-serif;font-size:15px;font-weight:400;line-height:1.3em;margin-top:0;margin-bottom:5px}footer p{color:#bbb;font-size:14px;font-weight:300;line-height:1.5em;margin-top:0;margin-bottom:0}footer .footer-inner{position:relative;width:90.625%;margin-left:auto;margin-right:auto;padding:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap}footer .footer-cols{position:relative;width:100%}footer .footer-cols+.footer-cols{margin-top:25px;padding-top:25px;border-top:1px solid #595959}footer .footer-bottom{text-align:center;font-size:14px;font-weight:300;padding:10px;background-color:#151515}.social-block{position:relative;list-style:none;margin:0;padding:0}.social-block:after{content:"";display:block;clear:both}.social-block .social-list{float:left;position:relative;width:30px;height:30px}.social-block .social-list+.social-list{margin-left:10px}.social-block .social-list a{display:block;width:100%;height:100%}.social-block .social-list a img{display:block;width:100%;height:100%;border-radius:4px}.swiper-button-prev.-custom{left:0}.swiper-button-next.-custom{right:0}.swiper-button-next.-custom,.swiper-button-prev.-custom{color:#ed1c24;outline:none}.swiper-button-next.-custom:after,.swiper-button-prev.-custom:after{font-size:22px;font-weight:bold}.user-block{position:absolute;right:46px;top:5px;z-index:5}.user-block .user-menu-trigger{cursor:pointer;position:absolute;right:-4px;top:-5px;width:44px;height:44px;outline:none;margin:0;padding:0;border:none;border-radius:0;background-color:#fff;z-index:5;opacity:0}.user-block .user-menu-trigger:checked,.user-block .user-menu-trigger:checked ~ .user-thumb{-webkit-transform:translateX(42px);transform:translateX(42px)}.user-block .user-menu-trigger:checked ~ .user-menu-block .user-menu{max-height:600px}.user-block .user-menu-trigger:checked ~ .user-thumb-bg{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0s;transition-delay:0s}.user-block .user-thumb,.user-block .user-thumb img{display:block;border-radius:50%;width:30px;height:30px}.user-block .user-thumb{cursor:pointer;position:relative;text-decoration:none;outline:none;background-color:#aaa;border:2px solid #fff;z-index:2;overflow:hidden;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.user-block .user-thumb:after{pointer-events:none;content:"";display:block;position:absolute;left:50%;bottom:-2px;z-index:0;width:25px;height:27px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-position:86.47125% 0%;background-size:884.95575% 819.67213%}.user-block .user-thumb img{position:relative;z-index:2}.user-block .user-thumb-bg{position:absolute;right:-46px;top:-5px;width:44px;height:44px;background-color:#333;z-index:1;-webkit-transform:translateY(-44px);transform:translateY(-44px);-webkit-transition:-webkit-transform 0.1s ease 0.4s;transition:-webkit-transform 0.1s ease 0.4s;transition:transform 0.1s ease 0.4s;transition:transform 0.1s ease 0.4s, -webkit-transform 0.1s ease 0.4s}.user-menu-block{position:absolute;right:-46px;top:100%;padding-top:5px;width:100vw}.user-menu-block .user-menu{position:relative;margin:0;padding:0;list-style:none;max-height:0;overflow:hidden;-webkit-transition:max-height 0.3s ease 0.1s;transition:max-height 0.3s ease 0.1s}.user-menu-block .user-menu-list{position:relative;background-color:#333}.user-menu-block .user-menu-list+.user-menu-list{border-top:1px solid #555}.user-menu-block .user-menu-list:hover a{color:#fff}.user-menu-block .user-menu-list a{position:relative;display:block;padding:10px 15px;text-decoration:none;outline:none;font-family:'Kanit', sans-serif;font-size:16px;line-height:1.25em;color:#bbb}.paging-block{position:relative;margin-top:40px;margin-bottom:20px;text-align:center}.paging-block .paging-list{position:relative;list-style:none;margin:0;padding:0}.paging-block .paging-list-item{position:relative;display:inline-block;vertical-align:top;margin-left:3px;margin-right:3px}.paging-block .paging-list-item.-actived>a,.paging-block .paging-list-item:hover>a{text-decoration:underline}.paging-block .paging-list-item.-number.-actived>a,.paging-block .paging-list-item.-number:hover>a{background-color:#ed1c24;color:#fff;text-decoration:none}.paging-block .paging-list-item.-number>a{width:35px;height:35px;border-radius:50%}.paging-block .paging-list-item.-disable>a,.paging-block .paging-list-item.-disable:hover>a{opacity:0.6;text-decoration:none}.paging-block .paging-list-item a{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:15px;font-weight:600;line-height:1;display:block;padding:10px 0;text-decoration:none;color:#ed1c24}.camera-icon{display:block;width:16px;height:13px;background-position:61.17788% 11.49425%;background-size:595.2381% 769.23077%}.flex-wrap{position:relative}.profile-block,.dashboard-block{position:relative;width:90.625%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 20px 40px;margin-left:auto;margin-right:auto;background-color:#fff;-webkit-box-shadow:0 0 9px rgba(0,0,0,0.3);box-shadow:0 0 9px rgba(0,0,0,0.3);border-radius:10px;margin-bottom:30px}.profile-thumb{position:relative;width:120px;height:120px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #999;background-color:#eee;border-radius:50%;margin-left:auto;margin-right:auto;margin-bottom:20px}.profile-thumb img{pointer-events:none;width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-block .camera-icon-block{pointer-events:none;position:absolute;right:0;bottom:0;border-radius:50%;width:30px;height:30px;background-color:#888;border:2px solid #fff}.profile-block .camera-icon{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.profile-block .upload-photo{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;outline:none;opacity:0}.profile-desc-block{max-width:350px;margin-left:auto;margin-right:auto}.profile-desc-block .input-block+.input-block{margin-top:25px}.profile-desc-block .button-wrap{margin-top:30px}.dashboard-block .button-wrap{margin-top:30px}.chart-block{position:relative;margin-top:30px}.chart-block img{display:block;width:100%}.custom-arrow{position:relative;width:8px;height:10px}.custom-arrow.-white:before,.custom-arrow.-white:after{background-color:#fff}.custom-arrow.-prev{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.custom-arrow.-next{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.custom-arrow:before,.custom-arrow:after{content:"";display:block;position:absolute;width:2px;height:10px;background-color:#aaa}.custom-arrow:before{right:0;-webkit-transform:rotate(50deg);transform:rotate(50deg)}.custom-arrow:after{left:0;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}.select-menu-block{position:relative;display:inline-block;width:100%;vertical-align:top;background-color:#fff;border:1px solid #ccc;border-radius:10px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 40px 0 15px;overflow:hidden}.select-menu-block .custom-arrow{pointer-events:none;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.select-menu-block select{position:absolute;font-family:'Kanit', sans-serif;font-size:15px;background-color:#fff;left:0;top:0;width:100%;height:100%;padding:0 16px;border:none;-webkit-appearance:none;border-radius:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.ranking-block-wrap{position:relative;width:90.625%;margin-left:auto;margin-right:auto;padding-bottom:50px}.ranking-block{position:relative;margin-top:20px}.ranking-row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;font-weight:300;color:#333}.ranking-row:nth-child(odd){background-color:#eee}.ranking-row.-head{font-size:14px;font-weight:600;color:#fff;text-align:center;background-color:#ed1c24}.ranking-row.-head.-left{text-align:left}.ranking-row .cols{position:relative;width:25%;padding:10px 5px;-webkit-box-sizing:border-box;box-sizing:border-box}.ranking-row .cols:first-child{width:30%}.ranking-row .cols:last-child{width:20%}.ranking-row .cols.-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ranking-row .cols.-left{text-align:left}.ranking-row .cols.-center{text-align:center}.ranking-row .cols.-right{text-align:right;padding-right:15px}.ranking-row .cols .profile-thumb{width:36px;height:36px;margin-bottom:0;margin-left:6px;margin-right:0}.course-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap;position:relative;width:90.625%;margin-left:auto;margin-right:auto}.course-block .toggle-content{position:absolute;left:0;top:0;outline:none;opacity:0}.course-block .title{margin-bottom:0}.course-block .left-side,.course-block .right-side{position:relative}.course-block .course-title{position:relative;font-family:'Kanit', sans-serif;font-size:22px;line-height:1.5em;font-weight:400;color:#fff;margin-bottom:10px;padding:3px 10px;background-color:#ed1c24}.course-block .right-side{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin-bottom:30px}.course-block .left-side{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-bottom:25px}.course-block .left-side .video-js,.course-block .left-side .fix-block{width:100%;background-color:#000}.course-block .left-side .video-js{display:block;height:50.9375vw;max-height:788px;background-color:#000}.course-block .left-side .fix-block{position:relative;background-color:#fff}.course-block .center-bottom{position:relative;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;border-bottom:1px solid #ccc}.course-block .change-view-button{display:none}.course-block .fix-block .title{font-family:'Sarabun', sans-serif;font-size:18px;line-height:1.25em;margin-bottom:10px}.fix-block,.fix-block .prg{font-family:'Sarabun', sans-serif}.fix-block .prg .bold{font-weight:600}.fix-block,.no-block-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.fix-block{-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center;min-height:100px;border:2px solid #aaa}.fix-block-inner{position:relative;width:100%;height:100%;min-height:340px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.fix-block-inner .prg{margin-bottom:0}.fix-block-inner .button-wrap{width:100%}.page-content{position:relative;width:100%;max-height:0;overflow:hidden}.page-content.-actived{max-height:none;overflow:visible;height:100%}.custom-radiobox{position:relative;width:20px;height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #ed1c24;border-radius:50%;background-color:#fff}.custom-radiobox .radio-input{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:none;opacity:0}.custom-radiobox .radio-input:checked ~ .radio-circle{opacity:1}.custom-radiobox .radio-circle{pointer-events:none;display:block;position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background-color:#ed1c24;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:0}.no-block-list{position:relative;width:100%;padding:10.344% 10.344% 5.172%}.no-block-list .question-txt{display:block;width:100%;font-size:16px;line-height:1.25em;margin-top:0;margin-bottom:5px}.no-block-list .answer-list-block{position:relative;width:100%;margin:0;padding:0;list-style:none;text-align:left}.no-block-list .answer-list{position:relative;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-block-list .answer-txt{cursor:pointer;max-width:90%;font-size:14px;line-height:1.25em;padding-left:6px;-webkit-box-sizing:border-box;box-sizing:border-box}.no-block-list .button-wrap{width:100%}.course-desc-list{position:relative}.course-desc-list .list{width:100%;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:8px 10px;background-color:#fff;text-decoration:none;font-family:'Kanit', sans-serif;font-size:18px;line-height:1.5em;color:#333;font-weight:500}.course-desc-list .list.-circle{padding-left:22px}.course-desc-list .list.-circle:before{content:"";display:block;position:absolute;left:10px;top:20px;width:6px;height:6px;border-radius:50%;background-color:#555}.course-desc-list .list.-actived,.course-desc-list .list:hover{background-color:#f3f3f3}.course-desc-list .list.-success{color:#0dc426}.course-desc-list .list.-success.-circle:before{background-color:#0dc426}.course-desc-list .list.-inprogress{color:#fc6806}.course-desc-list .list.-inprogress.-circle:before{background-color:#fc6806}.course-desc-list .list+.list{border-top:1px solid #ddd}.course-desc-list .list-txt{position:relative}.course-desc-list .list-time{display:block;font-size:0.875em;color:#888}.vjs-big-play-centered .vjs-big-play-button{margin:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.video-js .vjs-big-play-button{width:2em;height:2em;line-height:2em;border-radius:50%}.breadcrumb-block,.mtp-col-block,.flex-wrap,.course-block,.footer-inner{max-width:1400px}.all-dropdown-list{position:relative;max-width:500px;margin-left:auto;margin-right:auto}.custom-dropdown{position:relative;max-height:40px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:12px;text-align:left}.custom-dropdown+.custom-dropdown{margin-top:25px}.custom-dropdown.-actived{max-height:none}.custom-dropdown.-actived .dd-arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.custom-dropdown .dropdown-list{position:relative;padding-top:38px}.custom-dropdown .dd-arrow{pointer-events:none;position:absolute;right:0;top:0;width:38px;height:38px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ed1c24}.custom-dropdown .dd-arrow .custom-arrow{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.custom-dropdown .dd-list-item{position:relative;cursor:pointer;display:block;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-decoration:none;outline:none;font-family:'Kanit', sans-serif;font-size:16px;line-height:1.5em;padding:7px 42px 7px 15px}.custom-dropdown .dd-list-item+.dd-list-item{border-top:1px solid #eee}.custom-dropdown .dd-list-item.-actived{position:absolute;left:0;top:0;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown .dd-list-item.-actived>.custom-arrow{display:none}.custom-dropdown .dd-list-item .custom-arrow{position:absolute;right:15px;top:15px}@media screen and (min-width: 375px){.banner-block .banner-txt-block{font-size:15px}.square-block .square-block-list{padding-left:12px;padding-right:12px}.ranking-row{font-size:14px}.ranking-row.-head{font-size:16px}.ranking-row .cols:first-child,.ranking-row .cols:last-child{width:25%}.ranking-row .cols .profile-thumb{margin-left:4px}}@media screen and (min-width: 480px){.square-block .square-block-list{width:25%}.banner-block .banner-img img{width:100%;left:auto;-webkit-transform:none;transform:none}.banner-block .banner-txt-block{right:40px;bottom:25px;font-size:18px}}@media screen and (min-width: 640px){.course-swiper{width:90.625%;overflow:hidden}.info-block{margin-top:25px;margin-bottom:25px}.info-block .title{margin-bottom:0}.info-block .info-desc-block{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:330px;padding-bottom:40px}.info-block .info-banner-block{position:absolute;top:0;left:0;width:300px;height:100%;padding-top:10px;padding-bottom:40px;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box}.info-block .info-banner-block img{height:100%;-o-object-fit:cover;object-fit:cover}.square-block .square-block-list{margin-top:18px;margin-bottom:18px}.mtp-col-block.-flex{-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.mtp-col-block.-flex .mtp-col-item{width:49%;margin-left:0;margin-right:2%;margin-bottom:2%}.mtp-col-block.-flex .mtp-col-item:nth-child(2n){margin-right:0}.mtp-col-block.-flex .mtp-col-item+.mtp-col-item{margin-top:0}.title.-med{font-size:27px}.dashboard-block .select-menu-block{margin-top:10px}.select-menu-block select{font-size:18px}.ranking-row{font-size:16px}.ranking-row.-head{font-size:18px}.ranking-row .cols .profile-thumb{width:40px;height:40px;margin-left:10px}.course-block .fix-block .title{font-size:24px}.fix-block-inner{min-height:435px}.no-block-list .question-txt,.fix-block .prg{font-size:20px;line-height:1.6em}.no-block-list .question-txt{margin-bottom:10px}.no-block-list .answer-txt{font-size:18px;line-height:1.5em}.no-block-list .answer-list{padding-top:12px;padding-bottom:12px}.no-block-list .answer-list .custom-radiobox{margin-top:2px}.no-block-list .button-wrap{margin-top:30px}}@media screen and (min-width: 760px){.toyota-logo{width:320px;height:114px}.modal .modal-block{width:460px}.modal .modal-inner{padding-bottom:36px}.label,.input{font-size:18px}.input{height:40px}.label.-floating{-webkit-transform:translateX(15px) translateY(26px);transform:translateX(15px) translateY(26px)}.input:focus ~ .label.-floating,.input:not(:placeholder-shown) ~ .label.-floating{color:#000;-webkit-transform:translateX(0px) translateY(-10px);transform:translateX(0px) translateY(-10px)}.input-block+.input-block{margin-top:18px}.form-wrap .button-wrap{margin-top:40px}.cmn-button.-med{font-size:18px;height:38px}.square-block{max-width:960px;margin-left:auto;margin-right:auto;padding:30px 60px}.square-block .square-block-list{padding-left:20px;padding-right:20px;margin-top:25px;margin-bottom:25px}.square-block .square-block-txt{font-size:18px}.square-block .square-block-item img{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;margin-bottom:15px}.square-block .square-block-item:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}.breadcrumb-block{font-size:18px;padding-top:25px}.paging-block .paging-list-item a{font-size:18px}.paging-block .paging-list-item{margin-left:5px;margin-right:5px}.paging-block .paging-list-item.-number>a{width:38px;height:38px}.ranking-block-wrap .select-menu-block{float:right;width:300px;margin-bottom:25px}.ranking-block-wrap .ranking-block{clear:both}.ranking-row{font-size:18px}.ranking-row.-head{font-size:20px}.ranking-row .cols .profile-thumb{width:55px;height:55px}.ranking-row .cols.-flex{padding-right:8%;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-webkit-box-pack:end;justify-content:flex-end;-ms-flex-pack:flex-end}}@media screen and (min-width: 900px){.thumbnail-box{padding-top:70.270%;padding-top:56.349%}.info-block.-three{margin-left:auto;margin-right:auto}.info-block.-three .title{margin-bottom:25px;width:90.625%;max-width:1300px;margin-left:auto;margin-right:auto;text-align:left}.info-block.-three .hyperlink{position:absolute;min-width:300px;text-align:right;top:12px;right:50%;margin-right:-408px}.mtp-col-block .desc-block h3,.mtp-col-block .desc-block p{margin-left:20px;margin-right:20px}footer h4{font-size:20px}footer h5{font-size:18px}footer p{font-size:16px}footer .footer-inner{-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;padding-top:30px;padding-bottom:30px}footer .footer-cols{width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:30px}footer .footer-cols:last-child{padding-right:0}footer .footer-cols+.footer-cols{border-top:none;padding-top:0;margin-top:0;border-left:1px solid #555;padding-left:30px}.mtp-col-block.-flex .mtp-col-item,.mtp-col-block.-flex .mtp-col-item+.mtp-col-item{margin-top:2%}.mtp-col-block.-flex .mtp-col-item{width:32%}.mtp-col-block.-flex .mtp-col-item:nth-child(2n){margin-right:2%}.mtp-col-block.-flex .mtp-col-item:nth-child(3n){margin-right:0}.mtp-col-block.-largepadding{padding-top:60px;padding-bottom:60px}.flex-wrap{width:90.625%;margin-left:auto;margin-right:auto;padding-top:25px;padding-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.flex-wrap .profile-block,.flex-wrap .dashboard-block{width:48%}.flex-wrap .dashboard-block{margin-left:4%}.profile-block,.dashboard-block{padding-bottom:110px}.profile-desc-block .button-wrap,.dashboard-block .button-wrap{position:absolute;left:0;right:0;bottom:37px}.profile-desc-block{max-width:400px}.button-wrap .cmn-button{margin-left:8px}}@media screen and (min-width: 1000px){.menu-nav-trigger,.menu-nav-btn{display:none}.main-logo{width:286px;height:40px;width:215px;height:30px}.search-icon{width:22px;height:22px}header,.header-nav-bg,.header-left-bg{height:100px;height:80px}header:after{pointer-events:none;content:"";display:block;position:absolute;right:0;top:0;width:429px;height:100px;width:343px;height:80px;z-index:2;opacity:0.6;mix-blend-mode:lighten;background-image:url("../images/sprite/sprite.png");background-repeat:no-repeat;background-position:0% 49.13892%;background-size:180.83183% 775.1938%}header .main-logo{left:10px}.header-left-bg:before{left:0;width:402px;height:100px;width:322px;height:80px}.header-nav{position:absolute;width:auto;top:32px;top:25px;right:10px;left:325px;left:252px;bottom:auto;z-index:5;background-color:transparent;-webkit-transform:none;transform:none}.nav-list{text-align:right;overflow:visible}.nav-list .nal-list-item{font-size:17px;display:inline-block;vertical-align:top;text-align:left}.nav-list .nal-list-item.-actived .nav-list-txt,.nav-list .nal-list-item:hover .nav-list-txt{background-color:#fff;color:#ed1c24}.nav-list .nal-list-item:first-child{padding-top:0}.nav-list .nal-list-item.search-block{position:relative;left:auto;right:auto;top:auto;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;height:auto;padding:0}.nav-list .nal-list-item.-button{border-radius:20px;background-color:#aaa;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.nav-list .nal-list-item.-button:hover{background-color:#fff}.nav-list .nal-list-item.-button:hover .nav-list-txt{color:#ed1c24}.nav-list .nal-list-item.-button .nav-list-txt{padding-left:20px;padding-right:20px}.nav-list .nav-list-txt{color:#fff;padding:7px 10px;border-radius:20px}.search-input{height:36px;height:30px;background-color:#fff}.search-input-block{padding-left:20px;padding-right:30px;width:190px}.search-input-block:before{content:"";display:block;position:absolute;left:8px;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.7)}.search-input-block .search-icon{-webkit-filter:none;filter:none}.banner-block.-spacetop{padding-top:80px}.banner-block .banner-txt-block{font-size:38px;right:50px;bottom:30px}.banner-block .swiper-pagination{bottom:15px}.title{font-size:40px}.prg{margin-bottom:30px}.prg,.info-list-icon-block .info-list-icon{font-size:20px}.info-block.-spacetop{padding-top:100px}.info-block .info-desc-block{min-height:346px;padding-left:400px}.info-block .info-banner-block{width:340px;padding-top:20px}.info-list-icon-block .info-list-icon .list-icon{width:32px;height:32px}.info-list-icon-block .info-list-icon+.info-list-icon{margin-top:20px}.info-block.-three .hyperlink{top:30px;margin-right:-45.3%}.user-block{right:252px;top:23px;z-index:10}.user-block .user-thumb-bg{opacity:0;right:-5px;-webkit-transform:translateY(0);transform:translateY(0)}.user-block .user-thumb-bg,.user-block .user-menu-block .user-menu{-webkit-transition:none;transition:none}.user-block ~ .header-nav .nav-list .nal-list-item.search-block{margin-left:50px}.user-block .user-menu-trigger:checked,.user-block .user-menu-trigger:checked ~ .user-thumb{-webkit-transform:translateX(0);transform:translateX(0)}.user-block .user-menu-trigger:checked ~ .user-thumb-bg{opacity:1}.user-block .user-menu-block{right:auto;left:-5px;width:260px}.breadcrumb-block{font-size:20px}.ranking-row{font-size:20px;font-weight:400}.ranking-row.-head{font-size:24px}.ranking-row .cols:nth-child(2){width:35%}.ranking-row .cols:last-child{width:15%}.course-block{-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.course-block .toggle-content:checked ~ .left-side,.course-block .toggle-content:checked ~ .right-side{width:100%}.course-block .toggle-content:checked ~ .left-side{margin-right:0}.course-block .toggle-content:checked ~ .left-side.-fix{min-height:440px}.course-block .toggle-content:checked ~ .left-side .change-view-button{display:block}.course-block .toggle-content:checked ~ .left-side .video-js{height:56.3vw}.course-block .toggle-content:checked ~ .left-side .no-block-list{width:70%;margin-left:auto;margin-right:auto}.course-block .toggle-content:checked ~ .center-bottom{min-height:50px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.course-block .toggle-content:checked ~ .right-side{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.course-block .toggle-content:checked ~ .right-side .change-view-button{display:none}.course-block .toggle-content:checked ~ .right-side .course-desc-list{max-height:none;height:auto;overflow:visible}.course-block .left-side{width:68%;margin-right:2%}.course-block .left-side.-fix{-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #aaa;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.course-block .left-side .video-js{height:34.7vw}.course-block .left-side .fix-block{border:none;background-color:transparent}.course-block .left-side .change-view-button{display:none;background-color:rgba(0,0,0,0.5)}.course-block .right-side{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:30%;background-color:#fff;margin-bottom:25px}.course-block .center-bottom{min-width:100%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;min-height:150px}.course-block .change-view-button{cursor:pointer;position:absolute;right:0;top:0;display:block;width:53px;height:53px;z-index:1}.course-block .course-desc-list{height:calc(34.7vw - 53px);max-height:736px;overflow:auto;-webkit-overflow-scrolling:touch}.change-view-button .custom-x-icon,.change-view-button .custom-arrow{position:absolute;left:50%;top:50%}.change-view-button .custom-x-icon{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.change-view-button .custom-arrow.-prev{-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg)}.change-view-button .custom-arrow.-next{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}.course-desc-list .list.-circle{padding-left:32px}.course-desc-list .list.-circle:before{left:18px}.course-block .course-title{margin-bottom:0;padding:10px}.no-block-list{padding:40px 40px 30px}.fix-block-inner{min-height:100px;height:100%}}@media screen and (min-width: 1200px){.header-nav{left:270px;top:25px}header,.header-nav-bg,.header-left-bg{height:90px}header:after{width:386px;height:90px}.header-left-bg:before{left:40px;width:362px;height:90px}.main-logo{width:258px;height:36px}.nav-list .nav-list-txt{padding:10px 20px}.nav-list .nal-list-item{font-size:19px}.nav-list .nal-list-item.-button{margin-left:15px}.nav-list .nal-list-item.-button .nav-list-txt{padding:10px 20px}.search-input{font-size:16px;height:40px}.submit-search-btn{top:10px}.user-block{top:28px}.square-block .square-block-txt{font-size:22px}.breadcrumb-block .cmn-button.-small{position:absolute;right:0;margin-top:0}.breadcrumb-block{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:120px}.ranking-row{font-size:22px}.ranking-row .cols.-flex{padding-right:10%}}@media screen and (min-width: 1300px){.header-nav{left:340px;right:30px}.nav-list .nav-list-txt{padding-left:30px;padding-right:30px}.info-block.-three .hyperlink{margin-right:-602px}.user-block{right:272px}.user-block:hover .user-thumb-bg{opacity:1}.user-block:hover .user-menu{max-height:none}}
/*# sourceMappingURL=main.min.css.map */