@charset "UTF-8";body{position:relative}.instructor__wrap{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;margin:min(11.4285714286vw,160px) 0 min(5.7142857143vw,80px)}.instructor__title{margin-bottom:min(1.8571428571vw,26px);font-size:min(2.8571428571vw,40px);font-weight:700;color:#b60000;line-height:1.5}.instructor__course-list{display:flex;flex-wrap:wrap;gap:min(1.5714285714vw,22px) 2%;font-family:"Roboto",sans-serif;font-weight:700;font-size:min(1.5714285714vw,22px)}.instructor__course-list li{flex-basis:32%}.instructor__course-list li a{position:relative;display:block;text-align:center;padding:min(1.7142857143vw,24px) 0 min(1.4285714286vw,20px);border:1px solid #ccc;line-height:1.2;transition:background-color .3s ease,color .3s ease}.instructor__course-list li a::after{content:"";display:block;position:absolute;top:50%;right:min(1.7142857143vw,24px);width:min(.8571428571vw,12px);height:min(.8571428571vw,12px);margin-top:max(-.4285714286vw,-6px);border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(135deg);transition:top .3s ease,border-color .3s ease}.instructor__contents,.instructor__course-list{margin-top:min(6.8571428571vw,96px)}.instructor__main{margin-bottom:min(12.8571428571vw,180px)}.instructor__main:last-child{margin-bottom:0}.instructor__head{margin-bottom:min(1.8571428571vw,26px);font-family:"Roboto",sans-serif;font-size:min(3.4285714286vw,48px);font-weight:700}.instructor__list{display:flex;flex-wrap:wrap;gap:min(2.8571428571vw,40px) 2.6%}.instructor__list li{flex-basis:23%}.instructor__img figcaption{position:relative;display:block;padding:min(1.4285714286vw,20px);background-color:#252525;font-size:min(1.2857142857vw,18px)}.instructor__img figcaption::after{content:"";display:block;position:absolute;top:50%;right:min(1.7142857143vw,24px);width:min(.8571428571vw,12px);height:min(.8571428571vw,12px);margin-top:max(-.4285714286vw,-6px);border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(45deg);transition:right .3s ease}.instructor__popup{box-sizing:border-box;position:relative;max-width:min(65.7142857143vw,920px);margin:0 auto;padding:min(6.8571428571vw,96px) min(5.7142857143vw,80px);background-color:#fff;color:#333}.instructor__popup-main{display:flex}.instructor__popup-main-img{flex-shrink:0;flex-basis:min(22.8571428571vw,320px);margin-right:min(2.8571428571vw,40px)}.instructor__popup-name{margin-bottom:min(1.7142857143vw,24px);font-size:min(1.4285714286vw,20px);font-weight:700;line-height:1.2}.instructor__popup-close{position:absolute;top:0;right:0}.instructor__popup-close-btn{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;outline:0;padding:0;display:block;background-color:#b60000;width:min(4.5714285714vw,64px);height:min(4.5714285714vw,64px);transition:background-color .3s ease}.instructor__popup-close-btn span::after,.instructor__popup-close-btn span::before{content:"";display:block;position:absolute;width:40%;left:0;right:0;margin:0 auto;height:1px;background-color:#fff;transition:transform .3s ease}.instructor__popup-close-btn span::before{top:calc(50% - 3px);transform:translateY(3px) rotate(45deg)}.instructor__popup-close-btn span::after{top:calc(50% + 3px);transform:translateY(-3px) rotate(-45deg)}@media only screen and (max-width:1760px){body{position:relative}}@media only screen and (max-width:1440px){body{position:relative}}@media only screen and (max-width:1200px){body{position:relative}}@media only screen and (max-width:768px){body{position:relative}}@media only screen and (max-width:640px){body{position:relative}.instructor__wrap{padding-left:min(6.4vw,40.96px);padding-right:min(6.4vw,40.96px);margin:min(21.3333333333vw,136.5333333333px) 0}.instructor__title{font-size:min(5.3333333333vw,34.1333333333px)}.instructor__course-list{gap:min(2.6666666667vw,17.0666666667px) 2%;font-size:min(3.7333333333vw,23.8933333333px)}.instructor__course-list li,.instructor__list li{flex-basis:49%}.instructor__course-list li a{padding:min(3.2vw,20.48px) min(1.7142857143vw,24px);text-align:left}.instructor__course-list li a::after,.instructor__img figcaption::after{right:min(3.2vw,20.48px);width:min(2.1333333333vw,13.6533333333px);height:min(2.1333333333vw,13.6533333333px);margin-top:max(-1.3333333333vw,-8.5333333333px)}.instructor__contents,.instructor__course-list{margin-top:min(10.6666666667vw,68.2666666667px)}.instructor__main{margin-bottom:min(16vw,102.4px)}.instructor__head{margin-bottom:min(2.6666666667vw,17.0666666667px);font-size:min(6.4vw,40.96px)}.instructor__list{gap:min(5.3333333333vw,34.1333333333px) 2%}.instructor__img figcaption{padding:min(2.6666666667vw,17.0666666667px);font-size:min(3.7333333333vw,23.8933333333px)}.instructor__img figcaption::after{margin-top:max(-1.0666666667vw,-6.8266666667px)}.instructor__popup{max-width:min(85.3333333333vw,546.1333333333px);padding:min(10.6666666667vw,68.2666666667px) min(5.3333333333vw,34.1333333333px) min(8vw,51.2px)}.instructor__popup-main-img{flex-basis:min(24vw,153.6px);margin-right:min(2.6666666667vw,17.0666666667px)}.instructor__popup-name{margin-bottom:min(2.6666666667vw,17.0666666667px);font-size:min(4.2666666667vw,27.3066666667px)}.instructor__popup-close-btn{width:min(9.3333333333vw,59.7333333333px);height:min(9.3333333333vw,59.7333333333px)}}@media (hover:hover){.instructor__course-list li a:hover{opacity:1;background-color:#fff;color:#252525}.instructor__course-list li a:hover::after{top:60%;border-color:#252525}.instructor__list li a:hover .instructor__img figcaption::after{right:min(1.0714285714vw,15px)}.instructor__popup-close-btn:hover{background-color:#9d0000}}