/*******************************************************************************
                            해외대학 진학가이드/전공별
********************************************************************************/
.university {
    font-size:.9rem;
    word-break: keep-all;
    letter-spacing: -1px;
    color: #666;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.university-top {
    padding: 7.5rem 0;
    color: #fff;
}
/*해외대학*/
.university-top.bg-univ-us{
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-univ-us.png) center;
    background-size: cover;
}
.university-top.bg-univ-uk{
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-univ-uk.png) center;
    background-size: cover;
}
.university-top.bg-univ-au{
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-univ-au.png) center;
    background-size: cover;
}
.university-top.bg-univ-ca{
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-univ-ca.png) center;
    background-size: cover;
}


/*조기유학*/
.university-top.bg-uk {
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-uk.png) center;
    background-size: cover;
}
.university-top.bg-us {
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-us.png) center;
    background-size: cover;
}
.university-top.bg-ca {
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-ca.png) center;
    background-size: cover;
}
.university-top.bg-nz {
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-nz.png) center;
    background-size: cover;
}

/* 어학연수 language training */
.university-top.bg-lt-usa{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-usa.png) center;
    background-size: cover;
}
.university-top.bg-lt-ca{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-ca.png) center;
    background-size: cover;
}
.university-top.bg-lt-au{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-au.png) center;
    background-size: cover;
}
.university-top.bg-lt-il{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-il.png) center;
    background-size: cover;
}
.university-top.bg-lt-mt{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-mt.png) center;
    background-size: cover;
}
.university-top.bg-lt-nz{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-nz.png) center;
    background-size: cover;
}
.university-top.bg-lt-phil{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-phil.png) center;
    background-size: cover;
}
.university-top.bg-lt-uk{
    background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-lt-uk.png) center;
    background-size: cover;
}

.img-graph-ca{display: block;}
.img-graph-ca-m{display: none;}

.usa-school-list{margin-top: 30px;line-height:1.8em;}
.usa-school-list strong{font-size:18px;font-weight: 500;display:block; margin-bottom:20px;}
.mb20{margin-bottom:20px;}



.university-top .page-title {
    padding-top: 0;
    font-size: 3rem;
}

/* 연수가이드 hot 이벤트 */
.yg-hotEvent{    margin: 1.5rem auto 0;
    display: block;
    padding: 0.5rem 0;
    width: 500px;
    background: #1D72D1;
    font-size: 1rem;
    position: relative;
    color: #fff;
    text-align: center; }
.yg-hotEvent::after{
    content: '>';
    position: absolute;
    left: 90%;
}


@media screen and (max-width: 768px){
    .yg-hotEvent {width: 80%; font-size: 3.5vw; padding: 0.5rem 2rem; box-sizing: border-box}
    .yg-hotEvent::after{display: none}

}

/* //연수가이드 hot 이벤트 */

.university .university-wrap {
    position: relative;
    padding-top: 3.5rem; background-color:#fff;
}
.university .university-wrap h2 {
    width: 100%;
    max-width: 54rem;
    color: #000;
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    line-height: 130%;
    margin-bottom: 3rem;
}
.university .university-wrap h3 {
    color: #000;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.university .university-wrap h4 {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.8rem;
}
.university .university-wrap p {
    margin-bottom: 2rem;
}
.university .university-wrap .tab-menu {
    position: absolute;
    top: -40px;
    left: 50%;
    display: block;
    width: 100%;
    max-width: 54rem;
    padding: 0 10%;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    transform: translateX(-50%);
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.2);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.university .university-wrap .tab-menu:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
.university .university-wrap .tab-menu.sticky {
    position: fixed;
    z-index: 9; margin-top: 40px;
}
.university .university-wrap .tab-menu a {
    width: 33.3%;
    height: 3.5rem;
    float: left;
    font-size: 1rem;
    line-height: 3.5rem;
    background: #fff;
    color: #666;
    text-align: center;
}
.university .university-wrap .tab-menu4 a{width:25%;}
.university .university-wrap-lt .tab-menu a{
    width: 20%;
}
.university .university-wrap .tab-menu a.active {
    border-bottom: 3px solid #1ec95b;
    color: #000;
}
.university .university-wrap .university-con {
    width: 100%;
    max-width: 54rem;
    margin: 0 auto;
    box-sizing: border-box;font-size: 16px;
}
.university .university-wrap .university-con:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
.university-con-uk div >ul{position: relative;}
.university-con-uk div >ul >li strong{font-weight: 700;}
.university-con-uk div>ul >li>ul>li{position: relative;margin-left:30px;line-height: 2em;}
.university-con-uk div>ul >li>ul>li::before{content: "-";position: absolute; top:0px;left:-13px;}

