<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8"; .custom_input {
    position: relative;
}

.custom_input input[type="checkbox"], .custom_input input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.custom_input input[type="checkbox"] + label, .custom_input input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    line-height: 18px;
}

.custom_input input[type="radio"] + label:last-child {
    margin-right: 0;
}

.custom_input input[type="checkbox"] + label:before, .custom_input input[type="radio"] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
    cursor: pointer;
}

.custom_input input[type="checkbox"] + label:before {
    border-radius: 2px;
}

.custom_input input[type="radio"] + label:before {
    border-radius: 50%;
}

.custom_input input[type="checkbox"] + label:after, .custom_input input[type="radio"] + label:after {
    opacity: 0;
    position: absolute;
    z-index: 2;
    transition: all .2s;
}

.custom_input input[type="checkbox"] + label:after {
    content: "\e929";
    font-family: "xeicon";
    font-size: 1rem;
    line-height: 1;
    display: block;
    left: 1px;
    top: 2px;
    color: #ED1F23;
}

.custom_input input[type="radio"] + label:after {
    content: "";
    display: block;
    opacity: 0;
    background-color: #ED1F23;
    left: 4px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.custom_input input[type="checkbox"]:checked + label:before, .custom_input input[type="radio"]:checked + label::before {
    border-color: #ED1F23;
}

.custom_input input[type="checkbox"]:checked + label:after, .custom_input input[type="radio"]:checked + label::after {
    opacity: 1;
}

.custom_input input[type="radio"]:checked + label + .gong_cont {
    display: block;
}

.custom_select {
    position: relative;
    display: inline-block;
    background-color: #fff;
}

.custom_select label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.custom_select select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 35px;
    border: 1px solid #d5d5d5;
    background-color: transparent;
    -webkit-appearance: none;
    padding: 0 25px 0 10px;
}

.custom_select:after {
    content: "\e936";
    font-family: "xeicon";
    color: #495057;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    transition: all 0.2s;
}

.select_menu {
    margin: 20px 16px;
}

.select_menu .custom_select {
    display: block;
    background-color: #f2f4f7;
}

.tabs_commom_cont .select_menu {
    margin: 10px 16px;
}

.btns {
    margin: 10px 0;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 7px;
    text-align: center;
    transition: all .2s;
}

.btn.small {
    min-width: 60px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    border-radius: 2px;
    font-size: 13px;
    letter-spacing: -1px;
}

.btn ~ .btn {
    margin-left: 10px;
}

.btn.border {
    background-color: #fff;
    color: #212529;
    border: 1px solid #495057;
}

.btn.border:hover {
    background-color: #495057;
    color: #fff;
}

.btn.bg {
    background-color: #495057;
    color: #fff;
}

.btn.bg:hover {
    background-color: #212529;
}

.btn.bg1 {
    background-color: #73757C;
    color: #fff;
}

.btn.bg1:hover {
    background-color: #767f88;
}

.btn[class*='bg'] {
    color: #fff;
}

#containerForSwiper {
    overflow: hidden;
    padding-bottom:1px;
}

#containerForSwiper .article {
    padding-bottom: 0;
    /* 37px */
}

/* ================================== Lsit  ================================== */
.no_data {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    height: 330px;
    padding: 25px 0;
    color: #707070;
}

.no_data span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-size: 1rem;
}

li.no_data {
    padding: 0;
}

table .no_data {
    border-bottom: 0 solid #E4E4E4;
    text-align: center;
    width: 100%;
    display: block;
    display: table-cell;
}

table .no_data span {
    display: inline-block;
}

.photo_list .no_data {
    flex-basis: 100%;
    max-width: 100%;
    border-bottom: none;
}

.list_type {
    position: relative;
    padding: 0 16px;
}

.list_type:not(#article_celebrity) li:first-child {
    border-top: 1px solid #2D2D2D;
}
.list_type.not_line li:first-child {
	border-top:none !important;
}

.load_wrap .list_type li:first-child {
    border-top: none;
}

.list_type.st3 li:first-child {
    border-top: none;
}

.list_type li a, .list_type .ebook {
    padding: 16px 0;
}

.list_type li ~ li a {
    border-top: 1px solid #E4E4E4;
}

.list_type a, .list_type &gt; div, .list_type .ebook {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.list_type.div_dable a, .list_type.div_dable &gt; div, .list_type.div_dable .ebook {
    display:block;
}

.list_type.policy_wrap &gt; div {
    display: block;
}

.list_type .thumb_wrap {
    width: 100%;
    min-width: 120px;
}

.list_type .thumb {
    width: 100%;
    border: 1px solid #E4E4E4;
    padding-bottom: 64.56%;
}

.list_type .thumb_wrap.card {
}

.list_type .thumb_wrap.card .thumb {
    padding-bottom: 100%;
}

.list_type .thumb_wrap.st2 {
}

.list_type .thumb_wrap.st2 .thumb {
    padding-bottom: 120%;
}

.list_type.st3 .thumb_wrap {
    width: 90px;
    min-width: 90px;
}

.list_type.st3 li a {
    padding: 12px 0;
}

.list_type.st3 .text_wrap {
    padding-left: 0;
    padding-right: 12px;
}

.list_type.st3 .text_wrap .text strong {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

.list_type .thumb_wrap + .text_wrap {
    padding-left: 10px;
    width: calc(100% - 120px);
    min-width: calc(100% - 120px);
}

.list_type .thumb_wrap.card + .text_wrap {
    width: calc(100% - 21%);
}

.list_type .thumb_wrap.st2 + .text_wrap {
    width: calc(100% - 13%);
}

.list_type .notice_ico{display:inline}

.list_type .text_wrap {
    width: 100%;
}

.list_type .text {
    display: block;
}

.list_type .text strong {
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 4px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 1.4;
    height:100%;
    max-height:46px;
    word-break:break-all;
}

.list_type .text .stitle {
    width: 100%;
    font-size: 1.0625rem;
    color: #495057;
    margin-bottom: 16px;
}

.list_type .text .lead {
    font-size: .9375rem;
    color: #717171;
    margin: 0 0 10px 0;
    max-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list_type .text .source {
    font-size: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.list_type .text .source span {
    margin-right: 7px;
    font-size: 12px;
    color: #555;
}

.list_type .text .source span ~ span {
    position: relative;
    padding-left: 8px;
}

.list_type .text .source span ~ span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dadada;
}

.list_type .text .source span:last-child {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 92px);
    vertical-align: top;
}

.list_type .text .date {
    margin-top: 4px;
    display: block;
    font-size: 12px;
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list_type .text .sort {
    width: 100%;
    font-size: 13px;
    color: #ED1F23;
    margin-bottom: 5px;
    font-weight: 700;
}

/* .list_type .text .category {display:inline- block; vertical-align: middle; margin-bottom:4px; padding:1px 6px; border:1px solid #C6C6C6; color:#2D2D2D; font-size:12px; line-height:1.5;} */
.list_type .ebook {
    border-top: 1px solid #dee2e6;
}

.list_type .ebook .thumb {
    position: relative;
    padding-left: 50%;
    background-color: #fafbfb;
    background-image: none;
    border: 1px solid #dee2e6;
}

.list_type .ebook .thumb:before, .list_type .ebook .thumb:after {
    content: '';
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-right: 1px solid #dee2e6;
    left: 0;
}

.list_type .ebook .thumb:before {
    width: 3px;
    z-index: 1;
}

.list_type .ebook .thumb:after {
    width: 6px;
}

.list_type .ebook .thumb i {
    display: block;
    position: relative;
    padding-bottom: 134.89%;
}

.list_type .ebook .thumb i:before, .list_type .ebook .thumb i:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
}

.list_type .ebook .thumb i:before {
    background: linear-gradient(to right, #fafbfb 70%, #c3c4c4 100%);
    opacity: 0.5;
}

.list_type .ebook .thumb i:after {
    background-image: url("../images/sub/ebook_thumb_bg.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: bottom -5px left -5px;
}

.list_type .ebook .btn {
    display: inline-block;
    padding: 0;
    font-size: 0;
}

.list_type .ebook .btn a {
    display: inline-block;
    font-size: 14px;
    width: auto;
    color: #666;
    padding: 5px 0;
    position: relative;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid transparent;
}

.list_type .ebook .btn a ~ a {
    margin-left: 6px;
    padding-left: 8px;
}

.list_type .ebook .btn a ~ a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #dadada;
}

.list_type .ebook .btn a:after {
    content: '\e980';
    display: inline-block;
    font-family: "xeicon";
    font-size: 14px;
    margin-left: 2px;
}

.list_type .list_type, .list_type .photo_list {
    display: block;
    padding: 0;
}

.list_type:not(#article_celebrity) .photo_list li:first-child {
    border-top: 0;
}

.list_type .photo_list .thumb_wrap + .text_wrap {
    width: 100%;
    padding-left:0;
}

.list_type .photo_list a {
    padding: 0;
}

.list_type .photo_list li ~ li a {
    border-top: none;
}

/* .list_type + .photo_list {border-top:1px solid #E4E4E4;} */
.photo_list {
    position: relative;
    padding: 0 16px;
}

.photo_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
}

.photo_list li {
    width: 50%;
    padding: 0 7px;
    margin: 0 0 12px;
    font-size: 0;
}

.photo_list li a {
    display: block;
}

.photo_list .thumb_wrap {
    width: 100%;
}

.photo_list .thumb {
    width: 100%;
    border: 1px solid #dee2e6;
}

.photo_list .text_wrap {
    width: 100%;
}

.photo_list .text {
    display: block;
    padding-top: 12px;
}

.photo_list .text strong {
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin: 0 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo_list .text .stitle {
    width: 100%;
    font-size: 1.0625rem;
    color: #555;
    margin-bottom: 16px;
}

.photo_list .text .lead {
    font-size: .9375rem;
    color: #555;
    margin: 0 0 10px 0;
    max-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo_list .text .source {
    display: block;
    width: 100%;
    font-size: 0;
}

.photo_list .text .source span {
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    color: #555;
}

.photo_list .text .source span ~ span {
    position: relative;
    margin-left: 7px;
    padding-left: 8px;
}

.photo_list .text .source span ~ span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dadada;
}

.photo_list .text .source span + span {
    max-width: calc(100% - 80px);
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.photo_list.ebook {
}

.photo_list.ebook .thumb {
    padding-bottom: 135%;
}

/* .photo_list.ebook .thumb:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: rgba(0, 0, 0, 1); background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);} */
.photo_list.ebook .text {
    position: relative;
}

.photo_list.ebook .text strong {
    margin-bottom: 0;
    word-break: keep-all;
    word-wrap: break-word;
    max-height: none;
}

.photo_list.ebook .text strong + .source {
    margin-top: 5px;
    color: #707070;
    font-size: 13px
}

.photo_list.ebook .btns {
    width: 100%;
    margin: 8px 0 0;
}

.photo_list.ebook .btns a {
    display: inline-block;
    border: 1px solid #E4E4E4;
    color: #555;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 4px;
    transition: all .2s;
}

.photo_list.ebook .btns a:hover {
    background-color: #2d2d2d;
    color: #fff;
}

.photo_list .book_btns {
    z-index: 2;
    font-size: 13px;
    position: absolute;
    left: 15px;
    right: 15px;
    top: -40px;
}

.photo_list .book_btns &gt; button {
    position: relative;
    border: 1px solid #fff;
    padding: 3px 5px;
    display: inline-block;
    color: #fff;
    font-size: 11px;
    line-height: 1.25;
    width: 100%;
    text-align: left;
}

.photo_list .book_btns &gt; button i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.photo_list .book_btns &gt; button:after {
    content: "\e942";
    font-family: "xeicon";
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
}

.photo_list .book_btns &gt; div {
    margin-top: 5px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.08);
}

.photo_list .book_btns &gt; div.active {
    opacity: 1;
    visibility: visible;
}

.photo_list .book_btns &gt; div ul {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 10px 5px 10px;
    text-align: left;
    height: 0;
    margin: 0;
    margin-top: 5px;
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.photo_list .book_btns &gt; div ul li {
    padding: 5px 0;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    width: 100%;
}

.photo_list .book_btns &gt; div ul li strong {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #181818;
    vertical-align: middle;
    margin-right: 5px;
    width: 23px;
    white-space: nowrap;
    overflow: visible;
}

.photo_list .book_btns &gt; div ul li strong:before {
    content: "\ea35";
    font-family: "xeicon";
    display: inline-block;
}

.photo_list .book_btns &gt; div ul li a {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #999;
    padding: 5px 5px;
    color: #757575;
    vertical-align: middle;
    margin-left: 3px;
}

.photo_list .book_btns &gt; div ul li a:hover {
    background-color: #6e7984;
    color: #fff;
    border: 1px solid #6e7984;
}

.photo_list .book_btns &gt; div button.active:after {
    content: "\e945";
}

.photo_list .book_btns &gt; div ul li strong {
    display: block;
    width: 100%;
    text-align: left !important;
    margin-right: 0;
    padding-bottom: 5px;
    padding-left: 5px;
}

.photo_list .book_btns &gt; div ul li a {
    width: 47%;
    margin-left: 0;
}

.photo_list .book_btns &gt; div ul li a ~ a {
    margin-left: 2%;
}

.photo_list.event .thumb {
    padding-bottom: 31.19%;
    background-size: 50%;
}

.photo_list.short .thumb {
    padding-bottom: 177.7777777778%;
}

.photo_list.short .thumb.play .ico_play {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 25%;
    max-width: 65px;
    min-width: 25px;
}

/*페이징*/
.paging {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
}

.paging::before, .paging::after {
    content: "";
    display: block;
    clear: both;
}

.paging a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all .2s;
}

.paging a:hover {
    border-color: #2d2d2d;
}

.paging a[class] {
    position: relative;
    margin: 0 16px;
    width: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    color: #2D2D2D;
    font-size: 17px;
    line-height: 1.6;
}

.paging a[class]:hover {
    border-color: #2d2d2d;
}

.paging a[class] i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.paging span {
    color: #717171;
    font-size: 14px;
    line-height: 1.6;
}

.paging span i {
    color: #1D1D1D;
    font-weight: 700;
}

@media (max-width: 390px) {
    .photo_list .book_btns &gt; div ul {
        padding: 5px 5px 5px 5px
    }

    .photo_list .book_btns &gt; div ul li {
        display: block;
    }
}

@media (max-width: 445px) {
    .photo_list.event li {
        width: calc(100% / 1);
    }
}

@media (min-width: 768px) {
    .list_type ul {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 0 -5px;
    }

    .list_type li {
        width: 50%;
        padding: 0 5px;
    }

    .list_type li:nth-child(-n+2) a {
        border-top: none;
    }

    .photo_list li {
        width: calc(100% / 4);
    }

    .photo_list.event li {
        width: calc(100% / 3);
    }

    .photo_list.paper li {
        width: calc(100% / 5);
    }

    .custom_news_list ul {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .custom_news_list li {
        width: 50%;
    }
}

/*
.sch_post + .list_type, .sch_post + .photo_list, .select_menu + .photo_list {margin-top: -10px;}
*/
/* ================================== Sch  ================================== */
.tabs_common + .load_wrap .sch_post {
    padding-top: 0;
}

.sch_post {
    position: relative;
    margin: 0 16px;
    padding: 40px 0 12px;
    z-index: 4;
}

.sch_post .tab_nav {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.sch_post .tab_nav &gt; li {
    flex: 1;
    position: relative;
}

.sch_post .tab_nav &gt; li .btn {
    position: relative;
    display: block;
    width: 100%;
    height: 32px;
    text-align: center;
    padding: 5px;
    border: 1px solid #D8D8D8;
    color: #2D2D2D;
    font-size: 14px;
    line-height: 1.5;
}

.sch_post .tab_nav &gt; li:not(:last-child) .btn {
    border-right: 1px solid transparent;
}

.sch_post .tab_nav &gt; li.active .btn {
    color: #1d1d1d;
    font-weight: 700;
    border-color: #1d1d1d
}

.sch_post .tab_nav &gt; li.active:not(:last-child) .btn {
    border-right: 1px solid #1d1d1d;
}

.sch_post .tab_nav &gt; li #dept_activity::after {
    content: "\e942";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 4px;
    font-family: "xeicon";
}

/*.sch_post.photo .tab_nav &gt; li.active .btn {border-bottom: 1px solid #adb5bd;}*/
/*.sch_post.photo .tab_nav &gt; li.gov.active .btn {border-bottom: 1px solid transparent;}*/
.sch_post .tab_cont_wrap {
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid transparent;
    border-top: none;
    background-color: #fff;
}

.sch_post .tab_cont_wrap.is-open {
    border-color: #d8d8d8;
    background-color: #F3F3F6;
}

.sch_post .cont {
    display: none;
    padding: 0 16px;
    max-height: 260px;
    overflow-y: scroll;
}

.sch_post .cont &gt; ul {
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.sch_post .cont &gt; ul &gt; li {
    width: calc(100% / 2);
    font-size: .875rem;
    padding: 4px 0;
}

.sch_post .cont h3 {
    color: #228be5;
    font-size: .875rem;
    font-weight: 500;
    width: 100%;
}

.sch_post .cont h3 + ul {
    margin-top: 5px;
}

.sch_post .cont .ul_wrap {
    margin: 16px 0;
}

.sch_post .cont .ul_wrap h3 {
    width: 100%;
    color: #1D1D1D;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
}

.sch_post .cont .ul_wrap &gt; ul {
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 12px;
}

.sch_post .cont .ul_wrap &gt; ul &gt; li {
    width: calc(50% - 8px);
    font-size: 14px;
}

.sch_post .cont .ul_wrap ul + h3 {
    margin-top: 10px;
}

.sch_post .cont .ul_wrap h3 + ul {
    margin-top: 8px;
}

.sch_post .sch_btn {
    display: none;
    padding: 12px;
    text-align: center;
    border-top: 1px solid #D8D8D8;
    background-color: #fff;
}

.sch_post .sch_btn button ~ button {
    margin-left: 7px;
}

.sch_post .sch_btn button {
    display: inline-block;
    border: none;
    background-color: #2D2D2D;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
}

.sch_post .sch_btn button.close {
    background-color: #D8D8D8;
    color: #2D2D2D;
}

.sch_post .sch_btn button.result {
    padding: 6.86px 16px;
}

.sch_post .sch_btn button.sch::before, .sch_post .sch_btn button.result::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url("../images/v3/icon_sch_white.svg") no-repeat 50% 50% / cover;
}

.sch_post .sch_btn button.reset {
    background-color: #fff;
    border: 1px solid #D8D8D8;
    color: #2D2D2D;
}

.sch_post .sch_btn button.sch {
    padding: 6.86px 16px;
    background-color: #2D2D2D;
    color: #fff;
    border: 1px solid #2D2D2D;
}

.sch_post .sch {
    padding: 0;
}

.sch_post .sch_post_inp:after {
    content: "";
    clear: both;
    display: table;
}

.sch_post .sch_post_inp fieldset {
    position: relative;
    border: 1px solid #C6C6C6;
    font-size: 16px;
}

.sch_post .sch_post_inp fieldset label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sch_post .sch_post_inp fieldset .custom_select {
    float: left;
    width: 80px;
    position: relative;
    display: inline-block;
    background-color: #fff;
}

.sch_post .sch_post_inp fieldset .custom_select select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 40px;
    border: 0;
    background-color: transparent;
    -webkit-appearance: none;
    padding: 0 15px 0 7px;
    font-size: 14px;
}

.sch_post .sch_post_inp fieldset .custom_select:after {
    content: "\e936";
    font-family: "xeicon";
    color: #495057;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    transition: all 0.2s;
}

.sch_post .sch_post_inp fieldset .custom_select:before {
    content: "";
    display: block;
    width: 1px;
    height: 17px;
    background-color: #adb5bd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sch_post .sch_post_inp fieldset input[type='text'] {
    float: left;
    width: calc(100% - 38px);
    height: 40px;
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
}

.sch_post .sch_post_inp fieldset .custom_select + .custom_input input[type='text'] {
    width: calc(100% - 128px);
}

.sch_post .sch_post_inp fieldset .custom_select + .custom_select + .custom_input input[type='text'] {
    width: calc(100% - 38px);
    border-top: 1px solid #dee2e6;
}

.sch_post .sch_post_inp fieldset button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: url("../images/v3/icon_sch.svg") no-repeat 50% 50% / 23px;
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
}

.sch_post .sch_post_inp fieldset button .xi-search {
    display: none;
}

.sch_post .sch_post_inp .custom_select + .custom_select + .custom_input button {
    height: 70px;
}

.sch_post .sch_post_inp .schresult_open {
    font-size: 12px;
    display: block;
    text-align: center;
    width: 100%;
    background-color: #f4f7fa;
    border: 1px solid #dee2e6;
    margin-top: 10px;
    padding: 5px;
}

.sch_post .sch_post_inp .schresult_open i {
    margin-left: 5px;
    transition: all .2s;
}

.sch_post .sch_post_inp .schresult_open.on {
    display: inline-block;
}

.sch_post .sch_post_inp .schresult_open.on i {
    transform: rotateX(180deg);
}

.sch_post .sch_post_inp.st4 .sch_basic_wrap {
    float: left;
}

.sch_post .sch_post_inp.st4 fieldset input[type='text'] {
    width: 450px;
}

.sch_post .sch_result {
    position: relative;
    margin-bottom: 10px;
}

.sch_post .sch_result strong.title {
    display: block;
    font-size: 1.0625rem;
    color: #002157;
    margin-bottom: 15px;
}

.sch_post .sch_result &gt; div {
    display: block;
}

.sch_post .sch_result &gt; div:after {
    content: "";
    clear: both;
    display: table;
}

.sch_post .sch_result &gt; div label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sch_post .sch_result &gt; div span {
    position: relative;
    display: block;
    float: left;
    padding: 0 34px 0 10px;
    border: 1px solid #d5d5d5;
    width: calc(50% - 15px);
}

.sch_post .sch_result &gt; div span input {
    width: 100%;
    height: 33px;
    vertical-align: middle;
    border: none;
    font-size: 14px;
}

.sch_post .sch_result &gt; div span button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 34px;
    height: 34px;
}

.sch_post .sch_result &gt; div span button:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 19px;
    height: 19px;
    background: url("../images/v3/icon_calendar.svg") no-repeat center center / cover;
}

.sch_post .sch_result &gt; div span button i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sch_post .sch_result &gt; div em {
    display: block;
    width: 10px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    float: left;
    margin: 0 10px;
}

.sch_post .sch_result .btn_result_sch {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    border: 1px solid #adb5bd;
    background: #f2f4f7;
    text-align: center;
    font-size: .9375rem;
    color: #212529;
    margin-top: 10px;
}

.sch_post .sch_result .restart {
    position: absolute;
    right: 0;
    top: 0;
    color: #868e96;
}

.sch_post.expert {
    padding-top: 12px;
}

.sch_post.expert .tab_nav &gt; li.active .btn {
    border-bottom: 1px solid #adb5bd;
}

.sch_post.expert .tab_cont_wrap {
    position: relative;
    border: 1px solid #adb5bd;
    margin-top: -1px;
}

.sch_post.expert .cont {
    padding: 0;
    max-height: none;
    overflow-y: hidden;
    width: 100%;
    display: none;
}

.sch_post.expert .cont:first-child {
    display: block;
}

.sch_post.expert .sort_wrap {
    display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
}

.sch_post.expert .sort_tab {
    width: 170px;
    height: 210px;
    overflow-y: scroll;
    border-right: 1px solid #adb5bd;
}

.sch_post.expert .sort_tab ul {
    padding: 10px 0;
}

.sch_post.expert .sort_tab li {
    height: 27px;
    line-height: 27px;
}

.sch_post.expert .sort_tab li &gt; a {
    font-size: .875rem;
    padding: 0 0 0 10px;
}

.sch_post.expert .sort_tab li &gt; a:before {
    content: "\e918";
    font-family: 'xeicon';
    font-size: 18px;
    color: #adb5bd;
    margin-right: 3px;
    line-height: 1;
    vertical-align: middle;
    position: relative;
    top: -0.125rem;
}

.sch_post.expert .sort_tab li.active &gt; a {
    font-weight: 500;
}

.sch_post.expert .sort_tab li.active &gt; a::before {
    content: "\e91f";
    color: #D41115;
}

.sch_post.expert .sort_cont {
    width: calc(100% - 170px);
    height: 210px;
    overflow-y: scroll;
    font-size: 0.875rem;
}

.sch_post.expert .sort_cont ul {
    padding: 10px 5px;
}

.sch_post.expert .sort_cont li {
    padding: 4px 4px;
}

.sch_post.expert .sch_btn {
    display: block;
    width: 100%;
    border-color: #adb5bd;
}

@media screen and (min-width: 576px) {
    .sch_post .sch_post_inp fieldset .custom_select + .custom_select + .custom_input input[type='text'] {
        width: calc(100% - 220px);
        border-top: 0;
    }

    .sch_post .sch_post_inp fieldset .custom_select + .custom_select + .custom_input button {
        height: 34px;
    }
}

@media screen and (max-width: 576px) {
    .sch_post.expert .sort_tab {
        width: 150px;
    }

    .sch_post.expert .sort_cont {
        width: calc(100% - 150px);
    }
}

/* ================================== View: article head  ================================== */
.article_head {
    padding: 0 16px;
    padding-top: 40px;
}

.article_head .head {
    font-weight: 500;
    color: #D41115;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

.article_head .head a {
    font-weight: 700;
}

.article_head .head a:after {
    content: "\e93f";
    font-family: 'xeicon'
}

.article_head .head.black {
    color: #333;
}

.article_head h1 {
    font-size: 28px;
    color: #1D1D1D;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.4;
    margin-bottom: 30px;
}

.article_head h2 {
    font-size: 16px;
    color: #555;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.article_head .info {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    margin-top: 20px;
}

.article_head .info span {
    position: relative;
    margin: 2px 16px 2px 0;
}

/*.article_head .info span:not(:first-child)::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -10px;
    top: 3px;
    width: 1px;
    height: 16px;
    background: #C6C6C6;
}*/
.article_head .info span:not(.block):not(:last-child)::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -10px;
    top: 3px;
    width: 1px;
    height: 16px;
    background: #C6C6C6;
}
.article_head .info span.block + span::before {
	display:none;
}

.article_head .info span.place {
    display: block;
    margin-right: 0;
    margin-top: 5px;
}

.article_head .info span.block {
    display: block;
    margin-right: 0;
}

.article_head .tabs_common {
    margin: -20px 0 40px 0;
}

.article_head .variety.top.st1 {
    margin: -20px 0 0 0;
}

.article_head + .article_body .event_cont {
    margin: 10px 0 15px 0;
}

.variety {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 0;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #2D2D2D;
    margin: 20px 0 0 0;
    padding: 6px 0;
}

.variety.top {
    margin: -25px 0 0 0;
    padding: 0;
    border-top: none;
    border-bottom: none;
}

.variety &gt; div {
    white-space: nowrap;
}

.variety &gt; div:last-child {
    margin-left: auto;
}

.variety .like, .variety .comment, .variety .tts, .variety .font_size .open, .variety .share .open, .variety .lst {
    padding: 10px 5px;
    line-height: 1;
    vertical-align: middle;
}

.variety .like .tit:before, .variety .comment:before, .variety .tts:before, .variety .font_size .open:before, .variety .share .open:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../images/v3/icon_view_tool.png');
    background-size: auto 24px;
}

.variety .like .tit span, .variety .tts span, .variety .font_size .close span, .variety .font_size .open span, .variety .share .open span, .variety .share_lst .close span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.variety .lst span {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 500;
}

.variety .like {
    padding: 10px 5px;
}

.variety .like &gt; span {
    line-height: 1;
    vertical-align: top;
}

.variety .like .cont {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 3px;
    color: #555;
    font-size: 11px;
    line-height: 1rem;
}

.variety .comment {
    padding: 10px 5px;
    display: inline-block;
}

.variety .comment &gt; span:nth-child(1) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.variety .comment &gt; span:nth-child(2) {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 5px;
    color: #555;
    font-size: 11px;
    line-height: 1rem;
    vertical-align: top;
}

.variety .like .tit:before {
    background-position: 200px 0;
}

.variety .comment:before {
    background-position: 120px 0;
}

.variety .tts:before {
    background-position: 80px 0;
}

.variety .font_size .open:before {
    background-position: 40px 0;
}

.variety .share .open:before {
    background-position: 239px 0;
}

