/* mobile first */

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

.listWrap{text-align: left;}
.listWrap.default > li .subject{overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box;}

@media screen and (min-width: 768px) {
    .bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/university-abroad-uni-staff-meeting_bg.jpg');}

    .listWrap.default > li .subject{white-space: nowrap; display: block;}
}


/*
    view page
*/
.bbs.read article, .bbs.read .ck-content{margin-bottom: 0;}

.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;}

@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 .api-wrap { display: block; }
    .area-programs-inquiry.fixed {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;}
}