@charset "utf-8";

.tFv {
    position: relative;
}

.tFvAr {
    width: 100%;
    max-width: 158.5rem;
    margin: 0 0 0 auto;
    padding: 0 0 0 1.5rem;
}

.tFvSlider {
    position: relative;
    overflow: hidden;
    border-radius: 3rem 0 0 0;
    width: 100%;
}

.tFvSlider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
background: linear-gradient(90deg,rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
}

.tFvTxtBx {
    position: absolute;
    z-index: 10;
    top: 21rem;
    left: 6.25%;
    width: 100%;
    max-width: 75.8rem;
}

.tFvTit01 {
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 2;
    color: var(--primary);
}

.tFvLogo {
    width: 100%;
    max-width: 64.1rem;
    margin: -1.2rem 0 0;
}

.tFvFl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.4rem;
    margin: 7rem 0 0;
}

.tFvFlItem {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    max-width: 18.8rem;
    aspect-ratio: 188/99;
    border-radius: 1rem;
    background: var(--tertiary);
}

.tFvFlTxt {
    text-shadow: 0 1px .5rem rgba(0, 0, 0, 0.3);
    color: var(--white);
    font-weight: 600;
    text-align: center;
}

.tFvFlTxt01 {
    font-size: 3.3rem;
    letter-spacing: 0.08em;
    line-height: 1.45;
}

.tFvFlTxt02 {
    font-size: 2.8rem;
    letter-spacing: 0.08em;
    line-height: 1.25;
}

.tFvFlCross {
    display: flex;
    align-items: center;
    width: 2.73rem;
    aspect-ratio: 1/1;
}

.tAbout {
    margin: 15.5rem 0 0;
}

.tAbtAr {
    width: 100%;
    max-width: 132rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tAbtBx {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.tAbtBxL {
    position: relative;
    width: 51%;
    max-width: 67.1rem;
    aspect-ratio: 671/690;
}

.tAbtImg01 {
    position: absolute;
    z-index: 2;
    top: -2rem;
    left: -2rem;
    width: 44%;
    max-width: 29.4rem;
}

.tAbtImg02 {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 51%;
    max-width: 34rem;
    margin: auto 0;
}

.tAbtBxL::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 20.86%;
    bottom: 0;
    width: 45%;
    aspect-ratio: 301/382;
    border-radius: 1rem;
    background: var(--primary);
}

.tAbtBxR {
    width: 43%;
    max-width: 56rem;
    margin: 2rem 0 0;
}

.tAbtBx .bgTxt01 {
    position: absolute;
    top: -7rem;
    right: -4rem;
    z-index: -1;
}

.tAbtTxtBx {
    margin: 4.5rem 0 0;
}

.tAbtTxt01 {
    line-height: 2.1;
}

.tAbtTxt01:nth-of-type(n+2) {
    margin: 4rem 0 0;
}

.tAbtTxt01 span {
    font-size: 2rem;
    font-weight: bold;
    color: var(--primary);
}

.tAbtBxR .btn01 {
    margin: 5rem 0 0;
}

.tMidlle {
    margin: 9rem 0 0;
    padding: 7.5rem 0 9rem;
    background: var(--secondary);
}

.tMidAr {
    width: 100%;
    max-width: 125rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tMidTit01 {
    text-align: center;
    line-height: 2.22;
}

.tMidTit01 .none {
    display: none;
}

.tMidFl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 7rem 0 0;
}

.tMidFlL {
    width: 48%;
    max-width: 55rem;
}

.tMidFlR {
    width: 50%;
    max-width: 61rem;
}

.tMidTxt01:nth-of-type(n+2) {
    margin: 3rem 0 0;
}

.tMidTxt01 span {
    color: var(--primary);
}

.tMidPointFl {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 3rem;
    margin: 4.5rem 0 0;
}

.tMidPointFl::before {
    content: "";
    display: block;
    height: 1px;
    flex: 1;
    background: var(--black);
}

.tMidPointFlIn {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.tMidPointIcon {
    width: 6rem;
}

.tMidPointTit {
    flex: 1;
    font-weight: 600;
    color: var(--primary);
}

.tMidPointTit br {
    display: none;
}

.tMidPointGr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6rem 4rem;
    justify-items: center;
    margin: 4rem 0 0;
}

.tMidPointGrItem {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    width: 100%;
}

.tMidPointGrNum {
    font-size: 2.5rem;
    color: var(--primary);
}

.tMidPointGrItemTxtBx {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    max-width: 32rem;
    aspect-ratio: 64/35;
    border-radius: 1rem;
    background: var(--white);
}

.tMidPointGrItemTxt {
    font-size: 2.3rem;
    font-weight: 700;
    text-align: center;
}

.tMidPointGrItemTxt span {
    font-size: 2.3rem;
    color: var(--primary);
}

.tMidBx .btn01 {
    margin: 7rem auto 0;
}

.tWorry {
    padding: 10rem 0 8.5rem;
}

.tWryAr {
    width: 100%;
    max-width: 125rem;
    padding: 0 1.5rem;
    margin: 0 auto;
}

.tWryTit {
    text-align: center;
}

.tWryTit br {
    display: none;
}

.tWryTit01 span {
    margin: 0 1.5rem 0 0;
}

.tWryBx {
    position: relative;
    margin: 6rem 0 0;
    padding: 4rem 5rem 5rem;
    border: .3rem solid var(--black);
    border-radius: 2rem;
}

.tWryBx::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 5.6rem;
    height: 3.4rem;
    margin: auto;
    background: url(../../../../uploads/individual_hukidasi.png) no-repeat;
    background-size: 100%;
    z-index: 1;
    display: block;
    transform: scale(1, -1);
}

