@charset "utf-8";

/* =========================================================================================== common ========================================================================================== */
/*  ================================== btn ============================================ */
.btns {margin: 10px 0; text-align: center;}
.btn {display: inline-block; vertical-align: middle; padding: 7px 14px; text-align: center; transition: all .2s;}
.btn.small {min-width: 60px; padding: 3px 5px; 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: #5d6f7f; color: #fff;}
.btn.bg1:hover {background-color: #5d6f7f;}
.btn[class*='bg'] {color: #fff;}

/* ========================== custom-select, custom-input ========================== */
.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; border: 0;}
.custom_select select {position: relative; z-index: 1; width: 100%; height: 40px; border: 1px solid #dee2e6; background-color: transparent; padding: 0 30px 0 10px; -webkit-appearance: none;}
.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;}

.chk, .custom-input {position: relative;}
.chk input[type="checkbox"], .chk input[type="radio"], .custom-input input[type="checkbox"], .custom-input input[type="radio"] {position: absolute; left: 0; top: 0; opacity: 0;}
.chk input[type="checkbox"] + label, .chk input[type="radio"] + label, .custom-input input[type="checkbox"] + label, .custom-input input[type="radio"] + label {position: relative; padding-left: 25px; cursor: pointer; letter-spacing: -1px;}
.chk input[type="radio"] + label:last-child, .custom-input input[type="radio"] + label:last-child {margin-right: 0;}
.chk input[type="checkbox"] + label:before, .chk input[type="radio"] + label:before, .custom-input input[type="checkbox"] + label:before, .custom-input input[type="radio"] + label:before {content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; background-color: #fff; border: 1px solid #c7c7c7; cursor: pointer;}
.chk input[type="radio"] + label:before, .custom-input input[type="radio"] + label:before {border-radius: 50%;}
.chk input[type="checkbox"] + label:after, .chk input[type="radio"] + label:after, .custom-input input[type="checkbox"] + label:after, .custom-input input[type="radio"] + label:after {opacity: 0; position: absolute; z-index: 2; transition: all .2s;}
.chk input[type="checkbox"] + label:after, .custom-input input[type="checkbox"] + label:after {content: "\e929"; font-family: "xeicon"; font-size: 1.3em; font-weight: bold; display: block; left: 0; top: 0; color: #339af0;}
.chk input[type="radio"] + label:after, .custom-input input[type="radio"] + label:after {content: ""; display: block; opacity: 0; background-color: #339af0; left: 5px; top: 8px; width: 9px; height: 9px; border-radius: 50%;}
.chk input[type="checkbox"]:checked + label:after, .chk input[type="radio"]:checked + label:after, .custom-input input[type="checkbox"]:checked + label:after, .custom-input input[type="radio"]:checked + label:after {opacity: 1;}
.chk input[type="radio"]:checked + label + .gong_cont, .custom-input input[type="radio"]:checked + label + .gong_cont {display: block;}
.chk input[type="checkbox"]:focus + label, .chk input[type="radio"]:focus + label, .custom-input input[type="checkbox"]:focus + label, .custom-input input[type="radio"]:focus + label {outline: 1px solid #95b9f2;}

/* ========== Wrap ========== */
.article_body:after {content: ""; clear: both; display: table;}
.article_body .view_cont {font-size: 1.25rem; line-height: 1.9; color: #212529; margin: 30px 0; /*box-sizing: content-box;*/}
.article_body .view_cont.newsletter {width: 790px; position: relative; left: 50%; transform: translateX(-50%); margin: 30px 0 0 0;}

.article_body h2 {margin-bottom: 20px; color: #002157; font-size: 1.25rem;}
.article_body div + h2 {margin-top: 43px;}
.article_footer {margin-top: 25px;}

.hbox {position: relative;}
.hbox .rb {position: absolute; right: 0; top: 50%; transform: translate(0, -50%); font-size: 0; line-height: 1;}
.hbox .rb span {position: relative; font-size: 13px; font-weight: 500; vertical-align: middle; line-height: 1; letter-spacing: -0.05em; padding-right: 14px;}
.hbox .rb span .xe-icon {position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); font-size: 15px;}
.hbox .rb span .xe-icon:before {content:"\e936";}
.hbox .rb a {display: inline-block; width: 30px; height: 30px; font-size: 0; line-height: 0; color: transparent; background-image: url('../images/common/sns_icon.svg'); background-size: auto 30px; vertical-align: middle; margin-left: 10px; border-radius: 100%;}
.hbox .rb a span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.hbox .rb a.fb {background-position: 0 0;}
.hbox .rb a.tw {background-position: -30px 0;}
.hbox .rb a.nv {background-position: -60px 0;}
.hbox .rb a.ut {background-position: -90px 0}
.hbox .rb a.is {background-position: -270px 0;}

.view_cont  p {word-break: break-all; letter-spacing: 0; margin: 0 0 25px 0;}
.view_cont span {display: inline;}
.view_cont .imageWrap {margin:30px 0 !important;}
.view_cont .imageWrap:after {content: ""; clear: both; display: table;}
.view_cont .imageWrap figure {margin:0; position: relative;}
.view_cont .imageWrap .imageSpan {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; display: inline-block;}
.view_cont .imageWrap figure.center {text-align:center; left: 50%; transform: translateX(-50%); width: 800px !important;}
.view_cont .imageWrap figure.center figcaption.captions b {width: 100%; margin: 0 auto;}
.view_cont .imageWrap figure.left {float:left; margin-right:20px}
.view_cont .imageWrap figure.left figcaption.captions b {width: 100%; margin: 0 auto;}
.view_cont .imageWrap figure.right {float:right; margin-left:20px}
.view_cont .imageWrap figure.right 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; max-width: none !important; width: 100% !important; height: auto !important;}
.view_cont table.imageWrap {position: relative; margin:30px auto !important; width: 800px !important; left: 50%; transform: translateX(-50%); table-layout: fixed;}
.view_cont table.imageWrap .imageArea {text-align: center; padding:0;}
.view_cont table.imageWrap .captions {text-align: center;}
.view_cont table.imageWrap .captions b {width: 640px; margin: 0 auto;}
.view_cont table .captions b {font-weight:400 !important; font-size: 0.983rem !important; color: #495057 !important; display: inline-block; line-height: 1.2; margin-top: 10px;}

/* 기고칼럼 */
.view_cont > .imageWrap:nth-child(1) figure.right {margin:-20px 0 -30px 20px;}
.view_cont > .imageWrap:nth-child(1) figure.right .captions b {padding: 15px 0 0 0; border-bottom: none;}

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

/* ================================== article top ================================== */
.article_top {position: relative; padding-bottom: 40px; border-bottom: 1px solid #dee2e6; margin-bottom: 40px;}
.article_top .box {position: relative;}
.article_top .lst {margin: 0 -12px; display: flex; flex-wrap: wrap; align-content: flex-start;}
.article_top .lst ~ .lst {margin: 20px -12px 0 -12px;}
.article_top .lst li {width: calc(100% / 3); padding: 0 12px;}
.article_top .lst a {display: block; position: relative;}
.article_top .thumb {height: 250px;}
.article_top .text {position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; height: 80px; padding: 17px; background-color: rgba(0, 0, 0, 0.7);}
.article_top .text strong {font-size: 1.125rem; color: #fff; display: block;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article_top .text.multi strong {max-height: 45px; text-align: left; white-space: normal;}
.article_top .text .source {font-size: 13px; width: 100%;}
.article_top .thumb:after {display: none;}
.article_top .sort {position: absolute; left: 15px; top: 15px; z-index: 2; font-size: 24px; color: #fff; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.article_top .sort > span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.article_top .sort.photo .xe-icon:before {content: '\ea4b';}
.article_top .sort.video .xe-icon:before {content: '\ea4d';}
.article_top .sort.cut .xe-icon:before {content: '\eb18';}

/* ================================== sch-post > sch ================================== */
.sch_post {position: relative; border: 1px solid #adb5bd; border-top: none; margin: 20px 0 40px 0; padding-bottom: 82px; box-shadow: 0 5px 0 0 #f2f2f2;}
.sch_post .sch {position: absolute; bottom: 0; width: 100%; padding: 19px 149px 19px 25px; min-height: 83px; border-top: 1px solid #adb5bd; background-color: #f9fafc; z-index: 2;}
.sch_post .sch.st1 {padding: 19px 19px 19px 25px;}
.sch_post .sch.active {background-color: #fff;}
.sch_post .sch_post_inp {display: block; position: relative; border: 1px solid #cfcfcf; width: calc(100% - 105px); border-radius: 2px;}
.sch_post .sch_post_inp label {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.sch_post .sch_post_inp .custom_select {width: 95px; float: left; position: relative; display: inline-block; background-color: #fff;}
.sch_post .sch_post_inp .custom_select select {position: relative; z-index: 1; width: 100%; height: 42px; border: 0; background-color: transparent; padding: 0 25px 0 15px;}
.sch_post .input_keyword {float: left; width: 100%; height: 42px; border: 0; padding: 0 15px;}
.sch_post .input_keyword::placeholder {color: #757575;}
.sch_post .custom_select + label + .input-keyword {width: calc(100% - 95px);}
.sch_post .custom_select.letter_n4 + .custom_select + label + .input_keyword {width: calc(100% - 210px);}
.sch_post .custom_select.letter_n4 {width: 115px;}
.sch_post .btn_search {background-color: #1974dd; color: #fff; width: 100px; height: 44px; font-size: 16px; font-weight: 400; position: absolute; right: -105px; top: 0; border-radius: 2px; margin-top: -1px; padding: 5px;}
.sch_post .btn_search span:before {content: "\e97a"; font-family: "xeicon"; font-size: 23px; display: inline-block; color: #fff; vertical-align: middle; margin-right: 5px;}
.sch_post .detail_sch {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 149px; height: 44px; color: #000;}
.sch_post .detail_sch span {position: relative;}
.sch_post .detail_sch span:after {content: "\e942"; font-family: "xeicon"; font-size: 20px; display: inline-block; color: #000; vertical-align: middle;}
.sch_post .detail_sch.active span:after {content: "\e945";}
.sch_post .detail_sch.active span:before {content: ""; position: absolute; bottom: 0; left: 0; right: 18px; height: 1px; background-color: #000;}
.sch_post .detail_sch i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.sch_post .sch_tab {display: none;}
.sch_post .sch_tab.active {display: block;}
.sch_post .tab_nav {display: table; table-layout: fixed; width: 100%; background-color: #f2f4f7;}
.sch_post .tab_nav > li {display: table-cell; position: relative;}
.sch_post .tab_nav > li:nth-child(5) {width: 183px;}
.sch_post .tab_nav > li ~ li {border-left: 1px solid #adb5bd;}
.sch_post .tab_nav > li .btn {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; text-indent: -15px; transition: all 0.3s;}
.sch_post .tab_nav > li .btn:before {content: ""; display: block; position: absolute; top: -1px; left: -1px; right: -1px; height: 2px; background-color: transparent; transition: background 0.3s;}
.sch_post .tab_nav > li .btn:after {content: "\e942"; font-family: "xeicon"; display: inline-block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #ccc;}
.sch_post .tab_nav > li.active .btn {background-color: #fff; font-weight: 500; color: #212529; border-bottom: 1px solid transparent;}
.sch_post .tab_nav > li.active .btn:before {background-color: #228be5;}
.sch_post .tab_nav > li.active .btn:after {content: "\e945"; color: #212529;}
.sch_post .tab_cont_wrap:after {content: ""; clear: both; display: table;}
.sch_post .tab_cont_wrap .cont {padding: 0 20px 0 26px; display: none;}
.sch_post .tab_cont_wrap .cont:first-child {display: block;}
.sch_post .tab_cont_wrap .cont ul {margin: 25px 0 5px 0;}
.sch_post .tab_cont_wrap .cont ul:after {content: ""; clear: both; display: table;}
.sch_post .tab_cont_wrap .cont ul li {float: left; width: 25%; height: 40px; margin: -1px 0 0 -1px;}
.sch_post .tab_cont_wrap .cont ul li span {display: block;}
.sch_post .tab_cont_wrap .cont h3 {color: #1974dd;}
.sch_post .tab_cont_wrap .cont .ul_wrap {margin: 25px 0 0 0;}
.sch_post .tab_cont_wrap .cont h3 + ul {margin-top: 10px;}
.sch_post .tab_cont_wrap .cont h3.sr-only + ul {margin-top: 25px;}
.sch_post .select_opt {position: relative; padding: 20px 26px; border-top: 1px solid #dee2e6; background-color: #f2f4f7; margin-top: -1px; min-height: 66px;}
.sch_post .select_opt:after {content: ""; clear: both; display: table;}
.sch_post .select_opt strong {float: left; font-weight: 500; color: #181818; font-size: 17px;}
.sch_post .select_opt ul {float: left; padding: 0 15px; width: 478px;}
.sch_post .select_opt ul:after {content: ""; clear: both; display: table;}
.sch_post .select_opt ul li {font-size: 15px; font-weight: 500; color: #176aca; letter-spacing: -0.05em; float: left; padding: 2px 5px;}
.sch_post .select_opt ul li button {position: relative; width: 22px; height: 22px; vertical-align: middle; margin-top: -3px;}
.sch_post .select_opt ul li button:after {content: "\e927"; font-family: "xeicon"; font-size: 16px; display: inline-block; text-indent: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #757575;}
.sch_post .select_opt ul li button:hover:after {content: "\e926"; color: #176aca;}
.sch_post .select_opt ul li button span {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.sch_post .select_opt .restart {position: absolute; right: 26px; top: 11px; font-size: 15px; letter-spacing: -0.05em; border-radius: 36px; background-color: #fff; border: 1px solid #adb5bd; line-height: 36px; width: 100px;}
.sch_post .select_opt .restart span {position: relative; padding-left: 20px;}
.sch_post .select_opt .restart span:before {content: "\e973"; font-family: "xeicon"; font-size: 16px; display: inline-block; color: #757575; vertical-align: middle; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sch_post .select_opt .app {position: absolute; right: 135px; top: 11px; font-size: 15px; letter-spacing: -0.05em; border-radius: 36px; background-color: #1974dd; border: 1px solid #1974dd; line-height: 36px; padding: 0 20px; color: #fff;}
/* tab 한개일때 */
.sch_post .tab_nav.only {position: relative;}
.sch_post .tab_nav.only > li {width: 30%; display: inline-block;}
.sch_post .tab_nav.only:before, .sch_post .tab_nav.only:after {content: ''; display: inline-block; position: absolute; left: 0; height: 1px; width: 100%; background-color: #adb5bd;}
.sch_post .tab_nav.only:before {top: 0;}
.sch_post .tab_nav.only:after {bottom: 0;}
.sch_post .tab_nav.only > li.active .btn {z-index: 2; border-right: 1px solid #adb5bd;}
.sch_post .tab_nav.only > li.active .btn:after {display: none;}

.sch_post.photo .sch_tab {display: block;}
.sch_post.photo .sch_tab .tab_nav > li:nth-child(5) {width: auto;}
.sch_post.photo .tab_cont_wrap .cont:first-child {display: none;}
.sch_post.photo .tab_cont_wrap .cont .ul_wrap {margin: 25px 0;}
.sch_post.photo .tab_cont_wrap .cont .ul_wrap ul li {height: auto; min-height: 40px;}
.sch_post.photo .tab_cont_wrap .cont .ul_wrap ul li .custom-input input[type="checkbox"] + label {display: block; padding-top: 2px; word-break: keep-all;}

.sch_post.photo .select_opt {display: none;}
.sch_post.photo .tab_nav > li .btn {text-indent: 0px;}
.sch_post.photo .tab_nav > li .btn:after {display: none;}
.sch_post.photo .tab_nav > li.gov .btn {text-indent: -15px;}
.sch_post.photo .tab_nav > li.gov .btn:after {display: block;}

.sch_post.photo .tab_cont_wrap .select_opt {display: block; margin: 0 -20px 0 -26px;}
.sch_post.photo .tab_cont_wrap .select_opt ul {margin: 0;}
.sch_post.photo .tab_cont_wrap .select_opt ul li {width: auto; margin: 0; height: auto;}

.sch_post.expert .sch_tab {display: block;}
.sch_post.expert .tab_cont_wrap {position: relative; z-index: 2; border-top: 1px solid #adb5bd; margin-top: -1px;}
.sch_post.expert .tab_cont_wrap .sort_tab {float: left; width: 145px;}
.sch_post.expert .tab_cont_wrap .sort_cont {float: left; width: calc(100% - 145px); border-left: 1px solid #adb5bd;}
.sch_post.expert .sort_tab ul {padding: 10px 0;}
.sch_post.expert .sort_tab li {height: 27px; line-height: 27px; padding: 0 10px;}
.sch_post.expert .sort_tab li > a {position: relative; font-size: 14px; padding: 0 0 0 20px; display: block;}
.sch_post.expert .sort_tab li > a:before {content: "\e918"; font-family: 'xeicon'; font-size: 19px; color: #adb5bd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sch_post.expert .sort_tab li.active > a {font-weight: 500;}
.sch_post.expert .sort_tab li.active > a:before {content: "\e91f"; color: #228be5;}
.sch_post.expert .sort_cont .sort_tab {width: 170px; height: 210px; overflow-y: auto; border-right: 1px solid #adb5bd;}
.sch_post.expert .sort_cont .sort_tab + .sort_cont_in {width: calc(100% - 170px);}
.sch_post.expert .sort_cont .sort_cont_in {float: left; width: 100%; overflow-y: auto; height: 210px; font-size: 13px;}
.sch_post.expert .sort_cont .sort_cont_in ul {padding: 10px 5px;}
.sch_post.expert .sort_cont .sort_cont_in ul:after {content: ""; clear: both; display: table;}
.sch_post.expert .sort_cont .sort_cont_in li {float: left; width: calc(100% / 3); padding: 4px 4px; box-sizing: border-box;}
.sch_post.expert .sort_cont .custom-input input[type="checkbox"] + label,
.sch_post.expert .sort_cont .custom-input input[type="radio"] + label {padding-left: 20px;}
.sch_post.expert .sort_cont .custom-input input[type="checkbox"] + label:before,
.sch_post.expert .sort_cont .custom-input input[type="radio"] + label:before {width: 15px; height: 15px;}
.sch_post.expert .sort_cont .custom-input input[type="checkbox"] + label:after {left: -1px;}

.sch_brief {position: relative; width: 100%; padding-bottom: 20px; border-bottom: 2px solid #495057; margin-bottom: 35px; text-align: left; display: flex; align-items: center;}
.sch_brief + .table_list {margin-top: -37px;}
.sch_brief:after {content: ""; clear: both; display: table;}
.sch_brief .result {font-size: 16px; font-weight: 500; letter-spacing: -0.04em; color: #000; margin-left: auto;}
.sch_brief .result strong {color: #e03131; font-weight: 500;}
.sch_brief .inquire {display: inline-block; vertical-align: middle; margin-left: -10px;}
.sch_brief .inquire .custom_select {margin-left: -1px;}
.sch_brief .inquire .custom_select + .custom_select {margin-left: 0;}
.sch_brief .custom_select {float: left;}
.sch_brief .custom_select:after {right: 0; z-index: 0;}
.sch_brief .custom_select select {height: 30px; border: none; vertical-align: middle; font-size: 15px; font-weight: 400; padding: 0 20px 0 10px;}
.sch_brief .btn {float: left; background-color: #fff; color: #000; vertical-align: middle; padding: 5px 14px; font-size: 13px; font-weight: 400; height: 30px; border: 1px solid #7f7f7f; margin-left: 10px;}
.sch_brief .period {position: relative; float: left; margin-left: -1px; display: none; margin-left: 8px;}
.sch_brief .period:after {content: ""; clear: both; display: table;}
.sch_brief .period:before {content: ""; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background-color: #d5d5d5;}
.sch_brief .period label {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.sch_brief .period > span {position: relative; float: left; padding: 0 25px 0 0; border-bottom: 0px solid #d5d5d5;}
.sch_brief .period > span input {width: 77px; height: 29px; vertical-align: middle; border: none; font-size: 14px;}
.sch_brief .period > span > button {position: absolute; top: 0; bottom: 0; right: 0; display: block; width: 25px; background: url("../images/common/icon_cal.png") no-repeat center center; background-size: 17px auto;}
.sch_brief .period > span > button i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.sch_brief .period em {float: left; width: 22px; padding-top: 6px; text-align: center;}
.sch_brief .period .cal-pop {top:40px}

.sch_brief .sites {position: relative; display: inline-block; vertical-align: middle;}
.sch_brief .sites button {position: relative; border: 0px solid #d7d7d7; height: 34px; width: 160px; color: #454545; text-align: left; text-indent: 0; font-size: 15px;}
.sch_brief .sites button:after { content: "\e936"; font-family: "xeicon"; color: #495057; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 0; transition: all 0.2s; }
.sch_brief .sites button i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sch_brief .sites ul {border: 1px solid #144887; position: absolute; width: 100%; background-color: #fff; margin-top: 2px; box-shadow: 0 2px 3px rgba(0, 0, 0, .2); opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 2; display: none; text-align: left;}
.sch_brief .sites ul.active {opacity: 1; visibility: visible; display: block;}
.sch_brief .sites ul li a {position: relative; display: block; padding: 5px 23px 5px 10px; line-height: 1.5; font-size: 14px;}
.sch_brief .sites ul li a i {border-bottom: 1px solid #fff; }
.sch_brief .sites ul li a:after {content: "\e93f"; font-family: 'xeicon'; color: #707070; font-size: 17px; position: absolute; right:5px; top: 50%; transform: translateY(-50%); z-index: 2; }
.sch_brief .sites ul li a:hover {background-color: #144887; color: #fff; }
.sch_brief .sites ul li a:hover:after {color: #fff; }
.sch_brief .sites ul li a[target="_blank"] i:after {content: '\e980'; display: inline-block; font-family: "xeicon"; font-size: 13px; margin-left: 2px; }

/* ================================== article head ================================== */
.article_head .list_type {border-bottom: 1px solid #dee2e6; padding-bottom: 43px; margin-bottom: 35px;}
.article_head .list_type li ~ li {border-top: none;}
.article_head .list_type a {padding: 0 0; align-items: flex-start;}
.article_head .list_type a ~ a {margin-top: 30px;}
.article_head .list_type a + ul {padding-top: 30px;}
.article_head .list_type .thumb {width: 345px; height: 238px}
.article_head .list_type .thumb.st2 {width: 170px; height: 218px;}
.article_head .list_type .thumb + .text {width: calc(100% - 345px);}
.article_head .list_type .thumb.st2 + .text {width: calc(100% - 170px);}
.article_head .list_type .text strong {font-size: 1.6875rem; display: block; margin-top:0; max-height:68px;}
.article_head .list_type .text > span {display: block;}
.article_head .list_type .text .stitle {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.article_head .list_type .text .lead {max-height: 100px; overflow: hidden;}
.article_head .list_type .lst_col2 {margin: 0 -30px; display: flex; align-items: stretch;}
.article_head .list_type .lst_col2 li {position: relative; width: calc(100% / 2); padding: 0 30px;}
.article_head .list_type .lst_col2 li ~ li:after {content: ''; display: block; position: absolute; top: 5px; bottom: 5px; left: 0; width: 1px; background-color: #dee2e6;}

/* ================================== sub main ================================== */
.sub_main {position: relative;}
.sub_main ~ .sub_main {margin-top: 40px;}
.sub_main .more {position: absolute; right: 0px; top: 10px; font-size: 13px; color: #757575;}
.sub_main .more span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.sub_main .more .xe-icon {color: #1974dd;}
.sub_main .more .xe-icon:before {content: "\ea3e";}

/* 칼럼 리스트 슬라이드 */
.column_list img {display: none;}
.column_list .slider {height: 128px;}
.column_list .slick-slider {padding: 0 40px; margin-top: 20px;}
.column_list .slick-slider img, .column-list .slick-slider .box {display: block;}
.column_list .box {display: none;}
.column_list .box a {position: relative; text-align: center; width: 107px; margin: 5px auto;}
.column_list .box a .thumb {position: relative; height: 125px;}
.column_list .box a .thumb:before {content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; transition: all 0.3s;}
.column_list .box a .text {display: block; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; padding: 0 10px; opacity: 0; visibility: hidden; width: 100%; transition: opacity 0.3s;}
.column_list .box a .text strong {display: block; margin-bottom: 5px; color: #fff; font-size: 14px;}
.column_list .box a .text em {font-size: 12px; display: inline-block; line-height: 14px;}
.column_list .box a:hover .thumb:before {opacity: 0.7;}
.column_list .box a:hover .text {opacity: 1; visibility: visible;}
.column_list .box a:focus {outline: 1px dotted #228be5;}
.column_list .box a:focus .thumb:before {opacity: 0.7;}
.column_list .box a:focus .text {opacity: 1; visibility: visible;}
.column_list .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 80px; font-size: 0;}
.column_list .slick-arrow::before {font-family: "xeicon"; font-size: 34px; color: #888; transition: all .2s;}
.column_list .slick-arrow:hover::before {color: #333;}
.column_list .slick-prev {left: 0px;}
.column_list .slick-prev::before {content: '\e93b';}
.column_list .slick-next {right: 0px;}
.column_list .slick-next::before {content: '\e93e';}

/* ================================== List ================================== */
.no_data {display: table; table-layout: fixed; width: 100%; text-align: center; height: 202px; padding: 25px 0; border-bottom: 1px solid #dee2e6; color: #707070;}
.no_data span {width: 100%; display: table-cell; vertical-align: middle;}
li.no_data {padding:0;}
table .no_data {border-bottom: 0 solid #dee2e6; 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 li a {padding: 35px 0;}
.list_type li:first-child a {padding-top: 0;}
.list_type li ~ li {border-top: 1px solid #dee2e6;}
.list_type a, .list_type > div {display: flex; flex-wrap: wrap; align-items: center;}
.list_type .thumb {width: 200px; height: 132px; border: 1px solid #dee2e6;}
.list_type .thumb.card {width: 174px; height: 174px;}
.list_type .thumb.st2 {width: 110px; height: 132px;}
.list_type .thumb + .text {padding-left: 20px; width: calc(100% - 200px);}
.list_type .thumb.card + .text {width: calc(100% - 174px);}
.list_type .thumb.st2 + .text {width: calc(100% - 110px);}
.list_type .text {display: block; width: 100%;}
.list_type .text strong {font-size: 1.25rem; font-weight: 700; letter-spacing: -0.05em; margin: 0 0 10px 0; display: block; max-height:50px; overflow: hidden;}
.list_type .text .stitle {width: 100%; font-size: 1.0625rem; color: #495057; margin-bottom: 16px;}
.list_type .text .lead {font-size: .9375rem; color: #666; margin-bottom: 15px; max-height: 48px; overflow: hidden;}
.list_type .text .source {font-size: 14px; color: #707070;  display: block;}
.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 .source span ~ span {position: relative; margin-left: 7px; 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.writer > div {flex-direction: row-reverse; align-items: flex-start;}
.list_type.writer .thumb + .text {padding-right: 20px; padding-left: 0;}
.list_type.writer .text .lead {max-height: none;}

/* 브리핑룸 메인 */
.list_type.tbsty {border-top: 2px solid #495057;}
.list_type.tbsty li a {position: relative; padding: 16px 90px 16px 0;}
.list_type.tbsty .text {font-size: 0; overflow: visible; text-align: left; display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; max-width: 100%; width: auto !important;}
.list_type.tbsty .text strong {font-size: .9375rem; font-weight: 400; margin:0 0 0 auto; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 21px; height: 23px; max-height: 23px;}
.list_type.tbsty .text .source {font-size: 14px; color: #707070;  display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.list_type.tbsty .text .source span:last-child {display: inline-block; white-space: nowrap; overflow: visible; max-width: none;}
.list_type.tbsty .vid + strong {max-width: calc(100% - 80px); display: inline-block;}
.list_type.tbsty .vid {width: 80px; text-align: center;}

.list_type.event a {display: flex; flex-wrap: wrap; align-items: center;}
.list_type.event .thumb {height: 68px;}
.list_type.event .thumb + .text {padding-left: 20px; width: calc(100% - 200px);}
.list_type.event .text strong {margin: 0 0 10px 0;}

.list_type .ebook {padding: 35px 0; width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start;}
.list_type .ebook .thumb {position: relative; padding-left: 100px; 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; height: 132px;}
.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/common/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; position: absolute; bottom: 35px; font-size: 0; margin-top: 35px;}
.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;}

.photo_list {position: relative;}
.photo_list > ul {display: flex; flex-wrap: wrap; align-items:flex-start; margin-right: -12px; margin-left: -12px;}
.photo_list > ul > li {width: calc(100% / 3); padding: 0 12px;}
.photo_list > ul > li:nth-child(n+4) {margin-top: 30px;}
.photo_list a {display: block;}
.photo_list .thumb {width: 244px; height: 164px; margin: 0 auto;}
.photo_list .text {display: block; padding-top: 12px;}
.photo_list .text strong {display: block; color: #495057; font-size: 1rem; font-weight: 500; margin-bottom: 12px; max-height: 40px; display: block; overflow: hidden;}
.photo_list .source {display: block; color: #707070; font-size: 13px;}
.photo_list .source span {margin-right: 5px; vertical-align: middle;}
.photo_list .source span:last-child {width: calc(100% - 80px); margin-right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.photo_list.ebook {text-align: center;}
.photo_list.ebook > ul > li {width: calc(100% / 4); position: relative;}
.photo_list.ebook > ul > li:nth-child(n+4) {margin-top: 0;}
.photo_list.ebook > ul > li:nth-child(n+5) {margin-top: 30px;}
.photo_list.ebook .thumb {width: 176px; height: 243px; position: relative; border: 1px solid #dee2e6;}
.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%; position: absolute; left: 0; top: -60px; text-align: center;}
.photo_list.ebook .btns a {display: inline-block; border: 1px solid #fff; color: #fff; font-size: 11px; padding: 3px 5px; transition: all .2s;}
.photo_list.ebook .btns a:hover {background-color: #fff; color: #333;}
.photo_list .book_btns {z-index: 2; font-size: 13px; position: absolute; left: 30px; right: 30px; top: 195px;}
.photo_list .book_btns > 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 > button i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.photo_list .book_btns > 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 > ul {display: flex; flex-direction: column; flex-wrap: wrap; background-color: #fff; box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.08); padding: 10px 5px; text-align: left; width: 450px; height: 0; margin-top: 5px; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0.3s; position: absolute; left: 0;}
.photo_list .book_btns > ul.active {opacity: 1; visibility: visible; height: 268px;}
.photo_list .book_btns > ul li {padding: 5px 0; margin-bottom: 0; font-size: 0; text-align: center; width: calc(100% / 3);}
.photo_list .book_btns > ul li strong {display: inline-block; font-size: 14px; font-weight: 400; color: #181818; vertical-align: middle; margin-right: 5px; width: 28px; text-align: right; white-space: nowrap;}
.photo_list .book_btns > ul li a {display: inline-block; font-size: 12px; border: 1px solid #999; padding: 2px 5px; color: #757575; vertical-align: middle; margin-left: 3px;}
.photo_list .book_btns > ul li a:hover {background-color: #6e7984; color: #fff; border: 1px solid #6e7984;}
.photo_list .book_btns > button.active:after {content: "\e945";}

.photo_list.short .thumb {width: 242px; height: 430px; position: relative; border: 1px solid #dee2e6;}
.photo_list.short .thumb.play .ico_play {position: absolute; right: 5px; bottom: 5px; z-index: 3; width: 25%; max-width: 65px; min-width: 25px;}

.table_list {margin-bottom: 10px; border-top: 2px solid #495057;}
.table_list th, .table_list td {padding: 15px 0; font-size: 15px;}
.table_list thead th {background-color: #f2f4f7; text-align: center;}
.table_list tr {border-bottom: 1px solid #dee2e6;}
.table_list td {text-align: center; color: #666;}
.table_list td.subject {padding: 15px;}
.table_list td.subject a {width: 100%; text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative;}
.table_list td.subject strong {font-weight: 400; color: #666;}
.table_list.table-border th, .table_list.table-border td {border: 1px solid #dee2e6;}
.table_list .notice td {background: #f6f6f6;}
.ico_notice {font-size: 0; line-height: 0; width: 19px; height: 17px; display: inline-block; background: url("../images/common/icon_notice.png"); vertical-align: middle;}

.table_list td.subject strong {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; direction: ltr;}
.table_list td.subject .vid + strong {max-width: calc(100% - 80px); display: inline-block; line-height: 23px; height: 23px;}
.table_list td.subject .vid {width: 70px; text-align: center; direction: rtl;}
.livere_box + .table_list {margin-top: 39px;}

/* icon */
.miy {position: relative; color: #707070; font-size: 15px; padding-right: 10px; margin-right: 10px;}
.miy:after {content: ''; display: block; width: 1px; height: 14px; background-color: #adb5bd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.vid_ico {font-size: 1.125rem; color: #1974dd; padding: 0; margin: 0; margin-right: 8px; position: relative; top: -2px; vertical-align: middle;}
.vid_ico i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.vid_ico:before {content: "\ea4c"; font-family: "xeicon";}
.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;}
.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;}

/* paging */
.paging {text-align: center; margin-top: 1rem;}
.paging::before, .paging::after {content: ""; display: block; clear: both;}
.paging a {display: inline-block; vertical-align: middle; text-align: center; min-width: 2rem; height: 2.5rem; line-height: 2.5rem; transition: all .2s;}
.paging a:hover {color: #ed1f23;}
.paging a[class] {margin: 0 2px; color: #707070; width: 2.5rem; border: 1px solid #e9e9e9;}
.paging a[class]:hover {border-color: #495057; color: #495057;}
.paging span a.on {color: #ed1f23; font-weight: bold; border: 1px solid #919191;}
.paging i {font-size: 1rem;}
.paging .first i ~ i, .paging .last i ~ i {margin-left: -10px;}
.paging .num{margin:0 5px}

.photo_list + .paging {margin-top: 35px;}

/* ================================== View: article body ================================== */
.area_contents .article_head .head {font-weight: 400; color: #e61e22;}
.area_contents .article_head h1 {font-size: 34px; font-weight: 700; color: #212529; word-break: keep-all; word-wrap: break-word; margin-bottom: 30px;}
.area_contents .article_head h2 {font-size: 18px; font-weight: 700; color: #495057; word-break: keep-all; word-wrap: break-word; margin-bottom: 5px;}
.area_contents .article_head .location {font-size: 14px; font-weight: 400; color: #707070; display: block; width: 100%; margin-bottom: -10px;}
.area_contents .article_head .location span {position: relative;}
.area_contents .article_head .location span ~ span {position: relative; margin-left: 7px; padding-left: 8px;}
.area_contents .article_head .location span ~ span:after {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #707070;}
.area_contents .article_head .location span a {position: relative; display: inline-block;}
.area_contents .article_head .location span a ~ a {position: relative; padding-left: 14px;}
.area_contents .article_head .location span a ~ a:after {content: '\e940'; font-family: "xeicon"; font-size: 13px; color: #707070; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.area_contents .article_head .variety {border-top: 1px solid #dee2e6; border-bottom: 2px solid #ed1f23; padding: 14px 0; margin-top: 30px; width: 100%; display: flex; flex-wrap: wrap; align-items:center; justify-content:space-between;}
.area_contents .article_head .info {font-size: 14px; color: #707070; vertical-align: middle; width: calc(100% - 150px);}
.area_contents .article_head .info span {margin: 2px 10px 2px 0;}
.area_contents .article_head .info span.place {display: block; margin-right: 0; margin-top: 5px;}
.area_contents .article_head .tool {font-size: 0; white-space: nowrap; vertical-align: middle; width: 150px; margin-left: auto; text-align: right;}
.area_contents .article_head .tool button, .area_contents .article_head .tool a {font-size: 12px; padding: 5px; line-height: 0;}
.area_contents .article_head .tool button:before, .area_contents .article_head .tool a:before {content: ''; display: inline-block; width: 20px; height: 20px; background:url("../images/common/ico_tool.png") 0 0 no-repeat;}
.area_contents .article_head .tool button span, .area_contents .article_head .tool a span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.area_contents .article_head .tool .tts:before {background-position: 0 0;}
.area_contents .article_head .tool .tts.active:before {background:url("../images/common/ico_tts_on.gif") 0 0 no-repeat;}
.area_contents .article_head .tool .plus:before {background-position: -20px 0;}
.area_contents .article_head .tool .minus:before {background-position: -40px 0;}
.area_contents .article_head .tool .print:before {background-position: -60px 0;}
.area_contents .article_head .tool .lst:before {background-position: -80px 0;}

/* 해택 */
.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 27px; font-size: 15px; color: #6c6045; font-weight: 500; border-bottom: 1px solid #f0e8cc;}
.benefit a {position: relative; padding: 17px 27px; 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; display: inline-block;}
.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 27px; 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 #cbcbcb; padding: 30px; margin: 30px 0; font-size: 1.125rem; font-weight: 500; line-height: 1.875rem; letter-spacing: -0.02em; box-sizing: border-box;}
.editor_note strong {color: #fff; background-color: #ed1f23; padding: 2px 5px; margin-right: 10px;}
.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; width: 100%; background-color: #f9fafc; border: 1px solid #adb5bd; padding: 28px 28px 40px 28px; margin: 45px 0 65px 0; box-sizing: border-box;}
.related .rhead {position: relative; display: table;}
.related .rhead > strong.rtit {font-size: 18px; color: #212529; font-weight: 700; white-space: nowrap; display: table-cell; line-height: 1.25; padding: 2px;}
.related .rhead > div.rkey {display: table-cell; padding-left: 10px; line-height: 1.25; font-size: 0; vertical-align: middle;}
.related .rhead > div.rkey > button.rb {position: relative; font-size: 14px; color: #ed1f23; letter-spacing: -0.02em; font-weight: 400; margin: 2px 5px;}
.related .rhead > div.rkey > 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 > div.rkey > button.rb.active {font-weight: 700;}
.related .rhead > div.rkey > button.rb.active:after {background-color: #ed1f23; transform: scaleX(1); visibility: visible;}
.related .rbody > ul.rlst {margin-top: 15px;}
.related .rbody > ul.rlst a {position: relative; font-size: 17px; color: #212529; padding: 7px 0; line-height: 1.25; padding-left: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; word-wrap: break-word; display: block; font-weight: 500;}
.related .rbody > ul.rlst a:before {content: '\ea3e'; display:inline-block; line-height:1; font-family:'xeicon'; font-size: 12px; color: #707070; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.related .rbody > ul.rlst li:nth-child(5n+1) {padding-top: 10px;}
.related .rbody > ul.rlst li:nth-child(5n) {border-bottom: 1px dashed #dee2e6; padding-bottom: 10px;}
.related .rbody > ul.rlst li:first-child {padding-top: 0;}
.related .rbody > ul.rlst li:last-child {border-bottom: none; padding-bottom: 0;}
.related > button.ropen {position: absolute; bottom: -22.5px; left: 50%; transform: translateX(-50%); font-size: 13px; color: #707070; letter-spacing: -0.02em; padding: 15px 26px; background-color: #fff; border-radius: 45px; border: 1px solid #adb5bd; line-height: 1;}
.related > button.ropen .xe-icon {margin-left: 5px;}
.related > button.ropen .xe-icon:after {content: "\e941";}
.related > a.rmore {position: absolute; top: 37px; right: 32px; padding: 3px; line-height: 1; color: #707070; font-size: 20px;}
.related > a.rmore span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.related > a.rmore .xe-icon:before {content: '\e913';}

.article_body + .related {margin: 15px 0 65px 0;}

/* 정책기자단 명함 */
.namecard {display:inline-block; border:1px solid #dee2e6; border-radius:7px; width:100%; max-width: 500px; 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 > 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;}

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

/* 사실은 이렇습니다 */
.cont-box {position: relative; border: 1px solid #a9a9a9; background: #fff; padding: 15px 30px; line-height: 1.6em; color: #000; margin-bottom: 0 !important; font-weight: 500;}
.remark {position: relative; border: 1px solid #a9a9a9; font-size: 0.938rem; color: #525254; line-height: 23px; font-weight: 400; letter-spacing: -0.01em; padding: 13px 31px 13px 47px; text-indent: -10px; background-color: #f7f5fd;}
.remark i {color: #8dacd5;}
.cont-box + .remark {margin-top: -1px; border-top: none;}

/* 카드뉴스, 포토 슬라이드 */
.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 > 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: 50px; height: 80px; font-size: 0; background-color: rgba(0, 0, 0, 0.3); display: inline-block;}
.slider_wrap .flex-direction-nav a:before {font-family: "xeicon"; font-size: 34px; color: #ddd; 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: 50px; height: 80px; font-size: 12px; 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: 20px; 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: 20px;}
.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 {}
.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 50px 20px 50px;}
.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 {position: relative; left: 50%; transform: translateX(-50%); width: 800px;}
.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;}
.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 60px 20px 60px;}
.photoview_slider .slider_nav li {opacity: .7;}
.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: #868e96;}
.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 > div:not(.info) {position: relative; left: 50%; transform: translateX(-50%); max-width: 800px !important; width: 800px !important; padding-top: 71% !important; padding-bottom: 0 !important;}
.movie .info {font-size: 14px; line-height: 13px; text-align: center; margin-bottom: 15px;}
.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: 17px; 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 {}

/* ================================== View: article footer ================================== */
.filedown {padding: 25px 0; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; font-size: 15px; margin-bottom: -1px;}
.filedown:after {content: ""; clear: both; display: table;}
.filedown dt {float: left; width: 100px;}
.filedown dd {float: left; width: calc(100% - 100px);}
.filedown dd p {margin-bottom: 10px; display: table; table-layout: fixed; width: 100%;}
.filedown dd p:last-child {margin-bottom: 0 !important;}
.filedown dd p span {display: table-cell; padding-right: 5px; vertical-align: top;}
.filedown dd p span a {color: #707070; padding-left: 21px; text-indent: -21px;}
.filedown dd p span img {position: relative; top: -2px;}
.filedown dd p span:nth-child(2) {width: 155px; padding: 0; text-align: left; font-size: 0;}
.filedown dd p span:nth-child(2) a {color: #444; text-align: right; margin-left: 5px; padding-left: 0; text-indent: 0; font-size: 15px;}
.filedown dd p span:nth-child(2) a:after {font-family: "xeicon"; font-size: 15px;}
.filedown dd p span:nth-child(2) a.view:after {content: '\e980';}
.filedown dd p span:nth-child(2) a.down:after {content: '\e904';}
.filedown dd img {margin-right: 5px;}

.article_head .filedown {margin-top: 10px; background-color: #f7f7f7; padding: 25px;}
.article_head .filedown dt {float: none; width: 100%; margin-bottom: 10px; font-weight: 500;}
.article_head .filedown dd {float: none; width: 100%;}
.article_head .filedown dd p {margin-bottom: 10px; display: table; width: 100%;}

.banner_actually {margin-bottom: -1px;}

.law_copy_wrap {border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-bottom: -1px; padding: 25px 0;}
.law_copy_wrap .law_copy {position: relative;}
.law_copy_wrap .law_copy ~ .law_copy {margin-top: 20px;}
.law_copy_wrap .law_copy .text {font-size: 14px; color: #495057; line-height: 1.531; letter-spacing: -0.03em;}
.law_copy_wrap .law_copy .text > div {display: inline-block;}
.law_copy_wrap .law_copy .text > div > a {text-decoration: underline; text-underline-position: under; color: #333;}
.law_copy_wrap .law_copy .tooltip {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; transition: all .2s; opacity: 0; visibility: hidden;}
.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 .law_copy .active .tooltip {opacity: 1; visibility: visible;}
.law_copy_wrap .law_copy .source {margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: -0.02em;}
.law_copy_wrap .law_copy .source span {color: #ed1f23; font-weight: 700;}

.kogl_wrap {border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-bottom: -1px; padding: 25px 0;}
.kogl_wrap .kogl > div ~ div {margin-top: 20px;}
.kogl_wrap .kogl .guide {display: flex;}
.kogl_wrap .kogl .guide .logo {flex:none;}
.kogl_wrap .kogl .guide .logo div {display: flex; margin-top: 5px;}
.kogl_wrap .kogl .guide .logo div a {color: #fff; font-size: 13px; background-color: #6c757e; padding: 3px 4px; width: 50%; text-align: center; white-space: nowrap;}
.kogl_wrap .kogl .guide .logo div a ~ a {margin-left: 3px;}
.kogl_wrap .kogl .guide dl {padding-left: 15px;}
.kogl_wrap .kogl .guide dt {font-weight: 500; margin-bottom: 5px;}
.kogl_wrap .kogl .guide dd {font-size: 0.875rem; color: #707070; margin-bottom: 0;}
.kogl_wrap .kogl .info {padding-left: 158px; position: relative; font-size: 0.938rem; color: #333;}
.kogl_wrap .kogl .info .btn {position: absolute; left: 0; top: 0; padding: 0;}
.kogl_wrap .kogl .info .btn a {color: #fff; font-size: 13px; float: left; background-color: #6c757e; padding: 3px 4px;}
.kogl_wrap .kogl .info .btn a ~ a {margin-left: 3px;}

.livere_comment {margin-top: 39px; width: 100%; text-align: center;}
.livere_comment button {position: relative; border: 1px solid #adb5bd; color: #292d31; font-weight: 500; font-size: 16px; padding: 10px 40px 10px 45px;}
.livere_comment button span {position: relative; display: inline-block; line-height: 1;}
.livere_comment button span:before {content: ''; display: inline-block; width: 20px; height: 20px; background: #fff url('../images/common/icon_comt2.png') 0 0 no-repeat; position: absolute; left: -25px; top: 0;}
.livere_comment button span:after { font-family: "xeicon"; content: '\e941'; font-size: 13px; color: #212529; line-height: 1; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); font-weight: bold;}
.livere_comment button em {font-size: 14px; font-weight: 400; display: inline-block;}
.livere_comment button i {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.livere_comment.close button span:after {content: '\e944';}

/* ================================== tab common ================================== */
.tabs_common {position: relative; margin-bottom: 25px;}
.tabs_common ul {position: relative; display: table; table-layout: fixed; width: 100%; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 2px solid #495057;}
.tabs_common li {position: relative; display: table-cell; text-align: center; border-top: 1px solid #dee2e6;}
.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: 20px 0; z-index: 2; width: 100%;}
.tabs_common li a:before, .tabs_common li button:before {content: ''; position: relative; display: none; z-index: 3; margin-bottom: 5px;}
.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; border-bottom: none; background-color: #fff; opacity: 0; z-index: 2; transition: opacity 0.3s;}
.tabs_common li a span, .tabs_common li button span {position: relative; color: #707070; font-size: 1rem; z-index: 3; display: block;}
.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: #495057; font-weight: 600; z-index: 3; text-decoration: underline; text-underline-position: under; text-decoration-thickness: auto; /*text-underline-offset: 0.250rem;*/}

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

.tabs_in_tab {border-bottom: 1px solid #dee2e6;}
.tabs_in_tab ul {display:table; table-layout: fixed;}
.tabs_in_tab li {display: table-cell; text-align: center;}
.tabs_in_tab li a {position: relative; display: block; padding:15px 25px; color: #707070; font-size:1rem;}
.tabs_in_tab li a: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 a:before {display: none;}
.tabs_in_tab li.active a {color: #212529; font-weight: 700; font-size:1.125rem; 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 a {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 a: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 a {background-color: #fff; font-weight: 500; color: #212529; border-bottom: 1px solid transparent;}
.tabs_text li.active a:before {background-color: #228be5;}

/* 카드한컷 */
.tabs_common.cardcut li a:before {width: 32px; height: 32px; display: inline-block; background-image: url('../images/sub/icon_cardcut.png');}
.tabs_common.cardcut li:nth-child(1) a:before {background-position: 0 0;}
.tabs_common.cardcut li:nth-child(2) a:before {background-position: -32px 0;}
.tabs_common.cardcut li:nth-child(3) a:before {background-position: -64px 0;}
.tabs_common.cardcut li.active:nth-child(1) a:before {background-position: 0 -32px;}
.tabs_common.cardcut li.active:nth-child(2) a:before {background-position: -32px -32px;}
.tabs_common.cardcut li.active:nth-child(3) a:before {background-position: -64px -32px;}

/* 새정부 부처 업무보고 */
.tabs_common.business_report li a {padding: 10px 0;}
.tabs_common.business_report li a:before {display: inline-block; background-image: url('../images/sub/icon_business_report.png'); width: 45px; height: 28px;}
.tabs_common.business_report li:nth-child(1) a:before {background-position: 0 0;}
.tabs_common.business_report li:nth-child(2) a:before {background-position: -45px 0;}
.tabs_common.business_report li:nth-child(3) a:before {background-position: -90px 0;}
.tabs_common.business_report li:nth-child(4) a:before {background-position: -135px 0;}
.tabs_common.business_report li.active:nth-child(1) a:before {background-position: 0 -28px;}
.tabs_common.business_report li.active:nth-child(2) a:before {background-position: -45px -28px;}
.tabs_common.business_report li.active:nth-child(3) a:before {background-position: -90px -28px;}
.tabs_common.business_report li.active:nth-child(4) a:before {background-position: -135px -28px;}

/* covid19 */
.tabs_common.covid li {vertical-align: top;}
.tabs_common.covid li a {padding: 10px 0 8px 0;}
.tabs_common.covid li a:before {display: inline-block; background-size: auto 56px; width: 45px; height: 28px; background-image: url('../images/sub/icon_covid.png');}
.tabs_common.covid li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.covid li:nth-child(6) a:before {margin-bottom: 0;}
.tabs_common.covid li:nth-child(7) a:before {margin-bottom: 0;}
.tabs_common.covid li:nth-child(6) a span {margin-top: 0;}
.tabs_common.covid li:nth-child(7) a span {margin-top: 0;}
.tabs_common.covid li:nth-child(1) a:before {background-position: 0 0;}
.tabs_common.covid li:nth-child(2) a:before {background-position: -315px 0;}
.tabs_common.covid li:nth-child(3) a:before {background-position: -45px 0;}
.tabs_common.covid li:nth-child(4) a:before {background-position: -90px 0;}
.tabs_common.covid li:nth-child(5) a:before {background-position: -180px 0;}
.tabs_common.covid li:nth-child(6) a:before {background-position: -270px 0;}
.tabs_common.covid li:nth-child(7) a:before {background-position: -225px 0;}
.tabs_common.covid li:nth-child(8) a:before {background-position: -135px 0;}
.tabs_common.covid li.active:nth-child(1) a:before {background-position: 0 -28px;}
.tabs_common.covid li.active:nth-child(2) a:before {background-position: -315px -28px;}
.tabs_common.covid li.active:nth-child(3) a:before {background-position: -45px -28px;}
.tabs_common.covid li.active:nth-child(4) a:before {background-position: -90px -28px;}
.tabs_common.covid li.active:nth-child(5) a:before {background-position: -180px -28px;}
.tabs_common.covid li.active:nth-child(6) a:before {background-position: -270px -28px;}
.tabs_common.covid li.active:nth-child(7) a:before {background-position: -225px -28px;}
.tabs_common.covid li.active:nth-child(8) a:before {background-position: -135px -28px;}

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

/* ================================== Top50 ================================== */
.news_top50 h2 {font-size: 22px; color: #ffe65c !important; text-align: center; margin-bottom: 15px; 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: 117px; height: 74px; background: url("../images/sub/rank_title.png") 0 0 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: 53px; height: 66px; bottom: 8px; background: url("../images/sub/rank_title_new.png") 0 0 no-repeat;}
.news_top50 ul {counter-reset: list-number;}
.news_top50 ul li a {position: relative; padding: 25px 0; display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.news_top50 ul li a:before {counter-increment: list-number; content: counter(list-number); display: table-cell; vertical-align: middle; width: 40px; text-align: left;  color: #707070; font-size: 1.125rem;}
.news_top50 .thumb {border: 1px solid #dee2e6;}
.news_top50 .thumb + .text {padding-left: 20px; width: calc(100% - 200px);}
.news_top50 .text {position: relative; display: block;}
.news_top50 .text strong {display: block; font-size: 1.1875rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_top50 .text .lead {display: block; font-size: 0.9375rem; color: #666; margin-top: 7px; max-height: 45px; overflow: hidden; line-height: 1.5;}
.news_top50 .text .date {display: block; font-size: 0.9375rem; color: #666;  display: block; margin-top: 7px;}
.news_top50 .text .date {font-size: 14px; color: #707070;  display: block;}
.news_top50 .text .date span ~ span {position: relative; margin-left: 7px; padding-left: 8px;}
.news_top50 .text .date span ~ span:after {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #dadada;}
.news_top50 ul li:nth-child(5n) {border-bottom: 1px solid #dee2e6; padding-bottom: 20px;}
.news_top50 ul li:nth-child(5n+1) {padding-top: 20px;}

/* 1 ~ 10 */
.news_top50 ul li:nth-child(-n+10) {border-bottom: 1px solid #dee2e6; padding: 0;}
.news_top50 ul li:nth-child(-n+10) a:before {color: #ed1f23; font-size: 1.375rem;}
.news_top50 ul li:nth-child(-n+10) .thumb {width: 160px; height: 100px;}
.news_top50 ul li:nth-child(-n+10) .text {width: calc(100% - 40px);}
.news_top50 ul li:nth-child(-n+10) .thumb + .text {width: calc(100% - 200px);}
.news_top50 ul li:nth-child(-n+10) .lead {display: block;}
/* 11~ 50 */
.news_top50 ul li:nth-child(n+11) a {padding: 8px 0;}
.news_top50 ul li:nth-child(n+11) .thumb {width: 70px; height: 48px;}
.news_top50 ul li:nth-child(n+11) .thumb + .text {width: calc(100% - 110px);}
.news_top50 ul li:nth-child(n+11) .text {width: calc(100% - 40px);}
.news_top50 ul li:nth-child(n+11) strong {font-size: 1.0625rem; width: calc(100% - 190px);}
.news_top50 ul li:nth-child(n+11) .lead {display: none;}
.news_top50 ul li:nth-child(n+11) .text .date {position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 0; z-index: 2;}

/* ==================================================================== */

/* 정책포커스 */
.focus_top {margin-bottom: 35px;}
.focus_top + .tabs_common {margin-bottom: 45px;}
.focus_top + .tabs_common + .tabs_in_tab {margin-top: -45px; margin-bottom: 45px;}

/* 연설문 */
.speech-info {background: #002157 url("../images/sub/speech_info_bg.png") 50% 50% no-repeat; color: #fff; padding: 40px; border-radius: 15px; margin-bottom: 40px;}
.speech-info a {position: relative; display: block;}
.speech-info strong {display: block; font-size: 1.6875rem; text-align: justify; margin-bottom: 25px; color: inherit;}
.speech-info .text {display: block; max-height: 103px; line-height: 1.6; overflow: hidden; margin-bottom: 30px;}
.speech-info .sort {color: #a3a9b8;}
.speech-info .more {color: #92b0e2; position: absolute; right: 0; bottom: 0;}
.speech-info .more .xe-icon:before {content: "\e93e";}

/* 전문자료 */
.expert_banner {margin-top: 35px;}
.expert_banner ul {display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px;}
.expert_banner li {width: calc(100% / 3); padding: 0 12px;}
.expert_banner a {display: block; background-color: #f1f7f9; font-weight: 500; color: #495057; font-size: .9375rem; text-align: center; padding: 20px 0; border: 1px solid #b4c5cf; transition: all .2s;}
.expert_banner a i {display: inline-block; vertical-align: middle; width: 24px; height: 21px; margin-right: 10px;}
.expert_banner a:hover {background-color: #1974dd; color: #fff; border: 1px solid #1974dd;}
.expert_banner a:hover span {text-decoration: underline; text-underline-position: under; text-underline-offset: 0.250rem;}

.expert_side {display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px;}
.expert_side > div {width: calc(100% / 2); padding: 0 12px;}
.expert_side > div h2 {font-size: 1.0625rem; letter-spacing: -0.06em; color: #00224f; margin-bottom: 10px;}
.expert_side > div .more {position: absolute; right: 20px; top: 23px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #868e96;}
.expert_side > div .more .xe-icon {color: #fff; font-size: 11px;}
.expert_side > div .more .xe-icon:before {content: "\e913";}
.expert_side > div .more span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.expert_side > div .box {position: relative; padding: 20px; border: 1px solid #e5e5e5;}
.expert_side > div:nth-child(n+3) .box {margin-top: 20px;}
.expert_side ul {padding: 0 0;}
.expert_side ul li {position: relative; padding: 3px 0 3px 10px; font-size: 14px;}
.expert_side ul li:after {content: ''; display: block; width: 3px; height: 3px; background-color: #adb5bd; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.expert_side ul li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.expert_site {display: flex; flex-wrap: wrap; margin-right: -7px; margin-left: -7px;}
.expert_site li {width: calc(100% / 5); padding: 0 7px; text-align: center;}
.expert_site li a {display: block; border: 1px solid #e5e5e5;}

/* 전자책 */
.eb_weekly_list {display: flex; flex-wrap: wrap; align-items:flex-start; margin: 0 -12px;}
.eb_weekly_list .newb {position: relative; padding: 0 12px;}
.eb_weekly_list .newb .thumb {width: 238px; height: 320px; position: relative; border: 1px solid #dee2e6;}
.eb_weekly_list .newb .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%);}
.eb_weekly_list .newb dl {position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; text-align: center;}
.eb_weekly_list .newb dl dt {display: block; font-size: 1.125rem; color: #fff;}
.eb_weekly_list .newb dl dd {display: block; color: #fff; font-size: 0.813rem; margin-top: 5px;}
.eb_weekly_list .newb .btns {margin: 10px 0 0 0;}
.eb_weekly_list .newb .btns a {display: inline-block; border: 1px solid #fff; font-size: 11px; padding: 3px 5px; transition: all .2s;}
.eb_weekly_list .newb .btns a:hover {background-color: #fff; color: #333;}
.eb_weekly_list .odd {position: relative; padding: 0 12px; width: 530px; margin-left: auto;}
.eb_weekly_list .odd:after {content: ""; clear: both; display: table;}
.eb_weekly_list .odd li {width: 50%; float: left; display: table;}
.eb_weekly_list .odd li:nth-child(-n+2) {margin-bottom: 20px;}
.eb_weekly_list .odd .thumb {width: 112px; height: 150px; border-width: 1px; display: table-cell;}
.eb_weekly_list .odd dl {text-align: left; display: table-cell; width: calc(100% - 112px); vertical-align: middle; padding-left: 15px;}
.eb_weekly_list .odd dl dt {font-size: 1rem; font-weight: 700;}
.eb_weekly_list .odd .date {font-size: 13px; color: #707070; margin: 10px 0;}
.eb_weekly_list .odd .btns {text-align: left;}
.eb_weekly_list .odd .btns a {display: inline-block; border: 1px solid #6e7984; color: #666666; font-size: 11px; padding: 3px 5px; transition: all .2s;}
.eb_weekly_list .odd .btns a:hover {background-color: #6e7984; color: #fff;}

/* 국정신문 */
.gov_info {padding: 30px 10px 30px 180px; border: 1px solid #dee2e6; margin-bottom: 30px; position: relative;}
.gov_info::before {content: ''; display: block; width: 92px; height: 93px; background: url("../images/sub/gov_title_icon.gif") 0 0/contain no-repeat; position: absolute; left: 54px; top: 30px;}
.gov_info h2 {font-size: 1.75rem; font-weight: 900;}
.gov_ebook {border-bottom: 1px solid #e5e5e5; padding: 30px 0 30px 0; margin-bottom: 35px;}
.gov_ebook .paper_select {text-align: center; margin: 0 0 20px 0;}
.gov_ebook .paper_select .year,
.gov_ebook .paper_select .month {margin-right: 10px; vertical-align: middle;}
.gov_ebook .paper_select a {display: inline-block; width: 24px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle;}
.gov_ebook .paper_select a span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.gov_ebook .paper_select .move {background-color: #f2f4f7; border: 1px solid #adb5bd; width: 70px;}
.gov_ebook .paper_select .custom_select {font-size: 1.25rem;}
.gov_ebook .paper_select .year_first i,
.gov_ebook .paper_select .year_last i {font-weight: bold; color: #adb5bd;}
.gov_ebook .paper_select .year_first i ~ i,
.gov_ebook .paper_select .year_last i ~ i {margin-left: -10px;}
.gov_ebook .paper_select .year_prev,
.gov_ebook .paper_select .year_next {margin: 0 10px;}
.gov_ebook .paper_select .year_prev i,
.gov_ebook .paper_select .year_next i {font-weight: bold; font-size: 20px;}
.gov_ebook .paper_select .year_first i:before {content: "\e93c";}
.gov_ebook .paper_select .year_first i:after {content: "\e93c"; margin-left: -10px;}
.gov_ebook .paper_select .year_prev i:before {content: "\e93b";}
.gov_ebook .paper_select .year_last i:before {content: "\e93f";}
.gov_ebook .paper_select .year_last i:after {content: "\e93f"; margin-left: -10px;}
.gov_ebook .paper_select .year_next i:before {content: "\e93e";}
.gov_ebook .photo_list.ebook ul {display: table; width: 100%; margin: 0;}
.gov_ebook .photo_list.ebook li {display: table-cell; text-align: center; position: relative; width: auto; padding: 0;}
.gov_ebook .photo_list.ebook .thumb {width: 145px; height: 190px; margin: 0 auto;}
.gov_ebook .photo_list.ebook .source span:last-child {width: 100%; overflow: visible;}

/* 정부부처 소개 */
.title.org {text-align: center; position: relative; z-index: 2;}
.title.org .btn {float: right; font-size: 15px;}
.title.org .btn i:before {content: "\eb7c";}
.title.org .btn:hover span {text-decoration: underline;}
.dept_intro {position: relative; text-align: center;}
.dept_intro .organization {margin-bottom: 60px;}
.dept_intro .pop_org {display: none; text-align: left; width: 300px; max-width: 90%; padding: 20px; background-color: #fff; border: 2px solid #495057; position: absolute; left: 50%; top: 355px; transform: translateX(-50%); box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1);}
.dept_intro .pop_org strong {display: block; font-size: 1.375rem; color: #212529; padding-bottom: 10px; border-bottom: 1px solid #dee2e6; margin-bottom: 10px;}
.dept_intro .pop_org .btn {float: right; margin-top: 20px;}
.dept_intro .info {margin-bottom: 20px;}
.dept_intro .info a[target="_blank"] {color: #1974dd;}
.dept_intro .info a[target="_blank"]:after {content: '\e980'; display: inline-block; font-family: "xeicon"; margin-left: 2px;}
.dept_info {background-color: #f8f9fd; border: 3px solid #dee2e6; padding: 30px; color: #666; line-height:1.65;}
.dept_info strong {display: block; color: #1974dd; margin-bottom: 15px;}
.dept_info em {color: #002157; font-weight: 500;}

/* 국정과제 */
.gov_vision .gov_vision_title {background: url("../images/sub/gov_vision_bg.jpg") 100% 0 no-repeat; padding: 23px 0 30px 0px; height: 228px; margin-bottom: 20px;}
.gov_vision .gov_vision_title .gov_plan {display: inline-block; margin-top: 0px;}
.gov_vision .gov_vision_title .gov_plan strong {font-size: 1.250rem; color: #333; display: block; margin-right: 10px; vertical-align: middle; margin-bottom: 10px;}
.gov_vision .gov_vision_title .gov_plan a {margin-left: 0; background: #fff;}
.gov_vision .gov_vision_title .gov_plan .btn {padding: 5px 10px; border: 1px solid #acacac; font-size: 0.938rem; color: #555; position: relative;}
.gov_vision .gov_vision_title .gov_plan .btn:hover span {text-decoration: underline; text-underline-position:under; text-underline-offset: 0.250rem;}
.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: 18px;}
.gov_vision h4 {padding: 15px; background: #0a3c79; background: linear-gradient(to right, #2871cb 0%, #4b48b5 100%);}
.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 #e1e1e1; border-top: 0; padding: 0 20px;}
.gov_vision .inbox > li {padding: 30px 0 30px 10px; position: relative; display: table; table-layout: fixed; width: 100%;}
.gov_vision .inbox > 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: #000; font-size: 1.25rem; display: block;}
.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 > li {position: relative; font-size: 13px; margin-top: 10px;}
.gov_vision .inbox .list > li:first-child {margin-top: 0px;}
.gov_vision .inbox .list > li a {font-size: 0.938rem; font-weight: 400; color: #555; letter-spacing: -0.05em; display: table;}
.gov_vision .inbox .list > li i {display: table-cell; padding-right: 5px;}
.gov_vision .inbox .list > li b {position: relative; font-weight: 400; display: table-cell;}
.gov_vision .inbox .list > li span {color: #1974dd; display: inline-block; position: relative;}
.gov_vision .inbox .list > li span:before {content: ''; display: inline-block; width: 1px; height: 12px; background-color: #adadad; margin:0 5px;}
.gov_vision .inbox .list > li span:after {content: '\e980'; font-family: "xeicon"; display: inline-block; font-size:15px; margin-left: 3px;}
.gov_vision .inbox .list > li a:hover {text-decoration: underline; text-underline-position:under; text-underline-offset: 0.125rem;}
.gov_vision .inbox .list > li a:hover span {text-decoration: underline; text-underline-position:under; text-underline-offset: 0.125rem;}
.gov_vision + .kogl_wrap {border: none;}

/* 대한민국 정부 채널 소개 */
.channel_info {position: relative; width: 100%; height: 211px; padding: 43px 0 0 31px; background-image: url("../images/sub/channel_bg.jpg"); background-position: left center; background-repeat: no-repeat;}
.channel_info p {margin-top: 24px; font-size: 20px; line-height: 30px; letter-spacing: -0.05em; color: #222;}

.channel_box {position: relative; margin-top: 49px;}
.channel_box ~ .channel_box {margin-top: 70px;}
.channel_box:after {content: ""; clear: both; display: table;}
.channel_box .title {position: relative; font-size: 26px; font-weight: 700; color: #000; 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-position: 0 0;}
.channel_box .title.reporter:before {background-position: -39px 0;}
.channel_box .title.govsns:before {background-position: -78px 0;}
.channel_box .title.gonggam:before {background-position: -117px 0;}

.channel_box .link {position: absolute; right: 0; top: 0; display: table;}
.channel_box .link strong {font-size: 16px; color: #595959; font-weight: 400; display: table-cell; vertical-align: middle;}
.channel_box .link ul {display: table-cell; font-size: 0;}
.channel_box .link ul li {display: inline-block; margin-left: 4px;}
.channel_box .link i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.channel_box .link a {position: relative; width: 32px; height: 32px; line-height: 32px; background: url("../images/sub/channel_icon_sns.png"); background-repeat: no-repeat; background-size: 384px auto; transition: all .2s;}
.channel_box .link a:focus {z-index: 2;}
.channel_box .link .app_g {background-position: -288px 0;}
.channel_box .link .app_a {background-position: -320px 0;}
.channel_box .link .app_o {background-position: -352px 0;}
.channel_box .link .fb {background-position: 0 0;}
.channel_box .link .tw {background-position: -32px 0;}
.channel_box .link .nbg {background-position: -64px 0;}
.channel_box .link .yt {background-position: -96px 0;}
.channel_box .link .ig {background-position: -128px 0;}
.channel_box .link .npt {background-position: -160px 0;}
.channel_box .link .nbd {background-position: -192px 0;}
.channel_box .link .kkc {background-position: -224px 0;}
.channel_box .link .kks {background-position: -256px 0;}
.channel_box .link a:hover.app_g, .channel_box .link a:focus.app_g {background-position: -288px -32px;}
.channel_box .link a:hover.app_a, .channel_box .link a:focus.app_a {background-position: -320px -32px;}
.channel_box .link a:hover.app_o, .channel_box .link a:focus.app_o {background-position: -352px -32px;}
.channel_box .link a:hover.fb, .channel_box .link a:focus.fb {background-position: 0 -32px;}
.channel_box .link a:hover.tw, .channel_box .link a:focus.tw {background-position: -32px -32px;}
.channel_box .link a:hover.nbg, .channel_box .link a:focus.nbg {background-position: -64px -32px;}
.channel_box .link a:hover.yt, .channel_box .link a:focus.yt {background-position: -96px -32px;}
.channel_box .link a:hover.ig, .channel_box .link a:focus.ig {background-position: -128px -32px;}
.channel_box .link a:hover.npt, .channel_box .link a:focus.npt {background-position: -160px -32px;}
.channel_box .link a:hover.nbd, .channel_box .link a:focus.nbd {background-position: -192px -32px;}
.channel_box .link a:hover.kkc, .channel_box .link a:focus.kkc {background-position: -224px -32px;}
.channel_box .link a:hover.kks, .channel_box .link a:focus.kks {background-position: -256px -32px;}

.channel_box .text {font-size: 17px; font-weight: 400; line-height: 27px; color: #333; letter-spacing: -0.075em;}
.channel_box .text a {position: relative; color: #b31b1b; font-weight: 500; border-bottom: 1px solid #b31b1b; line-height: 1;}
.channel_box .text a:before {font-family: "xeicon"; font-size: 19px; vertical-align: middle; display: inline-block;}
.channel_box .text a.paper:before {content: '\eb1e';}
.channel_box .text a.mail:before {content: '\ea06';}

.channel_box .video_lst {margin-top: 38px; overflow: hidden;}
.channel_box .video_lst:after {content: ""; clear: both; display: table;}
.channel_box .video_lst .slider {margin: 0 -5px;}
.channel_box .video_lst .video {/*float: left; width: calc(50% - 10px);*/ padding: 0 5px;}
.channel_box .video_lst .video:first-child {float: left;}
.channel_box .video_lst .video:first-child + .video {float: right;}
.channel_box .video_lst .video > div {position: relative; padding-bottom: 56.476683393782%; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.channel_box .video_lst .video > div iframe,
.channel_box .video_lst .video > div object,
.channel_box .video_lst .video > div video {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important;}
.channel_box .video_lst .slick-dots {display: inline-block; width: 100%; text-align: center; margin-top: 10px;}
.channel_box .video_lst .slick-dots li {display: inline-block;}
.channel_box .video_lst .slick-dots li button {position: relative; font-size: 0; width: 15px; height: 27px;}
.channel_box .video_lst .slick-dots li button:before {content: ''; width: 8px; height: 8px; background: #777; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 8px; transition:all 0.3s;}
.channel_box .video_lst .slick-dots li.slick-active button {width: 20px;}
.channel_box .video_lst .slick-dots li.slick-active button:before {width: 100%; background: #333;}

.channel_box .govsns_box {position: relative; margin-top: 20px;}
.channel_box .govsns_box .playing {position: absolute; right: 0; top: 15px; width:32px; height:32px; 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: 32px; height: 32px; 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: 18px 0; width: 100%; font-weight: 500; letter-spacing: -0.05em; transition:all 0.2s;}
.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; transition:all 0.2s;}
.channel_box .govsns_box .tab li.fb.active button {color: #2f549e;}
.channel_box .govsns_box .tab li.fb.active button:after {background-color: #2f549e;}
.channel_box .govsns_box .tab li.tw.active button {color: #1573d6;}
.channel_box .govsns_box .tab li.tw.active button:after {background-color: #1573d6;}
.channel_box .govsns_box .tab li.nbg.active button {color: #117321;}
.channel_box .govsns_box .tab li.nbg.active button:after {background-color: #117321;}
.channel_box .govsns_box .tab li.yt.active button {color: #a61e22;}
.channel_box .govsns_box .tab li.yt.active button:after {background-color: #a61e22;}
.channel_box .govsns_box .tab li.ig.active button {color: #6f2699;}
.channel_box .govsns_box .tab li.ig.active button:after {background-color: #6f2699;}
.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; border: 0;}
.channel_box .govsns_box .tab_container .cont h6 {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.channel_box .govsns_box .tab_container .cont .sns_tit {text-align: center; padding: 14px 0 12px 0; display: block; background-color: #f2f2f7; font-size: 15px; font-weight: 400; height: 45px; color: #333;}
.channel_box .govsns_box .tab_container .cont .sns_tit i {position: relative; padding-left: 20px; font-weight: 500; letter-spacing: -0.05em;}
.channel_box .govsns_box .tab_container .cont .sns_tit i:before {content: ''; position: absolute; left: 0; top: 50%; transform: translatey(-50%); display: inline-block; width: 20px; height: 16px; background: url("../images/sub/channel_icon_sns_s.png"); background-repeat: no-repeat; background-size: 100px auto; vertical-align: middle;}
.channel_box .govsns_box .tab_container .cont .sns_lst {margin: 18px -9px 0 -9px;}
.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 {float: left; width: 252px; line-height: 0; margin: 0 9px;}
.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 {width: 252px; height: 252px;}
.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 .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 .text {height: 252px; padding: 30px 20px; z-index: 2;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text strong {overflow: hidden; display: block; max-height: 54px; font-weight: 500; font-size: 18px; letter-spacing: -0.05em; color: #333; word-break: break-all;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span {font-weight: 400; font-size: 16px; color: #555; margin-top: 10px; max-height: 135px; overflow: hidden; word-break: break-all;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text {position: absolute; bottom: 0; color: #fff; height: auto; padding: 20px;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text strong {display: none;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text span {color: #fff; min-height: 54px; max-height: 54px; font-weight: 500; font-size: 18px;}

.channel_box .govsns_box .tab_container .cont.fb .sns_tit i {color: #2f549e;}
.channel_box .govsns_box .tab_container .cont.fb .sns_tit i:before {background-position: 0 0;}
.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_tit i:before {background-position: 0 0;}
.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; padding-left: 25px;}
.channel_box .govsns_box .tab_container .cont.nbg .sns_tit i:before {background-position: -40px 0;}
.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; padding-left: 25px;}
.channel_box .govsns_box .tab_container .cont.yt .sns_tit i:before {background-position: -60px 0;}
.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_tit i:before {background-position: -80px 0;}
.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;}
.channel_box .govsns_box .tab_container .cont .tab:after {display: none;}
.channel_box .govsns_box .tab_container .cont .tab li {width: 50%;}
.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: 12px 0 11px 0; font-weight: 400; font-size: 15px; letter-spacing: 0; height: 45px; color: #777;}
.channel_box .govsns_box .tab_container .cont .tab li button i {position: relative; padding-left: 20px; font-weight: 400; letter-spacing: -0.05em; transition:all 0.2s;}
.channel_box .govsns_box .tab_container .cont .tab li button i:before {content: ''; position: absolute; left: 0; top: 50%; transform: translatey(-50%); display: inline-block; width: 20px; height: 16px; background: url("../images/sub/channel_icon_sns_s.png"); background-repeat: no-repeat; background-size: 100px auto; vertical-align: middle; opacity: 0; transition:all 0.2s;}
.channel_box .govsns_box .tab_container .cont .tab li button:after {display: none;}
.channel_box .govsns_box .tab_container .cont.tw .tab li button i {padding-left: 25px;}
.channel_box .govsns_box .tab_container .cont.tw .tab li button i:before {background-position: -20px 0;}
.channel_box .govsns_box .tab_container .cont.tw .tab li.active button i {color: #0c69cc; font-weight: 500;}
.channel_box .govsns_box .tab_container .cont.tw .tab li.active button i:before {background-position: -20px 0; opacity: 1;}

.channel_box .gonggam_lst {margin: 30px -9px 0 -9px;}
.channel_box .gonggam_lst:after {content: ""; clear: both; display: table;}
.channel_box .gonggam_lst .lst {float: left; width: 253px; line-height: 0; margin: 0 8.5px;}
.channel_box .gonggam_lst .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_lst .lst a {position: relative; display: block; border: 1px solid #ccc;}
.channel_box .gonggam_lst .lst a .thumb {position: relative; width: 251px; height: 337px;}
.channel_box .gonggam_lst .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_lst .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_lst .lst a .text:after {content: '\e90b'; font-family: 'xeicon'; font-size: 18px; margin-left: 5px;}

/* 정책퀴즈 */
.quiz_cont {position: relative;}
.quiz_cont .quiz_head {position: relative; background: url("../images/sub/quiz_visual.gif") center top no-repeat; height: 292px; padding: 0 10px 0 60px;}
.quiz_cont .quiz_head p {font-size: 1.0625rem; color: #f6e638; text-align: center; margin-top: 30px; display: inline-block;}
.quiz_cont .quiz_head p strong {color: #f6e638; font-size: 1.3125rem;}
.quiz_cont .quiz_head .title {margin-top: 20px;}
.quiz_cont .quiz_head .title img {max-width: 100%;}
.quiz_cont .quiz_body {margin-bottom: 40px;}
.quiz_cont .quiz_body .day {font-size: 15px; color: #000; border-bottom: 1px solid #e3e5e9; padding: 20px 0; margin-bottom: 20px; text-align: center;}
.quiz_cont .quiz_body .day span {display: inline-block; padding: 0 0 0 10px; margin-right: 10px; position: relative;}
.quiz_cont .quiz_body .day span::before {content: ''; display: block; width: 4px; height: 4px; background-color: #1974dd; position: absolute; left: 0; top: 7px;}
.quiz_cont .quiz_body .quiz_text dl dt {font-size: 1.375rem; color: #000; font-weight: bold; margin: 0 0 20px 0; padding-left: 40px; position: relative; word-break: keep-all; word-wrap: break-word;}
.quiz_cont .quiz_body .quiz_text dl dt em {color: #e03131; font-size: 2.4375rem;line-height:1; font-weight: 700; position: absolute; left: 0; top: -10px;}
.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; box-shadow: 0 5px 0 0 #f2f2f2;}
.quiz_cont .quiz_body .quiz_text dl li {position: relative; padding: 10px 10px 10px 20px; border-left: 1px solid #c7d0dc; border-right: 1px solid #c7d0dc; border-top: 1px solid #e8e8e8;}
.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: #2971d4; border-left: 1px solid #2971d4; border-right: 1px solid #2971d4; border-top: 1px solid #2971d4;}
.quiz_cont .quiz_body .quiz_text dl li.on label {color: #fff;}
.quiz_cont .quiz_body .btn_hint {display: block; background-color: #e03131; color: #fff; border-radius: 20px; font-size: 1rem; padding: 10px 20px; width: 150px; margin: 20px auto 0;}
.quiz_cont .quiz_body .btn_hint i {text-decoration: none !important;}
.quiz_cont .quiz_body .btn_hint i:before {content: "\ea3e";}
.quiz_cont .quiz_body .quiz_input {margin-top: 35px;}
.quiz_cont .quiz_body .quiz_input .input {border-top: 2px solid #555; border-bottom: 1px solid #e3e5e9; margin-top: 10px; padding: 18px 0;}
.quiz_cont .quiz_body .quiz_input .input::after {content: ''; display: block; clear: both;}
.quiz_cont .quiz_body .quiz_input .input li {float: left;}
.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;}
.quiz_cont .quiz_body .quiz_input .input input {width: 114px; height: 38px; line-height: 30px; border: 1px solid #c7d0dc; font-size: .9375rem; text-align: center;}
.quiz_cont .quiz_body .quiz_input .input input#name {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
.quiz_cont .quiz_body .quiz_input .error_txt {white-space: nowrap;}
.quiz_cont .quiz_body .quiz_input .input ul > li:nth-child(1) .error_txt {padding-left: 40px; white-space: nowrap;}
.quiz_cont .quiz_body .quiz_input .input ul > li:nth-child(2) .error_txt {padding-left: 70px; white-space: nowrap;}
.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; padding: 15px 15px 15px 15px; overflow: hidden; overflow-y: auto;}
.quiz_cont .quiz_body .quiz_priv .box .mCSB_scrollTools {top: 0; bottom: 0;}
.quiz_cont .quiz_body .quiz_priv .box li {margin-top: 10px;}
.quiz_cont .quiz_body .quiz_priv .box li span {font-size: 18px;}
.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_apply {text-align: center; margin-top: 35px;}
.quiz_cont .quiz_body .quiz_apply a {display: inline-block; font-size: 1.0625rem; color: #fff; width: 230px; height: 48px; line-height: 48px; background: #1974dd; border: 1px solid #1974dd;}
.quiz_cont .quiz_body .quiz_apply a.prev {display: inline-block; color: #000; font-size: 1.0625rem; color: #2d343c; width: 230px; height: 48px; line-height: 48px; border: 1px solid #adb5bd; background: #fff;}
.quiz_cont .quiz_body .quiz_apply a.prev span {display: inline-block; height: 48px; line-height: 48px;}
.quiz_cont .quiz_body .quiz_ing {margin-top: 35px; text-align: center;}
.quiz_cont .quiz_body .quiz_end {margin-top: 35px;}
.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: 33.33%; 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 .quiz_end .title {font-size: 1.125rem; font-weight: bold; color: #333;}
.quiz_cont .quiz_footer {border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #e2e5e9; margin-top: -1px;}
.quiz_cont .quiz_footer .quiz_info {border-top: 1px solid #e2e5e9;}
.quiz_cont .quiz_footer .quiz_giveaway {background: #f9fafc;}
.quiz_cont .quiz_footer .quiz_info {background: #eaedf2;}
.quiz_cont .quiz_head img, .quiz_cont .quiz_footer img {min-width: 320px;}

.error {border: 1px solid #ec4d59 !important;}
.error:focus {outline-color:#ec4d59 !important;}
.error_txt {position: relative;  display: block;}
.error_txt span {position: relative; display: inline-block; padding-left: 20px; margin-top: 10px;  font-weight: 500; font-size: 0.9375rem; color: #ec4d59 !important;}
.error_txt span:before {content: '\e9aa'; display: inline-block; font-size: 18px; font-family: 'xeicon'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.newsletter_signin .error_txt {padding-left: 50px; display: inline-block;}

/* 뉴스레터 */
.newsletter_info {position: relative; width: 100%; height: 174px; background-color: #ebf2fa; display: table; margin-bottom: 30px;}
.newsletter_info:before {content: ''; display: block; width: 107px; height: 66px; background: url('../images/sub/newsletter_title_icon.png') 0 0/contain no-repeat; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.newsletter_info div {font-size: .9375rem; display: table-cell; vertical-align: middle; line-height: 24px; padding: 25px 30px 25px 189px;}
.newsletter_info div h2 {font-size: 1.375rem !important; color: #0667c5 !important; font-weight: 700 !important; margin-bottom: 20px !important;}
.newsletter_signin {border: 1px solid #d5d9dc; padding: 30px; margin-bottom: 35px;}
.newsletter_signin > .txt {position: relative; padding: 0 0 20px 0; margin-bottom: 25px; border-bottom: 1px solid #d5d9dc;}
.newsletter_signin > .txt > p {margin-bottom: 5px; font-size: 17px; color: #212529; text-align: center;}
.newsletter_signin > .txt dl {text-align: center;}
.newsletter_signin > .txt dt {display: none;}
.newsletter_signin > .txt dd {margin-top: 20px;}
.newsletter_signin > .txt dd span {margin-left: 5px;}
.newsletter_signin > .txt dd .open {display: block; color: #1974dd; font-size: 15px; font-weight: bold; margin: 20px 0;}
.newsletter_signin .newsletter_signin_cont {padding: 20px; background-color: #fff; border: 2px solid #495057; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.1); z-index: 10; width: 600px; display: none;}
.newsletter_signin .newsletter_signin_cont h3 {display: block; font-size: 22px; color: #212529; padding-bottom: 10px; border-bottom: 1px solid #dee2e6; margin-bottom: 10px;}
.newsletter_signin .newsletter_signin_cont .close {position: absolute; top: 15px; right: 15px; display: block; font-size: 20px;}
.newsletter_signin .newsletter_signin_cont .close .xe-icon:before {content: "\e921";}
.newsletter_signin .newsletter_signin_cont .close span {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.newsletter_signin .newsletter_signin_cont.on {display: block;}
.newsletter_signin .newsletter_signin_cont > div p {padding-bottom: 15px;}
.newsletter_signin .newsletter_signin_cont > div ul {font-size: 15px;}
.newsletter_signin .newsletter_signin_cont > div ul li {margin-top: 5px;}
.newsletter_signin .newsletter_signin_cont > div ul li span {font-size: 18px;}
.newsletter_signin .signin {position: relative; width: 460px; margin: 0 auto;}
.newsletter_signin .signin:after {content: ""; clear: both; display: table;}
.newsletter_signin .signin dl {float: left; width: 355px; margin-right: 5px;}
.newsletter_signin .signin dl:after {content: ''; display: block; clear: both;}
.newsletter_signin .signin dl dt {float: left; width: 55px; line-height: 44px; margin-bottom: 5px; font-weight: bold;}
.newsletter_signin .signin dl dd {float: left; width: 300px; margin-bottom: 5px;}
.newsletter_signin .signin dl dd input {width: 100%; height: 44px; border: 1px solid #adb5bd; padding: 10px;}
.newsletter_signin .signin dl dd input input#name {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
.newsletter_signin .signin a {float: left; width: 100px; height: 93px; line-height: 93px; font-size: .9375rem; color: #fff; text-align: center; transition: all .2s;}
.newsletter_signin .signin a.apply {background: #495057;}
.newsletter_signin .signin a.apply:hover {background-color: #212529;}
.newsletter_signin .signin a.cancel {background: #2971d4;}
.newsletter_signin .signin a.cancel:hover {background-color: #1d59aa;}
.newsletter_exp {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 30px; margin-bottom: 25px;}
.newsletter_exp ul {counter-reset: list-number;}
.newsletter_exp li {padding: 25px 0 25px 0; font-size: .9375rem; position: relative;}
.newsletter_exp li .icon {display: none;}
.newsletter_exp li dt {font-size: 1.0625rem; color: #000; font-weight: bold; margin-bottom: 10px;}
.newsletter_exp li dt:before {counter-increment: list-number; content: counter(list-number) "."; color: #e90606; 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: linear-gradient(to right, #c21d21 0%, #363378 99%); transition: all .2s;}
.newsletter_btn .btn_nl_new:after {content: '\e907'; font-family: 'xeicon'; font-size: 15px; display: inline-block; margin-left: 5px;}

main.sub.view .newsletter_info {width: 100%; width: 790px; position: relative; left: 50%; transform: translateX(-50%);}

/* 정책소셜 */
.deptsns {position: relative; width: 100%; background-color: #f2f4f7; margin-bottom: 25px; display: table; padding: 30px 0;}
.deptsns::before {content: ''; display: block; width: 107px; height: 66px; background: url("../images/sub/deptsns_title_icon.png") 0 0/contain no-repeat; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.deptsns div {display: table-cell; vertical-align: middle; padding-left: 170px;}

.sort-post {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dee2e6; display: flex; align-items: center;}
.sort-post ul.sort {margin-left: auto;}
.sort-post ul.sort:after {content: ''; display: block; clear: both;}
.sort-post ul.sort li {float: left; margin-right: -1px;}
.sort-post ul.sort li button {border: 1px solid #d7d7d7; background-color: #f2f4f7; display: block; color: #666666; font-size: 15px; width: 110px; height: 42px; line-height: 1; text-align: center; transition: all .2s;}
.sort-post ul.sort li button:hover {background-color: #1d59aa; color: #fff; border-color: #1d59aa;}
.sort-post ul.sort li button:hover span {text-decoration: underline; text-underline-position: under; text-underline-offset: 0.125rem;}
.sort-post ul.sort li button i {margin-right: 5px;}
.sort-post ul.sort li.active button {color: #fff; background: #1974dd; border: 1px solid #1974dd; position: relative; z-index: 2;}
.sort-post ul.sort li.active button span {text-decoration: underline; text-underline-position: under; text-underline-offset: 0.125rem;}

/* RSS서비스 */
.rss_info {position: relative; width: 100%; margin-bottom: 32px; background-color: #f2f4f7; padding: 40px 40px 40px 185px;}
.rss_info:before {content: ''; display: block; width: 107px; height: 66px; background: url("../images/sub/rss_title_icon.png") 0 0 no-repeat; position: absolute; top: 45px; left: 45px;}
.rss_info h2 {display: block;}
.rss_info p {font-size: .9375rem; color: #666; line-height: 24px; font-weight: bold;}
.rss_info p strong {letter-spacing: 0;}
.rss_info p em {color: #2d343c; font-weight: normal;}
.rss_info p.info {position: relative; display: inline-block; background-color: #002157; color: #fff; font-size: 18px; font-weight: normal; padding:5px 15px; margin-top: 20px; border-radius: 34px; margin-right: -20px; margin-bottom: -20px; letter-spacing: -0.05em;}
.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: 20px; display: inline-block; color: #f05312; vertical-align: middle; margin-right: 5px; position: relative; top: -1px; z-index: 2;}
.rss_info p.info:after {content: ''; position: absolute; left: 20px; top: 11px; width: 10px; height: 12px; background-color: #fff; z-index: 1; border-radius: 100%;}
.xi-rss-square {color: #e03131;  margin-right: 5px;}
.table_list.rss {border-top: 1px solid #dee2e6;}
.rss_reader {position: relative; font-size: 14px; border: 1px solid #dddddd; padding: 30px; margin-bottom: 10px;}
.rss_reader dt {font-size: 1.0625rem; font-weight: 700; color: #212529; margin-bottom: 5px;}
.rss_reader dd .btn {margin-left: 10px;}
.rss_reader dd .btn:hover {text-decoration: underline;}
.rss_reader .rss-btn {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); padding: 12px 14px 11px;}
.rss_reader .rss-btn:hover {text-decoration: underline;}
.rss_reader .rss-btn .icon-pdf {background: url("../images/common/icon_ipdf.gif") 0 0 no-repeat; display: block; width: 17px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.rss_conf {font-size: .9375rem; line-height: 1.5; border: 1px solid #dddddd; padding: 30px;}
.rss_conf::after {content: ""; clear: both; display: table;}
.rss_conf div {float: left; margin: 3px 20px 0 0;}
.rss_conf p {overflow: hidden;}

/* 배너달기 */
.banner_down .img {background-color: #f2f4f7; padding: 26px; margin-bottom: 40px;}
.banner_down .img:after {content: ""; clear: both; display: table;}
.banner_down .img li {padding: 14px; float: left; width: 50%;}
.banner_down .down {text-align: center; padding: 0; font-size: 0;}
.banner_down .down a {border: 1px solid #adb5bd; display: inline-block; min-width: 230px; padding: 15px; font-size: 15px; font-weight: 700; margin: 0 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-top: 35px; margin-top: 35px; border-top: 1px solid #dee2e6; font-weight: 500; color: #666; letter-spacing: -0.04em;}
.banner_info li:first-child {margin-top: 0;}
.banner_info li {margin-top: 10px;}

/* 개인정보처리방침 */
.privacy_box {padding: 25px; border: 1px solid #d5d9dc; line-height: 23px; font-size: 15px; color: #666;}
.privacy_box p {margin: 0;}
.privacy_box h5 {margin-top: 25px; margin-bottom: 10px; font-size: 1.125rem; font-weight: bold; color: #000;}
.privacy_box ol li {list-style-type: decimal; margin-left: 15px;}
.privacy_box ol li ul li strong {display: block;}
.privacy_box ol li ul li {margin-left: 15px;}
.privacy_box ul li {list-style-type: circle;}
.privacy_box .table_list {margin: 10px 0 15px;}
.privacy_box .table_list th,
.privacy_box .table_list td {padding: 5px; font-size: 14px; word-break: keep-all;}
.privacy_box a {color: #2971d4; font-weight: bold; letter-spacing: 0;}

/* 저작권정책 */
.copyright_box {font-size: 15px; color: #666;}
.copyright_box .info {position: relative; width: 100%; height: 126px; margin-bottom: 35px; display: table; font-size: 15px; color: #2d343c; font-weight: bold; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;}
.copyright_box .info:before {content: ''; display: block; width: 66px; height: 66px; background: url("../images/sub/copyright_title_icon.png") 0 0 no-repeat; position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
.copyright_box .info p {display: table-cell; vertical-align: middle; padding-left: 180px; padding-right: 30px; line-height: 24px; font-weight: bold;}
.copyright_box .kogl_info {margin-bottom: 25px;}
.copyright_box .kogl_info:after {content: ''; display: block; clear: both;}
.copyright_box .kogl_info .logo {float: right; margin-left: 10px;}
.copyright_box .kogl_info .text {overflow: hidden;}

/* 이메일수집거부 */
.email_reject_box {position: relative; padding: 45px 30px 45px 170px; background-color: #f2f4f7;}
.email_reject_box:before {content: ''; display: block; width: 91px; height: 90px; background: url("../images/sub/email_title_icon.png") 0 0 no-repeat; position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
.email_reject_box h3 {font-size: 1.375rem; color: #002157; font-weight: bold; margin-bottom: 15px;}
.email_reject_box p {font-size: 15px; color: #666; line-height: 24px;}

/* 운영자에게 */
.to_master_box {position: relative; background: #f2f4f7; font-size: 1rem; color: #666; line-height: 24px; padding: 45px 0 45px 168px;}
.to_master_box:before {content: ''; display: block; width: 90px; height: 95px; background: url("../images/sub/master_title_icon.png") 0 0 no-repeat; position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
.to_master_box a {color: #002157; text-decoration: underline; font-weight: normal;}

/**/
.ministry_info {position: relative; width: 100%; height: 174px; background-color: #ebf2fa; display: table; margin-bottom: 30px; padding: 40px 40px 40px 180px;}
.ministry_info:before {content: ''; display: block; width: 75px; height: 104px; background: url('../images/sub/ministry_title_icon.png') 0 0/contain no-repeat; position: absolute; left: 60px; top: 50%; transform: translateY(-50%);}
.ministry_info div {font-size: 15px; display: table-cell; vertical-align: middle; padding-left: 189px; line-height: 24px;}
.ministry_info div h2 {font-size: 1.375rem; color: #0667c5; font-weight: bold; margin-bottom: 20px;}

/* 맞춤정책뉴스 */
.custom_news_info {position: relative; border: 7px solid #f0f0f0; padding: 33px 40px 32px 36px; margin: 6px 0 50px 0;}
.custom_news_info:after {content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 176px; background-image: url('../images/sub/custom_news_info_bg.png'); background-repeat: no-repeat; background-position: right 25px top;}
.custom_news_info p {font-weight: 400; color: #4c4c4c; font-size: 16px; letter-spacing: -0.05em; margin-top: 16px;}
.custom_news_info p b {font-weight: 500; color: #181818;}

.custom_news_select {display: flex; justify-content: center; font-family: "Pretendard"; font-size: 26px; font-weight: 700; color: #212529; margin-bottom: 20px;}
.custom_news_select .select {position: relative; margin-right: 25px;}
.custom_news_select .select > button {position: relative; color: #ed1f23;}
.custom_news_select .select > button:after {content: '\e936'; font-family: "xeicon"; font-size: 22px; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); transition: all 0.3s;}
.custom_news_select .select ul {position: absolute; left: 50%; transform: translateX(-49%); display: none; font-size: 18px; font-weight: 500; background-color: #fff; padding:15px; border-radius:8px; box-shadow: 0px 4px 10px rgb(0 0 0 / 1%); margin-top: 15px; z-index: 2; border: 1px solid #d7dce1;}
.custom_news_select .select ul:before {content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); display: inline-block; width: 0; height: 0; border-bottom: 8px solid #d7dce1; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.custom_news_select .select ul:after {content: ''; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); display: inline-block; width: 0; height: 0; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.custom_news_select .select ul li button {white-space: nowrap; text-align: left; width: 100%; padding: 10px 15px 10px 20px; position: relative;}
.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: 20px; display: inline-block; color: #fff; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); transition: all 0.2s;}
.custom_news_select .select ul li button:hover span {color: #ed1f23; font-weight: 600;}
.custom_news_select .select ul li button:hover span:before {color: #ed1f23; font-weight: bold;}
.custom_news_select .select.is-open > button:after {content: '\e930';}
.custom_news_tab {width: 100%; margin-bottom: 23px; display: none;}
.custom_news_tab.active {display: block;}
.custom_news_tab ul {display: flex; align-items: center; justify-content: center;}
.custom_news_tab ul li {}
.custom_news_tab ul li button {font-size: 16px; line-height: 1; font-weight: 400; color: #666; border: 1px solid #fff; border-radius:42px; padding: 8px 13px; white-space: nowrap;}
.custom_news_tab ul li.active button {font-weight: 500; background-color: #fff; border: 2px solid #202529; box-shadow: 0px 4px 8px rgb(0 0 0 / 5%); color: #000;}
.custom_news_sch {display: flex; justify-content: center; margin-bottom: 26px;}
.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: 591px; height: 44px; padding: 0 15px;}
.custom_news_sch .sch { background-color: #424242; color: #fff; width: 95px; height: 44px; 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: "\e97a"; font-family: "xeicon"; font-size: 23px; display: inline-block; color: #fff; margin-right: 5px;}
.custom_news_sch + .sch_brief {margin-bottom: 15px;}
.custom_news_list {}
.custom_news_list ul {display: flex; flex-wrap: wrap; margin: 0 -11px;}
.custom_news_list ul li {width: calc(100% / 3); padding: 15px 11px;}
.custom_news_list ul li a {position: relative; width: 250px; border-radius: 10px; box-shadow: 0 4px 10px rgb(0 0 0 / 2%); border: 1px solid #e6e6e6; }
.custom_news_list .thumb {width: 100%; height: 155px; border-radius: 10px 10px 0 0;}
.custom_news_list .thumb img {object-position: top;}
.custom_news_list .text {display: block;  background-color: #fff; padding: 30px 20px 20px 20px; border-radius:10px; height: 273px;}
.custom_news_list .text strong {display: block; font-size: 16px; font-weight: 500; line-height: 21px; color: #212529; max-height: 42px; overflow: hidden;}
.custom_news_list .text span {font-size: 14px; line-height: 20px; font-weight: 400; color: #707070; max-height: 182px; margin-top: 7px; overflow: hidden;}
.custom_news_list .text span.ehg {max-height: 200px;}
.custom_news_list .text em {position: absolute; top: -8px; left: 0; background-color: #495058; font-family: "Pretendard"; font-size: 13px; font-weight: 700; color: #fff; padding: 5px 8.5px; border-radius: 7px 7px 7px 0; line-height: 1; z-index: 2;}
.custom_news_list .thumb + .text {height: 118px; padding: 13px 17px; border-top: none; border-radius: 0 0 10px 10px;}
.custom_news_list .thumb + .text span {max-height: 40px;}
.custom_news_list .thumb + .text span.ehg {max-height: 90px;}
.custom_news_list ul li.no_data {padding:0; width: 100% !important; display: flex; align-items: center; justify-content: center; border-bottom: none;}