@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: 34px; 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;}

.custom_select + .btn {padding: 3px 14px; height: 34px; border-color: #7f7f7f; margin-left: 5px;}

.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: 2px dotted #1974dd; outline-offset: 2px; transition: all 0s !important;}

/* ========== 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: #212529; 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; display: flex; align-items: center;}
.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 ul {display: table-cell; font-size: 0;}
.hbox .rb ul li {display: inline-block; margin-left: 4px;}
.hbox .rb ul i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.hbox .rb ul 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;}
.hbox .rb ul a:focus {z-index: 2; transition: all .2s !important;}
.hbox .rb ul .app_g {background-position: -288px 0;}
.hbox .rb ul .app_a {background-position: -320px 0;}
.hbox .rb ul .app_o {background-position: -352px 0;}
.hbox .rb ul .fb {background-position: 0 0;}
.hbox .rb ul .tw {background-position: -32px 0;}
.hbox .rb ul .nbg {background-position: -64px 0;}
.hbox .rb ul .yt {background-position: -96px 0;}
.hbox .rb ul .ig {background-position: -128px 0;}
.hbox .rb ul .npt {background-position: -160px 0;}
.hbox .rb ul .nbd {background-position: -192px 0;}
.hbox .rb ul .kkc {background-position: -224px 0;}
.hbox .rb ul .kks {background-position: -256px 0;}
.hbox .rb ul a:hover.app_g, .hbox .rb ul a:focus.app_g {background-position: -288px -32px;}
.hbox .rb ul a:hover.app_a, .hbox .rb ul a:focus.app_a {background-position: -320px -32px;}
.hbox .rb ul a:hover.app_o, .hbox .rb ul a:focus.app_o {background-position: -352px -32px;}
.hbox .rb ul a:hover.fb, .hbox .rb ul a:focus.fb {background-position: 0 -32px;}
.hbox .rb ul a:hover.tw, .hbox .rb ul a:focus.tw {background-position: -32px -32px;}
.hbox .rb ul a:hover.nbg, .hbox .rb ul a:focus.nbg {background-position: -64px -32px;}
.hbox .rb ul a:hover.yt, .hbox .rb ul a:focus.yt {background-position: -96px -32px;}
.hbox .rb ul a:hover.ig, .hbox .rb ul a:focus.ig {background-position: -128px -32px;}
.hbox .rb ul a:hover.npt, .hbox .rb ul a:focus.npt {background-position: -160px -32px;}
.hbox .rb ul a:hover.nbd, .hbox .rb ul a:focus.nbd {background-position: -192px -32px;}
.hbox .rb ul a:hover.kkc, .hbox .rb ul a:focus.kkc {background-position: -224px -32px;}
.hbox .rb ul a:hover.kks, .hbox .rb ul a:focus.kks {background-position: -256px -32px;}

.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: -22px 20px -30px 0;}
.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; width: 100%; height: auto;}
.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; z-index: 2;}
.sch_post .sch.st1 {padding: 19px 19px 19px 25px;}
.sch_post .sch.active {background-color: #fff !important;}
.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: 44px; border: 0; padding: 0 15px; border: 1px solid #cfcfcf;}
.sch_post .input_keyword::placeholder {color: #757575;}
.sch_post .custom_select + label + .input_keyword {width: calc(100% - 95px);}
.sch_post .custom_select.letter_n4 + label + .input_keyword {width: calc(100% - 210px);}
.sch_post .custom_select.letter_n4 {width: 115px;}
.sch_post .custom_select.audio+ label + .input_keyword {width: calc(100% - 195px);}
.sch_post .custom_select.audio {width: 180px; border: 1px solid #cfcfcf; margin-right: 10px;}

.sch_post .btn_search {background-color: #fff; color: #000; width: 100px; height: 44px; font-size: 16px; font-weight:400; position: absolute; right: -105px; top: 0; border-radius: 2px; padding: 5px; border: 1px solid #adb5bd; transition: all 0.2s;}
.sch_post .btn_search span:before {content: "\e97a"; font-family: "xeicon"; font-size: 23px; display: inline-block; color: #000; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; transition: all 0.2s;}
.sch_post .btn_search:hover {background-color: #1974dd; color: #fff; border: 1px solid #1974dd;}
.sch_post .btn_search:hover span:before {color: #fff;}
.sch_post .detail_sch {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 149px; height: 44px; color: #000;}
.sch_post .detail_sch:focus {outline-offset: -6px;}
.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: block;}

.sch_post .tab_nav {display: flex; width: 100%; background-color: #f2f4f7;}
.sch_post .tab_nav > li {position: relative; flex: 1;}
.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; transition: all 0.3s;}
.sch_post .tab_nav > li .btn:focus {outline-offset: -6px;}
.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.ico: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.ico:after {content: "\e945"; color: #212529;}

.sch_post .tab_cont_wrap:after {content: ""; clear: both; display: table;}
.sch_post .tab_cont_wrap .cont {display: none;}
.sch_post .tab_cont_wrap .cont:first-child {display: block;}
.sch_post .tab_cont_wrap .sort_wrap {padding: 25px 25px; display: flex;}
.sch_post .tab_cont_wrap .sort_wrap .sort {margin: 0 5px; flex: 1;}
.sch_post .tab_cont_wrap .sort_wrap .sort button {position: relative; width: 100%; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.05em; text-align: left; background-color: #f2f2f2; height: 41px; border: 1px solid #d1d1d1; padding-left: 15px; z-index: 3;}
.sch_post .tab_cont_wrap .sort_wrap .sort button span {border: 1px solid #d7d7d7; width: 20px; height: 20px; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); background: #fff; z-index: 2; overflow: hidden;}
.sch_post .tab_cont_wrap .sort_wrap .sort button span:before,
.sch_post .tab_cont_wrap .sort_wrap .sort button span:after {content: ""; display: block; background-color: #adadad; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.sch_post .tab_cont_wrap .sort_wrap .sort button span:before {width: 2px; height: 10px;}
.sch_post .tab_cont_wrap .sort_wrap .sort button span:after {width: 10px; height: 2px;}
.sch_post .tab_cont_wrap .sort_wrap .sort button span i {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.sch_post .tab_cont_wrap .sort_wrap .sort button.close span:before {opacity: 0;}

.sch_post .tab_cont_wrap .sort_wrap .sort .custom-input {font-size: 15px;}
.sch_post .tab_cont_wrap .sort_wrap .sort .custom-input input[type="checkbox"] + label {display: block;}
.sch_post .tab_cont_wrap .sort_wrap .sort .custom-input input[type="checkbox"] + label:before {top: -1px;}
.sch_post .tab_cont_wrap .sort_wrap .sort .custom-input input[type="checkbox"] + label:after {top: -3px;}
.sch_post .tab_cont_wrap .sort_wrap .sort .bx {position: relative; border: 1px solid #dddddd; border-top: none; width: 100%; height: 210px; padding: 10px 15px 0 15px; overflow-y: auto; background-color: #fff; display: none;}
.sch_post .tab_cont_wrap .sort_wrap .sort .bx ul {margin-bottom: 10px;}
.sch_post .tab_cont_wrap .sort_wrap .sort .bx li {padding: 4px 0;}

.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: 20px; 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: 104px; top: 11px; font-size: 15px; letter-spacing: -0.05em; border-radius: 36px; background-color: #fff; border: 1px solid #adb5bd; line-height: 36px; width: 100px; transition: all 0.2s;}
.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%); transition: all 0.2s;}
.sch_post .select_opt .restart:hover {background-color: #1974dd; border: 1px solid #1974dd; color: #fff;}
.sch_post .select_opt .restart:hover span:before {color: #fff;}
.sch_post .select_opt .app {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; padding: 0 20px; color: #000; transition: all 0.2s;}
.sch_post .select_opt .app:hover {background-color: #1974dd; border: 1px solid #1974dd; 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.expert .sch_tab {display: block;}
.sch_post.expert .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.expert .tab_nav > li.active .btn:after {content: "\e945"; color: #212529;}
.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: #85919d; 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_post.sea {border-top: 1px solid #adb5bd;}
.sch_post.sea .sch {background-color: #f9fafc;}
.sch_post.sea .sch_tab {display: none !important;}
.sch_post.sea .sch_tab.active {display: block !important;}
.sch_post.sea .tab_cont_wrap .cont {padding: 0 20px 0 26px;}
.sch_post.sea .tab_cont_wrap .cont ul {margin: 25px 0 5px 0;}
.sch_post.sea .tab_cont_wrap .cont ul:after {content: ""; clear: both; display: table;}
.sch_post.sea .tab_cont_wrap .cont ul li {float: left; width: 25%; height: 40px; margin: -1px 0 0 -1px;}
.sch_post.sea .tab_cont_wrap .cont ul li span {display: block;}
.sch_post.sea .tab_cont_wrap .cont h3 {color: #1974dd;}
.sch_post.sea .tab_cont_wrap .cont .ul_wrap {margin: 25px 0 0 0;}
.sch_post.sea .tab_cont_wrap .cont h3 + ul {margin-top: 10px;}
.sch_post.sea .tab_cont_wrap .cont h3.sr-only + ul {margin-top: 25px;}

.tabs_common.sea + .sea {margin-top: -10px;}

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

.article_head .list_type.actually {background: linear-gradient(to right, #251b5e 0%, #1c1448 99%); padding-bottom: 0; border: none; padding: 30px; border-radius: 15px; min-height: 215px;}
.article_head .list_type.actually .text strong {color: #fff;}
.article_head .list_type.actually .text .lead {color: #fff;}
.article_head .list_type.actually .text .source {color: #fff; opacity: 0.65;}
.article_head .list_type.actually .lst_col2 li ~ li:after {opacity: 0.35;}

.card_ico {padding: 0; margin: 0; margin-right: 8px; position: relative; top: -3px; vertical-align: middle;}
.card_ico i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.card_ico:after {content: ''; display: inline-block; width: 21px; height: 15px; background: url("../images/common/ico_card.svg") no-repeat center center;}

/* ================================== 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_lst {margin-bottom: -30px;}
.column_lst ul {display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -25px;}
.column_lst ul li {margin: 0 25px 37px 25px; position: relative;}
.column_lst ul li a {display: block;}
.column_lst ul li .cwrap {width: 230px; display: flex; flex-direction: column;}
.column_lst ul li .sort {position: relative; top: 0; font-size: 20px; color: #181818; letter-spacing: -0.025em; font-family: 'Pretendard'; font-weight: 700; padding-left: 15px;}
.column_lst ul li .sort:before {content: ''; width: 8px; height: 8px; background-color: #181818; display: inline-block; position: absolute; left: 0; top: 7px;}
.column_lst ul li .thumb {width: 100%; height: 252px; margin-top: 10px;}
.column_lst ul li .thumb img {object-position: top;}
.column_lst ul li .text {margin-top: 7px;}
.column_lst ul li .text strong {font-size: 20px; font-weight: 700; color: #333; display: block;}
.column_lst ul li .text span {font-size: 16px; font-weight: 500; color: #757575; word-break: keep-all; margin-top: 5px; line-height: 22px; min-height: 44px;}
.column_lst ul li.cl_col .sort {opacity: 0; width: 1px; overflow: hidden; white-space: nowrap;}
.column_lst ul li.cl_col.first .sort {width: 510px; height: auto; opacity: 1; white-space: normal;}

/* ================================== 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.audio {width: 150px; height: 142px; border: none;}
.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 .thumb.audio + .text {width: calc(100% - 150px);}
.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:54px; 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 .text .sort {display: block; font-weight:700; font-size: 16px; letter-spacing: -0.02em; color: #1974dd;margin-bottom: 5px;}

/*기고칼럼*/
.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: 64px;}
.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.tb th ~ th, .table_list.tb td ~ td {border-left: 1px solid #dee2e6;}
.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;}
.table_list.multiline td.subject a {white-space: normal; max-height: 44px; line-height: 21px;}
.table_list.multiline td {word-break: keep-all;}
.table_list.multiline td:nth-child(2) {text-align: left; word-break:normal}

