@media screen and (max-width:767px) {
    #header {
        border-bottom : 1px solid #e5e5e5 !important;
    }
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {
    #header {
        border-bottom : 1px solid #e5e5e5 !important;
    }
}

/* PC */
@media screen and (min-width:1240px) {
    #header .header_container {
        border-bottom : 1px solid #e5e5e5 !important;
    }
}
/* 게시판 관련 사항 */
.search_group { background-color:#f8f8f8;text-align: center;height:75px;padding:25px 0 0 0;margin-bottom:50px; }
.search_group select { display:inline-block;outline:none;margin-right:10px;height:48px;border:1px solid #e5e5e5;padding:0 10px;width:138px;font-family: notokr-regular, sans-serif;color:#707070;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: cover !important;background: white url("/res/service/img/department12/common/selectbox_bg.png") !important;background-position:  right !important;cursor: pointer;}
.search_group input { display:inline-block;outline:none;height:48px;margin:0;border:1px solid #e5e5e5;padding:0 50px 0 10px;width:578px;font-family: notokr-regular, sans-serif;color:#707070; }
.search_group .search_group_input { position:relative;display:inline-block; }
.search_group .search_group_input img { position:absolute;width:24px;top:13px;right:10px; }

.total_count { font-family: 'notokr-regular';color:#707070;font-size:16px;line-height:20px;margin-bottom:26px; }
.total_count .total_count_text { font-family: 'notokr-medium';color:#232323; }

.normal_list { width: 100%;border-collapse: collapse;text-align: center;border-top: 1px solid #707070; }
.normal_list thead tr td { color: #232323;font-family: 'notokr-medium';font-size: 16px; }
.normal_list tr { border-bottom: 1px solid #e9e9e9;height:70px; }
.normal_list tr td { padding: 10px 0;line-height: 24px;font-family: notokr-regular, sans-serif;color:#707070;vertical-align: middle; }
.normal_list tbody .title { color:#232323;text-align: left;cursor: pointer; }
.normal_list tbody tr:hover .title { text-decoration: underline; }
.normal_list .comment_count { color: #b9b9bb; }

/*.normal_list .notice { font-family: 'notokr-medium'; }*/
.normal_list .notice { font-family: 'notokr-medium'; }
.normal_list .new { margin-left: 10px; }
.normal_list .attach { cursor: pointer; }

.normal_list .status.status_completed { background-color:#013a86;border:1px solid #013a86;color:#ffffff; }
.normal_list .status { margin:0 auto;cursor: pointer;background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius: 5px;color:#707070;width:70px;height:28px;line-height:28px;font-size:14px; }

.faq_list { width: 100%;border-top: 1px solid #707070; }

.faq_list .faq_item {}
.faq_list .faq_item .faq_title {
    position: relative;
    padding-left: 120px;
    padding-right:70px;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #e5e5e5;
    background-image: url('/res/service/img/index/sub_common/ico_q.png');
    background-repeat: no-repeat;
    background-size:28px 28px;
    background-position: 28px center;
    cursor: pointer;
    font-family: notokr-regular, sans-serif;
    font-size:16px;
    color:#232323;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}

.faq_list .faq_item .faq_title span {
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 34px;
    width: 16px;
    height: 10px;
    background-size:16px 10px;
    background-image: url('/res/service/img/index/sub_common/arr_faq_down.png');
    background-repeat: no-repeat;
}

.faq_list .faq_item.on .faq_title span {
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 34px;
    width: 16px;
    height: 10px;
    background-size:16px 10px;
    background-image: url('/res/service/img/index/sub_common/arr_faq_up.png');
    background-repeat: no-repeat;
}

.faq_list .faq_item.on .faq_title {  }
.faq_list .faq_item .faq_answer { display: none;position:relative; }
.faq_list .faq_item .faq_answer_body {
    position:relative;
    padding: 30px 30px 30px 120px;
    line-height: 24px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    font-family: notokr-regular, sans-serif;
    font-size:16px;
    color:#232323;
}

.faq_list .faq_item .faq_answer_icon {
    width:28px;
    position:absolute;
    top:28px;
    left:28px;
}


.no_content { border-bottom:1px solid #e9e9e9;line-height:400px;height:400px;text-align:center;display:none; }

.pager { margin-top:50px;text-align: center; }
.pager ul { display:inline-block; }

.page_content_button { margin-top:50px; margin-bottom:50px;overflow: auto; }
.page_content_button .page_content_button_write { width:120px;height:50px;font-family: notokr-regular, sans-serif;color:#ffffff;font-size:16px;text-align:center;line-height:50px;background:#2b364a;cursor:pointer;float:right; }

.pager ul li.prev { margin:0 20px; }
.pager ul li.next { margin:0 20px; }
.pager ul li.first {}
.pager ul li.last {}

.pager ul li.prev img,
.pager ul li.next img,
.pager ul li.first img,
.pager ul li.last img {
    width:auto;
    height: 10px;
}

.pager ul li { cursor: pointer;height:40px;width:40px;line-height: 40px;font-family: notokr-medium; border:1px solid #ffffff; }
.pager ul li.on { background-color: #013a86;color: #ffffff;border:1px solid #013a86; }


/* Mobile */
@media screen and (max-width:420px) {

    .search_group select { width:100px; }
    .search_group input { width:100px; }

    .pager ul li.prev { margin:0 10px; }
    .pager ul li.next { margin:0 10px; }

    .faq_list .faq_item .faq_title {
        position: relative;
        padding-left: 120px;
        padding-right:120px;
        height: 80px;
        line-height: 80px;
        border-bottom: 1px solid #e5e5e5;
        background-image: url('/res/service/img/index/sub_common/ico_q.png');
        background-repeat: no-repeat;
        background-size:24px;
        background-position: 28px center;
        cursor: pointer;
        font-family: notokr-regular, sans-serif;
        font-size:16px;
        color:#232323;
        text-overflow:ellipsis;
        white-space:nowrap;
        word-wrap:normal;
        overflow:hidden;
    }

    .faq_list .faq_item.on .faq_title span {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 25px;
        width: 16px;
        height: 10px;
        background-size:16px 10px;
        background-image: url('/res/service/img/index/sub_common/arr_faq_up.png');
        background-repeat: no-repeat;
    }
}

/* Mobile */
@media screen and (min-width:421px) and (max-width:767px) {

    .search_group select { width:100px; }
    .search_group input { width:200px; }

    .faq_list .faq_item .faq_title {
        position: relative;
        padding-left: 120px;
        padding-right:120px;
        height: 80px;
        line-height: 80px;
        border-bottom: 1px solid #e5e5e5;
        background-image: url('/res/service/img/index/sub_common/ico_q.png');
        background-repeat: no-repeat;
        background-size:24px;
        background-position: 28px center;
        cursor: pointer;
        font-family: notokr-regular, sans-serif;
        font-size:16px;
        color:#232323;
        text-overflow:ellipsis;
        white-space:nowrap;
        word-wrap:normal;
        overflow:hidden;
    }

    .faq_list .faq_item.on .faq_title span {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 25px;
        width: 16px;
        height: 10px;
        background-size:16px 10px;
        background-image: url('/res/service/img/index/sub_common/arr_faq_up.png');
        background-repeat: no-repeat;
    }

    .faq_list .faq_item .faq_answer_icon {
        width:24px;
        position:absolute;
        top:28px;
        left:28px;
    }
}


@media screen and (max-width:767px) {

    .normal_list thead { display:none; }
    .normal_list { display:block; }
    .normal_list tbody { display:block; }
    .normal_list tr { display:block;height:auto;padding:18px 20px;position:relative; }
    .normal_list tr td { display:block;padding:0;text-align:left;line-height:30px; }
    .normal_list tr td.attachment { position:absolute;right:20px;top:30px; }
    .normal_list tr td.title {
        color:#232323;
        width: 80%;

        font-family: notokr-medium, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.7 !important;

        overflow: hidden;
        text-overflow: ellipsis;
        /*white-space: nowrap;*/
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* 라인수 */
        -webkit-box-orient: vertical !important;
        word-wrap:break-word !important;
        height: 45px;
    }
    .normal_list tr td.attachment.none {display:none; }
    .normal_list tr td.no { display:none; }
    .normal_list tr.notice td.no { display:block; }


    .faq_list .faq_item .faq_title {
        height: 60px;
        line-height: 60px;
        bbackground-size:24px 24px;
        background-position: 16px center;
        font-size:14px;
        padding-right:60px;
        padding-left:60px;
    }

    .faq_list .faq_item .faq_title span {
        right: 15px !important;
        top: 25px !important;
    }
    .faq_list .faq_item .faq_answer_body {
        padding: 20px 60px 20px 60px;
        line-height: 22px;
        font-size:14px;
    }

    .faq_list .faq_item .faq_answer_icon {
        top:18px;
        left: 16px;
        width:24px;
        position:absolute;
    }

}

/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {

    .search_group select { width:100px; }
    .search_group input { width:400px; }
}

/* PC */
@media screen and (min-width:1240px) {
}



/* 게시판 커스텀 */


/* 첨부파일 아이콘 커스텀 */
.attachment .attachment_icon, .attachment .attachment_icon_hover {
    width: 34px !important;
}

@media screen and (min-width:768px) and (max-width:1239px) {

    /* 첨부파일 아이콘 커스텀 */
    .attachment .attachment_icon, .attachment .attachment_icon_hover {
        width: 34px !important;
    }

    .search_group .search_option_select{
        background: white url("/res/service/img/department12/common/selectbox_bg.png");
        background-position-x: 85% !important;
    }
}


@media screen and (max-width:767px) and (min-width: 421px) {

    .search_group input {
        width: 140px !important;
        padding-right: 50px !important;
    }

    /* 첨부파일 아이콘 커스텀 */
    .attachment .attachment_icon, .attachment .attachment_icon_hover {
        width: 34px !important;
    }

    .qna .normal_list tr {
        display:block;
        height:auto;
        padding:18px 20px 38px 20px !important;
        position:relative;
    }

    /* QNA 커스텀 */
    .qna .status_cell {
        position: absolute;
    }

    .qna .status_cell {
        position: absolute;
        top: 18px;
    }

    .qna .status_cell .status {
        height: 24px;
        text-align: center !important;
        font-size: 12px !important;
    }

    .qna td.title {
        padding-top: 35px !important;
    }
    .qna td.title img {
        width: auto !important;
        height: 14px;
        transform: translate(0px, -1px);
    }

    .qna td.registered_date {
        width: 80px;
        float: left;
        letter-spacing: -0.28px;
    }

    .qna td.user_name {
        float: right;
        width: calc(100% - 95px);
        padding-left: 15px !important;
        position: relative;
    }

    .qna td.user_name::before {
        content: " ";
        display: block;
        width: 2px;
        height: 13px;
        background: #e5e5e5;
        position: absolute;
        left: 0px;
        top: 9px;
    }

    /* 공지사항, 자료실 커스텀 */
    /*.notice_custom .hit_count,*/
    /*.download_custom .hit_count {*/
    /*    display: none !important;*/
    /*}*/

    /*.notice_custom .attachment ,*/
    /*.download_custom .attachment {*/
    /*    top: 40px !important;*/
    /*}*/

    /*.notice_custom .title,*/
    /*.download_custom .title {*/
    /*    width: 80%;*/

    /*    font-family: notokr-medium, sans-serif !important;*/
    /*    font-size: 14px !important;*/
    /*    line-height: 1.7 !important;*/

    /*    overflow: hidden;*/
    /*    text-overflow: ellipsis;*/
    /*    !*white-space: nowrap;*!*/
    /*    display: -webkit-box !important;*/
    /*    -webkit-line-clamp: 2 !important; !* 라인수 *!*/
    /*    -webkit-box-orient: vertical !important;*/
    /*    word-wrap:break-word !important;*/
    /*    height: 45px;*/
    /*}*/

}

@media screen and (max-width: 420px) {
    .qna .normal_list tr {
        display:block;
        height:auto;
        padding:18px 20px 38px 20px !important;
        position:relative;
    }

    .search_group .search_option_select{
        background: white url("/res/service/img/department12/common/selectbox_bg.png");
        background-position-x: 82% !important;
    }

    .search_group select {
        width: 90px !important;
    }

    .search_group input {
        width: 80px !important;
        padding-right: 50px !important;
    }

    /* 첨부파일 아이콘 커스텀 */
    .attachment .attachment_icon, .attachment .attachment_icon_hover {
        width: 34px !important;
    }

    /* QNA 커스텀 */
    .qna .status_cell {
        position: absolute;
        top: 18px;
    }

    .qna .status_cell .status {
        height: 24px;
        text-align: center;
        font-size: 12px !important;
    }

    .qna td.title {
        padding-top: 35px !important;
    }

    .qna td.title img {
        width: auto !important;
        height: 14px;
        transform: translate(0px, -1px);
    }

    .qna td.registered_date {
        width: 80px;
        float: left;
        letter-spacing: -0.28px;
    }

    .qna td.user_name {
        float: right;
        width: calc(100% - 95px);
        padding-left: 15px !important;
        position: relative;
    }

    .qna td.user_name::before {
        content: " ";
        display: block;
        width: 2px;
        height: 13px;
        background: #e5e5e5;
        position: absolute;
        left: 0px;
        top: 9px;
    }

    /* 공지사항, 자료실 커스텀 */
    .notice_custom .hit_count,
    .download_custom .hit_count {
        display: none !important;
    }


    .notice_custom .title,
    .download_custom .title {
        width: 80%;

        font-family: notokr-medium, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.7 !important;

        overflow: hidden;
        text-overflow: ellipsis;
        /*white-space: nowrap;*/
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* 라인수 */
        -webkit-box-orient: vertical !important;
        word-wrap:break-word !important;
        height: 45px;
    }

}


/* 홍보영상 전용 */

.promotion_description {
    background-color: #F8F8F8;
}
.promotion_description_header{
    border-bottom: 1px solid #E5E5E5;
}

.promotion_description_header h4 {
    font-family: notokr-medium, sans-serif;
    letter-spacing: -0.48px;
    line-height: 1.41;
    margin: 0;
}

.promotion_description_header p {
    font-family: notokr-regular,sans-serif;
    letter-spacing: -0.32px;
    color: #707070;
}

.promotion_description_content {
    overflow-y: scroll;
}

.promotion_description_text {
    font-family: notokr-regular, sans-serif;
    letter-spacing: -0.32px;
    line-height: 2;
    word-break: break-all;
    white-space: pre-wrap;
    overflow-x: hidden;
}

.promotion_content_list {
    width: 100%;
}

.promotion_list_item {
    display: inline-block;
    cursor: pointer;
}

.promotion_thumbnail {
    background: black;
    background-position: center !important;
    background-size: cover !important;
}

.promotion_thumbnail_hover {
    display: none;
}

.promotion_thumbnail:hover .promotion_thumbnail_hover {
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
}

.promotion_title {
    display: block;
    font-family: notokr-regular,sans-serif;
    letter-spacing: -0.32px;
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* PC */
@media screen and (min-width:1240px) {
    .promotion_gallery_content {
        min-height: 398px;
    }
    .promotion_video {
        width: 780px;
        height: 398px;
        float: left;
    }
    .promotion_video iframe{
        width: 780px;
        height: 398px;
    }
    .promotion_description {
        float: right;
        width: calc(100% - 860px);
        height: 340px;
        background-color: #F8F8F8;
        padding: 30px 40px;
    }
    .promotion_description_header{
        padding-bottom: 20px;
        border-bottom: 1px solid #E5E5E5;
    }

    .promotion_description_header h4 {
        font-size: 24px;
        font-family: notokr-medium, sans-serif;
        letter-spacing: -0.48px;
        line-height: 1.41;
        margin: 0;
    }

    .promotion_description_header p {
        font-family: notokr-regular,sans-serif;
        letter-spacing: -0.32px;
        font-size: 16px;
        color: #707070;
        margin-top: 10px;
    }

    .promotion_description_content {
        margin-top: 27px;
        height: 195px;
        overflow-y: scroll;
    }

    .promotion_description_text {
        font-family: notokr-regular, sans-serif;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 2;
        word-break: break-all;
        white-space: pre-wrap;
    }

    .promotion_content_list {
        margin-top: 40px;
        width: 100%;
    }

    .promotion_list_item {
        display: inline-block;
    }

    .promotion_list_item:not(:nth-child(4n)) {
        margin-right: 35px;
        margin-block: 20px;
    }

    .promotion_thumbnail {
        width: 280px;
        height: 157px;
        background: black;
    }

    .promotion_thumbnail:hover .promotion_thumbnail_hover {
        height: 157px;
    }

    .promotion_thumbnail_hover img{
        width: 20px;
        height: 20px;
        margin-top: 70px;
    }

    .promotion_title {
        display: block;
        margin-top: 14px;
        font-family: notokr-regular,sans-serif;
        letter-spacing: -0.32px;
        width: 280px;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
/* Tablet */
@media screen and (min-width:768px) and (max-width:1239px) {
    .promotion_gallery_content {
        width: 100%;
        display: block;
    }
    .promotion_video {
        width: 100%;
    }
    .promotion_video iframe{
        width: 100%;
        height: 320px;
    }
    .promotion_description {
        margin-top: 30px;
        padding: 30px;
    }
    .promotion_description_header{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .promotion_description_header h4 {
        font-size: 20px;
    }

    .promotion_description_header p {
        font-size: 14px;
        margin-top: 5px;
    }

    .promotion_description_content {
        overflow-y: auto;
    }

    .promotion_description_text {
        font-size: 14px;
    }

    .promotion_content_list {
        margin-top: 20px;
    }

    .promotion_list_item {
        width: 30%;
    }

    .promotion_thumbnail:hover .promotion_thumbnail_hover {
        height: 180px;
    }

    .promotion_thumbnail_hover img{
        width: 20px;
        height: 20px;
        margin-top: 70px;
    }

    .promotion_list_item:not(:nth-child(3n)) {
        margin-right: 4.5%;
    }

    .promotion_thumbnail {
        width: 100%;
        height: 180px;
    }

    .promotion_title {
        font-size: 14px;
        margin-top: 5px;
    }
}
/* Mobile */
@media screen and (max-width:767px) {
    .promotion_gallery_content {
        width: 100%;
    }
    .promotion_video {
        width: 100%;
    }
    .promotion_video iframe{
        width: 100%;
        height: 300px;
    }
    .promotion_description {
        margin-top: 20px;
        padding: 20px;
    }
    .promotion_description_header{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .promotion_description_header h4 {
        font-size: 20px;
    }

    .promotion_description_header p {
        font-size: 14px;
    }

    .promotion_description_content {
        overflow-y: auto;
    }

    .promotion_description_text {
        font-size: 14px;
    }

    .promotion_content_list {
        margin-top: 40px;
    }

    .promotion_list_item {
        width: 100%;
        display: block;
    }

    .promotion_list_item:not(:last-child) {
        margin-bottom: 25px;
    }

    .promotion_thumbnail {
        width: 100%;
        height: 250px;
    }

    .promotion_thumbnail:hover .promotion_thumbnail_hover {
        height: 250px;
    }

    .promotion_thumbnail_hover img{
        width: 20px;
        height: 20px;
        margin-top: 120px;
    }

    .promotion_title {
        font-size: 14px;
        margin-top: 5px;
    }
}

/*  입시요강 PDF 뷰  */

.pdf_wrapper {

}

.apply_pdf {position: relative; background-color: #dfdfdf;}

.pdf_controll {

}

.pdf_controll button {
    background-color: transparent;
    border: 1px solid #2b364a;
    color: #2B364A;
    cursor: pointer;
}

.pdf_controll img {
    display: inline-block;
    vertical-align: middle;
}

.pdf_controll span {
    display: inline-block;
    font-family: notokr-regular, sans-serif;
}
.pdf_controll button:hover{background: #2B364A;color: white;}
.pdf_controll button img:nth-child(2){display: none;}
.pdf_controll button:hover img:nth-child(1){display: none;}
.pdf_controll button:hover img:nth-child(2){display: inline-block;}

@media screen and (min-width:1240px) {

    .pdf_wrapper {
        min-height: 1000px;
    }

    .apply_pdf {
        width: 1040px;
        height: 1000px;
        float: left;
    }
    .pdf_controll {
        width: 152px;
        float: right;
    }
    .pdf_controll button {
        margin-bottom: 10px;
        padding: 11px 0px;
        width: 150px;
    }

    .pdf_controll span {
        font-size: 14px;
        letter-spacing: -0.28px;
    }

    .pdf_controll img {
        width: 13px;
        margin-right: 10px;
    }

    .pdf_viewer img{
        width: 14px !important;
    }
    .pdf_controll span {
    }
}
@media screen and (min-width:768px) and (max-width:1239px) {
    .pdf_wrapper {
        min-height: 1000px;
    }

    .apply_pdf {
        width: 100%;
        height: 1000px;
    }
    .pdf_controll {
        width: 100%;
        text-align: right;
        display: block;
    }
    .pdf_controll button {
        margin-bottom: 10px;
        padding: 11px 0px;
        width: 150px;
    }

    .pdf_controll span {
        font-size: 14px;
        letter-spacing: -0.28px;
    }

    .pdf_controll button:not(:last-child) {
        margin-right: 10px;
    }

    .pdf_controll img {
        width: 13px;
        margin-right: 10px;
    }

    .pdf_viewer img{
        width: 14px !important;
    }
}
@media screen and (max-width:767px) {

    .pdf_wrapper {
        min-height: 500px;
    }

    .apply_pdf {
        width: 100%;
        height: 500px;
    }
    .pdf_controll {
        width: 100%;
        text-align: right;
        display: table;
        border-collapse: collapse;
    }
    .pdf_controll button {
        display: table-cell;
        table-layout: fixed;
        width: 33.3%;
        padding: 5px 0px;
    }

    .pdf_controll span {
        font-size: 12px;
        letter-spacing: -0.30px;
        display: block;
        margin-top: 5px;
    }

    .pdf_controll button:not(:last-child) {
        /*margin-right: 10px;*/
    }

    .pdf_controll img {
        width: 13px;
    }

    .pdf_viewer img{
        width: 14px !important;
    }
}

/* 입시소정양식 관련 */

.doc_list {

}

.doc_list .doc_list_header {
    font-family: notokr-medium, san-serif;
    color: #013a86;
    font-weight: normal;

}

.doc_list_table {
    border-top: 1px solid #707070;
    /*min-width: 380px;*/
}

.doc_list_table .row{
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.doc_list_table .row .title{
    font-family: notokr-regular, san-serif;
    color: #232323;
    display: inline-block;
}

.doc_list_table .row .download_btn{
    float: right;
    border: 1px solid #2b364a;
    background-color: white;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
}

.btn_base,
.btn_pressed
{
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.btn_pressed {
    display: none;
}

.download_btn:hover {
    background-color: #2b364a !important;
}
.download_btn:hover .btn_base{
    display: none;
}

.download_btn:hover .btn_pressed{
    display: inline-block;
}

.download_btn:hover span {
    color: white !important;
}

.doc_list_table .row .download_btn span{
    font-family: notokr-regular, san-serif;
    color: #2b364a;
    display: inline-block;
}

.doc_list_table .row .download_btn_mobile{
    float: right;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 100%;
    border: none;
    background-color: #2b364a;
}


@media screen and (min-width:1240px) {
    .doc_list {

    }

    .doc_list:not(:last-child) {
        margin-bottom: 50px;
    }

    .doc_list .doc_list_header {
        font-size: 24px;
        letter-spacing: -0.48px;
        margin: 0px 0px 30px 0px;
    }

    .doc_list_table .row{
        height: 80px;
        padding: 0px 30px;
    }

    .doc_list_table .row .title{
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 80px;
    }

    .doc_list_table .row .download_btn{
        width: 150px;
        height: 36px;
        padding: 0px;
        margin-top: 20px;
        display: block;
    }



    .btn_base, .btn_pressed {
        width: 14px;
    }

    .doc_list_table .row .download_btn span{
        line-height: 1;
        font-size: 14px;
        line-height: -0.28px;
        display: inline-block;
        vertical-align: middle;
    }


}

@media screen and (min-width:768px) and (max-width:1239px) {
    .doc_list:not(:last-child) {
        margin-bottom: 40px;
    }

    .doc_list .doc_list_header {
        font-size: 20px;
        letter-spacing: -0.4px;
        margin: 0px 0px 20px 0px;
    }
    .doc_list_table .row{
        height: 80px;
        padding: 0px 20px;
    }
    .doc_list_table .row .title{
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 80px;
    }

    .doc_list_table .row .download_btn{
        width: 150px;
        height: 36px;
        padding: 0px;
        margin-top: 20px;
    }

    .btn_base, .btn_pressed {
        width: 14px;
    }

    .doc_list_table .row .download_btn span{
        line-height: 1;
        font-size: 14px;
        line-height: -0.28px;
        display: inline-block;
        vertical-align: middle;
    }
}

@media screen and (max-width:767px) {
    .doc_list:not(:last-child) {
        margin-bottom: 40px;
    }
    .doc_list .doc_list_header {
        font-size: 20px;
        letter-spacing: -0.4px;
        margin: 0px 0px 20px 0px;
    }
    .doc_list_table .row{
        min-height: 70px;
        padding: 20px 20px;
    }
    .doc_list_table .row .title{
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 1.3;
        width: calc(100% - 50px);
    }

    .doc_list_table .row .download_btn_mobile{
        width: 32px;
        height: 32px;
        /*margin-top: -20px;*/
    }

    .doc_list_table .row .download_btn_mobile img{
        width: 14px;
    }
}

@media screen and (min-width:1240px) {
    .page_content_header {text-align: center; height: 152px; padding-top : 78px;width: calc(100vw - 100px);margin: 0 50px;}
}
.page_content_header {text-align: center; height: 152px; padding-top : 78px;}
.page_content_header_title {font-size : 36px; color : #ffffff; margin-top: 0; margin-bottom: 0; line-height: 36px; height: 36px;}
.page_content_header_desc {font-size : 16px; color : #ffffff; margin-top : 24px;}
.page_content_header_desc span {color : #ffffff !important;}