/* 공통 */ .container img {margin: 0;} .special-university-abroad { word-break: break-all; } .special-university-abroad .maxWidth {text-align: left;} .special-university-abroad.container h2 { color: var(--c-text01); } .special-university-abroad .articleTitle > .subTitle { padding-top: 8rem; font-size: var(--f-fontSize04); } /* 소개 */ .special-university-abroad section > article.intro { padding: 0; } .special-university-abroad.container .intro h2 { line-height: 150%; } .intro .box{ padding:0 0 54rem 0; padding-right: 240rem; border-bottom: 1rem solid #000; color: #000; position: relative; } .intro .box:after { position: absolute; right: 0; bottom: 0; width: 240rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/special-university-abroad/introCharacter-img.png'); background-repeat: no-repeat; background-size: cover; content: ""; aspect-ratio: 240/230; } .intro .box h2 strong { font-weight: 700; color: var(--c-point);} /* 국내 vs 해외 의대 입시 비교 — .role-diff .listRole 하위만 (title, box, list 등) */ .contents > article.role-diff{margin-top: 100rem;} .role-diff .listRole {display: flex;flex-direction: column; gap: 70rem; margin-top: 40rem;padding: 0;list-style: none;} .role-diff .listRole > .item { list-style: none; margin: 0; padding: 0; } .role-diff .listRole .title {margin-bottom: 24rem; font-size: var(--f-fontSize03);font-weight: 700;line-height: 150%;letter-spacing: -0.01625rem;color: var(--c-text01);} .role-diff .listRole .cols {display: grid;grid-template-columns: 1fr 1fr;gap: 24rem;align-items: stretch;} .role-diff .listRole .box {padding: 24rem;border-radius: 12rem;} .role-diff .listRole .box--kr { background: #F5F5F7; border: 1rem solid #E4E8F1;} .role-diff .listRole .box--abroad {background: #EAFAFF;border: 1rem solid #66B6FC;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);} .role-diff .listRole .badge {display: inline-block;margin-bottom: 16rem; padding: 0 16rem; font-size: var(--f-body1);font-weight: 600;line-height: 35rem;color: #fff;border-radius: 999rem;isolation: isolate;} .role-diff .listRole .box--kr .badge { background: var(--c-text04); } .role-diff .listRole .box--abroad .badge { background: #0086FA; } .role-diff .listRole .list {font-size: var(--f-body2);line-height: 160%;letter-spacing: -0.2rem;color: #000;list-style: disc;} .role-diff .listRole .list .text {list-style: none; position: relative; line-height: 150%; letter-spacing: -0.01rem; padding-left: 8rem; } .role-diff .listRole .list .text:before { content: "·"; position: absolute; left: 0; top: 0; } .role-diff .listRole .list b { font-weight: 700; } #programs-detail .contents .country-guide-swiper-type2-article {margin-top: 100rem;} .country-guide-swiper-type2 .cgs2-tablist {display: flex;flex-wrap: wrap;gap: 8rem 12rem;justify-content: flex-start;margin-bottom: 32rem;} .country-guide-swiper-type2 .cgs2-tab {padding: 0 24rem;height: 44rem;line-height: 43rem;border: none;border-radius: 999rem;background: #f5f5f7;font-size: var(--edm-f-body1, 15rem);font-weight: 500;color: #333;cursor: pointer;isolation: isolate;} .country-guide-swiper-type2 .cgs2-tab.is-active {background: #1EC95B;color: #fff;font-weight: 600;} .country-guide-swiper-type2 .cgs2-tab .flag-emoji {display: inline-block;margin-right: 4rem;font-family: "Noto Color Emoji", sans-serif;font-weight: 400;font-style: normal;width: auto;height: auto;} .country-guide-swiper-type2 .cgs2-panel[hidden] {display: none !important;} .country-guide-swiper-type2 .cgs2-panel.is-active {display: block;} .country-guide-swiper-type2 .cgs2-shell {display: flex;align-items: stretch;gap: 0;background: #fff;border: 1rem solid #e2e2e5;border-radius: 16rem;box-shadow: 0 4px 10px 0 #EBEFF4;overflow: hidden;} .country-guide-swiper-type2 .cgs2-aside {flex: 0 0 318rem;min-height: 320rem;max-width: 32%;background: #e8e8ed;} .country-guide-swiper-type2 .cgs2-asidePic {display: block;width: 100%;height: 100%;} .country-guide-swiper-type2 .cgs2-asidePic img {display: block;width: 100%;height: 100%;object-fit: cover;} .country-guide-swiper-type2 .cgs2-main {flex: 1;min-width: 0;padding: 40rem;display: flex;flex-direction: column;gap: 40rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul {list-style: none;margin: 0;padding: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li {display: block;padding: 0;gap: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap {width: 100%;display: flex;flex-direction: column;padding: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item {display: flex;gap: 24rem;align-items: flex-start;align-self: stretch;flex-direction: row;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item + .txt-item {margin-top: 43rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item strong {flex-shrink: 0;width: 148rem;font: var(--edm-f-h5);letter-spacing: var(--edm-f-h5-ls);font-weight: 600;color: var(--edm-color-text-1);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list {display: flex;flex: 1 1 0;flex-direction: column;min-width: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p {margin: 0;font: var(--edm-f-body1);letter-spacing: var(--edm-f-body1-ls);font-weight: 400;color: var(--edm-color-text-2);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p.dotTxt {position: relative;padding-left: 14rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p.dotTxt::before {content: "·";position: absolute;left: 0;font-weight: 700;color: var(--edm-color-text-1);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p span {display: block;margin-top: 4rem;margin-bottom: 12rem;padding-left: 8rem;font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);font-weight: 400;color: var(--edm-color-text-3);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box {display: flex;gap: 16rem;align-items: center;padding: 20rem 24rem;background-color: var(--edm-bg-neutral);border: 1rem solid #E4E8F1; border-radius: var(--edm-radius3);isolation: isolate; } .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box + .step-box {margin-top: 16rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box::before {display: flex;align-items: center;justify-content: center;flex: 0 0 26rem;width: 26rem;min-height: 26rem;background: linear-gradient(90deg, #0086fa 0%, #01d29c 100%);font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);font-weight: 600;color: #fff;content: "1";border-radius: 50%;isolation: isolate;aspect-ratio: 1 / 1;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box:nth-child(2)::before {content: "2";} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box:nth-child(3)::before {content: "3";} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box:nth-child(4)::before {content: "4";} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box p {flex: 0 0 182rem;width: 182rem;min-width: 182rem;margin: 0;color: var(--edm-color-text-1);font: var(--edm-f-body1);letter-spacing: var(--edm-f-body1-ls);font-weight: 600;line-height: 150%;word-break: keep-all;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box p em {display: block;margin-top: 4rem;font: var(--edm-f-detail);letter-spacing: var(--edm-f-detail-ls);font-weight: 400;color: var(--edm-color-text-2);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box > span {flex: 1 1 0;min-width: 0;display: block;margin-bottom: 0;padding-left: 5rem;font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);font-weight: 400;color: var(--edm-color-text-2);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box > div {flex: 1 1 0;min-width: 0;width: auto;display: flex;flex-direction: column;gap: 4rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box .dotTxt {position: relative;padding-left: 14rem;margin: 0;font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);font-weight: 400;color: var(--edm-color-text-2);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box .dotTxt::before {content: "·";position: absolute;left: 0;font-weight: 700;color: var(--edm-color-text-1);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box .dotTxt + .dotTxt {margin-top: 4rem;} .country-guide-swiper-type2 .cgs2-headTitle {display: flex;flex-wrap: wrap;align-items: center;margin: 0;font-size: var(--edm-f-h3, 22rem);font-weight: 700;line-height: 150%;letter-spacing: -0.02rem;color: var(--edm-color-text-1, #111);} .country-guide-swiper-type2 .cgs2-headTitle .flag-emoji {margin-right: 6rem;} .country-guide-swiper-type2 .cgs2-headTitle .bar {display: inline-block;width: 1rem;height: 1.1em;margin: 0 12rem;background: currentcolor;opacity: 0.22;vertical-align: middle;} .country-guide-swiper-type2 .cgs2-lead {margin: 0;font-size: var(--edm-f-body1, 15rem);line-height: 160%;letter-spacing: -0.01rem;color: #555;} .country-guide-swiper-type2 .cgs2-features {padding: 20rem 24rem;background: #f5f5f7;border-radius: 12rem;} .country-guide-swiper-type2 .cgs2-featuresHeading {margin: 0 0 12rem;font-size: var(--edm-f-body1, 15rem);font-weight: 600;color: var(--edm-color-text-1, #111);} .country-guide-swiper-type2 .cgs2-featuresList {margin: 0;padding: 0;list-style: none;} .country-guide-swiper-type2 .cgs2-featuresList li {position: relative;padding-left: 16rem;font-size: var(--edm-f-body2, 14rem);line-height: 160%;color: #444;} .country-guide-swiper-type2 .cgs2-featuresList li::before {content: "·";position: absolute;left: 0;font-weight: 700;color: var(--edm-color-text-1, #111);} .country-guide-swiper-type2 .cgs2-infoRow {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12rem;} .country-guide-swiper-type2 .cgs2-infoCell {padding: 16rem 18rem;background: #f5f5f7;border-radius: 12rem;} .country-guide-swiper-type2 .cgs2-infoLabel {margin: 0 0 8rem;font-size: 13rem;font-weight: 600;color: #666;} .country-guide-swiper-type2 .cgs2-infoText {margin: 0;font-size: var(--edm-f-body2, 14rem);font-weight: 600;line-height: 150%;color: var(--edm-color-text-1, #111);} .country-guide-swiper-type2 .cgs2-disclaimer {margin: 0;font-size: 12rem;line-height: 150%;color: #888;text-align: right;} .country-guide-swiper-type2 .cgs2-cardNav {display: flex;gap: 0;align-items: center;justify-content: space-between;margin-bottom: 28rem;} .country-guide-swiper-type2 .cgs2-cardNavTitle {margin: 0;font: var(--edm-f-body1);letter-spacing: var(--edm-f-body1-ls);font-weight: 600;color: var(--edm-color-text-1);} .country-guide-swiper-type2 .cgs2-cardFraction {margin-right: 16rem;margin-left: auto;width: auto;font: var(--edm-f-body1);letter-spacing: -2rem;font-weight: 400;} .country-guide-swiper-type2 .cgs2-cardFraction .current {font-weight: 700;} .country-guide-swiper-type2 .cgs2-cardPrev, .country-guide-swiper-type2 .cgs2-cardNext {padding: 0;border: none;width: 40rem;height: 40rem;background-color: #e2e2e5;transition: all 0.3s ease;cursor: pointer;border-radius: 50%;isolation: isolate;} .country-guide-swiper-type2 .cgs2-cardPrev + .cgs2-cardNext {margin-left: 16rem;} .country-guide-swiper-type2 .cgs2-cardPrev {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/slide-prev.svg");background-repeat: no-repeat;background-position: center;background-size: contain;} .country-guide-swiper-type2 .cgs2-cardNext {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/common/slide-next.svg");background-repeat: no-repeat;background-position: center;background-size: contain;} .country-guide-swiper-type2 .cgs2-cardPrev.disabled, .country-guide-swiper-type2 .cgs2-cardNext.disabled {pointer-events: none;opacity: 0.5;touch-action: none;} .country-guide-swiper-type2 .cgs2-cardViewport {overflow: hidden;position: relative;} .country-guide-swiper-type2 .cgs2-cardViewport--lock .cgs2-cardFraction {visibility: hidden;} .country-guide-swiper-type2 .cgs2-cardSwiper .swiper-wrapper {align-items: stretch;} .country-guide-swiper-type2 .cgs2-cardSlide {width: 100%;height: auto;box-sizing: border-box;} .country-guide-swiper-type2 .cgs2-card {display: flex;flex-direction: column;height: 100%;padding: 24rem;border: 1rem solid #E4E8F1;border-radius: 12rem;box-shadow: 0 4px 10px 0 #EBEFF4;background: #fff;} .country-guide-swiper-type2 .cgs2-cardHeader {display: flex;align-items: flex-start;flex-direction: column;gap: 8rem;margin-bottom: 24rem;} .country-guide-swiper-type2 .cgs2-cardLogo {margin: 0;width: 219rem;height: 60rem;flex-shrink: 0;} .country-guide-swiper-type2 .cgs2-cardLogo img {width: 100%;height: 100%;object-fit: contain;object-position: left center;} .country-guide-swiper-type2 .cgs2-cardNameEn {margin: 0 0 4rem;font-size: 20rem;font-weight: 600;line-height: 130%;color:#000;} .country-guide-swiper-type2 .cgs2-cardNameKo {margin: 0;font-size: 16rem;color: #333;} .country-guide-swiper-type2 .cgs2-cardCenter {margin: 0 0 10rem;font-size: var(--edm-f-detail, 12rem);color: #006bc8;} .country-guide-swiper-type2 .cgs2-cardTags {display: flex;flex-wrap: wrap;font-size: 16rem;line-height: 1.45;color: #555;} .country-guide-swiper-type2 .cgs2-cardTags span {display: inline;} .success-review-case .box-list {display: flex;gap: 24rem;flex-direction: column;} .success-review-case .box-list .box {display: flex;gap: 24rem;align-items: center;padding: 24rem 40rem;border: 1rem solid var(--edm-color-border-blue);box-shadow: var(--edm-sd-blue-1);border-radius: var(--edm-radius3);isolation: isolate;} .success-review-case .box-list .box picture {flex-shrink: 0;display: block;line-height: 0;} .success-review-case .box-list .box img {display: block;width: 241rem;height: auto;object-fit: contain;} .success-review-case .box-list .box .txt-wrap .txt p{color: var(--edm-color-text-2); font: var(--edm-f-h5);letter-spacing: var(--edm-f-h5-ls);font-weight: 500;} .success-review-case .box-list .box .txt-wrap div p span{position: relative;padding-left: 10rem;} .success-review-case .box-list .box .txt-wrap div p span::before{content: "";width: 2rem;height: 18rem;background-color: var(--edm-color-border-neutral);position: absolute;left: 2rem;top: 3rem;} .success-review-case .box-list .box .txt-wrap {display: flex;gap: 24rem;flex-direction: column;width: calc(100% - 241rem - 24rem);} .success-review-case .box-list .box.badge-img {background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/university-abroad/guide/uk/course/passed-badge.webp");background-repeat: no-repeat;background-position: right 40rem top;background-size: 70rem auto;} .success-review-case .box-list .box .txt-wrap .tit-wrap {display: flex;gap: 2rem;flex-direction: column;} .success-review-case .box-list .box .txt-wrap .tit-wrap .tit {font: var(--edm-f-h3);letter-spacing: var(--edm-f-h3-ls);font-weight: 600;} .success-review-case .box-list .box .txt-wrap .tit-wrap .info{font: var(--edm-f-body2); font-weight: 400; line-height: 150%; letter-spacing: -0.01rem; color: var(--edm-color-text-3);} .success-review-case .box-list .box .txt-wrap .tit-wrap .tit-ko {color: var(--edm-color-text-2);} .success-review-case .box-list .box .txt-wrap .txt {display: flex;gap: 4rem;flex-wrap: wrap;} @media screen and (min-width: 992px) { .country-guide-swiper-type2 .cgs2-cardSlide {display: flex;width: auto;flex-shrink: 0;box-sizing: border-box;height: auto;} } @media screen and (max-width: 991px) { /* 소개 */ .intro .box { padding: 0; padding-top: 0; padding-bottom: 24rem; } .intro .box h2 { font-size: var(--f-fontSize03); line-height: 150%; letter-spacing: .1px; } .intro .box h2 strong { line-height: 150%; } .intro .box:after { width: 100.1rem; } .contents > article.role-diff{margin-top: 50rem;} .role-diff .listRole { gap: 50rem; margin-top: 24rem; } .role-diff .listRole .title { margin-bottom: 16rem; font-size: var(--f-fontSize05); } .role-diff .listRole .cols { grid-template-columns: 1fr; gap: 16rem; } .role-diff .listRole .box { padding: 16rem; border-radius: 12rem; } .role-diff .listRole .badge {font-size: var(--f-fontSize05); line-height: 32rem; letter-spacing: -0.01rem; margin-bottom: 16rem; padding: 0 12rem; } .role-diff .listRole .list .text{font-size: var(--f-body1); letter-spacing: -0.00938rem;} .program-detail.medical-abroad article.university { margin-top: 50rem; } .program-detail.medical-abroad article.university .md-tabs-simple > li > a { padding: 8rem 16rem; font-size: 15rem; } .program-detail.medical-abroad article.university .process li > div { min-width: 88rem; font-size: 14rem; padding: 12rem 8rem; } .program-detail.medical-abroad article.university .tbl-university tbody td:first-child { white-space: normal; } #programs-detail .contents .country-guide-swiper-type2-article {margin-top: 100rem;} .country-guide-swiper-type2 .cgs2-tablist {flex-wrap: nowrap;overflow-x: auto;justify-content: flex-start;gap: 6rem;padding-bottom: 4rem;margin-bottom: 20rem;-webkit-overflow-scrolling: touch;scrollbar-width: none;} .country-guide-swiper-type2 .cgs2-tablist::-webkit-scrollbar {display: none;} .country-guide-swiper-type2 .cgs2-tab {flex-shrink: 0;padding: 0 16rem;height: 34rem;line-height: 33rem;font-size: 14rem;} .country-guide-swiper-type2 .cgs2-shell {flex-direction: column;border-radius: 12rem;overflow: visible;} .country-guide-swiper-type2 .cgs2-aside {flex: none;max-width: none;width: 100%;min-height: 0;aspect-ratio: 328 / 100;border-radius: 12rem 12rem 0 0;overflow: hidden;} /* 카드 box-shadow(블러 10rem)가 상위 overflow:hidden에 잘리지 않도록 */ .country-guide-swiper-type2 .cgs2-cardSwiper.swiper, .country-guide-swiper-type2 .cgs2-cardSwiper .swiper-wrapper {overflow: visible;} .country-guide-swiper-type2 .cgs2-cardSlide.swiper-slide {overflow: visible;padding: 0;box-sizing: border-box;} .country-guide-swiper-type2 .cgs2-main {padding: 20rem 16rem 24rem;gap: 18rem; overflow: hidden;} .country-guide-swiper-type2 .cgs2-headTitle {font-size: var(--edm-f-h4, 18rem);} .country-guide-swiper-type2 .cgs2-infoRow {grid-template-columns: 1fr;} .country-guide-swiper-type2 .cgs2-card{padding: 16rem;} .country-guide-swiper-type2 .cgs2-cardHeader{margin-bottom: 12rem;} .country-guide-swiper-type2 .cgs2-cardNameEn{font-size: 15rem; line-height: 150%; letter-spacing: -0.00938rem; margin-bottom: 0;} .country-guide-swiper-type2 .cgs2-cardNameKo{font-size: 14rem; line-height: 150%; letter-spacing: -0.00875rem;} .country-guide-swiper-type2 .cgs2-cardTags{font-size: 14rem; letter-spacing: -0.00875rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap {padding: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item {gap: 12rem;flex-direction: column;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item + .txt-item {margin-top: 24rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item strong {width: 100%; font-size: 14rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item strong br {display: none;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list {width: 100%;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p span {padding-left: 7rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p:last-child span {margin-bottom: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box {display: grid;grid-template-columns: 22rem 1fr;column-gap: 12rem;row-gap: 12rem;align-items: center;padding: 16rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box + .step-box {margin-top: 12rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box::before {position: static;grid-column: 1;grid-row: 1;flex: none;width: 22rem;height: 22rem;min-height: 22rem;font-size: 12rem;letter-spacing: -0.12rem;transform: none;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box p {grid-column: 2;grid-row: 1;flex: none;width: auto;min-width: 0;margin: 0;padding-left: 0;align-self: center;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box p em {font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box > span {grid-column: 1 / -1;grid-row: 2;flex: none;width: 100%;margin: 0;padding-left: 0;font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);font-weight: 400;color: var(--edm-color-text-2);} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list .step-box > div {grid-column: 1 / -1;grid-row: 2;flex: none;width: 100%;padding-left: 0;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p.dotTxt{padding-left: 24rem;} .country-guide-swiper-type2 .cgs2-curriculum-compare.type2 ul li .txt-wrap .txt-item .txt-list p.dotTxt::before {top: 0;left: 10rem;} .country-guide-swiper-type2 .cgs2-cardNav {margin-bottom: 16rem;} .country-guide-swiper-type2 .cgs2-cardViewport {overflow: visible;padding-bottom: 34rem;} .country-guide-swiper-type2 .cgs2-cardViewport.cgs2-cardViewport--lock {padding-bottom: 40rem;} .country-guide-swiper-type2 .cgs2-cardViewport--lock .cgs2-cardFraction {visibility: visible;} .success-review-case .box-list {gap: 12rem;} .success-review-case .box-list .box {gap: 16rem;align-items: flex-start;flex-direction: column;padding: 16rem;} .success-review-case .box-list .box picture {width: auto;} .success-review-case .box-list .box img {width: auto;min-width: auto;height: 50rem;max-width: 100%;} .success-review-case .box-list .box img.img-mo {margin-left: 0;} .success-review-case .box-list .box .txt-wrap {gap: 12rem;width: 100%;} .success-review-case .box-list .box .txt-wrap .tit-wrap .tit {font: var(--edm-f-h4);letter-spacing: var(--edm-f-h4-ls);} .success-review-case .box-list .box .txt-wrap .tit-wrap .tit-ko {margin-top: 2rem;} .success-review-case .box-list .box .txt-wrap .info {font: var(--edm-f-body2);letter-spacing: var(--edm-f-body2-ls);font-weight: 400;} .success-review-case .box-list .box .txt-wrap .txt p {font: var(--edm-f-h5);letter-spacing: var(--edm-f-h5-ls);font-weight: 500;} .success-review-case .box-list .box.badge-img {background-position: right 16rem top;background-size: 54rem auto;} .success-review-case .box-list .box .txt-wrap div p span::before{height: 14.5rem;} } @media screen and (max-width: 768px) { .country-guide-swiper-type2 .cgs2-cardSlide {width: 100%;} .country-guide-swiper-type2 .cgs2-cardNav .cgs2-cardPrev, .country-guide-swiper-type2 .cgs2-cardNav .cgs2-cardNext {display: none;} .country-guide-swiper-type2 .cgs2-cardNav {align-items: center;flex-direction: row;position: static;} .country-guide-swiper-type2 .cgs2-cardNavTitle {margin-bottom: 0;} .country-guide-swiper-type2 .cgs2-cardViewport {overflow: visible;padding-bottom: 40rem;position: relative;} .country-guide-swiper-type2 .cgs2-cardFraction {margin: 0;margin-right: 0;padding: 0 12rem;position: absolute;right: 0;bottom: 0;background-color: #c5c5c5;font: var(--edm-f-body1);letter-spacing: -1.7rem;font-weight: 400;border-radius: var(--edm-radiusFull);isolation: isolate;} .country-guide-swiper-type2 .cgs2-cardLogo{width: auto; height: 40rem;} }