/*******************************************************************************
                        main.css 수정
********************************************************************************/
.country-main * {
    box-sizing: border-box;
}
.country-main .sm-extra{margin: 2rem 0 5rem;}
@media screen and (max-width:768px) {
    .area-sm-content .sm-cont-title h2 {
        text-align: left;
        font-size: calc(1rem + 3vw);
    }
    .area-sm-content .sm-cont-title .add-text {
        text-align: left;
        padding: 0;
    }
    .submain-junior .area-sm-content .sm-cont-title h2 {text-align: center}
    .submain-junior .area-sm-content .sm-cont-title .add-text {text-align: center}
}

::-webkit-scrollbar {
    width: 5px;  /* 세로축 스크롤바 길이 */
    height: 5px;
}

::-webkit-scrollbar-button:start {
    display:none;
}
::-webkit-scrollbar-button:end {
    display:none;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #999999;
}
/*******************************************************************************
                        프로그램,학교 검색
********************************************************************************/
.country-main-program-search {
    transform: translateY(-50%);
    position: relative;
    z-index: 2;
}
.country-main-program-search-con-wrap {
    padding: 1rem;
    background: #fff;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    box-shadow: 0 .3rem 1rem #00000029;
    display: flex;
    justify-content: space-between;
}
.country-main-program-search-con {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 65%;
}
.country-main-program-search-con > label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.country-main-program-search-con > select {
    width: 48%;
    background-color: #EFF1F6 ;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border: none;
    font-size: .9rem;
    font-weight: 700;
    color: #333;
}

.country-main-program-search-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    text-align: center;
    background: #1EC95B;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    padding: .6rem 0;
}
.country-main-program-search-link > a {
    display: inline-block;
    padding: 0 1rem;
    font-size: .9rem;
}
.country-main-program-search-link > a:first-child {
    border-right: 1px solid #333;
}
.country-main-program-search-link > a > strong {color: #fff;text-decoration: underline;}
.country-main-program-search-link > a > strong > strong {
    margin-left: .5rem;
}
@media screen and (max-width:768px) {
    .country-main-program-search {
        transform: translateY(-20%);
    }
    .country-main-program-search-con-wrap {
        display: block;
    }
    .country-main-program-search-con {
        width: 100%;
        margin-bottom: 1rem;
    }
    .country-main-program-search-con > select {
        font-size:  calc(1rem + 0.85vw);
    }
    .country-main-program-search-link {
        width: 100%;
    }
    .country-main-program-search-link > a{
        width: 50%;
        font-size:  calc(1rem + 0.85vw);
    }
}

/*******************************************************************************
                                    합격현황
********************************************************************************/
.yt-sm-pass-list {
    padding: 3rem 0;
    background: rgb(255,255,255) linear-gradient(189deg, rgba(255,255,255,1) 30%, rgba(248,250,236,1) 30%);
}
#acceptanceTitle {
    opacity: 0;
    transform: translateY(100%);
    transition: all .8s;
}
#acceptanceTitle > strong {
    position: relative;
    z-index: 1;
}
#acceptanceTitle > strong::before {
    content: '';
    height: 50%;
    width: 0%;
    position: absolute;
    top: 50%;
    left: 0;
    background: #FFFFC5;
    z-index: -1;
    transition: width .8s;
}
#acceptanceTitle em{color: #f00;}
.acceptance-list-con {
    transform: translateY(60%);
    opacity: 0;
    transition: all .8s;
}
.yt-sm-pass-list-con {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 2rem;
    column-gap: 2rem;
    margin-bottom: 4rem;
}
.yt-sm-pass-list-con-col {
    position: relative;
}

.yt-sm-pass-list-con-col::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(20%,-60%);
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/country-main/acceptance-img-220608.svg");
    background-size: cover;
    width: 19.45rem;
    height: 27.25rem;
}
.yt-sm-pass-list-con-col::after {
     content: '';
     position: absolute;
     left: 200%;
     top: 0;
     transform: translate(0,-100%);
     background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/country-main/acceptance-img02-220608.svg");
     background-size: cover;
     width: 10.4rem;
     height: 8.4rem;
 }