/* .variety .lst:before {background-position: -149px 0;} */
.variety .like.active .tit:before {
    background-position: 160px 0;
}

.variety .tts.active:before {
    background-image: url('../images/common/ico_tts_on.gif');
    background-size: auto 14px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.variety .share {
    display: inline-block;
    position: relative;
}

.variety .share_lst {
    position: absolute;
    left: 0;
    top: 100%;
    width: 300px;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    background-color: #fff;
    padding: 20px 20px 32px;
    box-shadow: 0px 0px 10px rgb(5 5 6 / 8%);
    z-index: 5;
    display: none;
}

.variety .pdt .share_lst {
    top: 100px;
}

.variety .share_lst b {
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #1D1D1D;
    font-weight: 500;
    display: block;
}

.variety .share_lst ul:after {
    content: "";
    clear: both;
    display: table;
}

.variety .share_lst ul li {
    float: left;
    width: calc(100% / 3);
    padding: 20px 0 0;
    margin: 0;
}

.variety .share_lst ul li button {
    width: 100%;
    vertical-align: top;
}

.variety .share_lst ul li button:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.variety .share_lst ul li button span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #555;
}

.variety .share_lst ul li button.fb:before {
    background-image: url("../images/v3/sns_icon_fb.svg");
}

.variety .share_lst ul li button.tw:before {
    background-image: url("../images/v3/sns_icon_tw.svg")
}

.variety .share_lst ul li button.bd:before {
    background-image: url("../images/v3/sns_icon_bd.svg")
}

.variety .share_lst ul li button.kt:before {
    background-image: url("../images/v3/sns_icon_kkc.svg")
}

.variety .share_lst ul li button.ks:before {
    background-image: url("../images/v3/sns_icon_bmk.svg");
}

.variety .share_lst ul li button.uc:before {
    background-image: url("../images/v3/sns_icon_copy.svg")
}

.variety .share_lst .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    line-height: 1;
}

.variety .share_lst .close:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/common/ico_tool@x1.svg");
    background-size: auto 20px;
    background-repeat: no-repeat;
    background-position: -169px 0;
}

.variety .font_size .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    line-height: 1;
}

.variety .font_size .close:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("../images/common/ico_tool@x1.svg");
    background-size: auto 20px;
    background-repeat: no-repeat;
    background-position: -169px 0;
}

.variety .font_size {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.variety .font_size &gt; .size_lst {
    position: absolute;
    right: -36px;
    top: 40px;
    background: red;
    font-size: 13px;
    padding: 25px 25px 20px 25px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(5 5 6 / 8%);
    z-index: 5;
    display: none;
}

.variety .font_size &gt; .size_lst &gt; b {
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #333;
    font-weight: 500;
    display: block;
    text-align: left;
    margin-bottom: 20px;
}

.variety .font_size &gt; .size_lst ul {
    display: flex;
    margin: 0 -12px;
}

.variety .font_size &gt; .size_lst ul li {
    margin: 0 8px;
}

.variety .font_size &gt; .size_lst ul li button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 25px;
}

.variety .font_size &gt; .size_lst ul li button:before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    border: 1px solid #dbdbdb;
}

.variety .font_size &gt; .size_lst ul li button:after {
    content: '가';
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #757575;
    font-weight: 400
}

.variety .font_size &gt; .size_lst ul li:nth-child(1) button:after {
    font-size: 18px;
}

.variety .font_size &gt; .size_lst ul li:nth-child(2) button:after {
    font-size: 20px;
}

.variety .font_size &gt; .size_lst ul li:nth-child(3) button:after {
    font-size: 23px;
}

.variety .font_size &gt; .size_lst ul li:nth-child(4) button:after {
    font-size: 24px;
}

.variety .font_size &gt; .size_lst ul li:nth-child(5) button:after {
    font-size: 25px;
}

.variety .font_size &gt; .size_lst ul li button span {
    position: absolute;
    bottom: 0;
    color: #757575;
    font-size: 14px;
}

.variety .font_size &gt; .size_lst ul li.active button:after {
    color: #fff;
}

.variety .font_size &gt; .size_lst ul li.active button:before {
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}

.variety .font_size &gt; .size_lst ul li.active button span {
    text-decoration: underline;
    text-underline-position: under;
    color: #2f2f2f;
    font-weight: 500;
}

/* ================================== View: article body  ================================== */
.article_body {
}

.article_body:after {
    content: "";
    clear: both;
    display: table;
}

.article_body .view_cont {
    font-size: 18px;
    line-height: 1.6;
    color: #2d2d2d;
    margin: 30px 0 0;
    padding: 0 16px;
}

.article_body .view_cont.newsletter {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.article_body .event_cont {
    margin: 15px 0;
    padding: 0 0;
}

#containerForSwiper .article_body .event_cont {
    margin: 0;
    padding: 0;
}

.article_body .newsletter_cont {
    margin: 15px 0;
    padding: 0 15px;
}

.article_body h2 {
    margin-bottom: 20px;
    color: #002157;
    font-size: 1.25rem;
}

.article_body div + h2 {
    margin-top: 43px;
}

.view_cont p {
    word-break: break-all;
    letter-spacing: 0;
    margin: 0 0 25px 0;
}

.view_cont strong {
    font-weight: 600;
}

.view_cont span {
    display: inline;
}

.view_cont .imageWrap {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 640px;
    margin: 30px 0 !important;
    width: calc(100% + 30px);
    float: none !important;
}

.view_cont .imageWrap:after {
    content: "";
    clear: both;
    display: table;
}

.view_cont .imageWrap figure {
    margin: 0 !important;
    position: relative;
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    float: none !important;
}

.view_cont .imageWrap .imageSpan {
	position:relative;
    display: block;
    margin-bottom: 0px
}

.view_cont .imageWrap .imageSpan img {
    margin: 0 !important;
}

.view_cont .imageWrap .captions b {
    text-align: left;
    margin-top: 0 !important;
    padding: 15px 0;
    border-bottom: 1px solid #dee2e6;
    font-size: 0.983rem !important;
    color: #495057;
    line-height: 1.4;
    word-break: keep-all;
    font-weight: 400 !important;
    display: inline-block;
}

/*
.view_cont .imageWrap figure.center {text-align:center; left: 50%; transform: translateX(-50%); width: 100% !important;}
.view_cont .imageWrap figure.left {float:left; margin-right:20px}
.view_cont .imageWrap figure.right {float:right; margin-left:20px}
*/
.view_cont .imageWrap figure figcaption.captions {
    margin: 0 15px;
}

.view_cont .imageWrap figure figcaption.captions b {
    width: 100%;
    margin: 0 auto;
}

.view_cont .imageWrap figure .imageSpan {
    display: block;
    margin-bottom: 0px
}

.view_cont .imageWrap figure .imageSpan img {
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

.view_cont table.imageWrap {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 640px;
    table-layout: fixed;
    width: calc(100% + 30px) !important;
}

.view_cont table.imageWrap .imageArea {
    text-align: center;
    padding: 0;
}

.view_cont table.imageWrap .captions {
    text-align: center;
    padding: 0 15px;
}

.view_cont table.imageWrap .captions b {
    width: 100%;
    margin: 0 auto;
}

.view_cont table.imageWrap img {
    height: auto;
}

.view_cont .imageArea {
    text-align: center !important;
}

.view_cont .imageArea img {
    width: auto !important;
    height: auto !important;
}

.view_cont .curation_box {
    overflow: hidden;
}

.view_cont .curation_box .slider_wrap .flex-direction-nav a:before {
    font-size: 1.250rem;
}

.view_cont .curation_box .cardnews_slider .slider.slider_wrap .flex-direction-nav .flex-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 30px;
    height: 60px;
}

.view_cont .curation_box .cardnews_slider .slider.slider_wrap .flex-direction-nav .flex-prev {
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 30px;
    height: 60px;
}

/* 기고칼럼 */
.view_cont &gt; .imageWrap:nth-child(1) figure.right .captions b {
    padding: 15px 0 0 0;
    border-bottom: none;
    text-align: center;
}

.view_cont &gt; .imageWrap:nth-child(1) figure.right img {
    max-height: 225px;
}

/* 전문자료 */
.view_sort_tit {
    border: 1px solid #cbcbcb;
    background: #f8f8f8;
    padding: 5px 15px;
    font-weight: 500 !important;
    margin: 10px 0;
    color: #212529;
}

/* 해택 */
.benefit {
    position: relative;
    background-color: #fef9e8;
    border: 1px solid #f0e8cc;
    margin: 30px 0;
    padding: 0;
    box-sizing: border-box;
}

.benefit .title {
    background-color: #f7efd3;
    padding: 16px 20px;
    font-size: 15px;
    color: #6c6045;
    font-weight: 500;
    border-bottom: 1px solid #f0e8cc;
}

.benefit a {
    position: relative;
    padding: 17px 20px;
    display: block;
}

.benefit a + a:before {
    content: '';
    height: 1px;
    background-color: #f0e8cc;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
}

.benefit .tit {
    display: block;
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color: #1c1f22;
}

.benefit .tit span {
    display: inline;
    margin-right: 5px;
}

.benefit .tit i {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    background-color: #393939;
    border-radius: 20% / 100%;
    padding: 2px 5px 2px 10px;
    white-space: nowrap;
}

.benefit .tit i:after {
    content: '\e93f';
    font-family: 'xeicon';
}

.benefit .txt {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

.benefit .txt span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-wrap: break-word;
    max-width: 150px;
}

.benefit .txt span ~ span {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
    display: inline-block;
}

.benefit .txt span ~ span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 11px;
    background-color: #d2ccb9;
}

.benefit .more {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #767265;
    padding: 17px 20px;
    margin: 0 0 0 0;
    text-align: center;
}

.benefit .more:before {
    display: none;
}

.benefit .more .xe-icon:after {
    content: '\e93f'
}

/* 편집자 주 */
.editor_note {
    border: 1px solid #d8d8d8;
    background: #F6F6F8;
    padding: 16px;
    margin: 28px 0;
    font-size: 15px;
    font-weight: 500;
    color: #1D1D1D;
    line-height: 1.6;
    letter-spacing: -0.02em;
    box-sizing: border-box;
}

.editor_note strong {
    color: #fff;
    background-color: #ed1f23;
    padding: 2px 5px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
}

.editor_note span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.editor_note .blank {
    color: #1974dd;
    display: inline;
}

.editor_note .blank:after {
    content: '\e980';
    font-family: "xeicon";
    display: inline-block;
    font-size: 0.875rem;
    position: relative;
    top: -0.125rem;
}

/* 관련기사 / 필자의 다른글 보기 */
.related {
    position: relative;
    border-top: 1px solid #2D2D2D;
    padding: 20px 0;
    margin: 30px 0 0;
    box-sizing: border-box;
}

.related.default {
    margin: 0;
}

.related .rhead {
    position: relative;
}

.related .rhead &gt; strong.rtit {
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
    color: #1d1d1d;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1.4;
}

.related .rhead &gt; div.rkey {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 4px 0 20px;
    color: #555;
    line-height: 1.25;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}

.related .rhead &gt; div.rkey &gt; button.rb {
    position: relative;
    font-size: 12px;
    color: #555;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.related .rhead &gt; div.rkey &gt; button.rb:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ed1f23;
    transform: scaleX(0);
    visibility: hidden;
    transition: all 0.2s;
}

.related .rhead &gt; div.rkey &gt; button.rb.active {
    color: #ED1F23;
}

.related .rhead &gt; div.rkey &gt; button.rb.active:after {
    background-color: #ED1F23;
    transform: scaleX(1);
    visibility: visible;
}

.related .rbody &gt; ul.rlst {
    padding: 20px 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.related .rbody &gt; ul.rlst a {
    position: relative;
    font-size: 15px;
    color: #1D1D1D;
    line-height: 1.4;
    padding-left: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-wrap: break-word;
    display: block;
    font-weight: 500;
}

.related .rbody &gt; ul.rlst a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    background: #d8d8d8;
    transition: all .2s;
    transform: translateY(-50%);
}

.related .rbody &gt; ul.rlst a:hover, .related .rbody &gt; ul.rlst a:focus {
    color: #ED1F23;
}

.related .rbody &gt; ul.rlst a:hover:before, .related .rbody &gt; ul.rlst a:focus:before {
    background: #ED1F23;
}

.related .rbody &gt; ul.rlst li + li:not(:nth-child(5n+1)) {
    margin-top: 16px;
}

.related .rbody &gt; ul.rlst li:nth-child(5n+1) {
    padding-top: 16px;
}

.related .rbody &gt; ul.rlst li:nth-child(5n) {
    border-bottom: 1px dashed #dee2e6;
    padding-bottom: 16px;
}

.related .rbody &gt; ul.rlst li:first-child {
    padding-top: 0;
}

.related .rbody &gt; ul.rlst li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.related &gt; .ropen button {
    display: block;
    max-width: 246px;
    margin: 20px auto 0;
    font-size: 14px;
    color: #1D1D1D;
    letter-spacing: -0.02em;
    padding: 10px 26px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
}

.related &gt; .ropen button .xe-icon {
    margin-left: 5px;
}

.related &gt; .ropen button .xe-icon:after {
    content: "\e941";
}

.related &gt; a.rmore {
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 3px;
    line-height: 1;
    color: #707070;
    font-size: 1.250rem;
}

.related &gt; a.rmore span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.related &gt; a.rmore .xe-icon:before {
    content: '\e913';
}

/* 보도자료 뷰어변환 아이프레임 */
.docConversion {
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e2e2e2;
}

/* 사실은 이렇습니다 */
.actually_titles {
    margin-bottom: 32px;
    padding: 24px;
    background: #F6F6F8;
}

