.notice-list li {
    border-bottom: 2px solid #f7f7f7;
}

.notice-list li a {
    display: block;
    padding: 2rem;
}

.notice-list li .tit {
    font-size: 1.6rem;
    font-weight: 400;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.notice-list li .tit.down {
    padding-right: 16px;
    background: url("../../images/www/content/icon_download.svg") no-repeat top right;
}

.notice-list li .tit .new {
    font-size: 1rem;
    color: #fff;
    background: #088767;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: top;    
}

.notice-list li .date {
    font-size: 1.4rem;
    color: #5d636a;
}

#community #more_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.notice-view {
    padding-bottom: 20px;
}

.notice-view .notice-top {
    padding: 2rem;
}

.notice-view .notice-top .tit {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 24px;
}

.notice-view .notice-top .tit .new {
    font-size: 1rem;
    color: #fff;
    background: #088767;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: 2px;
}

.notice-view .notice-top .date {
    font-size: 14px;
    color: #5d636a;
}

.notice-view .notice-content {
    padding: 2rem 2rem 4rem;
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
    line-height: 1.5;
    margin-bottom: 50px;
}

.notice-view .notice-content .view-down {
    margin-bottom: 20px;
}

.notice-view .notice-content .view-down a {
    color: #767676;
}

.notice-view .notice-content .view-down a::before {
    content:"첨부파일";
    color: #088767;
    margin-right: 5px;
}

.notice-view .notice-content .view-down a img {
    vertical-align: middle;
    margin-left: 5px;
}

.notice-view .btn-view {
    width: 100%;
    height: 48px;
    border: 1px solid #cdd1d6;
    border-radius: 5px;
    color: #767676;
    font-size: 1.6rem;
}

.review-list {
    background: #f7f7f7;
    padding: 10px 0 50px;
}

.review-list .sch-area {
    display: flex;
}

.review-list .sch-area .search-close {
    width: 45px;
    height: 45px;
    text-align: right;
    font-size: 1.6rem;
}

.review-list .search-btn {
    width: calc(100% - 45px);
    background: #fff;
    padding-right: 45px;
    position: relative;
    margin-bottom: 17px;
}

.review-list .search-btn input {
    width: 100%;
    height: 100%;
    border:0;
}

.review-list .search-btn .search-submit {
    width: 45px;
    height: 43px;
    background: url("../../images/www/common/icon_search.svg") no-repeat center #fff;
    position: absolute;
    right: 0;
    top: 0;
}

.review-list .item {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    color: #222;
}

.review-list .item:not(:last-child) {
    margin-bottom: 20px;
}

.review-list .item a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 26px 20px;
}

.review-list .item .review-top {
    display:flex;
    justify-content: space-between;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 26px;
    margin-bottom: 16px;
}

.review-list .item .text {
    width: 65%;
}