.yt-sm-pass-list-con-col-box {
    padding: 2.5rem 0;
    text-align: center;
    background: #1EC95B linear-gradient(127deg, #03E892 0%, #1EC95B00 100%) 0 0 no-repeat padding-box;
    margin-bottom: .5rem;
}
.yt-sm-pass-list-con-col-box > span {
    font-size: .9rem;
}
.yt-sm-pass-list-con-col-box > strong {
    font-size: 3rem;
}
.yt-sm-pass-list-con-col-box > strong > strong {
    font-size: 3.5rem;
    color: #ffff;
}
.yt-sm-pass-list-con-col-link {
    background: #ffff;
    text-align: center;
    padding: .85rem 0;
    width: 100%;
    border: 1px solid #1ec95b;
    font-size: .9rem;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yt-sm-pass-list-con-col-link > strong {
    color: #1ec95b;
}
.yt-sm-pass-list-con-col-link > span {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
}

.yt-sm-pass-list .passs-list-wrap > a {
    color: #666;
    font-size: .7rem;
    display: inline-block;
    padding: .5rem 0;
    position: relative;
}
.yt-sm-pass-list .passs-list-wrap > a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%) rotate(-90deg);
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;
    background-size: 14rem;
}
.yt-sm-pass-list .bx-viewport {
    height: 240px !important;
}
.yt-sm-pass-list .passs-list-slider > li {
    margin: 0 0 .65rem !important;
    padding-left: 1.5rem;
    position: relative;
}
.yt-sm-pass-list .passs-list-slider > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1rem;
    width: 1rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/ukmain/sm-pass-list-icon01.png");
    background-size: cover;
}
.yt-sm-pass-list .passs-list-slider > li > div {
    display: flex;
}
.yt-sm-pass-list .passs-list-slider > li span {
    display: inline-block;
    font-size: .9rem;
}
.yt-sm-pass-list .passs-list-slider > li span.name {
    margin-right: 2%;
    width: 10%;
}
.yt-sm-pass-list .passs-list-slider > li span.school {
    width: 70%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    height: 1.2em;
}

.yt-sm-pass-list-con2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 2rem;
    column-gap: 2rem;
}
.acceptance-list-row-con .list-row {
    padding: 2.5rem 1.5rem;
    background: #000;
    box-shadow: 0 .15rem .3rem #00000029;
    border-radius: .25rem;
    opacity: 0;
    transform: translateY(50%);
    transition: all .8s;
}
.acceptance-list-row-con .list-row:nth-child(2n){
    opacity: 0;
    transform: translateY(50%);
    transition: all .8s;
}
.list-row:nth-child(1){
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/country-main/acceptance-bottom-img01-220608.jpg")no-repeat center bottom;
    background-size: cover;
}
.list-row:nth-child(2){
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/country-main/acceptance-bottom-img02-220608.jpg")no-repeat center bottom;
    background-size: cover;
}
.list-row:nth-child(3){
    background: #fff url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/country-main/acceptance-bottom-img03-220608.jpg") no-repeat center bottom;
    background-size: contain;
}
.list-row:nth-child(4){
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/country-main/acceptance-bottom-img04-220608.jpg")no-repeat;
    background-size: cover;
}
.list-row > p {
    margin-bottom: 9rem;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
}
.list-row > p > strong {
    background: #1EC95B;
}
.list-row.yt-sm-pass-list-row2 > p {
    color: #333;
}
.list-row.yt-sm-pass-list-row2 > p > strong {
    background: none;
    color: #1EC95B;
}

