@charset "utf-8";


/* academy */
.aca-top {padding-top: 34px; background: url('https://img.megastudyth.com/academy/academy_top_bg.jpg')no-repeat center center / cover;}
.aca-top > div {display: flex; justify-content: center; align-items: flex-end;}
.aca-top img {display: block; margin-bottom: -5px;}

.aca-month {height: 80px; background: #006FFF; position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: center;}
.aca-month h4 {width: 200px; text-align: center; font-size: 36px; color: #fff; font-weight: 500;}
.aca-month button {width: 48px; height: 48px; background: #fff; text-indent: -9999px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.aca-month button:after {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #006FFF;}
.aca-month button.prev:after {margin-left: 4px; border-left: solid 2px #006FFF; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.aca-month button.next:after {margin-left: -4px; border-right: solid 2px #006FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aca-month button[disabled]:after {border-color: #CED3DE;}

.aca-tab {background: #000; padding: 0 20px; position: sticky; top: 80px; z-index: 2; display: flex; justify-content: center;}
.aca-tab li button {width: 220px; height: 60px; font-size: 20px; color: #fff; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;}
.aca-tab li button.active {color: #FFF758;}
.aca-tab li button.active:after {content: ''; display: block; height: 4px; background: #FFF758; position: absolute; left: 0; bottom: 0; width: 100%;}

.aca-title {font-size: 48px; text-align: center; margin-bottom: 40px; font-weight: 700;}
.aca-title.bf {color: #F70D8A;}
.aca-title.cs {color: #006FFF;}

.aca-bf {padding-top: 80px; padding-bottom: 120px;}
.aca-bf .vod-items.none {text-align: center; height: 375px; border: dashed 1px #CED3DE; color: #ccc; font-weight: 300; -webkit-border-radius: 24px; border-radius: 24px; display: flex !important; align-items: center; justify-content: center; flex-direction: column;}
.aca-bf .vod-items.none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.aca-cs {padding-top: 80px; padding-bottom: 80px; background: #EBF6FF;}
.aca-cal {background: #fff; padding: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.aca-cal__top {height: 80px; margin: 0 -30px; padding: 0 30px; background: #fff; display: flex; align-items: center; justify-content: flex-end; position: sticky; top: 140px;}
.aca-cal__tab {display: flex; align-items: center; flex-wrap: wrap;}
.aca-cal__tab li {margin-right: 8px;}
.aca-cal__tab li:last-child {margin-right: 0;}
.aca-cal__tab li button {height: 48px; padding: 0 24px; font-size: 18px; font-weight: 300; border: solid 1px #CED3DE; -webkit-border-radius: 24px; border-radius: 24px; display: flex; align-items: center; justify-content: center;}
.aca-cal__tab li button.blu {color: #006FFF;}
.aca-cal__tab li button.grn {color: #00BB21;}
.aca-cal__tab li button.blu.active {background: #006FFF; border-color: #006FFF; color: #fff;}
.aca-cal__tab li button.grn.active {background: #00BB21; border-color: #00BB21; color: #fff;}
.aca-cal__tab li button.all.active {background: #333; border-color: #333; color: #fff;}
.aca-cal__nav {display: none;}
.aca-cal__nav h4 {font-size: 36px; font-weight: 500;}
.aca-cal__nav h4 br {display: none;}
.aca-cal__nav h4 strong {font-weight: 500;}
.aca-cal__nav button {display: none;}

.aca-cal__tb {margin-top: 60px; table-layout: fixed;}
.aca-cal__tb thead {position: sticky; top: 220px; background: #fff;}
.aca-cal__tb thead th {padding: 10px; text-align: left; font-size: 16px; font-weight: 400; position: relative;}
.aca-cal__tb thead th:last-child:after {content: ''; display: block; position: absolute; width: 1px; right: -1px; top: 0; bottom: 0; background: #fff;}
.aca-cal__tb thead th.sun {color: #F70D8A;}
.aca-cal__tb tbody td {border: solid 1px #E8E8E8; padding: 10px; vertical-align: top; cursor: pointer;}
.aca-cal__tb tbody td.holiday {background: #ffeded;}
.aca-cal__tb tbody td.dim {background: #F9FAFB;}
.aca-cal__tb tbody td.sun {}
.aca-cal__tb tbody td.active {cursor: pointer;}
.aca-cal__tb tbody td dl {display: flex; align-items: center;}
.aca-cal__tb tbody td dl dt {width: 100px; flex-grow: 1; display: flex; align-items: center;}
.aca-cal__tb tbody td dl dt strong {font-size: 22px; font-weight: 500; flex-shrink: 0; margin-right: 4px;}
.aca-cal__tb tbody td dl dt span {font-size: 12px; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aca-cal__tb tbody td dl dd {font-size: 14px; color: #999; margin-left: 4px; flex-shrink: 0;}
.aca-cal__tb tbody td ul {height: 136px; margin-top: 4px;}
.aca-cal__tb tbody td ul li {height: 24px; padding: 0 8px; font-size: 14px; color: #fff; margin-bottom: 4px; -webkit-border-radius: 24px; border-radius: 24px; display: flex; align-items: center;}
.aca-cal__tb tbody td ul li:last-child {margin-bottom: 0;}
.aca-cal__tb tbody td ul li.blu {background: #006FFF;}
.aca-cal__tb tbody td ul li.grn {background: #00BB21;}
.aca-cal__tb tbody td ul li strong {font-weight: 400; flex-grow: 1; padding-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aca-cal__tb tbody td ul li span {flex-shrink: 0;}

.aca-cal__none {text-align: center; height: 200px; margin-top: 24px; border: dashed 1px #CED3DE; color: #ccc; font-weight: 300; -webkit-border-radius: 24px; border-radius: 24px; display: flex !important; align-items: center; justify-content: center; flex-direction: column;}
.aca-cal__none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.aca-pop {visibility: hidden; padding: 30px 20px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2000; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.aca-pop.on {visibility: visible;}
.aca-pop__box {background: #fff; width: 100%; max-width: 560px; max-height: 100%; -webkit-border-radius: 10px; overflow: hidden; border-radius: 10px; display: flex; flex-direction: column;}
.aca-pop__head {height: 80px; padding: 0 20px; border-bottom: solid 1px #eaeaea; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;}
.aca-pop__month {display: flex; align-items: center;}
.aca-pop__month h4 {width: 160px; text-align: center; font-size: 24px; font-weight: 500;}
.aca-pop__month button {width: 24px; height: 24px; text-indent: -9999px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.aca-pop__month button:after {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #CACACA;}
.aca-pop__month button.prev:after {margin-left: 4px; border-left: solid 2px #CACACA; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.aca-pop__month button.next:after {margin-left: -4px; border-right: solid 2px #CACACA; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aca-pop__switch {margin-right: 16px;}
.aca-pop__switch input[type="checkbox"] {display: none;}
.aca-pop__switch input[type="checkbox"] + label {background: #F6F6F6; padding: 2px; position: relative; cursor: pointer; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center;}
.aca-pop__switch input[type="checkbox"] + label span {width: 60px; height: 32px; font-size: 14px; color: #898989; font-weight: 300; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.aca-pop__switch input[type="checkbox"] + label span:nth-child(2) {color: #fff;}
.aca-pop__switch input[type="checkbox"] + label em {display: block; width: 60px; height: 32px; background: #000; position: absolute; left: 62px; top: 2px; -webkit-border-radius: 40px; border-radius: 40px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.aca-pop__switch input[type="checkbox"]:checked + label em {left: 2px;}
.aca-pop__switch input[type="checkbox"]:checked + label span:nth-child(1) {color: #fff;}
.aca-pop__switch input[type="checkbox"]:checked + label span:nth-child(2) {color: #898989;}

.aca-pop__right {display: flex; align-items: center;}
.aca-pop__close {content: ''; display: block; width: 32px; height: 32px; background: none; text-indent: -9999px; position: relative;}
.aca-pop__close:before,
.aca-pop__close:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aca-pop__close:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.aca-pop__close:after {width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}

.aca-pop__body {background: #f6f6f6; flex-grow: 1; overflow-y: auto;}
.aca-pop__none {padding: 60px 20px; text-align: center; color: #ccc;}
.aca-pop__none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}

.aca-pop__group {margin-top: 10px; background: #fff; padding: 20px;}
.aca-pop__title {}
.aca-pop__title h5 {font-size: 14px; color: #8F9BB3; font-weight: 500; display: flex; align-items: center;}
.aca-pop__title h5:before {content: ''; display: block; width: 10px; height: 10px; margin-right: 4px; border: solid 3px #ddd; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%;}
.aca-pop__title.blu h5:before {border-color: #006FFF;}
.aca-pop__title.grn h5:before {border-color: #00BB21;}
.aca-pop__title h4 {font-size: 20px; font-weight: 300; margin-top: 8px; display: flex; align-items: center;}
.aca-pop__title h4 strong {font-weight: 400; display: flex; align-items: center;}
.aca-pop__title h4 strong:after {content: ''; display: block; background: #D9D9D9; width: 1px; height: 14px; margin: 0 8px;}
.aca-pop__title.blu h4 strong {color: #006FFF;}
.aca-pop__title.grn h4 strong {color: #00BB21;}
.aca-pop__title p {font-size: 13px; color: #8F9BB3; font-weight: 300; margin-top: 4px;}

.aca-pop__list {margin-top: 16px;}
.aca-pop__item {margin-bottom: 8px;}
.aca-pop__item:last-child {margin-bottom: 0;}
.aca-pop__item > a {}
.aca-pop__item dl {display: flex; border: solid 1px #eaeaea; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px;}
.aca-pop__item dl dt {width: 160px;}
.aca-pop__item dl dt a {display: block; padding-bottom: 59.6153%;}
.aca-pop__item dl dd {padding: 10px; width: calc(100% - 160px); display: flex; flex-direction: column;}
.aca-pop__item dl dd > a {display: block;}
.aca-pop__item dl dd h5 {font-size: 15px; font-weight: 400; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aca-pop__item dl dd p {font-size: 14px; margin-top: 4px; flex-shrink: 0; display: flex; align-items: flex-end;}
.aca-pop__item dl dd p u {color: #BCBCBC; display: block; position: relative; padding-right: 16px; margin-right: 8px; text-decoration: none;}
.aca-pop__item dl dd p u:before {content: ''; display: block; height: 1px; background: #BCBCBC; position: absolute; left: 0; right: 0; top: 55%;}
.aca-pop__item dl dd p u:after {content: ''; display: block; width: 8px; height: 1px; background: #BCBCBC; position: absolute; right: 0; top: 55%; transform-origin: top right; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.aca-pop__item dl dd p strong {font-size: 16px;}
.aca-pop__item dl dd p span {color: #FF0600; margin-left: 8px; font-size: 12px;}
.aca-pop__item dl dd p span:after {content: '↓';}
.aca-pop__item dl dd ul {margin-top: 8px; display: flex; justify-content: flex-end; align-items: flex-end; flex-grow: 1;}
.aca-pop__item dl dd ul li {margin-right: 4px;}
.aca-pop__item dl dd ul li:last-child {margin-right: 0;}
.aca-pop__item dl dd ul li a {height: 30px; border: solid 1px #CED4DA; color: #666; font-size: 12px; padding: 0 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px;}
.aca-pop__item dl dd ul li:last-child a {background: #006FFF; border-color: #006FFF; color: #fff;}

@media(max-width:1200px){
	.aca-top {padding-top: 24px;}
	.aca-month {height: 60px;}
	.aca-month h4 {width: 160px; font-size: 30px;}
	.aca-month button {width: 40px; height: 40px;}
	.aca-tab {top: 60px;}
	.aca-tab li button {width: 180px; height: 50px; font-size: 18px;}
	.aca-title {font-size: 40px; margin-bottom: 32px;}
	.aca-bf {padding-top: 64px; padding-bottom: 80px;}
	.aca-cs {padding-top: 64px; padding-bottom: 64px;}
	.aca-cal {padding: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
	.aca-cal__top {margin: 0 -24px; padding: 0 24px; height: 48px; top: 110px;}
	.aca-cal__tab li button {height: 32px; padding: 0 16px; font-size: 14px;}
	.aca-cal__nav h4 {font-size: 32px;}
	.aca-cal__tb {margin-top: 24px;}
	.aca-cal__tb thead {top: 158px;}
	.aca-cal__tb thead th {padding: 8px; font-size: 14px;}
	.aca-cal__tb tbody td {padding: 8px;}
	.aca-cal__tb tbody td dl dt strong {font-size: 20px;}
	.aca-cal__tb tbody td dl dt span {font-size: 11px;}
	.aca-cal__tb tbody td dl dd {font-size: 13px;}
	.aca-cal__tb tbody td ul {height: 108px;}
	.aca-cal__tb tbody td ul li {height: 20px; font-size: 12px; margin-bottom: 2px;}
}

@media(max-width:992px){
	.aca-top {padding-top: 16px;}
	.aca-month {height: 50px;}
	.aca-month h4 {width: 120px; font-size: 24px;}
	.aca-month button {width: 32px; height: 32px;}
	.aca-month button:after {width: 6px; height: 6px;}
	.aca-tab {top: 50px;}
	.aca-tab li button {width: 120px; height: 40px; font-size: 16px;}
	.aca-title {font-size: 32px; margin-bottom: 24px;}
	.aca-bf {padding-top: 48px; padding-bottom: 48px;}
	.aca-cs {padding-top: 48px; padding-bottom: 48px;}
	.aca-cal {padding: 24px 8px; -webkit-border-radius: 16px; border-radius: 16px;}
	.aca-cal__top {margin: 0 -8px; padding: 0 8px; height: 40px; top: 90px;}
	.aca-cal__tab li {padding: 4px; margin-right: 0;}
	.aca-cal__tab li button {height: 28px; padding: 0 12px; font-size: 12px;}
	.aca-cal__nav h4 {font-size: 24px;}
	.aca-cal__tb thead {top: 130px;}
	.aca-cal__tb thead th {padding: 4px; font-size: 12px;}
	.aca-cal__tb tbody td {padding: 4px;}
	.aca-cal__tb tbody td dl dt strong {font-size: 16px;}
	.aca-cal__tb tbody td dl dd {font-size: 12px;}
	.aca-cal__tb tbody td ul {height: 88px;}
	.aca-cal__tb tbody td ul li {height: 16px; font-size: 11px;}
	.aca-cal__tb tbody td ul li span {display: none;}
}

@media(max-width:768px){
	.aca-top {margin: 0 -40px;}
	.aca-month {display: none;}
	.aca-tab {top: 0; padding: 0;}
	.aca-tab li {width: 33.3333%;}
	.aca-tab li button {width: 100%; height: 40px; font-size: 14px;}
	.aca-tab li button.active:after {height: 3px;}
	.aca-title {font-size: 24px; margin-bottom: 16px;}
	.aca-bf {display: none;}
	
	.aca-cal__top {height: auto; flex-direction: column; position: static;}
	.aca-cal__nav {display: flex; justify-content: center; align-items: center;}
	.aca-cal__nav h4 {text-align: center; font-size: 13px; font-weight: 300; width: 80px;}
	.aca-cal__nav h4 br {display: block;}
	.aca-cal__nav h4 strong {font-size: 20px; font-weight: 600;}
	.aca-cal__nav button {display: block; width: 32px; height: 32px; background: #fff; border: solid 1px #ddd; text-indent: -9999px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
	.aca-cal__nav button:after {content: ''; display: block; width: 6px; height: 6px; border-top: solid 1px #666;}
	.aca-cal__nav button.prev:after {margin-left: 4px; border-left: solid 1px #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.aca-cal__nav button.next:after {margin-left: -4px; border-right: solid 1px #666; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.aca-cal__tab {margin-top: 8px; justify-content: center;}
	.aca-cal__tab li {padding: 2px;}
	.aca-cal__tab li button {padding: 0 8px;}

	.aca-cal__tb {margin-top: 16px;}
	.aca-cal__tb thead {position: static;}
	.aca-cal__tb thead th {text-align: center;}
	.aca-cal__tb tbody td {padding: 8px 2px; border: none;}
	.aca-cal__tb tbody td.holiday {background: none;}
	.aca-cal__tb tbody td.dim {background: none;}
	.aca-cal__tb tbody td dl dt {width: auto; display: block;}
	.aca-cal__tb tbody td dl dt strong {font-size: 12px; margin-right: 0; text-align: center; display: block;}
	.aca-cal__tb tbody td dl dt span {display: none;}
	.aca-cal__tb tbody td dl dd {display: none;}
	.aca-cal__tb tbody td ul {height: auto; margin-top: 4px; display: flex; justify-content: center;}
	.aca-cal__tb tbody td ul li {height: 4px; width: 4px; padding: 0; margin-bottom: 0; margin-right: 2px; text-indent: -9999px; display: block;}
	.aca-cal__tb tbody td ul li:last-child {margin-right: 0;}
	.aca-cal__tb tbody td ul li strong,
	.aca-cal__tb tbody td ul li span {display: none;}

	.aca-cal__none {height: auto; padding: 40px; font-size: 12px; -webkit-border-radius: 16px; border-radius: 16px;}
	.aca-cal__none:before {content: ''; display: block; margin: 0 auto; width: 64px; height: 42px; margin-bottom: 8px; background: url('https://img.megastudyth.com/mypage/mypage_nodata.png')no-repeat center center / cover;}
	
	.aca-pop__overlay {display: none; z-index: 1999; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
	.aca-pop__handle {width: 50px; height: 4px; background: #E8E8E8; position: absolute; left: 50%; top: 10px; margin-left: -25px; -webkit-border-radius: 4px; border-radius: 4px;}
	.aca-pop {padding: 0; background: 0; top: auto; height: auto; visibility: visible; transform: translateY(100%); transition: transform 0.3s ease-in-out;}
	.aca-pop.on {transform: translateY(0px);}
	.aca-pop__box {display: block; max-height: 400px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.aca-pop__head {height: 54px; padding: 8px 16px 0;}
	.aca-pop__month h4 {width: 90px; font-size: 14px;}
	.aca-pop__month button {width: 20px; height: 20px;}
	.aca-pop__month button:after {width: 6px; height: 6px;}
	.aca-pop__switch {margin-right: 8px;}
	.aca-pop__switch input[type="checkbox"] + label {padding: 2px;}
	.aca-pop__switch input[type="checkbox"] + label span {width: 40px; height: 24px; font-size: 11px;}
	.aca-pop__switch input[type="checkbox"] + label em {width: 40px; height: 24px; left: 42px;}
	.aca-pop__close {width: 24px; height: 24px;}
	.aca-pop__body {max-height: calc(400px - 65px);}
	.aca-pop__none {padding: 32px 16px; font-size: 12px;}
	.aca-pop__group {margin-top: 4px; padding: 16px;}
	.aca-pop__title h5 {font-size: 12px;}
	.aca-pop__title h5:before {width: 8px; height: 8px; border-width: 2px;}
	.aca-pop__title h4 {font-size: 15px; margin-top: 4px;}
	.aca-pop__title h4 strong:after {height: 10px;}
	.aca-pop__title p {font-size: 12px;}
	.aca-pop__list {margin-top: 8px;}
	.aca-pop__item {margin-bottom: 4px;}
	.aca-pop__item dl {border: none; -webkit-border-radius: 0; border-radius: 0; align-items: center;}
	.aca-pop__item dl dt {width: 96px;}
	.aca-pop__item dl dt a {-webkit-border-radius: 4px; border-radius: 4px;}
	.aca-pop__item dl dd {padding: 8px; width: calc(100% - 96px);}
	.aca-pop__item dl dd > a {display: block;}
	.aca-pop__item dl dd h5 {font-size: 13px;}
	.aca-pop__item dl dd p {font-size: 12px;}
	.aca-pop__item dl dd p strong {font-size: 14px;}
	.aca-pop__item dl dd ul {margin-left: -2px; margin-right: -2px;}
	.aca-pop__item dl dd ul li {margin-right: 0; padding: 0 2px; width: 50%;}
	.aca-pop__item dl dd ul li a {height: 24px; font-size: 11px; padding: 0;}
}

@media(max-width:320px){
	.aca-cal__tab li button {height: 24px; padding: 0 4px; font-size: 11px;}
	.aca-pop__item dl dd p u {display: none;}
}





/* academy - intro */
#acitr * {box-sizing: border-box; word-break: auto-phrase; line-height: 1.4;}
.acitr-top {}
.acitr-top__main {padding: 88px 24px 120px; background: url('https://img.megastudyth.com/academy/intro_top_bg2.png')no-repeat center center / cover;}
.acitr-top__box {text-align: center; position: relative;}
.acitr-top__box h3 {font-size: 90px; font-weight: 700; color: #fff; margin-top: 32px;}
.acitr-top__box h3 span {background: #00E3FE; background: linear-gradient(to right, #00E3FE 0%, #006FFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.acitr-top__box p {font-size: 16px; font-weight: 300; margin-top: 24px; color: #fff; line-height: 1.6 !important; display: inline-block; position: relative;}
.acitr-top__box h5 {margin-top: 40px; display: inline-block; padding: 18px 24px; font-size: 18px; font-weight: 400; color: #fff; background: #00B2FF; background: linear-gradient(to right, #00B2FF 0%, #006FFF 100%); -webkit-border-radius: 10px; border-radius: 10px;}
.acitr-top__logo {display: block; height: 30px; text-indent: -9999px; background: url('https://img.megastudyth.com/academy/intro_top_logo.png')no-repeat center center / auto 100%;}

.acitr-top__slogan {padding: 80px 0; text-align: center;}
.acitr-top__slogan span {display: block; font-size: 18px;}
.acitr-top__slogan h4 {font-size: 28px; color: #006FFF; font-weight: 600; margin-top: 16px;}

.acitr-tab {position: sticky; top: 0; z-index: 2; background: #00E3FE; background: linear-gradient(to right, #00E3FE 0%, #017EFF 50%, #00E3FE 100%);}
.acitr-tab ul {display: flex;}
.acitr-tab ul li {width: 20%;}
.acitr-tab ul li button {width: 100%; height: 100px; font-size: 20px; font-weight: 300; color: #BAE9FF; display: flex; align-items: center; justify-content: center;}
.acitr-tab ul li button.active {background: #004BEB; color: #fff; font-weight: 500;}

.acitr-bot {}
.acitr-panel {padding-top: 64px; padding-bottom: 160px;}
.acitr-title {margin-bottom: 64px;}
.acitr-title dt {width: 50px; height: 50px; background: #F4F6FA; margin: 0 auto; display: none; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.acitr-title dt img {display: block; width: 28px;}
.acitr-title dd {text-align: center;}
.acitr-title dd h5 {font-size: 34px;}
.acitr-title dd p {font-size: 18px; color: #4E5968; font-weight: 300; margin-top: 16px; line-height: 1.6 !important;}
.acitr-title dd p.blu {color: #006FFF;}
.acitr-title dd p strong {color: #1a1a1a; font-weight: 500;}

.acitr-tutor {}
.acitr-tutor img {display: block; width: 100%;}

.acitr-mentor {margin: 0 -20px;}
.acitr-mentor .slick-slide {padding: 0 20px;}
.acitr-mentor .slick-arrow {background: #fff; width: 50px; height: 50px; text-indent: -9999px; position: absolute; top: 50%; z-index: 1; margin-top: -25px; box-shadow: -4px 14px 24px 0px rgba(153, 153, 153, 0.25); -webkit-border-radius: 50%; border-radius: 50%;}
.acitr-mentor .slick-prev {left: -10px;}
.acitr-mentor .slick-next {right: -10px;}
.acitr-mentor .slick-arrow:after {content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #FF3678; position: absolute; left: 50%; top: 50%; margin-top: -6px; box-sizing: border-box;}
.acitr-mentor .slick-prev:after {border-left: solid 2px #FF3678; margin-left: -3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.acitr-mentor .slick-next:after {border-right: solid 2px #FF3678; margin-left: -9px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.acitr-mentor__item {position: relative; overflow: hidden; display: flex; justify-content: flex-end; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-mentor__item.blu {background: #0783FE; background: linear-gradient(to top, #0783FE 0%, #01B9FE 100%);}
.acitr-mentor__item.sky {background: #01CAFF; background: linear-gradient(to top, #01CAFF 0%, #11DAFF 100%);}
.acitr-mentor__item.grn {background: #01DC65; background: linear-gradient(to top, #01DC65 0%, #01ED94 100%);}
.acitr-mentor__item dl {padding: 32px 24px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.acitr-mentor__item dl dt span {padding: 10px; font-size: 14px; color: #fff; font-weight: 300; -webkit-border-radius: 10px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;}
.acitr-mentor__item dl dt h5 {font-size: 18px; font-weight: 600; color: #fff; padding-right: 40%; margin-top: 16px; line-height: 1.4;}
.acitr-mentor__item dl dd {padding-top: 16px; border-top: solid 1px #fff;}
.acitr-mentor__item dl dd p {font-size: 14px; color: #fff; line-height: 1.6 !important; min-height: 3.9em; padding-right: 50%;}
.acitr-mentor__item img {display: block; width: 68.6274%; z-index: 1;}
.acitr-mentor__item.blu dl dt span {background: #1266FF;}
.acitr-mentor__item.sky dl dt span {background: #00A1DD;}
.acitr-mentor__item.grn dl dt span {background: #00B24B;}

.acitr-consult {margin-top: 80px;}
.acitr-consult h5 {text-align: center; font-size: 28px;}
.acitr-consult ul {display: flex; margin-top: 80px; gap: 20px;}
.acitr-consult ul li {width: 50%; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-consult ul li img {display: block;}

.acitr-service {display: flex; gap: 80px;}
.acitr-service li {width: 33.3333%; position: relative;}
.acitr-service li:after {content: ''; display: block; width: 14px; height: 24px; position: absolute; top: 50%; margin-top: -12px; left: 100%; margin-left: 33px; background: url('https://img.megastudyth.com/academy/intro_service_arrow.png')no-repeat center center / cover;}
.acitr-service li:last-child:after {display: none;}
.acitr-service li div {height: 100%; padding: 40px 32px; border: solid 1px #006FFF; display: flex; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-service li h5 {font-size: 24px; flex-grow: 1;}
.acitr-service li img {display: block; width: 240px; flex-shrink: 0; margin-top: 16px; align-self: flex-end; margin-right: -24px; margin-bottom: -32px;}

.acitr-mock {margin-top: 40px; padding: 54px 32px; font-weight: 300; font-size: 24px; background: #E9F8FF; text-align: center; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-mock span {color: #006FFF; font-weight: 600;}

.acitr-open {display: grid; grid-template-columns: 46% 25% 25%; grid-template-rows: auto; gap: 2%;}
.acitr-open li:nth-child(1) {grid-row: span 2;}
.acitr-open li:nth-child(1) div {padding-bottom: 0; height: 100%;}
.acitr-open li:nth-child(3) div {padding-bottom: 0; background: #E9F8FF; padding: 32px; height: 100%;}
.acitr-open li div {padding-bottom: 78.7878%; position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-open li img {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.acitr-open li p {font-size: 18px; color: #006FFF; line-height: 1.6 !important;}

.acitr-contact {margin-top: -40px;}
.acitr-contact dt {display: flex; justify-content: center;}
.acitr-contact dt p {background: #191F28; color: #fff; height: 60px; margin: 0 10px; padding: 0 24px; -webkit-border-radius: 30px; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
.acitr-contact dt p span {margin-left: 24px;}
.acitr-contact dd {margin-top: 20px; text-align: center; font-size: 14px; font-weight: 300; color: #4E5968; line-height: 1.6 !important;}

.acitr-facility {margin-top: 40px; display: grid; grid-template-columns: 46% 25% 25%; grid-template-rows: auto; gap: 2%;}
.acitr-facility li:nth-child(1) {grid-row: span 2;}
.acitr-facility li:nth-child(1) div {padding-bottom: 0; height: 100%;}
.acitr-facility li:nth-child(3) div {padding-bottom: 0; background: #E9F8FF; padding: 32px; height: 100%;}
.acitr-facility li div {padding-bottom: 78.7878%; position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.acitr-facility li img {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
.acitr-facility dl {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); padding: 40px 32px; display: flex; flex-direction: column; justify-content: space-between;}
.acitr-facility dl dt {font-size: 32px; color: #fff; font-weight: 600;}
.acitr-facility dl dd {font-size: 16px; font-weight: 300; color: #fff; line-height: 1.6 !important;}

@media(max-width:1200px){
	.acitr-top__main {padding: 80px 24px;}
	.acitr-top__box h3 {font-size: 70px; margin-top: 16px;}
	.acitr-top__box p {font-size: 14px; margin-top: 16px;}
	.acitr-top__box h5 {font-size: 14px; margin-top: 24px;}
	.acitr-top__slogan {padding: 64px 0;}
	.acitr-top__slogan h4 {font-size: 24px; margin-top: 8px;}
	.acitr-tab .inner {padding-left: 0; padding-right: 0;}
	.acitr-tab ul li button {height: 80px; font-size: 16px;}
	.acitr-panel {padding-bottom: 64px;}
	.acitr-title dd h5 {font-size: 28px;}
	.acitr-title dd p {font-size: 16px;}
	.acitr-mentor {margin: 0 -10px;}
	.acitr-mentor .slick-slide {padding: 0 10px;}
	.acitr-mentor .slick-prev {left: -15px;}
	.acitr-mentor .slick-next {right: -15px;}
	.acitr-mentor__item dl {padding: 24px 16px;}
	.acitr-mentor__item dl dt span {padding: 4px 8px; font-size: 12px; -webkit-border-radius: 8px; border-radius: 8px;}
	.acitr-mentor__item dl dt h5 {font-size: 16px; padding-right: 40%; margin-top: 8px;}
	.acitr-mentor__item dl dd {padding-top: 8px;}
	.acitr-mentor__item dl dd p {font-size: 12px;}
	.acitr-consult {margin-top: 64px;}
	.acitr-consult h5 {font-size: 24px;}
	.acitr-consult ul {margin-top: 64px; gap: 10px;}
	.acitr-service {gap: 48px;}
	.acitr-service li:after {margin-left: 20px;}
	.acitr-service li div {padding: 32px 24px;}
	.acitr-service li h5 {font-size: 20px;}
	.acitr-service li img {width: 180px; margin-top: 24px; margin-right: -16px; margin-bottom: -24px;}
	.acitr-mock {padding: 40px 24px; font-size: 20px;}
	.acitr-open li:nth-child(3) div {padding: 24px;}
	.acitr-open li p {font-size: 14px;}
	.acitr-contact dt p {height: 50px; margin: 0 6px; padding: 0 16px;}
	.acitr-contact dt p span {margin-left: 16px;}
	.acitr-facility dl {padding: 32px 24px;}
	.acitr-facility dl dt {font-size: 26px;}
	.acitr-facility dl dd {font-size: 14px;}
}

@media(max-width:992px){
	.acitr-top__main {padding: 64px 24px;}
	.acitr-top__box:before,
	.acitr-top__box:after {width: 200px; height: 186px; bottom: -96px;}
	.acitr-top__box:before {left: -80px;}
	.acitr-top__box:after {right: -80px;}
	.acitr-top__box h3 {font-size: 50px;}
	.acitr-top__box p {font-size: 12px;}
	.acitr-top__box h5 {font-size: 12px; margin-top: 16px; padding: 12px 20px;}
	.acitr-top__logo {height: 25px;}
	.acitr-top__slogan {padding: 56px 0;}
	.acitr-top__slogan span {font-size: 16px;}
	.acitr-top__slogan h4 {font-size: 22px;}
	.acitr-tab ul li button {height: 64px; font-size: 14px;}
	.acitr-title dd h5 {font-size: 24px;}
	.acitr-title dd p {font-size: 14px;}
	.acitr-consult {margin-top: 56px;}
	.acitr-consult h5 {font-size: 20px;}
	.acitr-consult ul {margin-top: 56px;}
	.acitr-service li div {padding: 24px 16px;}
	.acitr-service li h5 {font-size: 16px;}
	.acitr-service li img {width: 120px; margin-right: -8px; margin-bottom: -16px;}
	.acitr-mock {padding: 24px 16px; font-size: 16px;}
	.acitr-open li:nth-child(3) div {padding: 16px;}
	.acitr-open li p {font-size: 12px;}
	.acitr-contact dt p {height: 44px;}
	.acitr-facility dl {padding: 24px 16px;}
	.acitr-facility dl dt {font-size: 20px;}
	.acitr-facility dl dd {font-size: 12px;}
}

@media(max-width:768px){
	.acitr-top__main {padding: 40px 0px;}
	.acitr-top__box h3 {font-size: 30px; margin-top: 8px;}
	.acitr-top__box p {font-size: 10px; margin-top: 8px;}
	.acitr-top__box h5 {font-size: 11px; padding: 8px 16px;}
	.acitr-top__logo {height: 20px;}
	.acitr-top__slogan {padding: 40px 0;}
	.acitr-top__slogan span {font-size: 12px;}
	.acitr-top__slogan h4 {font-size: 18px;}
	.acitr-tab {display: none;}
	.acitr-panel {padding-top: 40px; padding-bottom: 40px;}
	.acitr-title {margin-bottom: 24px;}
	.acitr-title dd h5 {font-size: 17px;}
	.acitr-title dd p {font-size: 12px; margin-top: 8px;}
	.acitr-mentor {padding-right: 20%;}
	.acitr-mentor .slick-list {overflow: visible;}
	.acitr-mentor__item {-webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-mentor__item dl dt span {font-size: 10px;}
	.acitr-mentor__item dl dt h5 {font-size: 14px;}
	.acitr-mentor__item dl dd p {font-size: 10px;}
	.acitr-consult {margin-top: 40px;}
	.acitr-consult h5 {font-size: 16px;}
	.acitr-consult ul {margin-top: 40px; display: block;}
	.acitr-consult ul li {width: 100%; padding: 0; margin-bottom: 10px; -webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-consult ul li:last-child {margin-bottom: 0;}
	.acitr-service {display: block;}
	.acitr-service li {width: 100%; margin-bottom: 10px;}
	.acitr-service li:last-child {margin-bottom: 0;}
	.acitr-service li div {padding: 16px; flex-direction: row; -webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-service li img {width: 100px; margin-top: 0; margin-left: 16px;}
	.acitr-mock {padding: 16px; font-size: 14px; margin-top: 10px; -webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-open {margin: -5px; display: flex; flex-wrap: wrap; gap: 0;}
	.acitr-open li {width: 50%; padding: 5px;}
	.acitr-open li:nth-child(1) {width: 100%;}
	.acitr-open li div {-webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-open li:nth-child(1) div {padding-bottom: 90%;}
	.acitr-open li:nth-child(3) div {padding: 16px;}
	.acitr-open li p {font-size: 11px;}
	.acitr-contact {margin-top: -16px;}
	.acitr-contact dt p {height: 36px; margin: 0 4px; padding: 0 12px; font-size: 12px;}
	.acitr-contact dt p span {margin-left: 12px;}
	.acitr-contact dd {font-size: 12px;}
	.acitr-facility {padding-top: 24px; margin: -5px; display: flex; flex-wrap: wrap; gap: 0;}
	.acitr-facility li {width: 50%; padding: 5px;}
	.acitr-facility li:nth-child(1) {width: 100%;}
	.acitr-facility li div {-webkit-border-radius: 12px; border-radius: 12px;}
	.acitr-facility li:nth-child(1) div {padding-bottom: 90%;}
	.acitr-facility li:nth-child(3) div {padding: 16px;}
	.acitr-facility dl {padding: 24px 16px;}
	.acitr-facility dl dt {font-size: 18px;}
	.acitr-facility dl dd {font-size: 12px;}
}


#unq {padding-bottom: 160px;}
#unq * {box-sizing: border-box; word-break: auto-phrase; line-height: 1.4;}
.unq-top {text-align: center;}
.unq-top h3 {font-size: 34px; font-weight: 600;}
.unq-top h4 {margin-top: 30px; position: relative; display: flex; justify-content: center;}
.unq-top h4 span {background: #006FFF; color: #fff; padding: 16px 32px; font-size: 24px; font-weight: 600; position: relative; outline: solid 20px #fff; -webkit-border-radius: 60px; border-radius: 60px; display: flex; align-items: center; justify-content: center;}
.unq-top h4:before {content: ''; display: block; height: 1px; background: #CED3DE; position: absolute; left: 0; right: 0; top: 50%;}
.unq-top p {margin-top: 30px; font-size: 18px; font-weight: 300;}
.unq-top p span {display: block; margin-bottom: 16px; line-height: 1.6 !important;}
.unq-top p span:last-child {margin-bottom: 0;}
.unq-site {margin-top: 60px; display: flex; gap: 30px;}
.unq-site dt,
.unq-site dd {padding: 48px 54px; position: relative; overflow: hidden; background: #B0FDF2; background: linear-gradient(to right, #B0FDF2 0%, #ABE6FF 100%); -webkit-border-radius: 20px; border-radius: 20px;}
.unq-site dt:before,
.unq-site dt:after,
.unq-site dd:before,
.unq-site dd:after {content: ''; display: block; position: absolute; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%;}
.unq-site dt:before {background: #C0EFFF; width: 49%; padding-bottom: 49%; left: -30%; top: -10%;}
.unq-site dt:after {background: #C3FBF7; width: 65%; padding-bottom: 65%; right: -10%; bottom: -10%;}
.unq-site dd:before {background: #C0EFFF; width: 35%; padding-bottom: 35%; left: -10%; top: -10%;}
.unq-site dd:after {background: #C3FBF7; width: 41%; padding-bottom: 41%; right: -10%; bottom: -10%;}
.unq-site ul {display: flex; gap: 20px; position: relative; z-index: 2;}
.unq-site ul li {background: #fff; padding: 12px; -webkit-border-radius: 16px; border-radius: 16px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.unq-site p {text-align: center; margin-top: 24px; font-weight: 600; font-size: 24px; position: relative; z-index: 2;}
.unq-site p span {color: #006FFF;}
.unq-title {margin-top: 120px; text-align: center;}
.unq-title h4 {font-size: 34px; font-weight: 600;}
.unq-title p {margin-top: 8px; font-size: 18px; color: #4E5968; font-weight: 300;}
.unq-half {margin-top: 60px; display: flex; gap: 60px;}
.unq-img {width: 50%;}
.unq-img li {overflow: hidden; margin-bottom: 120px; -webkit-border-radius: 20px; border-radius: 20px;}
.unq-img li:last-child {margin-bottom: 0;}
.unq-hsty {width: 50%;}
.unq-hsty dl {position: relative; margin-left: 24px; padding-top: 60px; padding-bottom: 90px; border-bottom: solid 1px #F5F5F5;}
.unq-hsty dl:first-child {padding-top: 0;}
.unq-hsty dl:last-child {padding-bottom: 0; border-bottom: none;}
.unq-hsty dl:before {content: ''; display: block; width: 1px; background: #CED3DE; position: absolute; left: -24px; top: 0; bottom: 0;}
.unq-hsty dl:first-child:before {top: 20px;}
.unq-hsty dl:last-child:before {bottom: auto; height: 80px;}
.unq-hsty dl:after {content: ''; display: block; width: 9px; height: 9px; background: #4E5968; position: absolute; left: -28px; top: 75px; -webkit-border-radius: 50%; border-radius: 50%;}
.unq-hsty dl:first-child:after {top: 15px;}
.unq-hsty dl dt {font-size: 28px; font-weight: 600;}
.unq-hsty dl dd {font-size: 18px; font-weight: 300; margin-top: 20px; line-height: 1.6 !important;}

@media(max-width:1200px){
	#unq {padding-bottom: 120px;}
	.unq-top h3 {font-size: 30px;}
	.unq-top h4 span {padding: 12px 24px; font-size: 20px;}
	.unq-top p {font-size: 16px;}
	.unq-site {display: flex; gap: 20px;}
	.unq-site dt,
	.unq-site dd {padding: 32px;}
	.unq-site p {margin-top: 16px; font-size: 20px;}
	.unq-title {margin-top: 80px;}
	.unq-title h4 {font-size: 30px;}
	.unq-title p {font-size: 16px;}
	.unq-hsty dl {padding-top: 40px; padding-bottom: 40px;}
	.unq-hsty dl:after {top: 55px;}
	.unq-hsty dl:last-child:before {height: 60px;}
	.unq-hsty dl dd {font-size: 16px; margin-top: 16px;}
}

@media(max-width:992px){
	#unq {padding-bottom: 64px;}
	.unq-top h3 {font-size: 24px;}
	.unq-top h4 span {padding: 8px 16px; font-size: 16px;}
	.unq-top p {font-size: 14px;}
	.unq-site dt,
	.unq-site dd {padding: 24px;}
	.unq-site p {margin-top: 8px; font-size: 16px;}
	.unq-site ul li {padding: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
	.unq-title {margin-top: 64px;}
	.unq-title h4 {font-size: 24px;}
	.unq-title p {font-size: 14px;}
	.unq-img li {margin-bottom: 40px;}
	.unq-hsty dl {padding-top: 24px; padding-bottom: 24px;}
	.unq-hsty dl:after {top: 39px;}
	.unq-hsty dl:last-child:before {height: 46px;}
	.unq-hsty dl dd {font-size: 14px; margin-top: 8px;}
}

@media(max-width:768px){
	.unq-top h3 {font-size: 18px;}
	.unq-top h4 {margin-top: 24px;}
	.unq-top h4 span {font-size: 12px; outline-width: 10px;}
	.unq-top p {font-size: 12px;}
	.unq-site {display: block; margin-top: 40px;}
	.unq-site dt {margin-bottom: 16px;}
	.unq-site dd {margin-bottom: 0;}
	.unq-site ul {display: block;}
	.unq-site ul li {margin-bottom: 10px;}	
	.unq-site ul li:last-child {margin-bottom: 0;}
	.unq-title {margin-top: 40px;}
	.unq-title h4 {font-size: 18px;}
	.unq-title p {font-size: 12px; margin-top: 4px;}
	.unq-half {margin-top: 24px; display: block;}
	.unq-img {width: 100%;}
	.unq-img li {margin-bottom: 10px;}
	.unq-hsty {margin-top: 24px; width: 100%;}
	.unq-hsty dl dd {font-size: 12px; margin-top: 8px;}
}