.actually_titles .cont-box {
    margin: 0;
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.actually_titles .remark {
    margin: 0;
    color: #1D1D1D;
    font-size: 14px;
    line-height: 1.6;
}

.actually_titles .cont-box + .remark {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #D8D8D8;
}

/* .cont-box {position: relative; border: 1px solid #D8D8D8; background: #F6F6F8; padding: 24px 24px; font-size: 16px; line-height: 26px; color: #000; margin-bottom: 0 !important; font-weight: 500;}
.remark {position: relative; border: 1px solid #D8D8D8; background:#F6F6F8; font-size: 14px; color: #525254; line-height: 24px; font-weight: 400; letter-spacing: -0.01em; padding: 10px 21px 10px 44px; text-indent: -10px; background-color: #f7f5fd;}
.remark i {color: #8dacd5;}
.cont-box + .remark {margin-top: -1px; border-top: none;} */
.remark_briefing {
    font-size: 0.75rem;
    color: #555;
    font-weight: 500;
    letter-spacing: -0.05em;
    text-align: center;
    margin: 5% 0;
    background-color: #f2f4f7;
    padding: 2%;
    border-radius: 10px;
}

/* 카드뉴스, 포토 슬라이드 */
.slider_wrap {
    position: relative;
    background-color: #383e44;
    padding-top: 50px;
    width: 100%;
    margin-bottom: 30px;
}

.slider_wrap h3 {
    display: none;
}

.slider_wrap .slider {
    position: relative;
    background: #424242;
    box-sizing: border-box;
}

.slider_wrap .slides:after {
    content: "";
    clear: both;
    display: table;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.slider_wrap .slides &gt; li {
    display: none;
}

.slider_wrap .slides img {
    max-width: 100%;
    display: block;
}

.slider_wrap .current {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}

.slider_wrap .current span {
    margin: 0 3px;
}

.slider_wrap .flex-direction-nav li {
    opacity: 1;
    padding: 0;
}

.slider_wrap .flex-direction-nav a {
    position: absolute;
    top: calc(50% - 38px);
    transform: translate(0, -50%);
    z-index: 2;
    width: 30px;
    height: 60px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: inline-block;
}

.slider_wrap .flex-direction-nav a:before {
    font-family: "xeicon";
    font-size: 20px;
    color: #fff;
    transition: all .2s;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.slider_wrap .flex-direction-nav a:hover:before {
    color: #fff;
}

.slider_wrap .flex-direction-nav .flex-prev {
    left: 0px;
}

.slider_wrap .flex-direction-nav .flex-prev:before {
    content: '\e93b';
}

.slider_wrap .flex-direction-nav .flex-next {
    right: 0px;
}

.slider_wrap .flex-direction-nav .flex-next:before {
    content: '\e93e';
}

.slider_wrap .flex-direction-nav .flex-disabled {
    display: none;
}

.slider_wrap .first {
    display: none;
}

.slider_wrap .first button {
    position: absolute;
    right: 0;
    top: calc(50% - 38px);
    transform: translate(0, -50%);
    z-index: 2;
    width: 30px;
    height: 60px;
    font-size: 0.563rem;
    background-color: rgba(0, 0, 0, 0.3);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    line-height: 1;
}

.slider_wrap .first button:before {
    font-family: "xeicon";
    content: '\eb08';
    display: block;
    font-size: 0.938rem;
    color: #fff;
    margin-bottom: 5px;
}

.slider_for {
    position: relative;
    padding: 0;
}

.slider_for .flex-viewport {
    margin: 0 auto;
    max-width: 560px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.slider_nav {
    position: relative;
    overflow: hidden;
    background-color: #2c3135;
    padding: 30px;
    box-sizing: border-box;
}

.slider_nav .flex-direction-nav a {
    top: 30px;
    bottom: 30px;
    width: 25px;
    height: auto;
    transform: translate(0, 0);
}

.slider_nav .flex-direction-nav a:before {
    font-size: 1.250rem;
}

.slider_nav li {
    padding: 6px;
    opacity: .4;
    cursor: pointer;
    transition: all .2s;
}

.slider_nav button {
    box-sizing: border-box;
    width: 100%;
}

.slider_nav .flex-active-slide button {
    border: 3px solid transparent;
    outline: 3px solid #228be5;
}

.slider_nav .flex-active-slide button img {
    border: 0 solid transparent;
    outline: 0 solid #228be5;
}

.slider_nav .flex-active-slide {
    opacity: 1;
}

.slider_nav .flex-active-slide img {
    border: 3px solid transparent;
    outline: 3px solid #228be5;
}

.slider_nav .slides.center {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.cardnews_slider, .photoview_slider {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-right: -30px;
    max-width: 640px;
}

.cardnews_slider .slider_wrap {
    background-color: #f2f4f7;
    padding-top: 0;
}

.cardnews_slider .slider_wrap .current {
    padding: 10px 0;
}

.cardnews_slider .slider_wrap .slides img {
    max-width: none;
    width: 100%;
}

.cardnews_slider .slider_wrap .current {
    color: #333;
}

.cardnews_slider .slider_wrap .current .current-slide {
    color: #1974dd;
}

.cardnews_slider .slider_for .flex-viewport {
    margin: 0 auto;
    max-width: 100%;
    box-shadow: none;
}

.cardnews_slider .slider_nav {
    background-color: #f2f4f7;
    padding: 0 30px 20px 30px;
}

.cardnews_slider .slider_nav .flex-direction-nav a {
    top: 6px;
    bottom: 26px;
    width: 25px;
    height: auto;
    transform: translate(0, 0);
    background-color: #6c757e;
}

.cardnews_slider .slider_nav .flex-direction-nav a:before {
    font-size: 20px;
}

.cardnews_slider .slider_nav li {
    font-size: 0;
}

.photoview_slider .slider_wrap {
    margin: 0 auto;
    background-color: #f2f4f7;
    padding: 0;
}

.photoview_slider .slider_wrap .slider_for {
    padding: 0;
}

.photoview_slider .slider_wrap .slider_for li {
    padding: 0;
}

.photoview_slider .slider_wrap .current {
    color: #333;
}

.photoview_slider .slider_wrap .current .current-slide {
    color: #1974dd;
    font-weight:bold;
}

.photoview_slider .slider_for .thumb {
    height: 0;
    padding-bottom: 66.56%;
    display: block;
    position: relative;
    background: none;
}

.photoview_slider .slider_for img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all .2s;
    vertical-align: top;
}

.photoview_slider .slider_for .flex-viewport {
    max-width: 100%;
    height: auto;
    box-shadow: none;
}

.photoview_slider .slider_nav {
    background-color: #f2f4f7;
    padding: 0 30px 20px 30px;
}

.photoview_slider .slider_nav .slides li {
    padding: 3px;
}

.photoview_slider .slider_nav button {
    height: 0;
    padding-bottom: 66.56%;
    display: block;
    position: relative;
    background: none;
    border: 3px solid transparent;
}

.photoview_slider .slider_nav img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all .2s;
    vertical-align: top;
}

.photoview_slider .slider_nav .flex-active-slide button {
    border: 3px solid transparent;
    outline: 0 solid #228be5;
    display: block;
}

.photoview_slider .slider_nav .flex-active-slide button img {
    border: 3px solid transparent;
    outline: 0 solid #228be5;
}

.photoview_slider .slider_nav .flex-active-slide {
    opacity: 1;
}

.photoview_slider .slider_nav .flex-active-slide button {
    border: 3px solid #228be5;
}

.photoview_slider .slider_nav .flex-active-slide img {
    outline: none;
    border: none;
}

.photoview_slider .slider_nav .flex-direction-nav a {
    top: 9px;
    bottom: 29px;
    background-color: #666;
}

.photoview_slider .slider_nav li {
    font-size: 0;
}

.photoview_slider .down {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    z-index: 2;
}

.photoview_slider .down li {
    display: none;
    font-size: 0;
}

.photoview_slider .down li.active {
    display: block;
}

.photoview_slider .down li a {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    transition: all .2s;
    display: inline-block;
    opacity: 0;
    display: none;
}

.photoview_slider .down li.chk a {
    display: block;
}

.photoview_slider .slider_for:hover .down li a {
    opacity: 1;
}

.photoview_slider .down li a:focus {
    opacity: 1;
}

.photoview_slider .down li a:before {
    font-family: "xeicon";
    content: '\ea4b';
    display: inline-block;
    font-size: 14px;
    color: #fff;
    z-index: 3;
    margin-right: 5px;
}

.photoview_slider .down li a:after {
    content: '다운로드';
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

.photoview_slider .down li a i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.pinfo {
    display: block;
    font-size: .9375rem;
    color: #707070;
    margin-top: 15px;
    text-align: right;
}

.photoview_slider + .text {
    margin-top: 20px;
}

.movie {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 30px);
    max-width: 640px;
}

.movie &gt; div:first-child {
    padding-top: 56.57894736842% !important;
    padding-bottom: 0 !important;
}

.movie .info {
    font-size: 0.875rem;
    line-height: 13px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}

.movie .info:before {
    content: "\ea40";
    font-family: "xeicon";
    display: inline-block;
    color: #eb1b21;
    margin-right: 5px;
}

.btn_mov {
    display: block;
    text-align: center;
}

.btn_mov .bvid {
    font-size: 1rem;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: #f2f4f7;
    color: #343a40;
    border: 1px solid #343a40;
}

.btn_mov .bvid .xe-icon:before {
    content: "\ea3f";
}

.btn_mov .bvid.sl {
    background-color: #228be5;
    border-color: #228be5;
    color: #fff;
}

.weekend_style .travel_img {
    width: calc(100% + 32px) !important;
    max-width: 640px !important;
   /*margin-left: -16px;*/
}

.list_sns {
    padding: 12px 20px 12px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 5px 0;
}

.list_sns &gt; span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
    margin-right: 10px;
    white-space: nowrap;
}

.list_sns ul {
    display: flex;
}

.list_sns ul li i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.list_sns ul li a {
    height: 30px;
}

.list_sns ul li a:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background: url("../images/sub/channel_icon_sns.png");
    background-repeat: no-repeat;
    background-size: 360px auto;
}

.list_sns ul li a.fb:before {
    background-position: 3px 0;
}

.list_sns ul li a.tw:before {
    background-position: -30px 0;
}

.list_sns ul li a.nbg:before {
    background-position: -60px 0;
}

.list_sns ul li a.yt:before {
    background-position: -90px 0;
}

.list_sns ul li a.ig:before {
    background-position: -120px 0;
}

/* 정책기자단 명함 */
.namecard {
    display: inline-block;
    border: 1px solid #CED0D4;
    border-radius: 7px;
    width: 100%;
    max-width: 640px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.namecard_box {
    float: left;
    padding: 20px 15px;
}

.namecard_imgbox {
    overflow: hidden;
    border: #bbb 1px solid;
    height: 90px;
    width: 90px;
}

.namecard_imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.namecard .text {
    margin: 10px;
}

.namecard .title {
    padding-top: 5px;
    font-size: 12px;
    color: #a5a5a5;
}

.namecard .title .name {
    font-size: 15px;
    white-space: nowrap;
    font-weight: bold;
    color: #484848;
    letter-spacing: 0.4em;
    line-height: 16px;
}

.namecard .title &gt; span:first-child {
    margin: 0 5px;
}

.namecard .title a {
    font-size: 12px !important;
    text-decoration: none;
    color: #a5a5a5;
}

.namecard .introduce {
    font-size: 12px;
    color: #727272;
    line-height: 1.3em;
}

.namecard .namecard_logo {
    float: right;
    margin: 0 15px;
}

/* icon */
.vid_ico {
    font-size: 1.125rem;
    color: #1974dd;
    padding: 0;
    margin: 0;
    margin-right: 3px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.vid_ico i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
}

.vid_ico:before {
    content: "\ea4c";
    font-family: "xeicon";
    font-weight: normal;
}

.vid_ico:after {
    display: none;
}

.vid {
    display: inline-block;
}

.vid i {
    position: relative;
    font-size: 0.813rem;
    direction: ltr;
    vertical-align: middle;
    line-height: 1;
    color: #707070;
    padding: 4px 22px 4px 4px;
    display: inline-block;
    border: 1px solid #707070;
    white-space: nowrap;
}

.vid i:after {
    content: "\ea3f";
    font-family: "xeicon";
    font-size: 14px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.vid.sl i {
    color: #333;
    border: 1px solid #cecdcd;
    padding: 4px 31px 4px 4px;
    white-space: nowrap;
}

.vid.sl i:after {
    font-size: 0;
    background: url("../images/common/icon_vid_sl.svg");
    width: 22px;
    height: 16px;
}

.source .vid {
    vertical-align: middle;
}

.source .vid:after {
    display: none !important;
}

.source .vid + .vid {
    margin-left: -8px;
}

.source .vid + span {
    vertical-align: middle !important;
}

.source .vid + span:last-child {
    max-width: calc(100% - 130px) !important;
}

.source .vid i {
    font-size: 12px;
}

.source .vid i:after {
    font-size: 12px;
}

/* 보도자료 테이블 스크롤 */
.vc_scroll_wrap {
    position: relative;
}

.vc_scroll_wrap:before {
    content: '모바일에서 표를 좌우로 스크롤 할 수 있습니다.';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f5f6fa;
    border: 1px solid #d3d8dd;
    border-radius: .5rem;
    padding: 5px 5px 5px 35px;
    font-size: 14px;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    box-sizing: border-box;
}

.vc_scroll_wrap:after {
    content: "\eafa";
    font-family: "xeicon";
    font-size: 20px;
    display: block;
    z-index: 2;
    line-height: 1;
    position: absolute;
    top: 7px;
    left: 10px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
    box-sizing: border-box;
}

.vc_scroll {
    margin-bottom: 20px;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    min-width: 100%;
    padding-top: 45px;
    padding-bottom: 5px;
}

.vc_scroll::-webkit-scrollbar {
    height: 8px;
    background-color: #fff;
}

.vc_scroll::-webkit-scrollbar-thumb {
    height: 8px;
    background-color: #888 !important;
    border-radius: 8px;
}

.vc_scroll table {
    border-top: 2px solid #495057 !important;
    width: 100vw;
    margin: 0 0;
    border-right: 1px solid #dee2e6 !important;
    min-width: 800px;
}

.vc_scroll table th, .vc_scroll table td {
    padding: 5px 5px !important;
    font-size: 14px;
    letter-spacing: -0.05em;
    font-weight: normal;
}

.vc_scroll table thead th {
    background: #f2f4f7 !important;
    text-align: center;
    border-left: 1px solid #dee2e6 !important;
}

.vc_scroll table tr {
    border-bottom: 1px solid #dee2e6 !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
}

.vc_scroll table td {
    text-align: center;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
    border-left: 1px solid #dee2e6 !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    white-space: nowrap !important;
}

/* ================================== View: article footer ================================== */
/* .article_footer {margin-top: 25px; padding: 0 15px;} */
.article_footer {
    padding: 0 15px;
}

.filedown {
    padding: 20px 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    font-size: 14px;
    margin: 0 0 -1px 0;
}

.filedown dt {
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
}

.filedown dd {
    width: 100%;
}

.filedown dd li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.filedown dd span a {
    color: #2D2D2D;
    padding: 5px 0 5px 21px;
    text-indent: -21px;
}

.filedown dd span img {
    position: relative;
    top: -2px;
}

.filedown dd span:nth-child(1) {
    width: calc(100% - 65px);
}

.filedown dd span:nth-child(1) a {
    width: 100%;
}

.filedown dd span:nth-child(2) {
    width: 60px;
    margin-left: auto;
}

.filedown dd span:nth-child(2) a {
    color: #444;
    padding: 5px 5px !important;
    font-weight: 500;
    padding-left: 0;
    text-indent: 0;
}

.filedown dd span:nth-child(2) a:after {
    font-family: "xeicon";
    font-size: 15px;
}

.filedown dd span:nth-child(2) a.view:after {
    content: '\e980';
}

.filedown dd span:nth-child(2) a.down:after {
    content: '\e904';
}

.filedown dd span:nth-child(2) a i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.filedown dd img {
    margin-right: 5px;
}

.article_head .filedown {
    background-color: #f9fafc;
    padding: 20px;
}

.article_head .filedown dt {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 500;
}

.article_head .filedown dd {
    float: none;
    width: 100%;
}

.banner_actually {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.banner_actually img {
    max-height: 200px;
}

.law_copy_wrap {
}

.law_copy_wrap .source {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.law_copy_wrap .source span {
    color: #ed1f23;
    font-weight: 700;
}

.law_copy_wrap .open {
    position: relative;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0;
    color: #495057;
    width: 100%;
    font-size: 13px;
    text-align: left;
}

.law_copy_wrap .open:after {
    content: '\e942';
    font-family: 'xeicon';
    color: #495057;
    font-size: 0.938rem;
    margin-left: 3px;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.law_copy_wrap .open.is-open:after {
    content: '\e945';
}

.law_copy_wrap .law_copy_more {
    display: block;
    margin-top: 60px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.law_copy_wrap .law_copy_more .kogl {
    padding: 16px 0;
}

.law_copy_wrap .law_copy {
    position: relative;
    font-size: 12px;
    color: #555;
    line-height: 1.5;
}

.law_copy_wrap .law_copy ~ .law_copy {
    margin-top: 20px;
}

.law_copy_wrap .law_copy .text {
    font-size: 12px;
    color: #555;
    line-height: 1.5;
}

.law_copy_wrap .law_copy .text &gt; div {
    display: inline-block;
}

.law_copy_wrap .law_copy .text &gt; div &gt; a {
    text-decoration: underline;
    text-underline-position: under;
    color: #333;
}

.law_copy_wrap .law_copy .tooltip {
    display: none;
    z-index: 55;
    position: absolute;
    font-size: 13px;
    color: #65709a;
    background-color: #f5fafd;
    margin-top: 5px;
    left: 0px;
    border: 1px solid #d9e7ef;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
}

.law_copy_wrap .law_copy .tooltip a {
    text-decoration: underline;
    color: #1871d7;
}

.law_copy_wrap .law_copy .tooltip .close {
    position: absolute;
    right: 13px;
    top: 10px;
    width: 16px;
    height: 16px;
    font-size: 0;
    background-color: #333;
}

.law_copy_wrap .law_copy .tooltip .close:before {
    content: '\e922';
    font-family: "xeicon";
    font-size: 16px;
    color: #fff;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.law_copy_wrap .kogl &gt; div ~ div {
    margin-top: 20px;
}

.law_copy_wrap .kogl .guide .mark_bx {
}

.law_copy_wrap .kogl .mark_bx .btn {
    justify-content: flex-start;
}

.law_copy_wrap .kogl .guide .mark {
    display: inline-block;
    vertical-align: middle;
    width: 199px;
    height: 50px;
    background-image: url('../images/common/kogl.png');
    background-repeat: no-repeat;
    background-size: 199px auto;
    margin-right: 12px;
}

.law_copy_wrap .kogl .guide .mark span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.law_copy_wrap .kogl .guide .mark.type1 {
    background-position: 0 0;
    width: 140px;
}

.law_copy_wrap .kogl .guide .mark.type2 {
    background-position: 0 -55px;
    width: 168px;
}

.law_copy_wrap .kogl .guide .mark.type3 {
    background-position: 0 -110px;
    width: 168px;
}

.law_copy_wrap .kogl .guide .mark.type4 {
    background-position: 0 -165px;
    width: 199px;
}

.law_copy_wrap .kogl .guide dt {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #1D1D1D;
    font-size: 15px;
}

.law_copy_wrap .kogl .guide dt span {
    flex: 1;
}

.law_copy_wrap .kogl .guide dd {
    padding: 12px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 0;
}

.law_copy_wrap .kogl .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    margin-top: 8px;
}

.law_copy_wrap .kogl .btn a {
    display: inline-block;
    padding: 4px 6.5px;
    border: 1px solid #717171;
    background-color: #fff;
    color: #555;
    color: #2D2D2D;
    font-size: 12px;
    line-height: 1.5;
}

.law_copy_wrap .kogl .info {
    padding: 16px;
    color: #1D1D1D;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}

.law_copy_wrap .kogl + .law_copy {
    padding: 8px 0;
    border-top: 1px solid #E4E4E4;
    color: #555;
    font-size: 12px;
    line-height: 1.5;
}

.area_page + .law_copy_wrap .law_copy_more {
    margin-top: 20px;
}

/*
.law_copy_wrap .kogl &gt; div ~ div {margin-top: 20px;}
.law_copy_wrap .kogl .guide .mark {height: 50px; background-image: url('../images/common/kogl.png'); background-repeat: no-repeat; background-size: 199px auto; margin-bottom: 10px;}
.law_copy_wrap .kogl .guide .mark span {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.law_copy_wrap .kogl .guide .mark.type1 {background-position: 0 0;}
.law_copy_wrap .kogl .guide .mark.type2 {background-position: 0 -55px;}
.law_copy_wrap .kogl .guide .mark.type3 {background-position: 0 -110px;}
.law_copy_wrap .kogl .guide .mark.type4 {background-position: 0 -165px;}
.law_copy_wrap .kogl .guide dt {font-weight: 500; margin-bottom: 5px;}
.law_copy_wrap .kogl .guide dd {font-size: 0.875rem; color: #707070; margin-bottom: 0;}
.law_copy_wrap .kogl .info {font-size: 1rem;}
.law_copy_wrap .kogl .info .btn {display: block; text-align: left; padding: 0; margin-bottom: 5px;}
.law_copy_wrap .kogl .info .btn a {color: #fff; font-size: 13px; background-color: #6c757e; padding: 3px 4px;}
.law_copy_wrap .kogl + .law_copy {margin-top: 20px; border-top: 1px solid #ededed; padding-top: 20px;}
*/
.copyRightPopup {
    position: absolute;
    left: 15px;
    right: 15px;
    display: none;
}

.copyRightPopup &gt; div {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 3;
    width: 100%;
    max-width: 500px;
    border: 2px solid #333;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    margin-top: -30px;
}

.copyRightPopup strong {
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: -20px;
}

.copyRightPopup .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    font-size: 18px;
}

.copyRightPopup .copyright_box {
    padding: 10px 0;
}

.copyRightPopup .copyright_box table + p {
    text-align: left;
}

/* ================================== tab common ================================== */
.tabs_common {
    position: relative;
    margin: 40px 16px 20px 16px;
}

.tabs_common ul {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.tabs_common li {
    position: relative;
    display: table-cell;
    text-align: center;
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
}

.tabs_common li ~ li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dee2e6;
}

.tabs_common li a, .tabs_common li button {
    display: block;
    padding: 10px 0;
    z-index: 2;
    width: 100%;
}

.tabs_common li a:before, .tabs_common li button:before {
    content: '';
    position: relative;
    display: none;
    z-index: 3;
}

.tabs_common li a:after, .tabs_common li button:after {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -2px;
    border: 2px solid #495057;
    background-color: #fff;
    opacity: 0;
    z-index: 2;
}

.tabs_common li a span, .tabs_common li button span {
    position: relative;
    color: #555;
    font-size: 14px;
    z-index: 3;
    display: block;
    word-break: keep-all;
    line-height: 1;
    padding: 0 5px;
}

.tabs_common li.active a:after, .tabs_common li.active button:after {
    opacity: 1;
}

.tabs_common li.active a span, .tabs_common li.active button span {
    position: relative;
    color: #1D1D1D;
    font-weight: 500;
    z-index: 3;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: auto;
    /*text-underline-offset: 0.063rem;*/
    line-height: 1;
}

.tabs_commom_cont &gt; .cont {
    display: none;
}

.tabs_commom_cont &gt; .cont:first-child {
    display: block;
}

.tabs_common_cont &gt; .cont {
    display: none;
}

.tabs_common_cont &gt; .cont.active {
    display: block;
}

.tabs_common + .tabs_in_tab, .tabs_scroll + .tabs_in_tab {
    margin-top: -10px;
}

.tabs_in_tab {
    margin: 0 10px 0 10px;
}

.tabs_in_tab ul {
    display: table;
    table-layout: fixed;
}

.tabs_in_tab li {
    display: table-cell;
    text-align: center;
}

.tabs_in_tab li button {
    position: relative;
    display: block;
    padding: 5px 15px;
    color: #707070;
    font-size: 0.750rem;
}

.tabs_in_tab li button:before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    display: inline-block;
    background-color: #dee2e6;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.tabs_in_tab li:first-child button:before {
    display: none;
}

.tabs_in_tab li.active button {
    color: #212529;
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: under;
    /*text-underline-offset: 0.250rem;*/
}

.tabs_text {
    position: relative;
    margin-bottom: 35px;
}

.tabs_text ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f2f4f7;
    border-left: 1px solid #adb5bd;
    border-right: 1px solid #adb5bd;
}

.tabs_text li {
    display: table-cell;
    position: relative;
}

.tabs_text li ~ li {
    border-left: 1px solid #adb5bd;
}

.tabs_text li button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 5px;
    border-top: 1px solid #adb5bd;
    border-bottom: 1px solid #adb5bd;
    color: #495057;
    font-size: 1.0625rem;
    position: relative;
    transition: all 0.3s;
}

.tabs_text li button:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background-color: transparent;
    transition: background 0.3s;
}

.tabs_text li.active button {
    background-color: #fff;
    font-weight: 600;
    color: #212529;
    border-bottom: 1px solid transparent;
}

.tabs_text li.active button:before {
    background-color: #228be5;
}

.tabs_common.text li a, .tabs_common.text li button {
    padding: 15px 0;
}

.tabs_common.text li.active a span, .tabs_common.text li.active button span {
    text-decoration: none;
}

/* 카드한컷 */
.tabs_common.cardcut li button:before {
    display: inline-block;
    background-image: url('../images/sub/icon_cardcut.png');
    width: 32px;
    height: 32px;
    transform: scale(0.7);
}

.tabs_common.cardcut li:nth-child(1) button:before {
    background-position: 0 0;
}

.tabs_common.cardcut li:nth-child(2) button:before {
    background-position: -32px 0;
}

.tabs_common.cardcut li:nth-child(3) button:before {
    background-position: -64px 0;
}

.tabs_common.cardcut li.active:nth-child(1) button:before {
    background-position: 0 -32px;
}

.tabs_common.cardcut li.active:nth-child(2) button:before {
    background-position: -32px -32px;
}

.tabs_common.cardcut li.active:nth-child(3) button:before {
    background-position: -64px -32px;
}

/* 새정부 부처 업무보고 */
.tabs_common.business_report li button:before {
    display: inline-block;
    background-image: url('../images/sub/icon_business_report.png');
    width: 45px;
    height: 28px;
    transform: scale(0.7);
}

.tabs_common.business_report li:nth-child(1) button:before {
    background-position: 0 0;
}

.tabs_common.business_report li:nth-child(2) button:before {
    background-position: -45px 0;
}

.tabs_common.business_report li:nth-child(3) button:before {
    background-position: -90px 0;
}

.tabs_common.business_report li:nth-child(4) button:before {
    background-position: -135px 0;
}

.tabs_common.business_report li.active:nth-child(1) button:before {
    background-position: 0 -28px;
}

.tabs_common.business_report li.active:nth-child(2) button:before {
    background-position: -45px -28px;
}

.tabs_common.business_report li.active:nth-child(3) button:before {
    background-position: -90px -28px;
}

.tabs_common.business_report li.active:nth-child(4) button:before {
    background-position: -135px -28px;
}

/* covid19 */
.tabs_scroll {
    position: relative;
    padding: 25px 15px 15px 15px;
    overflow: hidden;
    background-color: #fff;
}

/* .tabs_scroll:before {content: ""; display: block; height: 2px; background-color: #495057; position: absolute; left: 15px; right: 15px; bottom: 15px;} */
.tabs_scroll:after {
    content: "";
    display: block;
    background: url("../images/sub/ico_scroll.png") 0 0 no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 9px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.tabs_scroll ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch !important;
}

.tabs_scroll li {
    position: relative;
    text-align: center;
    font-size: 0.750rem;
    letter-spacing: -1px;
    width: auto !important;
    min-width: 80px;
    margin-right: -1px;
    align-items: center;
    display: flex;
}

.tabs_scroll li:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #dee2e6;
    position: absolute;
    left: 0;
    bottom: 0px;
}

/* .tabs_scroll li:after {content: ""; display: block; width: 100%; height: 2px; background-color: #495057; position: absolute; left: 0; bottom: 0px;} */
.tabs_scroll li button {
    display: block;
    padding: 10px 10px;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    z-index: 2;
}

.tabs_scroll li.active {
    z-index: 2;
    color: #495057;
}

.tabs_scroll li.active button {
    color: #1D1D1D;
}

.tabs_scroll li.active:before {
    z-index: 2;
    border: 2px solid #495057;
    position: absolute;
    left: 0;
    bottom: 0px;
}

/* .tabs_scroll li.active button:after {content: ""; display: block; height: 3px; background-color: #fff; position: absolute; left: 2px; right: 2px; bottom: 0px; z-index: 2;} */
/* .tabs_scroll li.active button span {text-decoration: underline; text-underline-position: under; text-decoration-thickness: auto; text-underline-offset: 0.250rem;} */
/* 전자책 */
.tabs_common.ebook ul {
    height: 100%;
}

.tabs_common.ebook li {
    vertical-align: top;
    height: 100%;
}

.tabs_common.ebook li button {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.tabs_common.ebook li button span {
    line-height: 1.3;
}

/*
.tabs_common.ebook li button:before {display: inline-block; background-image: url('../images/sub/icon_ebook.png'); width: 32px; height: 32px; transform: scale(0.7);}
.tabs_common.ebook li:nth-child(1) button:before {background-position: 0 0;}
.tabs_common.ebook li:nth-child(2) button:before {background-position: -32px 0;}
.tabs_common.ebook li:nth-child(3) button:before {background-position: -64px 0;}
.tabs_common.ebook li.active:nth-child(1) button:before {background-position: 0 -32px;}
.tabs_common.ebook li.active:nth-child(2) button:before {background-position: -32px -32px;}
.tabs_common.ebook li.active:nth-child(3) button:before {background-position: -64px -32px;}
*/
.tabs_common.ebook + .sch_brief {
    border-bottom: none;
    margin-bottom: 0;
}

/* 국민이 말하는 정책 */
.tabs_common.reporter li button:before {
    display: inline-block;
    background-image: url('../images/sub/icon_reporter.png');
    width: 32px;
    height: 32px;
    transform: scale(0.7);
}

.tabs_common.reporter li:nth-child(1) button:before {
    background-position: 0 0;
}

.tabs_common.reporter li:nth-child(2) button:before {
    background-position: -32px 0;
}

.tabs_common.reporter li:nth-child(3) button:before {
    background-position: -64px 0;
}

.tabs_common.reporter li.active:nth-child(1) button:before {
    background-position: 0 -32px;
}

.tabs_common.reporter li.active:nth-child(2) button:before {
    background-position: -32px -32px;
}

.tabs_common.reporter li.active:nth-child(3) button:before {
    background-position: -64px -32px;
}

/*.tabs_common + .sch_post {margin-top: -15px;}*/
/* Top50 */
.news_top50 {
    margin-bottom: 5px;
    padding: 0 15px;
}

.news_top50 h2 {
    font-size: 1.25rem;
    color: #ffe65c;
    text-align: center;
    margin-bottom: 0;
    background: #0a3c79;
    background: linear-gradient(to right, #0a3c79 0%, #2b65ab 100%);
}

.news_top50 h2 strong {
    color: #fff;
    display: inline-block;
    position: relative;
    padding: 15px 0;
}

.news_top50 h2 strong::before {
    content: '';
    display: inline-block;
    width: 71px;
    height: 45px;
    background: url("../images/sub/rank_title.png") 0 0/contain no-repeat;
    position: absolute;
    right: 150%;
    bottom: 0;
}

.news_top50.new h2 {
    background: linear-gradient(to right, #403171 0%, #3a1a9d 100%);
}

.news_top50.new h2 strong::before {
    width: 71px;
    height: 45px;
    background: url("../images/sub/rank_title_new.png") 0 0/contain no-repeat;
    right: 50%;
    bottom: 5px;
}

.list_type.top50 {
    margin: 0 0 2rem 0;
}

.list_type.top50 ul {
    counter-reset: list-number;
}

.list_type.top50 ul li a {
    position: relative;
}

.list_type.top50 ul li:nth-child(-n+10) a:before {
    background-color: #ed1f23;
}

.list_type.top50 ul li a:before {
    counter-increment: list-number;
    content: counter(list-number);
    display: inline-block;
    text-align: center;
    width: 25px;
    padding: 5px;
    line-height: 1;
    color: #fff;
    background-color: #adb5bd;
    font-size: 0.875rem;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 2;
}

.list_type.top50 ul li .thumb_wrap {
    position: relative;
    z-index: 1;
}

.list_type.top50 .text_wrap {
    padding-left: 35px;
}

.list_type.top50 .thumb_wrap + .text_wrap {
    padding-left: 10px;
}

.list_type.top50 .more_list {
    display: block;
    width: 100%;
    border-top: 1px solid #dee2e6;
    padding: 10px 0;
    text-align: center;
    margin: 0 0 2rem 0;
    color: #333;
}

.list_type.top50 .more_list span:before {
    content: '\e941';
    font-family: "xeicon";
    font-size: 16px;
    margin-right: 5px;
}

/* 정책포커스 */
.focus_top {
    margin: 0 0;
    text-align: center;
}

.focus_top img {
    width: 100%;
}

.focus_top + .focus_top {
    margin-top: 20px;
}

.focus_menu {
    position: relative;
    padding: 20px 6px 10px 6px;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
}

.focus_menu h3 {
    margin: 0 10px;
    font-size: 18px;
}

.focus_menu .keywords {
    margin-top: 15px;
    padding: 0 5px;
    position: relative;
}

.focus_menu .keywords .slick-list ul {
    width: 33.33%;
    float: left;
}

.focus_menu .keywords .slick-list ul:after {
    content: "";
    clear: both;
    display: table;
}

.focus_menu .keywords .slick-list li + li {
    margin-top: 8px;
}

.focus_menu .keywords .slick-list li a {
    display: block;
    padding: 10px 16px;
    border: 1px solid #D8D8D8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
    color: #1D1D1D;
    position: relative;
}

/* .focus_menu .keywords .slick-list li a:before { content: ''; display: block; width: 20px; height: 20px; background: url("../images/sub/icon_focus_keyword.png") 0 0/contain no-repeat; position: absolute; left: 0; top: 0; } */
.focus_menu .keywords .slick-list li.active a {
    background-color: #313238;
    border-color: #313238;
    color: #fff;
}

.focus_menu .keywords .slick-slide {
    padding: 0 5px;
}

.focus_menu .keywords .slick-arrow {
    width: 50px;
    height: 50px;
    background: #f8f9fd;
    border: 1px solid #dee2e6;
    position: absolute;
    right: 0;
    font-size: 0;
}

.focus_menu .keywords .slick-arrow:before {
    display: block;
    font-family: 'xeicon';
    font-size: 1.3rem;
}

.focus_menu .keywords .slick-counter {
    width: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.focus_menu .keywords .slick-counter .current {
    color: #ED1F23;
    font-weight:700;
}

.focus_menu .keywords .slick-prev {
    top: 0px;
}

.focus_menu .keywords .slick-prev:before {
    content: "\e946";
}

.focus_menu .keywords .slick-next {
    top: 60px;
}

.focus_menu .keywords .slick-next:before {
    content: "\e943";
}

.focus_menu .keywords .slick-dots {
    text-align: center;
    margin: 5px 0 10px;
}

.focus_menu .keywords .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.focus_menu .keywords .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 12px;
    font-size: 0;
    background-color: #C6C6C6;
}

.focus_menu .keywords .slick-dots li.slick-active button {
    width: 24px;
    background-color: #ED1F23;
}

/* title box */
.title_box {
    position: relative;
    display: flex;
    align-items: center;
    margin: 30px 16px 20px;
}

.title_box h2 {
    font-size: 20px;
    color: #1d1d1d;
    margin-bottom: 0;
}

.title_box span {
    margin-left: 10px;
    font-size: 0.875rem;
    line-height: 1;
}

.title_box span strong {
    color: #ff1f29;
}

.title_box .point {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    position: relative;
    margin-left: 10px;
}

.title_box .point i {
    display: inline-block;
    font-size: 17px;
    color: #ef1f23;
    vertical-align: middle;
}

/* .title_box + .list_type {border-top: 1px solid #dee2e6;} */
/* 국정신문 */
.gov_info {
    position: relative;
    padding: 15px 10px 15px 74px;
    border: 1px solid #dee2e6;
    border-left: none;
    border-right: none;
}

.gov_info::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/sub/gov_title_icon.gif") 0 0/contain no-repeat;
    position: absolute;
    left: 15px;
    top: 16px;
}

.gov_info h2 {
    font-size: 1.375rem;
    font-weight: 900;
    margin-bottom: 10px;
}

.gov_info p {
    font-size: .875rem;
}

.paper_select {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 10px 0;
}

.paper_select button {
    height: 35px;
    color: #666;
}

.paper_select button span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.paper_select .move {
    background-color: #f2f4f7;
    border: 1px solid #adb5bd;
    width: 60px;
    height: 35px;
    margin: 0 3px;
}

.paper_select .custom_select {
    font-size: .9375rem;
    margin: 0 3px;
}

.paper_select .year_first i, .paper_select .year_last i {
    font-weight: bold;
    color: #adb5bd;
}

.paper_select .year_first i ~ i, .paper_select .year_last i ~ i {
    margin-left: -10px;
}

.paper_select .year_prev, .paper_select .year_next {
    margin: 0 5px;
}

.paper_select .year_prev i, .paper_select .year_next i {
    font-weight: bold;
    font-size: 20px;
}

.paper_select .year_first i:before {
    content: "\e93c";
}

.paper_select .year_first i:after {
    content: "\e93c";
    margin-left: -10px;
}

.paper_select .year_prev i:before {
    content: "\e93b";
}

.paper_select .year_last i:before {
    content: "\e93f";
}

.paper_select .year_last i:after {
    content: "\e93f";
    margin-left: -10px;
}

.paper_select .year_next i:before {
    content: "\e93e";
}

.photo_list.paper {
    padding-bottom: 20px;
    border-bottom: 1px solid #dee2e6;
}

.photo_list.paper ul {
    justify-content: center;
}

.select_year.paper {
    margin: 20px 10px 10px 10px;
}

/* 정부부처 소개 */
.intro_gov_head {
    position: relative;
    text-align: center;
    padding: 20px 10px 20px 10px;
}

.intro_gov_head .down {
    display: inline-block;
    font-size: 14px;
    color: #495057;
    border: 1px solid #dee2e6;
    margin: 14px 0 25px;
}

.intro_gov_body {
    position: relative;
    padding: 0 15px 0 15px;
}

.intro_gov_body .box {
    border-radius: 5px;
    font-size: .875rem;
}

.intro_gov_body .info {
    margin-top: 10px;
    text-align: center;
    font-size: 11px;
    letter-spacing: -0.07em;
}

.intro_gov_body .info a[target="_blank"] {
    color: #1974dd;
}

.intro_gov_body .info a[target="_blank"]:after {
    content: '\e980';
    display: inline-block;
    font-family: "xeicon";
    margin-left: 2px;
}

.intro_gov_body .fs15 {
    font-size: .9375rem !important;
    line-height: 38px !important;
}

.intro_gov_body .org_row {
    position: relative;
    padding-bottom: 35px;
    text-align: center;
}

.intro_gov_body .org_row::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #dcdcdc;
}

.intro_gov_body .org_row:nth-child(2) .double {
    max-width: 600px;
    margin: 0 auto;
}

.intro_gov_body .org_row ul.double &gt; li .box_s3 {
    min-width: 100%;
}

.intro_gov_body .org_row ul.double.multi li .box_s3, .intro_gov_body .org_row ul.double.multi li .box_s6 {
    line-height: 1.7em;
    font-size: .8125rem;
    padding: 8px 0;
}

.intro_gov_body .org_row ul.double &gt; li.small .box_s3 {
    font-size: .8125rem;
    margin-top: 25px;
    position: relative;
}

.intro_gov_body .org_row ul.double &gt; li.small .box_s3:after {
    content: "";
    position: absolute;
    height: 1px;
    left: -20px;
    right: 0;
    top: 50%;
    background: #dcdcdc;
    z-index: -1;
}

.intro_gov_body .org_row ul.double &gt; li.small .box_s3:first-of-type {
    margin-top: 0;
}

.intro_gov_body .org_row ul.double &gt; li.line-top:first-child:before {
    top: 16px;
}

.intro_gov_body .org_row ul.double &gt; li.line-top:last-child:before {
    top: 16px;
}

.intro_gov_body .org_row ul.double &gt; li.small .box_s4 {
    margin-top: 20px;
    position: relative;
}

.intro_gov_body .org_row ul.double &gt; li.small .box_s4:after {
    content: "";
    position: absolute;
    height: 1px;
    left: -20px;
    right: 0;
    top: 16px;
    background: #dcdcdc;
    z-index: -1;
}

.intro_gov_body .org_row.double.last2 {
    padding-bottom: 0;
}

.intro_gov_body .org_row.double.last2:before {
    top: 0;
    bottom: auto;
    height: 16px;
}

.intro_gov_body .org_row ul.double &gt; li.none:before {
    display: none;
}

.intro_gov_body .org_row ul.double &gt; li.none:before {
    background: transparent;
}

.intro_gov_body .double:after {
    content: '';
    display: block;
    clear: both;
}

.intro_gov_body .double &gt; li {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.intro_gov_body .double &gt; li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    background: #dcdcdc;
}

.intro_gov_body .double &gt; li:first-child {
    padding-right: 20px;
}

.intro_gov_body .double &gt; li:first-child:before {
    left: 50%;
    right: 0;
}

.intro_gov_body .double &gt; li:last-child {
    padding-left: 20px;
}

.intro_gov_body .double &gt; li:last-child:before {
    right: 50%;
    left: 0;
}

.intro_gov_body .vert {
    padding: 0 0 0 15px;
}

.intro_gov_body .vert &gt; ul {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.intro_gov_body .vert &gt; ul &gt; li {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: #fff;
    padding: 0 0;
}

.intro_gov_body .vert &gt; ul &gt; li:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    min-height: 19px;
    background: #ccc;
}

.intro_gov_body .vert &gt; ul &gt; li:first-child:before {
    left: 0;
    top: 20px;
    width: 1px;
    height: 100%;
    background: #ccc;
}

.intro_gov_body .vert &gt; ul &gt; li:last-child:before {
    left: 0;
    top: 0;
    width: 1px;
    height: 20px;
    background: #ccc;
}

.intro_gov_body .vert &gt; ul &gt; li &gt; .box {
    display: block;
    z-index: 2;
    min-width: 130px;
    margin: 1px 0 1px 15px;
    padding: 0 0 0 0;
}

.intro_gov_body .vert &gt; ul &gt; li &gt; .box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 19px;
    left: -15px;
    width: 15px;
    height: 1px;
    background: #ccc;
}

.intro_gov_body .vert.right {
    padding: 0 15px 0 0;
}

.intro_gov_body .vert.right &gt; ul &gt; li {
    padding-right: 15px;
}

.intro_gov_body .vert.right &gt; ul &gt; li:before {
    display: none;
}

.intro_gov_body .vert.right &gt; ul &gt; li:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    min-height: 19px;
    background: #ccc;
}