/* 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:500; color: #e61e22; margin-bottom: 5px; display: block;}
.area_contents .article_head .head.black {color: #333;}
.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% - 220px);}
.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; margin-left: auto; text-align: right; display: flex; align-items: center;}
.area_contents .article_head .tool > button, .area_contents .article_head .tool a {position: relative; 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 {display: flex; align-items: center; font-size: 14px; font-weight: 500; border: 1px solid #a9a9a9; border-radius: 32px; color: #757575; letter-spacing: -0.05em; padding: 0 10px 0 8px; height: 26px; margin: 0 6px;}
.area_contents .article_head .tool .tts:before {background-position: 0 0; margin-right: 5px;}
.area_contents .article_head .tool .tts.active:before {background:url("../images/common/ico_tts_on.gif") 1px 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;}

.area_contents .article_head .tool .font_size > button span,
.area_contents .article_head .tool .print span,
.area_contents .article_head .tool .lst span {overflow: visible !important; color: transparent; width: 100% !important; left: 0 !important; top: 0 !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important;}
.area_contents .article_head .tool .font_size > button span:before,
.area_contents .article_head .tool .print span:before,
.area_contents .article_head .tool .lst span:before {font-size: 12px; border-radius: 15px; background-color: #333941; height: 20px; line-height: 20px; position: absolute; top: -23px; left: 50%; transform: translateX(-50%); font-size: 12px; color: #fff; display: inline-block; transition: all 0.2s; opacity: 0; visibility: hidden; text-align: center; z-index: 2;}
.area_contents .article_head .tool .font_size > button span:after,
.area_contents .article_head .tool .print span:after,
.area_contents .article_head .tool .lst span:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -3px; transform: translateX(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #333941; transition: all 0.2s; opacity: 0; visibility: hidden;}
.area_contents .article_head .tool .font_size > button span:before {content: '글자크기 설정'; width: 85px;}
.area_contents .article_head .tool .print span:before {content: '인쇄'; width: 50px;}
.area_contents .article_head .tool .lst span:before {content: '목록'; width: 50px;}
.area_contents .article_head .tool .font_size > button:hover span:before,
.area_contents .article_head .tool .print:hover span:before,
.area_contents .article_head .tool .lst:hover span:before,
.area_contents .article_head .tool .font_size > button:hover span:after,
.area_contents .article_head .tool .print:hover span:after,
.area_contents .article_head .tool .lst:hover span:after {opacity: 1 !important; visibility: visible !important;}

.area_contents .article_head .tool .font_size {position: relative; display: inline-block; margin: 0 6px;}
.area_contents .article_head .tool .font_size > button {position: relative; width: 30px; height: 30px; line-height: 0; position: relative; display: flex; align-items: baseline; padding: 5px 0 0 0;}
.area_contents .article_head .tool .font_size > button:before,
.area_contents .article_head .tool .font_size > button:after {content: '가'; font-weight: 700; line-height: 1; color: #666;}
.area_contents .article_head .tool .font_size > button:before {font-size: 13px;}
.area_contents .article_head .tool .font_size > button:after {font-size: 20px;}
.area_contents .article_head .tool .font_size > button span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.area_contents .article_head .tool .font_size > .size_lst {position: absolute; left: 50%; top: 40px; transform: translateX(-50%); background: red; font-size: 13px; padding: 25px 25px 20px 25px; border: 1px solid #dee2e6; border-radius: 5px; background-color: #fff; box-shadow: 0px 0px 10px rgb(5 5 6 / 8%); z-index: 5; display: none;}
.area_contents .article_head .tool .font_size > .size_lst > b {font-size: 14px; letter-spacing: -0.02em; color: #333; font-weight: 500; display: block; text-align: left; margin-bottom: 20px;}
.area_contents .article_head .tool .font_size > .size_lst ul {display: flex; margin: 0 -12px;}
.area_contents .article_head .tool .font_size > .size_lst ul li {margin: 0 12px;}
.area_contents .article_head .tool .font_size > .size_lst ul li button {position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 25px;}
.area_contents .article_head .tool .font_size > .size_lst ul li button:before {content: ''; display: inline-block; width: 38px; height: 38px; border: 1px solid #dbdbdb;}
.area_contents .article_head .tool .font_size > .size_lst ul li button:after {content: '가'; width: 38px; height: 38px; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; color: #757575; font-weight: 400;}
.area_contents .article_head .tool .font_size > .size_lst ul li:nth-child(1) button:after {font-size: 18px;}
.area_contents .article_head .tool .font_size > .size_lst ul li:nth-child(2) button:after {font-size: 20px;}
.area_contents .article_head .tool .font_size > .size_lst ul li:nth-child(3) button:after {font-size: 23px;}
.area_contents .article_head .tool .font_size > .size_lst ul li:nth-child(4) button:after {font-size: 24px;}
.area_contents .article_head .tool .font_size > .size_lst ul li:nth-child(5) button:after {font-size: 25px;}
.area_contents .article_head .tool .font_size > .size_lst ul li button span {position: absolute; bottom: 0; color: #757575; font-size: 14px;}
.area_contents .article_head .tool .font_size > .size_lst ul li.active button:after {color: #fff;}
.area_contents .article_head .tool .font_size > .size_lst ul li.active button:before {border: 1px solid #333; background-color: #333; color: #fff;}
.area_contents .article_head .tool .font_size > .size_lst ul li.active button span {text-decoration: underline; text-underline-position: under; color: #2f2f2f; font-weight: 500;}
.area_contents .article_head .tool .font_size > .size_lst .close {position: absolute; right: 15px; top: 19px;}
.area_contents .article_head .tool .font_size > .size_lst .close .xe-icon:before {content: '\e921'; font-size: 20px; color: #333;}
.area_contents .article_head .tool .font_size > .size_lst .close span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 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 ul.slides {display: flex; align-items: center;}
.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 img {transition: all .0s; object-fit:unset; width: auto !important; margin: 0 auto;}
.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: 17px; height: 17px; font-size: 0; background-color: #333;}
.law_copy_wrap .law_copy .tooltip .close:before {content: '\e922'; font-family: "xeicon"; font-size: 17px; 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; z-index: 1;}
.tabs_common ul {position: relative; display: table; table-layout: fixed; width: 100%; height: 100%; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 2px solid #495057;}
.tabs_common li {display: table-cell; text-align: center; border-top: 1px solid #dee2e6; z-index: 1;}
.tabs_common li > a,
.tabs_common li button {position: relative; display: block; padding: 20px 0; z-index: 1; width: 100%; height: 100%;}
.tabs_common li > a:focus,
.tabs_common li button:focus {outline: 0; outline-offset: 0;}
.tabs_common li > a:focus:after,
.tabs_common li button:focus:after {outline-offset: -5px; outline: 2px dotted #1974dd;}
.tabs_common li > a:focus:not(:focus-visible), .tabs_common li > a:focus:not(:focus-visible):after {outline:0;}
.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: 1px solid #dee2e6; border-bottom: 2px solid #495057; background-color: #fff; 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,
.tabs_common li.active button {z-index: 2;}
.tabs_common li.active > a:after,
.tabs_common li.active button:after {border: 2px solid #495057; border-bottom: none;}
.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;}

.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: -96px 0; width: 29px;}
.tabs_common.ebook li:nth-child(3) a:before {background-position: -32px 0;}
.tabs_common.ebook li:nth-child(4) 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: -96px -32px;}
.tabs_common.ebook li.active:nth-child(3) a:before {background-position: -32px -32px;}
.tabs_common.ebook li.active:nth-child(4) a:before {background-position: -64px -32px;}
.tabs_common.ebook + .sch_brief {border-bottom:none; margin-bottom: 0;}

/* 국민이 말하는 정책 */
.tabs_common.reporter li a:before {width: 32px; height: 32px; display: inline-block; background-image: url('../images/sub/icon_reporter.png');}
.tabs_common.reporter li:nth-child(1) a:before {background-position: 0 0;}
.tabs_common.reporter li:nth-child(2) a:before {background-position: -32px 0;}
.tabs_common.reporter li:nth-child(3) a:before {background-position: -64px 0;}
.tabs_common.reporter li.active:nth-child(1) a:before {background-position: 0 -32px;}
.tabs_common.reporter li.active:nth-child(2) a:before {background-position: -32px -32px;}
.tabs_common.reporter li.active:nth-child(3) a:before {background-position: -64px -32px;}

