/* 배경 */
.series_bg_area{width:100%; height: 180px; background: #2f59a3;
    margin-top: 5px;}
.series_bg_area.series_about {height: 100px;}
.series_bg_area .series_bg_space{max-width: 75rem; margin: 0 auto; height: 180px;  background: url(/static/images/s_bg.jpg) no-repeat;}
.series_bg_space .series_bg_title{margin-left: 40px; display: inline-block; margin-top: 40px;}
.series_bg_title.series_about {margin-top: 10px;}
.series_bg_title h3{
    font-size: 30px;
    margin: 0;
    display: inline-block;
    text-shadow: 2px 2px #3563ad;
    color: #fff;
    font-family: "Nanum Gothic" !important;
    font-weight: bold;}

.series_bg_title h6{
    font-size: 16px;
    color: #fff;
    font-family: "Nanum Gothic" !important;
}

.series_bg_title a h6{
    margin-bottom: 10px;
}

.section_frame_outer{width:100%;}
.series_title{margin-bottom: 15px !important; font-weight: bold; font-size: 20px; line-height: 27px;}
.float_left{float:left;}
.section_a1{margin-right: 25px; padding-top: 10px;}
.section_a2 {width: 50%; margin-right: 10px; padding-top: 5px;}

.section_2_1 {
    border-bottom: 2px solid #ccc;
    margin-top: 55px;
    padding: 0 20px;
}

.series_view_intro {
    padding-bottom: 10px;
}

.section_a2 p.s_list {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 25px;
    height: 125px;

}

.section_a2 p.s_list:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 25px;
    line-height: 25px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
}

@supports (-webkit-line-clamp: 5) {
    .section_a2 p.s_list {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        max-height:125px;
        height: inherit;
    }
    .section_a2 p.s_list:after {
        display: none;
    }
}

.pagerLink {
    color: #575555 !important;
}

a.pagerLink:not(.btn):hover, a.pagerLink:not(.btn):focus, a.pagerLink:visited:not(.btn):hover, a.pagerLink:visited:not(.btn):focus {
    color: #0075b4 !important;
}

.section_a3{float: right; padding: 0px;}
.section_a3.s_view {width: 35%;}
.section_a3 .series_b_area{margin-bottom: 15px;font-size: 12px;}
.section_a3 .series_b_area:last-child{margin-bottom: 0px;}
.siz{font-weight:bold; margin-right: 10px;}

.series_imges {width: 285px; height: 175px; display: inline-block;}
.section_frame_inner{display: flex !IMPORTANT; align-items: stretch;}

@media screen and (max-width: 770px) and (min-width: 0px){
    .section_a1, .section_a2, .section_a3{text-align: center; width: 100%;}
    .section_a1 {margin-right: 0px; margin-bottom:20px;}
    .section_a2 {margin-bottom:20px;}
    .section_a3{width:100%;}
    .section_a3.s_view {
        width: 100%;
    }
    .section_frame_inner{display: inherit !important; align-items: stretch;}
    .r-list {
        width: 100%;
        text-align: left;
        padding: 0 10px;
    }
}


.section_5{display: flex !IMPORTANT; align-items: stretch;}

.university_area{margin-top: 10px;}
.r-list{float: right;}
.r-list.s_view{
    float: none;
}
.r-list table tr td, .r-list table tr th {padding:5px; font-size: 15px;}
.r-list table tr th { text-align: unset }
.s_view table tr td, .s_view table tr th {font-size: 14px;}

.white-span{
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
}

.bundle_subtxt{
    overflow: inherit !important;
    text-overflow: inherit !important;
    line-height: 25px !important;
    word-wrap: break-word;
}

.btn-series {
    width: 100%;
    margin-bottom: 0;
    margin-top: 5px;
}

.series-disabled, .series-disabled:disabled {
    box-shadow: none;
    color: #575555;
    font-weight: 100;
}

.section_5 table {
    border-spacing: 0 3px;
    border-collapse: separate;
}

.section_a3 .r-list table {
    border-collapse: separate;
    border-spacing: 0 5px;
    width: 100%;
}

@media screen and (max-width: 1170px) and (min-width: 0px){
    .series_b_area span:last-child{width:100%;}

}

.section_a1 a, .section_a1 a:active, .section_a1 a:visited {
    color: #0079bc;
}

.section_a2 a, .section_a2 a:active, .section_a2 a:visited {
    color: #0079bc;
}