.intro_gov_body .vert.right &gt; ul &gt; li:first-child:after {
    right: 0;
    top: 19px;
    width: 1px;
    height: 100%;
    background: #ccc;
}

.intro_gov_body .vert.right &gt; ul &gt; li:last-child:after {
    right: 0;
    top: 0;
    width: 1px;
    height: 19px;
    background: #ccc;
}

.intro_gov_body .vert.right &gt; ul &gt; li &gt; .box {
    margin: 1px 15px 1px 0 !important;
}

.intro_gov_body .vert.right &gt; ul &gt; li &gt; .box:before {
    display: none;
}

.intro_gov_body .vert.right &gt; ul &gt; li &gt; .box:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 18px;
    right: -15px;
    width: 15px;
    height: 1px;
    background: #ccc;
}

.intro_gov_body .vert.noline &gt; ul &gt; li:before {
    display: none;
}

.intro_gov_body .vert.noline &gt; ul &gt; li &gt; .box {
    margin-left: 0;
}

.intro_gov_body .vert.noline &gt; ul &gt; li &gt; .box:before {
    display: none;
}

.intro_gov_body .horz {
    padding: 15px 0 0 0;
    position: relative;
}

.intro_gov_body .horz &gt; ul {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 15px 0 0 0;
}

.intro_gov_body .horz &gt; ul:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: -15px;
    width: 1px;
    height: 15px;
    background: #dcdcdc;
}

.intro_gov_body .horz &gt; ul &gt; li {
    display: inline-block;
    position: relative;
    margin: 0 -3px;
    vertical-align: top;
}

.intro_gov_body .horz &gt; ul &gt; li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
}

.intro_gov_body .horz &gt; ul &gt; li:first-child:before {
    left: 50%;
    width: 50%;
}

.intro_gov_body .horz &gt; ul &gt; li:last-child:before {
    left: 0;
    width: 51%;
}

.intro_gov_body .horz &gt; ul &gt; li &gt; .box {
    position: relative;
    margin: 15px 6px 0 6px;
}

.intro_gov_body .horz &gt; ul &gt; li &gt; .box:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 51%;
    top: -15px;
    width: 1px;
    height: 15px;
    background: #dcdcdc;
}

.intro_gov_body .horz &gt; ul &gt; li &gt; .box.tb {
    display: inline-block;
    min-height: 153px;
    min-width: 0;
    padding: 0 10px;
    line-height: 100%;
    text-align: center;
    background: #828991;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    writing-mode: vertical-lr;
}

