@charset "utf-8";


/* CBT공통 */
#alv {position: relative; overflow: hidden;}
#alv * {box-sizing: border-box;}
#alv img {display: block; max-width: 100%; margin: 0 auto;}

.alv-inner {width: 100%; max-width: 1040px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s;}

.alv-top {background: url('https://img.megastudyth.com/cbt/2501/top_bg.jpg')no-repeat center center / cover;}
.alv-top img {}

.alv-line {padding: 64px 0; background: #FFD4FA; background: linear-gradient(to right, #FFD4FA 0%, #FFFFEE 100%);}
.alv-line h3 {font-size: 32px; font-weight: 700; text-align: center;}
.alv-line span.pnk {color: #FF32BB;}
.alv-line span.ppl {color: #A047FF;}

.alv-wh {padding: 80px 0;}
.alv-btn {display: flex; margin: 0 -16px;}
.alv-btn li {width: 50%; padding: 0 16px;}
.alv-btn li dl {padding: 32px; height: 100%; display: flex; align-items: center; -webkit-border-radius: 20px; border-radius: 20px;}
.alv-btn li dl.pnk {background: #FF32BB;}
.alv-btn li dl.ppl {background: #A047FF;}
.alv-btn li dl dt {flex-shrink: 0; margin-right: 24px;}
.alv-btn li dl dt img {display: block; width: 118px;}
.alv-btn li dl dd {flex-grow: 1;}
.alv-btn li dl dd h5 {font-size: 28px; color: #fff; font-weight: 600;}
.alv-btn li dl dd p {font-size: 16px; color: #fff; font-weight: 300; margin-top: 8px; line-height: 1.4;}
.alv-btn li dl dd span {color: #FFF655; font-weight: 600;}

.alv-list {padding: 20px; margin-top: 40px; border: solid 1px #FF32BB; -webkit-border-radius: 20px; border-radius: 20px;}
.alv-list dl {margin-bottom: 10px; padding: 16px; background: #FFEBFE; display: flex; align-items: center; -webkit-border-radius: 10px; border-radius: 10px;}
.alv-list dl:last-child {margin-bottom: 0;}
.alv-list dl:nth-child(even) {background: #EBECFF;}
.alv-list dl dt {padding: 0 24px; flex-grow: 1; display: flex; align-items: center;}
.alv-list dl dt h5 {font-size: 28px; font-weight: 600; flex-shrink: 0; width: 30%;}
.alv-list dl dt p {font-size: 18px; font-weight: 300;}
.alv-list dl dd {display: flex; align-items: center; flex-shrink: 0;}
.alv-list dl dd a {margin-right: 14px; width: 120px; height: 48px; font-size: 18px; text-align: center; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.alv-list dl dd a:last-child {margin-right: 0;}
.alv-list dl dd a.pnk {color: #FF32BB;}
.alv-list dl dd a.ppl {color: #A047FF;}

.alv-ppl {padding: 80px 0; background: url('https://img.megastudyth.com/cbt/2501/on_bg.jpg')no-repeat center center / cover;}
.alv-ppl__title {text-align: center; margin-top: 64px;}
.alv-ppl__title.mt0 {margin-top: 0;}
.alv-ppl__title h3 {font-size: 40px; font-weight: 700;}
.alv-ppl__title h3.pnk {color: #FF32BB;}
.alv-ppl__title h3.ppl {color: #A047FF;}
.alv-ppl__title p {font-size: 32px; margin-top: 16px; color: #fff;}

.alv-sch {margin-top: 40px; border: solid 1px #A047FF; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px;}
.alv-sch dt {height: 48px; background: #A047FF; color: #fff; font-size: 20px; font-weight: 400; display: flex; align-items: center; justify-content: center;}
.alv-sch dd {padding: 30px;}
.alv-sch dd ul {display: flex; margin: 0 -12px;}
.alv-sch dd ul li {width: 50%; padding: 0 12px;}
.alv-sch table {background: #fff;}
.alv-sch table th,
.alv-sch table td {border: solid 1px #420F6B; padding: 8px; text-align: center; font-size: 16px; font-weight: 400;}
.alv-sch table thead th {color: #FF32BB;}
.alv-sch table tbody th strong {display: block; font-size: 18px;}
.alv-sch table tbody td.pnk {background: #FFF0FD;}

.alv-pnk {padding: 80px 0; background: url('https://img.megastudyth.com/cbt/2501/info_bg.jpg')no-repeat center center / cover;}
.alv-pnk__title {text-align: center; color: #fff;}
.alv-pnk__title p {font-size: 24px;}
.alv-pnk__title h3 {font-size: 42px; font-weight: 600; margin-top: 16px;}
.alv-info {max-width: 470px; margin: 0 auto; padding-top: 40px;}
.alv-info dt {height: 56px; font-size: 20px; color: #FF32BB; font-weight: 500; background: #FFF7A1; margin: 0 56px; position: relative; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px 4px 20px 20px; border-radius: 4px 4px 20px 20px;}
.alv-info dd {background: #fff; margin-top: -52px; padding-top: 52px; -webkit-border-radius: 20px; border-radius: 20px;}
.alv-info dd ul {padding: 40px 0; display: flex;}
.alv-info dd ul li {width: 50%; border-right: solid 1px #CACACA; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.alv-info dd ul li:last-child {border-right: none;}
.alv-info dd ul li h5 {font-size: 20px; font-weight: 300; color: #666;}
.alv-info dd ul li p {font-size: 22px; font-weight: 400; color: #000; margin-top: 8px;}


@media all and (max-width: 1280px){
	.alv-btn {margin: 0 -8px;}
	.alv-btn li {padding: 0 8px;}
	.alv-btn li dl dt img {width: 96px;}
	.alv-sch table th,
	.alv-sch table td {font-size: 14px;}
	.alv-sch table tbody th strong {font-size: 16px;}
}

@media all and (max-width: 992px){
	.alv-line {padding: 40px 0;}
	.alv-line h3 {font-size: 24px;}
	
	.alv-wh {padding: 64px 0;}
	.alv-btn li dl {padding: 24px;}
	.alv-btn li dl dt {margin-right: 16px;}
	.alv-btn li dl dt img {width: 80px;}
	.alv-btn li dl dd h5 {font-size: 24px;}
	.alv-btn li dl dd p {font-size: 13px; margin-top: 8px;}

	.alv-list dl dt {padding: 0 16px;}
	.alv-list dl dt h5 {font-size: 22px; width: 40%;}
	.alv-list dl dt p {font-size: 16px;}
	.alv-list dl dd a {margin-right: 8px; width: 96px; height: 40px; font-size: 16px;}

	.alv-ppl {padding: 64px 0;}
	.alv-ppl__title h3 {font-size: 34px;}
	.alv-ppl__title p {font-size: 24px;}

	.alv-sch {margin-top: 24px;}
	.alv-sch dt {height: 40px; font-size: 18px;}
	.alv-sch dd {padding: 16px;}
	.alv-sch dd ul {margin: 0 -8px;}
	.alv-sch dd ul li {padding: 0 8px;}
	.alv-sch table th,
	.alv-sch table td {font-size: 13px; padding: 6px 4px;}
	.alv-sch table tbody th strong {font-size: 15px;}

	.alv-pnk {padding: 64px 0;}
	.alv-pnk__title p {font-size: 20px;}
	.alv-pnk__title h3 {font-size: 30px; margin-top: 8px;}
}

@media all and (max-width: 768px){
	.alv-line {padding: 24px 0;}
	.alv-line h3 {font-size: 14px;}
	
	.alv-wh {padding: 40px 0;}
	.alv-btn {margin: 0; display: block;}
	.alv-btn li {width: 100%; padding: 0; margin-bottom: 8px;}
	.alv-btn li:last-child {margin-bottom: 0;}

	.alv-btn li dl {padding: 16px; -webkit-border-radius: 10px; border-radius: 10px;}
	.alv-btn li dl dt img {width: 64px;}
	.alv-btn li dl dd h5 {font-size: 20px;}
	.alv-btn li dl dd p {font-size: 12px;}
	
	.alv-list {padding: 16px; margin-top: 20px; -webkit-border-radius: 10px; border-radius: 10px;}
	.alv-list dl {display: block;}
	.alv-list dl dt {padding: 0; justify-content: space-between;}
	.alv-list dl dt h5 {font-size: 20px; width: auto;}
	.alv-list dl dt p {font-size: 14px;}
	.alv-list dl dd {margin-top: 12px;}
	.alv-list dl dd a {margin-right: 8px; width: 50%; font-size: 14px; -webkit-border-radius: 6px; border-radius: 6px;}

	.alv-ppl {padding: 40px 0;}
	.alv-ppl__title {margin-top: 40px;}
	.alv-ppl__title h3 {font-size: 26px;}
	.alv-ppl__title p {font-size: 14px; margin-top: 8px;}

	.alv-sch {margin-top: 24px; -webkit-border-radius: 10px; border-radius: 10px;}
	.alv-sch dt {height: 32px; font-size: 14px;}
	.alv-sch dd {padding: 16px;}
	.alv-sch dd ul {margin: 0; display: block;}
	.alv-sch dd ul li {padding: 0; width: 100%; margin-bottom: 16px;}
	.alv-sch dd ul li:last-child {margin-bottom: 0;}
	.alv-sch table th,
	.alv-sch table td {font-size: 12px; padding: 4px;}
	.alv-sch table tbody th {padding: 0; font-size: 11px;}
	.alv-sch table tbody th strong {font-size: 15px;}

	.alv-pnk {padding: 40px 0;}
	.alv-pnk__title p {font-size: 13px;}
	.alv-pnk__title h3 {font-size: 24px; margin-top: 8px;}

	.alv-info {padding-top: 24px;}
	.alv-info dt {height: 40px; font-size: 16px; margin: 0 24px; -webkit-border-radius: 4px 4px 10px 10px; border-radius: 4px 4px 10px 10px;}
	.alv-info dd {margin-top: -36px; padding-top: 36px; -webkit-border-radius: 10px; border-radius: 10px;}
	.alv-info dd ul {padding: 24px 0;}
	.alv-info dd ul li h5 {font-size: 14px;}
	.alv-info dd ul li p {font-size: 16px;}

}