html { scroll-behavior: smooth; }
.test-preparation em { color: #F51D4F; }
.program table thead th { background-color: transparent; }
.tableWrap::after { width: 0; }
.test-preparation .max-width.area > h2 { padding-top: 0; }
.test-preparation .flex { display: flex; flex-wrap: wrap; }
.test-preparation .pointTextArea { padding: 40rem 0; color: #fff; text-align: center; }
.test-preparation .pointTextArea em { color: #FFFE34; }
.test-preparation .area > h2 { margin-bottom: 60rem; padding-top: 120rem; }
.test-preparation .tableWrap { overflow-x: auto; width: 100%; }
.test-preparation .tableWrap table { margin: 0 auto; width: 100%; min-width: 844rem; background-color: #fff; border-collapse: collapse; }
.test-preparation .tableWrap table tr, .test-preparation .tableWrap table th, .test-preparation .tableWrap table td { border: 1rem solid #C5C5C5; }
.test-preparation .tableWrap::-webkit-scrollbar { display: block; height: 8rem; }
.test-preparation .tableWrap::-webkit-scrollbar-thumb { background: #CBCEE2; border-radius: 4rem; isolation: isolate; }
.test-preparation .tableWrap::-webkit-scrollbar-track { background: transparent; }
.test-preparation h1 { font-size: 96rem; }
.test-preparation h2 { font-size: 54rem; }
.test-preparation h3 { font-size: 32rem; }
.test-preparation .visual { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_visual.jpg") no-repeat center; background-size: cover; text-align: center; }
.test-preparation .visual h4 { display: inline-block; margin: 0 auto; padding: 12rem 40rem; border: 2rem solid #EBEBEB; background-color: #fff; border-radius: 31rem; isolation: isolate; }
.test-preparation .visual h3 { color: #484848; }
.test-preparation .visual .logo { margin: 24rem 0 32rem; width: 100%; max-width: 712rem; }
.test-preparation .visual .content { justify-content: center; }
.test-preparation .visual .content .box { padding: 32rem 0; width: 382rem; font-size: 26rem; font-weight: bold; color: #fff; text-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.4); border-radius: 85rem; isolation: isolate; }
.test-preparation .visual .content .box:nth-child(2) { margin-left: -52rem; }
.test-preparation .visual .content .box span { display: block; font-size: 18rem; }
.test-preparation .visual .content .box + .box { position: relative; }
.test-preparation .visual .content .box + .box::before { position: absolute; top: 50%; left: 10rem; width: 32rem; height: 32rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_visual_icon.svg") no-repeat center; background-size: contain; content: ""; transform: translateY(-50%); }
.test-preparation .choiceWrap { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_choice_bg.jpg") no-repeat center; background-size: cover; text-align: center; }
.test-preparation .choiceWrap h3 { font-weight: normal; }
.test-preparation .choiceWrap h3 em { font-weight: bold; }
.test-preparation .choiceWrap figure { margin: 60rem auto 0; padding-bottom: 41%; width: 896rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_choice_01.jpg") no-repeat center; background-size: cover; border-radius: 12rem; isolation: isolate; }
.test-preparation .reviewWrap { text-align: center; }
.test-preparation .reviewWrap .talkBox { margin: 0 auto; padding: 60rem 0; box-shadow: 0 2rem 12rem #EAD2D2; position: relative; width: 100%; max-width: 896rem; background-color: #fff; border-radius: 24rem; isolation: isolate; }
.test-preparation .reviewWrap .talkBox::after { position: absolute; bottom: -40rem; left: 50%; z-index: 2; width: 40rem; height: 40rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_review_box.svg") no-repeat center; background-size: cover; content: ""; transform: translateX(-50%); }
.test-preparation .reviewWrap .talkBox figure { margin: 0 auto 8rem; width: 40rem; height: 30rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_review_icon.svg") no-repeat center; background-size: cover; }
.test-preparation .reviewWrap .talkBox h3 { margin-bottom: 8rem; }
.test-preparation .reviewWrap .talkBox p { font-weight: bold; color: #333333; }
.test-preparation .reviewWrap .main-video { margin: 54rem auto 0; box-shadow: 0 16rem 24rem #DAB7B7; box-shadow: 0 16rem 24rem #DAB7B7; overflow: hidden; width: 100%; max-width: 896rem; border-radius: 12rem; isolation: isolate; }
.test-preparation .reviewWrap .recommend ul { justify-content: space-between; }
.test-preparation .reviewWrap .recommend ul li { padding-top: 74rem; box-shadow: 0 2rem 8rem #EAD2D2; position: relative; width: calc(33% - 16rem); height: 218rem; background-color: #fff; border-radius: 12rem; isolation: isolate; }
.test-preparation .reviewWrap .recommend ul li span { padding: 8rem 18rem; position: absolute; top: 0; left: 50%; background-color: #F51D4F; font-size: 18rem; color: #fff; transform: translateX(-50%); border-radius: 0 0 20rem 20rem; isolation: isolate; }
.test-preparation .reviewWrap .recommend ul li p { font-size: 26rem; font-weight: bold; line-height: 1.4; }
.test-preparation .examType { text-align: center; }
.test-preparation .examType .tableWrap table th, .test-preparation .examType .tableWrap table td { padding: 24rem 0; }
.test-preparation .examType .tableWrap table thead { background-color: #EEE9FF; }
.test-preparation .examType .tableWrap table tbody th { background-color: #F8F8F8; font-weight: normal; }
.test-preparation .examType .standard ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24rem;}
.test-preparation .examType .standard ul li { padding: 40rem 0; box-shadow: 0 2rem 8rem #E3E2F0; height: 256rem; background-color: #fff; font-size: 22rem; font-weight: bold; border-radius: 12rem; isolation: isolate; }
.test-preparation .examType .standard ul li em { color: #4D20FF; }
.test-preparation .examType .standard ul li figure { margin: 0 auto 10rem; width: 98rem; height: 98rem; }
.test-preparation .examType .standard ul li:nth-child(1) figure { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_examType_standard1.svg") no-repeat center/contain; }
.test-preparation .examType .standard ul li:nth-child(2) figure { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_examType_standard2.svg") no-repeat center/contain; }
.test-preparation .examType .standard ul li:nth-child(3) figure { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_examType_standard3.svg") no-repeat center/contain; }
.test-preparation .examType .standard ul li:nth-child(4) figure { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_examType_standard4.svg") no-repeat center/contain; }
.test-preparation .examType .standard ul li:nth-child(5) figure { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_examType_standard5.svg") no-repeat center/contain; }
.test-preparation .examType .standard ul li:nth-child(6) figure { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_examType_standard6.svg") no-repeat center/contain; }
.test-preparation .examType .standard ul li:nth-child(3n) { margin-right: 0; }
.test-preparation .examType .standard ul li:nth-last-of-type(1), .test-preparation .examType .standard ul li:nth-last-of-type(2), .test-preparation .examType .standard ul li:nth-last-of-type(3) { margin-bottom: 0; }
.test-preparation .examType .course .boxWrap { justify-content: center; }
.test-preparation .examType .course .boxWrap .box { overflow: hidden; width: calc(50% - 12rem); font-size: 26rem; font-weight: bold; color: #000; border-radius: 12rem; isolation: isolate; }
.test-preparation .examType .course .boxWrap .box em { color: #4D20FF; }
.test-preparation .examType .course .boxWrap .box + .box { margin-left: 24rem; }
.test-preparation .examType .course .boxWrap .box > div { padding: 32rem 0; }
.test-preparation .examType .course .boxWrap .box > div.title { color: #fff; }
.test-preparation .examType .course .boxWrap .box > div.title .sub { font-size: 18rem; }
.test-preparation .examType .course .boxWrap .box > div.info + .info { position: relative; }
.test-preparation .examType .course .boxWrap .box > div.info + .info::before { position: absolute; top: 0; left: 50%; width: 90%; height: 1rem; background-color: #D3CEE6; content: ""; transform: translateX(-50%); }
.test-preparation .examType .course .boxWrap .box:nth-child(1) { color: #84829E; }
.test-preparation .examType .course .boxWrap .box:nth-child(2) { border: 3rem solid #4D20FF; box-shadow: 0 16rem 16rem #D2C6FF; }
.test-preparation .recommendWrap { position: relative; background-color: #EAFEE8; text-align: center; }
.test-preparation .recommendWrap.bgColor1 { background-color: #E8FAFF; }
.test-preparation .recommendWrap.bgColor2 { background-color: #FFF7E9; }
.test-preparation .recommendWrap .tabMenu { margin-top: 24rem; position: sticky; top: 0; z-index: 9; background-color: #EAFEE8; }
.test-preparation .recommendWrap .tabMenu.bgColor1 { background-color: #E8FAFF; }
.test-preparation .recommendWrap .tabMenu.bgColor2 { background-color: #FFF7E9; }
.test-preparation .recommendWrap .tabMenu ul { justify-content: space-between; }
    .test-preparation .recommendWrap .tabMenu ul li { padding: 16rem 0; box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.2); width: calc(33% - 16rem); background-color: #fff; font-weight: bold; transition: all 0.3s ease; cursor: pointer; border-radius: 8rem; isolation: isolate; }
.test-preparation .recommendWrap .tabMenu ul li.active { background: #00C346; color: #fff; }
.test-preparation .recommendWrap .listWrap { padding-top: 60rem; }
.test-preparation .recommendWrap .listWrap .list { position: relative; }
.test-preparation .recommendWrap .listWrap .list + .list { margin-top: 120rem; }
.test-preparation .recommendWrap .listWrap .list .listTitle { margin-bottom: 24rem; font-size: 40rem; font-weight: bold; }
.test-preparation .recommendWrap .listWrap .list:nth-child(1) .listLogo { margin: 0 auto 16rem; width: 344rem; height: 58rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_recommend_logo1.png") no-repeat center; background-size: contain; }
.test-preparation .recommendWrap .listWrap .list:nth-child(2) .listLogo { margin: 0 auto 16rem; width: 344rem; height: 58rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_recommend_logo2.png") no-repeat center; background-size: contain; }
.test-preparation .recommendWrap .listWrap .list:nth-child(3) .listLogo { margin: 0 auto 16rem; width: 344rem; height: 58rem; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/test-preparation/test-preparation_recommend_logo3.png") no-repeat center; background-size: contain; }
.test-preparation .recommendWrap .listWrap .list .content { min-height: 222rem; background-color: #fff; border-radius: 12rem; isolation: isolate; }
.test-preparation .recommendWrap .listWrap .list .content + .content { margin-top: 24rem; }
.test-preparation .recommendWrap .listWrap .list .content + .listTitle { margin-top: 60rem; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap { padding: 24rem; border: 1rem solid #D0E1CE; position: relative; width: 70%; text-align: left; border-radius: 12rem 0 0 12rem; isolation: isolate; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .top { align-items: center; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .top .logo { margin-right: 4rem; width: 90rem; height: 78rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .top p { font-size: 22rem; font-weight: bold; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .top span { display: block; font-size: 16rem; color: #999999; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap { padding: 0 0 24rem 24rem; position: absolute; bottom: 0; left: 0; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info { display: flex; font-size: 16rem; color: #333; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info .infoTitle { width: 78rem; height: 30rem; background-color: #EFEFEF; line-height: 30rem; text-align: center; border-radius: 4rem; isolation: isolate; }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info .sub { padding: 0 16rem; width: calc(100% - 78rem); }
.test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info.info { margin-top: 12rem; }
.test-preparation .recommendWrap .listWrap .list .content .imgWrap { width: 30%; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 0 12rem 12rem 0; isolation: isolate; }

.test-preparation #why-column4-card .article-title,
.test-preparation .prepare-banner .article-title,
.test-preparation #edm-perks .article-title{font: var(--edm-f-h1); letter-spacing: var(--edm-f-h1-ls);}











@media screen and (max-width:991px) {
    .test-preparation .pointTextArea { padding: 35rem 0; line-height: 1.3; }
    .test-preparation .area > h2 { margin-bottom: 33rem; padding-top: 65rem; }
    .test-preparation .tableWrap { padding-bottom: 12rem; font-size: 16rem; }
    .test-preparation .tableWrap table { min-width: 844rem; }
    .test-preparation h1 { font-size: 49rem; line-height: 1.2; }
    .test-preparation h2 { font-size: 28rem; line-height: 1.2; }
    .test-preparation h3 { font-size: 22rem; }
    .test-preparation .visual .max-width { padding-bottom: 100rem; }
    .test-preparation .visual h4 { margin-bottom: 7rem; font-size: 20rem; line-height: 1.4; border-radius: 60rem; isolation: isolate; }
    .test-preparation .visual h1 { margin-bottom: 13rem; }
    .test-preparation .visual .logo { margin-bottom: 26rem; }
    .test-preparation .visual .content .box { display: flex; align-items: center; justify-content: center; padding-top: 50rem; position: relative; width: calc(50% + 7rem); height: 183rem; font-size: 20rem; line-height: 1.3; border-radius: 50rem; isolation: isolate; }
    .test-preparation .visual .content .box:nth-child(2) { margin-left: -13rem; }
    .test-preparation .visual .content .box span { display: block; position: absolute; top: 25rem; width: 100%; font-size: 15rem; }
    .test-preparation .visual .content .box + .box::before { left: 2rem; }
    .test-preparation .choiceWrap h3 { font-size: 18rem; }
    .test-preparation .choiceWrap figure { margin-top: 26rem; padding-bottom: 51%; width: 100%; }
    .test-preparation .reviewWrap .talkBox { padding: 26rem 0; font-size: 16rem; }
    .test-preparation .reviewWrap .talkBox::after { bottom: -35rem; width: 35rem; height: 35rem; }
    .test-preparation .reviewWrap .talkBox h3 { margin-bottom: 12rem; }
    .test-preparation .reviewWrap .talkBox figure { width: 33rem; }
    .test-preparation .reviewWrap .talkBox .videoWrap { margin-top: 52rem; }
    .test-preparation .reviewWrap .recommend ul li { padding-top: 61rem; width: 100%; height: 150rem; }
    .test-preparation .reviewWrap .recommend ul li span { padding: 7rem 26rem; font-size: 15rem; }
    .test-preparation .reviewWrap .recommend ul li p { font-size: 20rem; }
    .test-preparation .reviewWrap .recommend ul li + li { margin-top: 16rem; }
    .test-preparation .examType .standard ul { gap: 8rem; }
    .test-preparation .examType .standard ul li { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0; height: 182rem; font-size: 16rem; }
    .test-preparation .examType .standard ul li figure { width: 50rem; height: 50rem; }
    .test-preparation .examType .course .boxWrap { justify-content: space-between; }
    .test-preparation .examType .course .boxWrap .box { width: calc(50% - 4rem); }
    .test-preparation .examType .course .boxWrap .box + .box { margin-left: 0; }
    .test-preparation .examType .course .boxWrap .box > div { font-size: 20rem; }
    .test-preparation .examType .course .boxWrap .box > div.title { font-size: 20rem; }
    .test-preparation .examType .course .boxWrap .box > div.title .sub { font-size: 15rem; }
    .test-preparation .examType .course .boxWrap .box > div.info { display: flex; align-items: center; justify-content: center; padding: 35rem 9rem; height: 199rem; line-height: 1.3; }
    .test-preparation .recommendWrap .tabMenu { font-size: 15rem; }
    .test-preparation .recommendWrap .tabMenu ul li { padding: 11rem 8rem; width: calc(33% - 5rem); }
    .test-preparation .recommendWrap .tabMenu ul li img { height: 20rem; }
    .test-preparation .recommendWrap .listWrap { padding-top: 23rem; }
    .test-preparation .recommendWrap .listWrap .list + .list { margin-top: 59rem; }
    .test-preparation .recommendWrap .listWrap .list .listTitle { font-size: 25rem; }
    .test-preparation .recommendWrap .listWrap .list .content + .listTitle { margin-top: 40rem; }
    .test-preparation .recommendWrap .listWrap .list:nth-child(1) .listLogo, .test-preparation .recommendWrap .listWrap .list:nth-child(2) .listLogo, .test-preparation .recommendWrap .listWrap .list:nth-child(3) .listLogo { margin-bottom: 0; width: 210rem; height: 36rem; }
    .test-preparation .recommendWrap .listWrap .list .content { height: auto; }
    .test-preparation .recommendWrap .listWrap .list .content .imgWrap { width: 100%; height: 244rem; order: 1; border-radius: 12rem 12rem 0 0; isolation: isolate; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap { padding: 22rem 16rem; width: 100%; order: 2; border-radius: 0 0 12rem 12rem; isolation: isolate; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .top { align-items: flex-start; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .top p { font-size: 20rem; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .top span { font-size: 14rem; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .top .logo { margin-right: 0; width: 47rem; height: 40rem; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .top .right { padding-left: 7rem; width: calc(100% - 47rem); }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap { margin-top: 26rem; padding: 0; position: static; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info { font-size: 14rem; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info .infoTitle { padding: 0; width: 72rem; height: 30rem; line-height: 30rem; }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info .sub { width: calc(100% - 72rem); }
    .test-preparation .recommendWrap .listWrap .list .content .textWrap .infoWrap .info + .info { margin-top: 21rem; }

	.test-preparation #why-column4-card .article-title,
	.test-preparation .prepare-banner .article-title,
	.test-preparation #edm-perks .article-title{font: var(--edm-f-h2); letter-spacing: var(--edm-f-h2-ls);}
}