.intro_gov_body .horz &gt; ul.jamun {
    display: block;
    overflow: visible;
    position: relative;
    width: 100%;
    height: 280px;
    padding: 0;
    box-sizing: border-box;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li {
    position: absolute;
    top: 0;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li:nth-child(1) {
    left: 12%;
    width: 18%;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li:nth-child(2) {
    left: 30%;
    width: 22%;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li:nth-child(3) {
    left: 52%;
    width: 12%;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li:nth-child(4) {
    left: 64%;
    width: 39%;
    min-width: 20px;
    max-width: 270px;
    box-sizing: border-box;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li:nth-child(4) .box_s3 {
    display: block;
    min-height: 32px;
    min-width: 0;
    padding: 10px 3px;
    line-height: 120%;
}

.intro_gov_body .horz &gt; ul.jamun &gt; li .vert &gt; ul {
    width: 100%;
}

.intro_gov_body .box_s1 {
    display: inline-block;
    width: 170px;
    height: 168px;
    background: url("../images/sub/org_president.png") 0 0/contain no-repeat;
    position: relative;
    z-index: 1;
}

.intro_gov_body .box_s1 a {
    display: block;
    color: #fff;
    line-height: 48px;
}

.intro_gov_body .box_s2 {
    display: inline-block;
    line-height: 48px;
    position: relative;
    min-width: 200px;
    color: #fff;
    font-size: 1.125rem;
    background: #1c7ed6;
    box-shadow: 1px 1px 3px #a9a9a9;
}

.intro_gov_body .box_s2 a {
    display: block;
    color: #fff;
    line-height: 48px;
}

.intro_gov_body .box_s3 {
    display: inline-block;
    background: #0a3c79;
    color: #fff;
    line-height: 32px;
    min-width: 200px;
    position: relative;
}

.intro_gov_body .box_s3 a {
    display: block;
    color: #fff;
}

.intro_gov_body .box_s3.humanright {
    background: #45af9f !important;
}

.intro_gov_body .box_s4 {
    background: #e1e4e7;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.intro_gov_body .box_s4 dt {
    background: #9e9e9e;
    line-height: 32px;
    font-size: .8125rem;
    color: #fff;
}

.intro_gov_body .box_s4 dt a {
    color: #fff;
}

.intro_gov_body .box_s4 dt.blue {
    background: #0a3c79;
}

.intro_gov_body .box_s4 dd {
    border: solid 1px #e5e5e5;
    color: #8f8f91;
    font-size: .8125rem;
    padding: 8px 0;
}

.intro_gov_body .box_s4 dd a {
    color: #8f8f91;
}

.intro_gov_body .box_s6 {
    background: #828991;
    color: #fff;
    line-height: 32px;
    position: relative;
}

.intro_gov_body .box_s6 a {
    color: #fff;
}

.pop_org {
    position: absolute;
    z-index: 9999;
    width: 300px;
    max-width: 90%;
    border: 2px solid #333;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    display: none;
}

.pop_org strong {
    display: block;
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 1.5rem;
    color: #000;
    border-bottom: 1px solid #ddd;
}

.pop_org p {
    text-align: left;
    margin-top: 16px;
    margin-bottom: 16px;
}

.pop_org .close {
    display: inline-block;
    background: #666;
    padding: 0 25px;
    color: #fff;
    height: 28px;
    line-height: 28px;
}

.dept_info {
    border: 2px solid #dee2e6;
    background-color: #f8f9fd;
    color: #666;
    padding: 15px;
    width: 100%;
    font-size: .8125rem;
    line-height: 21px;
    margin-top: 20px;
    text-align: justify;
    box-sizing: border-box;
    letter-spacing: -0.025em;
}

.dept_info strong {
    font-size: .875rem;
    display: block;
    color: #1c7ed6;
    margin-bottom: 5px;
    font-weight: 500;
}

.dept_info i {
    font-size: 13px;
    color: #002157;
    font-weight: 500;
}

/* 국정과제 */
.gov_vision {
    margin: 0 16px;
}

.gov_vision .gov_vision_title {
    position: relative;
    margin-bottom: 40px;
    padding: 60px 0;
    position: relative;
}

.gov_vision .gov_vision_title:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: -16px;
    top: 0;
    bottom: 0;
    width: calc(100% + 32px);
    height: 100%;
    background-image: url("../images/v3/gov_vision_bg.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s;
}

.gov_vision .gov_vision_title h3 {
    position: relative;
    z-index: 2;
}

.gov_vision .gov_vision_title h3::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/v3/gov_vision_title_230626.png") no-repeat 0% 50% / auto 100%;
}

.gov_vision .gov_vision_title h3 img {
    opacity: 0;
    visibility: hidden;
}

.gov_vision .gov_vision_title .gov_plan {
    display: inline-block;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}

.gov_vision .gov_vision_title .gov_plan strong {
    font-size: 18px;
    display: block;
    margin: 12px 0 8px;
    vertical-align: middle;
}

.gov_vision .gov_vision_title .gov_plan a {
    margin-left: 0;
}

.gov_vision .gov_vision_title .gov_plan .btn {
    margin-top: 8px;
    margin-right: 4px;
    padding: 8.25px 12px;
    border: 1px solid #C6C6C6;
    font-size: 14px;
    color: #2D2D2D;
    position: relative;
    background-color: #fff;
}

.gov_vision .gov_vision_title .gov_plan .btn:hover span {
    text-decoration: underline;
    text-underline-position: under;
}

.gov_vision .gov_vision_title .gov_plan .btn span {
    position: relative;
    padding-right: 18px;
}

.gov_vision .gov_vision_title .gov_plan .btn span:after {
    font-family: "xeicon";
    display: inline-block;
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.gov_vision .gov_vision_title .gov_plan .btn.pdf span:after {
    content: "\e904";
}

.gov_vision .gov_vision_title .gov_plan .btn.ebook span:after {
    content: "\e980";
}

.gov_vision .box {
    margin-bottom: 12px;
}

.gov_vision h4 {
    padding: 16px 35px 16px 20px;
    background: #123880;
    background: linear-gradient(to right, #123880 0%, #00205C 100%);
    position: relative;
}

.gov_vision h4:after {
    font-family: "xeicon";
    content: "\e941";
    display: inline-block;
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #fff;
}

.gov_vision h4 span {
    font-weight: 500;
    color: #fff;
    font-size: 1.375rem;
    letter-spacing: -0.05em;
    vertical-align: middle;
}

.gov_vision h4 span + span {
    font-size: 1rem;
    font-weight: 400;
    vertical-align: middle;
    opacity: 0.8;
    margin-left: 5px;
    display: inline-block;
}

.gov_vision .inbox {
    border: 1px solid #e4e4e4;
    border-top: 0;
    padding: 0 20px;
    display: none;
}

.gov_vision .inbox &gt; li {
    padding: 30px 0 30px 10px;
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.gov_vision .inbox &gt; li ~ li {
    border-top: 1px solid #dee2e6;
}

.gov_vision .inbox .tit_h5 {
    display: table-cell;
    width: 210px;
    padding-right: 10px;
}

.gov_vision .inbox .tit_h5 h5 {
    font-family: "KoPubWorldBatang";
    font-weight: 400;
}

.gov_vision .inbox .tit_h5 em {
    color: #A0A2A8;
    font-size: 30px;
    line-height: 1;
    margin-right: 8px;
}

.gov_vision .inbox .tit_h5 span {
    font-size: 1.250rem;
    color: #212529;
    letter-spacing: -0.075em;
    line-height: 2rem;
}

.gov_vision .inbox .list {
    display: table-cell;
    vertical-align: middle;
}

.gov_vision .inbox .list &gt; li {
    position: relative;
    font-size: 13px;
    margin-top: 10px;
}

.gov_vision .inbox .list &gt; li:first-child {
    margin-top: 0px;
}

.gov_vision .inbox .list &gt; li a {
    font-size: 15px;
    font-weight: 400;
    color: #2D2D2D;
    line-height: 1.6;
    display: inline-block;
    letter-spacing: -0.05em;
    display: table;
}

.gov_vision .inbox .list &gt; li i {
    display: table-cell;
    padding-right: 5px;
}

.gov_vision .inbox .list &gt; li b {
    position: relative;
    width: 100%;
    font-weight: 400;
    display: table-cell;
}

.gov_vision .inbox .list &gt; li span {
    color: #123880;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left:8px; 
    padding: 5px 20px 5px 4px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    word-break: break-all;
}

.gov_vision .inbox .list &gt; li span:after {
    content: '\e909';
    font-family: "xeicon";
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.gov_vision .inbox .list &gt; li a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.gov_vision .inbox .list &gt; li a:hover span {
    text-decoration: underline;
    text-underline-position: under;
}

.gov_vision .box.active .inbox {
    display: block;
}

.gov_vision .box.active h4:after {
    transform: translateY(-50%), rotate(180deg);
}

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

    .gov_vision .gov_vision_title .gov_plan strong {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .gov_vision h4 span {
        font-size: 1.250rem;
        display: inline;
        word-break: keep-all;
    }

    .gov_vision .inbox &gt; li {
        display: block;
        padding: 30px 0 30px 0;
    }

    .gov_vision .inbox .tit_h5 {
        display: block;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }

    .gov_vision .inbox .tit_h5 span {
        font-size: 18px;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 48px);
        line-height: 1.4;
        word-break: keep-all;
    }

    .gov_vision .inbox .tit_h5 br {
        display: none;
    }

    .gov_vision .inbox .list {
        display: block;
    }
}

/* 정부채널 소개 */
.channel_info {
    position: relative;
    width: 100%;
    background-color: #f2f4f7;
    margin-bottom: 20px;
    display: table;
    padding: 20px 16px;
    border: 1px solid #dee2e6;
    border-left: none;
    border-right: none;
}

.channel_info:before {
    content: '';
    display: block;
    width: 72px;
    height: 66px;
    background: url("../images/v3/channel_title_icon.png") 0 0/contain no-repeat;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.channel_info div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 95px;
}

.channel_info h2 {
    font-size: 18px;
}

.channel_info p {
    margin-top: 10px;
    color: #555;
    font-size: 13px;
    line-height: 1.4;
}

.channel_box {
    position: relative;
    margin-top: 20px;
    margin-left: 16px;
    margin-right: 16px;
}

.channel_box ~ .channel_box {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e4e4e4
}

.channel_box:after {
    content: "";
    clear: both;
    display: table;
}

.channel_box .title {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #1D1D1D;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
    padding-left: 50px;
}

.channel_box .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url("../images/sub/channel_icon.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.channel_box .title.briefing:before {
    background-image: url("../images/v3/channel_icon1.png");
    background-position: 50% 50%;
}

.channel_box .title.reporter:before {
    background-image: url("../images/v3/channel_icon2.png");
    background-position: 50% 50%;
}

.channel_box .title.govsns:before {
    background-position: -78px 0;
}

.channel_box .title.gonggam:before {
    background-position: -117px 0;
}

.channel_box .text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #2D2D2D;
    letter-spacing: -0.05em;
    word-break:keep-all;
}

.channel_box .text a {
    position: relative;
    color: #2D2D2D;
    font-weight: 700;
    text-decoration:underline;
}

.channel_box .text a:before {font-family: "xeicon"; font-size: 19px; vertical-align: middle; display: inline-block;font-weight:normal;}
.channel_box .text a.paper:before {content: '\eb1e';}
.channel_box .text a.mail:before {content: '\ea06';}

.channel_box .video_lst {
    margin: 35px -5px 0 -5px;
    padding: 0;
}

.channel_box .video_lst:after {
    content: "";
    clear: both;
    display: table;
}

.channel_box .video_lst .video {
    float: left;
    padding: 0 5px;
}

.channel_box .video_lst .video &gt; div {
    position: relative;
    padding-bottom: 56.476683393782%;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.channel_box .video_lst .video &gt; div iframe, .channel_box .video_lst .video &gt; div object, .channel_box .video_lst .video &gt; div video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.channel_box .video_lst .slick-dots {
    text-align: center;
    margin-top: 15px;
    line-height: 0;
}

.channel_box .video_lst .slick-dots li {
    display: inline-block;
    margin: 0 2.5px;
}

.channel_box .video_lst .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #777;
    transition: all 0.2s;
}

.channel_box .video_lst .slick-dots li.slick-active button {
    background-color: #ed1f23;
    width: 24px;
    border-radius: 24px;
}

.channel_box .link {
    margin: 27px 0 0 0;
}

.channel_box .link strong {
    font-size: 16px;
    color: #595959;
    font-weight: 400;
    display: block;
    margin-bottom: 11px;
}

.channel_box .link ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px;
}

.channel_box .link ul li {
    flex: 1 auto;
    min-width: calc(100% / 2);
    padding: 3px 3px;
}

.channel_box .link.col4 ul li {
    min-width: calc(100% / 4);
}

/*.channel_box .link i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}*/
.channel_box .link i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #2D2D2D;
    font-size: 12px;
}

.channel_box .link a {
    position: relative;
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #D8D8D8;
    background-color: #F8F8F8;
}

.channel_box .link a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    background: url("../images/sub/channel_icon_sns.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
}

.channel_box .link a.app_g:before {
    width: 46px;
    height: 46px;
    background-position: -414px 0;
}

.channel_box .link a.app_a:before {
    width: 46px;
    height: 46px;
    background-position: -460px 0;
}

.channel_box .link a.app_o:before {
    width: 46px;
    height: 46px;
    background-position: -506px 0;
}

.channel_box .link a.fb:before {
    background-image: url("../images/v3/sns_icon_fb.svg");
}

.channel_box .link a.tw:before {
    background-image: url("../images/v3/sns_icon_tw.svg");
}

.channel_box .link a.nbg:before {
    background-image: url("../images/v3/sns_icon_nbg.svg");
}

.channel_box .link a.yt:before {
    background-image: url("../images/v3/sns_icon_yt.svg");
}

.channel_box .link a.ig:before {
    background-image: url("../images/v3/sns_icon_ig.svg");
}

.channel_box .link a.npt:before {
    width: 46px;
    height: 46px;
    background-position: -230px 0;
}

.channel_box .link a.nbd:before {
    background-image: url("../images/v3/sns_icon_nbg.svg");
}

.channel_box .link a.kkc:before {
    background-image: url("../images/v3/sns_icon_kkc.svg");
}

.channel_box .link a.kks:before {
    background-image: url("../images/v3/sns_icon_kks.svg");
}

.channel_box .link a.nv:before {
    background-image: url("../images/v3/sns_icon_nv.svg");
}

.channel_box .link a.da:before {
    background-image: url("../images/v3/sns_icon_da.svg");
}

.channel_box .govsns_box {
    position: relative;
    margin-top: 20px;
}

.channel_box .govsns_box .playing {
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 0;
}

.channel_box .govsns_box .playing:before {
    font-family: 'xeicon';
    width: 19px;
    display: inline-block;
    font-size: 20px;
    transition: all 0.3s;
    color: #303031;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}

.channel_box .govsns_box .playing:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #f2f2f7;
    border: 1px solid #ccc;
}

.channel_box .govsns_box .playing.pause:before {
    content: '\ea3b';
}

.channel_box .govsns_box .playing.play:before {
    content: '\ea3e';
}

.channel_box .govsns_box .tab {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-right: 32px;
}

.channel_box .govsns_box .tab:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #ccc;
}

.channel_box .govsns_box .tab li {
    position: relative;
    display: table-cell;
    width: 25%;
    text-align: center;
}

.channel_box .govsns_box .tab li ~ li:after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #d9d9d9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}

.channel_box .govsns_box .tab li button {
    padding: 5px 0;
    width: 100%;
    font-weight: 500;
    letter-spacing: -0.05em;
    transition: all 0.2s;
}

.channel_box .govsns_box .tab li button:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background: url("../images/sub/channel_icon_sns.png");
    background-repeat: no-repeat;
    background-size: 360px auto;
}

.channel_box .govsns_box .tab li button:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: transparent;
    transition: all 0.2s;
}

.channel_box .govsns_box &gt; .tab li button i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.channel_box .govsns_box .tab li.fb button:before {
    background-position: 0 0;
}

.channel_box .govsns_box .tab li.tw button:before {
    background-position: -30px 0;
}

.channel_box .govsns_box .tab li.nbg button:before {
    background-position: -60px 0;
}

.channel_box .govsns_box .tab li.yt button:before {
    background-position: -90px 0;
}

.channel_box .govsns_box .tab li.ig button:before {
    background-position: -120px 0;
}

.channel_box .govsns_box .tab li.fb.active button:before {
    background-position: 0 -30px;
}

.channel_box .govsns_box .tab li.fb.active button:after {
    background-color: #2f549e;
}

.channel_box .govsns_box .tab li.tw.active button:before {
    background-position: -30px -30px;
}

.channel_box .govsns_box .tab li.tw.active button:after {
    background-color: #1573d6;
}

.channel_box .govsns_box .tab li.nbg.active button:before {
    background-position: -60px -30px;
}

.channel_box .govsns_box .tab li.nbg.active button:after {
    background-color: #117321;
}

.channel_box .govsns_box .tab li.yt.active button:before {
    background-position: -90px -30px;
}

.channel_box .govsns_box .tab li.yt.active button:after {
    background-color: #a61e22;
}

.channel_box .govsns_box .tab li.ig.active button:before {
    background-position: -120px -30px;
}

.channel_box .govsns_box .tab li.ig.active button:after {
    background-color: #6f2699;
}

.channel_box .govsns_box .tab_container {
}

.channel_box .govsns_box .tab_container .cont {
    display: none;
}

.channel_box .govsns_box .tab_container .cont:first-child {
    display: block;
}

.channel_box .govsns_box .tab_container .cont h5 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.channel_box .govsns_box .tab_container .cont h6 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.channel_box .govsns_box .tab_container .cont .sns_tit {
    text-align: center;
    display: block;
    background-color: #f2f2f7;
    font-size: 16px;
    line-height: 45px;
    font-weight: 400;
    height: 45px;
    color: #333;
}

.channel_box .govsns_box .tab_container .cont .sns_tit i {
    position: relative;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.channel_box .govsns_box .tab_container .cont .sns_lst {
    margin-top: 20px;
    padding: 0 25px;
}

.channel_box .govsns_box .tab_container .cont .sns_lst:after {
    content: "";
    clear: both;
    display: table;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst {
    line-height: 0;
    padding: 0 5px;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a {
    position: relative;
    display: block;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb {
    padding-bottom: 100%;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 1);
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb img {
    object-fit: cover;
    object-position: top;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text {
    z-index: 2;
    padding-bottom: 100%;
    height: 0;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text &gt; span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 33px 20px;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text strong {
    display: block;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.05em;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    visibility: visible;
    word-break: break-all;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
    font-weight: 400;
    font-size: 16px;
    color: #555;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    visibility: visible;
    word-break: break-all;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text {
    position: absolute;
    color: #fff;
    top: 0;
    width: 100%;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text &gt; span {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 20px;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text &gt; span strong {
    color: #fff;
    display: none;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text &gt; span &gt; span {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.05em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow {
    position: absolute;
    top: calc(50% - 22px);
    transform: translatey(-50%);
    font-size: 0;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow:before {
    font-family: "xeicon";
    font-size: 24px;
    color: #545454;
    transition: color .2s;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-prev {
    left: 0;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-prev:before {
    content: '\e93b';
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-next {
    right: 0;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-next:before {
    content: '\e93e';
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots {
    text-align: center;
    margin-top: 15px;
    line-height: 0;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots li {
    display: inline-block;
    margin: 0 2.5px;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #777;
    transition: all 0.2s;
}

.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots li.slick-active button {
    background-color: #333;
    width: 24px;
    border-radius: 24px;
}

.channel_box .govsns_box .tab_container .cont.fb .sns_tit i {
    color: #2f549e;
}

.channel_box .govsns_box .tab_container .cont.fb .sns_lst .lst a {
    background-color: #e7eefa;
}

.channel_box .govsns_box .tab_container .cont.tw .sns_tit i {
    color: #2f549e;
}

.channel_box .govsns_box .tab_container .cont.tw .sns_lst .lst a {
    background-color: #e7eefa;
}

.channel_box .govsns_box .tab_container .cont.nbg .sns_tit i {
    color: #117321;
}

.channel_box .govsns_box .tab_container .cont.nbg .sns_lst .lst a {
    background-color: #f0f7f1;
}

.channel_box .govsns_box .tab_container .cont.yt .sns_tit i {
    color: #a61e22;
}

.channel_box .govsns_box .tab_container .cont.yt .sns_lst .lst a {
    background-color: #fcf4f4;
}

.channel_box .govsns_box .tab_container .cont.ig .sns_tit i {
    color: #6f2699;
}

.channel_box .govsns_box .tab_container .cont.ig .sns_lst .lst a {
    background-color: #efe9f5;
}

.channel_box .govsns_box .tab_container .cont .tab {
    padding-right: 0;
    background-color: #f2f2f7;
    table-layout: auto;
}

.channel_box .govsns_box .tab_container .cont .tab:after {
    display: none;
}

.channel_box .govsns_box .tab_container .cont .tab li {
    width: auto;
}

.channel_box .govsns_box .tab_container .cont .tab li ~ li:after {
    height: 18px;
    background-color: #ccc;
}

.channel_box .govsns_box .tab_container .cont .tab li button {
    padding: 0 0 0 0;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    height: 45px;
    line-height: 45px;
    color: #777;
}

.channel_box .govsns_box .tab_container .cont .tab li button:before {
    display: none;
}

.channel_box .govsns_box .tab_container .cont .tab li button:after {
    display: none;
}

.channel_box .govsns_box .tab_container .cont.tw .tab li.active button i {
    color: #0c69cc;
    font-weight: 500;
}

.channel_box .gonggam_box {
    margin-top: 20px;
}

.channel_box .gonggam_box .tab {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 25px;
}

.channel_box .gonggam_box .tab:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #ccc;
}

.channel_box .gonggam_box .tab li {
    position: relative;
    display: table-cell;
    width: calc(100% / 3);
    text-align: center;
}

.channel_box .gonggam_box .tab li ~ li:after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #d9d9d9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}

.channel_box .gonggam_box .tab li button {
    width: 100%;
    font-weight: 500;
    letter-spacing: -0.05em;
    transition: all 0.2s;
    height: 45px;
    line-height: 45px;
    color: #777;
}

.channel_box .gonggam_box .tab li button:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: transparent;
    transition: all 0.2s;
}

.channel_box .gonggam_box .tab li.active button {
    color: #222;
}

.channel_box .gonggam_box .tab li.active button:after {
    background-color: #222;
}

.channel_box .gonggam_box .tab_container .cont {
    display: none;
}

.channel_box .gonggam_box .tab_container .cont:first-child {
    display: block;
}

.channel_box .gonggam_box .lst {
    max-width: 340px;
    margin: 0 auto;
}

.channel_box .gonggam_box .lst strong {
    display: block;
    line-height: 1;
    text-align: center;
    margin-bottom: 18px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #333;
}

.channel_box .gonggam_box .lst a {
    position: relative;
    display: block;
    border: 1px solid #ccc;
}

.channel_box .gonggam_box .lst a .thumb {
    position: relative;
    padding-bottom: 134.26%;
}

.channel_box .gonggam_box .lst a .thumb:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    background: rgba(0, 0, 0, 1);
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.channel_box .gonggam_box .lst a .text {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    color: #fff;
    font-size: 16px;
    display: inline-block;
}

.channel_box .gonggam_box .lst a .text:after {
    content: '\e90b';
    font-family: 'xeicon';
    font-size: 18px;
    margin-left: 5px;
}

@media screen and (min-width: 769px) {
    .channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
        -webkit-line-clamp: 4;
    }
}

@media screen and (max-width: 643px) {
    .channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
        -webkit-line-clamp: 5;
    }
}

@media screen and (max-width: 590px) {
    .channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
        -webkit-line-clamp: 4;
    }
}

@media screen and (max-width: 520px) {
    .channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width: 499px) {
    .channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
        -webkit-line-clamp: 6;
    }
}

@media screen and (min-width: 365px) {
    .channel_box .text br ~ br {
        display: none;
    }
}

@media screen and (max-width: 354px) {
    .channel_info {
        padding: 31px 8px 27px 8px;
    }

    .channel_info:before {
        display: none;
    }

    .channel_info:after {
        opacity: 0;
    }
}

@media screen and (max-width: 335px) {
    .channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span &gt; span {
        -webkit-line-clamp: 4;
    }
}

/* 정책퀴즈 */
#containerForSwiper .article[data-hash="policyQuiz"] .variety {
    border: none;
    margin: 20px 16px 10px 15px;
    padding: 0;
}

.quiz_cont {
    position: relative;
}

.quiz_cont .quiz_head {
    position: relative;
    background: url("../images/v3/sub/quiz_visual_240809_bg.jpg") center top no-repeat;
    height: 280px;
    margin:0 16px;
    padding: 0 10px 0 20px;
    background-size: cover
}

.quiz_cont .quiz_head {
    background-image: url("../images/v3/sub/quiz_visual_241126_bg.jpg")
}

.quiz_cont .quiz_head:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url("../images/v3/sub/quiz_visual_240809_img.png") no-repeat 0% 0%;
	background-size:100%;
}

.quiz_cont .quiz_head p {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    padding: 5px 23px;
    color: #000;
    text-align: center;
    margin-top: 44px;
    display: inline-block;
    background: linear-gradient(-71deg, rgba(106, 245, 195, 1) 0%, rgba(58, 183, 255, 1) 100%);
    border-radius: 37px;
}

.quiz_cont .quiz_head p span {
    display: flex;
    align-items: center;
}

.quiz_cont .quiz_head p strong {
    color: #000;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.02em;
    margin-right: 3px;
}

.quiz_cont .quiz_head .title {
    margin-top: 60px;
}

.quiz_cont .quiz_head .title img {
    width: 80%;
    max-width:300px;
}

/* .quiz_cont .quiz_head p {font-size: 1.0625rem; color: #f6e638; text-align: center; display: inline-block;}
.quiz_cont .quiz_head p strong {color: #f6e638; font-size: 1.3125rem;}
.quiz_cont .quiz_head .title {width: 100%;}
.quiz_cont .quiz_head .title img {max-width: 100%;} */
.quiz_cont .quiz_body {
    margin-bottom: 40px;
    padding: 0 16px;
}

.quiz_cont .quiz_body .day {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    background: #313238;
    padding: 20px 16px;
    margin-bottom: 24px;
    color: #fff;
    font-size: 14px;
}

.quiz_cont .quiz_body .day span {
    position: relative;
}

.quiz_cont .quiz_body .day span strong {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    padding: 4px 16px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
}

.quiz_cont .quiz_body .quiz_text {
}

.quiz_cont .quiz_body .quiz_text dl dt {
    font-size: 20px;
    color: #1D1D1D;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    padding-left: 26px;
    margin: 0 0 16px;
}

.quiz_cont .quiz_body .quiz_text dl dt em {
    color: #D41115;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
}

.quiz_cont .quiz_body .quiz_text dl dt i {
    text-decoration: underline;
    text-underline-position: under;
}

/* .quiz_cont .quiz_body .quiz_text dl ul {border-bottom: 1px solid #c7d0dc; -webkit-box-shadow: 0 5px 0 0 #f2f2f2; box-shadow: 0 5px 0 0 #f2f2f2;} */
.quiz_cont .quiz_body .quiz_text dl li {
    position: relative;
    padding: 12px 16px 12px 16px;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    background: #F6F6F8;
}

.quiz_cont .quiz_body .quiz_text dl li + li {
    margin-top: 8px;
}

.quiz_cont .quiz_body .quiz_text dl li:first-child {
    border-top: 1px solid #c7d0dc;
}

.quiz_cont .quiz_body .quiz_text dl li span {
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 12px;
}

.quiz_cont .quiz_body .quiz_text dl li label {
    color: #000;
    font-size: 1rem;
    cursor: pointer;
}

.quiz_cont .quiz_body .quiz_text dl li.on {
    background: rgba(237, 31, 35, 0.05);
    border-color: rgba(237, 31, 35, 0.5);
}

/* .quiz_cont .quiz_body .quiz_text dl li.on label {color: #fff;} */
.quiz_cont .quiz_body .quiz_text .quiz_textarea {
    border: 1px solid #c7d0dc;
    box-shadow: 0 5px 0 0 #f2f2f2;
    padding: 10px;
    margin-bottom: 10px;
}

.quiz_cont .quiz_body .quiz_text .quiz_textarea textarea {
    width: 100%;
    height: 150px;
    border: 1px solid transparent;
}

.quiz_cont .quiz_body .quiz_text ul + .quiz_textarea {
    margin-top: 20px;
}

.quiz_text .custom_input input[type="checkbox"] + label, .quiz_text .custom_input input[type="radio"] + label {
    min-height: 28px;
    padding-left: 36px;
    line-height: 28px;
}

.quiz_text .custom_input input[type="checkbox"] + label:before, .quiz_text .custom_input input[type="radio"] + label:before {
    width: 28px;
    height: 28px;
    border-color: rgba(0,0,0,0);
    background-color: #E2E2E7;
}

.quiz_text .custom_input input[type="checkbox"] + label:after, .quiz_text .custom_input input[type="radio"] + label:after {
    content: "\e928";
    top: 7px;
    left: 6px;
    font-family: 'xeicon' !important;
    color: #ABADB4;
    line-height: 1;
}

.quiz_text .custom_input input[type="checkbox"]:checked + label:before, .quiz_text .custom_input input[type="radio"]:checked + label:before {
    background: #ED1F23;
}

.quiz_text .custom_input input[type="checkbox"]:checked + label:after, .quiz_text .custom_input input[type="radio"]:checked + label:after {
    color: #fff;
}

.quiz_text .quiz_participation {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #d8d8d8;
}

.quiz_text .btn_hint {
    display: block;
    background-color: #D41115;
    color: #fff;
    border-radius: 20px;
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;
    width: 155px;
    margin: 20px auto;
}

.quiz_text .btn_hint i {
    text-decoration: none !important;
    margin-left: 4px;
}

.line_tit {
    display: block;
    padding-bottom: 8px;
    border-bottom: 2px solid #2D2D2D;
    color: #1D1D1D;
    font-size: 20px;
}

.quiz_cont .quiz_body .quiz_input {
    margin-top: 35px;
}

.quiz_cont .quiz_body .quiz_input .input {
}

.quiz_cont .quiz_body .quiz_input .input ul {
    display: flex;
    flex-wrap: wrap;
}

.quiz_cont .quiz_body .quiz_input .input li {
    padding: 5px;
}

.quiz_cont .quiz_body .quiz_input .input li:first-child {
    width: 200px;
}

.quiz_cont .quiz_body .quiz_input .input label {
    font-size: .9375rem;
    color: #333;
    display: inline-block;
    padding-right: 10px;
    width: 87px;
}

.quiz_cont .quiz_body .quiz_input .input input {
    width: 80px;
    height: 38px;
    line-height: 30px;
    border: 1px solid #c7d0dc;
    font-size: .9375rem;
    text-align: center;
}

.quiz_cont .quiz_body .quiz_apply {
    text-align: center;
    margin-top: 35px;
}

.quiz_cont .quiz_body .quiz_apply a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    background: #313238;
    border: 1px solid #313238;
    padding: 0 20px;
}

.quiz_cont .quiz_body .quiz_apply a.prev {
    display: inline-block;
    color: #313238;
    height: 48px;
    line-height: 48px;
    border: 1px solid #313238;
    background: #fff;
}

.quiz_cont .quiz_body .quiz_apply a.prev span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
}

.quiz_cont .quiz_body .quiz_priv {
    margin-top: 35px;
}

.quiz_cont .quiz_body .quiz_priv .box {
    margin-top: 10px;
    border: 1px solid #c7d0dc;
    height: 140px;
    font-size: .9375rem;
    color: #666;
    overflow: auto;
    padding: 15px 0 15px 15px;
}

.quiz_cont .quiz_body .quiz_priv .box li {
    margin-top: 10px;
}

.quiz_cont .quiz_body .quiz_priv .box li b {
    color: red;
    font-size: 1.063rem
}

.quiz_cont .quiz_body .quiz_priv .agree_check {
    text-align: center;
    font-size: .9375rem;
    margin-top: 10px;
}

.quiz_cont .quiz_body .quiz_priv .agree_check span {
    margin: 0 5px;
}

.quiz_cont .quiz_body .quiz_priv .agree_check input {
    margin: 0;
}

.quiz_cont .quiz_body .quiz_ing {
    margin-top: 35px;
    text-align: center;
}

.quiz_cont .quiz_body .quiz_end {
    margin-top: 35px;
    padding: 0;
}

.quiz_cont .quiz_body .quiz_end .list {
    margin-top: 10px;
}

.quiz_cont .quiz_body .quiz_end .list dl {
    padding: 15px 0;
}

.quiz_cont .quiz_body .quiz_end .list dl:after {
    content: '';
    display: block;
    clear: both;
}

.quiz_cont .quiz_body .quiz_end .list dt {
    font-size: 1rem;
    font-weight: bold;
    height: 63px;
    margin-bottom: 10px;
    width: 100%;
    color: #2971d4;
    letter-spacing: -0.06em;
    position: relative;
}

.quiz_cont .quiz_body .quiz_end .list dt span.img {
    display: inline-block;
    vertical-align: top;
    margin-right: -10px;
}

.quiz_cont .quiz_body .quiz_end .list dt span.tit {
    display: inline-block;
    color: #191919;
    padding: 20px 0 0 0;
}

.quiz_cont .quiz_body .quiz_end .list dt span strong {
    color: #2971d4;
}

.quiz_cont .quiz_body .quiz_end .list dd {
    font-size: .9375rem;
    float: left;
    width: calc(100% / 3);
    letter-spacing: 0;
}

.quiz_cont .quiz_body .quiz_end .list dd span:first-child {
    padding: 0 10px 0 0;
    font-weight: bold;
}

.quiz_cont .quiz_body .title {
    display: flex;
    align-items: center;
    padding: 8px 0;
}

.quiz_cont .quiz_body .title h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #333;
}

.quiz_cont .quiz_body .title .point {
    margin-left: 10px;
}

.quiz_cont .quiz_body .point {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    position: relative;
}

.quiz_cont .quiz_body .point i {
    display: inline-block;
    font-size: 17px;
    color: #ef1f23;
    vertical-align: middle;
}

.quiz_cont .quiz-footer {
    /*border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e2e5e9;
    margin-top: -1px;*/
    padding:0 16px;
}

.quiz_cont .quiz-footer .quiz_info {
    border-top: 1px solid #e2e5e9;
}

.quiz-footer .quiz_giveaway {
    background: #f9fafc;
}

.quiz-footer .quiz_info {
    background: #eaedf2;
}

.quiz_cont_old {
    position: relative;
}

.quiz_cont_old .quiz_input {
    height: 105px;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
}

.quiz_cont_old .quiz_input input.answer, .quiz_cont_old .quiz_input input.name, .quiz_cont_old .quiz_input input.tel1, .quiz_cont_old .quiz_input input.tel2, .quiz_cont_old .quiz_input input.tel3 {
    position: absolute;
    border: #000 1px solid;
    color: #000;
}

.quiz_cont_old img {
    vertical-align: bottom;
}

.quiz_cont_old .quiz_input a img {
    left: 390px;
    position: absolute;
    top: 0;
}

.quiz_cont_old .quiz_input input.answer {
    left: 175px;
    top: 0;
    width: 205px;
    height: 28px;
    line-height: 28px;
    font-size: 1.1875rem;
    font-weight: bold;
    text-indent: 5px;
}

.quiz_cont_old .quiz_input input.name {
    left: 175px;
    top: 40px;
    width: 90px;
    height: 24px;
    padding: 3px 0 0;
    font-size: 12px;
    text-indent: 5px;
}

.quiz_cont_old .quiz_input input.tel1 {
    left: 325px;
    top: 40px;
    width: 43px;
    height: 24px;
    padding: 3px 0 0;
    font-size: 11px;
    text-indent: 5px;
}

.quiz_cont_old .quiz_input input.tel2 {
    left: 385px;
    top: 40px;
    width: 43px;
    height: 24px;
    padding: 3px 0 0;
    font-size: 11px;
    text-indent: 5px;
}

.quiz_cont_old .quiz_input input.tel3 {
    left: 445px;
    top: 40px;
    width: 43px;
    height: 24px;
    padding: 3px 0 0;
    font-size: 11px;
    text-indent: 5px;
}

.quiz_cont_old .section {
    width: auto !important;
}

/* 뉴스레터 */
#containerForSwiper .article[data-hash="newsLetterMain"] .variety {
    border: none;
    margin: -1px 16px 8px 16px;
    padding: 0;
}

#containerForSwiper .article[data-hash="newsLetterMain"] .variety div:not(.title_box) {
	order:1;
	margin:0;
}

#containerForSwiper .article[data-hash="newsLetterMain"] .variety .title_box {
	order:2;
    margin: 0;
}

#containerForSwiper .article[data-hash="newsLetterMain"] .variety .share_lst {
    right: 0;
}

.article_head.newsletter {
    padding-top: 10px !important;
}

.article_head.newsletter .variety {
    border: none !important;
    margin: -10px 0 0 -10px !important;
    padding: 0 !important;
}

.newslette_info {
    position: relative;
    padding: 24px 16px 24px 110px;
    background-color: #F3F3F6;
}

.newslette_info:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 16px;
    display: inline-block;
    width: 81px;
    height: 58px;
    background-image: url("../images/v3/newsletter_title_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.newslette_info h3 {
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.newslette_info p {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}

.newslette_signin {
    border: 1px solid #d5d9dc;
    padding: 24px 16px;
    margin: 0 16px;
    margin-bottom: 30px;
}

.newslette_signin h3 {
    margin-top: 24px;
    color: #1D1D1D;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.newslette_signin h3 .point {
    padding-left: 4px;
    color: #555;
    font-size: 13px;
    font-weight: 400;
}

.newslette_signin &gt; .txt {
    position: relative;
}

/* .newslette_signin &gt; .txt &gt; p {margin-bottom: 5px; font-size: 1.063rem; color: #212529; text-align: center;} */
.newslette_signin &gt; .txt p.text {
    margin: 8px 0;
    padding: 8px 16px;
    background: #F3F3F6;
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.newslette_signin &gt; .txt dl {
    text-align: center;
    margin-bottom: 20px;
}

.newslette_signin &gt; .txt dt {
    display: none;
}

.newslette_signin &gt; .txt dd {
    margin-top: 20px;
}

.newslette_signin &gt; .txt dd span {
    margin-left: 5px;
    line-height: 1;
}

.newslette_signin &gt; .txt dd .open {
    display: block;
    color: #228be5;
    font-size: 0.938rem;
    font-weight: 500;
    margin: 20px 0;
}

/* .newslette_signin .newslette_signin_cont {padding: 20px; background-color: #fff; border: 2px solid #495057; position: absolute; left:-20px; right:-20px; top: 0px; -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1); box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1); z-index: 10; display: none;} */
.newslette_signin .newslette_signin_cont {
    padding: 16px;
    border: 1px solid #E4E4E4;
    max-height: 160px;
    overflow-y: auto;
    color: #555;
    font-size: 14px;
}

/* .newslette_signin .newslette_signin_cont h3 {display: block; font-size: 1.375rem; color: #212529; padding-bottom: 10px; border-bottom: 1px solid #dee2e6; margin-bottom: 10px;} */
/* .newslette_signin .newslette_signin_cont .close {position: absolute; top: 15px; right: 15px; display: block; font-size: 1.250rem;} */
.newslette_signin .newslette_signin_cont &gt; div p {
    padding-bottom: 15px;
}

.newslette_signin .newslette_signin_cont &gt; div ul {
    font-size: 0.935rem;
}

.newslette_signin .newslette_signin_cont &gt; div ul li {
    margin-top: 5px;
}

.newslette_signin .newslette_signin_cont &gt; div ul li b {
    color: #D41115;
}

.newslette_signin .signin {
    position: relative;
    width: 100%;
    padding: 0 0 0 70px;
}

.newslette_signin .signin::after {
    content: "";
    clear: both;
    display: table;
}

.newslette_signin .signin ul {
    width: 100%;
}

.newslette_signin .signin ul li {
    position: relative;
    height: 35px;
    margin-bottom: 8px;
}

.newslette_signin .signin ul li label {
    position: absolute;
    left: -70px;
    font-weight: 500;
    line-height: 35px;
}

.newslette_signin .signin ul li input {
    width: 100%;
    height: 35px;
    border: 1px solid #c6c6c6;
    padding: 10px;
}

.newslette_signin a.apply, .newslette_signin a.cancel {
    width: 100%;
    height: 40px;
    background: #313238;
    border: 1px solid #313238;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.newslette_signin a.cancel {
    margin-top: 20px;
}

.newslette_signin .point {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    position: relative;
}

.newslette_signin .point i {
    display: inline-block;
    font-size: 17px;
    color: #ef1f23;
    vertical-align: middle;
}

.newslette_signin .ex_txt {
    padding-left: 0;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-top: 5px;
}

.newsletter_exp {
    border: 1px solid #ddd;
    padding: 0 16px;
    margin: 0 15px;
    margin-bottom: 30px;
}

.newsletter_exp ul {
    counter-reset: list-number;
}

.newsletter_exp li {
    padding: 25px 0 25px 0;
    font-size: .9375rem;
    position: relative;
}

.newsletter_exp li ~ li {
    border-top: 1px solid #ddd;
}

.newsletter_exp li .icon {
    display: none;
}

.newsletter_exp li dt {
    font-size: 1.0625rem;
    color: #1d1d1d;
    font-weight: bold;
    margin-bottom: 10px;
}

.newsletter_exp li dt:before {
    counter-increment: list-number;
    content: counter(list-number) ".";
    color: #D41115;
    margin-right: 5px;
}

.newsletter_btn {
    text-align: center;
}

.newsletter_btn .btn_nl_new {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 15px 30px;
    background: #313238;
    transition: all .2s;
}

.newsletter_btn .btn_nl_new:after {
    content: '\e907';
    font-family: 'xeicon';
    font-size: 15px;
    display: inline-block;
    margin-left: 5px;
}

.newsletter_banner {
    margin: -10px 15px 30px 15px;
    text-align: center;
}

/* 정책소셜 */
#containerForSwiper .article[data-hash="deptSns"] .list_type li a {
    border-top: 1px solid #dee2e6;
}

#containerForSwiper .article[data-hash="deptSns"] .list_type .text .lead {
    -webkit-line-clamp: 1;
}

.policy_home {
    margin-top: 36px;
    padding-top: 36px;
    border-top: 1px solid #e4e4e4;
}

.policy_home .menu .tit {
    margin-bottom: 12px;
    color: #2d2d2d;
    font-size: 18px;
}

.policy_home .menu {
    margin: 0 16px 16px;
}

.policy_home .menu ul {
    padding: 10px 10px;
    border: 1px solid #dee2e6;
    overflow: auto;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
}

.policy_home .menu ul li {
    width: 50%;
}

.policy_home .menu ul li a {
    font-size: .875rem;
    line-height: 20px;
    color: #111;
    letter-spacing: -0.04em;
    padding: 2.5px 0;
}

.policy_home .menu ul li.active a {
    color: #ed1f23;
    font-weight: 500;
}

.policy_home .menu ul li.active a span {
    position: relative;
}

.policy_home .menu ul li.active a span:after {
    content: "\e929";
    font-family: 'xeicon';
    font-size: 18px;
    display: inline-block;
    color: #ed1f23;
}

.policy_home .list {
    position: relative;
    margin: 0;
    border-top: 1px solid #dee2e6;
}

.policy_home .list h2 {
    font-size: 18px;
    margin: 25px 16px 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.policy_home .list h2 a {
    margin-left: 3px;
}

.policy_home .list .uncheck {
    position: absolute;
    right: 20px;
    top: 22px;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #666;
    padding: 5px;
    z-index: 2;
}

.policy_home .fb, .policy_home .tw, .policy_home .nv, .policy_home .ut, .policy_home .is {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/common/sns_icon.svg');
    background-size: 108px 36px;
    border-radius: 100%;
    vertical-align: middle;
}

.policy_home .fb span, .policy_home .tw span, .policy_home .nv span, .policy_home .ut span, .policy_home .is span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.policy_home .fb {
    background-position: 0 0;
}

.policy_home .tw {
    background-position: -18px 0;
}

.policy_home .nv {
    background-position: -36px 0;
}

.policy_home .ut {
    background-position: -54px 0;
}

.policy_home .is {
    background-position: -72px 0;
}

.policy_home .list .slider ul {
    margin: 0 15px;
}

.policy_home .list .slider ul li a {
    display: block;
    border-top: 1px solid #e8e8e8;
    padding: 20px 0;
    position: relative;
}

.policy_home .list .slider ul li span.title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-bottom: 8px;
}

.policy_home .list .slider ul li span.title &gt; span {
    margin-right: 3px;
}

.policy_home .list .slider ul li span.lead {
    font-size: 14px;
    color: #666;
    word-break: break-all;
    max-height: 64px;
    visibility: visible;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.policy_home .list .slider ul li span.clock {
    position: absolute;
    right: 0;
    top: 20px;
    color: #707070;
    font-size: 13px;
}

.policy_home .list .slider ul li span.clock i:before {
    content: "\ea2c";
}

.policy_home .list .slider .slick-dots {
    text-align: center;
    margin-bottom: 10px;
}

.policy_home .list .slider .slick-dots li {
    display: inline-block;
}

.policy_home .list .slider .slick-dots li button {
    position: relative;
    font-size: 0;
    width: 16px;
    height: 27px;
}

.policy_home .list .slider .slick-dots li button:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #c6cacf;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    border-radius: 8px;
}

.policy_home .list .slider .slick-dots li.slick-active button:before {
    background: #ed1f23;
}

.deptsns {
    position: relative;
    width: 100%;
    background-color: #f2f4f7;
    margin-bottom: 20px;
    display: table;
    padding: 20px 16px;
    border: 1px solid #dee2e6;
    border-left: none;
    border-right: none;
}

.deptsns:before {
    content: '';
    display: block;
    width: 72px;
    height: 66px;
    background: url("../images/v3/deptsns_title_icon.png") 0 0/contain no-repeat;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.deptsns div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 95px;
}

.deptsns h2 {
    font-size: 18px;
}

.deptsns p {
    margin-top: 10px;
    color: #555;
    font-size: 13px;
    line-height: 1.4;
}

/* 공지사항 */
#containerForSwiper .article[data-hash="notice"] .list_type {
    margin-top: 0;
}

.list_type li a {
	
}
#article_notice .list_type li a{padding:16px 5px}
.list_type li.notice a{
	background-color:#f6f6f8;
}

/* .notice {background-color: #f6f6f6; border-top: 1px solid #dee2e6;} 
.notice_ico:before {
    content: "\ea5b";
    font-family: 'xeicon';
    font-size: 17px;
    line-height: 1;
    display: inline-block;
    font-weight: normal;
    color: #ed1f23;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 3px;
}*/
.notice_ico:before{
	content:"";
	position:relative;
	top:-2px;
	display:inline-block;
	vertical-align:middle;
	width:19px;
	height:19px;
	background:url(../images/v3/icon_notice.svg) center no-repeat;
	background-size:contain;
	margin-right:2px;
}

.notice_ico i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
}

/* RSS */
.rss_info {
    position: relative;
    padding: 24px 16px 24px 110px;
    background-color: #F3F3F6;
}

.rss_info:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 16px;
    display: inline-block;
    width: 81px;
    height: 58px;
    background-image: url("../images/v3/rss_title_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.rss_info h3 {
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.rss_info p {
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}

.rss_info p.info {
    position: relative;
    font-size: 12px;
    background-color: #00205C;
    color: #fff;
    font-weight: normal;
    padding: 10px 20px 10px 44px;
    border-radius: 4px;
    letter-spacing: -0.05em;
    max-width: 420px;
    margin: 12px auto 0 auto;
}

.rss_info p.info i {
    color: #f2f860;
    letter-spacing: 0;
    font-weight: 500;
}

.rss_info p.info:before {
    font-family: "xeicon";
    content: '\e9aa';
    font-size: 18px;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    margin-right: 5px;
    position: absolute;
    top: 6px;
    left: 16px;
    z-index: 2;
}

.rss_list {
    font-size: .9375rem;
    border-top: 1px solid #dee2e6;
    margin: 0 15px;
}

.rss_list li dt {
    background-color: #f2f4f7;
    border-bottom: 1px solid #E4E4E4;
    padding: 15px 10px;
    font-weight: 600;
}

.rss_list li dd {
    position: relative;
    padding: 5px 95px 5px 10px;
    border-bottom: 1px solid #dee2e6;
    word-break: break-all;
    min-height: 52px;
}

.rss_list li dd strong {
    display: inline-block;
    margin-bottom: 5px;
    padding-top: 3px;
    color: #1d1d1d;
}

.rss_list li dd span {
    padding: 11px 0 10px 0;
}

.rss_list li dd a {
    padding: 11px 0 10px 0;
    letter-spacing: 0;
    display: block;
}

.rss_list li dd strong + span {
    padding: 0;
}

.rss_list li dd strong + a {
    padding: 0;
    margin-bottom: 5px;
    color: #555;
    font-sizE: 14px;
}

.rss_list li button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    color:#1d1d1d;
    -webkit-appearance:none;
}

.rss_list li button i:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: url("../images/v3/icon_rss1.svg") no-repeat 50% 50% / cover;
}

.rss_use {
    margin: 20px 15px;
    text-align: center;
}

.rss_useful {
    margin: 20px 15px;
    text-align: center;
}

.rss_useful .use_tit {
    padding: 10px;
    border-radius: 12px;
    background: #F3F3F6;
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.rss_useful .use_tit::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("../images/v3/icon_rss2.svg") no-repeat 50% 50% / cover;
}

.rss_useful .list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 12px;
}

.rss_useful .list &gt; li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(50% - 12px);
    min-height: 70px;
    padding: 10px;
    border: 3px solid #E2E2E7;
    border-radius: 12px;
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.rss_useful .list &gt; li:not(:nth-child(3))::after {
    content: "\e93e";
    font-family: "xeicon";
    display: inline-block;
    position: absolute;
    right: -22px;
    top: 50%;
    color: #A0A2A8;
    transform: translateY(-50%);
}

.rss_useful .list &gt; li:nth-child(2)::after {
    left: 50%;
    top: auto;
    bottom: -22px;
    transform: translate(-50%, 0) rotate(90deg);
}

.rss_useful .list &gt; li:nth-child(4)::after {
    transform: translate(0, -50%) rotate(180deg);
}

.rss_useful .list &gt; li:nth-child(3) {
    order: 4;
}

.rss_reader {
    position: relative;
    color: #2D2D2D;
    font-size: 14px;
    border: 1px solid #E4E4E4;
    padding: 20px;
    margin: 20px 16px;
}

.rss_reader dt {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 5px;
}

.rss_reader dd .btn {
    margin-left: 10px;
}

.rss_reader .rss-btn {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    padding: 12px 14px 11px;
}

.rss_reader .rss-btn .icon-pdf {
    background: url("../images/sub/icon_file_acro.png") 0 0 no-repeat;
    width: 17px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.rss_conf {
    font-size: 14px;
    color: #2D2D2D;
    line-height: 1.5;
    border: 1px solid #E4E4E4;
    padding: 20px;
    margin: 20px 16px;
}

.rss_conf:after {
    content: "";
    clear: both;
    display: table;
}

.rss_conf div {
    float: left;
    margin: 3px 12px 0 0;
}

.rss_conf p {
    overflow: hidden;
}

@media screen and (max-width: 610px) {
    .rss_reader .rss-btn {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0%);
        margin: 0 auto;
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }

    .rss_conf div {
        float: none;
        margin: 0 0 12px 0;
    }

    .rss_conf div img {
        max-width: 180px;
    }
}

/* 배너달기 */
.banner_down .img {
    background-color: #f2f4f7;
    padding: 20px 16px;
    margin-bottom: 25px;
}

.banner_down .img:after {
    content: "";
    clear: both;
    display: table;
}

.banner_down .img li {
    padding: 10px;
    float: left;
    width: 50%;
    text-align: center;
}

.banner_down .down {
    text-align: center;
    padding: 0;
    font-size: 0;
}

.banner_down .down a {
    border: 1px solid #adb5bd;
    display: inline-block;
    min-width: 200px;
    padding: 15px;
    font-size: 15px;
    font-weight: 700;
    margin: 5px;
}

.banner_down .down a i {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.banner_down .down a i:after {
    content: "\eb7c";
    font-family: 'xeicon';
    font-size: 17px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.banner_info {
    padding: 25px 16px 0;
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #dee2e6;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.04em;
}

.banner_info h2 {
    margin-bottom: 20px;
    font-size: 1.0625rem;
}

.banner_info li:first-child {
    margin-top: 0;
}

.banner_info li {
    margin-top: 10px;
    padding-left: 18px;
    text-indent: -18px;
}

@media screen and (max-width: 610px) {
    .banner_down .img li {
        width: 100%;
    }
}

/* 개인정보 처리방침 */
.privacy {
    display: flex;
    flex-direction: column-reverse;
    padding: 20px 15px;
}

.privacy .tab {
    width: 100%;
}

.privacy .tab ul {
    display: flex;
    flex-wrap: wrap;
}

.privacy .tab ul li {
    width: calc(100% / 3);
    margin-right: -1px;
    margin-bottom: -1px;
}

.privacy .tab ul li button {
    position: relative;
    display: block;
    width: 100%;
    font-weight: inherit;
    font-size: .9375rem;
    color: #111;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
}

.privacy .tab ul li.active button:before {
    content: "\e929";
    font-family: 'xeicon';
    font-size: 18px;
    display: inline-block;
    color: #ed1f23;
    vertical-align: middle;
}

.privacy .cont_wrap {
    margin-bottom: 30px;
}

.privacy .cont_wrap .cont {
    display: none;
}

.privacy .cont_wrap #now {
    display: block;
}

.privacy .cont_wrap p {
    margin: 0;
}

.privacy .cont_wrap h5 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 1.125rem;
    color: #000;
}

.privacy .cont_wrap ol li {
    list-style-type: decimal;
    list-style-position: inside;
    margin-left: 15px;
    text-indent: -15px;
}

.privacy .cont_wrap ol li ul li strong {
    display: block;
    font-weight: normal;
}

.privacy .cont_wrap ol li ul li {
    margin-left: 0;
    text-indent: 0;
    padding: 0 0 0 15px;
}

.privacy .cont_wrap ul li {
    list-style-type: none;
    position: relative;
}

.privacy .cont_wrap ul li:before {
    content: "\25E6";
    display: block;
    clear: both;
    position: absolute;
    left: 0;
}

.privacy .cont_wrap table {
    border: 1px solid #cecece;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-indent: 0;
}

.privacy .cont_wrap table td {
    border-left: 1px solid #cecece;
    border-top: 1px solid #cecece;
    border-collapse: collapse;
    padding: 3px 10px;
}

.privacy .cont_wrap table td.center {
    text-align: center;
}

.privacy .cont_wrap table td a {
    font-weight: normal;
}

.privacy .cont_wrap table th {
    background-color: #efeceb;
    border: 1px solid #cecece;
    padding: 3px;
    font-weight: normal;
}

.privacy .cont_wrap table thead th {
    text-align: center;
}

.privacy .cont_wrap table tbody th {
    padding: 0 10px;
}

.privacy .cont_wrap a {
    color: #2971d4;
    letter-spacing: 0;
}

/* 저작권정책 */
.copyright_box {
    position: relative;
    font-size: 15px;
    color: #2D2D2D;
    line-height: 1.6;
    padding: 0 16px 20px;
}

.copyright_box .info {
    padding: 20px 25px;
    margin-bottom: 35px;
    display: table;
    width: 100%;
    background: #F3F3F6;
    font-size: 14px;
    line-height: 1.6;
    color: #2D2D2D;
    font-weight: bold;
}

.copyright_box .info:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    background: url("../images/sub/copyright_title_icon.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 16px;
}

.copyright_box .info .inner {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 50px);
}