.review-list .item .text .title {
    font-size: 1.6rem;
    font-weight: bold;
    padding-right: 10px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.review-list .item .review-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.review-list .item .text .info {
    color: #5d636a;
}

.review-list .item .profile {
    width: 35%;
    border-radius: 50%;
    overflow:hidden;
}

.review-list .item .profile img {
    width: 100%;
}

.review-list .item .review-content {
    line-height: 24px;
}

.review-list .item .more {
    font-size: 1.2rem;
    color: #767676;
    text-align: right;
    margin-top: 15px;
}

.review-view .review-top {
    padding: 2rem;
}

.review-view .review-top .tit {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 24px;
}

.review-view .review-top .tit .new {
    font-size: 1rem;
    color: #fff;
    background: #088767;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    margin-left: 6px;
    vertical-align: 2px;
}

.review-view .review-top .name {
    font-size: 14px;
    color: #5d636a;
}

.review-view .review-content {
    padding: 2rem 2rem 4rem;
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
    line-height: 1.5;
    margin-bottom: 50px;
}

.review-view .review-content .student {
    width: 76.1%;
    margin: 0 auto 50px;
    position: relative;
}

.review-view .review-content .student .student-profile {
    border-radius: 50%;
    overflow: hidden;
}

.review-view .review-content .student .bg {
    position: absolute;
    width: 120%;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.review-view .review-content .student img {
    width: 100%;
}

.review-view .category-box {
    text-align: center;
    margin-bottom: 47px;
}

.review-view .category-wrap {
    display: inline-block;
    position: relative;
    z-index: 1;
}
  
.review-view .category {
    display: block;
    padding: 8px 30px;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #fff;
}
  
.review-view .category-bg {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #d9dfff;
    border: 1px solid #000;
    border-radius: 4px;
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: -1;
}

.review-view .review-content .view-down {
    margin-bottom: 20px;
}

.review-view .review-content .view-down a {
    color: #767676;
}

.review-view .review-content .view-down a::before {
    content:"첨부파일";
    color: #088767;
    margin-right: 5px;
}

.review-view .review-content .view-down a img {
    vertical-align: middle;
    margin-left: 5px;
}

.review-view .btn-view {
    width: 100%;
    height: 48px;
    border: 1px solid #cdd1d6;
    border-radius: 5px;
    color: #767676;
    font-size: 1.6rem;
}

.voucher .top-visual {
    background: #eefffd;
    padding: 69px 0 35px;
    text-align: center;
}

.voucher .top-visual .voucher-logo {
    width: 83.2%;
    max-width: 450px;
    display: block;
    margin: 0 auto;
}

.voucher .top-visual .title-desc {
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 1.8rem;
    padding: 5px 30px;
    margin-top: 20px;
}

.voucher .top-visual .title-desc strong {
    color: #41e4f8;
}

.voucher .top-visual .voucher-card {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 40px auto 0;
}

.voucher .discount-bn {
    background: #ffe13f;
    padding: 30px 0;
    text-align: center;
}

.voucher .discount-btn {
    font-size: 1.6rem;
    font-weight: bold;
    background: #fff;
    border-radius: 30px;
    padding: 10px 55px;
    margin-top: 10px;
    display: inline-block;
}

.voucher .discount-btn .arrow-icon {
    position: relative;
    width: 6px;
    height: 12px;
    display: inline-block;
    left: 5px;
}

.voucher .discount-btn .arrow-icon::before {
    content: "";
    width: 8px;
    height: 2px;
    background: #222;
    transform: rotate(45deg);
    position: absolute;
    top: 3px;
    left: 0;
}

.voucher .discount-btn .arrow-icon::after {
    content: "";
    width: 8px;
    height: 2px;
    background: #222;
    transform: rotate(-45deg);
    position: absolute;
    top: 7px;
    left: 0;
}

.voucher .explanation {
    background: url("../../images/www/content/explanation_bg.png") no-repeat;
    background-size: 100%;
    padding: 60px 0 110px;
    text-align: center;
}

.voucher .explanation .title {
    font-size: 2.2rem;
    color: #009ea2;
    font-weight: bold;
    margin-bottom: 20px;
}

.voucher .explanation .desc {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 35px;
}

.voucher .explanation .course-list {
    margin-top: 53px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px;
}

.voucher .explanation .course-list::-webkit-scrollbar {
    display: none;
}

.voucher .explanation .course-list a {
    width: 190px;
    height: 248px;
    position: relative;
}

.voucher .explanation .course-list a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.72;
    background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
    z-index: 0;
}

.voucher .explanation .course-list .course-txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding:34px 0;
}

.voucher .explanation .course-list .subject {
    font-size: 2rem;
    font-weight: bold;
}

.voucher .explanation .course-list .subject::after {
    content: "";
    width: 14px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 8px auto 8px;
}