.tWryBxTit {
    width: 100%;
    padding: 0 0 1rem 0;
    line-height: 1.45;
    text-align: center;
    border-bottom: .3rem solid var(--quaternary);
}

.tWryGr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4.5rem;
    margin: 4.5rem 0 0;
}

.tWryGrImg {
    margin: 0 auto;
    width: 100%;
    max-width: 18rem;
}

.tWryGrTxt {
    margin: 2.5rem 0 0;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.35;
    text-align: center;
}

.tWryTit02 {
    margin: 7rem 0 0;
}

.tWryTit02 span {
    margin: 0 0 0 1.5rem;
}

.tWryFl {
    display: flex;
    justify-content: space-between;
    margin: 6rem 0 0;
}

.tWryFlItem {
    width: 32%;
}

.tWryFlItemNum {
    font-weight: 600;
    font-size: 3rem;
    line-height: 1.45;
    color: var(--primary);
    text-align: center;
}

.tWryFlItemTit {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.45;
    color: var(--primary);
    text-align: center;
}

.tWryFlItemTit br {
    display: none;
}

.tWryFlItemImg {
    max-width: 36rem;
    margin: 2rem auto 0;
}

.tWryFlItemTxt {
    max-width: 36rem;
    margin: 3rem auto 0;
}

.tWryFlItemTxt span {
    color: var(--primary);
}

.tBgWr01 {
    padding: 9rem 0 0;
    background: var(--secondary);
}

.tStrAr {
    width: 100%;
    max-width: 135rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tStrTit {
    display: flex;
    max-width: max-content;
    margin: 0 auto;
    text-align: center;
}

.tStrBx {
    margin: 9rem 0 0;
}

.tStrFl {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
    max-width: 127rem;
    margin: 0 0 0 auto;
}

.tStrFl:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.tStrFl:nth-of-type(n+2) {
    margin: 8rem auto 0 0;
}

.tStrFlTxtBx {
    width: 45%;
    max-width: 55rem;
}

.tStrFlNum {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    line-height: 1.45;
    color: var(--primary);
}

.tStrFlNum span {
    font-size: 3rem;
}

.tStrFlTit {
    margin: 1rem 0 0;
}

.tStrFlTit02 {
    margin: 1rem 0 0;
}

.tStrFlTxt01 {
    margin: 4rem 0 0;
    font-size: 2.2rem;
    line-height: 1.45;
    font-weight: 700;
    max-width: max-content;
}

.tStrFlTxt02 {
    margin: 4rem 0 0;
    font-weight: 700;
    line-height: 1.94;
}

.tStrFlTxt02 span {
    color: var(--primary);
}

.tStrFlTxt01+.tStrFlTxt02 {
    margin: 2rem 0 0;
}

.tStrFlTxtBx .btn01 {
    margin: 4rem 0 0;
}

.tStrFlImg {
    width: 50%;
    max-width: 66rem;
    overflow: hidden;
    clip-path: polygon(6% 0%, 100% 0, 100% 100%, 0% 100%);
}

.tStrFl:nth-of-type(2n) .tStrFlImg {
    clip-path: polygon(0% 0%, 100% 0, 96% 100%, 0% 100%);
}

.tCourse {
    margin: 17rem 0 0;
}

.tCrsTitBx {
    position: relative;
}

.tCrsTitBx .bgTxt01 {
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -3.5rem;
}

.tCrsTit {
    color: var(--primary);
    text-align: center;
}

.tCrsBx {
    position: relative;
    display: flex;
    width: 100%;
    margin: 3.5rem 0 0;
}

.tCrsBx::before,
.tCrsBx::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--primary);
}