.copyright_box .kogl_info {
    margin-bottom: 25px;
    text-align: center;
}

.copyright_box .kogl_info .logo {
    display: inline-block;
    width: 100%;
    height: 50px;
    background-image: url("../images/common/kogl.png");
    background-size: 199px auto;
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    margin-bottom: 10px;
}

.copyright_box .kogl_info .logo i {
    position: absolute;
    left: -10000%;
    top: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -10000px;
}

.copyright_box .kogl_info .text {
    text-align: left;
}

.copyright_box .table_caption {
    color: #1d1d1d;
    font-size: 17px;
    font-weight: 600;
}

.copyright_box table h3 {
    font-size: 14px;
    font-weight: 500;
}

.copyright_box table tr:first-child th, .copyright_box table tr:first-child td {
    border-top: 1px solid #2d2d2d;
}

.copyright_box table {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-indent: 0;
    font-size: 14px;
}

.copyright_box table td {
    border-left: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
    padding: 10px 10px;
}

.copyright_box table td.center {
    text-align: center;
}

.copyright_box table td a {
    font-weight: normal;
}

.copyright_box table td p {
    color: #555;
}

.copyright_box table th {
    background-color: #F3F3F6;
    border-bottom: 1px solid #E4E4E4;
    padding: 3px;
    font-weight: 600;
}

.copyright_box table thead th {
    text-align: center;
}

.copyright_box table tbody th {
    padding: 10px;
}

.copyright_box table li {
    margin: 10px 0;
}

.copyright_box .mgb10 {
    margin-bottom: 10px;
}

.copyright_box .mgb25 {
    margin-bottom: 25px;
}

.copyright_btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.copyright_btns .btn {
    display: block;
    text-align: center;
    margin: 10px 5px;
    padding: 5px !important;
}

.copyright_btns .btn::after {
    content: "\e915";
    font-family: 'xeicon';
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    transform: rotate(45deg);
}

@media screen and (max-width: 456px) {
    .copyright_btns .btn {
        margin: 5px 5px;
        width: 100%;
    }
}

/* 이메일 수집거부 */
.email_reject_box {
    width: calc(100% - 32px);
    margin: 0 auto 40px;
    padding: 24px 16px;
    background-color: #F6F6F8;
}

.email_reject_box::before {
    content: '';
    display: block;
    width: 77px;
    height: 49px;
    background: url("../images/v3/email_title_icon.png") 0 0 no-repeat;
    background-size: 100% auto;
    margin: 0 auto 24px;
}

.email_reject_box h3 {
    font-size: 18px;
    color: #2d2d2d;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
}

.email_reject_box p {
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

/* 운영자에게 */
.to_master_box {
    padding: 24px 16px;
    background-color: #F6F6F8;
}

.to_master_box::before {
    content: '';
    display: block;
    width: 90px;
    height: 95px;
    background: url("../images/sub/master_title_icon.png") 0 0 no-repeat;
    margin: 0 auto 20px;
}

.to_master_box h3 {
    font-size: 18px;
    color: #2d2d2d;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
}

.to_master_box p {
    font-size: 13px;
    color: #555;
    line-height: 1.4;
}

.to_master_box a {
    color: #002157;
    text-decoration: underline;
    font-weight: normal;
}

#containerForSwiper .article[data-hash="deptIntroduce"], #containerForSwiper .article[data-hash="govVision"], #containerForSwiper .article[data-hash="koreaIntroduce"], #containerForSwiper .article[data-hash="newsLetterMain"] .newsletter_btn {
    padding-bottom: 2rem;
}

/* 맞춤 정책뉴스 */
/*.custom_news_info {position: relative; border: 6px solid #f0f0f0; padding: 18px 25px 36px 25px; margin: 29px 15px 22px 15px; background: url("../images/sub/custom_news_info_bg.png") right bottom no-repeat; background-size: auto 100%;}
.custom_news_info p {font-weight: 400; color: #4c4c4c; font-size: 16px; line-height: 24px; letter-spacing: -0.05em;}
.custom_news_info p b {font-weight: 500; color: #181818;}*/
.custom_news_info {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 16px;
    background: #F6F6F8;
    text-align: center;
}

.custom_news_info h2 {
    display: none;
}

.custom_news_info p {
    font-weight: 400;
    color: #2D2D2D;
    font-size: 14px;
    line-height: 1.6;
}

@media screen and (max-width: 400px) {
    /* .custom_news_info {background:none; text-align: center; padding: 18px 25px;} */
}

.custom_news_select {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 1.375rem;
    font-weight: 700;
    color: #212529;
    font-family: "Noto Sans KR";
}

.custom_news_select .select {
    position: relative;
    margin-right: 1.875rem;
    line-height: 0;
}

.custom_news_select .select &gt; button {
    position: relative;
    color: #ed1f23;
}

.custom_news_select .select &gt; button:after {
    content: '\e936';
    font-family: "xeicon";
    font-size: 1.375rem;
    position: absolute;
    top: 50%;
    right: -1.375rem;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.custom_news_select .select ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    font-size: 0.938rem;
    font-weight: 400;
    background-color: #fff;
    padding: 0.938rem 0.938rem;
    border-radius: 0.625rem;
    box-shadow: 0px 0.250rem 0.625rem rgb(0 0 0 / 5%);
    margin-top: 0.938rem;
    z-index: 2;
    border: 1px solid #d7dce1;
}

.custom_news_select .select ul:before {
    content: '';
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 0.5rem solid #d7dce1;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
}

.custom_news_select .select ul:after {
    content: '';
    position: absolute;
    top: -0.438rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 0.5rem solid #fff;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
}

.custom_news_select .select ul li button {
    white-space: nowrap;
    text-align: left;
    width: 100%;
    padding: 0.625rem 0.938rem 0.625rem 1.250rem;
    position: relative;
    line-height: 1;
    color: #000;
}

.custom_news_select .select ul li button span {
    position: relative;
}

.custom_news_select .select ul li button span:before {
    content: "\e929";
    font-family: 'xeicon';
    font-size: 1.375rem;
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: -1.563rem;
    transform: translateY(-50%);
    transition: all 0.2s;
}

.custom_news_select .select ul li.active button span {
    color: #ed1f23;
    font-weight: 600;
}

.custom_news_select .select ul li.active button span:before {
    color: #ed1f23;
    font-weight: bold;
}

.custom_news_select .select.is-open &gt; button:after {
    content: '\e930';
}

.custom_news_tab {
    width: 100%;
    display: none;
    padding: 24px 15px 15px 15px;
    font-family: "Noto Sans KR";
    overflow: hidden;
}

.custom_news_tab.active {
    display: block;
}

.custom_news_tab ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/*
.custom_news_tab ul li button {font-size: 14px; font-weight: 500; color: #555; border: 1px solid #cfcfcf; background-color: #fff; border-radius:42px; padding: 8px 15px; white-space: nowrap;}
.custom_news_tab ul li.active button {font-weight: 500; background-color: #212429; border: 1px solid #212429; box-shadow: 0px 4px 8px rgb(0 0 0 / 5%); color: #fff;}
*/
.custom_news_tab .swiper-wrapper {
}

.custom_news_tab ul li button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 4px 8px 4px 32px;
    border-radius: 48px;
    background: #F3F3F6;
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

.custom_news_tab ul li.active button {
    background: #1d1d1d;
    color: #fff;
}

.custom_news_tab ul li button .txt {
    position: relative;
    z-index: 3;
}

.custom_news_tab ul li button .thumb {
    display: block;
    position: absolute;
    left: 4px;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding-bottom: 0;
    transform: translateY(-50%);
}

.custom_news_sch {
    margin-bottom: 24px;
    padding: 0 15px;
}

.custom_news_sch fieldset {
    display: flex;
    justify-content: center;
}

.custom_news_sch label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.custom_news_sch input {
    border: 1px solid #cfcfcf;
    width: calc(100% - 100px);
    height: 42px;
    padding: 0 15px;
}

.custom_news_sch .sch {
    background-color: #424242;
    color: #fff;
    width: 100px;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 2px;
    padding: 5px;
    margin-left: 4px;
}

.custom_news_sch .sch span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom_news_sch .sch span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("../images/v3/icon_sch_white.svg") no-repeat 50% 50% / cover;
    margin-right: 4px;
}

.custom_news_list {
    padding: 0 15px;
}

.custom_news_list ul {
    margin: 0 -5px;
}

.custom_news_list li {
    margin-top: 0.938rem;
    padding: 0 5px;
}

.custom_news_list ul li a {
    position: relative;
    display: flex;
    align-items: stretch;
    border-radius: 0.625rem;
    box-shadow: 0 0.25rem 0.625rem rgb(0 0 0 / 2%);
    border: 1px solid #e6e6e6;
}

.custom_news_list .thumb {
    width: 9.375rem;
    height: 6.125rem;
    padding-bottom: 0%;
    border-radius: 0.625rem 0 0 0.625rem;
}

.custom_news_list .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 6.125rem;
    padding: 0.938rem;
    border-radius: 0.625rem;
    box-sizing: border-box;
    background-color: #fff;
}

.custom_news_list .thumb + .text {
    width: calc(100% - 9.375rem);
    border-radius: 0 0.625rem 0.625rem 0;
    padding-left: 1.25rem;
}

.custom_news_list .text i {
    position: absolute;
    top: -0.188rem;
    left: 0;
    background-color: #495058;
    font-size: 0.813rem;
    font-weight: 700;
    color: #fff;
    padding: 0.313rem 0.563rem;
    border-radius: 0.375rem 0.375rem 0.375rem 0;
    line-height: 1;
    z-index: 2;
}

/* .custom_news_list .text i {display:inline-block; vertical-align: middle; margin-bottom:4px; padding:1px 6px; border:1px solid #C6C6C6; color:#2D2D2D; font-size:12px; line-height:1.5;} */
.custom_news_list .text strong {
    display: block;
    line-height: 1.25rem;
    font-size: 0.938rem;
    font-weight: 500;
    color: #212529;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.custom_news_list .text em {
    font-size: 0.75rem;
    font-weight: 500;
    color: #919191;
    margin-top: 0.625rem;
}

.focus_sea_status {
    border: 1px solid #c0c0c0;
    border-left: none;
    border-right: none;
    font-family: 'Noto Sans KR';
    margin-top: 9px;
}

.focus_sea_status .tit {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.focus_sea_status .tit strong {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    display: block;
}

.focus_sea_status .tit strong i {
    font-size: 16px;
    font-weight: 400;
}

.focus_sea_status .tit span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}

.focus_sea_status .tit a {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

.focus_sea_status .tit a:after {
    content: '\e93f';
    font-family: "xeicon";
}

.focus_sea_status .status {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #181818;
    margin-top: 15px;
}

.focus_sea_status .status ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}

.focus_sea_status .status ul li {
    text-align: center;
    padding: 0 9px;
}

.focus_sea_status .status ul li span {
    display: block;
    white-space: nowrap;
}

.focus_sea_status .status ul li strong {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.focus_sea_status .status ul li strong em {
    font-size: 16px;
    font-weight: 500;
    color: #181818;
}

.focus_sea_status .status.day {
    justify-content: center;
    padding: 0 15px;
}

.focus_sea_status .status.day ul:first-child li:first-child {
    margin-top: -2px;
}

.focus_sea_status .status.day ul:first-child li:first-child strong {
    color: #ec1d23;
    font-size: 22px;
}

.focus_sea_status .status.day ul:first-child + ul {
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    display: none;
}

.focus_sea_status .status.day ul:first-child + ul:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #d5d6d7;
}

.focus_sea_status .status.day ul li span {
    display: inline-block;
}

.focus_sea_status .status.all {
    background-color: #edf0f4;
    color: #132c5b;
    padding: 15px 20px;
    margin-top: 20px;
    color: #132c5b;
}

.focus_sea_status .status.all &gt; strong {
    position: relative;
    color: #132c5b;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.focus_sea_status .status.all &gt; strong:after {
    content: ':';
    display: inline-block;
    margin-left: 10px;
}

.focus_sea_status .status.all ul {
    width: auto;
}

.focus_sea_status .status.all ul li span {
    display: inline-block;
}

.focus_sea_status .status.all ul li strong {
    font-size: 16px;
    color: #132c5b;
}

.focus_sea_status .status.all .link {
    font-size: 15px;
    color: #132c5b;
    border: 1px solid #b0b9c8;
    display: inline-block;
    border-radius: 33px;
    padding: 8px 5px 8px 10px;
    margin-top: 10px;
    width: 90%;
    text-align: center;
}

.focus_sea_status .status.all .link:after {
    content: '\e93f';
    font-family: "xeicon";
}

.card_ico {
    padding: 0;
    margin: 0;
    margin-right: 8px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.card_ico i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.card_ico:after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 15px;
    background: url("../images/common/ico_card.svg") no-repeat center center;
}

.actually_top {
    position: relative;
    margin: 20px 15px 20px 15px;
    background: linear-gradient(to right, #251b5e 0%, #1c1448 99%);
    padding: 30px;
    border-radius: 15px;
}

.actually_top .text strong {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 50px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.actually_top .text &gt; span {
    display: block;
}

.actually_top .text .lead {
    font-size: 15px;
    margin-top: 19px;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.actually_top .text .source {
    font-size: 14px;
    color: #707070;
    display: block;
    margin-top: 19px;
}

.actually_top .text .source span:last-child {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 92px);
    vertical-align: top;
}

.actually_top .text .source span ~ span {
    position: relative;
    margin-left: 7px;
    padding-left: 8px;
}

.actually_top .text .source span ~ span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dadada;
}

.actually_top .text .source {
    color: #fff;
    opacity: 0.65;
}

.actually_top .control {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -20px;
}

.actually_top .control .dots {
    display: inline-block;
}

.actually_top .control .slick-dots {
    text-align: center;
    line-height: 0;
}

.actually_top .control .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}

.actually_top .control .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: transparent;
    transition: all 0.2s;
    border: 1px solid #fff;
}

.actually_top .control .slick-dots li.slick-active button {
    background-color: #fff;
}

.actually_top .control .playing {
    position: relative;
    width: 25px;
    height: 40px;
    display: inline-block;
    font-size: 0;
}

.actually_top .control .playing:before {
    font-family: 'xeicon';
    display: inline-block;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

.actually_top .control .playing.pause:before {
    content: '\ea3b'
}

.actually_top .control .playing.play:before {
    content: '\ea3e'
}

.focus_sea_slide {
    overflow: hidden;
    margin-bottom: 5px;
}

.focus_sea_slide .slide {
    padding: 25px 7.5px 0 7.5px;
    max-width: 700px;
    margin: 0 auto;
}

.focus_sea_slide .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.focus_sea_slide .slick-dots li {
    display: inline-block;
    margin: 0 2.5px;
}

.focus_sea_slide .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #cbcbcb;
    transition: all 0.2s;
}

.focus_sea_slide .slick-dots li.slick-active button {
    background-color: #ed1f23;
    width: 24px;
    border-radius: 24px;
}

.focus_sea_slide a {
    display: block;
    padding: 0 7.5px;
}

.focus_sea_slide .thumb_wrap {
    width: 100%;
}

.focus_sea_slide .thumb {
    width: 100%;
    border: 1px solid #dee2e6;
}

.focus_sea_slide .text_wrap {
    width: 100%;
}

.focus_sea_slide .text {
    display: block;
    padding-top: 12px;
}

.focus_sea_slide .text strong {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin: 0 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.focus_sea_slide .text .stitle {
    width: 100%;
    font-size: 1.0625rem;
    color: #495057;
    margin-bottom: 16px;
}

.focus_sea_slide .text .lead {
    font-size: .9375rem;
    color: #666;
    margin: 0 0 10px 0;
    max-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.focus_sea_slide .text .source {
    display: block;
    width: 100%;
    font-size: 0;
}

.focus_sea_slide .text .source span {
    vertical-align: middle;
    display: inline-block;
    font-size: .8125rem;
    color: #868e96;
}

.focus_sea_slide .text .source span ~ span {
    position: relative;
    margin-left: 7px;
    padding-left: 8px;
}

.focus_sea_slide .text .source span ~ span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dadada;
}

.focus_sea_slide .text .source span + span {
    max-width: calc(100% - 80px);
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.focus_sea_sch {
    position: relative;
    padding: 5px 16px 15px 16px;
    display: flex;
    flex-direction: column;
}

.focus_sea_sch .sch {
    position: relative;
    width: 100%;
    padding: 20px 122px 20px 20px;
    border: 1px solid #E4E4E4;
    background-color: #F6F6F8;
}

.focus_sea_sch .sch.active {
    background-color: #fff;
}

.focus_sea_sch .sch_post_inp {
    display: block;
    position: relative;
    border: 1px solid #cfcfcf;
    width: 100%;
    border-radius: 2px;
}

.focus_sea_sch .sch_post_inp label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.focus_sea_sch .input_keyword {
    float: left;
    width: 100%;
    height: 36px;
    border: 0;
    padding: 0 15px;
}

.focus_sea_sch .input_keyword::placeholder {
    color: #757575;
}

.focus_sea_sch .btn_search {
    background-color: #ED1F23;
    color: #fff;
    width: 38px;
    height: 38px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -1px;
    top: 0;
    border-radius: 2px;
    margin-top: -1px;
    padding: 5px;
}

.focus_sea_sch .btn_search:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    background: url("../images/v3/icon_sch_white.svg") no-repeat 50% 50% / cover;
}

.focus_sea_sch .btn_search i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.focus_sea_sch .detail_sch {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 44px;
    color: #000;
    font-size: 14px;
}

.focus_sea_sch .detail_sch span {
    position: relative;
}

.focus_sea_sch .detail_sch span:after {
    content: "\e942";
    font-family: "xeicon";
    font-size: 20px;
    display: inline-block;
    color: #000;
    vertical-align: middle;
}

.focus_sea_sch .detail_sch.active span:after {
    content: "\e945";
}

.focus_sea_sch .detail_sch.active span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 18px;
    height: 1px;
    background-color: #000;
}

.focus_sea_sch .detail_sch i {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.focus_sea_sch .sch_tab {
    display: none;
    order: -1;
    border: 1px solid #adb5bd;
    border-bottom: none;
}

.focus_sea_sch .sch_tab.active {
    display: block;
}

.focus_sea_sch .tab_nav {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f2f4f7;
}

.focus_sea_sch .tab_cont_wrap:after {
    content: "";
    clear: both;
    display: table;
}

.focus_sea_sch .tab_cont_wrap .cont {
    padding: 14px 18px;
    display: none;
}

.focus_sea_sch .tab_cont_wrap .cont:first-child {
    display: block;
}

.focus_sea_sch .tab_cont_wrap .cont ul {
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.focus_sea_sch .tab_cont_wrap .cont ul li {
    width: calc(100% / 2);
    font-size: .875rem;
    padding: 4px 0;
}

.focus_sea_sch .tab_cont_wrap .cont ul li span {
    display: block;
}

.focus_sea_sch .select_opt {
    position: relative;
    padding: 20px 20px;
    border-top: 1px solid #dee2e6;
    background-color: #f2f4f7;
    margin-top: -1px;
    min-height: 66px;
}

.focus_sea_sch .select_opt strong {
    font-weight: 500;
    color: #181818;
    font-size: 15px;
}

.focus_sea_sch .select_opt ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 15px -5px 0 -5px;
}

.focus_sea_sch .select_opt ul li {
    font-size: 15px;
    font-weight: 500;
    color: #176aca;
    letter-spacing: -0.05em;
    padding: 2px 5px;
}

.focus_sea_sch .select_opt ul li button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 8px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #2D2D2D;
    font-size: 13px;
    line-height: 1.5;
}

.focus_sea_sch .select_opt ul li button:after {
    content: "\e921";
    font-family: "xeicon";
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

/* .focus_sea_sch .select_opt ul li button:hover:after {content: "\e926"; color: #176aca;} */
.focus_sea_sch .select_opt ul li button span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.focus_sea_sch .select_opt .restart {
    position: absolute;
    right: 15px;
    top: 14px;
    font-size: 15px;
    letter-spacing: -0.05em;
    border-radius: 36px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    line-height: 30px;
    width: 100px;
}

.focus_sea_sch .select_opt .restart span {
    position: relative;
    padding-left: 20px;
}

.focus_sea_sch .select_opt .restart span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/v3/icon_refresh.svg") no-repeat 50% 50% / cover;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.focus_sea_sch .select_opt .app {
    position: absolute;
    right: 120px;
    top: 14px;
    font-size: 15px;
    letter-spacing: -0.05em;
    border-radius: 36px;
    background-color: #ED1F23;
    border: 1px solid #ED1F23;
    line-height: 30px;
    padding: 0 20px;
    color: #fff;
}

/* 정책포커스 홈 */
.policy_focus_info {
    position: relative;
    border: 7px solid #f0f0f0;
    padding: 30px 25px 36px 25px;
    margin: 29px 15px 22px 15px;
    min-height: 124px;
}

.policy_focus_info:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/sub/policy_focus_info_bg.png');
    background-repeat: no-repeat;
    background-position: right 10px bottom;
    background-size: auto 86px;
}

.policy_focus_info p {
    font-weight: 400;
    color: #4c4c4c;
    font-size: 16px;
    letter-spacing: -0.05em;
    margin-top: -10px;
}

@media screen and (max-width: 400px) {
    .policy_focus_info {
        padding: 18px 25px;
        min-height: auto;
    }

    .policy_focus_info p {
        margin-top: 0;
    }

    .policy_focus_info:after {
        background-size: auto 50px;
    }
}

@media screen and (max-width: 355px) {
    .policy_focus_info:after {
        background-size: auto 40px;
    }
}

.policy_focus_article {
    padding: 0 16px;
}

.policy_focus_article .article {
    margin-top: 30px
}

.policy_focus_article .head {
    position: relative;
    margin-top: 12px;
}

.policy_focus_article .head img {
    outline: solid 1px #ccc;
}

.policy_focus_article .body {
    position: relative
}

.policy_focus_article .tit {
    margin-top: 10px;
    font-size: 18px;
    color: #181818;
    letter-spacing: -0.075em;
    font-weight: 700;
    width: calc(100% - 85px);
}

.policy_focus_article .lst {
    padding: 0 0;
}

.policy_focus_article .lst ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
}

.policy_focus_article .lst li {
    width: 50%;
    padding: 0 7.5px;
    margin: 15px 0 0 0;
    font-size: 0;
}

.policy_focus_article .lst li a {
    display: block;
}

.policy_focus_article .lst .thumb_wrap {
    width: 100%;
}

.policy_focus_article .lst .thumb {
    width: 100%;
    border: 1px solid #dee2e6;
}

.policy_focus_article .lst .text_wrap {
    width: 100%;
}

.policy_focus_article .lst .text {
    display: block;
    padding-top: 12px;
}

