/*******************************************************************************
 페이지 공통
********************************************************************************/
.transfer-section01 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section01-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section02 { background: #fff; }
.transfer-section03 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section03-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section04 { background: #eee; }
.transfer-section05 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section05-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section06 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section06-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section07 { background: #F2F2F2; }
.transfer-section08 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section08-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section09 { background: #EEEEEE; }
.transfer-section10 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section10-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section11 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section11-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section12 { background: #F2F2F2; }
.transfer-section13 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section13-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section14 { background: #2E6B57; }
.transfer-section15 { background: #292A2C; }
.transfer-nav-po { position: relative; }
.transfer-nav-po > article { padding-top: 70rem; padding-bottom: 70rem; position: relative; }

/* 타이틀 */
.transfer-title { margin-bottom: 50rem; font-family: 'esamanru', sans-serif; font-size: 46rem; font-weight: 700; color: #000; }
@media screen and (max-width:1080px) {
    .transfer-width { width: 100%; }
}
@media screen and (max-width:991px) {
    .transfer-title { font-size: 30rem; }
}
/*******************************************************************************
 편입이 어려운 이유
********************************************************************************/
.transfer-section2-rowBox { margin-bottom: 10rem; padding: 30rem 40rem 30rem 60rem; border: 3px solid #FFC600; color: #000; text-align: left; }
.transfer-section2-rowBox > dt { margin-bottom: 14rem; position: relative; font-family: 'esamanru', sans-serif; font-size: 28rem; font-weight: 500; }
.transfer-section2-rowBox > dt::before { position: absolute; top: 50%; left: 0; width: 16rem; height: 16rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-icon01-220523.png") no-repeat center center; background-size: cover; content: ''; transform: translate(-150%,-70%); }
.transfer-section2-rowBox > dd { font-size: 20rem; }
.transfer-section2-rowBox > dd > span { display: block; font-size: 16rem; color: #555555; text-align: right; }
.transfer-section2-rowBox:nth-child(3) { margin-bottom: 32rem; }
.transfer-section2-vs { margin-bottom: 34rem; font-family: 'esamanru', sans-serif; font-size: 100rem; font-weight: 700; color: #C1C1C1; }
.transfer-section02 .transfer-title { font-size: 56rem; font-weight: 300; }
.transfer-section02 .transfer-title:first-child { font-weight: 700; }
.transfer-section02 .transfer-title > strong > strong { font-weight: 500; color: #0012FF; }
.transfer-section2-colBox { display: flex; background: #FFC600; }
.transfer-section2-col { padding: 40rem 0; border: 3px solid #FCFF00; width: 50%; }
.transfer-section2-col:first-child { border-right: none; }
.transfer-section2-col > span { display: inline-block; margin-bottom: 40rem; padding: 4rem 20rem; background: #000; font-family: 'esamanru', sans-serif; font-size: 36rem; font-weight: 500; color: #fff; border-radius: 26rem; isolation: isolate; }
.transfer-section2-col > p { margin-bottom: 34rem; font-size: 22rem; color: #000; }
.transfer-section2-col > p > span { font-size: 18rem; color: #444444; }
.transfer-section2-col > p > strong { color: #0012FF; }
@media screen and (max-width:991px`) {
    .transfer-section2-rowBox { padding: 20rem 40rem; }
    .transfer-section02 .transfer-title { margin-bottom: 32.5rem; font-size: 36rem; }
    .transfer-section2-vs { margin-bottom: 22rem; font-size: 65rem; }
    .transfer-section2-col > p { margin-bottom: 22rem; }
    .transfer-section2-col > span { margin-bottom: 26rem; }
}
@media screen and (max-width:460px) {
    .transfer-section2-rowBox { margin-bottom: 13rem; }
    .transfer-section2-rowBox > dt { font-size: calc(13rem + 2.8vw); }
    .transfer-section2-rowBox > dd { font-size: calc(13rem + 1.8vw); }
    .transfer-section2-rowBox > dd > span { margin-top: 13rem; font-size: calc(13rem + .7vw); text-align: left; }
    .transfer-section2-rowBox > dt::before { width: 18.2rem; height: 18.2rem; }
    .transfer-section2-colBox { display: block; }
    .transfer-section2-col { padding: 26rem; width: 100%; text-align: left; }
    .transfer-section2-col:first-child { border: 3px solid #FCFF00; border-bottom: none; }
    .transfer-section2-col > p { font-size: calc(13rem + 1.6vw); }
    .transfer-section2-col > p > span { font-size: calc(13rem + .6vw); }
    .transfer-section2-col > span { font-size: calc(13rem + 2.7vw); }
}
/*******************************************************************************
 인정받는 환경
********************************************************************************/
.transfer-section3-conTitle { margin-bottom: 14rem; font-size: 28rem; color: #2E6B57; }
.transfer-section3-table { width: 100%; border-collapse: collapse; }
.transfer-section3-table tr th, .transfer-section3-table tr td { padding: 14rem; font-size: 20rem; }
.transfer-section3-table tr td img { margin: 0 auto; }
.transfer-section3-table thead tr th { background: #2E6B57; font-size: 20rem; color: #fff; }
.transfer-section3-table td { border: 1rem solid #BFBFBF; background: #fff; }
.transfer-section3-table-td { padding: 20rem; background: #EBE6E0 !important; }
.transfer-section3-table-td > span { display: inline-block; transform: translateX(-100%) rotate(90deg); }
.transfer-section03 p { margin-top: 10px; font-size: 18rem; color: #444444; text-align: right; }
@media screen and (max-width:991px) {
    .transfer-section3-conTitle { font-size: 18rem; }
    .transfer-section03 p { font-size: calc(13rem + -0.3vw); }
    .transfer-section3-table tr th, .transfer-section3-table tr td { padding: 10rem; font-size: 13rem; }
}
/*******************************************************************************
 네비게이션
********************************************************************************/
.transfer-nav { position: sticky; top: 0; z-index: 10; height: 0; }
.transfer-nav .transfer-width { display: flex; justify-content: center; padding: 0; }
.transfer-nav-col { display: inline-block; overflow: hidden; width: 50%; font-size: 32rem; color: #626262; transition: all .3s; border-radius: 0 0 50rem 50rem; isolation: isolate; }
.transfer-nav-col > span { display: inline-block; padding: 30rem 0; width: 100%; height: 100%; background: #434343; font-family: 'esamanru', sans-serif; font-weight: 500; transition: all .3s; }
.transfer-nav-col.active, .transfer-nav-col:hover { box-shadow: 4px -4.8px 16px #1E1E1E; color: #fff; transition: all .3s; }
.transfer-nav-col.active > span, .transfer-nav-col:hover > span { background: #341FB460; transition: all .3s; }
.transfer-nav-col:last-child.active > span, .transfer-nav-col:last-child:hover > span { background: #A2660660; transition: all .3s; }
.transfer-nav-col:first-child { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-sectionNav-bg01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-nav-col:last-child { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-sectionNav-bg02-220523.jpg") no-repeat center center; background-size: cover; }
/*******************************************************************************
 영국, 미국대학교 편입
********************************************************************************/
.transfer-section04 .transfer-width, .transfer-section09 .transfer-width {padding: 130rem 0 100rem;}
.transfer-title-strong { margin-bottom: 80rem; font-family: 'esamanru', sans-serif; font-size: 68rem; color: #2F1B75; }
.transfer-section4-con { margin-bottom: 30rem; padding-top: 120rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section04-img01-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section4-con:last-child { margin: 0; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section04-img02-220523.jpg") no-repeat center center; background-size: cover; }
.transfer-section4-text1 { margin: 0 50rem 0 0; padding: 44rem 10rem 44rem 40rem; background: rgba(255,255,255,.9); text-align: left; }
.transfer-section4-text1 > dt { margin-bottom: 26rem; font-family: 'esamanru', sans-serif; font-size: 56rem; font-weight: 700; color: #000; }
.transfer-section4-text1 > dt > strong { color: #543DAA; }
.transfer-section4-text1 > dd { font-size: 20rem; font-weight: 700; color: #333333; }
.transfer-section4-text1 > dd > ul { margin-top: 17rem; list-style: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section04-icon01-220523.png"); }
.transfer-section4-text1 > dd > ul > li { margin-bottom: 4rem; margin-left: 20rem; font-weight: 400; }
.transfer-section4-text2 { padding: 34rem 6rem; background: rgba(84,61,170,.9); }
.transfer-section4-text2 > span { display: inline-block; margin-bottom: 14rem; font-size: 28rem; font-weight: 500; color: #FFFFFF; }
.transfer-section4-text2 > strong { font-family: 'esamanru', sans-serif; font-size: 32rem; font-weight: 500; color: #5BFFFD; }
/* 미국 색상 */
.transfer-section09 .transfer-title-strong { color: #6D380A; }
.transfer-section09 .transfer-section4-text1 > dt > strong { color: #E7720B; }
.transfer-section09 .transfer-section4-text2 { background: rgba(194,101,18,.9); }
.transfer-section09 .transfer-section4-text2 > strong { color: #FCFF00; }
@media screen and (max-width:1080px) {
    .transfer-section04 .transfer-width, .transfer-section09 .transfer-width { width: 100%; }
    .transfer-section4-text1 { margin: 0; }
}
@media screen and (max-width:991px) {
    .transfer-section04 .transfer-width, .transfer-section09 .transfer-width { width: 100%; padding: 60rem 0 0 0;}
    .transfer-nav-col > span { padding: 20rem 0; font-size: calc(13rem + 1.5vw); }
    .transfer-title-strong { margin-bottom: 52rem; font-size: calc(13rem + 6vw); }
    .transfer-section4-text1 { padding: 28rem 6rem 28rem 26rem; }
    .transfer-section4-text1 > dt { font-size: calc(13rem + 4.3vw); }
    .transfer-section4-text1 > dd { font-size: calc(13rem + 1.3vw); }
    .transfer-section4-text2 > span { font-size: calc(13rem + 2.5vw); }
    .transfer-section4-text2 > strong { font-size: calc(13rem + 2.7vw); }
}
/*******************************************************************************
 영국, 미국대학교 전공
********************************************************************************/
.transfer-section05 .transfer-title, .transfer-section10 .transfer-title { color: #fff; }
.transfer-section5-table { overflow: hidden; width: 100%; background: #fff; border-collapse: collapse; border-radius: 10rem; isolation: isolate; }
.transfer-section5-table tr th, .transfer-section5-table tr td { padding: 20rem; border: 1rem solid #B7A9ED; font-size: 20rem; }
.transfer-section5-table tr th:first-child, .transfer-section5-table tr td:first-child { border-left: none; }
.transfer-section5-table tr th:last-child, .transfer-section5-table tr td:last-child { border-right: none; }
.transfer-section5-table tr th { border-top: none; background: #E6DFFF; color: #543DAA; }
.transfer-section5-table tr td { border-bottom: none; color: #000; }
.transfer-section5-table tr td > span { font-size: 14rem; }
.transfer-section5-table tr td > ul { margin-left: 20rem; text-align: left; list-style: outside; }
.transfer-section5-table tr td > ul > li { margin-bottom: 6rem; }
/* 미국 색상 */
.transfer-section10 .transfer-section5-table th, .transfer-section10 .transfer-section5-table td { border: 1rem solid #FFC693; }
.transfer-section10 .transfer-section5-table th { background: #FFDEC1; color: #BF671A; }
@media screen and (max-width:1080px) {
    .transfer-section05 .transfer-section5-table th:nth-child(1), .transfer-section05 .transfer-section5-table td:nth-child(1), .transfer-section05 .transfer-section5-table th:nth-child(3), .transfer-section05 .transfer-section5-table td:nth-child(3), .transfer-section10 .transfer-section5-table th:nth-child(2), .transfer-section10 .transfer-section5-table td:nth-child(2), .transfer-section10 .transfer-section5-table th:nth-child(4), .transfer-section10 .transfer-section5-table td:nth-child(4) { display: none; }
}
@media screen and (max-width:991px) {
    .transfer-section5-table tr th, .transfer-section5-table tr td { padding: 13rem 1vw; font-size: calc(13rem + .7vw); }
    .transfer-section5-table tr td > ul { margin-left: 26rem; }
    .transfer-section5-table tr td > ul > li { margin-bottom: 13rem; }
}
/*******************************************************************************
 영국, 미국대학교 추천대상
********************************************************************************/
.transfer-section6-row { margin-bottom: 25rem; padding: 18rem 0; border: 1rem solid #6F6E6F; box-shadow: 2rem 4rem 3rem #333333; background: #fff; font-size: 28rem; font-weight: 700; color: #000; }
@media screen and (max-width:991px) {
    .transfer-section6-row { font-size: calc(13rem + 2vw); }
}
/*******************************************************************************
 영국, 미국대학교 체크리스트
********************************************************************************/
.transfer-section7-con { display: grid; grid-template-columns: repeat(2,1fr); row-gap: 23rem; column-gap: 23rem; }
.transfer-section7-col { padding: 0 20rem 160rem; position: relative; background: #fff; }
.transfer-section7-col-title { display: inline-block; margin-bottom: 20rem; padding: 8rem 20rem; background: rgba(84, 61, 170, .5); font-size: 20rem; color: #fff; border-radius: 0 0 10rem 10rem; isolation: isolate; }
.transfer-section7-col > dl > dt { margin-bottom: 20rem; font-size: 24rem; font-weight: 700; color: #543DAA; }
.transfer-section7-col > dl > dd > ul { margin-left: 20rem; text-align: left; list-style: outside; }
.transfer-section7-col > dl > dd > ul > li { margin-bottom: 4rem; font-size: 20rem; color: #000000; }
.transfer-section7-col > dl > dd > ul > li > span { font-size: 16rem; color: #555555; }
.transfer-section7-col-imgBox { position: absolute; right: 20rem; bottom: 20rem; }
.transfer-section7-col-imgBox > img { height: 100rem; }
/* 미국 색상 */
.transfer-section12 .transfer-section7-col-title { background: rgba(231, 114, 11, .5); }
.transfer-section12 .transfer-section7-col > dl > dt { color: #E7720B; }
@media screen and (max-width:991px) {
    .transfer-section7-con { grid-template-columns: repeat(1,1fr); }
    .transfer-section7-col-title { font-size: calc(13rem + 1vw); }
    .transfer-section7-col > dl > dt { font-size: calc(13rem + 2.5vw); }
    .transfer-section7-col > dl > dd > ul { margin-left: 26rem; }
    .transfer-section7-col > dl > dd > ul > li { font-size: calc(13rem + 1vw); }
    .transfer-section7-col-imgBox > img { height: 91rem; }
    .transfer-section7-col { padding: 0 13rem 130rem; }
}
/*******************************************************************************
 영국, 미국대학교 편입후기
********************************************************************************/
.transfer-section8-title { margin-bottom: 24rem; font-size: 32rem; color: #543DAA; }
.transfer-section8-row { display: flex; margin-bottom: 20rem; }
.transfer-section8-row > dt { display: flex; align-items: center; justify-content: center; width: 20%; background: #543DAA; font-size: 28rem; color: #fff; }
.transfer-section8-row > dt strong { font-size: 40rem; }
.transfer-section8-row > dd { display: grid; width: 80%; background: #fff; grid-template-columns: repeat(2,1fr); }
.transfer-section8-row > dd > ul { margin: 0 40rem; padding: 20rem 0; border-bottom: 1rem solid #DCDCDC; background: #fff; text-align: left; list-style: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section04-icon01-220523.png"); grid-column: 2 span; }
.transfer-section8-row > dd > ul > li { margin-bottom: 4rem; margin-left: 20rem; font-size: 22rem; }
.transfer-section8-row > dd > p { padding: 10rem; background: #F5F5F5; font-size: 22rem; color: #777777; grid-column: 2 span; }
.transfer-section8-ranking { display: flex; align-items: center; justify-content: center; padding: 20rem 0; position: relative; width: 80%; background: #fff; font-size: 20rem; color: #BC1F1F; }
.transfer-section8-ranking strong { position: relative; font-size: 22rem; }
.transfer-section8-ranking strong::after, .transfer-section8-ranking strong::before { position: absolute; top: 50%; width: 18rem; height: 35rem; content: ''; transform: translateY(-50%); }
.transfer-section8-ranking strong::after { right: 100%; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section07-img01-220523.png") no-repeat center center; background-size: 100%; }
.transfer-section8-ranking strong::before { left: 100%; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/usa-uk-transfer/transfer-section07-img02-220523.png") no-repeat center center; background-size: 100%; }
.transfer-section8-school { padding: 20rem 0; width: 120%; background: #fff; text-align: left; transform: translateX(-20%); }
.transfer-section8-school > strong { font-size: 28rem; font-weight: 500; }
.transfer-section8-school > strong > strong { font-size: 35rem; }
.transfer-section8-school > span { font-size: 18rem; color: #999999; }
/* 미국 색상 */
.transfer-section13 .transfer-section8-title { color: #E9873C; }
.transfer-section13 .transfer-section8-row > dt { background: #E9873C; }
@media screen and (max-width:991px) {
    .transfer-section8-title { font-size: 20rem; }
    .transfer-section8-row > dt { width: 30%; font-size: calc(13rem + 1vw); }
    .transfer-section8-row > dt strong { font-size: calc(13rem + 3vw); }
    .transfer-section8-row > dd > ul { margin: 0 26rem; padding: 16rem 0; grid-column: 1 span; }
    .transfer-section8-row > dd { width: 70%; grid-template-columns: repeat(1,1fr); }
    .transfer-section8-school { width: 100%; text-align: center; transform: translateX(0); }
    .transfer-section8-ranking { width: 100%; font-size: calc(13rem + .7vw); }
    .transfer-section8-row > dd > p { font-size: calc(13rem + 1vw); grid-column: 1 span; }
    .transfer-section8-row > dd > ul > li { font-size: calc(13rem + 1.3vw); }
    .transfer-section8-school > strong { font-size: calc(13rem + 2vw); }
    .transfer-section8-school > strong > strong { font-size: calc(13rem + 3.7vw); }
    .transfer-section8-school > span { font-size: calc(13rem + .8vw); }
    .transfer-section8-ranking strong { font-size: calc(13rem + .9vw); }
}
@media screen and (max-width:430px) {
    .transfer-section8-row > dt { width: 25%; }
    .transfer-section8-row > dd { width: 75%; }
}
/*******************************************************************************
 노하우 모든것
********************************************************************************/
.transfer-section14 .transfer-title { color: #fff; }
.transfer-section14-con { margin: 0 auto; box-shadow: 0 0 46rem #12352AD4; width: 1000rem; }
.transfer-section14-con > iframe { border: none; width: 100%; height: 100%; }
@media screen and (max-width:1080px) {
    .transfer-section14-con { width: 92.6vw; height: 53.7vw; }
}
/*******************************************************************************
 단독혜택
********************************************************************************/
.transfer-section15-title { margin-bottom: 50rem; background: linear-gradient(to right top, #DDA45C, #966C3A); -webkit-background-clip: text; font-family: 'esamanru', sans-serif; font-size: 56rem; color: transparent; }
.transfer-section15-title > span { display: inline-block; font-size: 32rem; font-weight: 500; color: #FFFFFF; }
.transfer-section15-textBox { margin-bottom: 10rem; padding: 34rem; background: #fff; text-align: left; }
.transfer-section15-textBox > dt { margin-bottom: 22rem; font-family: 'esamanru', sans-serif; font-size: 32rem; color: #000000; }
.transfer-section15-textBox > dt > span { color: #CBA777; }
.transfer-section15-textBox > dd { width: 70%; font-size: 20rem; color: #555; }
.transfer-section15-textBox > dd > small { font-size: 16rem; }
.transfer-section15-text { margin: 50rem 0 36rem; padding: 20rem 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; z-index: 1; font-size: 32rem; font-weight: 700; color: #FFFFFF; }
.transfer-section15-text > strong { background: #292A2C; color: #27CC96; }
.transfer-section15-text2 { font-size: 24rem; color: #DBDBDB; }
@media screen and (max-width:991px) {
    .transfer-section15-textBox > dd { width: 100%; }
    .transfer-section15-title { font-size: calc(13rem + 5.5vw); }
    .transfer-section15-title > span { font-size: calc(13rem + 2vw); }
    .transfer-section15-textBox > dt { font-size: calc(13rem + 2vw); }
    .transfer-section15-textBox > dd { font-size: calc(13rem + 1vw); }
    .transfer-section15-textBox > dd > small { font-size: calc(13rem + .6vw); }
    .transfer-section15-text { font-size: calc(13rem + 2.5vw); }
    .transfer-section15-text2 { font-size: calc(13rem + 1.5vw); }
}