@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: 65px; padding: 5px 8px; font-size: 14px; letter-spacing: -1px;}
.btn ~ .btn {margin-left: 10px;}
.btn.border {background-color: #fff; color: #212529; border: 1px solid #495057;}
.btn.border:hover {background-color: #495057; color: #fff;}
.btn.bg {background-color: #495057; color: #fff;}
.btn.bg:hover {background-color: #212529;}
.btn.bg1 {background-color: #73757C; color: #fff;}
.btn.bg1:hover {background-color: #73757C;}
.btn[class*='bg'] {color: #fff;}

/*  ================================== title ============================================ */
.article_body > .top_title,
.top_title{margin-bottom:40px; font-size:40px; color:#1d1d1d; line-height:1.4; letter-spacing:-.8px; font-weight:700;}
.title1{margin-bottom:16px !important; font-size:28px !important; color:#1d1d1d !important; font-weight:700; letter-spacing:-.56px; line-height:1.4;}
.title1 ~ .title1{margin-top:60px;}
.title2{position:relative; margin-bottom:16px; padding-left:11px; font-size:24px; letter-spacing:-0.48px; font-weight:700; color:#1d1d1d; line-height:1.4;}
.title2:before{content:''; position:absolute; left:0; top:5px; width:3px; height:20px; background:#1d1d1d;}
.title2 ~ .title2{margin-top:40px;}
.title3{display:block; margin-bottom:16px; font-size:24px; color:#1d1d1d; font-weight:700;}
.title3 ~ .title3{margin-top:40px;}
.title4{display:block; margin-bottom:16px; font-size:20px; color:#1d1d1d; font-weight:700;}
.title4 ~ .title4{margin-top:20px;}

/* TODO:플랜아이 START */
.navBtnTest {font-size: 14px; background-color: white; padding: 5px 15px; border: 1.5px solid #adb5bd; border-radius: 25px; cursor: pointer; transition: background-color 0.3s, color 0.3s; margin-right: 7px;}
.navBtnTest.on {background-color: #1974dd; color: white; border: 1.5px solid #1974dd;}
.navBtnTest:hover {background-color: #1974dd; color: white; border: 1.5px solid #1974dd;}

/* ========================== custom-select, custom-input ========================== */
.custom_select {position: relative; display: inline-block; background-color: #fff;}
.custom_select label {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.custom_select select {position: relative; z-index: 1; width: 100%; height: 40px; border: 1px solid #c6c6c6; background-color: transparent; padding: 0 45px 0 16px; -webkit-appearance: none;}
.custom_select:after {content:'\e941'; font-family: 'xeicon'; position: absolute; right: 10px; top: 50%; font-size:13px; transform: translateY(-50%); z-index: 0; transition: all 0.2s;}
.custom_select + .btn {position:relative; padding: 3px 14px; height: 40px; border-color: #7f7f7f; margin-left:8px;}
.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 {display:block; 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: 1px; width: 18px; height: 18px; background-color: #fff; border: 1px solid #C6C6C6; cursor: pointer; border-radius:2px;}
.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:''; width:19px; height:19px; left:0; top:0; background:url('../images/v5/common/icon_chk.svg') center center no-repeat; background-size:12px auto;}
.chk input[type='radio'] + label:after,
.custom-input input[type='radio'] + label:after {content: ''; display: block; opacity: 0; background-color: #D41115; left: 5px; top: 6px; width: 8px; height: 8px; border-radius: 50%;}
.chk input[type='checkbox']:checked + label:before,
.chk input[type='radio']:checked + label:before,
.custom-input input[type='checkbox']:checked + label:before,
.custom-input input[type='radio']:checked + label:before{border-color:#ed1f23;}
.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:20px; line-height: 1.9; color: #1d1d1d; margin:40px 0;}
.article_body .view_cont.newsletter {position: relative; left: 50%; transform: translateX(-50%); margin: 30px 0 0 0;}

.article_body > h2 {margin-bottom:12px; color: #1d1d1d; font-size:24px;}
.article_body div + h2 {margin-top: 40px;}
.deftxt{font-size:18px; color:#555; line-height:1.6;}
.deftxt + *{margin-top:12px;}

.article_body .page_title{margin-bottom:40px; font-size:40px; font-weight:700; color:#1d1d1d; line-height:1.4; letter-spacing:-.8px;}
.article_body .page_title h1{font-size:40px;}

.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:40px 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:center; margin-top:0 !important; padding: 15px 0; border-bottom: 1px solid #e8e8e8; font-size: 0.9375rem !important; color: #555; line-height:1.5; word-break: keep-all; font-weight:400; text-align:start; display: inline-block;}
.view_cont .imageWrap figure.center {text-align:center; left: 50%; transform: translateX(-50%); width:100% !important;}
.view_cont .imageWrap figure.center figcaption.captions b {width: 100%; margin: 0 auto;}
.view_cont .imageWrap figure.left {float:left; margin-right:20px}
.view_cont .imageWrap figure.left figcaption.captions b {width: 100%; margin: 0 auto;}
.view_cont .imageWrap figure.right {float:right; margin-left:20px}
.view_cont .imageWrap figure.right figcaption.captions b {width: 100%; margin: 0 auto;}

.view_cont .imageWrap figure .imageSpan {display:block; margin-bottom:0px;}
.view_cont .imageWrap figure .imageSpan img {margin:0 !important; width: 100%; height: auto;}
.view_cont table.imageWrap {position: relative; margin:30px auto !important; width:100% !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:720px; 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; 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: 189px;}
.article_top .text {position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding: 12px 20px; background-color: rgba(0, 0, 0, 0.6);}
.article_top .text strong {font-size:20px; color: #fff; display: block;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:600; line-height:1.4;}
.article_top .text.multi strong {max-height: 45px; text-align: left; white-space: normal;}
.article_top .text .source {display:flex; margin-top:4px; font-size:14px; width: 100%;}
.article_top .text .source > span{position:relative; padding-right:8px; margin-right:8px;}
.article_top .text .source > span:before{content:''; position:absolute; right:0; top:3px; height:12px; border-left:1px solid #c6c6c6;}
.article_top .text .source > span:last-child{flex:auto; padding-right:0; margin-right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article_top .text .source > span:last-child:before{display:none;}
.article_top .thumb:after {display: none;}
.article_top .sort {display:none; 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 #d8d8d8; border-top: none; margin: 20px 0 40px 0; padding-bottom: 82px;}
.sch_post:not(.expert) .sch {position: absolute; bottom: 0; width: 100%; padding: 19px 149px 19px 25px; min-height: 83px; border-top: 1px solid #adb5bd; background-color: #f9fafc; z-index: 2;}
.sch_post .sch.st1 {padding: 19px 19px 19px 25px;}
.sch_post .sch.active {background-color: #fff;}
.sch_post .sch_post_inp {display: block; position: relative; /*border: 1px solid #cfcfcf; */ width: calc(100% - 105px); border-radius: 2px;}
.sch_post .sch_post_inp label {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.sch_post .sch_post_inp .custom_select {width: 95px; float: left; position: relative; display: inline-block; background-color: #fff;}
.sch_post .sch_post_inp .custom_select select {position: relative; z-index: 1; width: 100%; height: 42px; border: 0; background-color: transparent; padding: 0 25px 0 15px;}
.sch_post .input_keyword {float: left; width: 100%; height: 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; position:relative; width: 100%; background-color: #F6F6F8; z-index:3}
.sch_post .tab_nav > li {position: relative; flex: 1;}
.sch_post .tab_nav > li ~ li {border-left: 1px solid #d8d8d8;}
.sch_post .tab_nav > li .btn {display: block; width: 100%; text-align: center; padding: 15px 5px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; color: #2d2d2d; font-size:18px; font-weight:500; position: relative; transition: all 0.3s;}
.sch_post .tab_nav > li .btn:focus {outline-offset: -6px;}
.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 .btn:before{content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:1px solid transparent; z-index:2; transition:opacity 0.3s;}
.sch_post .tab_nav > li.active .btn:before{border-color:#555;}
.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: 18px 32px 20px; border-top: 1px solid #dee2e6; background-color: #F6F6F8; margin-top: -1px; min-height: 66px;}
.sch_post .select_opt:after {content: ''; clear: both; display: table;}
.sch_post .select_opt strong {float: left; margin-top:2px;}
.sch_post .select_opt ul {float: left; padding: 0 12px; width:calc(100% - 85px);}
.sch_post .select_opt ul:after {content: ''; clear: both; display: table;}
.sch_post .select_opt ul li {font-size: 16px; font-weight:600; color: #2d2d2d; float: left; padding: 2px 8px;}

/* tab 한개일때 */
.sch_post .tab_nav.only {position: relative;}
.sch_post .tab_nav.only > li {width: 30%; display: inline-block;}
.sch_post .tab_nav.only:before, .sch_post .tab_nav.only:after {content: ''; display: inline-block; position: absolute; left: 0; height: 1px; width: 100%; background-color: #adb5bd;}
.sch_post .tab_nav.only:before {top: 0;}
.sch_post .tab_nav.only:after {bottom: 0;}
.sch_post .tab_nav.only > li.active .btn {z-index: 2; border-right: 1px solid #adb5bd;}
.sch_post .tab_nav.only > li.active .btn:after {display: none;}

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

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

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

.sch_post.expert{padding-bottom:0;}
.sch_post.expert .sch_tab {display: block;}
.sch_post.expert .tab_nav > li .btn:after {content: '\e942'; font-family: 'xeicon'; position:relative; top:-1px; display: inline-block; margin-left:4px; line-height:1; color: #2d2d2d; vertical-align:middle; font-size:20px;}
.sch_post.expert .tab_nav > li.active .btn:after {content: '\e945';}
.sch_post.expert .tab_cont_wrap {position: relative; z-index: 2; border-top: 1px solid #e4e4e4; 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 #e4e4e4;}
.sch_post.expert .sort_tab ul {padding: 12px 0;}
.sch_post.expert .sort_tab li {height: 27px; line-height: 27px; padding: 0 8px;}
.sch_post.expert .sort_tab li > a {position: relative; font-size:15px; padding-left:8px; display: block; color:#2d2d2d;}
.sch_post.expert .sort_tab li.active > a {font-weight:700; background:#F3F3F6;}
.sch_post.expert .sort_tab li.active > a:before{content:''; display:inline-block; margin-right:4px; position:relative; top:-2px; width:18px; height:18px; background:url('../images/v5/common/icon_chk.svg') 50% 50% no-repeat; background-size:14px auto; vertical-align:middle;}
.sch_post.expert .sort_cont .sort_tab {width: 170px; height: 210px; overflow-y: auto; border-right: 1px solid #e4e4e4;}
.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: 15px;}
.sch_post.expert .sort_cont .sort_cont_in ul {padding: 12px 8px;}
.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: 22px; color:#2d2d2d;}
.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: 18px; height: 18px;}
.sch_post.expert .sort_cont .custom-input input[type='checkbox'] + label:after {width:18px; height:18px; left:0; top:1px; background-size:12px auto;}
.sch_post.expert .select_opt{display:flex; flex-wrap:wrap;}
.sch_post.expert .select_opt .restart{display:inline-block;}

/* '24 - 개편ui */
.sch_post.type2{padding-bottom:0; border:0; box-shadow:none;}
.sch_post.type2 .tab_nav{background:none; width:calc(100% + 16px);}
.sch_post.type2 .tab_nav > li{margin-right:16px;}
.sch_post.type2 .tab_nav > li ~ li{border-left:0;}
.sch_post.type2 .tab_nav > li .btn{display:flex; height:72px; align-items:center; justify-content:center; font-size:18px; font-weight:500; color:#1d1d1d; border:1px solid #C6C6C6;}
.sch_post.type2 .tab_nav > li .btn:after{content:''; display:inline-block; position:static; width:20px; height:20px; margin-left:8px; background:url('../images/v5/common/icon_sch.svg') 50% 50%/contain no-repeat; transform:none;}
.sch_post.type2 .tab_nav > li .btn:hover,
.sch_post.type2 .tab_nav > li .btn:focus{background:#F6F6F8; border-color:#313238;}

.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;}
.sch_post.sea .select_opt > strong {display:inline-block; vertical-align:middle; margin-top:5px;}
.sch_post.sea .select_opt > ul {display:block; width:calc(100% - 255px); margin-top:4px;}
.sch_post.sea .app, .sch_post.sea .restart {display:inline-block; vertical-align:middle; padding: 8px 18px; border:1px solid #c6c6c6; border-radius:30px; background:#fff; color:#1d1d1d; font-size:15px; text-align:center; line-height:1.6;}

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

.sch_brief {position: relative; width: 100%; padding-bottom:16px; border-bottom:1px solid #2D2D2D; margin-bottom:20px; text-align: left; display: flex; align-items: center; flex-wrap:wrap; justify-content:space-between;}
.sch_brief.not_line {border-bottom:none;}
.sch_brief + .table_list {margin-top: -22px;}
.sch_brief .result {font-size: 16px; font-weight:600; letter-spacing: -0.04em; color: #000;}
.sch_brief .result strong {color: #d41115;}
.sch_brief .inquire {display: inline-flex; vertical-align: middle; align-items:center; margin-left:auto;}
.sch_brief .inquire .custom_select {margin-left: -1px;}
.sch_brief .inquire .custom_select + .custom_select {margin-left: 0;}
.sch_brief .custom_select {float: left; position:relative; background:#fff;}
.sch_brief .custom_select:after {content:'\e941'; right:16px; z-index: 0; color:#2d2d2d;}
.sch_brief .custom_select select {height:40px; vertical-align: middle; font-weight: 400; padding: 0 52px 0 16px; border-color:#c6c6c6; color:#2d2d2d;}
.sch_brief .btn {float: left; display:flex; align-items:center; background-color: #fff; color: #2d2d2d; vertical-align: middle; padding:3px 16px; font-size:16px; font-weight: 500; height:40px; border: 1px solid #555; margin-left:8px;}
.sch_brief .period {position: relative; display:none; align-items:center; gap:4px; margin-left:8px; color:#717171;}
.sch_brief .date_direct .period {display:flex;}
.sch_brief .period:after {content: ''; clear: both; display: table;}
.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; width:130px; border:1px solid #666; background:#fff;}
.sch_brief .period > span input {width:100%; height:38px; padding:0 35px 0 10px; vertical-align: middle; border: none; font-size: 16px; color:#666;}
.sch_brief .period > span > button {position: absolute; top: 0; bottom: 0; right:0; display: block; width:36px; background: url('../images/v5/common/icon_calendar.svg') no-repeat right 4px center; background-size:24px 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; padding:10px 4px;}
.sch_brief .period .cal-pop {top:40px;}

.sch_brief .sch_post_inp{position:relative;}
.sch_brief .sch_post_inp label,
.sch_brief .sch_post_inp .btn_search > span{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; border:0;}
.sch_brief .sch_post_inp .input_keyword{width:240px; padding:0 40px 0 15px; height:40px; border:1px solid #c6c6c6;}
.sch_brief .sch_post_inp .btn_search{position:absolute; right:0; top:0; width:40px; height:40px;}
.sch_brief .sch_post_inp .btn_search:before{content:''; display:block; width:100%; height:100%; background:url('../images/v5/common/icon_sch.svg') center no-repeat;}
.sch_brief .btn_detail{display:flex; align-items:center; height:40px; padding:0 15px; margin-left:8px; border:1px solid #c6c6c6; font-weight:500; color:#1d1d1d;}
.sch_brief .btn_detail:after{content:'\e941'; font-family:'xeicon'; display:inline-block; margin-left:4px; transition:all .2s;}
.sch_brief .sch_detail{display:none; position:relative; margin-top:12px; padding-top:32px; position:relative; width:100%; background:#F6F6F8; border:1px solid #E4E4E4; border-radius:4px; transition:all .3s;}
.sch_brief.active .btn_detail{background:#F6F6F8; border-color:#555;}
.sch_brief.active .btn_detail:after{transform:rotate(180deg);}
.sch_brief.active .sch_detail{display:block;}
.sch_brief + .photo_list{margin-top:40px;}

.sch_brief .chk input[type='checkbox'] + label:before,
.sch_brief .chk input[type='radio'] + label:before,
.sch_brief .custom-input input[type='checkbox'] + label:before,
.sch_brief .custom-input input[type='radio'] + label:before{top:3px; border-color:#666;}
.sch_brief .chk input[type='checkbox']:checked + label:before,
.sch_brief .chk input[type='radio']:checked + label:before,
.sch_brief .custom-input input[type='checkbox']:checked + label:before,
.sch_brief .custom-input input[type='radio']:checked + label:before{border-color:#ed1f23;}
.sch_brief .chk input[type='checkbox'] + label:after,
.sch_brief .chk input[type='radio'] + label:after,
.sch_brief .custom-input input[type='checkbox'] + label:after,
.sch_brief .custom-input input[type='radio'] + label:after{top:2px;}

.sch_brief.ebook .inquire{margin-left:0;}
.sch_brief.ebook .custom_select + .btn{height:40px; margin-left:8px; background:#2d2d2d; color:#fff; font-size:16px; border-color:transparent;}
.sch_brief.ebook .custom_select + .btn:hover,
.sch_brief.ebook .custom_select + .btn:focus{background:#fff; border-color:#2d2d2d; color:#2d2d2d;}
.sch_brief.t2{justify-content:flex-start; gap:8px 16px;}
.sch_brief.t2 .inquire{margin-left:0;}
.sch_brief.t2 .sch.st1{margin-left:auto;}

.sch_detail .row_item{display:flex; align-items:center; flex-wrap:wrap; margin:12px 32px 0;}
.sch_detail .row_item:first-of-type{margin-top:0;}
.sch_detail .row_item + .row_item,
.sch_detail .row_item + script + .row_item {margin-top:12px;}
.sch_detail .row_item + .row_item .tit,
.sch_detail .row_item + script + .row_item .tit {margin-top: 15px !important;}
.sch_detail .row_item .tit{flex-shrink:0; margin-right:12px; color:#2d2d2d; font-weight:400; margin-bottom: auto; margin-top: 10px;}
.sch_detail .row_item .tit + .sort_wrap {width: 100% !important; width: calc(100% - 71px) !important; gap: 0 8px !important;}
.sch_detail .row_item .tit + .sort_wrap > li {margin-right: 0 !important;}

.sch_detail .row_detail{display:none;}
.sch_detail .row_detail.active{display:block;}
.sch_detail .row_detail.cont3.active{width:100%; margin:12px 0;}
.sch_detail .sort_wrap{display:flex; width:calc(100% + 20px); align-items:flex-start;}
.sch_detail .sort_wrap > li{flex:1; display:flex; flex-direction:column; margin-right:8px; background:#fff; border-radius:8px; border:1px solid #666;}
.sch_detail .sort_wrap > li > button{height:48px; padding:12px 19px; font-size:16px; font-weight:600; color:#1d1d1d; text-align:left;}
.sch_detail .sort_wrap > li > button > i{display:inline-block; position:relative; top:-1px; width:19px; height:19px; margin-right:4px; border:1px solid #666; border-radius:2px; background:#fff; vertical-align:middle;}
.sch_detail .sort_wrap > li > button > i:before,
.sch_detail .sort_wrap > li > button > i:after{content:''; position:absolute; left:50%; top:50%; width:10px; height:1px; background:#666; transform:translate(-50%, -50%);}
.sch_detail .sort_wrap > li > button > i:after{transform:translate(-50%, -50%) rotate(90deg)}
.sch_detail .sort_wrap > li .bx{display:none; border-top:1px solid #e4e4e4;}
.sch_detail .sort_wrap > li > .close > i{border-color:#d41115;}
.sch_detail .sort_wrap > li > .close > i:before{background:#d41115;}
.sch_detail .sort_wrap > li > .close > i:after{display:none;}
.sch_detail .sort_wrap > li > .close + .bx{display:block;}
.sch_detail .sort_wrap > li .chk_tit{width:110px; margin-right:8px; flex-shrink:0;}
.sch_detail .sort_wrap > li .chk_tit label{font-size:18px; font-weight:500; color:#1d1d1d;}
.sch_detail .sort_wrap ul{height:200px; padding:16px 20px; overflow-y:auto; overflow-x: hidden; display: flex; flex-direction: column; gap:8px 0;}
.sch_detail .sort_wrap ul::-webkit-scrollbar{width:7px;}
.sch_detail .sort_wrap ul::-webkit-scrollbar-thumb{background:#aaa; border-radius:7px;}
.sch_detail .sort_wrap ul > li {width: 100%;}
.sch_detail .sort_wrap.col1 ul{flex-direction: row; flex-wrap: wrap;}
.sch_detail .sort_wrap.col1 ul > li {width: calc(100% / 3);}
.sch_detail .sort_wrap label{padding-top:2px;}
.sch_detail .select_opt{display:flex; flex-wrap:wrap; width:calc(100% - 64px); margin:20px 32px 0; padding:0 32px 32px; background:#F6F6F8; border-top:1px solid #d8d8d8;}
.select_opt > strong{display:none; flex-shrink:0; margin-right:12px; color:#2d2d2d; font-weight:400;}
.sch_post.expert .select_opt > strong,
.sch_post.expert .select_opt > ul{display:block;}
.select_opt > ul{display:none; flex-wrap:wrap; flex:1; gap:4px 16px;}
.select_opt > ul > li{color:#2d2d2d; font-weight:600;}
.select_opt li > button{margin-left:4px; width:16px; height:16px; overflow: hidden; line-height:16px; background:#666; color:#fff; transition:all .2s;}
.select_opt li > button:before{content:'\e9af'; font-family:'xeicon'; position:relative; top:-2px; font-weight:bold; font-size:12px; font-weight:bold;}
.select_opt li > button span{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; border:0;}
.select_opt li > button:hover,
.select_opt li > button:focus{background:#1d1d1d;}
.select_opt .restart{display:none;}
.select_opt.active{width:100%; margin:12px 0 0; padding-top:20px; background:#fff; border-color:#e4e4e4;}
.select_opt.active strong{display:block;}
.select_opt.active .restart{display:inline-flex;}
.select_opt.active ul{display:flex;}

.select_opt .btn_bx{width:100%; margin-top:20px; text-align:center;}

.chk_lst{display:inline-flex; flex-wrap:wrap; align-items:flex-start; gap:4px 4px;}
.sch_detail .chk_lst{max-width:calc(100% - 80px);}
.custom_chk{position:relative;}
.custom_chk > input{position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0);}
.custom_chk label{display:flex; align-items:center; height:40px; padding:0 16px; border-radius:20px; background:#fff; border:1px solid #d8d8d8; color:#2d2d2d; cursor:pointer;}
.custom_chk input[type=radio]:checked + label{background:#fef2f2; color:#D41115; border-color:rgba(237, 31, 35, 0.5);}
.custom_chk input[type=radio]:checked + label:before{content:'\e928'; font-family:'xeicon'; color:#d41115; margin-right:2px;}
.custom_chk input[type=radio]:focus + label{outline:2px dotted #1974dd; outline-offset:2px;}
.sch_brief .custom_chk label{border:1px solid #666;}
.sch_brief .custom_chk input[type=radio]:checked + label{border-color:#D41115;}

.sch_btnArea{margin-top:20px; padding-top:20px; text-align:center; border-top:1px solid #8E8E8E;}
.defbtn{display:inline-flex; align-items:center; height:40px; padding:0 15px; border:1px solid #D8D8D8; background:#fff; font-size:16px; font-weight:500; color:#555; vertical-align:middle; transition:all .2s;}
.defbtn + .defbtn{margin-left:4px;}
.defbtn.black{background:#2D2D2D; border-color:#2D2D2D; color:#fff;}
.defbtn:before{display:inline-block; width:20px; height:20px; margin-right:4px; vertical-align:middle; transition:all .4s;}
.defbtn.sch:before{content:''; background:url('../images/v5/common/icon_sch_white.svg') 50% 50% no-repeat; background-size:18px auto;}
.defbtn.reset:before{content:''; background:url('../images/v5/common/icon_refresh.svg') 50% 50% no-repeat;}
.defbtn.big{height:48px; padding:0 40px; border-color:#aaa; color:#2d2d2d; font-size:18px; font-weight:500;}
.defbtn.big:before{background-size:contain;}
.defbtn.reset.big:before{width:24px; height:24px; background:url('../images/v5/common/icon_refresh_black.svg') 50% 50% no-repeat;}

.defbtn.down:after,
.defbtn.blank:after{content:''; position:relative; top:-1px; display:inline-block; width:20px; height:20px; margin-left:4px; background-size:100% auto; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle;}
.defbtn.down:after{background-image:url('../images/v5/common/icon_down_black.svg'); background-size:17px auto;}
.defbtn.blank:after{background-image:url('../images/v5/common/icon_external.svg');}
.defbtn.bd_b{border-color:#555}
.defbtn.blank2:after{content:''; display:inline-block; width:20px; height:20px; margin-left:4px; background:url('../images/v5/common/icon_blank.svg') 50% 50% no-repeat;}
.defbtn.blank2:hover,
.defbtn.blank2:focus{background:#555; color:#fff;}
.defbtn.blank2:hover:after,
.defbtn.blank2:focus:after{background-image:url('../images/v5/common/icon_blank_white.svg');}
.defbtn.down:hover,
.defbtn.down:focus{background:#555; border-color:#555; color:#fff;}
.defbtn.down:hover:after,
.defbtn.down:focus:after{background-image:url('../images/v5/common/icon_down.svg');}


.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{width:100%;}
.article_head .list_type {border-bottom: 1px solid #e4e4e4; padding:30px 0;}
.article_head .list_type li ~ li {border-top: none;}
.article_head .list_type a {padding: 0 0; align-items:center; flex-direction:row-reverse;}
.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:230px; height: 270px;}
.article_head .list_type .thumb + .text {width: calc(100% - 345px); padding:13.5px 30px 0 0;}
.article_head .list_type .thumb.st2 + .text {width: calc(100% - 230px);}
.article_head .list_type .text strong {font-size:2.125rem; display: block; margin:0 0 18px; font-weight:700; max-height:90px; line-height:1.3; transition:all .2s;}
.article_head .list_type a:hover .text strong,
.article_head .list_type a:focus .text strong{text-decoration:underline; text-underline-position:under; color:#d41115;}
.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: 116px; overflow: hidden; font-size:18px;}
.article_head .list_type .text .source{font-size:15px; color:#555}

.article_head .list_type.t2{padding:50px 0;}
.article_head .list_type.t2 .text strong{margin-bottom:16px; font-size:32px; line-height:1.4;}
.article_head .list_type.t2 .text .lead{margin-bottom:16px;}
.article_head .list_type .lst_col2 {display: flex; align-items: stretch;}
.article_head .list_type .lst_col2 li {position: relative; min-width: calc(100% / 2); border:0;}
.article_head .list_type .lst_col2 li ~ li{border-left:1px solid #e4e4e4;}
.article_head .list_type .lst_col2 li:first-child{padding-right:30px;}
.article_head .list_type .lst_col2 li:last-child{padding-left:30px;}

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

.article_head .list_type.fact .text strong{margin-bottom:16px; font-size:32px;}
.article_head .list_type.fact .text .lead{margin-bottom:16px; font-weight:500;}

/* ================================== sub main ================================== */
.sub_main {position: relative;}
.sub_main ~ .sub_main {margin-top: 60px;}
.sub_main .more {position: absolute; right: 0px; top: 10px; color: #2d2d2d; font-weight:500; transition:all .2s;}
.sub_main .more span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.sub_main .more .xe-icon{font-weight:600; font-size:14px; margin-left:2px;}
.sub_main .more .xe-icon:before {content: '\e93e';}
.sub_main .more:hover,
.sub_main .more:focus{color:#d41115;}
.sub_main .more.black{top:3px;}
.more.black{display:flex; align-items:center; line-height:1; height:32px; padding:0 8px 0 12px; border:1px solid transparent; background:#313238; border-radius:20px; font-size:14px; color:#fff;}
.more.black .xe-icon{font-size:12px; margin-left:4px;}
.more.black:hover,
.more.black:focus{border-color:#313238; color:#313238; background:#fff;}

/* 멀티미디어 탭메뉴 */
.media_tab{display:flex; width:calc(100% + 8px); margin:10px 0 40px;}
.media_tab > li{flex:1; margin-right:8px;}
.media_tab > li > a{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:90px; border:1px solid #E4E4E4; border-radius:12px; background:#fff; font-size:16px; font-weight:500; letter-spacing:0; transition:all .2s;}
.media_tab > li > a .tit{color:#555; font-weight:500;}
.media_tab > li.active > a{box-shadow:0 4px 8px rgba(0,0,0,.12); font-weight:700; border:2px solid #2D2D2D;}
.media_tab > li.active > a .tit{color:#1d1d1d; font-weight:700; text-decoration:underline; text-underline-position:under; text-underline-offset: 1px;}
.media_tab > li > a:hover,
.media_tab > li > a:focus{border-color:#555;}
.media_tab > li > a:before{content:''; display:inline-block; margin-bottom:8px; width:29px; height:29px; background-position:center; background-repeat:no-repeat;}
.media_tab > li:nth-child(1) > a:before{background-image:url('../images/v5/sub/icon_media_1.png');}
.media_tab > li:nth-child(2) > a:before{background-image:url('../images/v5/sub/icon_media_2.png');}
.media_tab > li:nth-child(3) > a:before{background-image:url('../images/v5/sub/icon_media_3.png');}
.media_tab > li:nth-child(4) > a:before{background-image:url('../images/v5/sub/icon_media_4.png');}
.media_tab > li:nth-child(5) > a:before{background-image:url('../images/v5/sub/icon_media_5.png');}
.media_tab > li:nth-child(6) > a:before{background-image:url('../images/v5/sub/icon_media_6.png');}

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

/* ================================== List ================================== */
.no_data {display: table; table-layout: fixed; width: 100%; text-align: center; height: 202px; padding: 25px 0; border-bottom: 1px solid #dee2e6; color: #707070;}
.no_data span {width: 100%; display: table-cell; vertical-align: middle;}
li.no_data {padding:0;}
table .no_data {border-bottom: 0 solid #dee2e6; text-align: center; width: 100%; display: block; display: table-cell;}
table .no_data span {display: inline-block;}
.photo_list .no_data {flex-basis: 100%; max-width: 100%; border-bottom: none;}

.list_type{position:relative;}
.list_type.bt{padding-top:20px; border-top:1px solid #2d2d2d;}
.list_type li{border-bottom:1px solid #e8e8e8;}
.list_type li a {padding:20px 0;}
.list_type li:first-child a {padding-top: 0;}
.list_type.event li:first-child a {padding-top: 30px; border-top:1px solid #2D2D2D;}
.list_type a, .list_type > div {display: flex; flex-wrap: wrap; align-items: center;}
.list_type .thumb {width: 200px; height: 132px;}
.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% - 150px);}
.list_type .thumb.audio + .text {width: calc(100% - 150px);}
.list_type .text {display: block; width: 100%;}
.list_type .text strong {font-size: 1.25rem; line-height:1.4; font-weight:600; letter-spacing: -0.4px; margin:0 0 8px 0; display:-webkit-box; max-height:54px; overflow: hidden; text-overflow:ellipsis; color:#1d1d1d; -webkit-box-orient:vertical; -webkit-line-clamp:1; transition:all .2s;}
.list_type a:hover .text strong,
.list_type a:focus .text strong,
.list_type a:hover .text strong span,
.list_type a:focus .text strong span{text-decoration:underline; text-underline-position:under; color:#d41115;}
.list_type .text .stitle {width: 100%; font-size: 1.25rem; color:#2d2d2d; margin-bottom:8px; line-height:1.6; font-weight:600;}
.list_type .text .lead {display:block; font-size:1rem; color: #555; margin-bottom:8px; max-height:52px; overflow: hidden;}
.list_type .text .source {font-size: 14px; color: #717171;  display: block;}
.list_type .text .source span{min-height:17.5px; vertical-align:middle;}
.list_type .text .source span:last-child {display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: calc(100% - 92px);}
.list_type .text .source span ~ span {position: relative; margin-left: 4px; 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:#c6c6c6;}
.list_type .text .sort {float:left; display:inline-block; margin:5px 8px 0 0; vertical-align:middle; font-weight: 700; font-size: 16px; letter-spacing: -0.02em; color:#d41115;}
.list_type .text .category{display:inline-flex; align-items:center; height:24px; margin-right:4px; padding:0 6px; color:#2d2d2d; font-size:14px; border:1px solid #c6c6c6; font-weight:400; vertical-align:middle;}

/* 정책포커스 */
.list_type.freethumb{margin-top:40px;}
.list_type.freethumb a,
.list_type.freethumb > div,
.list_type.focus a,
.list_type.focus > div{flex-wrap:nowrap; flex-direction:row-reverse;}
.list_type.freethumb .thumb,
.list_type.focus .thumb{flex-shrink:0; width:200px; height:135px;}
.list_type.freethumb .thumb + .text,
.list_type.focus .thumb + .text{flex:auto; width:auto; padding:0 20px 0 0; line-height:1.4;}

/* 이슈키워드 */
.list_type.issue li a{padding:40px 0; align-items:flex-start;}
.list_type.issue li:first-child a{padding-top:40px;}
.list_type.issue .text .category{margin:0; padding:0; border:0; color:#931B1D; font-size:15px; font-weight:600;}
.list_type.issue .thumb{flex-shrink:0; width:307px; height:204px;}
.list_type.issue .text > strong{max-height:inherit; margin-bottom:12px; font-size:28px; color:#000; font-weight:700; -webkit-line-clamp:2;}
.list_type.issue .text .lead{margin-bottom:12px;}

/*기고칼럼*/
.list_type.writer{margin-top:16px; background:#f3f3f6; padding:0; border-bottom:0; margin-bottom:40px;}
.list_type.writer > div{align-items:flex-start;}
.list_type.writer .thumb + .text {display:flex; flex-direction:column; justify-content:center; min-height:270px; padding:15px 40px;}
.list_type.writer .text strong{margin-bottom:8px; font-size:32px; font-weight:700; line-height:normal;}
.list_type.writer .text .stitle {margin-bottom:16px; font-size:20px; color:#555; font-weight:600; line-height:1.4;}
.list_type.writer .text .lead {margin-bottom:0; max-height: none; font-size:16px; color:#2d2d2d;}

/* 브리핑룸 메인 */
.list_type.tbsty {border-top:1px solid #2d2d2d;}
.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; align-items: center; flex-direction: row-reverse; justify-content: flex-end; max-width: 100%; width: auto !important;}
.list_type.tbsty .text strong {font-size:1rem; font-weight: 400; margin:0 0 0 auto; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:1.4; color:#1d1d1d;}
.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% - 70px); display: inline-block;}
.list_type.tbsty .vid {margin-left:6px; text-align: center;}

.list_type.event a {display: flex; flex-wrap: wrap; align-items: center; padding:30px 0;}
.list_type.event .thumb {width:300px; height: 94px;}
.list_type.event .thumb + .text {padding-left: 20px; width: calc(100% - 300px);}
.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;}

.list_type.type2{border-top:1px solid #1d1d1d;}
.list_type.type2 li a{padding:24px 0;}
.list_type.type2 .text .lead{display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.line_lst{position:relative;}
.line_lst > ul{display:flex; flex-wrap:wrap; width:calc(100% + 24px);}
.line_lst > ul > li{width:calc(33.3% - 24px); height:200px; margin-right:24px;}
.line_lst > ul > li > a{flex-direction:row; position:relative; height:100%; padding:32px; border:1px solid #d8d8d8; background:#fff;}
.line_lst .text strong{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-.4px; -webkit-box-orient:vertical; -webkit-line-clamp:3; transition:all .2s;}
.line_lst .source{position:absolute; width:100%; left:32px; bottom:32px; font-size:14px; color:#555;}
.line_lst a:hover .text strong,
.line_lst a:focus .text strong{color:#d41115; text-decoration:underline; text-underline-position:under;}

.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:40px;}
.photo_list a {display: block;}
.photo_list .thumb {width:283px; height:191px; margin: 0 auto;}
.photo_list .text {display: block; padding-top: 12px;}
.photo_list .text strong {display: block; color: #1d1d1d; font-size:18px; font-weight: 500; margin-bottom:8px; height:50px; line-height:1.4; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition:all .2s}
.photo_list .source {display:flex; color: #555; font-size: 14px;}
.photo_list .source span {white-space: nowrap;}
.photo_list .source span{position:relative; align-items:center; margin-right:8px; padding-right:8px;}
.photo_list .source span:before{content:''; position:absolute; right:0; top:3px; height:12px; border-left:1px solid #c6c6c6;}
.photo_list .source span:last-child{width: calc(100% - 80px); margin-right: 0; padding-right:0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.photo_list .source span:last-child:before{display:none;}
.photo_list a:hover .text strong,
.photo_list a:focus .text strong{color:#d41115; text-decoration:underline; text-underline-position:under;}
.photo_list.type2 .thumb{height:190px;}
.photo_list.ministry > ul > li:nth-child(n+4){margin-top:32px;}

.photo_list.ebook {}
.photo_list.ebook .thumb {width:207px; height:286px; position: relative; border: 1px solid #e4e4e4;}
.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:50px; height:auto;}
.photo_list.ebook .text strong + .source {margin-top: 5px; color: #707070; font-size: 13px;}
.photo_list.ebook .btns {width: 100%; margin:8px 0 0; text-align:left;}
.photo_list.ebook .btns a {display:inline-block; border:1px solid #d8d8d8; color:#555; font-size:14px; font-weight:500; padding:3px 5px; transition:all .2s;}
.photo_list.ebook .btns a:hover,
.photo_list.ebook .btns a:focus{background-color: #555; border-color:#555; color: #fff;}
.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';}
.gov_ebook .photo_list.ebook > ul > li:nth-child(n+5){margin-top:0;}

.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:32px;}
.photo_list.ebook > ul > li .text{display:flex; flex-direction: column; gap:8px;}
.photo_list.ebook > ul > li .text .btns{order: -1; margin:0;}
.photo_list.short > ul{margin-left:-22px; margin-right:-22px}
.photo_list.short > ul > li{padding:0 22px}
.photo_list.short .thumb{width:260px; height:463px; border-width:1px;}
.photo_list.card .thumb{width:284px; height:191px;}
.photo_list.photo .thumb{height:191px;}
.photo_list + .photo_list{margin-top:20px; padding-top:40px; border-top:1px solid #e4e4e4;}

.table_list {margin-bottom: 10px; border-top: 2px solid #2d2d2d;}
.table_list .pd{padding:15px 8px;}
.table_list th {padding:9px 0; font-size: 15px;}
.table_list td {height:58px; padding: 15px 0; font-size: 16px; text-align: center; color: #555;}
.table_list td strong{font-weight:600;}
.table_list thead th {background-color: #F3F3F6; text-align: center;}
.table_list tr {border-bottom: 1px solid #e4e4e4;}
.table_list td.subject {direction:ltr !important; padding: 15px;}
.table_list td.subject a {width: 100%; text-align: left; display:block; align-items:center; flex-direction: row-reverse; justify-content: flex-end; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; color:#1d1d1d; font-size:16px;}
.table_list td.subject a.flex{display:flex;}
.table_list td.subject strong {font-weight: 400;}
.table_list td.subject a:hover,
.table_list td.subject a:focus{color:#d41115; text-decoration:underline; text-underline-position:under;}
.table_list td.subject a:hover strong,
.table_list td.subject a:focus strong{color:#d41115;}
.table_list.table-border th, .table_list.table-border td {border: 1px solid #dee2e6;}
.table_list .notice td {background: #f6f6f8;}
.ico_notice {font-size: 0; line-height: 0; width:24px; height:24px; display: inline-block; background: url('../images/v5/common/icon_notice.svg'); 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_wrap{display:flex;}
.table_list td.subject .vid_wrap a{width:auto;}
.table_list td.subject .vid_wrap .vid_link{flex-shrink:0; position:relative; top:1px;}
.table_list td.subject .vid + strong {max-width: calc(100% - 80px); display: inline-block; line-height: 23px; height: 23px;}
.table_list td.subject .vid {margin-left:6px; text-align: center;}
.livere_box + .table_list {margin-top: 39px;}
.livere_box + .btns {margin-top:40px;}
.livere_box + .btns .btn.border {padding:15.75px 40px; font-size:18px; font-weight:500;}
.view_opt + .table_list {margin-top: 39px;}
.view_opt + .btns {margin-top:40px;}
.view_opt + .btns .btn.border {padding:15.75px 40px; font-size:18px; font-weight:500;}

.table_list .date{font-size:14px; color:#717171;}
.table_list.t2{margin-bottom:16px;}
.table_list.t2 th,
.table_list.t2 td{font-size:16px; min-height:55px; border:1px solid #e4e4e4;}
.table_list.t2 tr th:first-child,
.table_list.t2 tr td:first-child{border-left:0;}
.table_list.t2 tr th:last-child,
.table_list.t2 tr td:last-child{border-right:0;}

.lst_more{font-size:16px; color:#2d2d2d; font-weight:500; transition:all .2s;}
.lst_more:after{content:'\e93f'; font-family:'xeicon'; vertical-align:middle; font-size:20px; line-height:1; position:relative; top:1px;}
.lst_more:hover,
.lst_more:focus{color:#d41115;}
.list_type .lst_more,
.photo_list .lst_more,
.line_lst .lst_more{position:absolute; right:0; top:-47px; display:flex; align-items:center;}

.bottom_btn_area{margin-top:60px; text-align:center;}

.btn_type{display:inline-flex; align-items:center; justify-content:center; height:56px; padding:0 40px; text-align:center; font-size:18px; font-weight:500; color:#1d1d1d; border:1px solid transparent; transition:all .2s;}
.btn_type.line{border-color:#555;}
.btn_type.line:hover,
.btn_type.line:focus{background:#555; color:#fff;}

/* 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 {flex-shrink:0; display:inline-block; font-size: 1.125rem; width:24px; height:24px; margin-left:6px; position: relative; background:url('../images/v5/sub/icon_video.svg') 50%/contain no-repeat; vertical-align:middle;}
.vid_ico i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.vid {display: inline-block; vertical-align:middle;}
.vid i {position: relative; font-size:14px; direction: ltr; vertical-align: middle; line-height: 1; color: #2d2d2d; padding: 4px 22px 4px 4px; display: inline-block; border: 1px solid #c6c6c6;}
.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 33px 4px 6px; 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:28px;}
.paging::before, .paging::after {content: ''; display: block; clear: both;}
.paging a {display: inline-block; vertical-align: middle; text-align: center; min-width:2.5rem; height: 2.5rem; line-height: 2.5rem; color:#1d1d1d; border-radius:50%; font-size:0.9375rem; transition: all .2s;}
.paging a:hover {color: #d41115;}
.paging a[class]{width: 2.5rem;}
.paging > a[class]{display:inline-flex; justify-content:center; align-items:center; margin:0 6px; color: #2d2d2d; border:1px solid #D8D8D8;}
.paging a[class]:not(.on):hover,
.paging a[class]:not(.on):focus{background:#F3F3F6;}
.paging span a.on {border: 1px solid #2d2d2d;}
.paging i {font-size: 1rem;}
.paging .first i ~ i, .paging .last i ~ i {margin-left: -10px;}
.paging .num{margin:0 2px;}
.paging .num:first-of-type{margin-left:6px;}
.paging .num:last-of-type{margin-right:6px;}

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

/* ================================== View: article body ================================== */
.view_title{width:100%; max-width:1140px; margin:0 0 40px auto;}
.view_title h1{font-size:40px; font-weight:700; color:#1d1d1d;}
.view_title .head{line-height:1.6; font-size:18px; font-weight:700; color:#d41115; letter-spacing:0;}
.view_title + .article_body{padding-top:0 !important;}

.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: 20px; font-weight: 600; color: #555; word-break: keep-all; word-wrap: break-word;}
.area_contents .article_head h2 span {display: block; margin-top: 8px;}
.area_contents .article_head h2 span br {display: none;}
.area_contents .article_head h2 + h2{margin-top:8px;}
.area_contents .article_head > h2:last-of-type{margin-bottom:30px;}
.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: #c6c6c6;}
.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 #e8e8e8; border-bottom:1px solid #2d2d2d; padding: 15px 0; width: 100%; display: flex; flex-wrap: wrap; align-items:center; justify-content:space-between;}
.area_contents .article_head .info {max-width:calc(100% - 180px); font-size: 16px; color: #555; vertical-align: middle; line-height:1.6;}
.area_contents .article_head .info span {position:relative; margin-right:4px; padding-right:8px;}
.area_contents .article_head .info span:before{content:''; position:absolute; right:0; top:6px; height:14px; border-right:1px solid #c6c6c6;}
.area_contents .article_head .info span:last-of-type{padding-right:0; margin-right:0;}
.area_contents .article_head .info span:last-of-type:before{display:none;}
.area_contents .article_head .info span.place {display: block; margin-right: 0; margin-top: 5px;}
.area_contents .article_head .info .gotosite {position: relative; padding-right: 20px;}
.area_contents .article_head .info .gotosite:after {content: ''; display: inline-block; position: absolute; right: 0; top: 3px; width: 20px; height: 20px; background: url('../images/v5/common/icon_blank.svg') no-repeat 0 50%;}

.area_contents .article_head .variety.t2 .info span:nth-child(2){padding-right:0; margin-right:0;}
.area_contents .article_head .variety.t2 .info span:nth-child(2):before{display:none;}
.area_contents .article_head .tool {display:inline-flex; align-items:center; gap:0 16px; white-space:nowrap;}
.area_contents .article_head .tool span{color:#2d2d2d; font-size:16px; font-weight:500;}
.area_contents .article_head .tool > button:before,
.area_contents .article_head .tool a:before {content: ''; display: inline-block; width: 24px; height: 24px; background:url('../images/common/ico_tool.png') 0 0 no-repeat; vertical-align:middle;}
.area_contents .article_head .tool > button:not(.lst) span,
.area_contents .article_head .tool > a:not(.lst) span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.area_contents .article_head .tool .tts:before {background:url('../images/v5/common/icon_speaker.svg') center no-repeat;}
.area_contents .article_head .tool .tts.active:before{background:url('../images/common/ico_tts_on.gif') center 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:url('../images/v5/common/icon_print.svg') center no-repeat;}
.area_contents .article_head .tool .lst:before {display:none;}

.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;}
.area_contents .article_head .tool .font_size > button{position:relative; position:relative; display:flex; align-items:baseline;}
.area_contents .article_head .tool .font_size > button:before{content:''; display:inline-block; width:24px; height:24px; background:url('../images/v5/common/icon_fontsize.svg') center no-repeat; vertical-align:middle;}
.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;}
.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 #D8D8D8; padding:24px; margin: 40px 0; font-size: 1.125rem; font-weight: 500; line-height:1.6; box-sizing: border-box; color:#1d1d1d; background:#F6F6F8;}
.editor_note strong {display:inline-block; height:26px; color: #fff; background-color: #d41115; padding:0 6px; margin-right: 10px; font-size:16px;}
.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_wrap{position:relative;}
.related {position:relative; width: 100%; border-top: 1px solid #2D2D2D; border-bottom:1px solid #E4E4E4; padding:20px 0; margin:40px 0 85px 0; box-sizing: border-box;}
.related .rhead {position: relative;}
.related .rhead > strong.rtit {margin-bottom:20px; font-size:24px; color: #1d1d1d; font-weight: 700; white-space: nowrap; display:block; line-height: 1.4;}
.related .rhead > div.rkey {display:block; padding-bottom:8px; line-height:1.4; border-bottom:1px solid #E4E4E4; vertical-align: middle;}
.related .rhead > div.rkey > button.rb {position: relative; margin:0 12px 12px 0; font-size:16px; color:#555; font-weight:500;}
.related .rhead > div.rkey > button.rb:after {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #d41115; transform: scaleX(0); visibility: hidden; transition: all 0.2s;}
.related .rhead > div.rkey > button.rb.active {color:#d41115;}
.related .rhead > div.rkey > button.rb.active:after {background-color: #d41115; transform: scaleX(100%); visibility: visible;}
.related .rbody > ul.rlst {margin-top:20px;}
.related .rbody > ul.rlst a {position: relative; font-size: 18px; color: #1d1d1d; padding-left:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; word-wrap: break-word; display: block; font-weight: 500; transition:all .2s;}
.related .rbody > ul.rlst a:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:6px; background:#D8D8D8; transition:all .2s;}
.related .rbody > ul.rlst a:hover,
.related .rbody > ul.rlst a:focus{text-decoration:underline; text-underline-position:under; color:#d41115;}
.related .rbody > ul.rlst a:hover:before,
.related .rbody > ul.rlst a:focus:before{background:#d41115;}
.related .rbody > ul.rlst li + li{margin-top:16px;}
.related .rbody > ul.rlst li:nth-child(5n+1) {padding-top:4px;}
.related .rbody > ul.rlst li:nth-child(5n) {border-bottom: 1px solid #e4e4e4; padding-bottom: 20px;}
.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; top:calc(100% + 12px); left: 50%; transform: translateX(-50%); width:246px; font-size: 16px; color: #1d1d1d; font-weight:500; padding: 10px 26px; background-color: #fff; border-radius:8px; border: 1px solid #D8D8D8; text-align:center; line-height:18px; transition:all .2s; margin-bottom:13px;}
.related > button.ropen .xe-icon {position:relative; top:-1px; margin-left: 5px; vertical-align:middle;}
.related > button.ropen .xe-icon:after {content: '\e941';}
.related > a.rmore {position: absolute; top:28px; right:24px; 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';}
.related > button.ropen:hover,
.related > button.ropen:focus{border-color:#1d1d1d;}

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

.related_wrap.writer{padding-bottom:20px;}
.related_wrap.writer .related{padding:24px 24px 30px; background:#F6F6F8; border:1px solid #D8D8D8;}

/* 정책기자단 명함 */
.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:100%; left: 50%; transform: translateX(-50%);}
.docConversion + .remark {margin: 25px 0; padding:24px;}

/* 사실은 이렇습니다 */
.cont-box {position: relative; border: 1px solid #d8d8d8; background: #F6F6F8; padding:24px 24px 16px; line-height:1.4; color: #1d1d1d; font-size:20px; margin-bottom: 0 !important; font-weight: 600;}
.remark {position: relative; margin-bottom:40px !important; border:1px solid #d8d8d8; font-size:1rem; color: #1d1d1d; line-height:1.6; font-weight: 400; letter-spacing: -0.01em; padding:16px 24px 24px; background-color: #F6F6F8;}
.remark i {display:none; color: #8dacd5;}
.cont-box + .remark {margin-top: -1px; border-top: none;}
.cont-box + .remark:before{content:''; position:absolute; left:24px; right:24px; top:0; height:0; border-top:1px solid #d8d8d8}

/* 카드뉴스, 포토 슬라이드 */
.slider_wrap {position: relative; background-color: #383e44; padding-top: 50px; width: 100%; margin-bottom:40px;}
.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:40px; height: 80px; font-size: 0; background-color: rgba(0, 0, 0, 0.6); display: inline-block;}
.slider_wrap .flex-direction-nav a:before {font-family: 'xeicon'; font-size:24px; color: #fff; transition: all .2s; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.slider_wrap .flex-direction-nav a:hover:before {color:#fff;}
.slider_wrap .flex-direction-nav .flex-prev {left: 0px;}
.slider_wrap .flex-direction-nav .flex-prev:before {content: '\e93b';}
.slider_wrap .flex-direction-nav .flex-next {right: 0px;}
.slider_wrap .flex-direction-nav .flex-next:before {content: '\e93e';}
.slider_wrap .flex-direction-nav .flex-disabled {display:none;}
.slider_wrap .first {display:none;}
.slider_wrap .first button {position: absolute; right: 0; top: calc(50% - 38px); transform: translate(0, -50%); z-index: 2; width: 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: 4px; opacity: .4; cursor: pointer; transition: all .2s;}
.slider_nav button {box-sizing: border-box; width: 100%;}
.slider_nav button img{opacity:.4;}
.slider_nav .flex-active-slide button {border: 2px solid transparent; outline: 2px solid #6E707A;}
.slider_nav .flex-active-slide button img {border: 0 solid transparent; outline: 0 solid #6E707A; opacity:1;}
.slider_nav .flex-active-slide {opacity: 1;}
.slider_nav .flex-active-slide img {border: 3px solid transparent; outline: 3px solid #6E707A;}

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

.cardnews_slider {}
.cardnews_slider .slider_wrap {background-color: #F6F6F8; padding-top: 0;}
.cardnews_slider .slider_wrap .slides img {max-width:none; width: 100%;}
.cardnews_slider .slider_wrap .current {padding: 12px 0; font-size:18px; color:#717171; line-height:1.6}
.cardnews_slider .slider_wrap .current .current-slide {font-weight:700; color:#1D1D1D;}
.cardnews_slider .slider_for .flex-viewport {margin:0 auto; max-width: 100%; box-shadow: none;}
.cardnews_slider .slider_nav {background-color: #f2f4f7; padding: 0 94px 24px;}
.cardnews_slider .slider_nav .flex-direction-nav a {top:calc(50% - 12px); bottom:auto; width:32px; height:32px; transform: translate(0, -50%); background-color: #6E707A;}
.cardnews_slider .slider_nav .flex-direction-nav a:before {font-size:16px;}
.cardnews_slider .slider_nav li {font-size: 0;}

.photoview_slider {position: relative; left: 50%; transform: translateX(-50%); width:100%;}
.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 {font-size:18px; color:#717171;}
.photoview_slider .slider_wrap .current .current-slide {font-weight:700; color:#1D1D1D;}
.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: #555;}
.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{margin:40px 0}
.movie > div:not(.info) {position: relative; left: 50%; transform: translateX(-50%); width:100% !important; margin:0 auto !important; padding-top: 56.25% !important; padding-bottom: 0 !important;}
.movie .info {font-size: 15px; padding:15px 0; line-height:1.5; border-bottom:1px solid #e8e8e8; text-align: center; color:#555;}
.movie .info:before {content: '\ea40'; font-family: 'xeicon'; display: inline-block; color: #d41115; margin-right: 4px; font-size:20px; vertical-align:middle; line-height:1;}

.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 {width:720px;}

/* ================================== View: article footer ================================== */
.filedown {padding: 24px; border-bottom: 1px solid #D8D8D8; font-size: 14px; font-weight:500; margin-bottom: -1px; background:#F6F6F8;}
.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: flex; align-items:start; justify-content:space-between; 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: #555; padding-left: 21px; text-indent: -21px;}
.filedown dd p span img {position: relative; top: -2px;}
.filedown dd p span:nth-child(2) {flex-shrink:0; display:flex; padding: 0; text-align: left; font-size: 0; margin-top:-5px;}
.filedown dd p span:nth-child(2) a {margin-left:6px; text-indent:0;}
.filedown dd p span:nth-child(2) a:after {content:''; display:inline-block; width:16px; height:16px; margin-left:2px; vertical-align:middle;}
.filedown dd p span:nth-child(2) a.view:after {background:url('../images/v5/common/icon_sch.svg') 50%/contain no-repeat;}
.filedown dd p span:nth-child(2) a.down:after {background:url('../images/v5/common/icon_down.svg') 50%/contain no-repeat;}
.filedown dd p .down,
.filedown dd p .view{display:inline-flex; align-items:center; justify-content:center; height:28px; padding:0 8px; font-size:14px; border:1px solid transparent; text-align:center;}
.filedown dd p .down{color:#fff; background:#777;}
.filedown dd p .view{color:#2d2d2d; background:#fff; border-color:#717171;}
.filedown dd img {margin-right: 5px;}

.article_head .filedown dt {float: none; width: 100%; margin-bottom: 12px; font-size:18px; font-weight: 500;}
.article_head .filedown dd {float: none; width: 100%;}
.article_head .filedown dd p {margin-bottom: 10px; display: flex; width: 100%;}

.law_copy_wrap {margin-bottom:20px; padding:12px 20px; background:#fff; text-align:left; line-height:1.5; color:#555; font-size:14px; border:1px solid #e4e4e4; border-top: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 {font-size: 14px; font-weight:400; letter-spacing: -0.02em;}
.law_copy_wrap .law_copy .source span {color: #d41115; font-weight:600;}

.kogl_wrap {padding:20px; border: 1px solid #e4e4e4;}
.kogl_wrap .kogl > div ~ div {margin-top: 20px;}
.kogl_wrap .kogl .guide {display: flex; align-items:center;}
.kogl_wrap .kogl .guide .logo {flex-shrink:0;}
.kogl_wrap .kogl .guide .logo img{min-width:100%;}
.kogl_wrap .kogl .guide .logo div {display: flex; margin-top: 5px;}
.kogl_wrap .kogl .guide .logo div a {display:flex; justify-content:center; align-items:center; padding-top:1px; color: #2d2d2d; font-size: 14px; background-color:#fff; width: 50%; height:25px; text-align: center; font-weight:500; border:1px solid #717171; white-space: nowrap; transition:all .2s;}
.kogl_wrap .kogl .guide .logo div a ~ a {margin-left: 4px;}
.kogl_wrap .kogl .guide .logo div a:hover,
.kogl_wrap .kogl .guide .logo div a:focus{background:#717171; color:#fff;}
.kogl_wrap .kogl .guide dl {padding-left: 12px;}
.kogl_wrap .kogl .guide dt {font-size:18px; font-weight:500; margin-bottom:4px; line-height:1.4; letter-spacing:-.36px;}
.kogl_wrap .kogl .guide dd {font-size:0.875rem; color:#555; line-height:1.5;}
.kogl_wrap .kogl .info {position: relative;}
.kogl_wrap .kogl .info .desc{display:block; color:#1d1d1d; font-weight:400; font-size:16px;}
.kogl_wrap .kogl .info .btn{display:inline-flex; flex-wrap:wrap; margin-top:8px; padding:0;}
.kogl_wrap .kogl .info .btn a {display:inline-flex; align-items:center; justify-content:center; height:29px; padding:0 8px; color:#2d2d2d; font-size: 14px; background-color:#fff; border:1px solid #717171; text-align:center; transition:all .2s;}
.kogl_wrap .kogl .info .btn a ~ a {margin-left:4px;}
.kogl_wrap .kogl .info .btn a:hover,
.kogl_wrap .kogl .info .btn a:focus{background:#717171; color:#fff;}

.livere_comment {margin-top: 39px; width: 100%; text-align: center;}
.livere_comment button {position: relative; height:48px; border: 1px solid #aaa; color: #2d2d2d; font-weight: 500; font-size: 18px; padding:0 40px; transition:all .2s;}
.livere_comment button span {position: relative; display: flex; line-height: 1; align-items: center; justify-content: center;}
.livere_comment button span:before {content: ''; display: inline-block; width: 24px; height: 24px; margin-right:4px; background: #fff url('../images/v5/common/icon_reply.svg') 50% 50% no-repeat; vertical-align:middle;}
.livere_comment button em {position:relative; font-size: 14px; font-weight:500; display: inline-block; color:#d41115; margin-left: 5px;}
.livere_comment button:hover,
.livere_comment button:focus{border-color:#1d1d1d;}

.view_opt {display: flex; flex-wrap: wrap; position: relative; gap: 15px; justify-content: center; margin-top: 39px;}
.view_opt .share {position: relative;}
.view_opt .share .open {position: relative; width: 230px; height: 48px ; border: 1px solid #aaa; color: #2d2d2d; font-weight: 500; font-size: 18px; padding: 0 40px; transition: all .2s;}
.view_opt .share .open span {line-height: 1; display: flex; align-items: center; justify-content: center;}
.view_opt .share .open span:before {content: '\e9ea'; font-family:'xeicon'; display:inline-block; font-size: 22px; color: #181818; transition: all .3s; margin-right: 4px;}
.view_opt .share .open span i {position: absolute; top: 50%; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.view_opt .share_lst {position: absolute; left: 0; top: 61px; width: 499px; border: 1px solid #d8d8d8; border-radius: 12px; background-color: #fff; padding: 20px 20px 15px 20px; box-shadow: 0px 0px 10px rgba(5, 5, 6, 0.08); display: none; z-index: 5;}
.view_opt .share_lst b {margin-bottom: 20px; font-size: 18px; letter-spacing: -0.02em; color: #1d1d1d; font-weight: 500; display: block;}
.view_opt .share_lst ul {padding-bottom: 0; border: 0; display: flex;}
.view_opt .share_lst ul li {width: calc(100% / 6); padding: 5px 0; margin: 0;}
.view_opt .share_lst ul li button {width: 100%; height: 66px; vertical-align: top; border-radius: 5px;}
.view_opt .share_lst ul li button:before {content: ''; display: inline-block; margin-bottom: 4px; width: 32px; height: 32px; background-image: url('../images/v5/sub/icon_share_sns.png'); background-size: auto 32px; background-repeat: no-repeat;}
.view_opt .share_lst ul li button i {display: block; width: 100%; font-size: 14px; font-weight: 500; color: #555; letter-spacing: -0.025em;}
.view_opt .share_lst ul li button.fb:before {background-position: 0 0;}
.view_opt .share_lst ul li button.tw:before {background-position: -33px 0;}
.view_opt .share_lst ul li button.bd:before {background-position: -66px 0;}
.view_opt .share_lst ul li button.kt:before {background-position: -99px 0;}
.view_opt .share_lst ul li button.bm:before {background-position: -132px 0;}
.view_opt .share_lst ul li button.uc:before {background-position: -165px 0;}
.view_opt .share_lst .close {position: absolute; right: 20px; top: 20px;}
.view_opt .share_lst .close .xe-icon:before {content: '\e921'; font-size: 20px; color: #333;}
.view_opt .share_lst .close span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}

.view_opt .like {position: relative; width: 230px; height: 48px ; border: 1px solid #aaa; color: #2d2d2d; font-weight: 500; font-size: 18px; padding: 0 40px; transition: all .2s;}
.view_opt .like span {line-height: 1; display: flex; align-items: center; justify-content: center;}
.view_opt .like span:before {content: '\ea11'; font-family:'xeicon'; display:inline-block; font-size: 22px; color: #ed2125; transition: all .3s; margin-right: 4px;}
.view_opt .like em {position: relative; font-size: 14px; font-weight: 500; display: inline-block; color: #d41115; margin-left: 4px;}
.view_opt .like.active span:before {content: '\ea10';}

.view_opt .livere_comment {margin-top: 0; width: 230px; display: inline-block;}
.view_opt .livere_comment button {position: relative; width: 100%; height:48px; border: 1px solid #aaa; color: #2d2d2d; font-weight: 500; font-size: 18px; padding:0 40px; transition:all .2s;}
.view_opt .livere_comment button span {position: relative; display: flex; line-height: 1; align-items: center; justify-content: center;}
.view_opt .livere_comment button span:before {content: ''; display: inline-block; width: 24px; height: 24px; margin-right:4px; background: #fff url('../images/v5/common/icon_reply.svg') 50% 50% no-repeat; vertical-align:middle;}
.view_opt .livere_comment button em {position:relative; font-size: 14px; font-weight:500; display: inline-block; color:#d41115; margin-left: 4px;}
.view_opt .livere_box {width: 100%;}

.view_opt .share .open:hover, .view_opt .share .open:focus,
.view_opt .like:hover, .view_opt .like:focus,
.view_opt .livere_comment button:hover, .view_opt .livere_comment button:focus{border-color:#1d1d1d;}

/* ================================== tab common ================================== */
.tabs_common {position: relative; margin-bottom:40px; z-index: 1;}
.tabs_common ul {position: relative; display: table; table-layout: fixed; width: 100%; height: 100%;}
.tabs_common li {display: table-cell; text-align: center; z-index: 1;}
.tabs_common li > a,
.tabs_common li button {position: relative; display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:100%; min-height:59px; padding:10px; z-index: 1; text-align:center;}
.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;}
.tabs_common li > a:after,
.tabs_common li button:after {content: ''; position: absolute; left: -1px; right: -1px; top:0; bottom:0; border: 1px solid #dee2e6; background-color: #fff; z-index: 2; transition: opacity 0.3s;}
.tabs_common li > a span,
.tabs_common li button span {position: relative; color: #555; font-size: 1rem; z-index: 3; display: block; font-weight:500;}
.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 #555;}
.tabs_common li.active > a span,
.tabs_common li.active button span {position: relative; color: #1d1d1d; font-weight:500; z-index: 3; text-decoration:underline; text-underline-position:under; text-underline-offset: 1px;}

.tabs_common.thin li > a,
.tabs_common.thin li button {height:59px;}
.tabs_common.thin li > a span,
.tabs_common.thin li button span {margin-top:0;}

.tabs_common_cont .cont {display:none;}
.tabs_common_cont .cont:first-child {display:block;}
.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: #2d2d2d; font-weight:700; font-size:1.125rem; text-decoration: underline; text-underline-position: under;}

.tabs_text {position: relative; margin-bottom: 24px;}
.tabs_text ul {display: table; table-layout: fixed; width: 100%; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8;}
.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: 10.25px 5px; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #2D2D2D; color: #2D2D2D; font-size: 14px; font-weight:500; position: relative; transition: all 0.3s;}
.tabs_text li.active a {background-color: #2D2D2D; color: #fff;}

/* 카드한컷 */
.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; display:none}
.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{margin-bottom:0}
.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'); display:none;}
.tabs_common.covid li a span {}
.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:67px;}
.tabs_common_focus > ul {position: relative; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; display: table; table-layout: fixed; width: 100%;}
.tabs_common_focus > ul > li {display: table-cell; border-top: 1px solid #e4e4e4; text-align: center; z-index: 1;}
.tabs_common_focus > ul > li > button {position: relative; display: block; padding: 20px 0; z-index: 1; width: 100%;}
.tabs_common_focus > ul > li > button:focus {outline: 0; outline-offset: 0;}
.tabs_common_focus > ul > li > button:focus:after {outline-offset: -5px; outline: 2px dotted #1974dd;}
.tabs_common_focus > ul > li > button:before {content: ''; position: relative; display: none; z-index: 3; margin-bottom: 5px;}
.tabs_common_focus > ul > li > button:after {content: ''; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; border: 1px solid #dee2e6; background-color: #fff; z-index: 2; transition: opacity 0.3s;}
.tabs_common_focus > ul > li > button span {position: relative; color: #555; font-size: 1rem; z-index: 3; display: block;}
.tabs_common_focus > ul > li.active button {z-index: 2;}
.tabs_common_focus > ul > li.active > button:after {border: 2px solid #1d1d1d;}
.tabs_common_focus > ul > li.active > button > span {position: relative; color: #1d1d1d; font-weight:600; z-index: 3; text-decoration:underline; text-underline-position:under; text-underline-offset: 1px;}
.tabs_common_focus > ul > li .list.t2{text-align:left;}
.tabs_common_focus > ul > li .tab_con,
.tabs_common_focus > ul > li .list {display: none; position: absolute; top:100px; left: 0; right: 0;}
.tabs_common_focus > ul > li .list .sub_main{text-align:left;}
.tabs_common_focus > ul > li.active:first-child .tab_con,
.tabs_common_focus > ul > li.active:first-child .list {display: block;}
.tabs_common_focus > ul > li.active .tab_con,
.tabs_common_focus > ul > 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: #d41115; 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;}

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

/* 부처별 뉴스 */
.ministry_slide{position:relative; padding-bottom:48px; margin-bottom:50px;}
.ministry_slide:before{content:''; position:absolute; left:50%; bottom:0; width:100vw; border-bottom:1px solid #e4e4e4; transform:translateX(-50%);}
.ministry_slide > ul{display:flex; width: calc(100% + 64px); margin-left:-32px;}
.ministry_slide > ul > li:last-child{border-right:0;}
.ministry_slide .box{width:25%; padding:5px 32px; border-right:1px solid #f0f0f0; transition:all .2s;}
.ministry_slide .item{position:relative;}
.ministry_slide .item .title{display:block; max-width:calc(100% - 90px); padding-top:2px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-height:32px; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-.36px; color:#1d1d1d;}
.ministry_slide .more{position:absolute; right:0; top:0; display:flex; align-items:center; height:32px; padding:0 15px; background:#F0F0F0; border:1px solid transparent; border-radius:20px; color:#2d2d2d; font-size:14px; font-weight:500; transition:all .2s; text-underline-offset: 1px;}
.ministry_slide .more:before{content:'\e914'; font-family:'xeicon'; display:inline-block; margin-right:1px; line-height:1; font-size:20px; transition:all .3s; overflow:hidden;}
.ministry_slide .more:after{display:none;}
.ministry_slide .more:hover,
.ministry_slide .more:focus{background:#fff; border-color:#aaa; text-decoration:underline; text-underline-position:under;}
.txt_lst{margin-top:20px;}
.txt_lst > li{padding:12px 0; border-top:1px solid #F0F0F0;}
.txt_lst > li:first-child{border-top:0; padding-top:0;}
.txt_lst > li:last-child{padding-bottom:0; border-right:0;}
.txt_lst > li > a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#1d1d1d; transition:all .2s;}
.thumb_lst{display:flex; margin-top:20px; width:calc(100% + 16px);}
.thumb_lst > li{flex:1; margin-right:16px;}
.thumb_lst > li .thumb{position:relative; width:100%; height:0; padding-top:66.14%;}
.thumb_lst > li .thumb img{position:absolute; left:0; top:0;}
.thumb_lst > li .tit{display:-webkit-box; max-height:44px; line-height:22px; overflow:hidden; text-overflow:ellipsis; margin-top:8px; font-size:16px; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:400; transition:all .2s;}
.txt_lst > li > a:hover,
.txt_lst > li > a:focus,
.thumb_lst > li a:hover .tit,
.thumb_lst > li a:focus .tit{text-decoration:underline; text-underline-position:under; color:#d41115;}

.top_info_box{margin-bottom:40px; padding:16px 24px; background:#F3F3F6; color:#1d1d1d;}
.top_info_box > div{position:relative; padding-left:34px; line-height:1.5;}
.top_info_box > div:before{content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url('../images/v5/sub/icon_info_circle.svg') 50% 50% no-repeat;}

.kor_info_box{position:relative; display:flex; align-items:center; margin-bottom:40px; min-height:72px; padding:16px 40px 16px 90px; background:#F3F3F6; color:#1d1d1d; font-size:18px; font-weight:500; line-height:1.4;}
.kor_info_box:before{content:''; position:absolute; left:40px; top:17px; width:36px; height:37px; background:url('../images/v5/sub/icon_channel_3.png') 50% 50%/contain no-repeat;}

.ministry_lst{display:flex; flex-wrap:wrap; gap:16px; width:calc(100% + 16px);}
.ministry_lst > li{width:calc(16.6667% - 16px);}
.ministry_lst a{display:flex; align-items:center; justify-content:center; height:62px; padding:0 8px; border:1px solid #D8D8D8; border-radius:4px; text-align:center; color:#2d2d2d; font-size:18px; background:#fff; word-break:keep-all; transition:all .2s;}
.ministry_lst a:hover,
.ministry_lst a:focus{border-color:#d41115; color:#d41115; font-weight:600; text-decoration:underline; text-underline-position:under; text-underline-offset: 1px;}

/* 정책포커스 */
.focus_top {margin-bottom:40px;}
.focus_top a{display:block;}
.focus_top img{width:100%;}
.focus_top + .tabs_common {margin-bottom: 40px;}
.focus_top + .tabs_common + .tabs_in_tab {margin-top: -40px; margin-bottom: 40px;}

/* 연설문 */
.speech-info {position:relative; width:100%; margin-top:50px; background:linear-gradient(90deg, #133980 0%, #01215d 100%); color: #fff; border-radius: 16px; overflow:hidden;}
.speech-info:before{content:''; position:absolute; left:50%; top:50%; width:400px; height:300px; background:url('../images/v5/sub/bg_speech.svg') 50% 50%/cover no-repeat; transform:translate(-50%, -50%); opacity:0.5;}
.speech-info a {position: relative; display: block; padding:60px; z-index:1;}
.speech-info .item{}
.speech-info strong {display: block; font-size:32px; text-align: justify; margin-bottom:16px; color: inherit;}
.speech-info .text {display: block; max-height: 116px; line-height: 1.6; overflow: hidden; margin-bottom:16px; font-size:18px;}
.speech-info .sort {color:rgba(255,255,255,.7);}
.speech-info .sort em + em{position:relative; margin-left:4px; padding-left:8px;}
.speech-info .sort em + em:before{content:''; position:absolute; left:0; top:8px; height:12px; border-left:1px solid #c6c6c6; opacity:.3;}
.speech-info .more {display:none; color: #92b0e2; position: absolute; right: 0; bottom: 0;}
.speech-info .more .xe-icon:before {content: '\e93e';}
.speechmaker:before{content:''; display:inline-block; position:relative; top:-2px; width:20px; height:20px; margin-right:6px; vertical-align:middle; background:url('../images/v5/sub/icon_speech_3.svg') 50% 50%/contain no-repeat;}
.speechmaker.t1:before{background-image:url('../images/v5/sub/icon_speech_1.svg')}
.speechmaker.t2:before{background-image:url('../images/v5/sub/icon_speech_2.svg')}

/* 전문자료 */
.expert_banner {margin-top: 40px;}
.expert_banner ul {display: flex; flex-wrap: wrap; width:calc(100% + 16px);}
.expert_banner li {flex:1; margin-right:16px;}
.expert_banner a {display: flex; align-items:center; justify-content:center; height:72px; background-color: #fff; font-weight:500; color: #1d1d1d; font-size:18px; text-align: center; border: 1px solid #C6C6C6; text-align:center; transition: all .2s;}
.expert_banner a i {display: inline-block; vertical-align: middle; width: 24px; height: 21px; margin-right: 10px;}
.expert_banner a:after{content:'\e93e'; font-family:'xeicon'; display:inline-block; margin-left:8px;}
.expert_banner a[target='_blank']:after{content:''; width:20px; height:20px; background:url('../images/v5/common/icon_external.svg') 50% 50%/contain no-repeat;}
.expert_banner a:hover,
.expert_banner a:focus{background-color:#F6F6F8; border-color:#313238;}

.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:20px; letter-spacing: -0.06em; color: #00205C; margin-bottom:8px;}
.expert_side > div .more {position: absolute; right: 28px; top: 24px; width: 28px; height: 28px; line-height: 28px; text-align: center; background-color: #E2E2E7;}
.expert_side > div .more .xe-icon {color: #73757C; font-size:15px; line-height:1; position:relative; top:0; left:1px}
.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:24px 28px; border: 1px solid #E4E4E4;}
.expert_side > div:nth-child(n+3) .box {margin-top: 20px;}
.expert_side ul {padding: 0 0;}
.expert_side ul li {position: relative; padding-left:14px; margin-top:8px;}
.expert_side ul li:first-child {margin-top:0;}
.expert_side ul li:after {content: ''; display: block; width:6px; height:6px; background-color: #D8D8D8; position: absolute; left: 0; top: 7px;}
.expert_side ul li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#2d2d2d; transition:all .2s;}
.expert_side ul li a:hover,
.expert_side ul li a:focus {color:#d41115; text-decoration:underline; text-underline-position:under;}

.expert_site {display: flex; flex-wrap: wrap; width:calc(100% + 16px);}
.expert_site li {width:calc(33.3% - 16px); margin:16px 16px 0 0; text-align: center;}
.expert_site li:nth-child(-n+3){margin-top:0;}
.expert_site li a {display: flex; align-items:center; justify-content:center; height:80px; border: 1px solid #E4E4E4;}

/* 전자책 */
.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 h2 {padding: 0 12px;}
.eb_weekly_list .newb {position: relative; padding: 0 12px;}
.eb_weekly_list .newb .thumb {width:292px; height:388px; position: relative; border: 1px solid #e4e4e4;}
.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:18px; color: #fff;}
.eb_weekly_list .newb dl dd {display: block; color: #fff; font-size:14px; margin:8px 0;}
.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:572px; margin-left: auto;}
.eb_weekly_list .odd:after {content: ''; clear: both; display: table;}
.eb_weekly_list .odd li {width: 50%; float: left; display: flex;  display: flex; flex-direction: row; align-items: center;}
.eb_weekly_list .odd li:nth-child(-n+2) {margin-bottom: 20px;}
.eb_weekly_list .odd .thumb {width:136px; height:182px; border-width: 1px; display: table-cell;}
.eb_weekly_list .odd dl {text-align: left; display: table-cell; vertical-align: middle; padding-left: 16px; display: flex; flex-direction: column;}
.eb_weekly_list .odd dl dt {font-size:18px; font-weight:500; letter-spacing:-0.36px;}
.eb_weekly_list .odd .date {font-size:14px; color: #717171; margin:8px 0;}
.eb_weekly_list .odd .btns {text-align: left; order:-2;}
.eb_weekly_list .odd .btns a {display: inline-block; border: 1px solid #d8d8d8; color: #555; font-size: 14px; padding: 3px 5px; transition: all .2s;}
.eb_weekly_list .odd .btns a:hover,
.eb_weekly_list .odd .btns a:focus{background-color: #555; border-color:#555; color: #fff;}
.eb_weekly_list .more{right:12px}

/* 국정신문 */
.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 {padding: 0 0 20px 0; margin-bottom: 40px;}
.gov_ebook .paper_select {text-align: center; margin: 0 0 20px 0;}
.gov_ebook .paper_select .year,
.gov_ebook .paper_select .month {margin-right: 4px; vertical-align: middle;}
.gov_ebook .paper_select a {display: inline-block; width: 40px; 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: #2D2D2D; border: 1px solid #2D2D2D; width: 60px; color:#fff; font-size:16px; font-weight:500;}
.gov_ebook .paper_select .custom_select {font-size:18px; font-weight:700;}
.gov_ebook .paper_select .custom_select select {height: 40px;}
.gov_ebook .paper_select .year_first i,
.gov_ebook .paper_select .year_last i {color: #2D2D2D;}
.gov_ebook .paper_select .year_first i ~ i,
.gov_ebook .paper_select .year_last i ~ i {margin-left: -10px;}
.gov_ebook .paper_select .year_first,
.gov_ebook .paper_select .year_last {border:1px solid #d8d8d8; border-radius:50%; font-weight:700; transition: all .3s;}
.gov_ebook .paper_select .year_prev,
.gov_ebook .paper_select .year_next {margin: 0 8px; border:1px solid #d8d8d8; border-radius:50%; font-weight:700; transition: all .3s;}
.gov_ebook .paper_select .year_first:hover, .gov_ebook .paper_select .year_first:focus,
.gov_ebook .paper_select .year_last:hover, .gov_ebook .paper_select .year_last:focus,
.gov_ebook .paper_select .year_prev:hover, .gov_ebook .paper_select .year_prev:focus,
.gov_ebook .paper_select .year_next:hover, .gov_ebook .paper_select .year_next:focus {border-color:#2d2d2d;}
.gov_ebook .paper_select .year_prev i,
.gov_ebook .paper_select .year_next i {color:#2D2D2D; font-size: 14px;}
.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 {justify-content: center; width: 100%; margin: 0;}
.gov_ebook .photo_list.ebook li {display: inline-block; vertical-align: top; position: relative; width: calc(20% - 16px); padding: 0;}
.gov_ebook .photo_list.ebook li + li {margin-left:20px;}
.gov_ebook .photo_list.ebook .thumb {width: 100%; height: 212px; margin: 0 auto; border:1px solid #e4e4e4;}
.gov_ebook .photo_list.ebook .source span:last-child {width: 100%;}
.article_body .gov_ebook + h2 {font-size:28px;}

/* 정부부처 소개 */
.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(90deg, #123880 0%, #00205C 100%);}
.gov_vision h4 span {font-weight: 500; color: #fff; font-size:24px; font-weight:700; letter-spacing: -0.49px; vertical-align: middle;}
.gov_vision h4 span + span {font-size: 1rem; font-weight: 400; vertical-align: middle; opacity: 0.8; margin-left:10px; 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: 86px; padding-right: 10px;}
.gov_vision .inbox .tit_h5 h5 {font-family: 'KoPubWorldBatang'; font-weight: 400;}
.gov_vision .inbox .tit_h5 em {color:#A0A2A8; font-size:50px; display: block; font-weight:700;}
.gov_vision .inbox .text{display: table-cell; vertical-align: middle; padding-top:5px;}
.gov_vision .inbox .text .tit{display:block; font-family:'KoPubWorldBatang'; font-size:24px; color:#1d1d1d; line-height:1.4; margin-bottom:16px;}
.gov_vision .inbox .list > li {position: relative; margin-top:6px;}
.gov_vision .inbox .list > li:first-child {margin-top: 0px;}
.gov_vision .inbox .list > li a {font-size:18px; line-height:1.6; font-weight: 400; color: #2d2d2d; 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: #123880; 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:''; display:inline-block; width:20px; height:20px; background:url('../images/v5/common/icon_blank_blue.svg') 50% 50%/contain no-repeat; vertical-align:middle;}
.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;}

.gov_vision_top{position:relative; width:100%; overflow:hidden;}
.gov_vision_top .container{max-width:1280px; height:440px; margin:0 auto; display:flex; align-items: center;}
.gov_vision_top:before{content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; min-width:calc(100% + 20px); background:url('../images/v5/sub/bg_gob_vision.jpg') 50% 50%/cover no-repeat; transform:translateX(-50%); z-index:-1;}
.gov_vision_top .gov_plan{margin-top:30px;}
.gov_vision_top .gov_plan > strong{display:block; margin-bottom:12px; font-size:20px; font-weight:600; color:#2d2d2d;}
.gov_vision_top .gov_plan .defbtn{color:#2d2d2d; font-weight:500;}
.gov_vision_top .gov_plan .defbtn:hover,
.gov_vision_top .gov_plan .defbtn:focus{background:#fff; border-color:#555;}
.gov_vision_top .gov_plan .defbtn.down:hover:after,
.gov_vision_top .gov_plan .defbtn.down:focus:after{background-image:url('../images/v5/common/icon_down_black.svg');}

/* 대한민국 정부 채널 소개 */
.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:40px; padding-top:40px; border-top:1px solid #E4E4E4;}
.channel_box:after {content: ''; clear: both; display: table;}
.channel_box .title1:before {content: ''; display:inline-block; width:36px; height:37px; margin-right:8px; vertical-align:middle;}
.channel_box .title1.briefing:before {background:url('../images/v5/sub/icon_channel_1.png');}
.channel_box .title1.reporter:before {background:url('../images/v5/sub/icon_channel_2.png');}
.channel_box .title1.govsns:before {background:url('../images/v5/sub/icon_channel_3.png');}
.channel_box .title1.gonggam:before {}

.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:calc(100% + 16px);}
.channel_box .link ul li {display: inline-block; padding:20px 16px 0 0; width: calc(100% / 4);}
.channel_box .link.col3 ul li {width: calc(100% / 3);}
.channel_box .link i {display: inline-block;}
.channel_box .link a {display: flex; align-items: center; padding:12px 20px; background:#F8F8F8; border:1px solid #D8D8D8; color:#2d2d2d;}
.channel_box .link a:before {content: ''; display: inline-block; margin-right:8px; position: relative; width: 28px; height: 28px; line-height: 28px; background: url('../images/v5/sub/icon_channel_sns.png'); background-repeat: no-repeat; background-size:260px auto; transition: all .2s;}
.channel_box .link a:focus {z-index: 2;}
.channel_box .link .naver:before{background-position:0 0;}
.channel_box .link .da:before,
.channel_box .link .daum:before{background-position:-29px 0;}
.channel_box .link .fb:before{background-position:-58px 0;}
.channel_box .link .yt:before{background-position:-87px 0;}
.channel_box .link .ig:before{background-position:-116px 0;}
.channel_box .link .tw:before{background-position:-145px 0;}
.channel_box .link .nbg:before{background-position:-174px 0;}
.channel_box .link .kkc:before{background-position:-203px 0;}
.channel_box .link .kks:before{background-position:-232px 0;}
.channel_box .link a:hover {text-decoration: underline; text-underline-position: under; text-underline-offset: 1px;}
.channel_box .text {font-size: 18px; font-weight:400; line-height:1.6; color: #2d2d2d;}
.channel_box .text a {position: relative; color: #1d1d1d; font-weight:400; border-bottom: 1px solid #1d1d1d; 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:40px;}
.channel_box .video_lst .slide { margin:0 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; background-size:cover;}
.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; background-size:cover;}
.quiz_cont .quiz_head{background-image: url('../images/v5/sub/quiz_visual_241126_bg.jpg');}
.quiz_cont .quiz_head:after {content: ''; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: url('../images/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; font-size:20px; font-weight:600; color:#1d1d1d; line-height:1.4;}
.quiz_cont .quiz_body .title h3 {font-size:20px; font-weight:600; color:#1d1d1d; line-height:1.4;}
.quiz_cont .quiz_body .point {font-size: 16px; color: #555; 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 {background-color:#313238; font-size: 16px; color: #fff; padding: 20px 0; margin-bottom: 40px; 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 strong {display:inline-block; vertical-align: middle; margin-right:8px; padding:3px 16px; border:1px solid #fff; border-radius: 25px; color:#fff; line-height:1.6;}
.quiz_cont .quiz_body .quiz_text {margin-bottom:40px; padding:40px; border:1px solid #D8D8D8;}
.quiz_cont .quiz_body .quiz_text dl dt {font-size: 24px; color: #1D1D1D; font-weight: bold; margin: 0 0 40px 0; padding-left: 32px; position: relative; word-wrap: break-word; line-height:1.4;}
.quiz_cont .quiz_body .quiz_text dl dt em {color: #D41115; font-weight: 700; position: absolute; left: 0; top: 0;}
.quiz_cont .quiz_body .quiz_text dl dt i {text-decoration: underline; text-underline-position: under;}
.quiz_cont .quiz_body .quiz_text dl ul {}
.quiz_cont .quiz_body .quiz_text dl li + li {margin-top:8px;}
.quiz_cont .quiz_body .quiz_text dl li {position: relative; border: 1px solid #E4E4E4; border-radius: 8px; background:#F6F6F8; overflow: hidden;}
.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 {display:flex; align-items:center; min-height:56px; padding:12px 20px 12px 60px; color: #1d1d1d; font-size: 18px; line-height:1.4; font-weight:500; cursor: pointer;}
.quiz_cont .quiz_body .quiz_text dl li.on {background: rgba(237,31,35,0.05); border-color:rgba(237,31,35,0.5);}
.quiz_cont .quiz_body .quiz_text dl li input:focus + label::before {outline: 2px dotted #1974dd; outline-offset: 3px;}
.quiz_cont .quiz_body .quiz_text dl li input[type='checkbox'] + label:before,
.quiz_cont .quiz_body .quiz_text dl li input[type='radio'] + label:before {left:20px; top:12px; width:32px; height:32px; border:none; background:#E2E2E7;}
.quiz_cont .quiz_body .quiz_text dl li input[type='checkbox']:checked + label:before,
.quiz_cont .quiz_body .quiz_text dl li input[type='radio']:checked + label:before {background:#d41115;}
.quiz_cont .quiz_body .quiz_text dl li input[type='checkbox'] + label:after,
.quiz_cont .quiz_body .quiz_text dl li input[type='radio'] + label:after {content:'\e928'; left:28px; top:15px; width:auto; height:auto; font-family: 'xeicon'; color:#ABADB4; background:none; opacity: 1;}
.quiz_cont .quiz_body .quiz_text dl li input[type='checkbox']:checked + label:after,
.quiz_cont .quiz_body .quiz_text dl li input[type='radio']:checked + label:after {color:#fff;  background:none;}
.quiz_cont .quiz_body .btn_hint {display: block; border:1px solid #D41115; background-color: #D41115; color: #fff; border-radius: 20px; font-size: 16px; text-align: center; font-weight:500; padding: 8px 20px; width: 162px; margin: 20px auto 0; transition: all .3s;}
.quiz_cont .quiz_body .btn_hint:hover, .quiz_cont .quiz_body .btn_hint:focus {background:#fff; color:#D41115;}
.quiz_cont .quiz_body .btn_hint i {position:relative; top:2px; margin-left:4px; text-decoration: none !important;}
.quiz_cont .quiz_body .btn_hint i:before {content: '\e93e';}
.quiz_cont .quiz_body .join_form_bx {padding:40px; border:1px solid #d8d8d8;}
.quiz_cont .quiz_body .quiz_input {margin-top: 0;}
.quiz_cont .quiz_body .quiz_input .input {margin-top: 10px;}
.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 #C6C6C6; font-size:16px; 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 #E4E4E4; height: 200px; font-size: 16px; color: #555; line-height:1.6; padding:20px 24px; 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: 16px; 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; margin:0 8px; padding: 0 40px; font-size: 18px; color: #fff; height: 56px; line-height: 56px; background: #313238; border: 1px solid #313238;}
.quiz_cont .quiz_body .quiz_apply a.prev {display: inline-block; padding: 0 40px; color: #2D2D2D; font-size: 18px; height: 56px; line-height: 56px; border: 1px solid #555; background: #fff;}
.quiz_cont .quiz_body .quiz_ing {margin-top: 35px; text-align: center; padding:40px; border:1px solid #d8d8d8;}
.quiz_cont .quiz_body .quiz_end {margin-top: 35px; padding:40px; border:1px solid #d8d8d8;}
.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;}

.line_title {display:block; margin-bottom:32px; padding-bottom:12px; border-bottom:2px solid #2D2D2D; color:#1d1d1d; font-size:24px; font-weight:700; line-height:1.4; letter-spacing: -0.02em;}
.line_title > h2 {font-size:24px;}

.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:52px; display: inline-block; letter-spacing: 0.025em;}
.newsletter_signin .error_txt.type2 {padding-left:356px;}
.newsletter_signin .ex_txt {padding-left:52px; font-size: 14px; font-weight:400; display: inline-block;}

/* 뉴스레터 */
.article_body div + .title {margin-top: 32px;}
.article_body .title {position: relative; display: flex; align-items: center; margin-bottom:12px; color:#1d1d1d; font-size:20px; font-weight:600;}
.article_body .title .point {margin-left: 12px;}
.article_body .point {font-size: 16px; line-height:1.6; color: #555; font-weight: 400; position: relative;}
.article_body .point i {display: inline-block; margin-right:2px; font-size: 17px; color: #d41115; vertical-align: middle;}

.newsletter_info {position: relative; width: 100%; background-color: #F3F3F6; padding:32px 40px 32px 188px; margin-bottom: 30px;}
.newsletter_info:before {content: ''; display: block; width: 120px; height: 120px; background: url('../images/v5/sub/newsletter_title_icon.png') 50% 50%/contain no-repeat; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.newsletter_info div {color:#2D2D2D; font-size:16px; line-height:1.6;}
.newsletter_info div h2 {display:block; margin-bottom:10px; color:#1d1d1d; font-size:24px; line-height:1.4; letter-spacing: -0.02em;}
.newsletter_signin {border: 1px solid #d5d9dc; padding: 40px; margin-bottom: 40px;}
.newsletter_signin > .txt {position: relative; padding: 0 0 20px 0;}
.newsletter_signin > .txt > p {display:block; padding:12px 20px; background:#F3F3F6; color:#2d2d2d; font-size:16px; line-height:1.6; text-align: center; font-weight:700;}
.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_area {max-height:200px; margin-bottom:16px; padding:20px; border:1px solid #E4E4E4; background:#fff; color:#555; font-size:16px; line-height:1.6; overflow-y: auto;}
.newsletter_signin .newsletter_signin_cont {padding: 20px 24px; 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;}
.newsletter_signin .signin:after {content: ''; clear: both; display: table;}
.newsletter_signin .signin dl {display:flex; align-items: center; width:100%;}
.newsletter_signin .signin dl:after {content: ''; display: block; clear: both;}
.newsletter_signin .signin dl dt {display:inline-block; vertical-align: middle; margin-right:12px; height: 40px;}
.newsletter_signin .signin dl dt label {line-height: 40px; color:#111; font-weight: 400;}
.newsletter_signin .signin dl dd {display:inline-block; vertical-align: middle; width:200px; margin-right:40px;}
.newsletter_signin .signin dl dd:last-child {flex:1; margin-right:0;}
.newsletter_signin .signin dl dd input {width: 100%; height: 40px; border: 1px solid #c6c6c6; 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 a {display:block; width: 143px; height: 56px; margin:40px auto 0; line-height: 56px; font-size:18px; font-weight:500; color: #fff; text-align: center; transition: all .2s;}
.newsletter_signin a.apply {background: #313238; border:1px solid transparent;}
.newsletter_signin a.apply:hover,
.newsletter_signin a.apply:focus{background-color: #fff; color:#313238; border-color:#313238;}
.newsletter_signin a.cancel {background: #313238;}
.newsletter_signin a.cancel:hover {background-color: #212529;}
.newsletter_exp {padding:40px; border: 1px solid #D8D8D8; margin-bottom: 40px;}
.newsletter_exp ul {counter-reset: list-number;}
.newsletter_exp li {font-size:16px; position: relative;}
.newsletter_exp li + li {margin-top:32px;}
.newsletter_exp li .icon {display: none;}
.newsletter_exp li dt {font-size:20px; color: #1d1d1d; font-weight: bold; margin-bottom: 8px;}
.newsletter_exp li dt:before {counter-increment: list-number; content: counter(list-number) '.'; color: #D41115; margin-right: 5px;}
.newsletter_exp li dd {color:#555; font-size:16px; line-height:1.6;}
.newsletter_btn {text-align: center;}
.newsletter_btn .btn_nl_new {display: inline-block; font-size:18px; color: #fff; font-weight:500; text-align: center; padding: 15.75px 40px; background:#313238; border:1px solid #313238; transition: all .2s;}
.newsletter_btn .btn_nl_new:after {content: '\e907'; font-family: 'xeicon'; font-size: 19px; display: inline-block; margin-left: 8px; vertical-align:middle; line-height:1;}
.newsletter_btn .btn_nl_new:hover, .newsletter_btn .btn_nl_new:focus {color:#313238; background-color:#fff;}

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

/* 정책소셜 */
.deptsns {position: relative; width: 100%; min-height:184px; background-color: #F3F3F6; margin-bottom:40px; display: table; padding: 32px 40px;}
.deptsns::before {content: ''; display: block; width: 120px; height:120px; background: url('../images/v5/sub/icon_deptsns_1.svg') 0 0/contain no-repeat; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.deptsns.ico2::before {background: url('../images/v5/sub/icon_deptsns_2.svg') 0 0/contain no-repeat;}
.deptsns div {display: table-cell; vertical-align: middle; padding-left: 170px;}
.deptsns h2{margin-bottom:8px; font-size:24px; color:#1d1d1d; font-weight:700; letter-spacing:-.48px; line-height:1.4;}
.deptsns p{font-size:16px; color:#2d2d2d; line-height:1.6}

.sort-post {margin-bottom:24px; padding-bottom:16px; border-bottom: 1px solid #2d2d2d; display: flex; align-items: center;}
.sort-post .type_select {margin-left:auto; display:flex;}
.sort-post .type_select .btn{color:#fff; background:#2D2D2D; border-color:#2d2d2d;}
.sort-post ul.sort:after {content: ''; display: block; clear: both;}
.sort-post ul.sort li {float: left; margin-right:4px;}
.sort-post ul.sort li button {position:relative; border: 1px solid #D8D8D8; background-color: #fff; display: block; color: #2d2d2d; font-size: 16px; padding:0 16px; height:40px; line-height: 1; text-align: center; border-radius:20px; transition: all .2s;}
.sort-post ul.sort li button:hover span {text-decoration: underline; text-underline-position: under;}
.sort-post ul.sort li button i {margin-right: 5px;}
.sort-post ul.sort li.active button {color: #D41115; background:#FEF2F2; border: 1px solid #F68F91; position: relative; z-index: 2;}
.sort-post ul.sort li.active button:before{content:'\e928'; font-family:'xeicon'; display:inline-block; vertical-align:middle; margin-right:2px;}
.tabs_common_focus .sort-post{height:auto !important;}

/* RSS서비스 */
.rss_info {position: relative; width: 100%; margin-bottom: 32px; background-color:#F3F3F6; padding: 32px 40px 32px 188px;}
.rss_info:before {content: ''; display: block; width: 112px; height: 67px; background: url('../images/v5/sub/icon_rss_title.png') 0 0 no-repeat; position: absolute; top:50%; left: 44px; transform:translateY(-50%);}
.rss_info h2 {display: block; margin-bottom:8px; font-size:24px; color:#1d1d1d; line-height:1.4;}
.rss_info p { color: #2d2d2d; line-height:1.6;}
.rss_info p strong {letter-spacing: 0;}
.rss_info p.info {position: relative; display:block; background-color: #123880; color: #fff; font-size: 16px; font-weight:700; padding:5px 15px; margin-top:8px; border-radius:8px; letter-spacing: -0.05em;}
.rss_info p.info i {color:#FAE34D; letter-spacing: 0;}
.rss_info p.info:before {content:''; display:inline-block; width:24px; height:24px; margin-right:4px; background:url('../images/v5/common/icon_error_white.svg') 50% 50%/contain no-repeat; vertical-align:middle;}
.xi-rss-square {color: #e03131; margin-right:4px;}
.table_list.rss .xi-rss-square{display:inline-block; position:relative; top:-1px; vertical-align:middle; width:16px; height:16px; margin-right:4px; background:url('../images/v5/sub/icon_rss.svg') 50% 50% / contain no-repeat;}
.table_list.rss .xi-rss-square:before {display:none;}
.rss_reader {position: relative; font-size: 14px; border: 1px solid #E4E4E4; padding: 40px; margin-bottom: 10px;}
.rss_reader dt {font-size:18px; font-weight: 700; color: #2d2d2d; margin-bottom:4px; line-height:1.6;}
.rss_reader dd{color:#2d2d2d; font-size:16px;}
.rss_reader dd .btn {margin-left: 12px;}
.rss_reader dd .btn:hover {text-decoration: underline;}
.rss_reader .rss-btn {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); padding:9px 16px 9px; font-size:16px; color:#1d1d1d; font-weight:500; border-color:#555;}
.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 {line-height: 1.5; border: 1px solid #E4E4E4; padding: 40px; color:#2d2d2d; font-size:18px;}
.rss_conf::after {content: ''; clear: both; display: table;}
.rss_conf div {margin-bottom:8px;}
.rss_conf p {overflow: hidden;}
.icon_rss{display:inline-block; position:relative; top:-1px; vertical-align:middle; width:16px; height:16px; margin-right:4px; background:url('../images/v5/sub/icon_rss.svg') 50% 50% / contain no-repeat;}
.rss_use_title{margin-bottom:12px; padding:10px; background:#F3F3F6; border-radius:12px; text-align:center;}
.rss_use_title .tit{vertical-align:middle; font-size:20px; font-weight:600; color:#1d1d1d;}
.rss_use_title .icon{margin-right:10px; width:40px; height:40px; vertical-align:middle; background:url('../images/v5/sub/icon_rss_cc.svg') 50% 50% no-repeat;}
.rss_use_step{display:flex; width:calc(100% + 32px);}
.rss_use_step > li{flex:1; position:relative; display:flex; align-items:center; justify-content:center; min-height:130px; padding:10px; margin-right:32px; border:3px solid #E2E2E7; border-radius:12px; color:#2d2d2d; font-weight:500; word-break:keep-all; text-align:center;}
.rss_use_step > li:after{content:'\e93e'; position:absolute; width:24px; line-height:24px; top:50%; left:calc(100% + 7px); font-family:'xeicon'; color:#A0A2A8; transform:translateY(-50%);}
.rss_use_step > li:last-child:after{display:none;}

/* 배너달기 */
.banner_down .img {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-color: #F3F3F6; padding:32px 40px; margin-bottom: 40px;}
.banner_down .img:after {content: ''; clear: both; display: table;}
.banner_down .img li {padding: 14px;}
.banner_down .down {text-align: center;}
.banner_down .down a{height:56px; padding:0 32px 0 40px; color:#2d2d2d; font-size:18px; font-weight:500;}
.banner_info {padding-top:40px; margin-top:40px; border-top: 1px solid #E4E4E4; font-weight:500; color:#2d2d2d; line-height:1.6;}
.banner_info li:first-child {margin-top: 0;}
.banner_info li {margin-top: 6px;}

/* 개인정보처리방침 */
.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: 16px; color: #2d2d2d; line-height:1.6;}
.copyright_box .info {position: relative; width: 100%; height: 116px; margin-bottom:40px; display: table; font-size: 16px; line-height:1.6; color: #2D2D2D; font-weight:bold; background:#F3F3F6;}
.copyright_box .info:before {content: ''; display: block; width: 50px; height:50px; background: url('../images/v5/sub/icon_copyright_mark.png') 0 0 no-repeat; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.copyright_box .info p {display: table-cell; vertical-align: middle; padding-left: 118px; 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 {margin:20px 0}
.copyright_box .kogl_info .text {overflow: hidden;}
.copyright_box .kogl_info .text strong{color:#2d2d2d; font-weight:700;}

/* 이메일수집거부 */
.email_reject_box {position: relative; padding:40px 80px; background-color: #F6F6F8; text-align:center;}
.email_reject_box:before {content: ''; display: block; margin:0 auto 16px; width:120px; height:120px; background: url('../images/v5/sub/icon_email_title.png') 0 0 no-repeat;}
.email_reject_box h3 {font-size:24px; color: #1d1d1d; font-weight:bold; margin-bottom:8px; line-height:1.4; letter-spacing:-.48px;}
.email_reject_box p {font-size: 16px; color: #2d2d2d; line-height:1.6;}

/* 운영자에게 */
.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: #F3F3F6; display: table; margin-bottom: 40px; padding: 32px 40px 32px 180px; color:#2d2d2d;}
.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 {display: table-cell; vertical-align: middle;}
.ministry_info div h2{font-size:24px; color:#1d1d1d; font-weight:bold; margin-bottom:8px;}

/* 맞춤정책뉴스 */
/*
.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: #d41115;}
.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: #d41115; font-weight:600;}
.custom_news_select .select ul li button:hover span:before {color: #d41115; 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: 52px; 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'); display:none}
.tabs_common.sea li a span {font-size:16px; font-weight:500}
.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; margin-bottom: 36px;}
.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; font-weight:500;}
.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; align-items:center; justify-content: center; margin-top: 20px;}
.focus_sea_slide .control .slick-arrow {position: relative; width:40px; height:40px; border-radius:50%; background-color: #fff; border: 1px solid #D8D8D8; margin: 0 15px; font-size: 0;}
.focus_sea_slide .control .slick-arrow:before {font-family: 'xeicon'; display: inline-block; font-size: 17px; transition:all 0.3s; color: #2d2d2d; 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: #d41115; width:18px;}

/* 정책포커스 홈 */
.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{position:relative;}
.policy_focus_article ~ .policy_focus_article {margin-top:60px;}
.policy_focus_article .title1{line-height:29px;}
.policy_focus_article .head {position: relative;}
.policy_focus_article .head a{display:block;}
.policy_focus_article .head img {width:100%; outline: solid 1px #ccc; outline-offset: -1px;}
.policy_focus_article .body {position: relative; margin-top:24px;}
.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 -12px;}
.policy_focus_article .lst > ul > li {width: calc(100% / 3); padding: 0 12px;}
.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:100%; height:186px; margin: 0 auto; border:1px solid #C6C6C6;}
.policy_focus_article .lst .text {display: block; padding:20px; border-width:0 1px 1px; border-style:solid; border-color:#C6C6C6;}
.policy_focus_article .lst .text strong {display: block; line-height:1.4; color:#000; font-size:18px; font-weight: 500; margin-bottom:8px; height:52px; display: block; overflow: hidden; transition:all .2s;}
.policy_focus_article .lst .source {display:flex; align-items:center; color: #717171; font-size: 14px;}
.policy_focus_article .lst .source span {position:relative; align-items:center; margin-right:8px; padding-right:8px;}
.policy_focus_article .lst .source span:before {content:''; position:absolute; right:0; top:3px; height:12px; border-left:1px solid #c6c6c6;}
.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 .lst .source span:last-child:before {display:none;}
.policy_focus_article .lst a:hover .text strong,
.policy_focus_article .lst a:focus .text strong{color:#d41115; text-decoration:underline; -ms-text-underline-position:under;}
.policy_focus_article .more {position: absolute; right:0; top:0; display:flex; align-items:center; height:32px; padding:0 8px 0 16px; font-size: 16px; color: #fff; font-weight: 500; line-height:1; background:#2D2D2D; border:1px solid transparent; border-radius:32px; transition:all .2s;}
.policy_focus_article .more:after {content: '\e93e'; font-family: 'xeicon'; font-size: 14px; margin-left:4px;}
.policy_focus_article .more i {position: absolute; top: 50%; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.policy_focus_article .more:hover,
.policy_focus_article .more:focus{background:#fff; border-color:#2d2d2d; color:#2d2d2d;}

.focusEventPage main .page_title{display:none}
.focusEventPage main.sub.list .breadcrumbs .container {position: relative; z-index: 2;}
.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: -84px; text-align: center;}
.focusEventPage .focus_top img{width:auto;}
.focusEventPage .focus_top:after {content: ''; position: absolute; left: -100%; top:0; width: 1000%; height: 465px; background-color: #12264a; z-index: -1;}

/* 정책오디오 */
.audio_info {position: relative; width: 100%; background-color: #F3F3F6; padding:32px 40px 32px 188px; margin-bottom: 30px;}
.audio_info:before {content: ''; display: block; width: 120px; height: 120px; background: url('../images/v5/sub/audio_title_icon.png') 50% 50%/contain no-repeat; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.audio_info div {color:#2D2D2D; font-size:16px; line-height:1.6;}
.audio_info div h2 {display:block; margin-bottom:10px; color:#1d1d1d; font-size:24px; line-height:1.4; letter-spacing: -0.02em;}

.audio_ch_lst {position:relative; margin: -4px 0;}
.audio_ch_lst .slide {position: relative; width: calc(100% - 54px); margin: 0 auto; padding:8px 4px; overflow: hidden;}
.audio_ch_lst ul {display: flex;}
.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: 100%; z-index: -1;}

.audio_ch_lst .swiper-navigation {position: relative; width: 27px; height: calc(100% - 38px); 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: #d41115; 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: 35px 0; 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: #F3F3F6; display: flex; align-items: center; padding:32px 40px; margin-bottom:40px}
.faq_info p {font-size: 16px; font-weight:700; color: #2D2D2D; line-height:1.6;}
.faq_lst > ul > li {border: 1px solid #d8d8d8; border-radius:12px;}
.faq_lst > ul > li ~ li {margin-top: 20px;}
.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: #F3F3F6; border-radius: 10px 10px 0 0; padding: 21px 64px 21px 40px;}
.faq_lst button:focus {outline-offset: -5px;}
.faq_lst button i {flex-shrink:0; display: inline-block; width:32px; height:30px; overflow:hidden}
.faq_lst button i:before{content:''; display:block; width:100%; height:100%; background:url('../images/v5/sub/icon_qna_q.svg') center no-repeat}
.faq_lst button b {display: inline-block; width: calc(100% - 30px); text-align: left; padding-left:8px; font-weight:500; font-size:20px; color:#2d2d2d;}
.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:40px; 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-radius: 0 0 12px 12px; padding:24px 40px; color: #555; line-height:1.6; font-size: 16px; display: block;}
.faq_lst .text p ~ p{margin-top:12px;}
.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: #555;}
.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: #2d2d2d; font-weight:700;}
.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:12px;}
.faq_lst .text > ul > li {position: relative; padding-left:16px; text-indent: -16px;}
.faq_lst .text > ul > li + li {margin-top:6px;}
.faq_lst .text > ul > li:before {content: ''; display: inline-block; width: 6px; height: 6px; position:relative; top:-1px; background-color: #D8D8D8; margin-right: 8px; vertical-align: middle;}

/* 개인정보 처리방침 */
.terms_wrap{color:#2d2d2d;}
.terms_wrap h2 {font-size: 28px;}
.terms_wrap h3 {font-size: 24px; margin-top: 40px; margin-bottom: 16px;}
.terms_wrap h4 {font-size: 24px; margin-top: 48px; margin-bottom: 16px; 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: #1C60E0; display: inline; text-indent: 0;}
.terms_wrap .blank:after {content:''; display: inline-block; vertical-align:middle; width:20px; height:20px; background:url('../images/v5/common/icon_blank_blue.svg') 50% 50%/contain no-repeat}
.terms_wrap .select {display: flex; text-indent: 0; margin-top: 15px;}
.terms_wrap .select .btn {width:60px; border: 1px solid #2D2D2D; background:#2D2D2D; color:#fff; transition:all .2s;}
.terms_wrap .select .btn:hover,
.terms_wrap .select .btn:focus{background:#fff; color:#2d2d2d;}
.terms_wrap .defbtn{margin:6px 0; text-indent:0;}
.terms_wrap .red {color: #b81613 !important;}

.terms_wrap table {border-top: none; font-size: 12px;}
.terms_wrap table thead th {height:55px; 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:16px 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; padding:32px 40px; font-weight:400; color: #2d2d2d; font-size: 16px; line-height:1.6; background:#F3F3F6;}

.terms_wrap .privacy_togl {position: relative; top:-4px; display: inline-flex; align-items:center; height:32px; padding:0 8px 0 16px; border-radius:25px; margin-left:8px; background-color: #313238; font-size: 15px; font-weight:400; color: #fff;}
.terms_wrap .privacy_togl:after {content: '\e942'; font-family: 'xeicon'; display: inline-block; margin-left:5px; vertical-align:middle}
.terms_wrap .privacy_togl.open:after {content: '\e945';}
.terms_wrap .privacy_togl_box {display: none;}

.terms_wrap .label {display: flex; flex-wrap: wrap; margin:-12px;}
.terms_wrap .label li {width: calc(100% / 3); padding: 12px;}
.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 #e4e4e4; box-sizing: border-box; color: #555; padding: 27px ; text-align: center;}
.terms_wrap .label li div strong {font-size: 18px; display: block; border-bottom: 1px solid #E4E4E4; padding-bottom:8px; margin-bottom:8px;}
.terms_wrap .label li div p {font-size: 16px; line-height:1.4; word-break: keep-all;}
.terms_wrap .label li div:before {content: ''; display: inline-block; width: 100%; height:120px; margin-bottom:8px; 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/v5/sub/pi_collect.svg');}
.terms_wrap .label li.object div:before {background-image: url('../images/v5/sub/pi_object.svg');}
.terms_wrap .label li.period div:before {background-image: url('../images/v5/sub/pi_period.svg');}
.terms_wrap .label li.consignment div:before {background-image: url('../images/v5/sub/pi_consignment.svg');}
.terms_wrap .label li.supply div:before {background-image: url('../images/v5/sub/pi_supply.svg');}
.terms_wrap .label li.browse div:before {background-image: url('../images/v5/sub/pi_browse.svg');}
.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 #e4e4e4; padding:28px; margin: 16px 0;}
.terms_wrap .cnt_lst li {width: calc(100% / 2);}
.terms_wrap .cnt_lst li:nth-child(n+3){margin-top:12px}
.terms_wrap .cnt_lst li a {font-size: 18px; display: flex; align-items: center; line-height:1.4; color:#1d1d1d; font-weight:500;}
.terms_wrap .cnt_lst li a:before {content: ''; display: inline-block; width:40px; height:40px; background-repeat: no-repeat; background-position: 50%; background-size: contain; margin-right: 4px;}
.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/v5/sub/icon_policy_1.svg');}
.terms_wrap .cnt_lst li:nth-child(2) a:before {background-image: url('../images/v5/sub/icon_policy_2.svg');}
.terms_wrap .cnt_lst li:nth-child(3) a:before {background-image: url('../images/v5/sub/icon_policy_3.svg');}
.terms_wrap .cnt_lst li:nth-child(4) a:before {background-image: url('../images/v5/sub/icon_policy_4.svg');}
.terms_wrap .cnt_lst li:nth-child(5) a:before {background-image: url('../images/v5/sub/icon_policy_5.svg');}
.terms_wrap .cnt_lst li:nth-child(6) a:before {background-image: url('../images/v5/sub/icon_policy_6.svg');}
.terms_wrap .cnt_lst li:nth-child(7) a:before {background-image: url('../images/v5/sub/icon_policy_7.svg');}
.terms_wrap .cnt_lst li:nth-child(8) a:before {background-image: url('../images/v5/sub/icon_policy_8.svg');}
.terms_wrap .cnt_lst li:nth-child(9) a:before {background-image: url('../images/v5/sub/icon_policy_9.svg');}
.terms_wrap .cnt_lst li:nth-child(10) a:before {background-image: url('../images/v5/sub/icon_policy_10.svg');}
.terms_wrap .cnt_lst li:nth-child(11) a:before {background-image: url('../images/v5/sub/icon_policy_11.svg');}
.terms_wrap .cnt_lst li:nth-child(12) a:before {background-image: url('../images/v5/sub/icon_policy_12.svg');}

.terms_wrap .cnt_lst_wrap {line-height:1.6;}
.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:6px;}
.terms_wrap .cnt_lst_wrap > ol + ol {margin-top:6px;}
.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:6px;}
.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:6px;}

.bul_square_lst > li{position:relative; padding:0 0 0 14px !important; text-indent:0 !important}
.bul_square_lst > li:before{content:''; position:absolute; left:0; top:8px; width:6px; height:6px; background:#d8d8d8}

/* 정책포커스 - 강원 동계 청소년 올림픽 */
.focusEventPage.ogw .focus_top.ogw {margin-top: -84px; width: 1280px; 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; margin: 0 auto; z-index: 1;}
.focusEventPage.ogw .focus_top.ogw .tit {padding-top: 130px; padding-bottom: 54px;}
.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; display:none;}
.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.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.dif {margin-bottom: 40px;}
.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'); display:none;}
.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: 40px;}
.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'); display:none;}
.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'); display:none;}
.tabs_common.medical li.medical.active a:before {background-position: 0 -28px;}

.tabs_common.gov_2nd_2024 {margin-bottom: 40px;}
.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'); display:none;}
.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'); display:none}
.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'); display:none;}
.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'); display:none;}
.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'); display:none}
.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: 28px;}
.medical_slide .control .arrow {position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; border: 1px solid #d8d8d8; margin: 0 16px; display: none;}
.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: 17px; transition:all 0.3s; color: #2d2d2d; 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: #d41115; 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: #555; 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;}
.focus_slide .control{display:flex; align-items:center; justify-content:center; margin-top:28px;}
.focus_slide .control .arrow{position:relative; width:40px; height:40px; border-radius:50%; background-color:#fff; border:1px solid #d8d8d8; margin:0 16px;}
.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:17px; transition:all 0.3s; color:#2d2d2d; 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:#d41115; 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:#555; 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_slide .slick-counter,
.medical_slide .slick-counter{font-size:18px; color:#717171;}
.focus_slide .slick-counter .current,
.medical_slide .slick-counter .current{color:#1d1d1d; font-weight:700;}
.focus_slide .control .playing,
.medical_slide .control .playing{margin:0 -4px 0 8px;}

/* 키워드 뉴스 */
.top_bx{margin-bottom:12px; color:#1d1d1d;}
.top_bx .tit{font-size:24px; font-weight:700; line-height:1.4;}
.top_bx .desc{margin-top:4px; line-height:1.6; font-size:16px; color:#2d2d2d;}
.kwd_tab{display:flex; align-items:flex-start; width:100%; margin-top:24px; width:calc(100% + 15px);}
.kwd_tab > li{width:146.9px; margin-right:15px;}
.kwd_tab a{display:block;}
.kwd_tab .item{position:relative;}
.kwd_tab .item .thumb{width:100%; height:100px; border-radius:12px;}
.kwd_tab .item .thumb:before{content:''; opacity:.5; position:absolute; left:0; top:0; width:100%; height:100%; background:#00205C; z-index:1;}
.kwd_tab .item .tit{display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:50%; width:100%; height:100%; padding:0 10px; font-size:18px; line-height:1.4; color:#fff; font-weight:800; text-align:center; transform:translateY(-50%); word-break:keep-all; z-index:1;}
.kwd_tab .active .item .thumb:before{background:rgba(0,0,0,.4); border:2px solid #fff; opacity:1; border-radius:12px;}
.kwd_tab .active .item .tit{text-shadow:0 4px 10px rgba(0, 0, 0, .8); text-decoration:underline; text-underline-position:under; text-underline-offset: 1px;}

/* MY 맞춤뉴스 */
.myai_wrap{position:relative;}
.myai_wrap .div_dable{width:calc(100% + 4px); margin-left:2px;}
.myai_wrap .defbtn.top{position: absolute; right: 0; top: 0px; height: 36px; font-size: 14px; padding: 0 12px; border-radius: 18px;}
.myai_wrap .defbtn.reset.top:before{width:16px; height:16px; background-size:15px auto;}
.side_hot{margin-bottom:20px; padding:15px 20px; border-radius:30px 30px 30px 0px; background:linear-gradient(90deg, #FFE5E5 0%, #FFF6E5 100%);}
.side_hot .text{position:relative; padding-left:36px; font-size:16px; color:#1d1d1d; letter-spacing:-.32px; line-height:1.4; font-weight:500;}
.side_hot .text:before{content:''; position:absolute; left:0; top:-4px; width:28px; height:28px; background:url('../images/v5/sub/icon_side_hot.svg') center/contain no-repeat;}
.side_hot .text > strong{font-weight:800;}
.service_lst > li + li{margin-top:16px;}
.service_lst .item{display:flex; align-items:center; padding:19px 20px; border:1px solid #e4e4e4; line-height:1.4; background:#F3FBFF;}
.service_lst .item .icon{flex-shrink:0; margin-right:10px;}
.service_lst .item .text{flex:1; font-size:17px; color:#2d2d2d; font-weight:500;}
.service_lst .item .text .red{color:#FF4045; font-weight:700;}
.service_lst .item.t2{background:#FFF4F5;}
.service_lst .item.t3{background:#FFFAF0;}
.service_lst .item.t4{background:#F0F4FF;}

.bot_btn_area{margin-top:40px; text-align:center;}

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

/* 20241213 tooltip */
.tts {position:relative;}
.print {position:relative;}
.variety .tooltip {position:absolute; top:-110%; left:50%; display:inline-block; padding:2px 4px; border-radius:4px; background:#222; color:#fff; font-size:12px; text-align:center; opacity:0; visibility: hidden; transition:all .15s; transform:translateX(-50%); white-space: nowrap;}
.variety .tooltip::after {content:''; display:block; position:absolute; left:50%; bottom:-4px; border-top:4px solid #222; border-left:4px solid rgba(0,0,0,0); border-right:4px solid rgba(0,0,0,0); transform:translateX(-50%);}
.variety button:hover .tooltip, .variety button:focus .tooltip,
.variety a:hover .tooltip, .variety a:focus .tooltip {opacity:1; visibility:visible;}