.policy_focus_article .lst .text strong {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.05em;
    margin: 0 0 4px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.policy_focus_article .lst .text .stitle {
    width: 100%;
    font-size: 1.0625rem;
    color: #495057;
    margin-bottom: 16px;
}

.policy_focus_article .lst .text .lead {
    font-size: 12px;
    color: #666;
    margin: 0 0 10px 0;
    max-height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.policy_focus_article .lst .text .source {
    display: block;
    width: 100%;
    font-size: 0;
}

.policy_focus_article .lst .text .source span {
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    color: #555;
}

.policy_focus_article .lst .text .source span ~ span {
    position: relative;
    margin-left: 7px;
}

.policy_focus_article .lst .text .source span + span {
    max-width: calc(100% - 80px);
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.policy_focus_article .more {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 16px;
    border-radius: 15px;
    background: #2D2D2D;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.policy_focus_article .more:after {
    content: '\e93e';
    font-family: "xeicon";
    position: relative;
    top: 1px;
    padding-left: 4px;
    font-size: 13px;
}

.policy_focus_article .more i {
    position: absolute;
    top: 50%;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

@media (min-width: 768px) {
    .policy_focus_article {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0 15px;
        margin: 0 -5px;
    }

    .policy_focus_article .article {
        width: 50%;
        padding: 0 5px;
        margin: 0;
    }

    .policy_focus_article .article ~ .article {
    }

    .policy_focus_article .article:nth-child(-n+2) {
        margin-top: 0;
    }

    .policy_focus_article .paging {
        width: 100%;
    }
}

/* 정책오디오 */
.list_type .thumb_wrap.audio {
}

.list_type .thumb_wrap.audio .thumb {
    padding-bottom: 94.66%;
    border: none;
}

.list_type .thumb_wrap.audio + .text_wrap {
    width: calc(100% - 13%);
}

.audio_info {
    position: relative;
    border: 6px solid #f0f0f0;
    padding: 18px 25px 18px 25px;
    margin: 29px 15px 22px 15px;
    background: url("../images/sub/audio_info_bg.png") right bottom no-repeat;
    background-size: auto 60%;
    background-position: bottom 10px right 10px;
}

.audio_info p {
    font-weight: 400;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.05em;
}

.audio_info p b {
    font-weight: 700;
    color: #181818;
}

@media screen and (max-width: 515px) {
    .audio_info {
        background:none;
        text-align: center;
        padding: 18px 25px;
    }
}

@media screen and (max-width: 420px) {
    .audio_info br {
        display: none;
    }
}

.audio_ch_lst .slider {
    padding: 0 13.5px;
    max-width: 650px;
    margin: 0 auto;
}

.audio_ch_lst .slider .box {
    position: relative;
    vertical-align: top;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0 3.5px;
    font-size: 0;
    line-height: 0;
}

.audio_ch_lst .control {
    text-align: center;
    font-size: 0;
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.audio_ch_lst .control .slick-dots {
    text-align: center;
    line-height: 0;
    display: flex;
}

.audio_ch_lst .control .slick-dots li {
    display: inline-block;
}

.audio_ch_lst .control .slick-dots li button {
    height: 37px;
    padding: 0 5px;
}

.audio_ch_lst .control .slick-dots li button:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #C6C6C6;
    transition: all 0.2s;
}

.audio_ch_lst .control .slick-dots li.slick-active button {
}

.audio_ch_lst .control .slick-dots li.slick-active button:after {
    background-color: #ED1F23;
    width: 24px;
    border-radius: 12px;
}

.audio_ch_lst .control &gt; button {
    position: relative;
    width: 20px;
    height: 37px;
    vertical-align: middle;
    display: inline-block;
}

.audio_ch_lst .control &gt; button:before {
    font-family: 'xeicon';
    content: '\ea3e';
    display: inline-block;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
    color: #858e99;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 2021-08-27 */
.audio_ch_lst .control &gt; button.pause:before {
    content: '\ea3b'
}

.audio_sch {
    margin-bottom: 10px;
    padding: 0 15px;
}

.audio_sch h3 {
    margin-bottom: 10px;
}

.audio_sch fieldset {
    display: flex;
    justify-content: center;
}

.audio_sch label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.audio_sch input {
    border: 1px solid #cfcfcf;
    width: calc(100% - 48px);
    height: 44px;
    padding: 0 15px;
}

.audio_sch .sch {
    background-color: #424242;
    color: #fff;
    width: 44px;
    height: 44px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 2px;
    padding: 5px;
    margin-left: 4px;
}

.audio_sch .sch:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    background: url("../images/v3/icon_sch_white.svg") no-repeat 50% 50% / cover;
}

.audio_sch .sch span {
    position: absolute;
    top: 50%;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.audio_sch .custom_select {
    margin-right: 5px;
}

.audio_sch .custom_select select {
    height: 44px;
}

.audio_sch .custom_select + label + input {
    width: calc(100% - 163px);
}

.audio_menu {
    position: relative;
    padding: 20px 10px 10px 10px;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
    margin-bottom: 20px;
}

.audio_menu h3 {
    margin: 0 10px;
}

.audio_menu .keywords {
    margin-top: 15px;
    padding: 0 10px;
    position: relative;
}

.audio_menu .keywords .slick-list ul {
    width: 33.33%;
    float: left;
}

.audio_menu .keywords .slick-list ul:after {
    content: "";
    clear: both;
    display: table;
}

.audio_menu .keywords .slick-list li {
    padding: 0 10px;
    height: 35px;
}

.audio_menu .keywords .slick-list li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.0625rem;
    color: #495057;
    padding-left: 30px;
    position: relative;
}

.audio_menu .keywords .slick-list li a:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/sub/icon_audio.png") 0 0/contain no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.audio_menu .keywords .slick-list li.active a {
    color: #ed1f23;
    font-weight:700;
}

.audio_menu .keywords .slick-arrow {
    width: 50px;
    height: 50px;
    background: #f8f9fd;
    border: 1px solid #dee2e6;
    position: absolute;
    right: 0;
    font-size: 0;
}

.audio_menu .keywords .slick-arrow:before {
    display: block;
    font-family: 'xeicon';
    font-size: 1.3rem;
}

.audio_menu .keywords .slick-counter {
    width: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.audio_menu .keywords .slick-counter .current {
    color: #ed1f23;
    font-weight:700;
}

.audio_menu .keywords .slick-prev {
    top: 0px;
}

.audio_menu .keywords .slick-prev:before {
    content: "\e946";
}

.audio_menu .keywords .slick-next {
    top: 60px;
}

.audio_menu .keywords .slick-next:before {
    content: "\e943";
}

.audio_menu .keywords .slick-dots {
    text-align: center;
    margin-bottom: 10px;
}

.audio_menu .keywords .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.audio_menu .keywords .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #c6c6c6;
}

.audio_menu .keywords .slick-dots li.slick-active button {
    background-color: #ed1f23;
    width:24px;
    border-radius:6px;
}

.audio_ch {
    padding: 0 15px;
    margin-bottom: 30px;
}

.audio_ch .box {
    position: relative;
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    align-items: center;
}

.audio_ch .box ~ .box {
    margin-top: 20px;
}

.audio_ch .thumb_wrap {
    width: 100%;
    min-width: 38%;
}

.audio_ch .thumb {
    padding-bottom: 100%;
}

.audio_ch .thumb_wrap + .text_wrap {
    padding-left: 20px;
    width: calc(100% - 38%);
    min-width: calc(100% - 38%);
}

.audio_ch .text strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #212529;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
    padding-right: 60px;
}

.audio_ch .text .source {
    font-size: 14px;
    color: #707070;
    display: block;
}

.audio_ch .text .source span {
    display: block;
}

.audio_ch .text .source span:first-child {
    font-weight: 500;
    color: #333;
}

.audio_ch .text .source span:last-child {
    display: inline-block;
    margin-top: 10px;
}

.audio_ch .lead {
    background-color: #f2f4f7;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 27px;
    letter-spacing: -0.05em;
    width: 100%;
}

.audio_ch .ch_share {
    position: absolute;
    right: 13px;
    top: 13px;
}

.audio_ch .ch_share &gt; button {
    background-color: #f0f0f0;
    font-size: 14px;
    color: #333;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audio_ch .ch_share &gt; button span {
    position: absolute;
    top: 50%;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.audio_ch .ch_share &gt; button:after {
    content: "\e9ea";
    display: inline-block;
    font-family: 'xeicon';
    font-size: 18px;
    color: #000;
}

.audio_ch .ch_share &gt; .lst {
    position: absolute;
    right: 0;
    width: 300px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px 20px 15px 20px;
    box-shadow: 0px 0px 10px rgba(5, 5, 6, 0.08);
    z-index: 5;
    margin-top: 10px;
    display: none;
}

.audio_ch .ch_share &gt; .lst b {
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #333;
    font-weight: 500;
    display: block;
}

.audio_ch .ch_share &gt; .lst ul {
    padding-bottom: 0;
}

.audio_ch .ch_share &gt; .lst ul:after {
    content: "";
    clear: both;
    display: table;
}

.audio_ch .ch_share &gt; .lst ul li {
    float: left;
    width: calc(100% / 3);
    padding: 5px 0;
    margin: 0;
}

.audio_ch .ch_share &gt; .lst ul li button {
    width: 100%;
    height: 66px;
    vertical-align: top;
}

.audio_ch .ch_share &gt; .lst ul li button:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("../images/common/sns_icon_share.png");
    background-size: auto 25px;
    background-repeat: no-repeat;
}

.audio_ch .ch_share &gt; .lst ul li button i {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #757575;
    letter-spacing: -0.025em;
}

.audio_ch .ch_share &gt; .lst ul li button.fb:before {
    background-position: 0 0;
}

.audio_ch .ch_share &gt; .lst ul li button.tw:before {
    background-position: -25px 0;
}

.audio_ch .ch_share &gt; .lst ul li button.bd:before {
    background-position: -50px 0;
}

.audio_ch .ch_share &gt; .lst ul li button.kt:before {
    background-position: -75px 0;
}

.audio_ch .ch_share &gt; .lst ul li button.ks:before {
    background-position: -100px 0;
}

.audio_ch .ch_share &gt; .lst ul li button.uc:before {
    background-position: -125px 0;
}

.audio_ch .ch_share &gt; .lst .close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.audio_ch .ch_share &gt; .lst .close .xe-icon:before {
    content: '\e921';
    font-size: 20px;
    color: #333;
}

.audio_ch .ch_share &gt; .lst .close span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.audio_tit, .audio_txt {
    display: block;
}

.audio_txt + .audio_tit {
    margin-top: 30px;
}

.audio_txt a[target="_blank"] {
    color: #1974dd;
    display: inline;
}

.audio_txt a[target="_blank"]:after {
    content: '\e980';
    font-family: "xeicon";
    display: inline-block;
    font-size: 0.875rem;
    position: relative;
    top: -0.125rem;
}

.audio_channel {
    position: relative;
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
}

.audio_channel .ahead {
    position: relative;
}

.audio_channel .ahead &gt; strong.atit {
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 700;
    line-height: 1.25;
}

.audio_channel .ahead &gt; strong.atit b {
    color: #ED1F23;
    font-weight: 700;
}

.audio_channel .abody &gt; ul.lst {
}

.audio_channel .abody &gt; ul.lst li {
    padding: 12px 0;
}

/* .audio_channel .abody &gt; ul.lst li:nth-child(5n+1) {padding-top: 20px;} */
.audio_channel .abody &gt; ul.lst li:nth-child(5n) {
    padding-bottom: 20px;
    border-bottom: 1px dashed #dee2e6;
    margin-bottom: 20px;
}

.audio_channel .abody &gt; ul.lst li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.audio_channel .abody &gt; ul.lst a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all .2s;
}

.audio_channel .abody &gt; ul.lst a:hover {
    background-color: #f9fafc;
}

.audio_channel .abody &gt; ul.lst .thumb {
    width: 60px;
    height: 58px;
    padding: 0;
}

.audio_channel .abody &gt; ul.lst .thumb + .text {
    padding-left: 10px;
    width: calc(100% - 60px);
}

.audio_channel .abody &gt; ul.lst .text {
    display: block;
    width: 100%;
}

.audio_channel .abody &gt; ul.lst .text strong {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin: 0 0 0 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.audio_channel .abody &gt; ul.lst .text .source {
    font-size: 13px;
    color: #707070;
    display: block;
}

.audio_channel .abody &gt; ul.lst .text .source span:last-child {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 92px);
    vertical-align: top;
}

.audio_channel .abody &gt; ul.lst .text .source span ~ span {
    position: relative;
    margin-left: 7px;
    padding-left: 8px;
}

.audio_channel .abody &gt; ul.lst .text .source span ~ span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dadada;
}

.audio_channel .aopen &gt; button {
    display: block;
    max-width: 220px;
    margin: 12px auto 0;
    font-size: 14px;
    color: #1D1D1D;
    letter-spacing: -0.02em;
    padding: 10px 26px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
}

.audio_channel .aopen &gt; button .xe-icon {
    margin-left: 5px;
}

.audio_channel .aopen &gt; button .xe-icon:after {
    content: "\e941";
}

.audio_channel .aopen &gt; a.amore {
    position: absolute;
    top: 37px;
    right: 32px;
    padding: 3px;
    line-height: 1;
    color: #707070;
    font-size: 20px;
}

.audio_channel .aopen &gt; a.amore span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.audio_channel .aopen &gt; a.amore .xe-icon:before {
    content: '\e913';
}

.area_audio_player {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #222;
    z-index: 11;
    animation: slideUp 1s;
}

@keyframes slideUp {
    from {
        transform: translateY(110%);
    }

    99%,to {
        transform: translateY(0%);
    }
}

.area_audio_player .controller {
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
}

.area_audio_player .controller .seekbar {
    position: absolute;
    top: -7px;
    left: 0;
    right: 12px;
    height: 20px;
    cursor: pointer;
}

.area_audio_player .controller .seekbar:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    right: -12px;
    height: 4px;
    background-color: #444;
}

.area_audio_player .controller .seekbar .seekbar_play {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    /*padding-left: 12px; */
}

.area_audio_player .controller .seekbar .seekbar_play:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 7px;
    height: 4px;
    background-color: #ed1f23;
    z-index: -1;
    border-radius: 6px 0 0 6px;
}

.area_audio_player .controller .seekbar .seekbar_play:focus {
    outline: 2px dotted #1974dd;
    outline-offset: 4px;
    transition: all 0s !important;
}

.area_audio_player .controller .seekbar .seekpoint {
    position: absolute;
    top: 3px !important;
    left: auto !important;
    right: 0;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.area_audio_player .controller .seekbar .seekpoint:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ed1f23;
    border-radius: 50%;
    position: absolute;
    left: 12px;
}

.area_audio_player .controller .seekbar .seekpoint span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.area_audio_player .controller .thumb {
    width: 50px;
    height: 48px;
    min-width: 50px;
    padding-bottom: 0;
    border-radius: 5px;
}

.area_audio_player .controller .thumb img {
    width: 100%;
    height: 100%;
    transition: all .2s;
    object-fit: cover;
}

.area_audio_player .controller .text {
    padding-left: 15px;
    width: calc(100% - 15px);
}

.area_audio_player .controller .text strong {
    display: block;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.02em;
    font-weight: 500;
    max-width: calc(100% - 160px);
    white-space: nowrap;
    overflow: hidden;
}

.area_audio_player .controller .text .source {
    font-size: 12px;
    color: #fff;
    opacity: 0.5;
    display: block;
    margin-top: 5px;
    font-weight: 400;
}

.area_audio_player .controller .text .source span:last-child {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 92px);
    vertical-align: top;
}

.area_audio_player .controller .text .source span ~ span {
    position: relative;
    margin-left: 7px;
    padding-left: 8px;
}

.area_audio_player .controller .text .source span ~ span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #dadada;
}