.tCrsBx::before {
    top: -1.5rem;
}

.tCrsBx::after {
    bottom: -1.5rem;
}

.tCrsItem {
    position: relative;
    display: flex;
    align-items: center;
    width: 20%;
    aspect-ratio: 96/125;
}

.tCrsItem:nth-of-type(1) {
    background: url(../../../../uploads/top_course01.jpg) no-repeat center/cover;
}

.tCrsItem:nth-of-type(2) {
    background: url(../../../../uploads/top_course02.jpg) no-repeat center/cover;
}

.tCrsItem:nth-of-type(3) {
    background: url(../../../../uploads/top_course03.jpg) no-repeat center/cover;
}

.tCrsItem:nth-of-type(4) {
    background: url(../../../../uploads/top_course04.jpg) no-repeat center/cover;
}

.tCrsItem:nth-of-type(5) {
    background: url(../../../../uploads/top_course05.jpg) no-repeat center/cover;
}

.tCrsItem::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #70B8CE;
    opacity: .65;
    z-index: 1;
    transition: all .3s;
}

.tCrsItem:hover::before {
    opacity: .2;
}

.tCrsItemTxtBx {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto 0;
    padding: 0 1rem 3rem;
    background: rgba(255, 255, 255, 0.6);
    aspect-ratio: 192/95;
    color: var(--primary);
    text-align: center;
}

.tCrsItemTitBx {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tCrsItemTxt01 {
    font-size: 3.5rem;
    line-height: 1.45;
    font-weight: 700;
}

.tCrsItemTxt02 {
    font-size: 2rem;
    line-height: 1.45;
    font-weight: 700;
}

.tCrsItemTxt03 {
    font-size: 2rem;
    line-height: 1.45;
    font-weight: 700;
}

.tCrsItemTxt03 span {
    transition: all .3s;
    background: var(--white);
    border-radius: .3rem;
    padding: 0 .3rem;
}

.tCrsItem:hover .tCrsItemTxt03 span {
    background: var(--quaternary);
}

.tVoice {
    margin: 10.5rem 0 0;
}

.tVoAr {
    width: 100%;
    max-width: 183rem;
    padding: 0 1.5rem;
    margin: 0 auto;
}

.tVoBx {
    position: relative;
    padding: 8rem 1.5rem 7.8rem;
    background: url(../../../../uploads/top_dream_bg.jpg)no-repeat center /cover;
}

.tVoBx::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(5, 46, 135, 1) 0%, rgba(76, 137, 182, 1) 53%, rgba(5, 46, 135, 1) 79%);
    opacity: .55;
    z-index: 1;
}

.tVoIn {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 128rem;
    margin: 0 auto;
}

.tVoTit {
    color: var(--white);
    text-align: center;
    text-shadow: 0 1px .5rem rgba(0, 0, 0, 0.4);
}

.tVoTxt01 {
    color: var(--white);
    text-align: center;
    line-height: 2.22;
}

.tVoTxt01 span {
    padding: 0 .5rem;
    background: var(--fifth);
}

.tVoTxt01 .none {
    display: none;
}

.tVoAchieveBx {
    position: relative;
    padding: 3rem;
}