@media screen and (max-width:1200px) {
    .yt-sm-pass-list-con-col::before {
        transform: translate(60%,-20%);
        width: 12.5rem;
        height: 17.5rem;
        top: auto;
        bottom: 0;
    }
    .yt-sm-pass-list-con-col::after {
        left: auto;
        right: 0;
        width: 6rem;
        height: 5rem;
        transform: translate(0,-120%);
    }
}
@media screen and (max-width:1080px) {
    .yt-sm-pass-list {
        padding: 2rem 0;
    }
    .area-sm-content .flex-wrap .sm-cont-title {
        position: relative;
        z-index: 10;
    }
    #acceptanceTitle {
        text-align: center;
    }
    .yt-sm-pass-list-con {
        display: block;
    }
    .yt-sm-pass-list-con-col {
        margin-bottom: 2rem;
        padding: 0 2rem;
    }
}
@media screen and (max-width:768px) {
    #acceptanceTitle {
        background: #fff;
    }
    .yt-sm-pass-list {
        background: rgb(255,255,255) linear-gradient(189deg, rgba(255,255,255,1) 20%, rgba(248,250,236,1) 20%);
    }
    .yt-sm-pass-list-con-col::after {
        transform: translate(0,0);
    }
    .acceptance-list-con {
        transform: translateY(30%);
    }
    .yt-sm-pass-list-con2 {
        grid-template-columns: repeat(1,1fr);
    }
    .yt-sm-pass-list .passs-list-wrap > a {
        display: none;
    }
    .yt-sm-pass-list .bx-viewport {
        height: 13rem !important;
    }
    .yt-sm-pass-list .passs-list-slider > li span {
        font-size: 1.08rem;
    }
}
/*******************************************************************************
                                영국유학 정보
********************************************************************************/
.uhak-information {
    padding: 5rem 0;
    background: #EFF1F6;
}
.uhak-information-con {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 1rem;
    column-gap: 1rem;
}
.uhak-information-con-col {
    box-shadow: 0 .15rem .3rem #00000029;
    margin: 0 !important;
    padding: 1rem;
    background: #ffff;
    transition: all .4s;
}
.uhak-information-con-col:nth-child(n+9){
        display: none;
}
.uhak-information-con-col:hover {
    transform: scale(1.2);
    box-shadow: 0 0 1rem #00000080;
    transition: all .4s;
}
.uhak-information-con-col > a {
    display: flex !important;
}
.uhak-information-con-col > a::after {
    display: none !important;
}
.uhak-information-con-col > a > span {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    margin-right: 4%;
}
.uhak-information-con-col > a > dl {
    width: 75%;
    position: relative;
}
.uhak-information-con-col > a > dl > dt {
    font-size: .9rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    width:100%;
    height: 2.4rem;
    line-height: 1.2rem;
    overflow:hidden;
    text-overflow:ellipsis;
}
.uhak-information-con-col > a > dl > dd {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #666;
    font-size: .7rem;
}
@media screen and (max-width:768px) {
    .uhak-information-con {
        grid-template-columns: repeat(1,1fr);
    }
    .uhak-information-con-col:hover {
        transform: scale(1);
    }
    .uhak-information-con-col:nth-child(n+6) {
        display: none;
    }
    .uhak-information-con-col > a > dl > dt {
        font-size: calc(1rem + .3vw);
    }
    .uhak-information-con-col > a > dl > dd {
        font-size: calc(1rem + .3vw);
    }
}
/*******************************************************************************
                            영국 현지 인터뷰
********************************************************************************/
.country-main-interview {
    padding: 5rem 0;
    background: linear-gradient(to bottom, #00000000 50%, #EFF1F6 50%);
}
.country-main-interview-con {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 1rem;
    row-gap: 3rem;
}
.country-main-interview-con-col {
    width: 100%;
}
.country-main-interview-con-col > h3 {
    position: relative;
    font-size: 1.1rem;
    margin-bottom: 1.55rem  ;
}
.country-main-interview-con-col > h3 > a {
    font-size: .8rem;
    font-weight: 400;
}
.country-main-interview-con-col-video {
    height: 14.9rem;
    width: 100%;
}
.country-main-interview-con-col-video > iframe {
    border: none;
}
.country-main-interview-con-col-list {
    background: #fff;
    padding: 2rem 1rem;
    box-sizing: border-box;
}
.country-main-interview-con-col-list > ul {
    height: 10rem;
    overflow-y: auto;
}
.country-main-interview-con-col-list > ul > li {
    display: flex;
    cursor: pointer;
    margin-bottom: .5rem;
}
.country-main-interview-con-col-list > ul > li::after {
    display: none;
}
.country-main-interview-con-col-list > ul > li > span {
    display: inline-block;
    width: 6.55rem;
    height: 3.7rem;
    margin-right: 2%;
}
.country-main-interview-con-col-list > ul > li > p {
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    height: 2.4em;
}
@media screen and (max-width:768px) {
    .country-main-interview {
        background: linear-gradient(to bottom, #00000000 25%, #EFF1F6 25%);
    }
    .country-main-interview-con {
        display: block;
    }
    .country-main-interview-con-col-video {
        width: 88.8889vw;
        height: 54.7222vw;
    }
    .country-main-interview-con-col:first-child{
        margin-bottom: 2rem ;
    }
    .country-main-interview-con-col > h3 {
        font-size: calc(1rem + 0.85vw);
    }
}
/*******************************************************************************
                            전공별 추천학교
********************************************************************************/
.yt-recommended-school {
    padding: 5rem 0;
}
.yt-recommended-school-con {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    row-gap: 1rem;
    column-gap: 1rem;
}
.yt-recommended-school-col .yt-recommended-school-col-icon {
    height: 6rem;
    width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 .15rem .3rem #00000029;
    margin-bottom: 1rem;
}
.yt-recommended-school-col .yt-recommended-school-col-icon svg {
    width: 2rem;
    fill: #333;
    transition: fill .3s;
}

.yt-recommended-school-col:hover .yt-recommended-school-col-icon svg {
    fill: #1EC95B;
    transition: fill .3s;
}
.yt-recommended-school-col > p {
    font-size: .9rem;
    text-align: center;
}
@media screen and (max-width:1200px) {
    .yt-recommended-school {
        padding: 5rem 1.5rem;
    }
    .yt-recommended-school-con {
        width: 100%;
    }
    .yt-recommended-school-col .yt-recommended-school-col-icon {
        width: 100%;
    }
}
@media screen and (max-width:768px) {
    .yt-recommended-school-con {
        grid-template-columns: repeat(4,1fr);
    }
    .yt-recommended-school-col > p {
        font-size: calc(1rem + .1vw);
    }
}
/*******************************************************************************
                                    Q&A
********************************************************************************/
.yt-sm-extra .area-board-attr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.yt-sm-extra .area-board-attr::after {
    display: none;
}
.yt-sm-extra .area-board-list {
    width: 70% !important;
}
.yt-sm-extra .area-board-list > ul {
    border-top: 1px solid #C5C5C5;
}
.yt-sm-extra .area-board-list > ul > li {
    border-bottom: 1px solid #C5C5C5;
    margin: 0;
    padding: .6rem 0;
}
.yt-sm-extra .area-board-list > ul > li > a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 3rem;
    box-sizing: border-box;
}
.yt-sm-extra .area-board-list > ul > li > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.9rem;
    background:url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/faq_img_220526.png') no-repeat;
    background-size: cover;
}
.yt-sm-extra .area-board-list > ul > li > a::after {
    display: none;
}
.yt-sm-extra .area-board-list > ul > li > a > span:first-child {
    max-width: 50%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yt-sm-extra .area-board-list > ul > li > a > span:last-child .q-process {
    font-size: .8rem;
    color: #666666;
    padding: .35rem 1rem;
    background: #EFF1F6;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    border-radius: .15rem;
    margin-left: .5rem;
}
.yt-sm-extra .area-board-list > ul > li > a > span:last-child .user-name {
    margin-right: .4rem;
}
.yt-sm-extra .area-board-list > ul > li > a > span:last-child .q-process.complete {
    background: #333333;
    color: #FFFFFF;
}
.yt-sm-extra .sm-cont-title {
    width: 30% !important;
    max-width: 100%;
    margin: 0;
}
.yt-sm-extra .sm-cont-title > h2 {
    margin-bottom: 2.6rem;
}
.area-sm-content .yt-sm-extra .yt-sm-cont-title > a {
    position: static;
    padding: .35rem 3.1rem;
    background: #1EC95B;
    color: #fff;
    font-size: .8rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    border-radius: .15rem;
}
.yt-sm-extra .area-board-list > div {
    position: relative;
    margin-bottom: 1rem;
}
@media screen and (max-width:1200px) {
    .question {
        padding: 0 1.5rem;
    }
}
@media screen and (max-width:768px) {
    .question.yt-sm-extra .area-board-attr {
        position: relative;
    }
    .yt-sm-extra .area-board-attr {
        display: block;
    }
    .yt-sm-extra .sm-cont-title {
        width: 100% !important;
    }
    .yt-sm-extra .area-board-list {
        width: 100% !important;
    }
    .yt-sm-extra .area-board-list > div {
        height: 2rem;
        transform: translateY(-100%);
        margin-bottom: 0;
    }
    .yt-sm-extra .sm-cont-title > h2 {
        margin-bottom: 0;
    }
    .yt-sm-extra .sm-cont-title > h2 br {
        display: none;
    }
    .question .sm-cont-title.yt-sm-cont-title {
        position: static !important;
    }
    .area-sm-content .yt-sm-extra .yt-sm-cont-title > a {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 1rem;
        text-align: center;
        font-size: calc(1rem + .3vw);
    }
    .yt-sm-extra .area-board-list > ul > li > a {
        padding: 0;
    }
    .yt-sm-extra .area-board-list > ul > li > a::before {
        display: none;
    }
    .yt-sm-extra .area-board-list > ul > li > a .date {
        display: none;
    }
    .question > .flex-wrap {
        width: 100%;
    }
}
/*******************************************************************************
                               합격 인터뷰
********************************************************************************/
.country-main-review {
    padding: 5rem 0;
}
.country-main-review .review-slider {margin-top:4rem;}
.country-main-review .review-slider li .hash {font-size:.7rem;color:#666;font-weight:300;}
.country-main-review .review-slider .review-video {position:relative;}
.country-main-review .review-slider .slider-wrap {overflow:auto;margin-bottom:.5rem;}
.country-main-review .review-slider .area-slider:last-child {padding-right:0;}
.country-main-review .swiper-slide.area-slider {width:30%;border:1px solid #c5c5c5;box-sizing:border-box;margin-right: 5%;
    height: 15rem;}
.country-main-review .swiper-slide.area-slider:last-child {
    margin-right: 0;
}
.country-main-review .review-slider .slider-item .thumb {position:relative;height: 9rem;overflow:hidden;}
.country-main-review .review-slider .slider-item .thumb.video-wrap {
    padding: 0;}
.country-main-review .review-slider .slider-item .thumb img {position:absolute;top:0;left:0;width:100%;padding: 0;}
.country-main-review .review-slider .slider-item .thumb iframe {position:absolute;top:0;left:0;width:100%;height: 9rem;}
.country-main-review .review-slider .slider-item .hash {margin:1rem 1rem 0;font-size:.7rem;color:#666;font-weight:300;}
.country-main-review .review-slider .slider-item .subject {height:2rem;margin:1rem;font-size:.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1rem;}
.country-main-review .review-slider .bx-controls .bx-prev {left:-1rem;}
.country-main-review .review-slider .bx-controls .bx-next {right:-1rem;}
.country-main-review .review-list {margin:4rem 0;}

.country-main-review .area-banner-basic {margin-top:3.5rem;background:#f6f6f6;}

.country-main-review .fix-wrap {position:relative;}
.country-main-review .area-board-search {position:static;width:90%;margin:1.5rem auto 0;}
.country-main-review .area-board-search .review-all-num {text-align:left;}

.country-main-review .review-board-wrap .area-board-dual {margin-top:2rem;}
.country-main-review .review-board-wrap .area-board-dual .subject .country {margin-right:.2rem;color:#1ec95b;}

.country-main-review .review-thanks-edm {margin:4rem auto;}
.country-main-review .review-thanks-edm .sm-cont-title {border-bottom:1px solid #333;}
.country-main-review .review-thanks-edm .sm-cont-title .review-all-num {padding:1rem 0;text-align:left;font-size:.9rem;}

@media screen and (max-width: 1080px) {
    .country-main-review {
        padding: 5rem 1.5rem;
    }
    .country-main-review .review-slider .slider-wrap {padding:0 1.4rem;}
    .country-main-review .review-slider .area-slider {min-width:20rem;}
    .country-main-review .review-slider .bx-controls {display:none;}
    .country-main-review .area-board-search .review-all-num {font-size:1.16rem;}
    .country-main-review .review-slider .slider-item .hash {font-size:1.08rem;}
    .country-main-review .review-slider .slider-item .subject {height:3rem;font-size:1.16rem;line-height:1.5rem;}
    .country-main-review .review-slider .slider-item .thumb {
        height: 11.2rem;
    }
    .country-main-review .swiper-slide.area-slider {
        height: 21rem;
    }
}
@media screen and (min-width:768px) {
    .country-main-review .review-tabs li {width:20%;}
    .country-main-review .review-slider li {margin:0 1.5rem .5rem 0;}
    .country-main-review .review-board-wrap .area-board-search .review-all-num {position:absolute;bottom:0;right:1rem;}
}
@media screen and (min-width:1100px) {
    .country-main-review .review-tabs .md-tabs-basic {padding:0;}
    .country-main-review .review-board-wrap .md-tabs-basic {padding:0;text-align:center;}
    .country-main-review .review-board-wrap .md-tabs-basic li {width:calc((100% + 8px) / 8);}
    .country-main-review .review-board-wrap .area-board-search .review-all-num {right:0;}
}

@media screen and (max-width:767px) {
    .country-main-review .review-tabs {margin-top:3rem;}
    .country-main-review .review-thanks-edm {margin-top:2rem;}
}

/*******************************************************************************
                                애니메이션
********************************************************************************/
#acceptanceTitle.active {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s;
}
#acceptanceTitle.active > strong::before {
    width: 100%;
    transition: width .8s;
    transition-delay: .8s ;
}
.acceptance-list-con.active {
    transform: translateY(0);
    opacity: 1;
    transition: all .8s;
}
.acceptance-list-row-con.active .list-row {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s;
}
.acceptance-list-row-con.active .list-row:nth-child(2n) {
    opacity: 1;
    transform: translateY(-10%);
    transition: all .8s;
}
.acceptance-list-row-con.active .list-row:nth-child(2) {
    transition-delay: 0s ;
}
.acceptance-list-row-con.active .list-row:nth-child(1) {
    transition-delay: .4s ;
}
.acceptance-list-row-con.active .list-row:nth-child(4) {
    transition-delay: .8s ;
}
.acceptance-list-row-con.active .list-row:nth-child(3) {
    transition-delay: 1.2s ;
}
@media screen and (max-width:768px) {
    .acceptance-list-row-con.active .list-row:nth-child(2n) {
        transform: translateY(0);
    }
    .acceptance-list-row-con.active .list-row:nth-child(1) {
        transition-delay: 0s ;
    }
    .acceptance-list-row-con.active .list-row:nth-child(2) {
        transition-delay: .4s ;
    }
    .acceptance-list-row-con.active .list-row:nth-child(3) {
        transition-delay: .8s ;
    }
    .acceptance-list-row-con.active .list-row:nth-child(4) {
        transition-delay: 1.2s ;
    }
}