.uk-school-list{width:100%;overflow:hidden;}
.uk-school-list >div{float: left;width:49%;margin-right:2%;margin-bottom: 60px;}
.uk-school-list >div:last-child{margin-right: 0;}
.uk-school-list>div.img-area img{width:100%;}
.uk-school-list>div.txt-area{padding-top:10px;line-height:1.5em;}
.uk-school-list>div.txt-area h3{font-size: 22px;margin-bottom:10px;}
.uk-school-list>div.txt-area p{font-size: 16px;margin-bottom:10px;line-height: 1.6em;}
.uk-school-list>div.txt-area ul li{font-size: 16px;}

.nz-list .img-area{width:31%;border:1px solid #c5c5c5;}
.nz-list .txt-area{padding-top: 0px;width:65%}



.university .university-wrap section {
    padding: 4rem 0;
}
.university .university-wrap .col {
    overflow: hidden;
}
.university .university-wrap .col h3 {
    font-size: 18px;
}
.university .university-wrap .col div {
    width: 30%;
    margin-right: 5%;
    float: left;
}
.university .university-wrap-lt .col div{
    width:23%; margin-right:2%;
}
.university .university-wrap .col4 div{
    width: 22%; font-size:initial;
    margin-right: 4%;
    float: left;
}
.university .university-wrap .col4 div img{display: block; margin-bottom:15px;}
.university .university-wrap .col4 div:last-child {margin-right: 0;}
.university .university-wrap .col.col-us div {
    width: 29.5%;
}
.university .university-wrap .col.col-us div {
    width: 47.5%;
}
.university .university-wrap .col div:last-child {
    margin-right: 0;
}
.university .university-wrap .col img {
    margin-bottom: 1rem;
}
.university .university-wrap .col p {
    margin-bottom: 0; font-size: 16px; letter-spacing: -0.94px;
}
/* 컨텐츠 탭*/
.university .university-wrap .md-tabs-wrap {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple{
    font-size:0;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn4 {
    padding: 0 10%;overflow: hidden;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn4 li {
    width: 21%;
    margin: 0 1.5%;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn3 {
    padding: 0 25%;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn3 li {
    width: 29.333%;
    margin: 0 2%;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn2 {
    padding: 0 35%;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn2 li {
    width: 44%;
    margin: 0 3%;
}
.university .university-wrap .md-tabs-wrap .md-tabs-simple li a {
    padding:.5rem 0rem
}
/* 컨텐츠 테이블*/
table.tbl-university thead th {
    background: #f8f8f8;
}
table.tbl-university tbody td {
    border-right: 1px solid #c5c5c5;
}
table.tbl-university tbody td:first-child {
    background: #f8f8f8;
}


table.tbl-university tbody td:last-child {
    border-right: none;
}
table.tbl-university tr > *:nth-of-type(1) {
    width: 18%;
    text-align: center;
}
table.tbl-university tr > *:nth-of-type(2) {
    width: 30%;
}
table.tbl-university tr > *:nth-of-type(3) {
    width: 30%;
}


table.university2 tbody td:first-child{background-color:#fff;width:50%;}
table.university2 tbody td{background-color:#fff;width:50%;}
table.university2 tbody td:last-child
table.university2 tbody tr td ul li{list-style-type: initial; list-style-position: inside;}
table.university2 tbody td:last-child {width:50%;text-align: center;}


.cost-result{background-color:#e2e9ef;}
table.tbl-university tbody tr.cost-result td:first-child{background-color:#e2e9ef;}

table.cost-tabe thead th {
    background: #f8f8f8;
}
table.cost-table tbody td:first-child {
    width:18%;
}
table.cost-table tr > *:nth-of-type(2) {
    width:30%;
}
table.cost-table tr > *:nth-of-type(3) {
    width:30%;
}
table.cost-table-s tr > *:nth-of-type(1){
    width:23%;
}
table.cost-table-s tr > *:nth-of-type(2) {
    width:25%;
}
table.cost-table-s tr > *:nth-of-type(3) {
    width:25%;
}
.university .university-wrap p.table-bot-txt {
    color: #999;
    font-size: 14px;
    margin-top: 0.8rem;
    margin-bottom: 0;
}
.university .university-wrap p.imgcenter{margin-top: 1rem;text-align: center;}
.university .university-wrap .process{
    text-align:center;
    margin-bottom: 2rem;
}
.university .university-wrap .process ul {
    padding: 0 15%;
    overflow: hidden;
}
.university .university-wrap .process li {
    position:relative;
    text-align: center;
    float: left;
}
.university .university-wrap .process li:nth-child(odd) {
    width: 24%;
}
.university .university-wrap .process li:nth-child(even) {
    width: 14%;
    line-height: 9rem;
}
.university .university-wrap-lt .process >li:nth-child(odd) {
    width: 19%;

}
.university .university-wrap-lt .process >li:nth-child(even) {
    width: 19%;
    line-height: 7rem;
}

.university .university-wrap .process li div {
    width: 10rem;
    height: 9rem;
    color: #fff;
    border-radius: 5rem;
    background-color: #666;
    display: table-cell;
    vertical-align: middle;
    margin-bottom:1rem;
}
.bgwhite{background-color:#fff;}

.margint95{margin-top:95px;font-size: 16px;}
.margint95 strong{font-size: 18px;}
.float{float: left;width:49%;}
.float span{text-align: center;line-height: 2.8em;display: block;}
.float4{float: left;width:24%;}
.float4 span{text-align: center;line-height: 2.8em;display: block;}
.tab-content .float:first-child{margin-right:2%;}
.clearboth{clear:both;overflow: hidden;}
.white-box{background-color:#fff;padding: 27px;line-height:1.8em;}
.white-box >div{margin-bottom: 25px;}
.white-box >div:last-child{margin-bottom: 0;}
.white-box strong{font-weight:400; font-size: 18px;}


.progress-list li div{position: relative;}
.progress-list li div strong{display: block;margin-bottom: 13px;font-size: 20px;}
.progress-list li div >img{position: absolute;top:-15px;right:-7px;}

.progress-list{overflow:hidden;}
.progress-list li{float:left;padding:3%;width:18%;height:260px;margin-right:1%;border:1px solid #c5c5c5;border-radius: 4%;}
.progress-list li:last-child{margin-right: 0;}
.progress-list li .tit{color:#1ec95b;font-size:22px;font-weight: 100;font-stretch: condensed;letter-spacing:0.5px;margin-bottom:1rem;}
.progress-list li >div >p{font-size: 16px;}

.city-list ul{overflow:hidden;}
.city-list ul li{float: left; margin-right:2%;width:30%;}
.city-list ul li p{text-align: center;margin-top: 10px;}


.university .university-wrap .process li p{
    text-align:left;
    margin-bottom:0;
    margin-left:-15%;
    width:130%;
    text-indent:-0.4rem;

}
.university .university-wrap .process li p.p-first-txt{
    padding-top:1rem;
}
.university .university-wrap .process li p.arrow-txt{
    position:absolute;
    line-height:1rem;
    top:0;
    text-align:center;
}
.university .university-wrap-lt .process ul{padding: 0 8%;}
.university .university-wrap-lt .process li:nth-child(even){width:15%;}
.university .university-wrap-lt .process li:nth-child(odd){width:15%;}
.university .university-wrap-lt .process li{width:15%;margin-right:6%;position: relative;}

.university .university-wrap-lt .process li:last-child{margin-right: 0;}
.university .university-wrap-lt .process li{position: relative;}
.university .university-wrap-lt .process li div{width: 7rem;height: 7rem;line-height: 7rem;margin-bottom: 30px;display:block;}
.university .university-wrap-lt .process li p{margin-left: 0;width:100%;text-indent: 0;line-height: 1.8em;}

.bg-light-gray {
    background-color: #f8f8f8;
}
.university .university-wrap .logo-box {
    padding: 3rem;
    text-align: center;
    background-color: #fff;
}
.university .university-wrap .logo-box-border{
    text-align: center;
    border:1px solid #c5c5c5;
}

.university .university-wrap .logo-box h4, .university .university-wrap .logo-box p {
    text-align: left;
}
.university .university-wrap .logo-box p, .university .university-wrap .line-box p {
    margin-bottom: 0;
}
.university .university-wrap .logo-box img {
    margin-bottom: 3rem;
}
.university .university-wrap .line-box {
    border: 1px solid #c5c5c5;
    padding: 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.2);
}
.university .university-wrap .box-list{
    border: 1px solid #c5c5c5;
    margin-bottom: 0.7rem;
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.2);
}
.university .university-wrap .box-list::after{content:"";display: block;clear: both;}

.university .university-wrap .box-list p{float: left;padding: 1.5rem;margin-bottom: 0;}
.university .university-wrap .box-list p:first-child{background-color:#f8f8f8;color:#1ec95b;font-weight: 700; width:21vw;text-align: center;font-size: 22px;}
.university .university-wrap .logo-ul {
    overflow:hidden;
    margin-bottom:2rem;
    margin-left:-2%;
    margin-right: -2%;
}
.university .university-wrap .logo-ul li {
    width: 29.333%;
    margin:0 2% 1rem 2%;
    float: left;
}
.university .university-wrap .no-margin-b{
    margin-bottom:0;
}

@media screen and (max-width:1024px) {
    .university .university-wrap .university-con {
        width: 90%;
    }
    .university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn4 {
        padding: 0 10%;
    }
    .university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn2{
        padding: 0 15%;
    }
    .university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn3{
        padding: 0 10%;
    }
    .university .university-wrap .process ul {
        padding: 0 10%;
    }
}
@media screen and (max-width:900px) {

    .progress-list li{width:41%;margin-right: 2%;margin-bottom: 2%;}

}
@media screen and (max-width:768px) {
    .img-graph-ca{display: none;}
    .img-graph-ca-m{display: block;}
    .float{float: none;width:100%; text-align: center;}
    .tab-content .float:first-child{margin-right:0;}
    .uk-school-list>div.txt-area strong{font-size: 3vw;}
    .uk-school-list>div.txt-area ul li img{width:100%;}

    .university-top{padding:13.5rem 0;}
    .university .university-wrap .tab-menu a{height: 4.5rem;line-height: 4.5rem;font-size: 1.4rem;}
    .university .university-wrap .uk-tab-menu a:first-child {letter-spacing: -2px;white-space: nowrap;}
    .university-top.bg-us {
        background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-us-m.png) center;
        background-size: cover;
    }
    .university-top.bg-ca {
        background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-ca-m.png) center;
        background-size: cover;
    }
    .university-top.bg-uk {
        background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-uk-m.png) center;
        background-size: cover;
    }
    .university-top.bg-nz {
        background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/university/bg-nz-m.png) center;
        background-size: cover;
    }
    .university .university-wrap .box-list::after{content:"";display: block;clear: both;}

    .university .university-wrap .box-list p{float: none;padding: 1.5rem;margin-bottom: 0;font-size: 3.64vw;text-align: center;}
    .university .university-wrap .box-list p:first-child{width:auto;text-align: center;font-size: 4.42vw;}

    .university .university-wrap .logo-box{padding: 0;background-color:transparent;}
    .university .university-wrap p{font-size: 2.64vw; line-height: 1.6em;}
    .university .university-wrap h2{font-size: 6.51vw;}
    .cost-table col:last-child{display: none;}

    .university-con-uk div >ul{font-size:2.64vw;}
    table.tbl-university-no thead th:nth-child(3){border-right: 0;}
    table.tbl-university-no tbody td:nth-child(3){border-right: 0;}
    table.tbl-university-no thead th:last-child{display: none;}
    table.tbl-university-no tbody td:last-child{display: none;}


    table.bgwhite.bgwhite3 thead{background-color:#f8f8f8;}
    table.bgwhite.bgwhite3 tbody tr td:first-child{background-color:#f8f8f8;}


    .university .university-wrap-lt .process li{height:370px;}
    .university .university-wrap-lt .process li:nth-child(odd){width:27%;}
    .university .university-wrap-lt .process li:nth-child(even){width:27%;}

    .university .university-wrap-lt .process li:nth-child(2){height: 53vw;}
    .university .university-wrap-lt .process li:nth-child(3){height: 53vw;}

    table.university2 >tbody{background-color: #fff;}
    table.university2 >tbody td:first-child{width:50%;background-color: #fff;}

    .uk-school-list{width:100%;margin-bottom: 10.42vw;letter-spacing: -1.5em;}
    .uk-school-list >div{float: none;width:98%;margin-right:0;margin-bottom: 0;}
    .uk-school-list>div.img-area img{width:100%;}
    .uk-school-list>div.txt-area{padding-top:1.3vw;}
    .uk-school-list>div.txt-area strong{font-weight: normal;line-height: 2em;letter-spacing: normal;}
    .university .university-wrap .university-con h3{font-size:1.5rem;letter-spacing: normal;}
    .uk-school-list>div.txt-area h3{font-size: 4.3vw;margin:3vw 0;}
    .uk-school-list>div.txt-area p{font-size: 2.65vw;margin-bottom:6.5vw;line-height: 1.6em;letter-spacing: -1px;}
    .uk-school-list>div.txt-area ul li{font-size: 2.65vw;letter-spacing: -1px;line-height: 1.5em;}


    .university .university-wrap .tab-menu {
        padding: 0 8%;
    }
    .university .university-wrap .col {
        padding: 0 10%;
    }
    .university .university-wrap .col div, .university .university-wrap .col.col-us div {
        width: 100%;
        margin-bottom: 2.5rem;
    }
    .university .university-wrap .col div:last-child {
        margin-bottom: 0;
    }
    .university .university-wrap .col img {
        width: 100%;
    }
    .university .university-wrap .md-tabs-wrap {
        padding-left: 0;
        padding-right: 0
    }
    .university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn2, .university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn3, .university .university-wrap .md-tabs-wrap .md-tabs-simple.tabBtn4 {
        padding: 0;
    }
    .university .university-wrap .process ul {
        padding: 0 6%;
    }
    .university .university-wrap .logo-ul {
        margin-left:-2.5%;
        margin-right: -2.5%;
    }
    .university .university-wrap .logo-ul li {
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
}
@media screen and (max-width:480px) {
    .university .university-wrap .tab-menu {
        padding: 0 5%;
    }
    .university .university-wrap .process ul {
        padding: 0;
    }
    .university .university-wrap .process li:nth-child(even) {
        line-height: 6rem;
    }
    .university .university-wrap .process li div {
        height: 7rem;
    }
    .university .university-wrap .process li img{
        width:10%
    }
    .university .university-wrap .md-tabs-wrap .md-tabs-simple li a{
        font-size:1rem;
    }
}