/* mobile first */

.bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/review_bg_mo.jpg');}

/* 공지사항 영역 */
.notice-wrap .title{font-size: 1.92rem; font-weight: bold; color: #000;}
.notice-wrap .sub{color: #333; font-size: 1.38rem; margin-top: 0.4rem;}

/* 공지사항 영역 :: 슬라이드 */
.notice-wrap .reviewSlideWrap{position: relative;}
.notice-wrap .reviewSlideWrap .swiper-arrow{display: none;}
.notice-wrap .reviewSlideWrap .slider-wrap{padding: 2rem 0 4.5rem;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item{border-radius: 12px; overflow: hidden; box-shadow: 0 0 16px rgba(0,0,0,0.18); position: relative; height: 61.5vw;  font-size: 1.15rem;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .wrap{width: 100%; height: 33vw; overflow: hidden;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .wrap > *{height: 100%; object-fit: cover; width: 100%;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .textBox{padding: 1.23rem 0.92rem 0; font-size: 1.15rem;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .editBtn{background-color: #787878; color: #fff; border-radius: 4px; padding: 0.2rem 0.5rem; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .notice-img-link{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .thumb{position: relative; padding-bottom: 56.25%;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .thumb *{width: 100%; height: 100%; object-fit: cover; position: absolute;}
.notice-wrap .reviewSlideWrap .slider-wrap .slider-item .subject{padding: 1.23rem 0.92rem 0;}

.listWrap.thumbnail > li .textWrap .preview {margin-top: 0.9rem;}

.swiper-controls-direction{max-width: initial;}


/* read page */
.bbs.read .school-view .school-info-list{padding-bottom: 0;}
.bbs.read .school-view .school-info-list > li.school-con{border: none; padding: 0;}
.bbs.read .school-view .school-info-list > li.school-con .school-info-list-logo > span{width: 100%; height: 100%; object-fit: cover; border: none;}

.bbs.read .school-review{margin-top: 2.3rem;}
.bbs.read .school-review::before{display: none;}
.bbs.read .relatedWrap{padding-right: 16px;}

.popup-title .heading-text:only-child{padding: 1rem 3rem 1rem 1rem;}


.review-slider{overflow:hidden}


@media screen and (min-width: 992px) {
    /* 게시글 :: 썸네일 */
    .listWrap.thumbnail{display: block;}
    .listWrap.thumbnail > li{width: 100%; height: 12rem;}
    .listWrap.thumbnail > li:nth-child(2n-1){margin-right: 0;}
    .listWrap.thumbnail > li + li{margin-top: 3rem;}
    .listWrap.thumbnail > li > a{display: flex;}
    .listWrap.thumbnail > li .imgWrap{height: 100%; width: 20rem;}
    .listWrap.thumbnail > li .textWrap{width: calc(100% - 20rem); padding-left: 1.05rem; font-size: 0.8rem;}
    .listWrap.thumbnail > li .textWrap .subjectWrap{display: flex; align-items: flex-start;}
    .listWrap.thumbnail > li .textWrap .country{font-size: 0.7rem; margin: 0;}
    .listWrap.thumbnail > li .textWrap .subject{font-size: 1.1rem; padding-left: 0.4rem; display: block; white-space: nowrap;}
    .listWrap.thumbnail > li .textWrap .name{font-size: 0.9rem; margin: 0.2rem 0 0;}
    .listWrap.thumbnail > li .textWrap .preview{line-clamp: 6; -webkit-line-clamp: 6; word-break: break-all; margin-top: 1.2rem;}
}

@media (min-width: 768px) {
    .max-width{padding-top: 4rem !important;}

    .bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/review_bg.jpg');}

    /* 공지사항 영역 */
    .notice-wrap{text-align: center; margin-top: 4rem;}
    .notice-wrap .slideArea{text-align: left; width: calc(100% + -4rem); margin: 0 auto;}

    /* 공지사항 영역 :: 슬라이드 */
    .notice-wrap .reviewSlideWrap{width: calc(100% + 4rem); margin-left: -2rem; overflow: hidden;}
    .notice-wrap .reviewSlideWrap .slider-wrap{width: 100%; margin-left: 0; padding: 3rem 0;}
    .notice-wrap .reviewSlideWrap .swiper-arrow{display: block;}
    .notice-wrap .reviewSlideWrap::before,
    .notice-wrap .reviewSlideWrap::after{content: ''; position: absolute; top: 0; height: 100%; width: 2rem; z-index: 3;}
    .notice-wrap .reviewSlideWrap::before{left: 0; background: linear-gradient(90deg, white 70%, transparent 100%);}
    .notice-wrap .reviewSlideWrap::after{right: 0; background: linear-gradient(90deg, transparent 0%, white 30%);}
    .notice-wrap .reviewSlideWrap .slider-wrap .slider-item{height: 16.3rem; font-size: 0.9rem;}
    .notice-wrap .reviewSlideWrap .slider-wrap .slider-item .wrap{height: 11.25rem;}
    .notice-wrap .reviewSlideWrap .slider-wrap .slider-item .textBox{padding: 1.2rem 1.2rem 0; font-size: 0.9rem;}
    .notice-wrap .reviewSlideWrap .slider-wrap .slider-item .editBtn{font-size: 0.8rem;}
    .notice-wrap .reviewSlideWrap .swiper-arrow .navi{z-index: 5;}
    .notice-wrap .reviewSlideWrap .swiper-arrow .navi-next{right: 0.75rem;}
    .notice-wrap .reviewSlideWrap .swiper-arrow .navi-prev{left: 0.75rem;}

    .notice-wrap .reviewSlideWrap .swiper-controls .swiper-button-prev{left: 1rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/navigation_prev_icon.svg');}
    .notice-wrap .reviewSlideWrap .swiper-controls .swiper-button-next{right: 1rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/navigation_next_icon.svg');}
    .swiper-controls.round-style .swiper-controls-direction div{background-color: initial; width: 2.5rem; height: 2.5rem; border: none;}
    .swiper-controls.round-style .swiper-controls-direction div::before{display: none;}
    .notice-wrap .reviewSlideWrap .slider-wrap .slider-item .subject{padding: 1.2rem 1.2rem 0;}

    .search-form .input-group{max-width: 50%; margin: 0 auto;}

    .value-tabs{margin-top: 3rem;}



    /* read page */
    .bbs.read .relatedWrap{padding-right: 0;}
    .school-view .school-info-list > li{margin-bottom: 2.9rem;}
    .bbs.read .school-view .school-info-list > li.university{font-size: 0.8rem;}
    .bbs.read .school-review{margin-top: 3rem;}
}

@media screen and (min-width: 768px) {
    /* read page */
    .bbs.read.review .titleWrap{flex-wrap: nowrap; }
    .bbs.read.review header .info{font-size: 0.9rem;}
    .bbs.read .titleWrap .country{margin-bottom: 0;}
}

.programs-sticky {position:fixed !important;top:0;left:50%;width:100%;transform:translateX(-50%);z-index:10;}

.area-programs-inquiry {position:relative;width:100%;background:rgba(51, 51, 51,0.8);z-index:10;}
.area-programs-inquiry.fixed {position:fixed;bottom:0;left:0;display:none}
.area-programs-inquiry .api-wrap { position:relative; max-width: 1248px; margin:0 auto; color:#fff; padding: 16px 10rem 16px 0; box-sizing: border-box;}
.area-programs-inquiry .api-wrap .pg-title {font-weight: 600; font-size: 1rem;}
.area-programs-inquiry .api-wrap .inquiry-button{font-size: 0.9rem; font-weight: 600; line-height: 28px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.area-programs-inquiry .api-wrap .inquiry-button .button{background-color: #1EC95B; border-radius: 4px; }
.area-programs-inquiry .api-wrap .inquiry-button .button + .button{margin-left: 16px;}
.area-programs-inquiry .api-wrap .inquiry-button .button.type2{background-color: #FC1D01; border-color: #FC1D01;}
.area-programs-inquiry .api-wrap .inquiry-button.multiple-types .button{width: 7.9rem;}

.area-programs-other {width:100%;max-width:54rem;margin:0 auto;}
.area-programs-other .program-slider {margin:4rem auto;}
.area-programs-other .program-slider .area-pg-list {overflow:hidden;}
.area-programs-other .program-slider .ps-title {margin-bottom:1rem;font-size:1.1rem;font-weight:400;position: relative;}
.area-programs-other .program-slider .yt-ps-title-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1rem;}
@media screen and (max-width: 1280px) {
    .area-programs-inquiry .api-wrap { padding: 16.5px 16px; }
    .area-programs-inquiry .api-wrap .inquiry-button{right: 16px;}
}
@media screen and (max-width:768px) {
    .area-programs-inquiry.fixed {display:block}
    .area-programs-inquiry .api-wrap { display: block; }
    .area-programs-inquiry .api-wrap .pg-title { font-size: 1.23rem; }
    .area-programs-inquiry .api-wrap .pg-title + p {display:none;}
    .area-programs-inquiry .api-wrap .inquiry-button { width: 100%; line-height: 22.5px; position: static; transform: none;}
    .area-programs-inquiry .api-wrap .inquiry-button.multiple-types{display: flex;}
    .area-programs-inquiry .api-wrap .inquiry-button.multiple-types .button{ width: calc(100% - 4px);}
    .area-programs-inquiry .api-wrap .inquiry-button.multiple-types .button + .button{margin-left: 8px;}
    .area-programs-inquiry .api-wrap .inquiry-button .button { width: 100%; font-size: 1.153rem; padding: 0; height: 3rem; line-height:2.7rem }
    .area-programs-inquiry .api-wrap .inquiry-button .button + .button{margin-left: 0; margin-top:0;}

    .area-programs-other .program-slider .ps-title {width:90%;margin:0 1rem 1rem;font-size:1.3rem;}
}