.voucher .explanation .course-list .txt {
    font-size: 1.4rem;
    line-height: 1.4;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.voucher .explanation .course-list .more::before {
    content:"";
    width: 65px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 39px;
    left: 50%;
    transform: translateX(-50%);
}

.voucher .explanation .course-list .more::after {
    content: "";
    width: 20px;
    height: 1px;
    background: #fff;
    transform: rotate(30deg);
    position: absolute;
    left: 109px;
    bottom: 44px;
}

.voucher .method {
    background: #01b1b6;
    padding: 80px 0;
}

.voucher .method .title {
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 35px;
}

.voucher .method .method-list {
    margin-bottom: 35px;
}

.voucher .method .method-list .item {
    padding: 30px 30px 37px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 30px center;
    border-radius: 14px;
    line-height: 1.3;
}

.voucher .method .method-list .item:not(:last-child) {
    margin-bottom: 15px;
}

.voucher .method .method-list .item:nth-child(1) {
    background-image: url("../../images/www/content/voucher_img01.png");
    background-size: 71px;
}

.voucher .method .method-list .item:nth-child(2) {
    background-image: url("../../images/www/content/voucher_img02.png");
    background-size: 71px;
}

.voucher .method .method-list .item:nth-child(3) {
    background-image: url("../../images/www/content/voucher_img03.png");
    background-size: 75px;
}

.voucher .method .method-list .item .step {
    background: #beeaeb;
    border: 1px solid #09bab5;
    color: #009a9e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 10px;
}

.voucher .method .method-desc {
    color: #fff;
}

.voucher .method .method-desc .top {
    position: relative;
}

.voucher .method .method-desc .top .control {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("../../images/www/content/desc_control.svg") no-repeat;
    right: 0;
    top: -5px;
    transform: rotate(180deg);
}

.voucher .method .method-desc .top .control::after {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.voucher .method .method-desc .top .control.open {
    transform: rotate(0);
}

.voucher .method .method-desc .desc-list {
    display: none;
}

.voucher .method .method-desc .desc-list li {
    font-size: 1.4rem;
    line-height: 20px;
}

.voucher .method .method-desc .desc-list li:not(:last-child) {
    margin-bottom: 10px;
}

.voucher .qualification {
    padding: 80px 0;
    background: #e4f4f5;
    text-align: center;
}

.voucher .qualification .title {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.voucher .qualification table tr td {
    background: #fff;
    padding: 10px;
    text-align: left;
}

.voucher .qualification .caption {
    text-align: left;
    font-size: 1.4rem;
    line-height: 18px;
    color: #999;
}

.voucher .qualification .caption p:not(:last-child) {
    margin-bottom: 10px;
}

.voucher .qualification .apply-title {
    margin-top: 85px;
}

.voucher .qualification .flow-list .item {
    background: #fff;
    padding: 33px 15px;
    border-radius: 14px;
}

.voucher .versus-con {background:#ffe13f; padding: 80px 0;}
.voucher .versus-con h4 {font-size: 22px;text-align: center;font-weight: bold;margin-bottom: 15px;}
.voucher .versus-con .title-txt span {display: block;}
.voucher .versus-con .title-txt span::before {content:""; display: inline-block; margin-right:1.5%; width:2.7vw; height:4vw; transform: translateY(19%); background:url("https://img.hunet.co.kr/mobile/edubank/v2/content/v4/check.png") no-repeat center; background-size: contain;}

.voucher .versus-con .versus {margin-top:9%;}
.voucher .versus-con .versus>div {float:left; background:#fff; border-radius: 20px; padding:5% 6% 0;}
.voucher .versus-con .versus ul li {padding:20px 0; line-height:1.2; font-size:20px;border-bottom:1px solid #eaecef;text-align: center;}
.voucher .versus-con .versus ul li:last-child {border:none;}
.voucher .versus-con .versus .first {width:22%; padding:0; margin-top: 10px;; text-align: left; background:none; border-radius: none;}
.voucher .versus-con .versus .first ul li {border-bottom:none; font-size:16px;text-align: left;font-weight: bold;}
.voucher .versus-con .versus .first ul li:first-child {padding:55px 0;}
.voucher .versus-con .versus .first ul li:last-child {padding:50px 0;}
.voucher .versus-con .versus .first ul li:nth-child(2) {padding:20px 0;}
.voucher .versus-con .versus .after {width:78%; padding-bottom:3%; box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.2); position:relative; z-index:2;}
.voucher .versus-con .versus .before ul li .font12,
.voucher .versus-con .versus .after ul li .font12 {display:inline-block; line-height:4.8vw; margin-top:1%; font-weight:500;}
.voucher .versus-con .btm-txt {text-align:right; margin:15px 0 40px;}
.voucher .versus-con .support-info li {text-align: left; padding-left:7px; margin-bottom:10px; word-break: keep-all; position: relative;line-height: 1.4;}
.voucher .versus-con .support-info li::before {content:"-"; display:block; position: absolute; left:0; top:0;}
.voucher .versus-con .support-info li:last-child {margin-bottom:0;}

.voucher .btn-box {
    margin-top: 20px;
}

.voucher .btn-box .voucher-btn {
    width: 100%;
    display: block;
    font-size: 1.8rem;
    line-height: 24px;
    font-weight: bold;
    padding: 14px 0;
    border-radius: 30px;
}

.voucher .btn-box .voucher-btn:not(:last-child) {
    margin-bottom: 10px;
}

.voucher .btn-box .voucher-btn.yellow {
    background: #ffe13f;
    color: #222;
}

.voucher .btn-box .voucher-btn.green {
    background: #01b1b6;
    color: #fff;
}

.voucher .apply {
    padding: 80px 0 40px;
}

.voucher .apply .title {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.voucher .apply .apply-list .item {
    border: 1px solid #cdd1d6;
    border-radius: 14px;
    padding: 30px 20px;
}

.voucher .apply .apply-list .item:not(:last-child) {
    margin-bottom: 15px;
}

.scholarship .top-visual {
    padding: 117px 0 110px;
    text-align: center;
    background: url("../../images/www/content/scholarship_top.jpg") no-repeat top/cover;
}

.scholarship .top-visual .title {
    max-width: 100%;
    margin-top: 20px;
}

.scholarship .top-visual .visual-slide {
    margin: 40px auto 45px;
    position: relative;
    padding: 0 10px;
}

.scholarship .top-visual .visual-slide .swiper-slide {
    width: 344px;
    height: 380px;
    position: relative;
    color: #fff;
    padding: 30px 20px;
    background: #000;
    border-radius: 20px 0 20px 0;
    transition: .3s;
    text-align: left;
}

.scholarship .top-visual .visual-slide .swiper-slide::before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-image: linear-gradient(144deg, #fddc9e 2%, #ba7dc0 96%);
    border-radius: 20px 0 20px 0;
    z-index: -1;
}

.scholarship .top-visual .visual-slide .swiper-slide .slide-txt {
    line-height: 1.4;
}

.scholarship .top-visual .visual-slide .swiper-slide .slide-image {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    border-radius: 0 0 20px 0;
    overflow: hidden;
}

.scholarship .top-visual .visual-slide .swiper-slide .slide-image img {
    max-width: 65%;
}

.scholarship .cont01 {
    background: url("../../images/www/content/scholarship_cont01_bg.png") no-repeat;
    background-position: top 45px center;
    background-size: contain;
    padding: 70px 0;
}

.scholarship .cont01 .swiper-slide {
    background: #fafafa;
    margin:20px auto 30px;
    text-align: center;
    position: relative;
}

/* .scholarship .cont01 .swiper-slide::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("../../images/www/content/icon_play.svg") no-repeat;
    top: 10px;
    right: 10px;
    z-index: 0;
} */

.scholarship .cont01 .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.scholarship .cont01 .swiper-slide a img {
    width: 100%;
}

.scholarship .cont01 .swiper-slide a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
}

.scholarship .cont01 .swiper-slide a::after {
    content: "";
    display: block;
    width: 34px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('../../images/www/subject/social/interview_play.png') no-repeat center/cover;
    transform: translate(-50%, -50%);
    transition: .3s;
}

/* .scholarship .cont01 .swiper-slide .thumb {
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    margin: 0 auto 17px;
} */

.scholarship .cont01 .swiper-slide .thumb-txt {
    line-height: 1.4;
}

.scholarship .cont01 .swiper-slide .thumb-txt .student {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 11px;
}

.scholarship .cont01 .swiper-slide .thumb-txt .tit {
    font-size: 1.4rem;
    color: #6a6a6a;
}

.scholarship .cont02 {
    background: #f2f4f6;
    padding: 70px 0;
}

.scholarship .cont02 .info-box {
    background: #fff;
    border-radius: 1.4rem;
    padding: 26px 27px 40px;
}

.scholarship .cont02 .info-box .image {
    text-align: center;
    margin-bottom: 25px;
}

.scholarship .cont02 .info-box .image img {
    max-width: 100%;
}

.scholarship .cont02 .info-list .item {
    line-height: 22px;
}

.scholarship .cont02 .info-list .item:not(:last-child) {
    margin-bottom: 21px;
}

.scholarship .cont02 .icon-list {
    max-width: 750px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 22px;
}

.scholarship .cont02 .info-desc p {
    line-height: 20px;
    padding-left: 15px;
    position: relative;
}

.scholarship .cont02 .info-desc p::before {
    content: "※";
    position: absolute;
    left: 0;
}

.scholarship .cont03 {
    padding: 20px 0 38px;
    text-align: center;
}

.scholarship .cont03 img {
    width: 100%;
    max-width: 294px;
}

.benefits-wrap .tab-content {
    padding: 3rem 0;
}

.benefits-wrap .tab-content .benefits-tit {
    font-size: 2rem;
    margin-bottom: 10px;
}

.benefits-wrap .tab-content .benefits-desc {
    margin-bottom: 20px;
}

.benefits-wrap .tab-content .benefits-desc li {
    display: flex;
    line-height: 1.8;
}

.benefits-wrap .tab-content .benefits-desc li .tit {
    width: 75px;
    font-weight: bold;
    font-size: 1.4rem;
}

.benefits-wrap .tab-content .benefits-desc li .tit::before {
    content: "∙";
    margin-right: 2px;
}

.benefits-wrap .tab-content .benefits-desc li .info {
    font-size: 1.4rem;
    flex: 1;
}

.benefits-wrap .tab-content .benefits-info p {
    position: relative;
    font-size: 1.2rem;
    padding-left: 14px;
    line-height: 1.6;
}

.benefits-wrap .tab-content .benefits-info p::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;    
}

.benefits-wrap .tab-content .benefits-info2 {
    padding-left: 8px;
}

.benefits-wrap .tab-content .benefits-info2 p {
    position: relative;
    padding-left: 8px;
    font-size: 14px;
    line-height: 1.6;
}

.benefits-wrap .tab-content .benefits-info2 p::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

.benefits-wrap .tab-content .mail-box {
    padding: 20px 80px 20px 20px;
    background: url('../../images/www/content/mail_icon.png') no-repeat top 15px right 15px #f8fafd;
    background-size: 15.2%;
    margin-top: 20px;
    line-height: 1.6;
}

.benefits-wrap .tab-content#tab3 .table-wrap {
    overflow-x: auto;
    margin-top: 28px;
}

.benefits-wrap .tab-content#tab3 table {
    width: 614px;
}

.benefits-wrap .tab-content#tab3 table tr td {
    text-align: left;
    padding: 10px;
}

.benefits-wrap .bridge-img {
    margin-top: 30px;
}

.benefits-wrap .bridge-img img {
    width: 100%;
}

.review {
    background-color: #050505;
}

.review .inner {
    padding: 70px 0 80px;
}

.review .review-title {
    margin-bottom: 30px;
    text-align: center;
}

.review .review-slide {
    overflow: unset;
}

.review .review-slide .swiper-slide {
    background: #fff;
    padding: 40px 26px 50px;
    border-radius: 8px;
    line-height: 1.6;
    position: relative;
    height: auto;
}

.review .review-slide.swiper-container-horizontal > .swiper-pagination-bullets, .review .review-slide.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -25px;
}