/* RSS서비스, 행정부처 */
.tabs_common_focus {position: relative; margin-bottom: 25px;}
.tabs_common_focus ul {position: relative; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 2px solid #495057; display: table; table-layout: fixed; width: 100%;}
.tabs_common_focus li {display: table-cell; border-top: 1px solid #dee2e6; text-align: center; z-index: 1;}
.tabs_common_focus li button {position: relative; display: block; padding: 20px 0; z-index: 1; width: 100%;}
.tabs_common_focus li button:focus {outline: 0; outline-offset: 0;}
.tabs_common_focus li button:focus:after {outline-offset: -5px; outline: 2px dotted #1974dd;}
.tabs_common_focus li button:before {content: ''; position: relative; display: none; z-index: 3; margin-bottom: 5px;}
.tabs_common_focus li button:after {content: ''; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -2px; border: 1px solid #dee2e6; border-bottom: 2px solid #495057; background-color: #fff; z-index: 2; transition: opacity 0.3s;}
.tabs_common_focus li button span {position: relative; color: #707070; font-size: 1rem; z-index: 3; display: block;}
.tabs_common_focus li.active button {z-index: 2;}
.tabs_common_focus li.active button:after {border: 2px solid #495057; border-bottom: none;}
.tabs_common_focus 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;}
.tabs_common_focus li .list {display: none; position: absolute; top: 87px; left: 0; right: 0;}
.tabs_common_focus li.active:first-child .list {display: block;}
.tabs_common_focus li.active .list {display: block;}

/* ================================== 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; justify-content: space-between;}
.eb_weekly_list > div {position: relative;}
.eb_weekly_list > div:nth-child(1) .more {right: 45px;}
.eb_weekly_list > div h2 {padding: 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 .custom_select select {height: 40px;}
.gov_ebook .paper_select .year_first i,
.gov_ebook .paper_select .year_last i {font-weight:bold; color: #757575;}
.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: 8px 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 strong {font-size: 16px; color: #595959; font-weight:400; display: table-cell; vertical-align: middle;}
.channel_box .link ul {display: flex; flex-wrap: wrap; width: 100%;}
.channel_box .link ul li {display: inline-block; padding: 15px 15px 0 0; width: calc(100% / 5);}
.channel_box .link.col3 ul li {width: calc(100% / 3);}
.channel_box .link i {display: inline-block; font-size: 15px; margin-left: 5px; color: #737373;}
.channel_box .link a {display: flex; align-items: center;}
.channel_box .link a:before {content: ''; display: inline-block; position: relative; width: 32px; height: 32px; line-height: 32px; background: url("../images/sub/channel_icon_sns2.png"); background-repeat: no-repeat; background-size: 448px auto; transition: all .2s;}
.channel_box .link a:focus {z-index: 2;}
.channel_box .link .app_g:before {background-position: -288px 0;}
.channel_box .link .app_a:before {background-position: -320px 0;}
.channel_box .link .app_o:before {background-position: -352px 0;}
.channel_box .link .fb:before {background-position: 0 0;}
.channel_box .link .tw:before {background-position: -32px 0;}
.channel_box .link .nbg:before {background-position: -64px 0;}
.channel_box .link .yt:before {background-position: -96px 0;}
.channel_box .link .ig:before {background-position: -128px 0;}
.channel_box .link .npt:before {background-position: -160px 0;}
.channel_box .link .nbd:before {background-position: -192px 0;}
.channel_box .link .kkc:before {background-position: -224px 0;}
.channel_box .link .kks:before {background-position: -256px 0;}
.channel_box .link .nv:before {background-position: -383px 0;}
.channel_box .link .da:before {background-position: -416px 0;}
.channel_box .link a:hover {text-decoration: underline; text-underline-position: under;}
.channel_box .link a:hover.app_g:before, .channel_box .link a:focus.app_g:before {background-position: -288px -32px;}
.channel_box .link a:hover.app_a:before, .channel_box .link a:focus.app_a:before {background-position: -320px -32px;}
.channel_box .link a:hover.app_o:before, .channel_box .link a:focus.app_o:before {background-position: -352px -32px;}
.channel_box .link a:hover.fb:before, .channel_box .link a:focus.fb:before {background-position: 0 -32px;}
.channel_box .link a:hover.tw:before, .channel_box .link a:focus.tw:before {background-position: -32px -32px;}
.channel_box .link a:hover.nbg:before, .channel_box .link a:focus.nbg:before {background-position: -64px -32px;}
.channel_box .link a:hover.yt:before, .channel_box .link a:focus.yt:before {background-position: -96px -32px;}
.channel_box .link a:hover.ig:before, .channel_box .link a:focus.ig:before {background-position: -128px -32px;}
.channel_box .link a:hover.npt:before, .channel_box .link a:focus.npt:before {background-position: -160px -32px;}
.channel_box .link a:hover.nbd:before, .channel_box .link a:focus.nbd:before {background-position: -192px -32px;}
.channel_box .link a:hover.kkc:before, .channel_box .link a:focus.kkc:before {background-position: -224px -32px;}
.channel_box .link a:hover.kks:before, .channel_box .link a:focus.kks:before {background-position: -256px -32px;}
.channel_box .link a:hover.nv:before, .channel_box .link a:focus.nv:before {background-position: -383px -32px;}
.channel_box .link a:hover.da:before, .channel_box .link a:focus.da:before {background-position: -416px -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 {position: relative; margin-top: 38px;}
.channel_box .video_lst .slide { margin: -5px; padding: 5px 5px; overflow: hidden;}
.channel_box .video_lst ul {display: flex;}
.channel_box .video_lst ul li {}
.channel_box .video_lst .video:focus {outline: 2px dotted #1974dd; outline-offset: 2px;}
.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 .control {display: flex; justify-content: center; margin-top: 10px;}
.channel_box .video_lst .control .swiper-pagination-bullet {position: relative; width: 20px; height: 32px; background: none; opacity: 1; border-radius: 2px;}
.channel_box .video_lst .control .swiper-pagination-bullet:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #8a8a8a; width: 10px; height: 10px; box-sizing: border-box; font-size: 0; line-height: 0; border-radius: 10px; transition: all 0.3s; opacity: 1;}
.channel_box .video_lst .control .swiper-pagination-bullet span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.channel_box .video_lst .control .swiper-pagination-bullet-active {opacity: 1;}
.channel_box .video_lst .control .swiper-pagination-bullet-active:before {background-color: #333; width: 20px;}
.channel_box .video_lst .slide.disabled {overflow: visible;}
.channel_box .video_lst .slide.disabled ul {transform: translate3d(0px, 0, 0) !important; justify-content: center;}
.channel_box .video_lst .slide.disabled ul > li {margin: 0 12px !important;}
.channel_box .video_lst .slide.disabled ul > li.swiper-slide-duplicate {display: none !important;}

.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 {}
.channel_box .govsns_box > .tab:after {content: ''; display: block; position: absolute; left: 0; top: 59px; right: 0; height: 1px; background-color: #ccc;}
.channel_box .govsns_box > .tab > ul {position: relative; display: table; table-layout: fixed; width: 100%; padding-right: 32px;}
.channel_box .govsns_box > .tab > ul > li {display: table-cell; width: 25%;}
.channel_box .govsns_box > .tab > ul > li ~ li > button:before {content: ''; width: 1px; height: 14px; background-color: #d9d9d9; position: absolute; left: 0; top: 50%;  transform: translatey(-50%);}
.channel_box .govsns_box > .tab > ul > li > button {position: relative; padding: 18px 0; width: 100%; font-weight:500; letter-spacing: -0.05em; transition:all 0.2s; text-align: center; z-index: 2;}
.channel_box .govsns_box > .tab > ul > 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 > ul > li > button:focus {outline-offset: 1px;}
.channel_box .govsns_box > .tab > ul > li.fb.active > button {color: #2f549e;}
.channel_box .govsns_box > .tab > ul > li.fb.active > button:after {background-color: #2f549e;}
.channel_box .govsns_box > .tab > ul > li.tw.active > button {color: #1573d6;}
.channel_box .govsns_box > .tab > ul > li.tw.active > button:after {background-color: #1573d6;}
.channel_box .govsns_box > .tab > ul > li.nbg.active > button {color: #117321;}
.channel_box .govsns_box > .tab > ul > li.nbg.active > button:after {background-color: #117321;}
.channel_box .govsns_box > .tab > ul > li.yt.active > button {color: #a61e22;}
.channel_box .govsns_box > .tab > ul > li.yt.active > button:after {background-color: #a61e22;}
.channel_box .govsns_box > .tab > ul > li.ig.active > button {color: #6f2699;}
.channel_box .govsns_box > .tab > ul > li.ig.active > button:after {background-color: #6f2699;}
.channel_box .govsns_box > .tab > ul > li .list {position: absolute; left: 0; right: 0; display: none;}
.channel_box .govsns_box > .tab > ul > li.active .list {display: block;}
.channel_box .govsns_box > .tab > ul > li .list .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 > ul > li .list .sns_tit i {position: relative; padding-left: 20px; font-weight:500; letter-spacing: -0.05em;}
.channel_box .govsns_box > .tab > ul > li .list .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 > ul > li .list .sns_lst {margin: 19px -9px 0 -9px;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst:after {content: ""; clear: both; display: table;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst .lst {float: left; width: 252px; line-height: 0; margin: 0 9px;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst .lst a {position: relative; display: block;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst .lst a .thumb {width: 252px; height: 252px;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst .lst a .thumb img {object-fit: cover; object-position: top;}
.channel_box .govsns_box > .tab > ul > li .list .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 > ul > li .list .sns_lst .lst a .text {height: 252px; padding: 30px 20px; z-index: 2; width: 100%;}
.channel_box .govsns_box > .tab > ul > li .list .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 > ul > li .list .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; display: block; width: 100%;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst .lst a .thumb + .text {position: absolute; left: 0; bottom: 0; color: #fff; height: auto; padding: 20px;}
.channel_box .govsns_box > .tab > ul > li .list .sns_lst .lst a .thumb + .text strong {display: none;}
.channel_box .govsns_box > .tab > ul > li .list .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 > ul > li.fb .list .sns_tit i {color: #2f549e;}
.channel_box .govsns_box > .tab > ul > li.fb .list .sns_tit i:before {background-position: 0 0;}
.channel_box .govsns_box > .tab > ul > li.fb .list .sns_lst .lst a {background-color: #e7eefa;}
.channel_box .govsns_box > .tab > ul > li.tw .list .sns_tit i {color: #2f549e;}
.channel_box .govsns_box > .tab > ul > li.tw .list .sns_tit i:before {background-position: 0 0;}
.channel_box .govsns_box > .tab > ul > li.tw .list .sns_lst .lst a {background-color: #e7eefa;}
.channel_box .govsns_box > .tab > ul > li.nbg .list .sns_tit i {color: #117321; padding-left: 25px;}
.channel_box .govsns_box > .tab > ul > li.nbg .list .sns_tit i:before {background-position: -40px 0;}
.channel_box .govsns_box > .tab > ul > li.nbg .list .sns_lst .lst a {background-color: #f0f7f1;}
.channel_box .govsns_box > .tab > ul > li.yt .list .sns_tit i {color: #a61e22; padding-left: 25px;}
.channel_box .govsns_box > .tab > ul > li.yt .list .sns_tit i:before {background-position: -60px 0;}
.channel_box .govsns_box > .tab > ul > li.yt .list .sns_lst .lst a {background-color: #fcf4f4;}
.channel_box .govsns_box > .tab > ul > li.ig .list .sns_tit i {color: #6f2699;}
.channel_box .govsns_box > .tab > ul > li.ig .list .sns_tit i:before {background-position: -80px 0;}
.channel_box .govsns_box > .tab > ul > li.ig .list .sns_lst .lst a {background-color: #efe9f5;}
.channel_box .govsns_box > .tab > ul > li .list > .intab {padding-right: 0; display: table; table-layout: fixed; width: 100%; height: 316px;}
.channel_box .govsns_box > .tab > ul > li .list > .intab:after {display: none;}
.channel_box .govsns_box > .tab > ul > li .list > .intab > li {display: table-cell; width: 50%; text-align: center;}
.channel_box .govsns_box > .tab > ul > li .list > .intab > li ~ li > button:before {content: ''; width: 1px; height: 18px; background-color: #ccc; position: absolute; left: 0; top: 50%;  transform: translatey(-50%);}
.channel_box .govsns_box > .tab > ul > li .list > .intab > li > button {position: relative; padding: 12px 0 11px 0; font-weight:400; font-size: 15px; letter-spacing: 0; width: 100%; height: 45px; color: #777; background-color: #f2f2f7; }
.channel_box .govsns_box > .tab > ul > li .list > .intab > li > button:focus {outline-offset: -3px;}
.channel_box .govsns_box > .tab > ul > li .list > .intab > li > button i {position: relative; padding-left: 20px; font-weight:400; letter-spacing: -0.05em; transition:all 0.2s;}
.channel_box .govsns_box > .tab > ul > li .list > .intab > 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 > ul > li .list > .intab > li > button:after {display: none;}
.channel_box .govsns_box > .tab > ul > li.tw .list > .intab > li > button i {padding-left: 25px;}
.channel_box .govsns_box > .tab > ul > li.tw .list > .intab > li > button i:before {background-position: -20px 0;}
.channel_box .govsns_box > .tab > ul > li.tw .list > .intab > li.active > button i {color: #0c69cc; font-weight:500;}
.channel_box .govsns_box > .tab > ul > li.tw .list > .intab > li.active > button i:before {background-position: -20px 0; opacity: 1;}
.channel_box .govsns_box > .tab > ul > li.tw .list > .intab .sns_lst {position: absolute; left: 0; right: 0; display: none;}
.channel_box .govsns_box > .tab > ul > li.tw .list > .intab li.active .sns_lst {display: block;}

.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_old {position: relative; background: url("../images/sub/quiz_visual.gif") center top no-repeat; height: 292px; padding: 0 10px 0 60px;}
.quiz_cont .quiz_head_old p {font-size: 1.0625rem; color: #f6e638; text-align: center; margin-top: 30px; display: inline-block;}
.quiz_cont .quiz_head_old p strong {color: #f6e638; font-size: 1.3125rem;}
.quiz_cont .quiz_head_old .title {margin-top: 20px;}
.quiz_cont .quiz_head_old .title img {max-width: 100%;}

.quiz_cont .quiz_head {position: relative; background: url("../images/sub/quiz_visual_240809_bg.jpg") center top no-repeat; height: 300px; padding: 0 10px 0 42px;}
.quiz_cont .quiz_head:after {content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: url("../images/sub/quiz_visual_240809_img.png") center top no-repeat;}
.quiz_cont .quiz_head p {font-family: 'Pretendard'; font-size: 20px; font-weight: 700; line-height: 1; letter-spacing: -0.02em; padding: 5px 23px; color: #000; text-align: center; margin-top: 44px; display: inline-block; background: linear-gradient(-71deg, rgba(106, 245, 195, 1) 0%, rgba(58, 183, 255, 1) 100%); border-radius:37px;}
.quiz_cont .quiz_head p span {display: flex; align-items: center;}
.quiz_cont .quiz_head p strong {color: #000; font-size: 26px; font-weight: 900; line-height: 1; letter-spacing: -0.02em; margin-right: 3px;}
.quiz_cont .quiz_head .title {margin-top: 40px;}
.quiz_cont .quiz_head .title img {max-width: 100%;}

.quiz_cont .quiz_body {margin-bottom: 40px;}
.quiz_cont .quiz_body .title {position: relative; display: flex; align-items: center;}
.quiz_cont .quiz_body .point {font-size: 15px; color: #333; font-weight:400; position: relative;  margin-left: 10px;}
.quiz_cont .quiz_body .point i {display: inline-block; font-size: 17px; color: #ef1f23; vertical-align: middle;}
.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 .quiz_text .quiz_textarea {border: 1px solid #c7d0dc; box-shadow: 0 5px 0 0 #f2f2f2; padding: 10px; margin-bottom: 10px;}
.quiz_cont .quiz_body .quiz_text .quiz_textarea textarea {width: 100%; height: 150px; border: 1px solid transparent;}
.quiz_cont .quiz_body .quiz_text ul + .quiz_textarea {margin-top: 20px;}
.quiz_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:focus {outline: 2px dotted #1974dd; outline-offset: 2px; transition: all 0s !important;}
.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: #7330d5; border: 1px solid #7330d5;}
.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: 80px; display: inline-block; letter-spacing: 0.025em;}
.newsletter_signin .ex_txt {padding-left: 80px; font-size: 14px; font-weight:400; display: inline-block;}

/* 뉴스레터 */
.article_body div + .title {margin-top: 43px;}
.article_body .title {position: relative; display: flex; align-items: center; margin-bottom: 20px;}
.article_body .title h2 {margin-bottom: 0;}
.article_body .title .point {margin-left: 10px;}
.article_body .point {font-size: 15px; color: #333; font-weight:400; position: relative;}
.article_body .point i {display: inline-block; font-size: 17px; color: #ef1f23; vertical-align: middle;}

.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; text-decoration: underline; text-underline-position: under;}
.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: 80px; height: 44px; margin-bottom: 5px;}
.newsletter_signin .signin dl dt label {line-height: 44px; font-weight:700;}
.newsletter_signin .signin dl dd {float: left; width: 275px; 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;}
.newsletter_banner {margin: -10px 0 30px 0;}

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: 95px; height: 35px; 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; text-decoration: underline; text-underline-position: under;}

/* 저작권정책 */
.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: #fff; color: #000; width: 95px; height: 44px; font-size: 16px; font-weight:400; border-radius: 2px; padding: 5px; margin-left: 4px; border: 1px solid #adb5bd; transition: all 0.2s;}
.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: #000; margin-right: 5px; transition: all 0.2s;}
.custom_news_sch .sch:hover { background-color: #424242; color: #fff; border: 1px solid #424242;}
.custom_news_sch .sch:hover span:before {color: #fff;}
.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;}


/* 해양 안전 정책정보 */
.tabs_common.sea {margin-bottom: 45px;}
.tabs_common.sea li {vertical-align: top;}
.tabs_common.sea li a {padding: 10px 0 8px 0;}
.tabs_common.sea li a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_sea_status.png');}
.tabs_common.sea li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.sea li:nth-child(1) a:before {background-position: 0 0;}
.tabs_common.sea li:nth-child(3) a:before {background-position: -30px 0;}
.tabs_common.sea li:nth-child(5) a:before {background-position: -60px 0; margin-left: 12px;}
.tabs_common.sea li:nth-child(6) a:before {background-position: -90px 0;}
.tabs_common.sea li:nth-child(7) a:before {background-position: -120px 0;}
.tabs_common.sea li:nth-child(2) a:before {background-position: -150px 0;}
.tabs_common.sea li:nth-child(8) a:before {background-position: -180px 0;}
.tabs_common.sea li:nth-child(4) a:before {background-position: -212px 0;}
.tabs_common.sea li.active:nth-child(1) a:before {background-position: 0 -28px;}
.tabs_common.sea li.active:nth-child(3) a:before {background-position: -30px -28px;}
.tabs_common.sea li.active:nth-child(5) a:before {background-position: -60px -28px;}
.tabs_common.sea li.active:nth-child(6) a:before {background-position: -90px -28px;}
.tabs_common.sea li.active:nth-child(7) a:before {background-position: -120px -28px;}
.tabs_common.sea li.active:nth-child(2) a:before {background-position: -150px -28px;}
.tabs_common.sea li.active:nth-child(8) a:before {background-position: -180px -28px;}
.tabs_common.sea li.active:nth-child(4) a:before {background-position: -212px -28px;}

.focus_sea_status {border: 1px solid #c0c0c0; font-family: 'Pretendard'; margin-bottom: 36px; margin-top: -25px;}
.focus_sea_status .tit {position: relative; width: 100%; padding: 20px; text-align: center;}
.focus_sea_status .tit strong {font-size: 20px; font-weight:800; color: #000; }
.focus_sea_status .tit strong i {font-size: 16px; font-weight:400;}
.focus_sea_status .tit span {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 15px; color: #666; font-weight:400;}
.focus_sea_status .tit a {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 14px; color: #666; font-weight:400;}
.focus_sea_status .tit a:after {content: '\e93f'; font-family: "xeicon";}
.focus_sea_status .status {display: flex; width: 100%; font-size: 15px; font-weight:500; color: #181818; align-items: center;}
.focus_sea_status .status ul {position: relative; display: flex; align-items: center;}
.focus_sea_status .status ul li {text-align: center; padding: 0 9px;}
.focus_sea_status .status ul li span {display: inline-block; white-space: nowrap;}
.focus_sea_status .status ul li strong {font-size: 20px; font-weight:700; margin-left: 2px; white-space: nowrap;}
.focus_sea_status .status ul li strong em {font-size: 15px; font-weight:500; color: #181818;}
.focus_sea_status .status.day {justify-content: center;}
.focus_sea_status .status.day ul:first-child {position: relative;}
.focus_sea_status .status.day ul:first-child + ul {padding-left: 12px; margin-left: 12px;}
.focus_sea_status .status.day ul:first-child + ul:after {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 21px; background-color: #d5d6d7;}
.focus_sea_status .status.day ul:first-child li:first-child {margin-top: -5px;}
.focus_sea_status .status.day ul:first-child li:first-child strong {color: #ec1d23; font-size: 25px;}
.focus_sea_status .status.all {background-color: #edf0f4; color: #132c5b; padding: 15px 233px 15px 20px; margin-top: 20px; color: #132c5b; position: relative; letter-spacing: -0.05em;}
.focus_sea_status .status.all > strong {position: relative; color: #132c5b; font-weight:700; white-space: nowrap;}
.focus_sea_status .status.all > strong:after {content: ':'; display: inline-block; margin-left: 10px;}
.focus_sea_status .status.all ul li strong {font-size: 16px; color: #132c5b;}
.focus_sea_status .status.all .link {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 15px; color: #132c5b; border: 1px solid #b0b9c8; display: inline-block; border-radius: 33px; padding: 5px 5px 5px 10px;}
.focus_sea_status .status.all .link:after {content: '\e93f'; font-family: "xeicon";}

.focus_sea_slide {overflow: hidden; margin-bottom: 29px;}
.focus_sea_slide .slide {margin: 0 -12px;}
.focus_sea_slide .slide a:focus {outline-offset: -2px;}
.focus_sea_slide .slide .col1 {padding: 0 12px;}
.focus_sea_slide .slide .col1 a {padding: 0 0; align-items: flex-start; display: flex; flex-wrap: wrap;}
.focus_sea_slide .slide .col1 .thumb {width: 345px; height: 238px; z-index: -1;}
.focus_sea_slide .slide .col1 .thumb + .text {width: calc(100% - 345px); padding-left: 20px;}
.focus_sea_slide .slide .col1 .text {width: 100%;}
.focus_sea_slide .slide .col1 .text strong {font-size: 1.6875rem; display: block; max-height:68px; font-weight:700; letter-spacing: -0.05em; margin: 0 0 10px 0; overflow: hidden;}
.focus_sea_slide .slide .col1 .text > span {display: block;}
.focus_sea_slide .slide .col1 .text .stitle {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 100%; font-size: 1.0625rem; color: #495057; margin-bottom: 16px; display: block;}
.focus_sea_slide .slide .col1 .text .lead {max-height: 100px; overflow: hidden; font-size: .9375rem; color: #666; margin-bottom: 10px; display: block;}
.focus_sea_slide .slide .col1 .text .source {font-size: 14px; color: #707070;  display: block;}
.focus_sea_slide .slide .col1 .text .source span:last-child {display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 92px); vertical-align: top;}
.focus_sea_slide .slide .col1 .text .source span ~ span {position: relative; margin-left: 7px; padding-left: 8px;}
.focus_sea_slide .slide .col1 .text .source span ~ span:after {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #dadada;}
.focus_sea_slide .slide .col2 {position: relative; display: flex; justify-content: space-between; padding: 0 12px;}
.focus_sea_slide .slide .col2 a {display: block; position: relative; width: calc(100% / 2 - 12px);}
.focus_sea_slide .slide .col2 .thumb {height: 238px; z-index: -1;}
.focus_sea_slide .slide .col2 .text {position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; height: 80px; padding: 17px; background-color: rgba(0, 0, 0, 0.7);}
.focus_sea_slide .slide .col2 .text strong {font-size: 1.125rem; color: #fff; display: block;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.focus_sea_slide .slide .col2 .text.multi strong {max-height: 45px; text-align: left; white-space: normal;}
.focus_sea_slide .slide .col2 .text .source {font-size: 13px; width: 100%;}
.focus_sea_slide .slide .col2 .thumb:after {display: none;}
.focus_sea_slide .slide .col2 .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);}
.focus_sea_slide .slide .col2 .sort > span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.focus_sea_slide .control {display: flex; justify-content: center; margin-top: 20px;}
.focus_sea_slide .control .slick-arrow {position: relative; width: 32px; height: 32px; border-radius: 7px; background-color: #fff; border: 1px solid #ddd; margin: 0 15px; font-size: 0;}
.focus_sea_slide .control .slick-arrow:before {font-family: 'xeicon'; display: inline-block; font-size: 15px; transition:all 0.3s; color: #666; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.focus_sea_slide .control .slick-next {order:1;}
.focus_sea_slide .control .slick-next:before {content:'\e93e'; left: 50%; }
.focus_sea_slide .control .slick-prev:before {content:'\e93b'; left: 50%;}
.focus_sea_slide .control .slick-dots {display: flex;}
.focus_sea_slide .control .slick-dots button {position: relative; width: 20px; height: 32px; background: none; opacity: 1; border-radius: 2px; font-size: 0;}
.focus_sea_slide .control .slick-dots button:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #8a8a8a; width: 10px; height: 10px; box-sizing: border-box; font-size: 0; line-height: 0; border-radius: 10px; transition: all 0.3s; opacity: 1;}
.focus_sea_slide .control .slick-dots .slick-active {opacity: 1;}
.focus_sea_slide .control .slick-dots .slick-active button:before {background-color: #ed1f23; width: 20px;}

/* 정책포커스 홈 */
.policy_focus_info {position: relative; border: 7px solid #f0f0f0; padding: 33px 40px 32px 36px; margin: 6px 0 50px 0;}
.policy_focus_info:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 131px; background-image: url('../images/sub/policy_focus_info_bg.png'); background-repeat: no-repeat; background-position: right 42px bottom;}
.policy_focus_info p {font-weight:400; color: #4c4c4c; font-size: 16px; letter-spacing: -0.05em; margin-top: 16px;}

.policy_focus_article ~ .policy_focus_article {margin-top: 19px}
.policy_focus_article .head {position: relative;}
.policy_focus_article .head:after {content: ''; position: absolute; left: 1px; right: 1px; bottom: 0; height: 1px; background-color: #fff;}
.policy_focus_article .head img {outline: solid 1px #ccc; outline-offset: -1px;}
.policy_focus_article .body {position: relative; padding: 28px 31px; border: 1px solid #ccc; border-top: none;}
.policy_focus_article .tit {font-size: 20px; color: #181818; letter-spacing: -0.075em; font-weight:700; margin-bottom: 19px; width: calc(100% - 50px);}
.policy_focus_article .lst {position: relative;}
.policy_focus_article .lst > ul {display: flex; flex-wrap: wrap; align-items:flex-start; margin: 0 -17px;}
.policy_focus_article .lst > ul > li {width: calc(100% / 3); padding: 0 17px;}
.policy_focus_article .lst > ul > li:nth-child(n+4) {margin-top: 30px;}
.policy_focus_article .lst a {display: block;}
.policy_focus_article .lst .thumb {width: 220px; height: 144px; margin: 0 auto; border: 1px solid #dfe3e6;}
.policy_focus_article .lst .text {display: block; padding-top: 12px;}
.policy_focus_article .lst .text strong {display: block; color: #495057; font-size: 1rem; font-weight:500; margin-bottom: 12px; max-height: 40px; display: block; overflow: hidden;}
.policy_focus_article .lst .source {display: block; color: #707070; font-size: 13px;}
.policy_focus_article .lst .source span {margin-right: 5px; vertical-align: middle;}
.policy_focus_article .lst .source span:last-child {width: calc(100% - 80px); margin-right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; letter-spacing: -0.05em;}
.policy_focus_article .more {position: absolute; right: 30px; top: 30px; font-size: 15px; color: #444; font-weight:400; letter-spacing: -0.05em;}
.policy_focus_article .more:after {content: '\e93e'; font-family: "xeicon"; font-size: 13px;}
.policy_focus_article .more i {position: absolute; top: 50%; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}

.focusEventPage main.sub.list .breadcrumbs .container {position: relative; z-index: 2; width: calc(100% - 200px) !important;}
.focusEventPage main.sub.list .breadcrumbs .home:before {color: #fff;}
.focusEventPage main.sub.list .breadcrumbs .lst > li ~ li:before {color: #fff; opacity: 40%;}
.focusEventPage main.sub.list .breadcrumbs .lst > li > a {color: #fff;}
.focusEventPage main.sub.list .breadcrumbs .select button {color: #fff; font-weight:500;}
.focusEventPage main.sub.list .breadcrumbs .select button:before {color: #fff;}
.focusEventPage main.sub.list .breadcrumbs .select button:after {background-color: #fff;}
.focusEventPage #main {overflow: hidden;}
.focusEventPage .focus_top {margin-top: -90px;}
.focusEventPage .focus_top:after {content: ''; position: absolute; left: -100%; top: -90px; width: 1000%; height: 463px; background-color: #12264a; z-index: -1;}

@media (max-width:1280px) {
	.focusEventPage main.sub.view .breadcrumbs {width: 640px !important; left: 0 !important;}
}

/* 정책오디오 */
.audio_info {position: relative; border: 7px solid #f0f0f0; padding: 33px 40px 32px 36px; margin: 6px 0 50px 0;}
.audio_info:after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background-image: url('../images/sub/audio_info_bg.png'); background-repeat: no-repeat; background-position: right 25px center; z-index: -1;}
.audio_info p {font-weight:400; color: #4c4c4c; font-size: 16px; letter-spacing: -0.05em; margin-top: 16px;}
.audio_info p b {font-weight:700; color: #181818;}

.audio_ch_lst {margin: -4px 0;}
.audio_ch_lst .slide {position: relative; padding: 4px 30px; overflow: hidden;}
.audio_ch_lst ul {display: flex;}
.audio_ch_lst ul li {}
.audio_ch_lst ul li a {display: block;}
.audio_ch_lst ul li a:focus {outline-offset: 1px;}
.audio_ch_lst ul li .thumb {width: 180px; height: 180px; z-index: -1;}

.audio_ch_lst .swiper-navigation {position: relative; width: 27px; height: 100%; position: absolute; top: 0; z-index: 2; background: #fff;}
.audio_ch_lst .swiper-navigation:focus {outline-offset: -2px;}
.audio_ch_lst .swiper-navigation span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.audio_ch_lst .swiper-navigation:before {font-family: 'xeicon'; display: inline-block; font-size: 20px; transition:all 0.3s; color: #666; position: absolute; top: 50%; transform: translateY(-50%);}
.audio_ch_lst .next {right: 0;}
.audio_ch_lst .prev {left: 0;}
.audio_ch_lst .next:before {content:'\e93e'; right: 0; }
.audio_ch_lst .prev:before {content:'\e93b'; left: 0;}
.audio_ch_lst .control {display: flex; justify-content: center; padding-top: 5px;}
.audio_ch_lst .control .swiper-pagination-bullet {position: relative; width: 20px; height: 32px; background: none; opacity: 1; border-radius: 2px;}
.audio_ch_lst .control .swiper-pagination-bullet:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #8a8a8a; width: 10px; height: 10px; box-sizing: border-box; font-size: 0; line-height: 0; border-radius: 10px; transition: all 0.3s; opacity: 1;}
.audio_ch_lst .control .swiper-pagination-bullet span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.audio_ch_lst .control .swiper-pagination-bullet-active {opacity: 1;}
.audio_ch_lst .control .swiper-pagination-bullet-active:before {background-color: #ed1f23; width: 20px;}
.audio_ch_lst .control .swiper-button-play {position: relative; width: 20px; height: 32px; margin: 0 -5px 0 5px;}
.audio_ch_lst .control .swiper-button-play:before {font-family: 'xeicon'; display: inline-block; font-size: 20px; transition:all 0.3s ease-in-out; color: #676767; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 1px;}
.audio_ch_lst .control .swiper-button-play.pause:before {content:'\ea3b'}
.audio_ch_lst .control .swiper-button-play.play:before {content:'\ea3e'}
.audio_ch_lst .control .swiper-button-play span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}

.audio_ch {position: relative; margin-bottom: 35px; display: flex; flex-wrap: wrap; padding: 0 0; align-items: stretch;}
.audio_ch .thumb {width: 260px; height: 260px;}
.audio_ch .thumb + .text {width: calc(100% - 260px); padding: 30px 30px 30px 30px;}
.audio_ch .text {width: 100%; display: block; border: 1px solid #dee3e8; border-left: none;}
.audio_ch .text strong {display: block; font-size: 28px; font-weight:700; color: #212529; letter-spacing: -0.02em; margin-bottom: 10px;}
.audio_ch .text .lead {font-size: 15px; font-weight:400; letter-spacing: -0.05em; color: #666; display: block; line-height: 24px; margin-bottom: 15px; height: 120px; overflow: hidden;}
.audio_ch .text .source {font-size: 14px; color: #707070;  display: block;}
.audio_ch .text .source span:first-child {font-weight:500; color: #333;}
.audio_ch .text .source span:last-child {display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 92px); vertical-align: top;}
.audio_ch .text .source span ~ span {position: relative; margin-left: 7px; padding-left: 8px;}
.audio_ch .text .source span ~ span:after {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #dadada;}

.audio_ch .ch_share {position: absolute; right: 13px; top: 13px;}
.audio_ch .ch_share > button {background-color: #f0f0f0; font-size: 14px; color: #333; letter-spacing: -0.05em; padding: 8px 15px; border-radius: 40px; display: flex; align-items: center;}
.audio_ch .ch_share > button span {position: absolute; top: 50%; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.audio_ch .ch_share > button:after {content: "\e9ea"; display: inline-block; font-family: 'xeicon'; font-size: 18px; color: #000; margin-left: 5px;}
.audio_ch .ch_share > .lst {position: absolute; right: 0; width: 300px; border: 1px solid #dee2e6; border-radius: 5px; background-color: #fff; padding: 20px 20px 15px 20px; box-shadow: 0px 0px 10px rgba(5, 5, 6, 0.08); z-index: 5; margin-top: 10px; display: none;}
.audio_ch .ch_share > .lst b {font-size: 14px; letter-spacing: -0.02em; color: #333; font-weight:500; display: block;}
.audio_ch .ch_share > .lst ul {padding-bottom: 0;}
.audio_ch .ch_share > .lst ul:after {content: ""; clear: both; display: table;}
.audio_ch .ch_share > .lst ul li {float: left; width: calc(100% / 3); padding: 5px 0; margin: 0;}
.audio_ch .ch_share > .lst ul li button {width: 100%; height: 66px; vertical-align: top;}
.audio_ch .ch_share > .lst ul li button:before {content: ''; display: inline-block; width: 25px; height: 25px; background-image: url("../images/common/sns_icon_share.png"); background-size: auto 25px; background-repeat: no-repeat;}
.audio_ch .ch_share > .lst ul li button i {display: block; width: 100%; font-size: 14px; font-weight:500; color: #757575; letter-spacing: -0.025em;}
.audio_ch .ch_share > .lst ul li button.fb:before {background-position: 0 0;}
.audio_ch .ch_share > .lst ul li button.tw:before {background-position: -25px 0;}
.audio_ch .ch_share > .lst ul li button.bd:before {background-position: -50px 0;}
.audio_ch .ch_share > .lst ul li button.kt:before {background-position: -75px 0;}
.audio_ch .ch_share > .lst ul li button.ks:before {background-position: -100px 0;}
.audio_ch .ch_share > .lst ul li button.bm:before {background-position: -125px 0;}
.audio_ch .ch_share > .lst ul li button.uc:before {background-position: -150px 0;}
.audio_ch .ch_share > .lst .close {position: absolute; right: 15px; top: 15px;}
.audio_ch .ch_share > .lst .close .xe-icon:before {content: '\e921'; font-size: 20px; color: #333;}
.audio_ch .ch_share > .lst .close span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}

.audio_tit, .audio_txt {display: block;}
.audio_txt + .audio_tit {margin-top: 30px;}
.audio_txt a[target="_blank"] {color: #1974dd; display: inline;}
.audio_txt a[target="_blank"]:after {content: '\e980'; font-family: "xeicon"; display: inline-block; font-size: 0.875rem; position: relative; top: -0.125rem;}

.audio_channel {position: relative; width: 100%; margin: 45px 0 65px 0; box-sizing: border-box;}
.audio_channel .ahead {position: relative; display: table;}
.audio_channel .ahead > strong.atit {font-size: 20px; color: #212529; font-weight:700; white-space: nowrap; display: table-cell; line-height: 1.25; padding: 2px;}
.audio_channel .ahead > strong.atit b {color: #1874dd;}
.audio_channel .abody > ul.lst {margin-top: 15px; padding: 10px 0 30px 0; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;}
.audio_channel .abody > ul.lst li {padding: 10px 0;}
.audio_channel .abody > ul.lst li:nth-child(5n+1) {padding-top: 20px;}
.audio_channel .abody > ul.lst li:nth-child(5n) {border-bottom: 1px dashed #dee2e6; padding-bottom: 20px;}
.audio_channel .abody > ul.lst li:last-child {border-bottom: none; padding-bottom: 0;}
.audio_channel .abody > ul.lst a {display: flex; flex-wrap: wrap; align-items: center; transition: all .2s;}
.audio_channel .abody > ul.lst a:hover {background-color: #f9fafc;}
.audio_channel .abody > ul.lst .thumb {width: 84px; height: 80px;}
.audio_channel .abody > ul.lst .thumb + .text {padding-left: 20px; width: calc(100% - 84px);}
.audio_channel .abody > ul.lst .text {display: block; width: 100%;}
.audio_channel .abody > ul.lst .text strong {font-size: 18px; font-weight:500; letter-spacing: -0.05em; margin: 0 0 0 0; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.audio_channel .abody > ul.lst .text .source {font-size: 13px; color: #707070;  display: block;}
.audio_channel .abody > ul.lst .text .source span:last-child {display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 92px); vertical-align: top;}
.audio_channel .abody > ul.lst .text .source span ~ span {position: relative; margin-left: 7px; padding-left: 8px;}
.audio_channel .abody > ul.lst .text .source span ~ span:after {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #dadada;}
.audio_channel > button.open {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;}
.audio_channel > button.open .xe-icon {margin-left: 5px;}
.audio_channel > button.open .xe-icon:after {content: "\e941";}
.audio_channel > a.more {position: absolute; top: 37px; right: 32px; padding: 3px; line-height: 1; color: #707070; font-size: 20px;}
.audio_channel > a.more span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.audio_channel > a.more .xe-icon:before {content: '\e913';}

/* FAQ */
.faq_info {background-color: #f2f4f7; display: flex; align-items: center; padding: 20px 20px 20px 60px; margin-bottom: 39px;}
.faq_info:before {content: ''; display: inline-block; width: 110px; height: 73px; background-image: url('../images/sub/faq_info_bg.png');}
.faq_info p {font-size: 15px; font-weight:400; color: #333; padding-left: 20px; line-height: 25px;}
.faq_lst > ul > li {border: 1px solid #d4d4d4; border-radius: 10px 10px 10px 10px;}
.faq_lst > ul > li ~ li {margin-top: 10px;}
.faq_lst button {position: relative; display: flex; align-items: center; font-size: 18px; font-weight:500; color: #181818; letter-spacing: -0.025em; width: 100%; background-color: #f2f4f7; border-radius: 10px 10px 0 0; padding: 20px 60px 20px 30px;}
.faq_lst button:focus {outline-offset: -5px;}
.faq_lst button i {display: inline-block; width: 28px; height: 28px; background-color: #ed1f23; border-radius: 100%; font-family: 'Pretendard'; font-weight:600; font-size: 19px; line-height: 28px; color: #fff;}
.faq_lst button b {display: inline-block; width: calc(100% - 30px); text-align: left; padding-left: 10px; font-weight:500;}
.faq_lst button span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.faq_lst button:after {content: "\e944"; font-family: "xeicon"; display: inline-block; font-size: 16px; position: absolute; right: 30px; color: #000;}
.faq_lst button.close {border-radius: 10px 10px 10px 10px;}
.faq_lst button.close:after {content: "\e941";}
.faq_lst button.close + .text {border-top: none; display: none;}
.faq_lst .text {border-top: 1px solid #d4d4d4; border-radius: 0 0 10px 10px; padding: 20px 30px 20px 30px; color: #666; letter-spacing: -0.025em; line-height: 26px; font-size: 16px; letter-spacing: -0.025em; display: block;}
.faq_lst .text table {margin-top: 10px; border-top: 2px solid #495057;}
.faq_lst .text table th,
.faq_lst .text table td {padding: 8px 0; font-size: 15px;}
.faq_lst .text thead th {background-color: #f2f4f7; text-align: center;}
.faq_lst .text thead th ~ th {border-left: 1px solid #dee2e6;}
.faq_lst .text tr {border-bottom: 1px solid #dee2e6;}
.faq_lst .text td {text-align: center; color: #666;}
.faq_lst .text td ~ td {border-left: 1px solid #dee2e6;}
.faq_lst .text tbody td[rowspan] {border-right: 1px solid #dee2e6;}
.faq_lst .text strong {font-size: 16px; color: #181818; font-weight:500;}
.faq_lst .text a {display: inline; color: #046edd; text-decoration: underline; text-underline-position: under; text-decoration-thickness: auto; font-weight:400;}
.faq_lst .text > ul {margin-top: 5px;}
.faq_lst .text > ul > li {position: relative; padding-left: 20px; text-indent: -15px;}
.faq_lst .text > ul > li:before {content: ''; display: inline-block; width: 4px; height: 4px; background-color: #181818; border-radius: 100%; margin-right: 5px; vertical-align: middle;}

/* 개인정보 처리방침 */
.terms_wrap h2 {text-align: center; font-size: 28px;}
.terms_wrap h3 {text-align: center; font-size: 20px; margin-top: 40px; margin-bottom: 15px;}
.terms_wrap h4 {font-size: 20px; margin-top: 40px; margin-bottom: 15px; display: flex; align-items: center;}
.terms_wrap h4:before {content: ''; display: inline-block; background-repeat: no-repeat; background-position: 50%; background-size: contain; margin-right: 5px;}
.terms_wrap h4 img{margin-right: 5px; margin-left: -5px;}
.terms_wrap .box1 {position: relative; padding: 30px 35px; border: 1px solid #d1d1d1;}
.terms_wrap .zoom {position: absolute; bottom: 0; right: 0; width: 29px; height: 0; padding-top: 29px; background: url('../images/sub/zoom.png') top right no-repeat; overflow: hidden; cursor: pointer; display: none;}
body.mobile .terms_wrap .zoom {display: block;}

.terms_wrap .blank {color: #1974dd; display: inline; text-indent: 0;}
.terms_wrap .blank:after {content: '\e980'; font-family: "xeicon"; display: inline-block;}
.terms_wrap .select {display: flex; text-indent: 0; padding-left: 13px; margin-top: 15px;}
.terms_wrap .select .btn {border: 1px solid #7f7f7f;}
.terms_wrap .down {display: inline-block; border: 1px solid #d7dce1; padding: 3px 10px; font-size: 13px; background-color: #f2f4f7; color: #495057; margin-top: 5px; text-indent: 0;}
.terms_wrap .down:before {content: "\eb7c"; font-family: "xeicon"; display: inline-block; margin-right: 3px;}
.terms_wrap a:hover {text-decoration: underline; text-underline-position: under;}
.terms_wrap .red {color: #b81613 !important;}

.terms_wrap table {border-top: none; font-size: 12px;}
.terms_wrap table thead th {border-top: 1px solid #495057;}
.terms_wrap table thead tr + tr th {border-top: 1px solid #dee2e6; border-left: 1px solid #dee2e6;}
.terms_wrap table td {padding: 10px; word-break: keep-all; word-wrap: break-word;}
.terms_wrap table td.vam {vertical-align: middle;}
.terms_wrap table td.vat {vertical-align: top;}
.terms_wrap table td.tac {text-align: center;}
.terms_wrap table td.tal {text-align: left;}
.terms_wrap table td ol + ol {margin-top: 25px;}
.terms_wrap table td ol li ~ li, .terms_wrap table td ul li ~ li {margin-top: 15px;}
.terms_wrap table td ol ul {margin-top: 10px;}
.terms_wrap table td ul ul {margin-top: 10px;}

.terms_wrap .info {position: relative; border: 1px solid #d7dce1; padding: 25px; font-weight:400; color: #4c4c4c; font-size: 16px; letter-spacing: -0.05em; line-height: 25px;}

.terms_wrap .privacy_togl {position: relative; display: inline-block; padding: 3px 28px 3px 12px; font-size: 6px; border-radius:25px; margin-left: 10px; background-color: #495058; font-size: 15px; font-weight:400; color: #fff;}
.terms_wrap .privacy_togl:after {content: "\e942"; font-family: "xeicon"; display: inline-block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.terms_wrap .privacy_togl.open:after {content: "\e945";}
.terms_wrap .privacy_togl_box {display: none;}

.terms_wrap .label {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.terms_wrap .label li {width: calc(100% / 3); padding: 15px;}
.terms_wrap .label li a {text-decoration: none; display: block; height: 100%; width: 100%;}
.terms_wrap .label li div {display: flex; flex-direction: column; height: 100%; align-items: center; border: 1px solid #d7dce1; box-sizing: border-box; color: #555; padding: 20px; text-align: center;}
.terms_wrap .label li div strong {font-size: 17px; display: block; border-bottom: 1px solid #d7dce1; padding-bottom: 10px; margin-bottom: 10px;}
.terms_wrap .label li div p {font-size: 15px; line-height: 23px; letter-spacing: -0.05em; word-break: keep-all;}
.terms_wrap .label li div:before {content: ''; display: inline-block; width: 100%; height: 90px; margin-bottom: 10px; background-repeat: no-repeat; background-position: 50%;}
.terms_wrap .label li a:hover div {border: 1px solid #4d74c2; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);}

.terms_wrap .label li.collect div:before {background-image: url("../images/sub/pi_collect.png");}
.terms_wrap .label li.object div:before {background-image: url("../images/sub/pi_object.png");}
.terms_wrap .label li.period div:before {background-image: url("../images/sub/pi_period.png");}
.terms_wrap .label li.consignment div:before {background-image: url("../images/sub/pi_consignment.png");}
.terms_wrap .label li.supply div:before {background-image: url("../images/sub/pi_supply.png");}
.terms_wrap .label li.browse div:before {background-image: url("../images/sub/pi_browse.png");}
.terms_wrap .label li.safe div:before {background-image: url("../images/sub/pi_safe.png");}

.terms_wrap .cnt_index {margin: 10px 0;}
.terms_wrap .cnt_index dl {width: 100%; margin: 0; display: flex; flex-wrap: wrap; border-bottom: 1px solid #dcdcdc;}
.terms_wrap .cnt_index dl:first-child {border-top: 1px solid #dcdcdc;}
.terms_wrap .cnt_index dl dt {width: 100%; padding: 15px; background: #f5f5f5; color: #333; font-weight: 500;}
.terms_wrap .cnt_index dl dd {display: flex; margin: 0; align-items: center; padding: 15px 0; width: 33.3%; border-top: 1px solid #dcdcdc;}
.terms_wrap .cnt_index dl dd.remain {display: flex; margin: 0; align-items: center; padding: 15px 0; width: 66.7%;}
.terms_wrap .cnt_index dl dd a {display: inline-flex; align-items: center; padding-left: 15px; font-size: 16px; word-break: keep-all; word-wrap: break-word;}
.terms_wrap .cnt_index dl dd img {padding-right: 10px;}

.terms_wrap .cnt_lst {display: flex; flex-wrap: wrap; border: 1px solid #d7dce1; padding: 15px 20px; margin: 10px 0;}
.terms_wrap .cnt_lst li {width: calc(100% / 2); padding: 10px 5px;}
.terms_wrap .cnt_lst li a {font-size: 16px; display: flex; align-items: center; line-height: 24px;}
.terms_wrap .cnt_lst li a:before {content: ''; display: inline-block; width: 21px; height: 24px; background-repeat: no-repeat; background-position: 50%; background-size: contain; margin-right: 5px;}
.terms_wrap .cnt_lst li a:hover {text-decoration: underline; text-underline-position: under;}
.terms_wrap .cnt_lst li:nth-child(1) a:before {background-image: url("../images/sub/img_no1_20.png");}
.terms_wrap .cnt_lst li:nth-child(2) a:before {background-image: url("../images/sub/img_third_20.png");}
.terms_wrap .cnt_lst li:nth-child(3) a:before {background-image: url("../images/sub/img_consign_20.png");}
.terms_wrap .cnt_lst li:nth-child(4) a:before {background-image: url("../images/sub/img_destruction_20.png");}
.terms_wrap .cnt_lst li:nth-child(5) a:before {background-image: url("../images/sub/img_no6_20.png");}
.terms_wrap .cnt_lst li:nth-child(6) a:before {background-image: url("../images/sub/img_safe_20.png");}
.terms_wrap .cnt_lst li:nth-child(7) a:before {background-image: url("../images/sub/img_object_20.png");}
.terms_wrap .cnt_lst li:nth-child(8) a:before {background-image: url("../images/sub/img_cpo_20.png");}
.terms_wrap .cnt_lst li:nth-child(9) a:before {background-image: url("../images/sub/img_browse_20.png");}
.terms_wrap .cnt_lst li:nth-child(10) a:before {background-image: url("../images/sub/img_help_20.png");}
.terms_wrap .cnt_lst li:nth-child(11) a:before {background-image: url("../images/sub/img_result_20.png");}
.terms_wrap .cnt_lst li:nth-child(12) a:before {background-image: url("../images/sub/img_change_20.png");}
/*
.terms_wrap #clst_num01:before {width: 30px; height: 35px;  background-image: url("../images/sub/img_no1.png");}
.terms_wrap #clst_num02:before {width: 31px; height: 36px;  background-image: url("../images/sub/img_third.png");}
.terms_wrap #clst_num03:before {width: 31px; height: 36px;  background-image: url("../images/sub/img_consign.png");}
.terms_wrap #clst_num04:before {width: 31px; height: 36px;  background-image: url("../images/sub/img_destruction.png");}
.terms_wrap #clst_num05:before {width: 34px; height: 35px;  background-image: url("../images/sub/img_no6.png");}
.terms_wrap #clst_num06:before {width: 31px; height: 31px;  background-image: url("../images/sub/img_safe.png");}
.terms_wrap #clst_num07:before {width: 32px; height: 36px;  background-image: url("../images/sub/img_cookie.png");}
.terms_wrap #clst_num08:before {width: 31px; height: 31px;  background-image: url("../images/sub/img_cpo.png");}
.terms_wrap #clst_num09:before {width: 31px; height: 31px;  background-image: url("../images/sub/img_browse.png");}
.terms_wrap #clst_num10:before {width: 31px; height: 31px;  background-image: url("../images/sub/img_help.png");}
.terms_wrap #clst_num11:before {width: 35px; height: 35px;  background-image: url("../images/sub/img_result.png");}
.terms_wrap #clst_num12:before {width: 31px; height: 31px;  background-image: url("../images/sub/img_change.png");}
*/

.terms_wrap .cnt_lst_wrap {line-height: 22px;}
.terms_wrap .cnt_lst_wrap > ol > li {padding: 0 0 0 20px; text-indent: -20px;}
.terms_wrap .cnt_lst_wrap > ol > li ~ li {margin-top: 10px;}
.terms_wrap .cnt_lst_wrap > ol + ol {margin-top: 10px;}

.terms_wrap .cnt_lst_wrap > ol > li.none {padding: 0 0 0 0 !important; text-indent: 0 !important;}
.terms_wrap .cnt_lst_wrap > ol > li.none > ol {padding: 0 0 0 20px;}
.terms_wrap .cnt_lst_wrap > ol > li > ol {margin-top: 10px;}
.terms_wrap .cnt_lst_wrap > ol > li > ol > li {padding: 0 0 0 16px; text-indent: -16px;}
.terms_wrap .cnt_lst_wrap > ol > li > ol > li ~ li {margin-top: 10px;}

/* 정책포커스 - 강원 동계 청소년 올림픽 */
.focusEventPage.ogw .focus_top.ogw {margin-top: -90px; width: 1200px; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 50px;}
.focusEventPage.ogw .focus_top.ogw:after {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 2558px; height: 566px; z-index: -1; background-image: url('../images/sub/focus_ogw_bg.png'); background-repeat: no-repeat; background-color: transparent; background-position: 50% 0;}
.focusEventPage.ogw .focus_top.ogw > div {position: relative; width: 792px; margin: 0 auto; z-index: 1;}
.focusEventPage.ogw .focus_top.ogw .tit {padding-top: 109px; }
.focusEventPage.ogw .focus_top.ogw .tit:after {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1200px; height: 470px; z-index: -1; background-image: url('../images/sub/focus_ogw_mascot.png'); background-repeat: no-repeat; background-color: transparent; background-position: right top; }
.focusEventPage.ogw .focus_top.ogw .tit img {display: block;}
.focusEventPage.ogw .focus_top.ogw .tit a {margin-top: 20px; border-radius: 55px;}
.focusEventPage.ogw .focus_top.ogw .link {margin-top: 90px; border-radius: 5px; border: 1px solid #cecece; background-color: #f9f9f9;}
.focusEventPage.ogw .focus_top.ogw .link ul {display: flex;}
.focusEventPage.ogw .focus_top.ogw .link ul li {position: relative; width: 25%;}
.focusEventPage.ogw .focus_top.ogw .link ul li a {font-size: 16px; font-weight:500; letter-spacing: -0.025em; color: #676b6f; display: block; text-align: center; padding: 22px 0;}
.focusEventPage.ogw .focus_top.ogw .link ul li a:hover span {text-decoration: underline; text-underline-position: under; text-decoration-thickness: auto;}
.focusEventPage.ogw .focus_top.ogw .link ul li span {position: relative;}
.focusEventPage.ogw .focus_top.ogw .link ul li ~ li span:before {content: ''; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #676b6f; border-radius: 4px;}
.focusEventPage.ogw .focus_top.ogw .link ul li span:after {content: '\e93f'; font-family: "xeicon"; font-size: 16px;}
.focusEventPage.ogw .focus_top.ogw .link ul li ~ li:after {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #cecece;}
.focusEventPage.ogw .focus_top.ogw .link ul li:nth-child(1) span {padding-left: 40px;}
.focusEventPage.ogw .focus_top.ogw .link ul li:nth-child(1) span:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 33px; height: 22px; background-image: url('../images/sub/ogw_logo_off.png'); }
.focusEventPage.ogw .focus_top.ogw .link ul li ~ li a:hover span:before {background-color: #fff;}
.focusEventPage.ogw .focus_top.ogw .link ul li a:hover {position: relative; background-color: #1974dd; border-radius: 5px; color: #fff;}
.focusEventPage.ogw .focus_top.ogw .link ul li a:hover:after {content: ''; display: block; position: absolute; border: 2px solid #0e61c1; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 5px; box-shadow: 0 5px 5px rgb(0 0 0 / 6%); z-index: 2;}
.focusEventPage.ogw .focus_top.ogw .link ul li:nth-child(1) a:hover span:before {background-image: url('../images/sub/ogw_logo_on.png'); }

.tabs_common.ogw li a {padding: 10px 0;}
.tabs_common.ogw li a:before {display: inline-block; background-image: url('../images/sub/icon_ogw.png'); width: 45px; height: 28px;}
.tabs_common.ogw li:nth-child(1) a:before {background-position: 0 0;}
.tabs_common.ogw li:nth-child(2) a:before {background-position: -45px 0;}
.tabs_common.ogw li:nth-child(3) a:before {background-position: -90px 0;}
.tabs_common.ogw li:nth-child(4) a:before {background-position: -180px 0;}
/*.tabs_common.ogw li:nth-child(4) a:before {background-position: -135px 0;}*/
.tabs_common.ogw li.active:nth-child(1) a:before {background-position: 0 -28px;}
.tabs_common.ogw li.active:nth-child(2) a:before {background-position: -45px -28px;}
.tabs_common.ogw li.active:nth-child(3) a:before {background-position: -90px -28px;}
.tabs_common.ogw li.active:nth-child(4) a:before {background-position: -180px -28px;}
/*.tabs_common.ogw li.active:nth-child(4) a:before {background-position: -135px -28px;}*/

.tabs_common.dif {margin-bottom: 45px;}
.tabs_common.dif li {vertical-align: top;}
.tabs_common.dif li a {padding: 10px 0 8px 0;}
.tabs_common.dif li a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_sea_status.png');}
.tabs_common.dif li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.dif li.all a:before {background-position: 0 0;}
.tabs_common.dif li.news a:before {background-position: -30px 0;}
.tabs_common.dif li.card a:before {background-position: -90px 0;}
.tabs_common.dif li.media a:before {background-position: -120px 0;}
.tabs_common.dif li.press a:before {background-position: -180px 0;}
.tabs_common.dif li.all.active a:before {background-position: 0 -28px;}
.tabs_common.dif li.news.active a:before {background-position: -30px -28px;}
.tabs_common.dif li.card.active a:before {background-position: -90px -28px;}
.tabs_common.dif li.media.active a:before {background-position: -120px -28px;}
.tabs_common.dif li.press.active a:before {background-position: -180px -28px;}

.tabs_common.medical {margin-bottom: 45px;}
.tabs_common.medical li {vertical-align: top;}
.tabs_common.medical li a {padding: 10px 0 8px 0;}
.tabs_common.medical li a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_sea_status.png');}
.tabs_common.medical li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.medical li.all a:before {background-position: 0 0;}
.tabs_common.medical li.news a:before {background-position: -30px 0;}
.tabs_common.medical li.actually a:before {background-position: -60px 0; margin-left: 12px;}
.tabs_common.medical li.card a:before {background-position: -90px 0;}
.tabs_common.medical li.media a:before {background-position: -120px 0;}
.tabs_common.medical li.all.active a:before {background-position: 0 -28px;}
.tabs_common.medical li.news.active a:before {background-position: -30px -28px;}
.tabs_common.medical li.actually.active a:before {background-position: -60px -28px;}
.tabs_common.medical li.card.active a:before {background-position: -90px -28px;}
.tabs_common.medical li.media.active a:before {background-position: -120px -28px;}
.tabs_common.medical li.medical a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_medical.png');}
.tabs_common.medical li.medical.active a:before {background-position: 0 -28px;}

.tabs_common.gov_2nd_2024 {margin-bottom: 45px;}
.tabs_common.gov_2nd_2024 li {vertical-align: top;}
.tabs_common.gov_2nd_2024 li a {padding: 10px 0 8px 0;}
.tabs_common.gov_2nd_2024 li a:before {display: inline-block; background-size: auto 52px; width: 34px; height: 25px; background-image: url('../images/sub/ico_gov_2nd.png');}
.tabs_common.gov_2nd_2024 li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.gov_2nd_2024 li.all a:before {background-position: 4px 0;}
.tabs_common.gov_2nd_2024 li.reform a:before {background-position: -23px 0;}
.tabs_common.gov_2nd_2024 li.economy a:before {background-position: -54px 0;}
.tabs_common.gov_2nd_2024 li.society a:before {background-position: -90px 0;}
.tabs_common.gov_2nd_2024 li.future a:before {background-position: -125px 0;}
.tabs_common.gov_2nd_2024 li.security a:before {background-position: -153px 0;}
.tabs_common.gov_2nd_2024 li.all.active a:before {background-position: 4px -28px;}
.tabs_common.gov_2nd_2024 li.reform.active a:before {background-position: -23px -28px;}
.tabs_common.gov_2nd_2024 li.economy.active a:before {background-position: -54px -28px;}
.tabs_common.gov_2nd_2024 li.society.active a:before {background-position: -90px -28px;}
.tabs_common.gov_2nd_2024 li.future.active a:before {background-position: -125px -28px;}
.tabs_common.gov_2nd_2024 li.security.active a:before {background-position: -153px -28px;}

.tabs_common.czech {margin-bottom: 45px;}
.tabs_common.czech li {vertical-align: top;}
.tabs_common.czech li a {padding: 10px 0 8px 0;}
.tabs_common.czech li a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_sea_status.png');}
.tabs_common.czech li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.czech li.all a:before {background-position: 0 0;}
.tabs_common.czech li.news a:before {background-position: -30px 0;}
.tabs_common.czech li.actually a:before {background-position: -60px 0; margin-left: 12px;}
.tabs_common.czech li.card a:before {background-position: -90px 0;}
.tabs_common.czech li.media a:before {background-position: -120px 0;}
.tabs_common.czech li.all.active a:before {background-position: 0 -28px;}
.tabs_common.czech li.news.active a:before {background-position: -30px -28px;}
.tabs_common.czech li.actually.active a:before {background-position: -60px -28px;}
.tabs_common.czech li.card.active a:before {background-position: -90px -28px;}
.tabs_common.czech li.media.active a:before {background-position: -120px -28px;}
.tabs_common.czech li.czech a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_czech.png');}
.tabs_common.czech li.czech.active a:before {background-position: 0 -28px;}

.tabs_common.budget {margin-bottom: 45px;}
.tabs_common.budget li {vertical-align: top;}
.tabs_common.budget li a {padding: 10px 0 8px 0;}
.tabs_common.budget li a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_sea_status.png');}
.tabs_common.budget li a span {font-size: 0.875rem; margin-top: 5px;}
.tabs_common.budget li.all a:before {background-position: 0 0;}
.tabs_common.budget li.news a:before {background-position: -30px 0;}
.tabs_common.budget li.actually a:before {background-position: -60px 0; margin-left: 12px;}
.tabs_common.budget li.card a:before {background-position: -90px 0;}
.tabs_common.budget li.media a:before {background-position: -120px 0;}
.tabs_common.budget li.all.active a:before {background-position: 0 -28px;}
.tabs_common.budget li.news.active a:before {background-position: -30px -28px;}
.tabs_common.budget li.actually.active a:before {background-position: -60px -28px;}
.tabs_common.budget li.card.active a:before {background-position: -90px -28px;}
.tabs_common.budget li.media.active a:before {background-position: -120px -28px;}
.tabs_common.budget li.budget a:before {display: inline-block; background-size: auto 56px; width: 30px; height: 28px; background-image: url('../images/sub/ico_budget.png');}
.tabs_common.budget li.budget.active a:before {background-position: 0 -28px;}

/* 정책포커스 - 의료개혁 슬라이드 */
.medical_slide {overflow: hidden;}
.medical_slide .slide .slick-list {margin: 0 -20px;}
.medical_slide .slide .slick-slide {margin: 0 20px;}
.medical_slide .slide .slick-slide > div > div {display: flex !important; align-items: flex-start; justify-content: center;}
.medical_slide .slide .slick-active img {opacity: 1;}
.medical_slide .slide img {width: 100%; max-width: none; border-radius: 15px; /*opacity: 0.7; transition: all .3s;*/}
.medical_slide .control {display: flex; align-items: flex-start; justify-content: center; margin-top: 20px;}
.medical_slide .control .arrow {position: relative; width: 32px; height: 32px; border-radius: 7px; background-color: #fff; border: 1px solid #ddd; margin: 0 15px;}
.medical_slide .control .arrow i {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.medical_slide .control .arrow:before {font-family: 'xeicon'; display: inline-block; font-size: 15px; transition:all 0.3s; color: #666; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.medical_slide .control .next:before {content:'\e93e'; left: 50%;}
.medical_slide .control .prev:before {content:'\e93b'; left: 50%;}
.medical_slide .control .slick-dots {display: flex; }
.medical_slide .control .slick-dots button {position: relative; width: 20px; height: 32px; background: none; opacity: 1; border-radius: 2px; line-height: 1; color: transparent; font-size: 8px; }
.medical_slide .control .slick-dots button:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #7f7f7f; width: 10px; height: 10px; box-sizing: border-box; font-size: 0; line-height: 0; border-radius: 10px; transition: all 0.3s; opacity: 1;}
.medical_slide .control .slick-dots .slick-active button {opacity: 1;}
.medical_slide .control .slick-dots .slick-active button:before {background-color: #ed1f23; width: 20px;}
.medical_slide .control .playing {position: relative; width: 20px; height: 32px; margin: 0 -5px 0 5px; font-size: 8px; color: transparent;}
.medical_slide .control .playing:before {font-family: 'xeicon'; display: inline-block; font-size: 25px; transition:all 0.3s ease-in-out; color: #676767; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.medical_slide .control .playing.pause:before {content:'\ea3b'}
.medical_slide .control .playing.play:before {content:'\ea3e'}
.medical_slide .control .arrow.prev.slick-hidden + div + .playing {display: none;}

/* 정책포커스 - 체코원전 슬라이드 */
.focus_slide {overflow: hidden;}
.focus_slide .slide .slick-list {margin: 0 -20px;}
.focus_slide .slide .slick-slide {margin: 0 20px;}
.focus_slide .slide .slick-slide > div > div {display: flex !important; align-items: flex-start; justify-content: center;}
.focus_slide .slide .slick-active img {opacity: 1;}
.focus_slide .slide img {width: 100%; max-width: none; border-radius: 15px; /*opacity: 0.7; transition: all .3s;*/}
.focus_slide .control {display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.focus_slide .control .arrow {position: relative; width: 32px; height: 32px; border-radius: 7px; background-color: #fff; border: 1px solid #ddd; margin: 0 15px;}
.focus_slide .control .arrow i {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.focus_slide .control .arrow:before {font-family: 'xeicon'; display: inline-block; font-size: 15px; transition:all 0.3s; color: #666; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.focus_slide .control .next:before {content:'\e93e'; left: 50%;}
.focus_slide .control .prev:before {content:'\e93b'; left: 50%;}
.focus_slide .control .slick-dots {display: flex; }
.focus_slide .control .slick-dots button {position: relative; width: 20px; height: 32px; background: none; opacity: 1; border-radius: 2px; line-height: 1; color: transparent; font-size: 8px; }
.focus_slide .control .slick-dots button:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #7f7f7f; width: 10px; height: 10px; box-sizing: border-box; font-size: 0; line-height: 0; border-radius: 10px; transition: all 0.3s; opacity: 1;}
.focus_slide .control .slick-dots .slick-active button {opacity: 1;}
.focus_slide .control .slick-dots .slick-active button:before {background-color: #ed1f23; width: 20px;}
.focus_slide .control .playing {position: relative; width: 20px; height: 32px; margin: 0 -5px 0 5px; font-size: 8px; color: transparent;}
.focus_slide .control .playing:before {font-family: 'xeicon'; display: inline-block; font-size: 25px; transition:all 0.3s ease-in-out; color: #676767; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.focus_slide .control .playing.pause:before {content:'\ea3b'}
.focus_slide .control .playing.play:before {content:'\ea3e'}
.focus_slide .control .arrow.prev.slick-hidden + div + .playing {display: none;}
.focus_slide .control .counter {font-family: 'Pretendard'; font-size: 18px; font-weight: 600; color: #757575; line-height: 1; margin: 3px 10px 0 10px;}
.focus_slide .control .counter .current {font-weight: 700; color: #2b2b2b;}

.focus_video {width: 100%; line-height: 1; margin-bottom: 35px;}
.focus_video video {width: 100%;}