.tVoAchieveDeco01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 26%;
    max-width: 17rem;
}

.tVoAchieveDeco02 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 26%;
    max-width: 15.8rem;
}

.tVoAchieveTit {
    margin: -3.4rem 0 0;
    text-align: center;
    color: var(--white);
    font-size: 2.7rem;
    line-height: 1.45;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 2rem 1rem 1rem;
    aspect-ratio: 175/34;
    background: url(../../../../uploads/top_voice_title_bg.svg)no-repeat center /contain;
    filter: drop-shadow(0 .3rem .6rem rgba(0, 0, 0, 0.16));
}

.tVoAchieveIn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 1.5rem 4.2rem;
    background: var(--white);
}

.tVoAchieveFl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem 0;
    width: 100%;
    max-width: 110rem;
    margin: 5rem auto 0;
}

.tVoAchieveFlItem {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 25%;
}

.tVoAchieveFlItemIcon {
    width: 2.7rem;
}

.tVoAchieveFlItemTxt {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.45;
}

.tVoAchieveIn .btn01 {
    margin: 4.5rem auto 0;
    box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .16);
}

.tFree {
    margin: 17rem 0 0;
}

.tFreeAr {
    width: 100%;
    max-width: 125rem;
    padding: 0 1.5rem;
    margin: 0 auto;
}

.tFreeTit {
    text-align: center;
    line-height: 1.45;
}

.tFreeTit span {
    position: relative;
    padding: .3rem 1.8rem;
    margin: 0 2rem;
    border-radius: .5rem;
    background: var(--primary);
    border-radius: .5rem;
    color: var(--white);
}

.tFreeTit span::before {
    content: "";
    position: absolute;
    left: 5rem;
    bottom: 4rem;
    width: 9.5rem;
    aspect-ratio: 95/107;
    background: url(../../../../uploads/top_free_icon.svg) no-repeat center/contain;
}

.tFreeTit br {
    display: none;
}

.tFreeBx {
    margin: 3rem 0 0;
    padding: 5rem 1.5rem 6.8rem;
    border-radius: 2rem;
    background: #FFF07E;
}

.tFreeImg {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
}

.tFreeTxt {
    margin: 4rem 0 0;
    text-align: center;
    font-weight: 700;
}

.tFreeTxt:nth-of-type(n+2) {
    margin: 3rem 0 0;
}

.tFreeTxt span {
    text-decoration: underline;
    color: var(--primary);
}

.tFreeBx .btn01 {
    margin: 4.5rem auto 0;
}

.tGuidance {
    margin: 11rem 0 0;
    padding: 9rem 1.5rem 7rem;
}

.tGuidAr {
    width: 100%;
    max-width: 112rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tGuidTitBx {
    position: relative;
    width: 100%;
    border-bottom: .3rem solid var(--quaternary);
}

.tGuidTitBx .bgTxt01 {
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -3.5rem;
}

.tGuidTit {
    position: relative;
    z-index: 5;
    text-align: center;
    color: var(--white);
}

.tGuidTxt {
    margin: 3.6rem 0 0;
    font-weight: 700;
    color: var(--white);
    text-align: center;

}

.tGuidBtnFl {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 105rem;
    margin: 4rem auto 0;
    gap: 1rem;
}

.tGuidBtn {
    width: 100%;
    max-width: 33rem;
    height: 7rem;
    box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    transition: all .3s;
}

.tGuidBtn p {
    font-size: 2.1rem;
    line-height: 1.45;
}

.tGuidBtnFaq {
    background: var(--white);
    color: var(--primary);
}

.tGuidBtnFaq:hover {
    filter: brightness(1.15);
}

.tGuidBtnFaqIcon {
    width: 1.7rem;
}

.tGuidBtnLine {
    color: var(--white);
    text-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.1);
    background: #06C152;
}

.tGuidBtnLine:hover {
    filter: brightness(1.15);
}

.tGuidBtnLineIcon {
    width: 2.4rem;
}

.tGuidBtnTel {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #70B8CE;
}

.tGuidBtnTel p {
    font-size: 2.5rem;
    line-height: 1.45;
    color: var(--white);
    text-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.1);
}