.review .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .6;
    transition: .3s;
    border-radius: 5px;
    margin: 0 2.5px;
}

.review .swiper-pagination-bullet-active {
    width: 28px;
    opacity: 1;
}

.review .swiper-slide .review-cnt {
    max-height: 250px;
    overflow-y: auto;
}

.review .swiper-slide .review-tags {
    margin-top: 20px;
}

.review .swiper-slide .review-tags span {
    font-size: 12px;
    color: #fff;
    background: #9296a5;
    border-radius: 16px;
    padding: 5px 12px;
    display: inline-block;
}

.review .swiper-slide .review-tags span:not(:last-child) {
    margin-right: 4px;
}

.review .swiper-slide .deco {
    position: absolute;
    right: 24px;
    bottom: 30px;
}

.review .swiper-slide .deco.deco01 {
    width: 74px;
}

.review .swiper-slide .deco.deco02 {
    width: 65px;
}

.review .swiper-slide .deco.deco03 {
    width: 65px;
}

.review .swiper-slide .deco.deco04 {
    width: 72px;
}

.review .swiper-slide .deco.deco05 {
    width: 70px;
}

.review .swiper-slide .deco.deco06 {
    width: 64px;
}

.reason {
    background-color: #fafafa;
}

.reason .inner {
    padding: 78px 0 90px;
}

.reason .reason-list {
    margin-top: 20px;
    padding: 0 20px;
}

.reason .reason-list li {
    padding: 32px 0 32px 171px;
    background-color: #fff;
    border-radius: 11px;
    position: relative;
    text-align: left;
    max-width: 335px;
    margin: 0 auto;
}

.reason .reason-list li:not(:last-of-type){
    margin-bottom: 15px;
}

.reason .reason-list li p {
    line-height: 1.5;
    letter-spacing: -.5px;
}

.reason .reason-list li .tt {
    position: absolute;
    bottom: 12px;
    left: 10px;
    font-size: 0.9rem;
    letter-spacing: -.3px;
}

.reason .reason-list li .title {
    margin-top: 3px;
}

.reason .reason-list li:nth-child(1) {
    background: #fff url('https://img.hunet.co.kr/event/2024/07/23_edubank/m/reason_img01.png') no-repeat left 37px top 14px;
}

.reason .reason-list li:nth-child(2) {
    background: #fff url('https://img.hunet.co.kr/event/2024/07/23_edubank/m/reason_img02.png') no-repeat left 15px top 24px;
}

.reason .reason-list li:nth-child(3) {
    background: #fff url('https://img.hunet.co.kr/event/2024/07/23_edubank/m/reason_img03.png') no-repeat left 20px top;
}

.reason .reason-list li:nth-child(4) {
    background: #fff url('https://img.hunet.co.kr/event/2024/07/23_edubank/m/reason_img04.png') no-repeat left 20px top 24px;
}

.reason .reason-list li:nth-child(5) {
    background: #fff url('https://img.hunet.co.kr/event/2024/07/23_edubank/m/reason_img05.png') no-repeat left 14px top 20px;
}

.reason .reason-list li:nth-child(6) {
    background: #fff url('https://img.hunet.co.kr/event/2024/07/23_edubank/m/reason_img06.png') no-repeat left 5px top 16px;
}

.reason .reason-slide {
    margin-top: 23px;

}

.reason .sub-list li {
    width: 121px;
    text-align: center;
    border-radius: 17px;
    overflow: hidden;
}

.reason .sub-list li a {
    display: block;
    padding: 23px 0;
}

.reason .sub-list li .title {
    margin-bottom: 10px;
}

.reason .sub-list li:nth-child(1) {
    border: 1px solid #0050ee;
}

.reason .sub-list li:nth-child(1) .title {
    color: #0050ee;
}

.reason .sub-list li:nth-child(2) {
    border: 1px solid #222;
}

.reason .sub-list li:nth-child(2) .title {
    color: #222;
}

.reason .sub-list li:nth-child(3) {
    border: 1px solid #de006c;
}

.reason .sub-list li:nth-child(3) .title {
    color: #de006c;
}


.reason .sub-list li:nth-child(4) {
    border: 1px solid #21c2a7;
}

.reason .sub-list li:nth-child(4) .title {
    color: #21c2a7;
}

.reason .sub-list li:nth-child(5) {
    border: 1px solid #01835e;
}

.reason .sub-list li:nth-child(5) .title {
    color: #01835e;
}