.area_audio_player .controller .time {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    position: absolute;
    top: 2px;
    left: -50px;
    right: -50px;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.area_audio_player .controller .time span ~ span {
    color: rgba(255, 255, 255, 0.5);
}

.area_audio_player .controls {
    display: flex;
    align-items: center;
    z-index: 2;
    position: absolute;
    right: 100px;
}

.area_audio_player .controls &gt; button {
    position: relative;
    color: #fff;
    margin: 0 6px;
}

.area_audio_player .controls &gt; button:after {
    content: '';
    display: inline-block;
    background-image: url("../images/common/ico_audio_player.png");
    background-size: auto 24px;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
}

.area_audio_player .controls &gt; button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.area_audio_player .controls &gt; button:hover:after {
    opacity: 1 !important;
}

.area_audio_player .controls &gt; button.disable:after {
    opacity: 0.35 !important;
}

.area_audio_player .controls .controls_play {
    margin: 0;
}

.area_audio_player .controls .controls_play:after {
    background-position: -216px 0;
    opacity: 1;
}

.area_audio_player .controls .controls_play.pause:after {
    background-position: -240px 0;
}

.area_audio_player .controls .controls_prev {
    order: -1;
}

.area_audio_player .controls .controls_play, .area_audio_player .controls .controls_prev, .area_audio_player .controls .controls_next {
    width: 40px;
    height: 40px;
}

.area_audio_player .controls .controls_play:after, .area_audio_player .controls .controls_prev:after, .area_audio_player .controls .controls_next:after {
    width: 24px;
    height: 24px;
}

.area_audio_player .controls .controls_prev:after {
    background-position: -144px 0;
}

.area_audio_player .controls .controls_next:after {
    background-position: -168px 0;
}

.area_audio_player .controls .controls_speed {
    height: 40px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    order: -2;
    padding: 0 20px;
    line-height: 40px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
}

.area_audio_player .controls .controls_prev, .area_audio_player .controls .controls_next, .area_audio_player .controls .controls_speed {
    display: none;
}

.area_audio_player .controls .speed_wrap {
    position: fixed;
    bottom: 50px;
    left: 50%;
    background-color: #fff;
    border-radius: 5px;
    padding: 12px;
    border: 1px solid #dee2e6;
    box-shadow: 0 3px 7px rgb(0, 0, 0, 16%);
    height: 130px;
    transform: translateX(-50%);
    z-index: 3;
    display: none;
}

.area_audio_player .controls .speed_wrap button {
    position: relative;
}

.area_audio_player .controls .speed_wrap .speed_select {
    display: flex;
}

.area_audio_player .controls .speed_wrap .speed_select button {
    width: 40px;
    height: 30px;
    border: 1px solid #dee2e6;
    color: #000;
    background-color: #f8f9fa;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.9);
}

.area_audio_player .controls .speed_wrap .speed_select button ~ button {
    margin-left: 4px;
}

.area_audio_player .controls .speed_wrap .speed_select button.active {
    border: 1px solid #f8c4c4;
    background-color: #f8c4c4;
}

.area_audio_player .controls .speed_wrap .speed_select button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.area_audio_player .controls .speed_wrap .close {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 700;
    font-size: 14px;
    color: #ed2022;
    padding: 5px 12px;
}

.area_audio_player .controls .speed_wrap .speed_controls {
    position: relative;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area_audio_player .controls .speed_wrap .speed_controls .num {
    font-size: 28px;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 1;
    width: 80px;
}

.area_audio_player .controls .speed_wrap .speed_controls button {
    width: 40px;
    height: 40px;
}

.area_audio_player .controls .speed_wrap .speed_controls button:after {
    content: '';
    display: inline-block;
    border: 1px solid #5d5d5d;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.area_audio_player .controls .speed_wrap .speed_controls button span:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #5d5d5d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.area_audio_player .controls .speed_wrap .speed_controls button span:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 10px;
    background-color: #5d5d5d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.area_audio_player .controls .speed_wrap .speed_controls button span i {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.area_audio_player .controls .speed_wrap .speed_controls .slow {
    order: -1;
}

.area_audio_player .controls .speed_wrap .speed_controls .slow span:before {
    display: none;
}

.area_audio_player .buttons {
    position: absolute;
    right: 15px;
    display: flex;
    align-items: center;
    width: 80px;
}

.area_audio_player .buttons &gt; button, .area_audio_player .buttons &gt; a {
    position: relative;
    color: #fff;
    width: 40px;
    height: 40px;
}

.area_audio_player .buttons &gt; button:after, .area_audio_player .buttons &gt; a:after {
    content: '';
    display: inline-block;
    background-image: url("../images/common/ico_audio_player.png");
    background-size: auto 24px;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    width: 24px;
    height: 24px;
}

.area_audio_player .buttons &gt; button span, .area_audio_player .buttons &gt; a span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.area_audio_player .buttons .volume {
    display: none;
}

.area_audio_player .buttons .volume:after {
    background-position: -48px 0;
}

.area_audio_player .buttons .volume.mute:after {
    background-position: -72px 0;
}

.area_audio_player .buttons .list:after {
    background-position: -192px 0;
}

.area_audio_player .buttons .small:after {
    background-position: -96px 0;
}

.area_audio_player.is-open {
    padding-bottom: 106px;
}

.area_audio_player.is-open .controller {
    padding: 12px 20px;
    border-bottom: 1px solid #333;
}

.area_audio_player.is-open .controller .seekbar {
    top: 86px;
    left: 70px;
    right: 70px;
}

.area_audio_player.is-open .controller .seekbar:after {
    top: 9px;
    right: 0;
    height: 2px;
}

.area_audio_player.is-open .controller .seekbar .seekbar_play:after {
    top: 9px;
    height: 2px;
}

.area_audio_player.is-open .controller .seekbar .seekpoint {
    top: 4px !important;
}

.area_audio_player.is-open .controller .time {
    visibility: visible;
    opacity: 1;
}

.area_audio_player.is-open .controller .text strong {
    max-width: calc(100% - 80px);
}

.area_audio_player.is-open .controls {
    bottom: 20px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.area_audio_player.is-open .controls .controls_play {
    border-radius: 50%;
    background-color: #ed1f23;
    margin: 0 6px;
}

.area_audio_player.is-open .controls .controls_play:after {
    background-position: 0 0;
    opacity: 0.9;
}

.area_audio_player.is-open .controls .controls_play.pause:after {
    background-position: -24px 0;
}

.area_audio_player.is-open .controls .controls_speed {
    position: absolute;
    left: -68px;
}

.area_audio_player.is-open .buttons {
    width: 40px;
}

.area_audio_player.is-open .buttons .small:after {
    background-position: -120px 0;
}

.area_audio_player.is-open .buttons .volume {
    position: absolute;
    right: 40px;
    bottom: -102px;
}

.area_audio_player.is-open .buttons .list {
    position: absolute;
    right: 0;
    bottom: -102px;
}

.area_audio_player.is-open .controls .controls_prev, .area_audio_player.is-open .controls .controls_next, .area_audio_player.is-open .controls .controls_speed, .area_audio_player.is-open .buttons .volume {
    display: block;
}

.is_marquee span:hover {
    animation: paused;
}

.is_marquee span:after {
    content: "";
    white-space: nowrap;
    padding-right: 0;
}

.is_marquee span {
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    animation: marquee 10s linear infinite;
}

@keyframes marquee {
    from {
        transform: translate(0%);
    }

    99%,to {
        transform: translate(-80%);
    }
}

/* FAQ */
.faq_info {
    background-color: #F3F3F6;
    display: flex;
    align-items: center;
    max-width: calc(100% - 32px);
    padding: 20px 24px;
    margin: 0 auto 20px;
}

.faq_info p {
    font-size: 15px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.4;
}

.faq_lst {
    padding: 0 16px;
    margin-bottom: 40px;
}

.faq_lst &gt; ul &gt; li {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
}

.faq_lst &gt; ul &gt; li ~ li {
    margin-top: 10px;
}

.faq_lst button {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.4;
    color: #2d2d2d;
    letter-spacing: -0.02em;
    width: 100%;
    background-color: #F3F3F6;
    border-radius: 10px;
    padding: 18px 30px 18px 15px;
    align-items: flex-start;
}

.faq_lst button:focus {
    outline-offset: -5px;
}

.faq_lst button i {
    display: inline-block;
    position:relative;
    top:4px;
    width: 25px;
    height: 23px;
    background: url("../images/v3/icon_faq.png") no-repeat 50% 50% / auto 100%;
    font-size:0;
}

.faq_lst button b {
    display: inline-block;
    width: calc(100% - 30px);
    text-align: left;
    font-weight: 600;
    padding-left: 10px;
    padding-top: 3px;
}

.faq_lst button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.faq_lst button:after {
    content: "\e941";
    font-family: "xeicon";
    display: inline-block;
    font-size: 15px;
    position: absolute;
    right: 15px;
    color: #1d1d1d;
    margin-top: 2px;
}

.faq_lst button.open {
    border-radius: 12px 12px 0 0;
}

.faq_lst button.open:after {
    content: "\e944";
}

.faq_lst button.open + .text {
    display: block;
}

.faq_lst .text {
    border-radius: 0 0 12px 12px;
    padding: 16px 20px;
    color: #555;
    line-height: 1.6;
    font-size: 14px;
    border-top: none;
    display: none;
}

.faq_lst .text &gt; ul {
    margin-top: 5px;
}

.faq_lst .text &gt; ul &gt; li {
    position: relative;
    padding-left: 16px;
    text-indent: -12px;
}

.faq_lst .text &gt; ul &gt; li:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #D8D8D8;
    margin-right: 5px;
    vertical-align: middle;
}

.faq_lst .text strong {
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 500;
}

.faq_lst .text a {
    display: inline;
    color: #046edd;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: auto;
    word-break: break-all;
}

.faq_lst .text table {
    margin-top: 10px;
}

.faq_lst .text table tr:first-child th, .faq_lst .text table tr:first-child td {
    border-top: 1px solid #2d2d2d;
}

.faq_lst .text table th, .faq_lst .text table td {
    padding: 12px;
    font-size: 14px;
    line-height: 1.4
}

.faq_lst .text thead th {
    background-color: #F3F3F6;
    text-align: center;
}

.faq_lst .text tr {
    border-bottom: 1px solid #E4E4E4;
}

.faq_lst .text td {
    text-align: center;
    color: #555;
    border-left: 1px solid #E4E4E4;
}

.faq_lst .text th {
    background-color: #f3f3f6;
    text-align: center;
}

.faq_lst .text tbody td[rowspan] {
    border-right: 1px solid #E4E4E4;
}

.faq_lst .text table strong {
    display: block;
}

.faq_lst .text table li ~ li {
    margin-top: 8px;
}

/* 개인정보 처리방침 */
.terms_wrap {
    padding: 20px 16px;
}

.terms_wrap h3 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.terms_wrap h4 {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.terms_wrap h4:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 5px;
}

.terms_wrap h4 img {
    margin-right: 5px;
    margin-left: -5px;
}

.terms_wrap .box1 {
    position: relative;
    padding: 30px 35px;
    border: 1px solid #d1d1d1;
}

.terms_wrap .zoom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 29px;
    height: 0;
    padding-top: 29px;
    background: url('../images/sub/zoom.png') top right no-repeat;
    overflow: hidden;
    cursor: pointer;
    display: none;
    font-size: 0;
}

body.mobile .terms_wrap .zoom {
    display: block;
}

.terms_wrap .blank {
    color: #1C60E0;
    display: inline;
    text-indent: 0;
    word-break: break-all;
}

.terms_wrap .blank:after {
    content: "\e915";
    font-family: "xeicon";
    display: inline-block;
    position: relative;
    top: 1px;
    transform: rotate(45deg);
}

.terms_wrap .blank:hover, .terms_wrap .blank:focus {
    text-decoration: underline;
}

.terms_wrap .select {
    display: flex;
    text-indent: 0;
    padding-left: 13px;
    margin-top: 15px;
}

.terms_wrap .select .btn {
    border: 1px solid #2D2D2D;
    background: #2D2D2D;
    color: #fff;
    font-weight: 500;
    height: 35px;
    padding: 0 12px;
    margin-left: 8px;
}

.terms_wrap .down {
    display: inline-block;
    border: 1px solid #d7dce1;
    padding: 3px 10px;
    font-size: 13px;
    background-color: #f2f4f7;
    color: #495057;
    margin-top: 5px;
    text-indent: 0;
}

.terms_wrap .down:before {
    content: "\eb7c";
    font-family: "xeicon";
    display: inline-block;
    margin-right: 3px;
}

.terms_wrap a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.terms_wrap .red {
    color: #b81613 !important;
}

.terms_wrap .info {
    position: relative;
    padding: 20px 25px;
    background: #F3F3F6;
    font-weight: 400;
    color: #4c4c4c;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 1.6;
}

.terms_wrap .privacy_togl {
    position: relative;
    display: inline-block;
    padding: 6px 28px 6px 12px;
    border-radius: 25px;
    margin-left: 10px;
    background-color: #495058;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.terms_wrap .privacy_togl:after {
    content: "\e942";
    font-family: "xeicon";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.terms_wrap .privacy_togl.open:after {
    content: "\e945";
}

.terms_wrap .privacy_togl_box {
    display: none;
}

.terms_wrap .table_list {
    margin-bottom: 10px;
    font-size: 13px;
}

.terms_wrap .table_list thead th {
    background-color: #F3F3F6;
    text-align: center;
    border-top: 1px solid #2D2D2D;
    font-weight: normal;
}

.terms_wrap .table_list thead tr + tr th {
    border-top: 1px solid #dee2e6;
}

.terms_wrap table thead tr + tr th {
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
}

.terms_wrap .table_list th, .terms_wrap .table_list td {
    padding: 10px;
    word-break: keep-all;
    word-wrap: break-word;
}

.terms_wrap .table_list tr {
    border-bottom: 1px solid #E4E4E4;
}

.terms_wrap .table_list th {
    color: #1D1D1D;
    font-weight: 600;
}

.terms_wrap .table_list td {
    text-align: center;
    color: #555;
    font-weight: 300;
}

.terms_wrap .table_list th.vam, .terms_wrap .table_list td.vam {
    vertical-align: middle;
}

.terms_wrap .table_list th.vat, .terms_wrap .table_list td.vat {
    vertical-align: top;
}

.terms_wrap .table_list th.tac, .terms_wrap .table_list td.tac {
    text-align: center;
}

.terms_wrap .table_list th.tal, .terms_wrap .table_list td.tal {
    text-align: left;
}

.terms_wrap .table_list td ol li ~ li, .terms_wrap .table_list td ul li ~ li {
    margin-top: 10px;
}

.terms_wrap .table_list td ol + ol {
    margin-top: 20px;
}

.terms_wrap .table_list td ol ul {
    margin-top: 10px;
}

.terms_wrap .table_list td ul ul {
    margin-top: 10px;
}

.terms_wrap .table_list th ~ th, .terms_wrap .table_list td ~ td {
    border-left: 1px solid #E4E4E4;
}

.terms_wrap .table_list tbody th {
    font-weight: 500;
    background-color: #f2f4f7;
}

.terms_wrap .label {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.terms_wrap .label li {
    width: 100%;
    padding: 5px;
}

.terms_wrap .label li a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
}

.terms_wrap .label li div {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    border: 1px solid #d7dce1;
    box-sizing: border-box;
    color: #555;
    padding: 16px 20px;
    flex-wrap: wrap;
    padding-left: 80px;
    position: relative;
}

.terms_wrap .label li div strong {
    font-size: 15px;
    display: block;
    border-bottom: 1px solid #d7dce1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.terms_wrap .label li div p {
    color: #555;
    font-size: 13px;
    line-height: 1.4;
    word-break: keep-all;
}

.terms_wrap .label li div:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

/*
.terms_wrap .label li.collect div:before {
    background-image: url("../images/v3/privacy/privacy_collect.svg");
}

.terms_wrap .label li.object div:before {
    background-image: url("../images/v3/privacy/privacy_object.svg");
}

.terms_wrap .label li.period div:before {
    background-image: url("../images/v3/privacy/privacy_period.svg");
}

.terms_wrap .label li.consignment div:before {
    background-image: url("../images/v3/privacy/privacy_consignment.svg");
}

.terms_wrap .label li.supply div:before {
    background-image: url("../images/v3/privacy/privacy_supply.svg");
}

.terms_wrap .label li.browse div:before {
    background-image: url("../images/v3/privacy/privacy_browse.svg");
}

.terms_wrap .label li.safe div:before {
    background-image: url("../images/sub/pi_safe.png");
}

*/


.terms_wrap .label li.collect div:before {
    background-image: url("../images/v3/privacy/pi_collect.svg");
}

.terms_wrap .label li.object div:before {
    background-image: url("../images/v3/privacy/pi_object.svg");
}

.terms_wrap .label li.period div:before {
    background-image: url("../images/v3/privacy/pi_period.svg");
}

.terms_wrap .label li.consignment div:before {
    background-image: url("../images/v3/privacy/pi_consignment.svg");
}

.terms_wrap .label li.supply div:before {
    background-image: url("../images/v3/privacy/pi_supply.svg");
}

.terms_wrap .label li.browse div:before {
    background-image: url("../images/v3/privacy/pi_browse.svg");
}

.terms_wrap .label li.safe div:before {
    background-image: url("../images/v3/privacy/pi_period.svg");
}

.terms_wrap .label li a:hover div {
    border: 1px solid #4d74c2;
    box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);
}

.terms_wrap .cnt_index {
    margin: 10px 0;
}

.terms_wrap .cnt_index dl {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dcdcdc;
}

.terms_wrap .cnt_index dl:first-child {
    border-top: 1px solid #dcdcdc;
}

.terms_wrap .cnt_index dl dt {
    width: 100%;
    padding: 15px;
    background: #f5f5f5;
    color: #333;
    font-weight: 500;
}

.terms_wrap .cnt_index dl dd {
    display: flex;
    margin: 0;
    align-items: center;
    padding: 15px 0;
    width: 33.3%;
    border-top: 1px solid #dcdcdc;
}

.terms_wrap .cnt_index dl dd.remain {
    display: flex;
    margin: 0;
    align-items: center;
    padding: 15px 0;
    width: 66.7%;
}

.terms_wrap .cnt_index dl dd a {
    display: inline-flex;
    align-items: center;
    padding-left: 15px;
    font-size: 16px;
    word-break: keep-all;
    word-wrap: break-word;
}

.terms_wrap .cnt_index dl dd img {
    padding-right: 10px;
}

.terms_wrap .cnt_lst {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #d7dce1;
    padding: 15px 20px;
    margin: 10px 0;
}

.terms_wrap .cnt_lst li {
    width: 100%;
    padding: 6px 5px;
}

.terms_wrap .cnt_lst li a {
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

.terms_wrap .cnt_lst li a:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 5px;
}

.terms_wrap .cnt_lst li a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.terms_wrap .cnt_lst li:nth-child(1) a:before {
    background-image: url("../images/v3/privacy/icon_policy_1.svg");
}

.terms_wrap .cnt_lst li:nth-child(2) a:before {
    background-image: url("../images/v3/privacy/icon_policy_2.svg");
}

.terms_wrap .cnt_lst li:nth-child(3) a:before {
    background-image: url("../images/v3/privacy/icon_policy_3.svg");
}

.terms_wrap .cnt_lst li:nth-child(4) a:before {
    background-image: url("../images/v3/privacy/icon_policy_4.svg");
}

.terms_wrap .cnt_lst li:nth-child(5) a:before {
    background-image: url("../images/v3/privacy/icon_policy_5.svg");
}

.terms_wrap .cnt_lst li:nth-child(6) a:before {
    background-image: url("../images/v3/privacy/icon_policy_6.svg");
}

.terms_wrap .cnt_lst li:nth-child(7) a:before {
    background-image: url("../images/v3/privacy/icon_policy_7.svg");
}

.terms_wrap .cnt_lst li:nth-child(8) a:before {
    background-image: url("../images/v3/privacy/icon_policy_8.svg");
}

.terms_wrap .cnt_lst li:nth-child(9) a:before {
    background-image: url("../images/v3/privacy/icon_policy_9.svg");
}

.terms_wrap .cnt_lst li:nth-child(10) a:before {
    background-image: url("../images/v3/privacy/icon_policy_10.svg");
}

.terms_wrap .cnt_lst li:nth-child(11) a:before {
    background-image: url("../images/v3/privacy/icon_policy_11.svg");
}

.terms_wrap .cnt_lst li:nth-child(12) a:before {
    background-image: url("../images/v3/privacy/icon_policy_12.svg");
}

/*
.terms_wrap #clst_num01:before {width: 30px; height: 35px;  background-image: url("../images/v3/privacy/icon_policy_1.svg");}
.terms_wrap #clst_num02:before {width: 31px; height: 36px;  background-image: url("../images/v3/privacy/icon_policy_2.svg");}
.terms_wrap #clst_num03:before {width: 31px; height: 36px;  background-image: url("../images/v3/privacy/icon_policy_3.svg");}
.terms_wrap #clst_num04:before {width: 31px; height: 36px;  background-image: url("../images/v3/privacy/icon_policy_4.svg");}
.terms_wrap #clst_num05:before {width: 34px; height: 35px;  background-image: url("../images/v3/privacy/icon_policy_5.svg");}
.terms_wrap #clst_num06:before {width: 31px; height: 31px;  background-image: url("../images/v3/privacy/icon_policy_6.svg");}
.terms_wrap #clst_num07:before {width: 32px; height: 36px;  background-image: url("../images/v3/privacy/icon_policy_7.svg");}
.terms_wrap #clst_num08:before {width: 31px; height: 31px;  background-image: url("../images/v3/privacy/icon_policy_8.svg");}
.terms_wrap #clst_num09:before {width: 31px; height: 31px;  background-image: url("../images/v3/privacy/icon_policy_9.svg");}
.terms_wrap #clst_num10:before {width: 31px; height: 31px;  background-image: url("../images/v3/privacy/icon_policy_10.svg");}
.terms_wrap #clst_num11:before {width: 35px; height: 35px;  background-image: url("../images/v3/privacy/icon_policy_11.svg");}
.terms_wrap #clst_num12:before {width: 31px; height: 31px;  background-image: url("../images/v3/privacy/icon_policy_12.svg");}
*/
.terms_wrap .cnt_lst_wrap .table_list tbody tr:first-child th, .terms_wrap .cnt_lst_wrap .table_list tbody tr:first-child td {
    border-top: 1px solid #495057;
}

.terms_wrap .cnt_lst_wrap .table_list thead + tbody tr:first-child th, .terms_wrap .cnt_lst_wrap .table_list thead + tbody tr:first-child td {
    border-top: none;
}

.terms_wrap .cnt_lst_wrap .table_list th + td {
    border-left: 1px solid #dee2e6;
}

.terms_wrap .cnt_lst_wrap .table_list th, .terms_wrap .cnt_lst_wrap .table_list td {
    padding: 8px 10px;
}

.terms_wrap .cnt_lst_wrap {
    color: #2d2d2d;
    font-size: 15px;
    line-height: 1.6;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li {
    padding: 0 0 0 20px;
    text-indent: -20px;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li ~ li {
    margin-top: 6px;
}

.terms_wrap .cnt_lst_wrap &gt; ol + ol {
    margin-top: 6px;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li.none {
    padding: 0 0 0 0 !important;
    text-indent: 0 !important;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li.none &gt; ol {
    padding: 0 0 0 0px;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li &gt; ol {
    margin-top: 10px;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li &gt; ol &gt; li {
    padding: 0 0 0 20px;
    text-indent: -20px;
}

.terms_wrap .cnt_lst_wrap &gt; ol &gt; li &gt; ol &gt; li ~ li {
    margin-top: 6px;
}

@media screen and (max-width: 370px) {
    .terms_wrap h3 {
        flex-direction: column;
    }

    .terms_wrap .privacy_togl {
        margin-left: 0;
        margin-top: 5px;
    }
}

@media screen and (max-width: 599px) {
    .terms_wrap .cnt_index dl dd {
        width: 100% !important;
    }
}

@media screen and (min-width: 600px) {
    .terms_wrap .label li {
        width: calc(100% / 3);
    }

    .terms_wrap .label li div {
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        padding: 20px 10px 10px 10px;
        text-align: center;
    }

    .terms_wrap .label li div strong {
        width: auto;
    }

    .terms_wrap .label li div:before {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
    }

    .terms_wrap .cnt_lst li {
        width: calc(100% / 2);
    }
}

/* 정책포커스 - 강원 동계 청소년 올림픽 */
.tabs_common.ogw li button:before {
    display: inline-block;
    background-image: url('../images/sub/icon_ogw.png');
    width: 45px;
    height: 28px;
    transform: scale(0.7);
}

.tabs_common.ogw li:nth-child(1) button:before {
    background-position: 0 0;
}

.tabs_common.ogw li:nth-child(2) button:before {
    background-position: -45px 0;
}

.tabs_common.ogw li:nth-child(3) button:before {
    background-position: -90px 0;
}

.tabs_common.ogw li:nth-child(4) button:before {
    background-position: -180px 0;
}

/*.tabs_common.ogw li:nth-child(4) button:before {background-position: -135px 0;}*/
.tabs_common.ogw li.active:nth-child(1) button:before {
    background-position: 0 -28px;
}

.tabs_common.ogw li.active:nth-child(2) button:before {
    background-position: -45px -28px;
}

.tabs_common.ogw li.active:nth-child(3) button:before {
    background-position: -90px -28px;
}

.tabs_common.ogw li.active:nth-child(4) button:before {
    background-position: -180px -28px;
}

/*.tabs_common.ogw li.active:nth-child(4) button:before {background-position: -135px -28px;}*/
/* 정책포커스 - 의료개혁 슬라이드 */
.medical_slide {
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 2rem;
}

.medical_slide .slide .slick-list {
    margin: 0 -20px;
}

.medical_slide .slide .slick-slide {
    margin: 0 20px;
}

.medical_slide .slide .slick-slide &gt; div &gt; div {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
}

.medical_slide .slide .slick-active img {
    opacity: 1;
}

.medical_slide .slide img {
    width: 100%;
    max-width: none;
    border-radius: 15px;
    /*opacity: 0.7; transition: all .3s;*/
}

.medical_slide .control {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 20px;
}

.medical_slide .control .arrow {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 15px;
    display: none !important;
}

.medical_slide .control .arrow i {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.medical_slide .control .arrow:before {
    font-family: 'xeicon';
    display: inline-block;
    font-size: 15px;
    transition: all 0.3s;
    color: #666;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.medical_slide .control .next:before {
    content: '\e93e';
    left: 50%;
}

.medical_slide .control .prev:before {
    content: '\e93b';
    left: 50%;
}

.medical_slide .control .slick-dots {
    display: flex;
}

.medical_slide .control .slick-dots button {
    position: relative;
    width: 20px;
    height: 32px;
    background: none;
    opacity: 1;
    border-radius: 2px;
    line-height: 1;
    color: transparent;
    font-size: 8px;
}

.medical_slide .control .slick-dots button:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #7f7f7f;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    border-radius: 10px;
    transition: all 0.3s;
    opacity: 1;
}

.medical_slide .control .slick-dots .slick-active button {
    opacity: 1;
}

.medical_slide .control .slick-dots .slick-active button:before {
    background-color: #ed1f23;
    width: 20px;
}

.medical_slide .control .playing {
    position: relative;
    width: 20px;
    height: 32px;
    margin: 0 -5px 0 5px;
    font-size: 8px;
    color: transparent;
}

.medical_slide .control .playing:before {
    font-family: 'xeicon';
    display: inline-block;
    font-size: 25px;
    transition: all 0.3s ease-in-out;
    color: #676767;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.medical_slide .control .playing.pause:before {
    content: '\ea3b'
}

.medical_slide .control .playing.play:before {
    content: '\ea3e'
}

.medical_slide .control .arrow.prev.slick-hidden + div + .playing {
    display: none;
}

/* 정책포커스 - 체코원전 슬라이드 */
.focus_slide {
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 2rem;
}

.focus_slide .slide .slick-list {
    margin: 0 -20px;
}

.focus_slide .slide .slick-slide {
    margin: 0 20px;
}

.focus_slide .slide .slick-slide &gt; div &gt; div {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
}

.focus_slide .slide .slick-active img {
    opacity: 1;
}

.focus_slide .slide img {
    width: 100%;
    max-width: none;
    border-radius: 15px;
    /*opacity: 0.7; transition: all .3s;*/
}

.focus_slide .control {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.focus_slide .control .arrow {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 15px;
    display: none !important;
}

.focus_slide .control .arrow i {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
}

.focus_slide .control .arrow:before {
    font-family: 'xeicon';
    display: inline-block;
    font-size: 15px;
    transition: all 0.3s;
    color: #666;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.focus_slide .control .next:before {
    content: '\e93e';
    left: 50%;
}

.focus_slide .control .prev:before {
    content: '\e93b';
    left: 50%;
}

.focus_slide .control .slick-dots {
    display: flex;
}

.focus_slide .control .slick-dots button {
    position: relative;
    width: 20px;
    height: 32px;
    background: none;
    opacity: 1;
    border-radius: 2px;
    line-height: 1;
    color: transparent;
    font-size: 8px;
}

.focus_slide .control .slick-dots button:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #7f7f7f;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
    border-radius: 10px;
    transition: all 0.3s;
    opacity: 1;
}

.focus_slide .control .slick-dots .slick-active button {
    opacity: 1;
}

.focus_slide .control .slick-dots .slick-active button:before {
    background-color: #ed1f23;
    width: 20px;
}

.focus_slide .control .playing {
    position: relative;
    width: 20px;
    height: 32px;
    margin: 0 -5px 0 5px;
    font-size: 8px;
    color: transparent;
}

.focus_slide .control .playing:before {
    font-family: 'xeicon';
    display: inline-block;
    font-size: 25px;
    transition: all 0.3s ease-in-out;
    color: #676767;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.focus_slide .control .playing.pause:before {
    content: '\ea3b'
}

.focus_slide .control .playing.play:before {
    content: '\ea3e'
}

.focus_slide .control .arrow.prev.slick-hidden + div + .playing {
    display: none;
}

.focus_slide .control .counter {
    font-family: 'Noto Sans KR';
    font-size: 18px;
    font-weight: 600;
    color: #757575;
    line-height: 1;
    margin: 3px 10px 0 10px;
}

.focus_slide .control .counter .current {
    font-weight: 700;
    color: #2b2b2b;
}

.tabs_common.czech li button:before {
    display: inline-block;
    background-image: url('../images/sub/icon_ogw.png');
    width: 45px;
    height: 28px;
    transform: scale(0.7);
}

.tabs_common.czech li:nth-child(1) button:before {
    background-image: url('../images/sub/ico_czech.png');
    background-position: 0 0;
    transform: scale(0.8);
}

.tabs_common.czech li.active:nth-child(1) button:before {
    background-position: 0 -28px;
}

.tabs_common.czech li:nth-child(2) button:before {
    background-position: -45px 0;
}

.tabs_common.czech li.active:nth-child(2) button:before {
    background-position: -45px -28px;
}

.tabs_common.budget li button:before {
    display: inline-block;
    background-image: url('../images/sub/icon_ogw.png');
    width: 45px;
    height: 28px;
    transform: scale(0.7);
}

.tabs_common.budget li:nth-child(1) button:before {
    background-image: url('../images/sub/ico_budget.png');
    background-position: 0 0;
    transform: scale(0.8);
}

.tabs_common.budget li.active:nth-child(1) button:before {
    background-position: 0 -28px;
}

.tabs_common.budget li:nth-child(2) button:before {
    background-position: -45px 0;
}

.tabs_common.budget li.active:nth-child(2) button:before {
    background-position: -45px -28px;
}

.column_lst {
    margin-top: 20px;
    margin-bottom: 20px;
}

.column_lst .slick-list {
    padding: 0 65px 0 7.5px;
}

.column_lst .slick-track {
    display: flex;
    align-items: flex-start;
}

.column_lst .slider {
    max-width: 700px;
    margin: 0 auto;
}

.column_lst .wrap_cl {
    padding: 0 7.5px;
}

.column_lst .thumb_cl {
    width: 100%;
}

.column_lst .thumb_cl &gt; span {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: calc((252 / 230) * 100%);
    background: #b1bab9 url('../images/common/noimage_default.svg') 50% 50% no-repeat;
}

.column_lst .thumb_cl &gt; span img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: top;
}

.column_lst .sort_cl {
    position: relative;
    font-size: 18px;
    color: #181818;
    letter-spacing: -0.025em;
    font-weight: 700;
    padding-left: 15px;
    margin-bottom: 5px;
}

.column_lst .sort_cl:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #181818;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
}

.column_lst .text_cl {
    display: block;
    margin-top: 5px;
}

.column_lst .text_cl strong {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    display: block;
}

.column_lst .text_cl span {
    font-size: 14px;
    font-weight: 500;
    color: #757575;
    margin-top: 5px;
    line-height: 18px;
}

.column_lst .text_cl span br {
    display: none;
}

.column_lst .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.column_lst .slick-dots li {
    display: inline-block;
    margin: 0 2.5px;
}

.column_lst .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    background-color: #cbcbcb;
    transition: all 0.2s;
}

.column_lst .slick-dots li.slick-active button {
    background-color: #ed1f23;
    width: 24px;
    border-radius: 24px;
}

.column_lst .col .sort_cl {
    white-space: nowrap;
    opacity: 0;
    width: 1px;
}

.column_lst .col.first .sort_cl {
    white-space: nowrap;
    opacity: 1;
}

.column_lst + .title_box {
    margin: 30px 15px 0px 15px;
}

.column_lst + .title_box h2 {
    font-size: 18px;
}

.column_lst + .title_box + .list_type {
    border-top: none;
}

@media screen and (min-width: 600px) {
    .column_lst .slick-list {
        padding: 0 7.5px 0 7.5px;
    }
}

@media screen and (max-width: 324px) {
    .column_lst .slick-list {
        padding: 0 100px 0 7.5px;
    }
}

/* 정책 NOW */
.bott_colum {
    padding: 0 16px;
}

.my_news {
    margin-top: 20px;
    padding: 10px 16px 15px;
    border-top: 1px solid #D8D8D8;
}

.artit {
    margin: 30px auto 10px;
    color: #1d1d1d;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700
}

.artit.type_sm {
    font-size: 16px;
    font-weight: 600;
}

.ai_mark {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    height: 21px;
    line-height: 21px;
    margin-left: 8px;
    padding: 0 6px;
    border-radius: 4px;
    background: linear-gradient(90deg, #766BFE 0%, #DD37E1 100%);
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    vertical-align: middle
}

.ai_mark:before {
    content: "";
    width: 15px;
    height: 12px;
    background: url(../images/v3/main/icon_ai_start.png) 50% 50%/contain no-repeat;
}

.now_banner {
    display: block;
    width: 100%;
    margin: 12px auto 0;
    padding: 16px;
    border: 1px solid #A59FF9;
    background: #EFEEFF;
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    text-align: center;
    transition: all .3s;
}

.now_banner b {
    color: #4E45D7;
    font-weight: 700;
}

.now_banner .ico {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    border-radius: 8px;
    background: #8A83F8;
    box-shadow: 0 4px 8px rgba(138,131,248,0.45);
    overflow: hidden;
    transition: all .3s;
}

.now_banner .ico::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url("../images/v3/icon_mic.svg") no-repeat 50% 50% / cover;
    color: #fff;
    transform: translate(-50%,-50%);
}

.now_banner:hover, .now_banner:focus {
    background-color: #fff;
}

.now_banner:hover .ico, .now_banner:focus .ico {
    background-color: #6e65ff;
}

.img_focus_banner {
    width: 100%;
    margin: 0 auto;
    padding: 0 16px 60px;
}

.img_focus_banner .banner_img {
    display: block;
    margin-top: 12px;
    text-align: center;
}

.img_focus_banner .banner_img img {
    width: 100%;
}

/* MY 맞춤뉴스 */
.custom_news {
    position: relative;
    padding: 8px 16px 8px 116px;
    background-color: #F3F3F6;
}

.custom_news .tit {
    color: #1D1D1D;
    font-size: 18px;
}

.custom_news .txt {
    margin-top: 8px;
    color: #2D2D2D;
    font-size: 13px;
    line-height: 1.5;
}

.custom_news2 {
    position: relative;
    padding: 10px;
    background: linear-gradient(to left, rgb(0, 24, 69) 0%, rgb(0, 32, 92) 100%);
    text-align:center;
}

.custom_news2 .tit {
    color: #fff;
    font-size: 18px;
}

.custom_news .ico {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 16px;
    top: 50%;
    width: 80px;
    transform: translateY(-50%);
}

.rrefresh button {
    display: block;
    max-width: 220px;
    margin: 12px auto 0;
    font-size: 14px;
    color: #1D1D1D;
    letter-spacing: -0.02em;
    padding: 10px 26px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
}

.rrefresh button::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url("../images/v3/icon_refresh_black.svg") no-repeat 50% 50% / cover;
}

/* 당신을 위한 참여 서비스 */
.join_service {
    padding: 0 16px 60px;
}

.join_service ul {
    margin-top: 12px;
}

.join_service ul &gt; li + li {
    margin-top: 8px;
}

.join_service ul a {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 95px;
    padding: 26px 20px 26px 85px;
    border: 1px solid #E4E4E4;
    color: #2D2D2D;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.join_service ul a strong {
    color: #FF4045;
    font-weight: 700;
}

.join_service ul a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 16px;
    top: 50%;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(-50%);
    transition: all .3s;
}

.join_service ul .icon1 a {
    background-color: #F3FBFF;
}

.join_service ul .icon2 a {
    background-color: #FFF4F5;
}

.join_service ul .icon3 a {
    background-color: #FFFAF0;
}

.join_service ul .icon4 a {
    background-color: #F0F4FF;
}

.join_service ul .icon1 a::before {
    background-image: url("../images/v3/icon_join1.png");
}

.join_service ul .icon2 a::before {
    background-image: url("../images/v3/icon_join2.png");
}

.join_service ul .icon3 a::before {
    background-image: url("../images/v3/icon_join3.png");
}

.join_service ul .icon4 a::before {
    background-image: url("../images/v3/icon_join4.png");
}

/* 부처별뉴스 */
.ministry {
    position: relative;
    padding: 40px 16px;
}

.ministry:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    border-bottom: 1px solid #e4e4e4;
    transform: translateX(-50%)
}

.ministry_slide {
    overflow: hidden;
}

.ministry_slide &gt; ul {
}

.ministry_slide &gt; ul &gt; li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.ministry_slide .box {
    transition: all .2s
}

.ministry_slide .item {
    position: relative;
}

.ministry_slide .item .title {
    display: block;
    max-width: calc(100% - 90px);
    padding-top: 2px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -.36px;
    color: #1d1d1d
}

.ministry_slide .more {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 15px;
    background: #F0F0F0;
    border-radius: 20px;
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 500
}

.ministry_slide .more:before {
    content: "\e914";
    font-family: 'xeicon';
    display: inline-block;
    margin-right: 1px;
    line-height: 1;
    font-size: 20px;
    transition: all .3s
}

.ministry_slide .more:hover:before, .ministry_slide .more:focus:before {
    transform: rotate(180deg)
}

.ministry_slide .more:after {
    display: none
}

.ministry .controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 20px 0 0;
}

.ministry .controls .swiper-pagination {
    position: relative;
    color: #717171;
    font-size: 14px;
    line-height: 1.4;
}

.ministry .controls .swiper-pagination .swiper-pagination-current {
    color: #1D1D1D;
    font-weight: 700;
}

.ministry .controls .prev, .ministry .controls .next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;
}

.ministry .controls .prev::before, .ministry .controls .next::before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px auto;
    text-align: center;
    font-family: "xeicon";
    color: #2d2d2d;
    font-weight: bold;
    font-size: 16px;
}

.ministry .controls .prev.swiper-button-disabled::before, .ministry .controls .next.swiper-button-disabled::before {
    color: #919191;
}

.ministry .controls .next::before {
    content: "\e93e";
}

.ministry .controls .prev::before {
    content: "\e93b";
}

.txt_lst {
    margin-top: 20px
}

.txt_lst &gt; li {
    padding: 12px 0;
    border-top: 1px solid #F0F0F0
}

.txt_lst &gt; li:first-child {
    border-top: 0;
    padding-top: 0
}

.txt_lst &gt; li:last-child {
    padding-bottom: 0;
    border-right: 0
}

.txt_lst &gt; li &gt; a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #1d1d1d;
    transition: all .2s
}

.thumb_lst {
    display: flex;
    margin-top: 20px;
    width: calc(100% + 16px)
}

.thumb_lst &gt; li {
    flex: 1;
    margin-right: 16px
}

.thumb_lst &gt; li .thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 60.465%;
    padding-bottom: 0
}

.thumb_lst &gt; li .thumb img {
    position: absolute;
    left: 0;
    top: 0
}

.thumb_lst &gt; li .tit {
    display: -webkit-box;
    max-height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    transition: all .2s
}

.txt_lst &gt; li &gt; a:hover, .txt_lst &gt; li &gt; a:focus, .thumb_lst &gt; li a:hover .tit, .thumb_lst &gt; li a:focus .tit {
    text-decoration: underline;
    text-underline-position: under;
    color: #ed1f23
}

.top_info_box {
    margin-bottom: 40px;
    padding: 16px 24px;
    background: #F3F3F6;
    color: #1d1d1d;
    font-weight: 500
}

.top_info_box &gt; .txt {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 1.5;
}

.top_info_box &gt; .txt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background: url("../images/v3/icon_info_circle.svg") 50% 50% no-repeat;
    background-size: cover;
}

.top_info_box.ministry_box {
    display: flex;
    align-items: center
}

.top_info_box.ministry_box .img {
    margin-right: 8px;
}

.ministry_wrap {
    padding: 0 16px;
}

.ministry_wrap .artit {
    position: relative;
    margin-bottom: 12px;
    color: #1d1d1d;
    font-size: 20px;
    letter-spacing: -0.02em;
    font-weight: 700;
    line-height: 1.4;
}

/* .ministry_wrap .artit::before {content:""; display:block; position:absolute; left:0; top:6px; width:3px; height:16px; background:#1d1d1d;} */
.ministry_lst {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ministry_lst &gt; li {
    width: calc(50% - 4px);
}

.ministry_lst &gt; li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    height: 45px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    text-align: center;
    color: #1d1d1d;
    background-color: #fff;
    transition: all .2s
}

.ministry_lst &gt; li a:hover, .ministry_lst &gt; li a:focus {
    border-color: #ed1f23;
    color: #ed1f23;
    font-weight: 600;
}

.list_type &gt; .more_txt, .photo_list &gt; .more_txt {
    position: absolute;
    right: 0;
    top: 0;
    font-size:14px;
}

.list_type &gt; div.more_txt, .list_type .more_txt a {
    justify-content: flex-end;
}

.more_txt {
    text-align: right;
    font-size: 12px;
    font-weight: 500;
}

.more_txt a {
    width: auto;
    padding: 5px;
    color: #2d2d2d;
}

.more_txt a::after {
    content: '\e93e';
    display: inline-block;
    vertical-align: middle;
    font-family: 'xeicon' !important;
}

.bottom_btn {
    display: block;
    max-width: 209px;
    margin: 20px auto;
    padding: 14px 20px;
    border: 1px solid #555;
    color: #2D2D2D;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: all .3s;
}

.bottom_btn:hover, .bottom_btn:focus {
    background: #555;
    color: #fff;
}

.ministry_top {
    margin: 12px 0 40px;
    padding-bottom: 8px;
    border-bottom: 1px solid #555;
}

.ministry_top::after {
    content: "";
    display: table;
    clear: both;
}

.ministry_top h2 {
    float: left;
    margin-right: 8px;
    color: #1d1d1d;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.02em;
}

.ministry_top a {
    float: right;
    display: block;
    padding: 8px 12px;
    border: 1px solid #d8d8d8;
    border-radius: 24px;
    color: #2d2d2d;
    font-size: 12px;
    font-weight: 500;
    transition: all .3s;
}

.ministry_top a:hover, .ministry_top a:focus {
    background: #2d2d2d;
    border-color: #2d2d2d;
    color: #fff;
}

.focus_video {
    width: 100%;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 10px;
}

.focus_video video {
    width: 100%;
}
</pre></body></html>