.tNotice {
    margin: 12rem 0 0;
    padding: 0 0 14rem 0;
}

.tNotiAr {
    width: 100%;
    max-width: 125rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tNotiBx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.tNotiBxL {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    max-width: 38rem;
    padding: 6.5rem 1rem 4rem;
    background: linear-gradient(120deg, rgba(5, 46, 135, 1) 15%, rgba(16, 75, 203, 1) 90%);
}

.tNotiTit {
    color: var(--white);
}

.tNotiBxL .btn01 {
    margin: 4rem 0 0;
}

.tNotiBxR {
    flex: 1;
    max-width: 76.5rem;
}

.tNotiBxR .news-section {
    width: 100%;
}

.tNotiBxR .news-row {
    width: 100%;
}

.tNotiBxR .news-link {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2.2rem 0;
    border-bottom: 1px solid;
    transition: all .3s;
}

.tNotiBxR .news-link:hover {
    opacity: .5;
}

.tNotiBxR .news-link::before {
    order: 3;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.2rem;
    aspect-ratio: 1/1;
    background: url(../../../../uploads/arrow_primary.svg) no-repeat center /contain;
}

.tNotiBxR .news-date {
    width: 22%;
    max-width: 12.5rem;
    font-weight: 700;
}

.tNotiBxR .news-title {
    flex: 1;
    font-weight: 700;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1550px) {

    .tCrsItemTxt03 {
        font-size: 1.8rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1440px) {

    .tAbtImg01 {
        left: -1rem;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1024px) {

    .tFvTxtBx {
        top: auto;
        bottom: 3rem;
        width: 50%;
    }

    .tFvTit01 {
        font-size: 3rem;
    }

    .tFvLogo {
        max-width: 55rem;
    }

    .tFvFl {
        margin: 3rem 0 0;
        gap: 1rem;
    }

    .tWryFlItemTit {
        font-size: 2rem;
    }

    .tFvFlTxt01 {
        font-size: 2.4rem;
    }

    .tFvFlTxt02 {
        font-size: 2rem;
    }

    .tWryGrTxt {
        font-size: 1.6rem;
    }

    .tWryTit br {
        display: block;
    }

    .tMidPointTit br {
        display: block;
    }

    .tCrsItemTxtBx {
        padding: 0 .2rem 1.5rem;
    }

    .tCrsItemTxt01 {
        font-size: 2.5rem;
        letter-spacing: 0.03em;
    }

    .tCrsItemTxt02 {
        font-size: 1.3rem;
        letter-spacing: 0.03em;
    }

    .tCrsItemTxt03 {
        font-size: 1.3rem;
        letter-spacing: 0.03em;
    }

    .tVoAchieveFlItemIcon {
        width: 2.2rem;
    }

    .tVoAchieveFlItemTxt {
        font-size: 1.6rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=768px) {

    .tFv {
        display: flex;
        flex-direction: column-reverse;
        margin: 2rem 0 0;
        gap: 2rem;
    }

    .tFvSlider {
        border-radius: 2rem 0 0 3rem;
    }

    .tFvSlider::before {
        display: none;
    }

    .tFvTxtBx {
        position: static;
        width: 100%;
        padding: 0 1.5rem;
    }

    .tFvTit01 {
        font-size: 2.2rem;
        text-align: center;
    }

    .tFvLogo{
        margin: 0 auto;
    }

    .tFvFl {
        gap: .5rem;
    }

    .tFvFlTxt01 {
        font-size: 2rem;
    }

    .tFvFlTxt02 {
        font-size: 1.6rem;
    }

    .tFvFlCross {
        width: 1.36rem;
    }

    .tAbout {
        margin: 10rem 0 0;
    }

    .tAbtBx {
        flex-direction: column;
        align-items: center;
    }

    .tAbtBxL {
        width: 100%;
        margin: 3rem 0 0;
        aspect-ratio: 26/21;
    }

    .tAbtImg01 {
        left: -1.5rem;
    }

    .tAbtImg02 {
        right: -1.5rem;
        bottom: 3rem;
    }

    .tAbtBxR {
        display: contents;
    }

    .tAbtBx .bgTxt01 {
        right: 1rem;
    }

    .tAbtTit01 {
        width: 100%;
        order: -1;
    }

    .tAbtTxtBx {
        margin: 2.5rem 0 0;
    }

    .tAbtTxt01:nth-of-type(n+2) {
        margin: 3rem 0 0;
    }

    .tAbtTxt01 span {
        font-size: 1.6rem;
    }

    .tAbtBxR .btn01 {
        margin: 3rem auto 0;
    }

    .tMidTit01 .none {
        display: block;
    }

    .tMidTxt01:nth-of-type(n+2) {
        margin: 2.5rem 0 0;
    }

    .tMidFl {
        flex-direction: column;
        gap: 2rem;
        margin: 3rem 0 0;
    }

    .tMidFlL {
        width: 100%;
        max-width: 61rem;
    }

    .tMidFlR {
        width: 100%;
    }

    .tMidPointIcon {
        width: 4.5rem;
    }

    .tMidPointFl {
        flex-direction: column-reverse;
        gap: 1.5rem;
        margin: 7rem 0 0;
    }

    .tMidPointFl::before {
        width: 100%;
        max-width: 61rem;
        flex: auto;
    }

    .tMidPointGr {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem;
        margin: 3rem 0 0;
    }

    .tMidPointGrItem {
        flex-direction: column;
        gap: .2rem;
    }

    .tMidPointGrNum {
        font-size: 2rem;
    }

    .tMidPointGrItemTxtBx {
        width: 100%;
    }

    .tMidPointGrItemTxt {
        font-size: 1.5rem;
    }

    .tMidPointGrItemTxt span {
        font-size: 1.8rem;
    }

    .tMidBx .btn01 {
        margin: 3rem auto 0;
    }

    .tWorry {
        padding: 5rem 0;
    }

    .tWryBx {
        margin: 3rem 0 0;
        padding: 3rem 2rem 4.5rem;
    }

    .tWryGr {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 4rem;
    }

    .tWryGrTxt {
        margin: 1.5rem 0 0;
        font-size: 1.6rem;
    }

    .tWryTit02 {
        margin: 3rem 0 0;
    }

    .tWryFl {
        flex-direction: column;
        align-items: center;
        margin: 4rem 0 0;
    }

    .tWryFlItem {
        width: 100%;
    }

    .tWryFlItem:nth-of-type(n+2) {
        margin: 4rem 0 0;
        padding: 2rem 0 0;
        border-top: 1px solid var(--black);
    }

    .tWryFlItemTit {
        font-size: 2.4rem;
    }

    .tWryFlItemTit br {
        display: block;
    }

    .tWryFlItemImg {
        margin: 1rem auto 0;
        padding: 0 1rem;
    }

    .tWryFlItemTxt {
        margin: 2rem auto 0;
    }

    .tBgWr01 {
        padding: 4rem 0 0;
    }

    .tStrBx {
        margin: 3.5rem 0 0;
    }

    .tStrFl {
        flex-direction: column-reverse;
        align-items: center;
    }

    .tStrFl:nth-of-type(2n) {
        flex-direction: column-reverse;
    }

    .tStrFl:nth-of-type(n+2) {
        margin-top: 5rem;
    }

    .tStrFlTxtBx {
        display: contents;
        width: 100%;
        max-width: 55rem;
    }

    .tStrFlNum {
        font-size: 1.8rem;
    }

    .tStrFlNum span {
        font-size: 2.5rem;
    }

    .tStrFlTit {
        margin: .5rem 0 0;
    }

    .tStrFlTit02 {
        margin: .7rem 0 0;
    }

    .tStrFlTxt01 {
        margin: 2rem auto 0;
        font-size: 1.8rem;
        text-align: center;
        order: 1;
    }

    .tStrFlTitBx {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 3;
    }

    .tStrFlTxt02 {
        margin: 2rem 0 0;
    }

    .tStrFlTxtBx .btn01 {
        margin: 3rem auto 0;
        order: -1;
    }

    .tStrFlImg {
        width: 100%;
        order: 2;
    }

    .tCourse {
        margin: 10rem 0 0;
    }

    .tCrsTitBx .bgTxt01 {
        bottom: -2rem;
    }

    .tCrsBx {
        margin: 2rem 0 0;
        flex-direction: column;
    }

    .tCrsBx::before {
        top: -1rem;
    }

    .tCrsBx::after {
        bottom: -1rem;
    }

    .tCrsItemTxtBx {
        aspect-ratio: 25/7;
    }

    .tCrsBx {
        flex-direction: column;
    }

    .tCrsItem {
        width: 100%;
        aspect-ratio: 5/2;
    }

    .tCrsItemTxtBx {
        aspect-ratio: 25/7;
        padding: 0 0 1.5rem 0;
    }

    .tCrsItemTitBx {
        padding: 1rem 0 0;
    }

    .tCrsItemTxt01 {
        font-size: 3rem;
    }

    .tCrsItemTxt02 {
        font-size: 1.5rem;
    }

    .tCrsItemTxt03 {
        font-size: 1.8rem;
    }

    .tVoice {
        margin: 5rem 0 0;
    }

    .tVoBx {
        padding: 5rem 1.5rem 3.8rem;
    }

    .tVoTit {
        text-shadow: 0 1px .3rem rgba(0, 0, 0, 0.4);
    }

    .tVoTxt01 .none {
        display: block;
    }

    .tVoTxt01 br {
        display: none;
    }

    .tVoAchieveBx {
        padding: 3.5rem 1.5rem 1.5rem;
    }

    .tVoAchieveTit {
        margin: -2rem 0 0;
        padding: 1.5rem 1rem .6rem;
    }

    .tVoAchieveIn {
        padding: 0 1.5rem 4rem;
    }

    .tVoAchieveFl {
        gap: 2rem 0;
        margin: 2.5rem auto 0;
    }

    .tVoAchieveFlItem {
        width: 50%;
    }

    .tVoAchieveFlItemIcon {
        width: 2.4rem;
    }

    .tVoAchieveFlItemTxt {
        font-size: 1.8rem;
    }

    .tVoAchieveIn .btn01 {
        margin: 3rem auto 0;
    }

    .tFree {
        margin: 9.5rem 0 0;
    }

    .tFreeBx {
        margin: 1rem 0 0;
    }

    .tFreeTit br {
        display: block;
    }

    .tFreeTit span {
        padding: .2rem 1.2rem;
        margin: 0 0 0 .8rem;
    }

    .tFreeTit span::before {
        width: 7rem;
        left: 3rem;
        bottom: 2.65rem;
    }

    .tFreeTxt {
        margin: 3rem 0 0;
    }

    .tFreeBx .btn01 {
        margin: 3.5rem auto 0;
    }

    .tGuidance {
        margin: 6rem 0 0;
        padding: 6rem 1.5rem 5rem;
    }

    .tGuidTitBx .bgTxt01 {
        bottom: -2rem;
    }

    .tGuidTxt {
        margin: 3rem 0 0;
    }

    .tGuidTxt br {
        display: none;
    }

    .tGuidBtnFl {
        margin: 3rem auto 0;
        flex-direction: column;
        align-items: center;
    }

    .tGuidBtn {
        max-width: 30rem;
        height: 6rem;
    }

    .tGuidBtn p {
        font-size: 2rem;
    }

    .tGuidBtnTel p {
        font-size: 2.3rem;
    }

    .tNotice {
        margin: 5rem 0 0;
        padding: 0 0 6rem 0;
    }

    .tNotiBx {
        flex-direction: column;
        align-items: center;
    }

    .tNotiBxL {
        display: contents;
    }

    .tNotiTit {
        align-items: center;
        padding: 2rem 4.5rem;
        background: linear-gradient(120deg, rgba(5, 46, 135, 1) 15%, rgba(16, 75, 203, 1) 90%);
    }

    .tNotiBxL .btn01 {
        order: 1;
        margin: 4rem auto 0;
    }

    .tNotiBxR {
        width: 100%;
    }


}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=576px) {

    .tWryGr {
        grid-template-columns: repeat(1, 1fr);
    }

    .tVoAchieveFl {
        flex-direction: column;
        max-width: max-content;
        gap: 1.2rem 0;
    }

    .tVoAchieveFlItem {
        width: 100%;
        margin: 0 auto;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */