/*******************************************************************************
                              관련 학교 리스트
********************************************************************************/
.major-school-list *,.major-school-detail *{box-sizing: border-box;}
.major-school-list-section {width: 100%;margin: 0 auto;padding: 3rem 1rem;}
.major-school-list-title {font-size: 22px;margin-bottom: 2.4rem;}
.major-school-list-con {display: grid;grid-template-columns: repeat(1,1fr);grid-gap: .5rem ;}
.major-school-list-con > li {display: flex;position: relative;padding: 1rem;border: 1px solid #C5C5C5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow: 0 3px 6px rgba(0,0,0, 0.2);transition: border .3s;overflow: hidden;}
.major-school-list-con > li::before {content: '';position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);width: 10px;height: 14px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/icon/arrow-icon.png") no-repeat center center;background-size: contain;}
.major-school-list-con > li:hover {border: 1px solid #C5C5C5;}
.major-school-list-con > li > a {display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid #1EC95B00;transition: border .3s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.major-school-list-con > li:hover > a {border: 3px solid #1EC95B;transition: border .3s;}
.major-school-list-icon {display: flex;justify-content: center;align-items: center;width: 32px;}
.major-school-list-icon > span {display: inline-block;width: 32px;height: 32px;}
.major-school-list-textBox {width: calc(100% - 32px);padding-left: 1rem;}
.major-school-list-textBox-title {font-size: 16px;color: #1EC95B;}
.major-school-list-textBox-text {font-size: 14px;}
@media screen and (min-width: 1080px) {
    .major-school-list-section {width: 1080px;padding: 3rem 0;}
    .major-school-list-title {font-size: 2rem;}
    .major-school-list-con {grid-template-columns: repeat(2,1fr);}
    .major-school-list-icon {width: 48px;}
    .major-school-list-icon > span {width: 48px;height: 48px;}
    .major-school-list-textBox {width: calc(100% - 48px);}
    .major-school-list-textBox-title {font-size: .9rem;}
    .major-school-list-textBox-text {font-size: .8rem;}
}
/*******************************************************************************
                              관련 학교 정보
********************************************************************************/
.major-school-detail-width {
    width: 100%;
    padding: 3rem 1rem;
}
.major-school-detail-sub-title {
    font-size: 22px;
    margin-bottom: 2.5rem;
}
/* 상단 */
.major-school-detail-sub-title > strong {
    display: block;
    color: #1EC95B;
}
.major-school-detail-section01-imgBox {
    width: 100%;
    aspect-ratio: 16 / 10;
    margin-bottom: 1.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.major-school-detail-section01-textBox > p {
    font-size: 14px;
    margin-bottom: 1rem;
}
.major-school-detail-section01-textBox > p:last-child {
    margin-bottom: 0;
}
/* 고려사항 */
.major-school-detail-section02-con {
    padding-left: 1.5rem;
}
.major-school-detail-section02-con > li {
    position: relative;
    margin-bottom: .5rem;
    font-size: 14px;
    color: #666666;
}
.major-school-detail-section02-con > li::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    transform: translateY(10%);
    width: 17px;
    height: 17px;
    margin-right: .5rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/icon/school-detail-icon.png") no-repeat center center;
    background-size: cover;
}

/* 관련 전공*/
.major-school-detail-section03-con {
    padding: 1.5rem;
    background: #F8F8F8;
}
.major-school-detail-section03-list {
    padding-left: 1rem;
}
.major-school-detail-section03-list > li {
    position: relative;
    font-size: 14px;
    margin-bottom: .2rem;
}
.major-school-detail-section03-list > li:last-child {
    margin-bottom: 0;
}
.major-school-detail-section03-list > li::before {
    content: 'ㆍ';
    position: absolute;
    right: 100%;
    top: 0;
}
/* 추천대학 */
.area-board-view {
    width: 100%;
}
.school-view.area-board-view {
    font-size: 1rem;
}
.school-view .school-info-list > li {
    margin-bottom: 1rem;
}
.school-view .school-info-list > li:last-child {
    margin-bottom: 0;
}
.major-school-detail-section04-link {
    background: #F8F8F8;
    text-align: center;
}
.major-school-detail-section04-link > a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1rem;
    font-size: 16px;
    color: #666666;
}
.major-school-detail-section04-link > a > span {
    position: relative;
}
.major-school-detail-section04-link > a > span::before{
    content: '';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 14px;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/icon/arrow-icon.png') no-repeat center center;
    background-size: contain;
}
.major-school-detail-section04-link > a > span > span {
    display: block;
    color: #1EC95B;
}

/* 전공순위 */
.major-school-detail-section05-con > li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 3rem;
    background: #000;
    margin-bottom: 1rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.major-school-detail-section05-con > li:last-child {
    margin-bottom: 0;
}
.major-school-detail-section05-con > li:nth-child( n + 4 ) {
    display: none;
}
.major-school-detail-section05-con > li > div {
    text-align: center;
}
.major-school-detail-section05-con > li > div > p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
}
.major-school-detail-section05-con > li > div > a {
    border-bottom: 1px solid #1EC95B;
    font-size: 13px;
    color: #1EC95B;
}

.major-school-detail-section05-con > li:nth-child(1) {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/school-ranking/major-school-detail-ranking01.jpg") no-repeat center center;background-size: cover;}
.major-school-detail-section05-con > li:nth-child(2) {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/school-ranking/major-school-detail-ranking02.jpg") no-repeat center center;background-size: cover;}
.major-school-detail-section05-con > li:nth-child(3) {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/school-ranking/major-school-detail-ranking03.jpg") no-repeat center center;background-size: cover;}

@media screen and (min-width: 1080px) {
    .major-school-detail-width {
        width: 1080px;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .major-school-detail-sub-title {
        font-size: 2rem;
        text-align: center;
    }
    /* 상단 */
    .major-school-detail-section01-con {
        display: flex;
        justify-content: space-between;
    }
    .major-school-detail-section01-imgBox {
        width: 324px;
        aspect-ratio: 162 / 133;
        margin: 0;
    }
    .major-school-detail-section01-textBox {
        width: calc(100% - 324px - 30px);
    }
    .major-school-detail-section01-textBox > p {
        font-size: .8rem;
    }
    /* 고려사항 */
    .major-school-detail-section02-con > li {
        font-size: .8rem;
    }
    .major-school-detail-section02-con > li::before {
        transform: translateY(25%);
        width: .8rem;
        height: .8rem;
    }

    /* 관련 전공*/
    .major-school-detail-section03-list {
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    .major-school-detail-section03-list > li {
        font-size: .8rem;
    }
    /* 추천대학 */
    .school-view.area-board-view {
        font-size: .8rem;
    }
    .major-school-detail-section04-link > a > span::before{
        right: auto;
        left: 100%;
        transform: translate(50% ,-50%);
    }
    .major-school-detail-section04-link > a > span > span{
        display: inline-block;
    }

    /* 전공순위 */
    .major-school-detail-section05-con {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: .5rem;
    }
    .major-school-detail-section05-con > li {
        margin-bottom: 0;
    }
    .major-school-detail-section05-con > li > div > p {
        font-size: 1.1rem;
    }
    .major-school-detail-section05-con > li > div > a {
        font-size: .8rem;
    }
}