.banner{position:relative;display:block;width:100%;height:21.5vw;top:-5.25vw;left:0;margin-bottom:-2.25vw;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}.banner .txt{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;top:12vw;left:24vw;transition:all .75s ease-in;animation-name:bannerStart;animation-duration:1.25s;animation-iteration-count:1;z-index:3}.banner .txt .title{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:1vw;color:#fff;order:1}.banner .txt .title h3{font-size:2vw}.banner .txt .body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.95vw;letter-spacing:.125vw;padding-left:1vw;color:#fff;order:3}.banner .txt:after{content:"";width:1px;padding:1.75vw 0;background-color:#fff;order:2}.banner:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);transition:all 1s ease-in-out}.banner.noMask:after{display:none}.pageBody{position:relative;display:flex;justify-content:space-between;width:75%;margin:5vw auto 2vw}.pageBody>.left{position:relative;display:flex;flex-direction:column;width:17.5%;padding-right:2.5vw;order:1}.pageBody>.left .btn-left-nav,.pageBody>.left .btn-school-nav{display:none}.pageBody>.left #leftNav{position:relative;display:flex;flex-direction:column;width:100%}.pageBody>.left #leftNav li{position:relative;display:block;width:100%;margin-top:1vw}.pageBody>.left #leftNav li a{position:relative;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 1.9vw);font-size:.95vw;padding:.5vw .95vw;transition:all .25s ease-in-out;border-bottom:2px solid rgba(112,112,112,.39);color:#000}.pageBody>.left #leftNav li a:before{content:"";position:absolute;width:.45vw;height:.65vw;left:0;background-image:url("/images/school/icon_arrow_right.svg");background-size:contain;background-repeat:no-repeat}.pageBody>.left #leftNav li a.active{color:#a79654}.pageBody>.left #leftNav li a:hover{color:#a79654;border-bottom-color:#a79654}.pageBody>.left #leftNav li:first-child{margin-top:0}.pageBody>.right,.pageBody>.fullPage{position:relative;display:flex;flex-direction:column;width:75%;padding-left:5vw;order:2}.pageBody>.right>.title,.pageBody>.fullPage>.title{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:max-content;height:max-content;margin-bottom:1vw}.pageBody>.right>.title>h1,.pageBody>.fullPage>.title>h1{font-size:1.25vw;font-weight:bold;letter-spacing:.125vw}.pageBody>.right>.title>h3,.pageBody>.fullPage>.title>h3{font-size:.65vw;color:#878787}.pageBody>.right>.content,.pageBody>.fullPage>.content{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:1.25vw}.pageBody>.fullPage{width:100%}.pageChange{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5vw;width:100%;margin-top:1vw}.pageChange,.pageChange *{box-sizing:border-box}.pageChange__text{display:flex;justify-content:center;align-items:center;gap:.75vw;min-width:0}.pageChange__text a{display:inline-flex;align-items:center;justify-content:center;min-width:5vw;font-size:1vw;line-height:1.2;padding:.35vw 1.25vw;color:#231815;border:1px solid #c4c4c4;text-decoration:none;white-space:nowrap;transition:.5s ease}.pageChange__text a:hover{color:#af884d;border-color:#af884d}.pageChange__pager{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;list-style:none;padding:0;margin:0}.pageChange__pager li{display:flex;align-items:center}.pageChange__pager li a,.pageChange__pager li .lock{display:inline-flex;align-items:center;justify-content:center;min-width:2.2vw;min-height:2.2vw;font-size:1vw;line-height:1;padding:.35vw .75vw;margin-right:.5vw;color:#231815;border:1px solid #c4c4c4;text-decoration:none;transition:.5s ease}.pageChange__pager li a:hover{color:#af884d;border-color:#af884d}.pageChange__pager li.active a{color:#af884d !important;border-color:#af884d !important}.pageChange__pager li:last-child a,.pageChange__pager li:last-child .lock{margin-right:0}.pageChange .lock{color:rgba(35,24,21,.15) !important;border-color:rgba(35,24,21,.15) !important;cursor:not-allowed}@media(max-width: 768px){.swiper-pagination-bullets .swiper-pagination-bullet-active{width:15vw;background-color:#c8bf6a;border-radius:50px}.banner{height:auto;min-height:52vw;height:81.5vw;top:0;margin-bottom:0}.banner .txt{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;left:auto;top:auto;width:100%;padding:10vw 6vw;transition:all .75s ease-in}.banner .txt .title{align-items:flex-start;width:100%;padding-right:0}.banner .txt .title h3{font-size:9.5vw;font-weight:bold;line-height:1.15}.banner .txt .body{align-items:flex-start;width:100%;max-width:100%;font-size:4.25vw;line-height:1.5;letter-spacing:.05em;margin:4vw 0 0;padding-left:4vw;border-left:1px solid #fff}.banner .txt:after{content:initial}.pageBody{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;margin:0 auto 8vw;padding:0 5vw}.pageBody>.left{width:100%;padding:0}.pageBody>.left .btn-left-nav,.pageBody>.left .btn-school-nav{position:relative;display:flex;align-items:center;justify-content:center;width:75%;padding:3.5vw 12vw 3.5vw 4vw;margin:6vw auto 4vw;font-size:4.25vw;font-weight:500;line-height:1.3;text-align:center;border:1px solid #707070;border-radius:50px;color:#231815;background-color:#fff;overflow:visible;cursor:pointer;appearance:none;-webkit-appearance:none}.pageBody>.left .btn-left-nav:after,.pageBody>.left .btn-school-nav:after{content:"";position:absolute;width:3.25vw;height:2.125vw;right:5.5vw;top:50%;margin-top:-1.0625vw;background-image:url("/images/school/icon_arrow_down.svg");background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .5s ease-in-out;z-index:2;pointer-events:none}.pageBody>.left .btn-left-nav.active:after,.pageBody>.left .btn-school-nav.active:after{transform:rotate(180deg)}.pageBody>.left #leftNav{display:none;width:100%;max-height:0;margin:0 0 4vw;list-style:none;padding:0;border-radius:25px;transition:all .5s ease-in-out;border:2px solid rgba(167,150,84,0);overflow:hidden}.pageBody>.left #leftNav li{margin-top:0;list-style:none}.pageBody>.left #leftNav li a{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;font-size:4.25vw;padding:3.5vw 4vw;border-bottom:1px solid rgba(112,112,112,.15);color:#231815;text-decoration:none}.pageBody>.left #leftNav li a:before{display:none}.pageBody>.left #leftNav li a.active{color:#3b3b3b;background-color:#ececdc}.pageBody>.left #leftNav li a:hover{color:#a79654;border-bottom-color:#a79654}.pageBody>.left #leftNav li:first-child{margin-top:0}.pageBody>.left #leftNav li:first-child a.active{border-radius:23px 23px 0 0}.pageBody>.left #leftNav li:last-child a{border-bottom:0}.pageBody>.left #leftNav li:last-child a.active{border-radius:0 0 23px 23px}.pageBody>.left #leftNav.active{display:block;max-height:200vw;border-color:#a79654;overflow:hidden}.pageBody>.right,.pageBody>.fullPage{position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;padding:0}.pageBody>.right>.title,.pageBody>.fullPage>.title{width:100%;margin:2vw 0 5vw;padding:0}.pageBody>.right>.title>h1,.pageBody>.fullPage>.title>h1{font-size:6.5vw;letter-spacing:.1em;line-height:1.3}.pageBody>.right>.title>h1.smaller,.pageBody>.fullPage>.title>h1.smaller{font-size:5.75vw !important}.pageBody>.right>.title>h3,.pageBody>.fullPage>.title>h3{font-size:3.25vw;margin-top:1.5vw}.pageBody>.right>.content,.pageBody>.fullPage>.content{width:100%;margin:0 0 6vw}.pageBody .pageChange{display:flex;flex-direction:column;gap:4vw;width:100%;margin:0 0 8vw;padding:0}.pageBody .pageChange__text{display:none}.pageBody .pageChange__pager{justify-content:center;flex-wrap:wrap;gap:2vw}.pageBody .pageChange__pager li a,.pageBody .pageChange__pager li .lock{font-size:3.5vw;min-width:9vw;min-height:9vw;padding:2vw 2.5vw;margin-right:0}}.banner{background-image:url("/images/school/banner.jpg")}.school{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.school ul{position:relative;display:flex;justify-content:space-around;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:100%;padding:0;margin:0;list-style:none}.school ul li{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:2vw}.school ul li .img{position:relative;width:45%;margin-bottom:1.25vw}.school ul li .itemBody{width:52.5%;display:flex;flex-direction:column}.school ul li .itemBody .txt{position:relative;width:100%}.school ul li .itemBody .txt h1{display:-webkit-box;font-size:1vw;font-weight:bold;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.school ul li .itemBody .txt h1 a{color:#000}.school ul li .itemBody .txt .space{display:block;width:100%;height:1px;margin:1vw 0;background-color:rgba(112,112,112,.39)}.school ul li .itemBody .txt p{display:-webkit-box;font-size:.85vw;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#383838}.school ul li .itemBody .tags{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;margin:.5vw 0}.school ul li .itemBody .tags a{font-size:.85vw;margin-right:.125vw;color:#c1adad}.school ul li .itemBody>a{width:max-content;font-size:.85vw;padding:.45vw .65vw;border:1px solid #707070;color:#707070;transition:all .25s ease-in-out}.school ul li .itemBody>a:hover{background-color:#707070;color:#fff}.schoolDetail{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.schoolDetail>.tags{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:.75vw;margin-bottom:.25vw}.schoolDetail>.tags a{font-size:.75vw;margin-right:.25vw;color:#c1adad}.schoolDetail>.title{width:100%}.schoolDetail>.title h1{font-size:1.15vw;font-weight:bold;color:#4a4340}.schoolDetail>.title h3{font-size:.75vw;color:#aaa}.schoolDetail>.contents{position:relative;display:block;width:50%;margin:1.25vw 0}.schoolDetail>.contents>h1{font-size:.95vw;color:#716639;padding-bottom:.5vw}.schoolDetail>.contents>ul{position:relative;display:flex;flex-direction:column;align-items:center;width:calc(100% - 2.25vw);font-size:.8vw;padding:.75vw;background-color:#fffef8;border:3px solid #a79654;border-radius:5px;color:#71601f;list-style:none}.schoolDetail>.contents>ul>li{position:relative;width:100%}.schoolDetail>.contents>ul>li>a{display:block;color:#71601f;padding:.25vw 0}.schoolDetail>.contents>ul>li>ul{position:relative;display:flex;flex-direction:column;width:90%;margin-left:7.5%;color:#71601f}.schoolDetail>.contents>ul>li>ul>li{position:relative;width:100%}.schoolDetail>.contents>ul>li>ul>li>a{display:block;color:#71601f;padding:.25vw 0}.schoolDetail>.txt{width:100%;max-width:100%;margin-top:1.5vw;overflow-x:hidden;word-wrap:break-word}.schoolDetail>.txt *{margin:revert;padding:revert;border:revert;font:revert;font-size:revert;vertical-align:revert;max-width:100%}.schoolDetail>.txt img{max-width:100% !important;width:auto !important;height:auto !important}.schoolDetail>.txt table{max-width:100%}.schoolDetail>.txt ol,.schoolDetail>.txt ul{list-style:revert}.schoolDetail>.txt a{color:#a79654 !important;font-weight:bold !important}.schoolDetail>.txt iframe{width:100%;max-width:100%;height:30vw}.schoolDetail>.share{width:100%;margin:3.5vw 0 0}.schoolDetail>.share ul{position:relative;display:flex;flex-direction:row;justify-content:flex-end;width:15%;margin-left:auto}.schoolDetail>.share ul li{position:relative;display:flex;width:28.5714285714%;justify-content:center}.schoolDetail>.share .btn-fb{background-image:url("/images/school/icon_fb.svg")}.schoolDetail>.share .btn-line{background-image:url("/images/school/icon_line.svg")}.schoolDetail>.share .btn-link{background-image:url("/images/school/icon_sharelink.svg")}.schoolDetail>.share .btn-fb,.schoolDetail>.share .btn-line,.schoolDetail>.share .btn-link{display:flex;width:1.4vw;height:1.4vw;background-repeat:no-repeat;background-size:contain;background-position:center}.btn-backpage{display:block;width:max-content;font-size:.85vw;margin:2vw auto 1vw;padding:.25vw .95vw;border-radius:50px;color:#fff;background-color:#a79654;border:1px solid #a79654;transition:all .25s ease-in-out}.btn-backpage:hover{background-color:#fff;color:#a79654;border:1px solid #a79654}@media(max-width: 768px){.school{width:100%}.school ul{flex-direction:column;width:100%}.school ul li{flex-direction:column;width:100%;margin-bottom:10vw;padding-bottom:8vw;border-bottom:1px solid rgba(112,112,112,.25)}.school ul li:last-child{border-bottom:0;padding-bottom:0}.school ul li .img{width:100%;margin:0 0 4vw}.school ul li .img a{display:block}.school ul li .img img{display:block;width:100%;height:auto}.school ul li .itemBody{width:100%;margin:0}.school ul li .itemBody .txt{width:100%;margin:0}.school ul li .itemBody .txt h1{font-size:4.5vw;line-height:1.45;-webkit-line-clamp:3}.school ul li .itemBody .txt .space{margin:3.5vw 0}.school ul li .itemBody .txt p{font-size:3.5vw;line-height:1.6;-webkit-line-clamp:4}.school ul li .itemBody .tags{display:none}.school ul li .itemBody>a{display:inline-flex;align-items:center;justify-content:center;font-size:3.5vw;padding:2.75vw 6vw;margin:5vw auto 0}.school ul li .itemBody>a:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}.school ul li .itemBody>a:hover{background-color:initial;color:initial}.schoolDetail{width:100%}.schoolDetail>.tags{margin-bottom:2vw}.schoolDetail>.tags a{font-size:3.5vw;margin-right:.25vw;color:#c1adad}.schoolDetail>.title{width:100%}.schoolDetail>.title h1{font-size:5vw;font-weight:bold;line-height:1.4}.schoolDetail>.title h3{font-size:3.25vw;margin:1.5vw 0 5vw}.schoolDetail>.contents{width:100%;max-width:100%;margin:1.25vw 0 4vw}.schoolDetail>.contents>h1{font-size:4.75vw;padding-bottom:1.125vw}.schoolDetail>.contents>ul{width:100%;font-size:3.95vw;padding:2vw}.schoolDetail>.contents>ul>li>a{padding:2vw 0}.schoolDetail>.contents>ul>li>ul>li>a{padding:2vw 0}.schoolDetail>.txt{width:100%;margin:.5vw 0}.schoolDetail>.txt img{width:100% !important}.schoolDetail>.txt iframe{height:50vw}.schoolDetail>.share{display:flex;justify-content:center;width:100%;margin:6vw 0 0}.schoolDetail>.share ul{display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;margin:0;padding:0;list-style:none;gap:2vw}.schoolDetail>.share ul li{width:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.schoolDetail>.share .btn-fb,.schoolDetail>.share .btn-line,.schoolDetail>.share .btn-link{width:8.5vw;height:8.5vw}.btn-backpage{font-size:2.95vw;margin:5vw auto 2.5vw;padding:1.5vw 5vw}}.reservationModal,.reservationResModal{position:fixed;display:none;width:100%;height:100%;z-index:10050;top:0;left:0;opacity:0;transition:all .5s ease-in-out}.reservationModal .content,.reservationResModal .content{position:relative;display:block;width:40%;height:40vw;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:25px;padding:1.5vw 2.5vw;overflow:hidden;z-index:9}.reservationModal .content .btn-close,.reservationResModal .content .btn-close{position:absolute;display:block;width:1.75vw;height:1.75vw;right:1.75vw;top:1.75vw;background-image:url("/images/btn_menu_close.svg");background-repeat:no-repeat;background-size:contain;background-position:center;transform:rotate(0deg);transition:all .5s ease}.reservationModal .content .btn-close:hover,.reservationResModal .content .btn-close:hover{transform:rotate(180deg)}.reservationModal .content>h1,.reservationResModal .content>h1{display:flex;align-items:center;font-size:1.5vw;font-weight:bold;color:#9a9a9a;margin-bottom:.95vw}.reservationModal .content>h1 span,.reservationResModal .content>h1 span{display:block;font-size:.8vw;font-weight:normal;line-height:.8vw;margin-left:1vw}.reservationModal:before,.lectures:before,.reservationResModal:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#8b8b8b 0 0 no-repeat padding-box;opacity:.85}.reservationModal.open,.lectures.open,.reservationResModal.open{display:block;opacity:0}.reservationModal.active,.lectures.active,.reservationResModal.active{display:block;opacity:1}.reservationModal.close,.lectures.close,.reservationResModal.close{display:block;opacity:0}.reservationModal .content{width:50%;min-height:28vw;height:auto;max-height:92vh;padding:2vw 2.5vw 2.5vw;overflow-x:hidden;overflow-y:auto}.reservationModal .content .form{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:90%;margin:1.5vw auto 0}.reservationModal .content .form .left{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:50%;order:1}.reservationModal .content .form .left>h1{display:flex;align-items:center;font-size:1.5vw;font-weight:bold;color:#9a9a9a;margin-bottom:.95vw;border-bottom:1px solid #9a9a9a}.reservationModal .content .form .left>h1 span{display:block;font-size:.8vw;font-weight:normal;line-height:.8vw;margin-left:1vw}.reservationModal .content .form .right{position:relative;display:flex;flex-direction:column;width:45%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;order:2}.reservationModal .content .form .right img{max-width:600px;height:auto}.reservationModal .content .form .right .note{margin-top:.75vw;color:#8e8884}.reservationModal .content .form .right .note .title{font-size:.9vw}.reservationModal .content .form .right .note .body{font-size:.7vw}.reservationModal .content .form .right.hide{display:none}.reservationModal .content .form .row{position:relative;display:flex;width:100%;justify-content:space-between;margin:initial}.reservationModal .content .form .row .input{position:relative;display:flex;width:100%;flex-direction:column;padding:0 0 1.45vw}.reservationModal .content .form .row .input label{font-size:.75vw;color:#000}.reservationModal .content .form .row .input input,.reservationModal .content .form .row .input select{display:block;box-sizing:border-box;width:100%;padding:6px 12px;font-size:.75vw;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:7px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.reservationModal .content .form .row .input .insights-modal__agree{position:relative;display:block;padding-left:1.6vw;font-size:.75vw;line-height:1.5;cursor:pointer;user-select:none}.reservationModal .content .form .row .input .insights-modal__agree a{color:#ffc45d}.reservationModal .content .form .row .input .insights-modal__agree input{position:absolute;opacity:0;width:0;height:0}.reservationModal .content .form .row .input .insights-modal__agree .checkmark{position:absolute;top:.1vw;left:0;width:1vw;height:1vw;background-color:#eee;border:1px solid rgba(0,0,0,.3);border-radius:2px}.reservationModal .content .form .row .input .insights-modal__agree:hover input~.checkmark{background-color:#ddd}.reservationModal .content .form .row .input .insights-modal__agree input:checked~.checkmark{background-color:#707070}.reservationModal .content .form .row .input .insights-modal__agree .checkmark:after{content:"";position:absolute;display:none;left:50%;top:45%;width:.25vw;height:.45vw;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -50%) rotate(45deg)}.reservationModal .content .form .row .input .insights-modal__agree input:checked~.checkmark:after{display:block}.reservationModal .content .form #resv_case_name{font-size:1.1vw;font-weight:bold;margin:0;color:#000;border:none}.reservationModal .content .form .row.nameBody .input,.reservationModal .content .form .row.phoneBody .input{width:80%}.reservationModal .content .form .row.people{font-size:.75vw;color:#000}.reservationModal .content .form .row.people .input{flex-direction:row !important;align-items:center}.reservationModal .content .form .row.people .input input{width:25%;margin:0 15px}.reservationModal .content .form #selectInput{display:none}.reservationModal .content .form .row.regOffice{display:none;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-bottom:1.25vw;font-size:.75vw;color:#000;opacity:0;overflow:hidden}.reservationModal .content .form .row.regOffice>.name{width:max-content}.reservationModal .content .form .row.regOffice>.address{position:relative;display:flex;align-items:center;justify-content:flex-start;width:max-content;margin-left:.5vw}.reservationModal .content .form .row.regOffice>.phone{display:none}.reservationModal .content .form .row.regOffice>.address:before{display:block;content:"";width:1vw;height:1vw;margin-right:.25vw;background-image:url("/images/pages/freelectures_v2/Icon_map-marker.svg");background-repeat:no-repeat;background-size:contain}.reservationModal .content .form .row.regOffice.active{display:flex;opacity:1}.reservationModal .content .form .row.regOffice#office-longjiang>.address:before{background-image:url("/images/pages/freelectures_v2/Icon_map-marker_orange.svg")}.reservationModal .content .form .row.regOffice#office-hsinchu>.address:before,.reservationModal .content .form .row.regOffice#office-zuoan>.address:before{background-image:url("/images/pages/freelectures_v2/Icon_map-marker_b.svg")}.reservationModal .content .form #activeTitle .input{padding-bottom:.25vw}.reservationModal .content .form #activeTitle .input h1{font-size:1vw;font-weight:bold;color:#000}.reservationModal .content .form #activeTitle .input .time{font-family:"Noto Sans SC",sans-serif;font-size:.9vw;color:#d66f6f}.reservationModal .content #regSubmit{position:relative;display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:.85vw 3vw;margin:.5vw 0 0;color:#fff !important;background-color:#8e8884 !important;border:1px solid #8e8884 !important;border-radius:50px;font-size:.85vw;line-height:1.2;text-decoration:none;transition:background-color .25s ease-in-out,color .25s ease-in-out}.reservationModal .content #regSubmit:hover{background-color:#fff !important;color:#8e8884 !important}@media(max-width: 768px){.reservationModal .content,.lectures .content,.reservationResModal .content{width:90%;height:150vw;margin:2.5vw 0}.reservationModal .content .btn-close,.lectures .content .btn-close,.reservationResModal .content .btn-close{width:8vw;height:8vw;right:5vw;top:5vw;z-index:6}.reservationModal .content .btn-close:hover,.lectures .content .btn-close:hover,.reservationResModal .content .btn-close:hover{transform:initial}.reservationModal .content>h1,.lectures .content>h1,.reservationResModal .content>h1{font-size:6vw;margin-top:2.5vw;margin-bottom:2.5vw}.reservationModal .content>h1 span,.lectures .content>h1 span,.reservationResModal .content>h1 span{display:block;font-size:3.75vw;line-height:.8vw;margin-left:3vw}.reservationModal .content{width:90%;min-height:auto;height:auto;max-height:92vh;margin:2.5vw 0;overflow-x:hidden;overflow-y:auto}.reservationModal .content .form{width:90%;height:auto;margin:5vw auto 2vw;overflow:visible;flex-direction:column}.reservationModal .content .form .left{width:100%}.reservationModal .content .form .left #resv_case_name{font-size:5.5vw;font-weight:bold;line-height:1.4;margin:0}.reservationModal .content .form .left>h1{font-size:6vw;margin-bottom:3vw}.reservationModal .content .form .left>h1 span{font-size:3.75vw;line-height:.8vw;margin-left:3vw}.reservationModal .content .form .right{width:100%;order:2}.reservationModal .content .form .right img{display:none}.reservationModal .content .form .right .note{margin-top:2.5vw;color:#8e8884}.reservationModal .content .form .right .note .title{font-size:4.5vw}.reservationModal .content .form .right .note .body{font-size:3.5vw}.reservationModal .content .form .right.hide{display:none}.reservationModal .content .form .row{margin-bottom:2.5vw}.reservationModal .content .form .row .input label{font-size:3.75vw}.reservationModal .content .form .row .input input,.reservationModal .content .form .row .input select{font-size:3.75vw;line-height:4.125vw;padding:2.25vw 2.5vw}.reservationModal .content .form .row .input .insights-modal__agree{padding-left:6vw;font-size:3.75vw}.reservationModal .content .form .row .input .insights-modal__agree .checkmark{top:.5vw;width:4.75vw;height:4.75vw}.reservationModal .content .form .row .input .insights-modal__agree .checkmark:after{width:1.5vw;height:2.6vw}.reservationModal .content .form .row.nameBody .input,.reservationModal .content .form .row.phoneBody .input{width:100%}.reservationModal .content .form .row.nameBody .input:last-child,.reservationModal .content .form .row.phoneBody .input:last-child{margin-bottom:0}.reservationModal .content .form .row.people{font-size:3.75vw}.reservationModal .content .form .row.regOffice{font-size:3.75vw;margin-bottom:3.5vw}.reservationModal .content .form .row.regOffice>.name{display:none}.reservationModal .content .form .row.regOffice>.address{width:100%;margin-left:0}.reservationModal .content .form .row.regOffice>.address:before{width:4vw;height:5vw;margin-right:1.25vw}.reservationModal .content .form #activeTitle{margin-bottom:0}.reservationModal .content .form #activeTitle .input{padding-bottom:1.5vw}.reservationModal .content .form #activeTitle .input h1{font-size:5vw}.reservationModal .content .form #activeTitle .input .time{font-size:4vw}.reservationModal .content #regSubmit{padding:4vw 15vw;margin:2vw auto 0;font-size:4.25vw;letter-spacing:2vw;font-weight:bold;line-height:5.55vw}.reservationModal .content #regSubmit:hover{background-color:#fff;color:#8e8884}}@media(min-width: 769px){article.main .pageBody>.left,article.main .pageBody>.left *,article.main .pageBody>.left ::before,article.main .pageBody>.left ::after{box-sizing:content-box}}article.main>.banner{top:0;margin-top:0;margin-bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover}article.main>.banner .txt{top:50%;left:0;transform:translateY(-50%);width:100%;justify-content:center !important}article.main>.banner .txt:after{display:none !important}article.main>.banner.insights-banner{background-image:url("/images/pages/insights/common/top_bn.jpg")}article.main>.banner.insights-banner--zones-a7{background-image:url("/images/pages/insights/zones-a7/1/top_bn05.jpg")}#right_nav #back-to-insights{display:flex;position:fixed;flex-direction:column;justify-content:center;align-items:center;right:1vw;bottom:2vw;width:4.25vw;height:4.25vw;max-width:104px;max-height:104px;font-size:.5vw;line-height:1.25;text-align:center;border-radius:50%;background-color:#740008;color:#fff;z-index:1000;transition:all .5s;box-sizing:border-box}#right_nav #back-to-insights i{display:block;font-size:2.3em;margin-bottom:.35vw;line-height:1}#right_nav #back-to-insights .back-to-insights__text{display:block;white-space:nowrap}#right_nav #back-to-insights:hover{background-color:#480106;color:#fff}@media(min-width: 991.98px)and (max-width: 1399.98px){#right_nav #back-to-insights{width:5.3vw;height:5.3vw;font-size:.65vw}#right_nav #back-to-insights i{display:block;font-size:2.5em;margin-bottom:.35vw;line-height:1}}article.main>.pageBody.pageBody--insights-full>.right{width:80%;margin-left:auto;margin-right:auto;padding-left:0;text-align:justify}ul.insights-links{display:flex;flex-direction:row !important;flex-wrap:nowrap;column-gap:.5vw;padding-left:0 !important}ul.insights-links li{display:flex;flex-direction:column;font-size:1.1em !important}ul.insights-links li .img{width:100%;cursor:pointer;aspect-ratio:1.7454545455;overflow:hidden}ul.insights-links li .img>a{display:block;width:100%;height:100%}ul.insights-links li .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.insights ul li .img{aspect-ratio:1.7454545455;overflow:hidden}.insights ul li .img>a{display:block;width:100%;height:100%}.insights ul li .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.insights{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.insights ul{position:relative;display:flex;justify-content:space-around;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:100%;padding:0;margin:0;list-style:none}.insights ul li{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:2vw}.insights ul li .img{position:relative;width:45%;margin-bottom:1.25vw;aspect-ratio:1.7454545455;overflow:hidden}.insights ul li .img>a{display:block;width:100%;height:100%}.insights ul li .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.insights ul li .itemBody{width:52.5%;display:flex;flex-direction:column}.insights ul li .itemBody .txt{position:relative;width:100%}.insights ul li .itemBody .txt h1{display:-webkit-box;font-size:1vw;font-weight:bold;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.insights ul li .itemBody .txt h1 a{color:#000}.insights ul li .itemBody .txt .space{display:block;width:100%;height:1px;margin:1vw 0;background-color:rgba(112,112,112,.39)}.insights ul li .itemBody .txt p{display:-webkit-box;font-size:.85vw;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#383838}.insights ul li .itemBody .tags{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;margin:.5vw 0}.insights ul li .itemBody .tags a{font-size:.85vw;margin-right:.125vw;color:#c1adad}.insights ul li .itemBody>a{width:max-content;font-size:.85vw;padding:.45vw .65vw;border:1px solid #707070;color:#707070;transition:all .25s ease-in-out}.insights ul li .itemBody>a:hover{background-color:#707070;color:#fff}article.main .pageBody>.left #leftNav li span.lock{position:relative;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 1.9vw);font-size:.95vw;padding:.5vw .95vw;border-bottom:2px solid rgba(112,112,112,.2);color:#b5b5b5;cursor:default;pointer-events:none}@media(max-width: 768px){article.main{overflow-x:hidden;max-width:100%}article.main .banner,article.main .pageBody,article.main .pageBody *,article.main .schoolDetail,article.main .schoolDetail *{box-sizing:border-box}article.main>.pageBody.pageBody--insights-full{max-width:100%;overflow-x:hidden}article.main>.pageBody.pageBody--insights-full>.right{width:100%;max-width:100%;min-width:0;margin-left:auto;margin-right:auto;padding-left:0;text-align:justify}article.main>.pageBody.pageBody--insights-full>.right>.content{width:100%;max-width:100%;min-width:0;overflow-x:hidden}article.main .schoolDetail{max-width:100%;min-width:0;overflow-x:hidden}article.main .schoolDetail>.txt{max-width:100%;min-width:0;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word}article.main .schoolDetail>.txt ul.insights-links{width:100%;max-width:100%;flex-wrap:wrap !important}article.main>.banner{display:flex;align-items:center;justify-content:center}article.main>.banner .txt{position:relative;top:auto;left:auto;transform:none;width:100%;padding:10vw 6vw}ul.insights-links{flex-direction:column !important;row-gap:4vw}.insights{width:100%}.insights ul{flex-direction:column;width:100%}.insights ul li{flex-direction:column;width:100%;margin-bottom:10vw;padding-bottom:8vw;border-bottom:1px solid rgba(112,112,112,.25)}.insights ul li:last-child{border-bottom:0;padding-bottom:0}.insights ul li .img{width:100%;margin:0 0 4vw;aspect-ratio:1.7454545455;overflow:hidden}.insights ul li .img>a{display:block;width:100%;height:100%}.insights ul li .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.insights ul li .itemBody{width:100%;margin:0}.insights ul li .itemBody .txt{width:100%;margin:0}.insights ul li .itemBody .txt h1{font-size:4.5vw;line-height:1.45;-webkit-line-clamp:3}.insights ul li .itemBody .txt .space{margin:3.5vw 0}.insights ul li .itemBody .txt p{font-size:3.5vw;line-height:1.6;-webkit-line-clamp:4}.insights ul li .itemBody .tags{display:none}.insights ul li .itemBody>a{display:inline-flex;align-items:center;justify-content:center;font-size:3.5vw;padding:2.75vw 6vw;margin:5vw auto 0}article.main .pageBody>.left #leftNav li span.lock{display:flex;box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;font-size:4.25vw;padding:3.5vw 4vw;border-bottom:1px solid rgba(112,112,112,.15);color:#b5b5b5}#right_nav #back-to-insights{right:3vw;bottom:3vw;width:20vw;height:20vw;min-width:80px;min-height:80px;max-width:none;max-height:none;padding:2.5vw;font-size:2.8vw;overflow:hidden}#right_nav #back-to-insights i{font-size:1.75em;margin-bottom:1.2vw}}
