@charset "UTF-8";

/* =========================================================================================== sub layout ========================================================================================== */
header .logo { position: absolute; left: 55px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; width: auto; height: auto; }

/* =============================================================================================
sub-head
============================================================================================= */
.sub-head { position: relative; width: 100%; z-index: 2; margin-top: -55px; background-color: #fff; overflow: hidden;}
.sub-head::before { content: ''; display: block; background: linear-gradient(to right, #c21d21 0%, #363378 99%); width: 100%; height: 66px; position: absolute; left: 0; bottom: 0; }
.sub-head h2 { text-align: center; font-size: 21px; height: 54px; padding-top: 15px; }
/*.sub-head h2::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 5px; width: 10px; height: 20px; background: url("../images/sub/symbol.svg") 0 0 no-repeat; }*/
.sub-head .sub-nav { max-width: 1024px; margin-left: auto; margin-right: auto; position: relative; overflow-x: auto; z-index: 2;}
.sub-head .sub-nav::after { content: ""; clear: both; display: table; }
.sub-head .sub-nav ul { display: table; width: auto; margin: 0 auto; position: relative; white-space: nowrap; }
.sub-head .sub-nav ul::-webkit-scrollbar-track { background-color: #000; border-radius: 4px; }
.sub-head .sub-nav ul::-webkit-scrollbar { height: 4px; }
.sub-head .sub-nav ul::-webkit-scrollbar-thumb { background-color: #74c0fc; border-radius: 4px; }
.sub-head .sub-nav ul li { display: table-cell; width: auto !important; }
.sub-head .sub-nav ul li a { display: block; padding: 25px 10px; font-size: 13px; color: #fff; }
.sub-head .sub-nav ul li.on a { color: #fff; }
.sub-head .sub-nav ul li.on a:after { content: ''; display: inline-block; position: absolute; left: 10px; right: 10px; bottom: 20px; height: 2px; background: #fff;}

/* =============================================================================================
section1
============================================================================================= */
.section1 { padding: 80px 0 0; position: relative; border-bottom: 1px solid #adb5bd; background-color: #fff;  display: none;}
.section1::before { content: ''; display: block; background-color: #002157; width: 100%; height: 66px; position: absolute; left: 0; top: 0; }
.section1::after { content: ''; display: block; background-color: #0a3c79; width: 100%; height: 66px; position: absolute; left: 50%; top: 0; -webkit-transform: skewX(-40deg); transform: skewX(-40deg); }
.section1 .keywords { position: relative; padding-left: 107px; padding-bottom: 10px; }
.section1 .keywords h3 { display: inline-block; padding: 5px 0px; font-size: 13px; position: absolute; left: 10px; letter-spacing: -1px; }
.section1 .keywords h3 i { color: #228be5; }
.section1 .keywords > a { display: inline-block; letter-spacing: -1px; font-size: 13px; color: #868e96; background-color: #fff; border: 1px solid #dee2e6; border-radius: 13px; padding: 5px 10px; margin: 0 0 0 3px; -webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.03); box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.03); -webkit-transition: all .2s; transition: all .2s; }
.section1 .keywords > a.active { background-color: #228be5; border-color: #228be5; color: #fff; }
.section1 .keywords .key-pop { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0px; right: 0px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 10; }
.section1 .keywords .key-pop ul > li { margin-bottom: 10px; }
.section1 .keywords .key-pop .close { border-top: 1px solid #adb5bd; }
.section1 .keywords .key-pop .close a { display: block; padding-top: 10px; text-align: center; font-size: .875rem; }
.section1 .keywords .key-pop .close a i { margin-left: 5px; }
.section1 .keywords .key-pop.active { opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; }
.section1 .box { float: left; }
.section1 .box ~ .box { margin-left: 50px; }
.section1 .thumb { padding-bottom: 0; padding-bottom: 64.56%; }
.section1 .col-8 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.section1 .title { font-size: .875rem; padding-left: 10px; display: -webkit-box; -webkit-line-clamp: 2; max-height: 45px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }

.section1.img-news {padding: 66px 0 0; border-bottom: none;}
.section1.img-news .keywords {display: none;}

/* =============================================================================================
section2, #container
============================================================================================= */
.section2 { max-width: 1024px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
.section2::after { content: ""; clear: both; display: table; }

.article-wrap { background-color: #fff; margin-bottom: 10px;}

.article-list { background-color: #fff;}
.article-list::before { content: ""; clear: both; display: table; }

/* ================================== .article-wrap ================================== */
/* ================================== .article-head ================================== */
.article-head { padding: 20px 10px; border-bottom: 1px solid #dee2e6; background-color: #fff; /*margin-bottom: 20px; 정책포커스*/ position: relative; }
.article-head h1 { font-size: 1.3125rem; margin-bottom: 15px; position: relative; }
.article-head h2 { font-size: 0.875rem; color: #495057; margin-bottom: 20px; }
.article-head .info { color: #868e96; margin-top: 15px; font-size: .9375rem; }
.article-head .info span { display: inline-block; margin-right: 10px; }
.article-head .article-head-tool { /*position: absolute;right: 10px;bottom: 10px;*/ margin-top: 10px; }
.article-head .article-head-tool::after { content: ""; clear: both; display: table; }
.article-head .share { float: left; }
.article-head .share button { display: inline-block; vertical-align: middle; width: 30px; height: 30px; padding: 0; border: 1px solid #dee2e6; }
.article-head .share .sns { display: inline-block; vertical-align: middle; margin-top: 0; position: relative; }
.article-head .share .sns .box { display: none; }
.article-head .share .sns .box.on { display: block; width: 102px; position: absolute; top: 0px; z-index: 11; background-color: #fff; border: 1px solid #dee2e6; padding: 5px; }
.article-head .share .sns .box.on li { float: left; margin: 2px 0; }
.article-head .share .sns .box.on li button { border-color: #fff; }
.article-head .share .sns .box .close { position: absolute; right: -30px; top: -1px; background-color: #fff; }
.article-head .share .like .title { display: block; height: 14px; font-size: 12px; text-align: center; color: #f85265; margin-top: -2px;}
.article-head .share .like .count { font-size: 12px; line-height: 12px; color: #495057; display: block; }
.article-head .share .fb { background-color: #486aa1; color: #fff; }
.article-head .share .tw { background-color: #3eabea; color: #fff; }
.article-head .share .kt { background-color: #ffe23a; color: #3d1e1e; font-size: 18px; }
.article-head .share .ks { background-color: #ffe23a; color: #fff; }
.article-head .share .bd { background: #33aa47 url("../images/sub/share_bd.png") 50% 50% no-repeat; color: #fff; }
.article-head .share .uc { background: #6c757e; color: #fff; font-size: 10px;}
.article-head .tool { float: right; margin-left: 5px; }
.article-head .tool a { display: block; float: left; font-size: 0; width: 30px; height: 30px; border: 1px solid #dee2e6; }
.article-head .tool a::before { content: ''; display: block; width: 20px; height: 17px; margin: 6px auto; background: url("../images/sub/icon_tool.png") 0 0/auto 17px no-repeat; }
.article-head .tool .minus::before { background-position: -20px 0; }
.article-head .tool .print::before { background-position: -40px 0; }
.article-head .tool .list::before { background-position: -61px 0; }
.article-head .tool .list { margin-left: 5px; }

/* ================================== .article-content ================================== */
.main { background-color: #f2f4f7; padding-bottom: 10px;}
.main .slick-slider { padding: 10px; }
.main .table { width: 100% !important; }

.article-content { padding: 10px; background-color: #fff; }
.article-content h2 { margin-bottom: 20px; font-size: 1.0625rem; }
.article-content .view-cont { line-height: 1.9; margin-bottom: 30px; }
.article-content .view-cont img { height: auto !important; }
.article-content .view-cont p {margin-bottom: 25px;}
.article-content .view-cont span { display: inline; }
.article-content .view-cont .imageArea { text-align: center; }
.article-content .view-cont .captions{font-size:.875rem;line-height:1.3}
.article-content .view-cont .captions b{font-weight:normal;}
.article-content .view-cont .imageArea .captions {  margin-top: 10px; }

/* 신규에디터 이미지 관련 */
.article-content .view-cont .imageWrap{margin-top:25px; margin-bottom:25px;}
.article-content .view-cont .imageWrap::after{content:"";display:table;clear:both;}
.article-content .view-cont figure {margin:0; max-width:100%;}
.article-content .view-cont figure.left{float:left; margin-right:10px;}
.article-content .view-cont figure.right{float:right; margin-left:10px;}
.article-content .view-cont figure.center{margin:0 auto;text-align:center;}

.article-content .view-cont .imageWrap .imageSpan{display:block; margin-bottom:0px;}
.article-content .view-cont .imageWrap .imageSpan img{margin:0 !important;}
.article-content .view-cont .imageWrap .captions{text-align:left; margin-top:0 !important;}


.article-content .view-cont .site_link{display: table;width:100%;margin:10px auto;border:1px solid #dee2e6;background-color: #f8f9fa;padding:0px;border-left:3px solid #228be5;}
.article-content .view-cont .site_link figure{margin:0;display:table-cell;vertical-align:top;width:100px;height:100px;}
.article-content .view-cont .site_link figure img{width:100%;height:100%;}
.article-content .view-cont .site_link figcaption{display:table-cell;vertical-align:top;padding:9px}
.article-content .view-cont .site_link strong{display:block;font-size:16px;color:#212529;margin-bottom:10px;}
.article-content .view-cont .site_link span{display:block;font-size:14px;line-height:1.2;color:#495057;display: -webkit-box; -webkit-line-clamp: 2; max-height: 36px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.article-content .view-cont .site_link em{display:block;font-size:12px;color:#adb5bd;}
.article-content .view-cont .site_link em i{color:#228be5;font-size:14px;display:inline-block;vertical-align:middle;margin-right:3px;}.article-content .file_down { margin-top: 35px; padding: 15px 0; border-top: 1px solid #ebebeb; font-size: .875rem; }

.article-content .file_down:after { content: ""; clear: both; display: table; }
.article-content .file_down dt { width: 100%; font-weight: 700; margin-bottom: 10px; }
.article-content .file_down dd { width: 100%; }

.article-content .file_down dd li {width: 100%; display: flex; flex-wrap: wrap; align-items: flex-strat;}
.article-content .file_down dd span {}
.article-content .file_down dd span a { color: #707070; padding: 5px 0 5px 21px; text-indent: -21px;}
.article-content .file_down dd span img {position: relative; top: -2px;}
.article-content .file_down dd span:nth-child(1) {width: calc(100% - 65px);}
.article-content .file_down dd span:nth-child(1) a {width: 100%;}
.article-content .file_down dd span:nth-child(2) {width: 60px; margin-left: auto;}
.article-content .file_down dd span:nth-child(2) a {color: #444; padding: 5px 5px !important; font-weight: 500; padding-left: 0; text-indent: 0;}
.article-content .file_down dd span:nth-child(2) a:after { font-family: "xeicon"; font-size: 15px;}
.article-content .file_down dd span:nth-child(2) a.view:after { content: '\e980';}
.article-content .file_down dd span:nth-child(2) a.down:after { content: '\e904';}
.article-content .file_down dd span:nth-child(2) a i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 }
.article-content .file_down dd img { margin-right: 5px; }
.article-content .file_down.st1 {margin-top: 0; border-top: none; background-color: #f7f7f7; padding: 15px; margin-bottom: 35px;}

.article-content .law-copy { margin: 20px 0; border-top: 1px solid #dee2e6; padding-top: 20px; }
.article-content .law-copy .text { font-size: 13px; color: #868e96; line-height: 1.625; }
.article-content .law-copy .text > div { display: inline-block; }
.article-content .law-copy .text > div > a { text-decoration: underline; color: #495057; }
.article-content .law-copy .tooltip { z-index: 100; position: absolute; font-size: 13px; background-color: #f5fafd; margin-top: 14px; left: 10px; width:calc(100% - 20px);border: 1px solid #d9e7ef; -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1); padding: 10px 15px; -webkit-transition: all .2s; transition: all .2s; opacity: 0; visibility: hidden; }
.article-content .law-copy .tooltip .close { position: absolute; right: 13px; top: 13px; width: 16px; height: 16px; font-size: 0; background-color: #333; }
.article-content .law-copy .tooltip .close::before { content: '\e922'; font-family: "xeicon"; font-size: 15px; color: #fff; }
.article-content .law-copy .on .tooltip { opacity: 1; visibility: visible; }
.article-content .law-copy .source { margin-top: 10px; font-size: 12px; }
.article-content .law-copy .source span { color: #228be5; }

/* ================================== .title-box ================================== */
.title-box { border-bottom: 1px solid #e1e1e1; padding: 0 10px 15px; position: relative; }
.title-box::after { content: ""; clear: both; display: table; }
.title-box.bdn { border-bottom: none; }
.title-box h2 { float: left; font-size: 1.0625rem; color: #002157; }
.title-box span { padding: 4px 0 0 0; float: left; margin-left: 10px; font-size: .875rem; }
.title-box span strong { color: #ff1f29; }

.title-box .total_num {margin-left: 0; margin-top: 4px;}
.title-box .total_num strong { color: #ff1f29;}
.title-box .sort {float: right; font-size: 0;}
.title-box .sort:after { content: ""; clear: both; display: table; }
.title-box .sort li {float: left;}
.title-box .sort button {position: relative; background-color: #f2f4f7; border: 1px solid #d7d7d7; font-size: 0.938rem; padding: 8px 30px; line-height: 1; text-align: center; color: #757575; transition: all .2s; letter-spacing: -0.05em; margin-left: -1px; height: 33px;}
.title-box .sort button span {position: relative; padding: 0; margin-left: 0; float: none; display: inline-block;}
.title-box .sort button span:before, .title-box .sort button span:after {display: inline-block; font-family: "xeicon"; font-size: 10px; position: absolute; right: -17px; transform: translateY(-50%); color: #8f8f8f;}
.title-box .sort button.word span:before, .title-box .sort button.update span:before {content: '\e92f'; top: calc(50% - 4px);}
.title-box .sort button.word span:after, .title-box .sort button.update span:after {content: '\e935'; top: calc(50% + 4px);}
.title-box .sort button.word span i {}
.title-box .sort button.word span i:before {content: '\e9c6'; display: inline-block;  font-family: "xeicon"; font-size: 17px; position: absolute; left: -19px; top: 50%; transform: translateY(-50%);}
.title-box .sort button.word span i:after {content: 'ㄱ'; display: inline-block;  font-size: 10px; font-weight: 600; position: absolute; left: -15.5px; top: 50%; transform: translateY(-50%);}
.title-box .sort button.update span i:before {content: '\ea2c'; display: inline-block;  font-family: "xeicon"; font-size: 17px; position: absolute; left: -19px; top: 50%; transform: translateY(-50%);}
.title-box .sort button.active {background-color: #1974dd; border: 1px solid #1974dd; color: #fff; z-index: 2;}
.title-box .sort button.active span:before {color: #7cb6f8;}
.title-box .sort button.active span:after {color: #ffff;}
.title-box .sort button.active.reverse span:before {color: #fff;}
.title-box .sort button.active.reverse span:after {color: #7cb6f8;}
.title-box .sort button.reset {min-width: auto; padding: 0; width: 33px; height: 33px;}
.title-box .sort button.reset:after {content: '\e973'; display: inline-block;  font-family: "xeicon"; font-size: 17px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.title-box .sort button.reset span i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.title-box.wiki {border-bottom: 2px solid #495057; padding: 0 0 15px 0; margin: 0 10px 0 10px; display: flex;}
.title-box.wiki .total_num, .title-box .sort, .title-box .view_type {flex:none;}
.title-box.wiki .sort {float: none; margin-left: auto;}
.title-box.wiki .view_type {display: inline-block; font-size: 0; margin-left: 5px;}
.title-box.wiki .view_type button i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.title-box.wiki .view_type button {position: relative; background-color: #f2f4f7; border: 1px solid #d7d7d7; font-size: 15px; width: 33px; height: 33px; line-height: 1; text-align: center; color: #707070; transition: all .2s; letter-spacing: -0.05em; margin-left: -1px; background-image: url('../images/sub/view_type.png'); background-repeat: no-repeat; background-size: 64px auto;}
.title-box.wiki .view_type button.active {background-color: #1974dd; border: 1px solid #1974dd; color: #fff; z-index: 2;}
.title-box.wiki .view_type button.v_list {background-position: -32px 0;}
.title-box.wiki .view_type button.v_thumb {background-position: 0 0;}
.title-box.wiki .view_type button.v_list.active {background-position: -32px -32px;}
.title-box.wiki .view_type button.v_thumb.active {background-position: 0 -32px;}

.title-box.wiki + .wiki-list {margin-top: 15px;}

@media screen and (max-width: 420px) {
	.title-box.wiki { flex-wrap: wrap;}
	.title-box.wiki .total_num {width: 100%; margin-bottom: 5px;}
	.title-box.wiki .sort {flex:none;}
	.title-box.wiki .view_type {flex:none;}
}

@media screen and (max-width: 353px) {
	.title-box.wiki .sort button {padding: 8px 25px 8px 10px;}
	.title-box.wiki .sort button span i:before {display: none;}
	.title-box.wiki .sort button span i:after {display: none;}
}


/* ================================== .related-news ================================== */
.related-news { margin: 20px 0; }
.related-news .rhead { position: relative; }
.related-news .rhead::after { content: ""; clear: both; display: table; }
.related-news .rhead h2 { border-bottom: 2px solid #228be5; font-weight: 700; padding-bottom: 5px; margin-bottom: 10px; text-transform: uppercase; }
.related-news .rhead .key li { display: inline-block; color: #228be5; font-size: 12px; margin-right: 10px; }
.related-news .rhead .key li a{display:block;padding:2px;}
.related-news .rhead .key li.active a{color:#fff;background-color:#228be5;}
.related-news .list li { margin: 10px 0 0 0; }
.related-news .list a { display: block; border: 1px solid #dee2e6; -webkit-box-shadow: 0 2.5px rgba(0, 0, 0, 0.05); box-shadow: 0 2.5px rgba(0, 0, 0, 0.05); }
.related-news .list a::after { content: ""; clear: both; display: table; }
.related-news .list .thumb { padding-bottom: 16.28%; border: 0; border-right: 1px solid #dee2e6; }
.related-news .list .text { padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
.related-news .list .text strong { display: block; font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; max-height: 45px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.related-news .list .text strong + span { margin-top: 5px; font-size: 12px; line-height: 1.5; color: #868e96; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.related-news .list .column { margin: 0; }
.related-news .list .column a { border: 0; border-bottom: 1px solid #dee2e6; -webkit-box-shadow: none; box-shadow: none; padding: 10px 0 10px 10px; position: relative; }
.related-news .list .column a::before { content: ""; display: block; background-color: #ccc; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 15px; }
.related-news .list .column a .text { padding: 0; display: block; }
.related-news .list .column a .text strong { margin-bottom: 0; }
.related-news .more-btn{position:relative;}
.related-news .more-btn a{display:block;width:220px;border-radius:20px;padding:10px 0;text-align:center;font-size:13px; color:#868e96;margin:15px auto;box-shadow:2px 2px 5px 0 rgba(0,0,0,.15);background-color:#fff;position:relative;z-index:1;}
.related-news .more-btn i{margin-left:5px;}
.related-news .more-btn::before{content:"";display:block;width:100%;height:1px;background-color:#dee2e6;position:absolute;top:50%;z-index:0;}
.related-news .key_pop { display: none; position: absolute; top: 110%; left: 0px; right: 0px; -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25); z-index: 11; background-color: #fff; }
.related-news .key_pop.on { display: block; }
.related-news .key_pop .close { background: url("../images/common/ac_related_close.png") no-repeat left top; width: 38px; height: 38px; font-size: 0; line-height: 0; position: absolute; right: 0; top: 0; border: none; }
.related-news .key_pop .head { background: url("../images/common/ac_related_bg.png") left top no-repeat; padding: 8px 38px 9px 10px; }
.related-news .key_pop .head:after { content: ''; display: block; clear: both; }
.related-news .key_pop .head h4 { font-size: 1.125rem; font-family: 'notoMedium'; letter-spacing: -0.075em; color: #fff; margin-right: 10px; float: left; }
.related-news .key_pop .head span { color: #fff; font-size: .875rem; float: left; margin-top: 5px; }
.related-news .key_pop .body { background: #fff; padding: 5px 15px 0 15px; }
.related-news .key_pop .body ul { border-top: none; }
.related-news .key_pop .body ul li { border-bottom: 1px solid #efefef; margin: 10px 0; }
.related-news .key_pop .body ul li a { color: #555; font-size: .875rem; display: block; padding: 10px 0 10px 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* ================================== .livere_box ================================== */
.livere_box { margin-bottom: 30px; }
#container #fake-form{height:80px!important}
#container #fake-content{padding:8px!important}
#container button.fake-wirte-btn{height:calc(100% + 2px)!important}

/* ================================== .kogl ================================== */
.kogl { display: none; }
.kogl .guide .logo { float: left; margin-right: 20px; }
.kogl .guide dl { float: left; width: calc(100% - 158px); }
.kogl .guide dt { font-weight: 500; margin-bottom: 10px; }
.kogl .guide dd { font-size: .875rem; color: #868e96; margin-bottom: 10px; }
.kogl .info { padding-left: 158px; position: relative; }
.kogl .info .btn { position: absolute; left: 0; bottom: 0; }
.kogl .info .btn a { text-decoration: underline; font-size: 14px; float: left; }
.kogl .info .btn a ~ a { margin-left: 10px; }

/*  ==================================== 검색  ============================================== */
.custom-select { position: relative; display: inline-block; background-color: #fff; }
.custom-select label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.custom-select select { position: relative; z-index: 1; width: 100%; height: 40px; border: 1px solid #dee2e6; background-color: transparent; -webkit-appearance: none; padding: 0 25px 0 10px; }
.custom-select::after { content: "\e936"; font-family: "xeicon"; color: #495057; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }

.year-tab { padding: 10px; }
.year-tab .custom-select { background-color: #f2f4f7; }

.size100 { width: 100%; }

.custom-input { position: relative; }
.custom-input input[type="checkbox"], .custom-input input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; }
.custom-input input[type="checkbox"] + label, .custom-input input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; }
.custom-input input[type="radio"] + label:last-child { margin-right: 0; }
.custom-input input[type="checkbox"] + label::before, .custom-input input[type="radio"] + label::before { content: ""; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background-color: #fff; border: 1px solid #c7c7c7; cursor: pointer; }
.custom-input input[type="radio"] + label::before { border-radius: 50%; }
.custom-input input[type="checkbox"] + label::after, .custom-input input[type="radio"] + label::after { opacity: 0; position: absolute; z-index: 2; -webkit-transition: all .2s; transition: all .2s; }
.custom-input input[type="checkbox"] + label::after { content: "\e929"; font-family: "xeicon"; font-size: 1rem; font-weight: bold; display: block; left: 0; top: 0; color: #339af0; }
.custom-input input[type="radio"] + label::after { content: ""; display: block; opacity: 0; background-color: #339af0; left: 4px; top: 7px; width: 8px; height: 8px; border-radius: 50%; }
.custom-input input[type="checkbox"]:checked + label::after, .custom-input input[type="radio"]:checked + label::after { opacity: 1; }
.custom-input input[type="radio"]:checked + label + .gong_cont { display: block; }

.btns { margin: 10px 0; }

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

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

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

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

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

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

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

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

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

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

.table-list { border-top: 2px solid #495057; }
.table-list th, .table-list td { padding: 15px; font-size: .9375rem; }
.table-list th { background-color: #f2f4f7; text-align: center; }
.table-list tr { border-bottom: 1px solid #dee2e6; }
.table-list td { text-align: center; color: #666; }
.table-list td.subject a { width: 100%; text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*  ================================== sch_post  ============================================ */
.article-list .tab-nav { display: table; table-layout: inherit; width: 100%; background-color: #f2f4f7; }
.article-list .tab-nav > li { display: table-cell; position: relative; }
.article-list .tab-nav > li ~ li { border-left: 1px solid #adb5bd; }
.article-list .tab-nav > li#li_cardnews + li{border-left:0}
.article-list .tab-nav > li a { display: block; padding: 7px 10px; text-align: center; margin: 0; border-top: 2px solid transparent; color: #495057; font-size: 14px; }
.article-list .tab-nav > li.active a { background-color: #fff; border-top-color: #228be5; font-weight: 500; color: #212529; margin-left: 0; }

.tab-cont-wrap { position: absolute; background-color: #fff; z-index: 1; border: 1px solid #adb5bd;border-top:0; left: -1px; right: -1px; }
.tab-cont-wrap .tab-cont { border-top: 1px solid #adb5bd; }

.tab-cont { display: none; }
.tab-cont.active { display: block; }

.sch-post { border: 1px solid #adb5bd; margin: 10px; position: relative; }
.sch-post .sch { padding: 10px; }
.sch-post .tab-cont { position: relative; padding: 0 10px 0 13px; height: 145px; overflow-y: auto; }
.sch-post .tab-cont ul { margin: 12px 0; }
.sch-post .tab-cont ul::after { content: ""; clear: both; display: table; }
.sch-post .tab-cont ul li { float: left; width: 50%; margin-top: 8px; font-size: .875rem; }
.sch-post .tab-cont h3 { color: #228be5; font-size: 12px; }
.sch-post .tab-cont .ul_wrap { margin: 12px 0; }
.sch-post .tab-cont h3 + ul { margin-top: 0; }
.sch-post .tab-cont ul + h3 { margin-top: 20px; }
.sch-post .tab-cont .toggle { position: absolute; right: 25px; top: -63px; font-size: 15px; }
.sch-post .tab-cont .toggle i { margin-left: 5px; -webkit-transition: all .2s; transition: all .2s; }
.sch-post .tab-cont.fold h3, .sch-post .tab-cont.fold ul, .sch-post .tab-cont.fold .ul_wrap { display: none !important; }
.sch-post .tab-cont.fold .toggle { top: -38px; }
.sch-post .tab-cont.fold .toggle i { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.sch-post .tab-cont.empty-cont { height: 0; }
.sch-post .sch-btn { display: none; padding: 15px 12px; text-align: center; border-top: 1px solid #dee2e6; }
.sch-post .sch-btn button { display: inline-block; border: none; background-color: #228be5; color: #fff; font-size: 14px; padding: 5px 15px; }
.sch-post .sch-btn button.btn-sch { background-color: #228be5; }
.sch-post .sch-btn button.btn-close { background-color: #aaa; margin-left: 7px; }
.sch-post .sch-post-inp::after { content: ""; clear: both; display: table; }
.sch-post .sch-post-inp fieldset { position: relative; border: 2px solid #228be5; border-right: none; font-size: .875rem; }
.sch-post .sch-post-inp fieldset label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sch-post .sch-post-inp fieldset .custom-select { float: left; width: 80px; position: relative; display: inline-block; background-color: #fff; }
.sch-post .sch-post-inp fieldset .custom-select select { position: relative; z-index: 1; width: 100%; height: 40px; border: 0; background-color: transparent; -webkit-appearance: none; padding: 0 15px 0 7px; }
.sch-post .sch-post-inp fieldset .custom-select::after { content: "\e936"; font-family: "xeicon"; color: #495057; position: absolute; right: 7px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.sch-post .sch-post-inp fieldset .custom-select::before { content: ""; display: block; width: 1px; height: 17px; background-color: #adb5bd; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sch-post .sch-post-inp fieldset input[type='text'] { float: left; width: calc(100% - 48px); height: 40px; border: 0; padding-left: 15px; padding-right: 15px; }
.sch-post .sch-post-inp fieldset .custom-select + .custom-input input[type='text'] { width: calc(100% - 128px); }
.sch-post .sch-post-inp fieldset .custom-select + .custom-select + .custom-input input[type='text'] { width: calc(100% - 48px); border-top: 1px solid #dee2e6; }
.sch-post .sch-post-inp fieldset button { position: absolute; right: 0; top: 0; border: none; background-color: #228be5; color: #fff; width: 48px; height: 40px; font-size: 20px; font-weight: bold; }
.sch-post .sch-post-inp .custom-select + .custom-select + .custom-input button { height: 80px; }
.sch-post .sch-post-inp .schresult-open { font-size: 12px; display: block; text-align: center; width: 100%; background-color: #f4f7fa; border: 1px solid #dee2e6; margin-top: 10px; padding: 5px; }
.sch-post .sch-post-inp .schresult-open i { margin-left: 5px; -webkit-transition: all .2s; transition: all .2s; }
.sch-post .sch-post-inp .schresult-open.on { display: inline-block; }
.sch-post .sch-post-inp .schresult-open.on i { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.sch-post .sch-post-inp.st4 .sch-basic-wrap { float: left; }
.sch-post .sch-post-inp.st4 fieldset input[type='text'] { width: 450px; }
.sch-post .sch-result { position: relative; margin-bottom: 10px; }
.sch-post .sch-result strong.title { display: block; font-size: 1.0625rem; color: #002157; margin-bottom: 15px; }
.sch-post .sch-result > div { display: block; }
.sch-post .sch-result > div::after { content: ""; clear: both; display: table; }
.sch-post .sch-result > div label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sch-post .sch-result > div span { position: relative; display: block; float: left; padding: 0 39px 0 10px; border: 1px solid #d5d5d5; width: calc(50% - 15px); }
.sch-post .sch-result > div span input { width: 89px; height: 39px; vertical-align: middle; border: none; font-size: 0.9375rem; }
.sch-post .sch-result > div span button { position: absolute; top: 0; right: 0; display: block; width: 39px; height: 39px; background: url("../images/sub/icon_cal.png") no-repeat center center; }
.sch-post .sch-result > div span button i { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sch-post .sch-result > div em { display: block; width: 10px; text-align: center; height: 41px; line-height: 41px; float: left; margin: 0 10px; }
.sch-post .sch-result .btn-result-sch { display: block; width: 100%; height: 41px; line-height: 41px; border: 1px solid #adb5bd; background: #f2f4f7; text-align: center; font-size: .9375rem; color: #212529; margin-top: 10px; }
.sch-post .sch-result .restart { position: absolute; right: 0; top: 0; color: #868e96; }

.sch-post .tab-cont .link_wrap li {width: auto; height: auto;}
.sch-post .tab-cont .link_wrap li span {display: block !important;}
.sch-post .tab-cont .link_wrap li span a {display: block; color: #404040; letter-spacing: -0.05em; margin-top: 5px;}
.sch-post .tab-cont .link_wrap li span a i {display: inline-block; margin-left: 5px; position: relative; }
.sch-post .tab-cont .link_wrap li span a i:after { content: "\ea3e"; font-family: "xeicon"; display: inline-block; font-size: 18px; color: #868e96; position: relative; top: 2px;}

.focus-tabs { padding: 10px; background-color: #fff; }
.focus-tabs ul { display: flex;}
.focus-tabs li { flex:1 auto; text-align: center; position: relative; font-size: 12px; letter-spacing: -1px; }
.focus-tabs li::after { content: ""; display: block; width: 100%; height: 2px; background-color: #495057; position: absolute; left: 0; bottom: 0; }
.focus-tabs li a { display: block; padding: 15px 0; color: #868e96; border: 1px solid #dee2e6; }
.focus-tabs li i { display: block; background: url("../images/sub/icon_focus_tab.png") 0 0 no-repeat; width: 32px; height: 32px; margin: -12px auto 0; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all .2s ease; transition: all .2s ease; }
.focus-tabs li:nth-child(2) i { background-position: -32px 0; }
.focus-tabs li:nth-child(3) i { background-position: -64px 0; }
.focus-tabs li:nth-child(4) i { background-position: -96px 0; }
.focus-tabs li span { display: block; }
.focus-tabs li.on::after { display: none; }
.focus-tabs li.on a { padding: 14px 0; border: 2px solid #495057; border-bottom-color: transparent; }
.focus-tabs li.on i { background-position: 0 -32px; }
.focus-tabs li.on:nth-child(2) i { background-position: -32px -32px; }
.focus-tabs li.on:nth-child(3) i { background-position: -64px -32px; }
.focus-tabs li.on:nth-child(4) i { background-position: -96px -32px; }
.focus-tabs li.on span { color: #495057; font-weight: bold; }
.focus-tabs.ebook li i { background-image: url("../images/sub/icon_ebook.png"); }
.focus-tabs.cardcut li i { background-image: url("../images/sub/icon_cardcut.png"); }

/*  ==================================== list  ============================================== */
.list-type { padding-bottom: 40px; }
.list-type > ul > li::after { content: ""; clear: both; display: table; }
.list-type > ul > li > a { width: 100%; height: 100%; padding: 15px 10px; border-bottom: 1px solid #dee2e6; }
.list-type > ul > li > a span + dl { padding-left: 10px !important; }
.list-type .thumb { border: 1px solid #dee2e6; background: #b1bab9 url("../images/common/noimage_default.png") 50% 50% no-repeat; }
.list-type .thumb.card { width: 174px; height: 174px; }
.list-type dt { font-weight: 700; letter-spacing: -0.05em; margin: 5px 0 10px; display: -webkit-box; -webkit-line-clamp: 2; max-height: 45px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.list-type dd.stitle { font-size: 1.0625rem; color: #495057; margin-bottom: 20px; }
.list-type dd.lead { font-size: .9375rem; color: #666; margin-bottom: 7px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; overflow: hidden; }
.list-type dd.source { font-size: .8125rem; color: #868e96; }
.list-type dd.source span { margin-right: 7px; }
.list-type.top { padding-bottom: 20px; border-bottom: 1px solid #dee2e6; margin-bottom: 17px; }
.list-type.top dt { font-size: 1.125rem; height: 45px; overflow: hidden; }
.list-type.top dd span { display: block; }
.list-type.top.st2 { border: 0; }
.list-type.top.st2 li a { padding: 17px 0; }
.list-type.top.st2 li ~ li { border: 0; border-left: 1px solid #dee2e6; }
.list-type.st2 { border-top: 2px solid #495057; }
.list-type.st2 li a { display: block; padding: 10px 0; position: relative; padding-right: 80px; }
.list-type.st2 li a .ministry { color: #868e96; font-size: 0.9375rem; margin-right: 10px; }
.list-type.st2 li a .date { position: absolute; top: 15px; right: 0; font-size: 13px; color: #666; }
.list-type.st3 .thumb { padding-bottom: 120%; }
.list-type.st3 .date { display: block; margin-top: 10px; }
.list-type.event-list .thumb { padding-bottom: 31.19%; }

.list-type .ebook .thumb {padding-left: 50%; background-color: #fafbfb; background-image: none;}
.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; padding-bottom: 134.89%; position: relative;}
.list-type .ebook .thumb i:before, .list-type .ebook .thumb i:after {content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; left: -100%; }
.list-type .ebook .thumb i:before {background: linear-gradient(to right, #fafbfb 70%, #c3c4c4 100%); opacity: 0.5;}
.list-type .ebook .thumb i:after {background-image: url("../images/sub/ebook_thumb_bg.png"); background-size: 80%; background-repeat: no-repeat; background-position: bottom -5px left -5px;}
.list-type > ul > li > span.ebook { width: 100%; height: 100%; padding: 15px 10px; border-bottom: 1px solid #dee2e6; }
.list-type > ul > li > span.ebook span + dl { padding-left: 10px !important; }
.list-type .ebook dt + .btn {margin-bottom: 10px;}
.list-type .ebook .source + .btn {margin-top: -3px;}
.list-type .ebook .btn {display: inline-block; padding: 0; font-size: 0;}
.list-type .ebook .btn a {position: relative; display: inline-block; padding: 8px 0; font-size: 0.8125rem; border: 1px solid transparent; color: #666;}
.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: 0.8125rem; margin-left: 2px;}

.nodata { display: table; table-layout: fixed; width: 100%; text-align: center; height: 140px; padding: 25px 0; border-bottom: 1px solid #dee2e6; color: #868e96; }
.nodata span {width: 100%; display: table-cell; vertical-align: middle;}
.wiki-list .nodata {min-height: auto !important;}

.list-type.wiki {padding: 0 10px;}
.list-type.wiki dt {overflow: visible; max-height: 100%; -webkit-line-clamp: unset; -webkit-box-orient: unset; text-overflow: unset; word-break: normal;}
.list-type.wiki .sort {display: inline-block; font-size: 12px; font-weight: normal; line-height: 1; vertical-align: middle; margin-left: 5px;}
.list-type.wiki .sort:before {position: relative; font-family: 'xeicon'; font-size: 15px; line-height: 1; display: inline-block; vertical-align: middle; top: 0px;}
.list-type.wiki .sort.new {color: #d93a17;}
.list-type.wiki .sort.new:before { content: '\e9a8'; }
.list-type.wiki .sort.update {color: #2a846d; }
.list-type.wiki .sort.update:before {content: '\e92b';}

/*페이징*/
.paging { text-align: center; margin-top: 2rem; margin-bottom: 2rem; }
.paging::before, .paging::after { content: ""; display: block; clear: both; }
.paging a { display: inline-block; vertical-align: middle; text-align: center; min-width: 30px; height: 34px; line-height: 34px; -webkit-transition: all .2s; transition: all .2s; }
.paging a:hover { color: #228be5; }
.paging a[class] { margin: 0 10px; color: #868e96; width: 34px; border: 1px solid #e9e9e9; }
.paging a[class]:hover { border-color: #495057; color: #495057; }
.paging span i { color: #228be5; font-weight: bold; }

/* ========================== 포토영상 홈 리스트, top_news_visual ========================== */
.top-news-visual::after { content: ""; clear: both; display: table; }
.top-news-visual li .box { position: relative; }
.top-news-visual li .box .sort { position: absolute; left: 10px; top: 10px; font-size: 1.3125rem; color: #fff; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }
.top-news-visual li .box .thumb::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }
.top-news-visual li .box .text { position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding: 12px 10px; }
.top-news-visual li .box .text strong { font-size: 1rem; color: #fff; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top-news-visual li .box .text .source { font-size: 12px; }

/* sub-main list Type */
.sub-main { border-bottom: 1px solid #dee2e6; margin-bottom: 40px; }
.sub-main [class*='list'] { position: relative; margin-bottom: 10px; }
.sub-main [class*='list'] .more { position: absolute; right: 0px; top: -40px; font-size: 13px; color: #868e96; }
.sub-main [class*='list'] .more i { color: #228be5; }
.sub-main .st2 dt { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; font-size: .875rem; font-weight: 400; margin: 0; }

.photo-list { padding: 0 10px; }
.photo-list li { margin-top: 15px; margin-bottom: 15px; }
.photo-list li a { display: block; }
.photo-list .thumb { width: 100%; border: 1px solid #dee2e6; }
.photo-list .title { color: #495057; font-size: .875rem; font-weight: 600; margin: 12px 0 8px;display: -webkit-box; -webkit-line-clamp: 2; max-height: 35px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }
.photo-list .source { display: block; color: #868e96; font-size: 12px; }
.photo-list .source span { margin-right: 5px; }
.photo-list.ebook { text-align: cente\r; }
.photo-list.ebook .thumb { position: relative; padding-bottom: 137.39%; }
.photo-list.ebook .thumb::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: rgba(0, 0, 0, 0.5); background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.photo-list.ebook .title { display: block; height: 40px; overflow: hidden; white-space: normal; text-overflow: inherit; }
.photo-list.ebook .title02 { margin: 10px 0 5px; }
.photo-list.ebook .date { color: #868e96; font-size: 13px; }
.photo-list.ebook .btns { width: 100%; position: absolute; left: 0; bottom: 70px; text-align: center; }
.photo-list.ebook .btns a { display: inline-block; border: 1px solid #fff; color: #fff; font-size: 11px; padding: 3px 5px; }

.photo-list .book_btns {z-index: 2; font-size: 13px; position: absolute; left: 20px; right: 20px; bottom: 75px;}
.photo-list .book_btns > button {position: relative; border: 1px solid #fff; padding: 8px; 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; clip: rect(0, 0, 0, 0); border: 0;}
.photo-list .book_btns > button:after {content: "\e914"; font-family: "xeicon"; display: inline-block; color: #fff; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); font-size: 14px; line-height: 1;}

.book_layer {width: 100%; position: absolute; top: 0; bottom: 0; z-index: 101; display: none;}
.book_layer:after {content: ''; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.book_layer > div {display: block; position: absolute; top: 10%; left: 50%; transform: translate(-50%); z-index: 102; background-color: #fff; padding: 15px 10px; width: 550px;}
.book_layer h2 {font-size: 18px; font-weight: 700; text-align: center; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
.book_layer ul {text-align: left; display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff; padding: 10px;}
.book_layer ul li {padding: 3px 5px; margin: 0; font-size: 0; text-align: center;}
.book_layer ul li strong {display: inline-block; font-size: 18px; font-weight: 400; color: #181818; vertical-align: middle; margin-right: 5px; width: 36px;}
.book_layer ul li a {display: inline-block; font-size: 16px; border: 1px solid #999; padding: 5px 15px; color: #333; min-width: 90px; vertical-align: middle; margin-left: 5px;}
.book_layer ul li a:after {content: "\e980"; font-family: "xeicon"; display: inline-block; font-size: 15px; margin-left: 3px;}
.book_layer .close {position: absolute; top: -40px; right: 0;}
.book_layer .close:after {content: "\e9af"; font-family: "xeicon"; display: inline-block; font-size: 35px; color: #fff;}
.book_layer .close i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
@media (max-width:550px) {
	.book_layer > div {width: 310px;}
}

/*=================================================================================
* 정책기자단 명함
=================================================================================*/
.namecard {display:inline-block; border:1px solid #CED0D4; border-radius:7px;width:100%;}
.namecard_box {float:left; padding:20px 15px;}
.namecard_imgbox {overflow:hidden; border:#bbb 1px solid; height:90px; width:90px;}
.namecard_imgbox img {height:auto; width:90px; margin:0px; max-width:351px;}
.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;}

/* ========================== Top 50 ========================== */
/* Top50 */
.news-top50 h2 { font-size: 1.25rem; color: #ffe65c; text-align: center; margin-bottom: 15px; background: #0a3c79; background: -webkit-gradient(linear, left top, right top, from(#0a3c79), to(#2b65ab)); background: linear-gradient(to right, #0a3c79 0%, #2b65ab 100%); }
.news-top50 h2 strong { color: #fff; display: inline-block; position: relative; padding: 15px 0; }
.news-top50 h2 strong::before { content: ''; display: inline-block; width: 71px; height: 45px; background: url("../images/sub/rank_title.png") 0 0/contain no-repeat; position: absolute; right: 150%; bottom: 0; }
.news-top50 a { display: table; width: 100%; height: 100%; position: relative; border-bottom: 1px solid #dee2e6; padding: 15px 0; }
.news-top50 .num { display: table-cell; vertical-align: middle; width: 25px; color: #adb5bd; font-size: .875rem; position: absolute; left: 1px; top: 16px; z-index: 1; color: #fff; background-color: #adb5bd; padding: 5px; text-align: center; }
.news-top50 .thumb { display: table-cell; width: 33%; padding-bottom: 20.56%; border: 1px solid #dee2e6; }
.news-top50 .thumb + .text { padding-left: 20px; }
.news-top50 .thumb + .text strong { margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; max-height: 45px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news-top50 .text { display: table-cell; vertical-align: middle; padding-left: 40px; position: relative; }
.news-top50 .text strong { display: block; font-size: 1.0625rem; margin: 0 0 15px; }
.news-top50 .text span { display: block; font-size: 0.9375rem; color: #666; }
.news-top50 .grid li:nth-child(-n+10) .num { background-color: #228be5; }
.news-top50 .ranker { padding-left: 10px; padding-right: 10px; }
.news-top50 .more-list { display: block; width: 100%; border-bottom: 1px solid #dee2e6; padding: 10px 0; text-align: center; }
.news-top50 .more-list i { margin-right: 5px; }

/* ==================================== aside.as-article ==================================== */
.as-article { background-color: #fff; position: relative; padding: 20px 10px; }
.as-article > div { margin-bottom: 20px; position: relative; }
.as-article h2 { font-size: 1.25rem; padding-bottom: 15px; }
.as-article .more { position: absolute; right: 7px; top: 7px; }
.as-article .more i { font-size: 0; line-height: 0; }
.as-article .more i::before { content: '\e914'; font-family: 'xeicon'; font-size: 18px; }
.as-article .as-latest, .as-article .as-quiz { margin-bottom: 15px; }

.as-popular h2 { border-bottom: 2px solid #495057; }
.as-popular h2 span { display: inline-block; margin-left: 10px; color: #e03131; }
.as-popular .tab-nav { display: table; width: 100%; border-top: 2px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-bottom: 20px; }
.as-popular .tab-nav li { display: table-cell; text-align: center; }
.as-popular .tab-nav li ~ li { margin-left: 20px; }
.as-popular .tab-nav li a { display: block; padding: 10px 0; font-size: .875rem; color: #868e96; position: relative; }
.as-popular .tab-nav li.active a { color: #212529; font-weight: 500; }
.as-popular .tab-nav li.active a::after { content: ''; display: block; width: 100%; height: 1px; background-color: #212529; position: absolute; left: 0; bottom: -1px; }
.as-popular .tab-cont { display: none; }
.as-popular .tab-cont li { margin-top: 10px; }
.as-popular .tab-cont li a { position: relative; padding-left: 30px; width: 100%; }
.as-popular .tab-cont li a .rank { font-size: .875rem; color: #e03131; position: absolute; left: 0; top: 0; }
.as-popular .tab-cont li a .title { font-size: .9375rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.as-popular #tabCont1 { display: block; }

.as-latest h2 { border-bottom: 2px solid #495057; }
.as-latest li a { display: block; height: 100%; border-bottom: 1px solid #dee2e6; padding: 10px 0; }
.as-latest li a::after { content: ""; clear: both; display: table; }
.as-latest .thumb { width: 27%; padding-bottom: 18.06%; float: right; }
.as-latest .title { font-size: 1rem; display: -webkit-box; -webkit-line-clamp: 2; max-height: 40px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.as-latest .thumb + .title { float: left; width: 72%; margin: 10px 1% 0 0; }

.as-newsletter { text-align: center; }

/* =============================================================================================
section3, article-good-news
============================================================================================= */
.section3 { padding: 35px 0 25px; background-color: #f8f9fa; border-top: 1px solid #e9ecef; margin: 0 -10px; }
.section3.article-good-news {margin: 0;}
.section3.article-good-news .slick-slider {padding: 0;}
.section3 h2 { text-align: center; margin: 0 auto 30px; }
.section3 .box a { position: relative; }
.section3 .box a::before { content: ''; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; top: 0; z-index: 2; }
.section3 .box a .thumb { padding-bottom: 76%; }
.section3 .box .title { position: absolute; top: 0; left: 0; z-index: 3; color: #fff; width: 100%; padding: 22px 10px; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; max-height: 60px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-transition: all .2s; transition: all .2s; }
.section3 .box .title br{display:none}
.section3 .slick-list { /* overflow: visible; */ overflow: hidden; }
.section3 .slick-center { -webkit-transform: scale(1.13); transform: scale(1.13); position: relative; z-index: 10; -webkit-transition: all .2s; transition: all .2s; }
.section3 .slick-center .title { font-size: 1.5625rem; font-weight: 700; }
.section3 .slick-arrow { position: absolute; top: -68px; z-index: 9; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; opacity: .9; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); font-size: 0; }
.section3 .slick-arrow:hover { opacity: 1; }
.section3 .slick-arrow::before { font-family: 'xeicon'; font-size: 30px; }
.section3 .slick-prev { left: 20px; }
.section3 .slick-prev::before { content: '\e93d'; }
.section3 .slick-next { right: 20px; }
.section3 .slick-next::before { content: '\e940'; }
.section3 .slick-dots { text-align: center; margin-top: 30px; }
.section3 .slick-dots li { display: inline-block; margin: 0 5px; height: 12px; }
.section3 .slick-dots li button { background-color: #c2c6c8; width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; color: transparent; }
.section3 .slick-dots li.slick-active button { background-color: #002157; }

/* ========================== 정책포커스 ========================== */
.focus-keyword-title { margin: 0 10px; }

.focus-keywords { margin-top: 15px; padding: 0 10px; position: relative; }
.focus-keywords .slick-list ul { width: 33.33%; float: left; }
.focus-keywords .slick-list ul::after { content: ""; clear: both; display: table; }
.focus-keywords .slick-list li { padding: 0 10px; height: 35px; }
.focus-keywords .slick-list li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.0625rem; color: #495057; padding-left: 35px; position: relative; }
.focus-keywords .slick-list li a::before { content: ''; display: block; width: 20px; height: 20px; background: url("../images/sub/icon_focus_keyword.png") 0 0/contain no-repeat; position: absolute; left: 0; top: 0; }
.focus-keywords .slick-list li.on a { color: #228be5; }
.focus-keywords .slick-arrow { width: 50px; height: 50px; background: #f8f9fd; border: 1px solid #dee2e6; position: absolute; right: 0; font-size: 0; }
.focus-keywords .slick-arrow::before { display: block; font-family: 'xeicon'; font-size: 1.3rem; }
.focus-keywords .slick-counter { width: 50px; text-align: center; position: absolute; right: 0; top: -30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.focus-keywords .slick-counter .current { color: #228be5; }
.focus-keywords .slick-prev { top: 0px; }
.focus-keywords .slick-prev::before { content: "\e946"; }
.focus-keywords .slick-next { top: 60px; }
.focus-keywords .slick-next::before { content: "\e943"; }
.focus-keywords .slick-dots { text-align: center; margin-bottom: 10px; }
.focus-keywords .slick-dots li { display: inline-block; margin: 0 5px; }
.focus-keywords .slick-dots li button { display: block; width: 12px; height: 12px; border-radius: 50%; font-size: 0; background-color: #c6cacf; }
.focus-keywords .slick-dots li.slick-active button { background-color: #228be5; }

.focus-pkg-banner { text-align: center; }

.focus-pkg-banner img { width: 100%; }

.focus-slider { padding: 20px 10px 0; border-bottom: 1px solid #dee2e6; background-color: #f2f4f7; }
.focus-slider .slick-slide li { margin-top: 10px; }
.focus-slider .slick-arrow { width: 50px; height: 50px; position: absolute; top: 50px; z-index: 10; font-size: 0; }
.focus-slider .slick-arrow::before { display: block; font-family: 'xeicon'; font-size: 1.4rem; }
.focus-slider .slick-prev { left: -10px; }
.focus-slider .slick-prev::before { content: "\e93d"; }
.focus-slider .slick-next { right: -10px; }
.focus-slider .slick-next::before { content: "\e940"; }
.focus-slider .slick-dots { text-align: center; margin-top: 5px; }
.focus-slider .slick-dots li { display: inline-block; margin: 0 5px; }
.focus-slider .slick-dots li button { display: block; width: 12px; height: 12px; border-radius: 50%; font-size: 0; background-color: #c6cacf; }
.focus-slider .slick-dots li.slick-active button { background-color: #228be5; }
.focus-slider .box { position: relative; }
.focus-slider .sort { background-color: #228be5; color: #fff; font-size: 13px; padding: 4px 7px; position: absolute; top: 0; z-index: 2; }
.focus-slider .sort::after { content: ''; display: block; width: 10px; height: 100%; background-color: #228be5; position: absolute; right: -5px; top: 0; -webkit-transform: skew(-15deg); transform: skew(-15deg); }
.focus-slider .text { margin-top: 10px; padding-left: 10px; height: 50px; text-align: left; }
.focus-slider .special-slider { padding: 0 5px; }

.focus_link_site { padding: 10px 10px 10px 100px; position: relative; }

.focus_link_site:after { content: ""; display: block; clear: both; }

.focus_link_site h3 { position: absolute; left: 10px; top: 10px; font-size: .9375rem; height: 45px; padding: 0 20px 0 10px; line-height: 45px; letter-spacing: -0.075em; color: #fff; background-color: #0a3c79; }

.focus_link_site .box { position: relative; }

.focus_link_site .box .open { position: relative; display: block; border-radius: 0; border: 1px solid #d9d9d9; height: 45px; width: 100%; background-color: #fbfbfb; text-align: left; font-size: .9375rem; padding-left: 15px; }

.focus_link_site .box .open:after { content: ''; display: inline-block; position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; background-image: url("../images/common/focus_link_site_bul.png"); background-position: 0 0; background-size: 52px; background-repeat: no-repeat; }

.focus_link_site .box ul { position: absolute; left: 0; top: 0; border: 1px solid #dbdbdb; background-color: #fbfbfb; width: 100%; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; opacity: 0; visibility: hidden; }

.focus_link_site .box ul li { border-top: 1px solid #dbdbdb; }

.focus_link_site .box ul li:first-child { border-top: none; }

.focus_link_site .box ul li a { display: block; padding: 12px 15px 13px 15px; font-size: .9375rem; }

.focus_link_site .box ul li a:hover { color: #0090f1; }

.focus_link_site .box ul li a:hover strong { color: #0090f1; }

.focus_link_site .box .close { opacity: 0; visibility: hidden; position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; background-color: #fbfbfb; background-image: url("../images/common/focus_link_site_bul.png"); background-position: right 0; background-size: 52px; background-repeat: no-repeat; z-index: 12; font-size: 0; line-height: 0; }

.focus_link_site .box.on ul { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.focus_link_site .box.on .close { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.youth_tab { border: 1px solid #d8dcdf; margin-bottom: 25px; background-color: #f8f9fd; position: relative; z-index: 10; }

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

.youth_tab ul { margin: 0 auto; }

.youth_tab ul:after { content: ''; display: block; clear: both; }

.youth_tab ul li { float: left; width: 25%; }

.youth_tab ul li a { height: 0px; padding-bottom: 110%; display: block; }

.youth_tab ul li a i, .youth_tab ul li a span { position: absolute; left: -10000%; top: 0; overflow: hidden; width: 1px; height: 1px; margin: -1px; font-size: 0; line-height: 0; text-indent: -10000px; }

.youth_tab ul li:first-child { background: url("../images/youth/youth01_off.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li { background: url("../images/youth/youth02_off.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li + li { background: url("../images/youth/youth03_off.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li + li + li { background: url("../images/youth/youth04_off.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li + li + li + li { background: url("../images/youth/youth05_off.png") left top/contain no-repeat; }

.youth_tab ul li.on:first-child { background: url("../images/youth/youth01_on.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li.on { background: url("../images/youth/youth02_on.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li + li.on { background: url("../images/youth/youth03_on.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li + li + li.on { background: url("../images/youth/youth04_on.png") left top/contain no-repeat; }

.youth_tab ul li:first-child + li + li + li + li.on { background: url("../images/youth/youth05_on.png") left top/contain no-repeat; }

.youth_title { position: relative; border-bottom: 1px solid #dee2e6; margin-bottom: 35px; }
.youth_title::after { content: ""; clear: both; display: table; }

.youth_title h3 { font-size: 1.125rem; color: #000; letter-spacing: -0.06em; padding-bottom: 10px; }

.youth_title .link { float: right; }

/* 2020 예산안 */
.focus_tab_20190906 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 0; background-color: #fcfcfc; padding: 10px 0 15px 0; }

.focus_tab_20190906:after { content: ""; display: block; clear: both; }

.focus_tab_20190906 ul li { position: relative; display: inline-block; width: 16%; max-width: 89px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3px; }

.focus_tab_20190906 ul li:after { content: ''; clear: both; display: block; position: absolute; width: 79px; height: 25px; top: 50%; margin-top: -12px; background-image: url("../images/common/focus_tab_20190906_bg.png"); background-size: 79px 50px; background-repeat: no-repeat; z-index: 1; }

.focus_tab_20190906 ul li a { position: relative; display: block; max-width: 83px; max-height: 83px; text-align: center; border: 1px solid #dbdbdb; font-size: 12px; color: #868e96; letter-spacing: -0.075em; background-color: #fcfcfc; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; padding-top: 100%; height: 70px; }

.focus_tab_20190906 ul li a span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: table; table-layout: fixed; width: 100%; height: 100%; padding: 0 0 0 0; line-height: 15px; }

.focus_tab_20190906 ul li a span i { display: table-cell; vertical-align: middle; width: 100%; }

.focus_tab_20190906 ul li a span i:before { content: ''; clear: both; display: block; background-size: auto 78px; width: 38px; height: 39px; background-repeat: no-repeat; background-image: url("../images/sub/icon_focus_tab_2020.png"); margin: 0 auto 5px auto; -webkit-transition: all .2s ease; transition: all .2s ease; }

.focus_tab_20190906 ul li:nth-child(1):after { right: -38px; background-position: 0 0; }

.focus_tab_20190906 ul li:nth-child(2):after { right: -38px; background-position: 0 -25px; }

.focus_tab_20190906 ul li:nth-child(3):after { right: -38px; background-position: 0 0; }

.focus_tab_20190906 ul li:nth-child(4):after { right: -38px; background-position: 0 -25px; }

.focus_tab_20190906 ul li:nth-child(5):after { right: -38px; background-position: 0 0; }

.focus_tab_20190906 ul li:nth-child(6):after { display: none; }

.focus_tab_20190906 ul li:nth-child(1) a i:before { background-position: 0 0; }

.focus_tab_20190906 ul li:nth-child(2) a i:before { background-position: -38px 0; }

.focus_tab_20190906 ul li:nth-child(3) a i:before { background-position: -76px 0; }

.focus_tab_20190906 ul li:nth-child(4) a i:before { background-position: -114px 0; }

.focus_tab_20190906 ul li:nth-child(5) a i:before { background-position: -152px 0; }

.focus_tab_20190906 ul li:nth-child(6) a i:before { background-position: -190px 0; }

.focus_tab_20190906 ul li.on a { border: 2px solid #495057; color: #495057; }

.focus_tab_20190906 ul li.on:nth-child(1) a i:before { background-position: 0 -39px; }

.focus_tab_20190906 ul li.on:nth-child(2) a i:before { background-position: -38px -39px; }

.focus_tab_20190906 ul li.on:nth-child(3) a i:before { background-position: -76px -39px; }

.focus_tab_20190906 ul li.on:nth-child(4) a i:before { background-position: -114px -39px; }

.focus_tab_20190906 ul li.on:nth-child(5) a i:before { background-position: -152px -39px; }

.focus_tab_20190906 ul li.on:nth-child(6) a i:before { background-position: -190px -39px; }

/* ========================== wiki ========================== */
.wiki-head::before { content: ""; clear: both; display: table; }
.wiki-head::after { content: ""; clear: both; display: table; }
.wiki-head .tit { width: 272px; background: url("../images/sub/wiki_title.gif") no-repeat 0 0/contain; float: left; color: transparent; margin-bottom: 0; }
.wiki-head .text { float: left; padding-left: 20px; }
.wiki-head .text span { display: block; font-size: 1rem; font-weight: 700; color: #212529; margin: 0 0 10px; }
.wiki-head .text p { color: #666; font-size: .8125rem; }
.wiki-head .text::after { content: ''; display: none; width: 217px; height: 110px; background: url("../images/sub/wiki_title_deco.gif") no-repeat 0 0/contain; position: absolute; right: 0; top: 0; }

.policy-wiki .wiki-select { margin-bottom: 20px; text-align: center; }
.policy-wiki .wiki-select > a { width: 100%; }
.policy-wiki .wiki-select > a img { width: 100%; }
.policy-wiki .wiki-list { padding: 0 10px; }
.policy-wiki .wiki-list::after { content: ""; clear: both; display: table; }
.policy-wiki .wiki-list .row>li{min-height:323px;}
.policy-wiki .wiki-list .row li a { position: relative; display: block; border: 1px solid #dee3eb; border-top: 1px solid #495057; padding: 22px 10px 15px; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.policy-wiki .wiki-list .row li a:hover { -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); }
.policy-wiki .wiki-list .row li strong { display: block; font-size: 1.0625rem; margin-top: 10px; margin-bottom: 5px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.policy-wiki .wiki-list .row li .sort { position: absolute; top: 10px; font-size: 12px; text-transform: capitalize; }
.policy-wiki .wiki-list .row li .sort::before { content: '\e9a8'; font-family: 'xeicon'; font-size: 20px; display: inline-block; vertical-align: middle; }
.policy-wiki .wiki-list .row li .sort.update::before { content: '\e92b'; }
.policy-wiki .wiki-list .row li .last-date { font-size: .8125rem; margin-bottom: 20px; letter-spacing:-1px;}
.policy-wiki .wiki-list .row li .last-date::before { content: '\ead8'; font-family: 'xeicon'; }
.policy-wiki .wiki-list .row li .last-date span:last-child { position: relative; padding-left: 10px; }
.policy-wiki .wiki-list .row li .last-date span:last-child::before { content: ''; display: block; position: absolute; left: 3px; top: 4px; width: 1px; height: 11px; background: #adb5bd; }
.policy-wiki .wiki-list .row li .lead{ font-size: .875rem; margin-bottom: 20px;}
.policy-wiki .wiki-list .row li .lead ul,
.policy-wiki .wiki-list .row li .lead span{ word-break: break-all; display: block; display: -webkit-box; -webkit-line-clamp: 4; max-height: 90px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }
.policy-wiki .wiki-list .row li .lead li { position: relative; padding-left: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.policy-wiki .wiki-list .row li .lead li::before { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 10px; left: 0; background-color: #8c939b; }
.policy-wiki .wiki-list .row li .thumb{padding-bottom:56.56%}
.policy-wiki .wiki-list li:not(.thumbNone) a .sort { color: #f36f34; }
.policy-wiki .wiki-list li:not(.thumbNone) a .update { color: #2fc581; }
.policy-wiki .wiki-list li:not(.thumbNone) a .last-date { color: #868e96; }
.policy-wiki .wiki-list li:not(.thumbNone) a .lead,
.policy-wiki .wiki-list li:not(.thumbNone) a .lead span { color: #666; height: 90px;}
.policy-wiki .wiki-list li.thumbNone a { height: calc(100% - 20px); border: 1px solid #15aabf; background: #15aabf; color: #fff; }
.policy-wiki .wiki-list li.thumbNone a strong { color: inherit; }
.policy-wiki .wiki-list li.thumbNone a:after { content: '전체보기'; display: block; position: absolute; bottom: 15px; color: #fff; font-size: 14px; border-bottom: 1px solid #fff; padding-bottom: 2px; }
.policy-wiki .wiki-list li.thumbNone a .lead ul,
.policy-wiki .wiki-list li.thumbNone a .lead span{ -webkit-line-clamp: 6; max-height: 135px; }
.policy-wiki .wiki-list li.thumbNone a .lead li::before,
.policy-wiki .wiki-list .row li.thumbNone .last-date span:last-child::before { background-color: #fff; }

/* ========================== 전문자료 ========================== */
.expert-detail-search { margin-bottom: 20px; }

.expert-nav .tab-nav { border: 1px solid #adb5bd; }

.expert-cont { border-left: 1px solid #adb5bd; border-right: 1px solid #adb5bd; border-bottom: 1px solid #d5d5d5; padding: 0; }
.expert-cont::after { content: ""; clear: both; display: table; }
.expert-cont .tabdep { float: left; width: 140px; }
.expert-cont .tabdep ul { padding: 10px 0; }
.expert-cont .tabdep li { height: 27px; line-height: 27px; }
.expert-cont .tabdep li > a { font-size: .875rem; padding: 0 0 0 10px; }
.expert-cont .tabdep li > a::before { content: "\e918"; font-family: 'xeicon'; font-size: 18px; color: #adb5bd; margin-right: 7px; }
.expert-cont .tabdep li.on > a { font-weight: 500; }
.expert-cont .tabdep li.on > a::before { content: "\e91f"; color: #228be5; }
.expert-cont .expdoc_wrap .cont { display: none; }
.expert-cont .expdoc_wrap .cont::after { content: ""; clear: both; display: table; }
.expert-cont .expdoc_wrap .cont.on { display: block; }
.expert-cont .expdoc_wrap .tabdep { width: 170px; height: 210px; overflow-y: auto; border-right: 1px solid #d5d5d5; }
.expert-cont .expdoc_wrap .tabdep + .tabdep_cont { width: calc(100% - 170px); }
.expert-cont .expdoc_wrap .tabdep_cont { float: left; width: 100%; overflow-y: auto; height: 210px; font-size: .875rem; }
.expert-cont .expdoc_wrap .tabdep_cont ul { padding: 10px 5px; }
.expert-cont .expdoc_wrap .tabdep_cont ul::after { content: ""; clear: both; display: table; }
.expert-cont .expdoc_wrap .tabdep_cont li { padding: 4px 4px; }
.expert-cont .issue-keyword { padding: 10px 0; }
.expert-cont .issue-keyword li > a { font-size: .875rem; padding: 0 0 0 10px; }
.expert-cont .issue-keyword li > a::before { content: "\e933"; display: inline-block; font-size: 18px; font-family: 'xeicon'; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #adb5bd; margin-right: 7px; }
.expert-cont .issue-keyword li.on > a { font-weight: 500; }
.expert-cont .issue-keyword li.on > a::before { content: "\e933"; color: #228be5; }

/*
.mCSB_inside>.mCSB_container{margin-right:0;}
.mCSB_scrollTools{width:14px;}
.mCSB_scrollTools .mCSB_draggerContainer{top:5px;bottom:5px;}
.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #ccc;width:6px;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: #ccc;}
*/
.expert-sch { border-left: 1px solid #adb5bd; border-right: 1px solid #adb5bd; border-bottom: 1px solid #adb5bd; padding: 10px; text-align: center; }
.expert-sch button { display: inline-block; font-size: 14px; padding: 5px 15px; }

.expert-side { margin-top: 15px; }

.expert-side:after { content: ''; display: block; clear: both; }

.expert-side h2 { font-size: 1.0625rem; letter-spacing: -0.06em; color: #00224f; margin-bottom: 10px; }

.expert-side .more { position: absolute; right: 20px; top: 23px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #868e96; }
.expert-side .more i { color: #fff; font-size: 11px; }

.expert-side .box { position: relative; padding: 20px; border: 1px solid #e5e5e5; margin-top: 20px; }

.expert-side ul { padding: 0 0; }

.expert-side ul li { position: relative; padding: 3px 0 3px 10px; font-size: .875rem; }

.expert-side ul li:after { content: ''; display: block; width: 3px; height: 3px; background-color: #adb5bd; border-radius: 50%; position: absolute; left: 0; top: 10px; }

.expert-side ul li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.expert-site::after { content: ''; display: block; clear: both; }
.expert-site li { float: left; width: 144px; margin-left: 18px; text-align: center; background: #fff; }
.expert-site li:first-child { margin: 0 0 0 0; }
.expert-site li a { display: block; border: 1px solid #e5e5e5; }

.file_viewer { margin-top: 10px; padding: 15px 0 10px 0; font-size: .875rem; }

.file_viewer::after { content: ""; display: block; clear: both; }

.file_viewer dl { float: right; }

.file_viewer dl:after { content: ""; display: block; clear: both; }

.file_viewer dl dt { float: left; line-height: 25px; height: 25px; margin-right: 5px; background-image: url("../images/common/paging_next_ico.png"); background-repeat: no-repeat; background-size: 5px 10px; background-position: right center; padding: 0 10px 0 0; }

.file_viewer dl dd { float: left; }

.file_viewer dl dd ul:after { content: ""; display: block; clear: both; }

.file_viewer dl dd li { float: left; margin-left: 5px; }

.file_viewer dl dd li a { display: inline-block; width: 26px; height: 26px; background-repeat: no-repeat; background-position: left top; background-size: 26px 26px; }

.file_viewer dl dd li a i { position: absolute; left: -10000%; top: 0; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }

.file_viewer dl dd li:first-child a { background-image: url("../images/common/arc_hwp.png"); }

.file_viewer dl dd li:first-child + li a { background-image: url("../images/common/arc_pdf.png"); }

.file_viewer dl dd li:first-child + li + li a { background-image: url("../images/common/arc_word.png"); }

.file_viewer dl dd li:first-child + li + li + li a { background-image: url("../images/common/arc_xls.png"); }

.file_viewer dl dd li:first-child + li + li + li + li a { background-image: url("../images/common/arc_ppt.png"); }

/* ==================================== 국정신문 ==================================== */
.gov-info { padding: 15px 10px 15px 74px; border: 1px solid #dee2e6; }
.gov-info::before { content: ''; display: block; width: 50px; height: 50px; background: url("../images/sub/gov_title_icon.gif") 0 0/contain no-repeat; position: absolute; left: 15px; top: 30px; }
.gov-info h2 { font-size: 1.375rem; font-weight: 900; margin-bottom: 10px; }
.gov-info p { font-size: .875rem; }

.gov-ebook { border-bottom: 1px solid #e5e5e5; padding: 30px 0 0; margin-bottom: 35px; }
.gov-ebook .paper-select { text-align: center; margin: 0 0 20px 0; }
.gov-ebook .paper-select .year, .gov-ebook .paper-select .month { margin-right: 0px; vertical-align: middle; }
.gov-ebook .paper-select a { display: inline-block; width: 24px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; }
.gov-ebook .paper-select .move { background-color: #f2f4f7; border: 1px solid #adb5bd; width: 60px; }
.gov-ebook .paper-select .custom-select { font-size: .9375rem; }
.gov-ebook .paper-select .year_first i, .gov-ebook .paper-select .year_last i { font-weight: bold; color: #adb5bd; }
.gov-ebook .paper-select .year_first i ~ i, .gov-ebook .paper-select .year_last i ~ i { margin-left: -10px; }
.gov-ebook .paper-select .year_prev, .gov-ebook .paper-select .year_next { margin: 0; }
.gov-ebook .paper-select .year_prev i, .gov-ebook .paper-select .year_next i { font-weight: bold; font-size: 20px; }

/* ==================================== 퀴즈이벤트 ==================================== */
.quiz-cont { position: relative; }

.quiz-cont .quiz-head { position: relative; background: #3199f2 url("../images/sub/quiz_visual.gif") center top/contain no-repeat; height: 250px; padding: 0 30px; }

.quiz-cont .quiz-head p { font-size: 1.0625rem; color: #f6e638; text-align: center; margin-top: 30px; display: inline-block; }

.quiz-cont .quiz-head p strong { color: #f6e638; font-size: 1.3125rem; }

.quiz-cont .quiz-head .title { /*margin-top: 60px;*/ }

.quiz-cont .quiz-head .title img { max-width: 100%; }

.quiz-cont .quiz-body { margin-bottom: 40px; padding: 0 10px; }
.quiz-cont .quiz-body .day { font-size: .9375rem; color: #000; border-bottom: 1px solid #e3e5e9; padding: 20px 0; margin-bottom: 20px; text-align: center; }
.quiz-cont .quiz-body .day span { display: inline-block; padding: 0 0 0 10px; margin-right: 10px; position: relative; }
.quiz-cont .quiz-body .day span::before { content: ''; display: block; width: 4px; height: 4px; background-color: #228be5; position: absolute; left: 0; top: 7px; }

.quiz-cont .quiz-body .quiz_text dl dt { font-size: 1.375rem; color: #000; font-weight: bold; position: relative; padding-left: 40px; margin: 20px 0; }

.quiz-cont .quiz-body .quiz_text dl dt em { color: #e03131; font-size: 2.4375rem; line-height: 39px; font-weight: 700; display: inline-block; vertical-align: middle; margin-top: -10px; position: absolute; left: 0; }

.quiz-cont .quiz-body .quiz_text dl dt i {text-decoration: underline; text-underline-position: under;}

.quiz-cont .quiz-body .quiz_text dl ul { border-bottom: 1px solid #c7d0dc; -webkit-box-shadow: 0 5px 0 0 #f2f2f2; box-shadow: 0 5px 0 0 #f2f2f2; }

.quiz-cont .quiz-body .quiz_text dl li { position: relative; padding: 10px 10px 10px 20px; border-left: 1px solid #c7d0dc; border-right: 1px solid #c7d0dc; border-top: 1px solid #e8e8e8; }

.quiz-cont .quiz-body .quiz_text dl li:first-child { border-top: 1px solid #c7d0dc; }

.quiz-cont .quiz-body .quiz_text dl li span { display: inline-block; position: absolute; left: 20px; top: 12px; }

.quiz-cont .quiz-body .quiz_text dl li label { color: #000; font-size: 1rem; cursor: pointer; }

.quiz-cont .quiz-body .quiz_text dl li.on { background: #2971d4; border-left: 1px solid #2971d4; border-right: 1px solid #2971d4; border-top: 1px solid #2971d4; }

.quiz-cont .quiz-body .quiz_text dl li.on label { color: #fff; }

.quiz_text .btn-hint { display: block; background-color: #e03131; color: #fff; border-radius: 20px; font-size: 16px; padding: 10px 20px; width: 150px; margin: 20px auto; }

.quiz_text .btn-hint i {text-decoration: none !important;}

.quiz-cont .quiz-body .quiz_input { margin-top: 35px; }

.quiz-cont .quiz-body .quiz_input .input { border-top: 2px solid #555; border-bottom: 1px solid #e3e5e9; margin-top: 10px; padding: 18px 0; }

.quiz-cont .quiz-body .quiz_input .input:after { content: ''; display: block; clear: both; }

.quiz-cont .quiz-body .quiz_input .input li { float: left; }

.quiz-cont .quiz-body .quiz_input .input li:first-child { width: 200px; margin-bottom: 10px; }

.quiz-cont .quiz-body .quiz_input .input label { font-size: .9375rem; color: #333; display: inline-block; padding-right: 10px; width: 67px; }

.quiz-cont .quiz-body .quiz_input .input input { width: 80px; height: 38px; line-height: 30px; border: 1px solid #c7d0dc; font-size: .9375rem; text-align: center; }

.quiz-cont .quiz-body .quiz_apply { text-align: center; margin-top: 35px; }

.quiz-cont .quiz-body .quiz_apply a { display: inline-block; font-size: 1.0625rem; color: #fff; height: 48px; line-height: 48px; background: #019eef; border: 1px solid #019eef; padding: 0 20px; }

.quiz-cont .quiz-body .quiz_apply a.prev { display: inline-block; color: #2d343c; height: 48px; line-height: 48px; border: 1px solid #adb5bd; background: #fff; }

.quiz-cont .quiz-body .quiz_apply a.prev span { display: inline-block; height: 48px; line-height: 48px; }

.quiz-cont .quiz-body .quiz_priv { margin-top: 35px; }

.quiz-cont .quiz-body .quiz_priv .box { margin-top: 10px; border: 1px solid #c7d0dc; height: 140px; font-size: .9375rem; color: #666; overflow: auto; padding: 15px 0 15px 15px; }

.quiz-cont .quiz-body .quiz_priv .box .mCSB_scrollTools { top: 0; bottom: 0; }

.quiz-cont .quiz-body .quiz_priv .box li { margin-top: 10px; }

.quiz-cont .quiz-body .quiz_priv .agree_check { text-align: center; font-size: .9375rem; margin-top: 10px; }

.quiz-cont .quiz-body .quiz_priv .agree_check span { margin: 0 5px; }

.quiz-cont .quiz-body .quiz_priv .agree_check input { margin: 0; }

.quiz-cont .quiz-body .quiz_ing { margin-top: 35px; text-align: center; }

.quiz-cont .quiz-body .quiz_end { margin-top: 35px; }

.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 .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-footer .quiz_giveaway { background: #f9fafc; }

.quiz-footer .quiz_info { background: #eaedf2; }

.quiz-cont_old { position: relative; }

.quiz-cont_old .quiz_input { height: 105px; position: absolute; width: 100%; z-index: 1; top: 0; }

.quiz-cont_old .quiz_input input.answer, .quiz-cont_old .quiz_input input.name, .quiz-cont_old .quiz_input input.tel1, .quiz-cont_old .quiz_input input.tel2, .quiz-cont_old .quiz_input input.tel3 { position: absolute; border: #000 1px solid; color: #000; }

.quiz-cont_old img { vertical-align: bottom; }

.quiz-cont_old .quiz_input a img { left: 390px; position: absolute; top: 0; }

.quiz-cont_old .quiz_input input.answer { left: 175px; top: 0; width: 205px; height: 28px; line-height: 28px; font-size: 1.1875rem; font-weight: bold; text-indent: 5px; }

.quiz-cont_old .quiz_input input.name { left: 175px; top: 40px; width: 90px; height: 24px; padding: 3px 0 0; font-size: 12px; text-indent: 5px; }

.quiz-cont_old .quiz_input input.tel1 { left: 325px; top: 40px; width: 43px; height: 24px; padding: 3px 0 0; font-size: 11px; text-indent: 5px; }

.quiz-cont_old .quiz_input input.tel2 { left: 385px; top: 40px; width: 43px; height: 24px; padding: 3px 0 0; font-size: 11px; text-indent: 5px; }

.quiz-cont_old .quiz_input input.tel3 { left: 445px; top: 40px; width: 43px; height: 24px; padding: 3px 0 0; font-size: 11px; text-indent: 5px; }

.quiz-cont_old .section { width: auto !important; }

/* ==================================== 정책소셜 ==================================== */
.deptsns { position: relative; width: 100%; background-color: #f2f4f7; margin-bottom: 25px; display: table; padding: 15px 0; }
.deptsns::before { content: ''; display: block; width: 107px; height: 66px; background: url("../images/sub/deptsns_title_icon.png") 0 0/contain no-repeat; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.deptsns div { display: table-cell; vertical-align: middle; padding-left: 110px; }
.deptsns h2 { margin-bottom: 10px; }
.deptsns p { font-size: .875rem; }

.sort-post { margin: 0 10px; padding-bottom: 20px; border-bottom: 1px solid #dee2e6; }
.sort-post::after { content: ""; clear: both; display: table; }

.sort-post ul.sort { float: right; }

.sort-post ul.sort:after { content: ''; display: block; clear: both; }

.sort-post ul.sort li { float: left; margin-right: -1px; }

.sort-post ul.sort li button { border: 1px solid #d7d7d7; background-color: #f2f4f7; display: block; color: #868e96; font-size: 15px; width: 110px; height: 42px; line-height: 42px; text-align: center; }

.sort-post ul.sort li button i { margin-right: 5px; }

.sort-post ul.sort li.active button { color: #fff; background: #228be5; border: 1px solid #228be5; position: relative; z-index: 20; }

.sort-post .custom-select { width: 100%; }

.policy-sns { margin-bottom: 20px; border: 1px solid #dee2e6; }

.policy-sns h2 { margin: 25px 25px 0; }

.policy-sns ul { margin: 0 25px 25px; text-align: center; }

.policy-sns li { display: inline-block; margin: 0 10px; }

.policy-sns li a { width: 49px; height: 49px; line-height: 49px; border-radius: 50%; text-align: center; display: block; font-size: 1.875rem; color: #fff; background-color: #395197; }

.policy-sns li:nth-child(2) a { background-color: #00a8ff; }

.policy-sns li:nth-child(3) a { background-color: #e6011a; }

.policy-sns li:nth-child(4) a { background-color: #d40c17; }

.policy-site { border-top: 1px solid #dee2e6; }

.policy-home { border: 1px solid #dee2e6; }
.policy-home h2 { margin: 20px; }
.policy-home h2 a:first-of-type { margin-left: 10px; }
.policy-home .uncheck { position: absolute; right: 25px; top: 25px; font-size: 13px; background-color: #fff; border: 1px solid #dee2e6; color: #666; padding: 5px; }
.policy-home h2 i, .policy-home .title i { display: inline-block; width: 18px; height: 18px; line-height: 18px; font-size: 13px; text-align: center; color: #fff; border-radius: 50%; margin-right: 5px; }
.policy-home .xi-facebook { background-color: #395197; }
.policy-home .xi-twitter { background-color: #00a8ff; }
.policy-home .xi-naver { background-color: #01b456; font-family: 'Noto Sans KR' !important; font-weight: 500 !important;}
.policy-home .xi-naver:before {content: "b" !important;}
.policy-home .xi-instagram {background: linear-gradient(to top, rgba(241, 88, 47, 1) 40%, rgba(72, 70, 226, 1) 100%);}
.policy-home .xi-youtube-play {background-color: #d40c17;}

.policy-home .menu { padding: 10px; }

.policy-home .menu ul { padding: 20px 10px; border: 1px solid #dee2e6; overflow: auto; height: 180px; }
.policy-home .menu ul::-webkit-scrollbar { width: 5px; background-color: #dee2e6; }
.policy-home .menu ul::-webkit-scrollbar-thumb { background-color: #666; }

.policy-home .menu ul:after { content: ''; display: block; clear: both; }

.policy-home .menu ul li { float: left; margin-bottom: 5px; width: 56%; }

.policy-home .menu ul li:nth-child(2n+0) { width: 44%; }

.policy-home .menu ul li a { font-size: .875rem; line-height: 20px; color: #111; letter-spacing: -0.04em; }

.policy-home .menu ul li a:hover, .policy-home .menu ul li.active a { color: #2971d4; text-decoration: underline; }

.policy-home .list { position: relative; border-top: 1px solid #dee2e6; }

.policy-home .list .select { position: relative; margin-bottom: 20px; padding: 0 20px; }

.policy-home .list .select .info { width: 200px; }

.policy-home .list .select .info:after { content: ''; display: block; clear: both; }

.policy-home .list .select .info h3 { float: left; font-size: .9375rem; height: 23px; font-weight: bold; color: #000; margin-right: 5px; }

.policy-home .list .select .info .sns { float: left; font-size: 0; padding: 3px 0 0; }

.policy-home .list .select .info .sns a { margin: 0 2px; }

.policy-home .list .select .info .sns .fb { display: inline-block; width: 17px; height: 17px; background: url("../images/common/sns_facebook_s.gif") left top no-repeat; }

.policy-home .list .select .info .sns .tw { display: inline-block; width: 17px; height: 17px; background: url("../images/common/sns_twitter_s.gif") left top no-repeat; }

.policy-home .list .select .info .sns .bl { display: inline-block; width: 17px; height: 17px; background: url("../images/common/sns_blog_s.gif") left top no-repeat; }

.policy-home .list .select .info .sns i { position: absolute; left: -10000%; top: 0; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }

.policy-home .list .select .uncheck { position: absolute; right: 20px; top: 0; display: inline-block; width: 58px; height: 17px; padding: 4px 0 0 0; line-height: 12px; border: 1px solid #e0e0e0; background: #fff; text-align: center; color: #787777; font-size: 12px; }

.policy-home .list .slider .slick-dots { text-align: center; }

.policy-home .list .slider .slick-dots li { display: inline-block; }

.policy-home .list .slider .slick-dots li button { position: relative; font-size: 0; width: 16px; height: 27px; }

.policy-home .list .slider .slick-dots li button:before { content: ''; width: 8px; height: 8px; background: #c6cacf; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; border-radius: 8px; }

.policy-home .list .slider .slick-dots li.slick-active button:before { background: #228be5; }

.policy-home .list .slider ul li a { display: block; border-top: 1px solid #e8e8e8; padding: 20px 0; position: relative; }

.policy-home .list .slider ul li span.title { display: block; font-size: .8125rem; font-weight: bold; color: #000; margin-bottom: 8px; }
.policy-home .list .slider ul li span.lead { position: relative; font-size: 14px; color: #666; word-break: break-all; display: -webkit-box !important; -webkit-line-clamp: 3; max-height: 64px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.policy-home .list .slider ul li span.clock { position: absolute; right: 0; top: 20px; color: #868e96; font-size: 13px; }

.policy-home .sort-post { padding: 0 10px 20px; }

/* ==================================== 카드뉴스, 포토뉴스 공통  ==================================== */
.slider-wrap { position: relative; margin: 0 auto; }
.slider-wrap .slider-for img, .slider-wrap .slider-nav img { display: none; }
.slider-wrap .slider-for.slick-slider img, .slider-wrap .slider-nav.slick-slider img { display: block; margin: 0 auto; }
.slider-wrap .slick-arrow { position: absolute; top: calc(50% - 28px); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width: 40px; height: 60px; font-size: 0; background-color: rgba(0, 0, 0, 0.3); }
.slider-wrap .slick-arrow::before { font-family: "xeicon"; font-size: 24px; color: #fff; }
.slider-wrap .slick-prev { left: 0px; }
.slider-wrap .slick-prev::before { content: '\e93b'; }
.slider-wrap .slick-next { right: 0px; }
.slider-wrap .slick-next::before { content: '\e93e'; }
.slider-wrap .slider-nav { max-height: 190px; overflow: hidden; position: relative; }
.slider-wrap .slider-nav::before, .slider-wrap .slider-nav::after { content: ''; width: 50px; height: 100%; position: absolute; top: 0; z-index: 10; }

/* ==================================== 카드뉴스 ==================================== */
.cardnews-slider .slider-wrap { background: #383e44; }
.cardnews-slider .slider-wrap h3 { display:none;color: #fff; text-align: center; padding: 15px 0; }
.cardnews-slider .slider-wrap .slider-for .slick-list { max-width: 560px; margin: 0 auto; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); }
.cardnews-slider .slider-wrap .slider-for .item{vertical-align:top;}
.cardnews-slider .slider-wrap .slider-nav { background-color: #2c3135; padding: 20px; /*
&::before{left: 0;@include gradient(right, rgba(44,49,53,1), rgba(44,49,53,0));}
&::after{right: 0;@include gradient(right, rgba(44,49,53,0), rgba(44,49,53,1));}
*/ }
.cardnews-slider .slider-wrap .slider-nav .slick-slide { padding: 3px; opacity: .4; -webkit-transition: all .2s; transition: all .2s; }
.cardnews-slider .slider-wrap .slider-nav .slick-slide.slick-current { opacity: 1; }
.cardnews-slider .slider-wrap .slider-nav div{vertical-align:top;}
.cardnews-slider .slider-wrap .slider-nav .slick-slide.slick-current img { border: 3px solid transparent; outline: 3px solid #228be5; }
.cardnews-slider .slider-wrap .slick-counter { color: #fff; text-align: center; margin: 10px 0; }

/* ==================================== 포토뉴스 ==================================== */
.photoview-slider .slider-wrap { background-color: #f2f4f7; }
.photoview-slider .slider-wrap .thumb { display: block; height: 0; padding-bottom: 66%; position: relative; background: none; }
.photoview-slider .slider-wrap img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; -webkit-transition: all .2s; transition: all .2s; }
.photoview-slider .slider-wrap .slider-nav { padding: 10px; /*
&::before{left: 0;@include gradient(right, rgba(242,244,247,1), rgba(242,244,247,0));}
&::after{right: 0;@include gradient(right, rgba(242,244,247,0), rgba(242,244,247,1));}
*/ }
.photoview-slider .slider-wrap .slider-nav .slick-slide { padding: 3px; opacity: .7; -webkit-transition: all .2s; transition: all .2s; }
.photoview-slider .slider-wrap .slider-nav .slick-slide.slick-current { opacity: 1; }
.photoview-slider .slider-wrap .slider-nav div{vertical-align:top;}
.photoview-slider .slider-wrap .slider-nav .slick-slide .thumb { border: 3px solid transparent; padding-bottom:61.9%;}
.photoview-slider .slider-wrap .slider-nav .slick-slide.slick-current .thumb { border-color: #228be5; }
.photoview-slider .slider-wrap .slick-counter { text-align: center; margin: 10px 0; }
.photoview-slider .slider-wrap .slick-counter .current { color: #228be5; }

/*=================================================================================
* 정부부처 소개
=================================================================================*/
.grid.s1 { z-index: 1; }

.intro-gov-head { position: relative; text-align: center; padding: 10px 15px 10px 15px; }
.intro-gov-head .down { display: inline-block; font-size: 14px; color: #495057; border: 1px solid #dee2e6; margin: 14px 0 25px; }

.intro-gov-body { position: relative; padding: 0 15px 15px 15px; }
.intro-gov-body .box { border-radius: 5px; font-size: .875rem; }
.intro-gov-body .info { margin-top: 10px; text-align: center; font-size: 11px; letter-spacing: -0.07em; }
.intro-gov-body .fs15 { font-size: .9375rem !important; line-height: 38px !important; }
.intro-gov-body .org-row { position: relative; padding-bottom: 35px; text-align: center; }
.intro-gov-body .org-row::before { content: ''; display: block; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #dcdcdc; }
.intro-gov-body .org-row:nth-child(2) .double { max-width: 600px; margin: 0 auto; }
.intro-gov-body .org-row ul.double > li .box_s3 { min-width: 100%; }
.intro-gov-body .org-row ul.double.multi li .box_s3, .intro-gov-body .org-row ul.double.multi li .box_s6 { line-height: 1.7em; font-size: .8125rem; padding: 8px 0; }
.intro-gov-body .org-row ul.double > li.small .box_s3 { font-size: .8125rem; margin-top: 25px; position: relative; }
.intro-gov-body .org-row ul.double > li.small .box_s3:after { content: ""; position: absolute; height: 1px; left: -20px; right: 0; top: 50%; background: #dcdcdc; z-index: -1; }
.intro-gov-body .org-row ul.double > li.small .box_s3:first-of-type { margin-top: 0; }
.intro-gov-body .org-row ul.double > li.line-top:first-child:before { top: 16px; }
.intro-gov-body .org-row ul.double > li.line-top:last-child:before { top: 16px; }
.intro-gov-body .org-row ul.double > li.small .box_s4 { margin-top: 20px; position: relative; }
.intro-gov-body .org-row ul.double > li.small .box_s4:after { content: ""; position: absolute; height: 1px; left: -20px; right: 0; top: 16px; background: #dcdcdc; z-index: -1; }
.intro-gov-body .org-row.double.last2 { padding-bottom: 0; }
.intro-gov-body .org-row.double.last2:before { top: 0; bottom: auto; height: 16px; }
.intro-gov-body .org-row ul.double > li.none:before { display: none; }
.intro-gov-body .org-row ul.double > li.none:before { background: transparent; }
.intro-gov-body .double:after { content: ''; display: block; clear: both; }
.intro-gov-body .double > li { position: relative; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.intro-gov-body .double > li:before { content: ''; display: block; position: absolute; top: 50%; height: 1px; background: #dcdcdc; }
.intro-gov-body .double > li:first-child { padding-right: 20px; }
.intro-gov-body .double > li:first-child:before { left: 50%; right: 0; }
.intro-gov-body .double > li:last-child { padding-left: 20px; }
.intro-gov-body .double > li:last-child:before { right: 50%; left: 0; }
.intro-gov-body .vert { padding: 0 0 0 15px; }
.intro-gov-body .vert > ul { position: relative; overflow: hidden; margin: 0 auto; }
.intro-gov-body .vert > ul > li { display: block; position: relative; overflow: hidden; z-index: 0; background: #fff; padding: 0 0; }
.intro-gov-body .vert > ul > li:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 1px; height: 100%; min-height: 19px; background: #ccc; }
.intro-gov-body .vert > ul > li:first-child:before { left: 0; top: 20px; width: 1px; height: 100%; background: #ccc; }
.intro-gov-body .vert > ul > li:last-child:before { left: 0; top: 0; width: 1px; height: 20px; background: #ccc; }
.intro-gov-body .vert > ul > li > .box { display: block; z-index: 2; min-width: 130px; margin: 1px 0 1px 15px; padding: 0 0 0 0; }
.intro-gov-body .vert > ul > li > .box:before { content: ""; position: absolute; z-index: -1; top: 19px; left: -15px; width: 15px; height: 1px; background: #ccc; }
.intro-gov-body .vert.right { padding: 0 15px 0 0; }
.intro-gov-body .vert.right > ul > li { padding-right: 15px; }
.intro-gov-body .vert.right > ul > li:before { display: none; }
.intro-gov-body .vert.right > ul > li:after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; width: 1px; height: 100%; min-height: 19px; background: #ccc; }
.intro-gov-body .vert.right > ul > li:first-child:after { right: 0; top: 19px; width: 1px; height: 100%; background: #ccc; }
.intro-gov-body .vert.right > ul > li:last-child:after { right: 0; top: 0; width: 1px; height: 19px; background: #ccc; }
.intro-gov-body .vert.right > ul > li > .box { margin: 1px 15px 1px 0 !important; }
.intro-gov-body .vert.right > ul > li > .box:before { display: none; }
.intro-gov-body .vert.right > ul > li > .box:after { content: ""; position: absolute; z-index: -1; top: 18px; right: -15px; width: 15px; height: 1px; background: #ccc; }
.intro-gov-body .vert.noline > ul > li:before { display: none; }
.intro-gov-body .vert.noline > ul > li > .box { margin-left: 0; }
.intro-gov-body .vert.noline > ul > li > .box:before { display: none; }
.intro-gov-body .horz { padding: 15px 0 0 0; position: relative; }
.intro-gov-body .horz > ul { display: block; overflow: hidden; position: relative; text-align: center; margin: 15px 0 0 0; }
.intro-gov-body .horz > ul:before { content: ""; display: inline-block; position: absolute; z-index: 1; left: 50%; top: -15px; width: 1px; height: 15px; background: #dcdcdc; }
.intro-gov-body .horz > ul > li { display: inline-block; position: relative; margin: 0 -3px; vertical-align: top; }
.intro-gov-body .horz > ul > li:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #dcdcdc; }
.intro-gov-body .horz > ul > li:first-child:before { left: 50%; width: 50%; }
.intro-gov-body .horz > ul > li:last-child:before { left: 0; width: 51%; }
.intro-gov-body .horz > ul > li > .box { position: relative; margin: 15px 6px 0 6px; }
.intro-gov-body .horz > ul > li > .box:before { content: ""; display: inline-block; position: absolute; left: 51%; top: -15px; width: 1px; height: 15px; background: #dcdcdc; }
.intro-gov-body .horz > ul > li > .box.tb { display: inline-block; min-height: 153px; min-width: 0; padding: 0 10px; line-height: 100%; text-align: center; background: #828991; color: #fff; text-align: center; vertical-align: middle; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }
.intro-gov-body .horz > ul.jamun { display: block; overflow: visible; position: relative; width: 100%; height: 280px; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.intro-gov-body .horz > ul.jamun > li { position: absolute; top: 0; }
.intro-gov-body .horz > ul.jamun > li:nth-child(1) { left: 12%; width: 18%; }
.intro-gov-body .horz > ul.jamun > li:nth-child(2) { left: 30%; width: 22%; }
.intro-gov-body .horz > ul.jamun > li:nth-child(3) { left: 52%; width: 12%; }
.intro-gov-body .horz > ul.jamun > li:nth-child(4) { left: 64%; width: 39%; min-width: 20px; max-width: 270px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.intro-gov-body .horz > ul.jamun > li:nth-child(4) .box_s3 { display: block; min-height: 32px; min-width: 0; padding: 10px 3px; line-height: 120%; }
.intro-gov-body .horz > ul.jamun > li .vert > ul { width: 100%; }
.intro-gov-body .box_s1 { display: inline-block; width: 170px; height: 168px; background: url("../images/sub/org_president.png") 0 0/contain no-repeat; position: relative; z-index: 1; }
.intro-gov-body .box_s1 a { display: block; color: #fff; line-height: 48px; }
.intro-gov-body .box_s2 { display: inline-block; line-height: 48px; position: relative; min-width: 200px; color: #fff; font-size: 1.125rem; background: #1c7ed6; -webkit-box-shadow: 1px 1px 3px #a9a9a9; box-shadow: 1px 1px 3px #a9a9a9; }
.intro-gov-body .box_s2 a { display: block; color: #fff; line-height: 48px; }
.intro-gov-body .box_s3 { display: inline-block; background: #0a3c79; color: #fff; line-height: 32px; min-width: 200px; position: relative; }
.intro-gov-body .box_s3 a { display: block; color: #fff; }
.intro-gov-body .box_s3.humanright { background: #45af9f !important; }
.intro-gov-body .box_s4 { background: #e1e4e7; position: relative; border-radius: 5px; overflow: hidden; }
.intro-gov-body .box_s4 dt { background: #9e9e9e; line-height: 32px; font-size: .8125rem; color: #fff; }
.intro-gov-body .box_s4 dt a { color: #fff; }
.intro-gov-body .box_s4 dt.blue { background: #0a3c79; }
.intro-gov-body .box_s4 dd { border: solid 1px #e5e5e5; color: #8f8f91; font-size: .8125rem; padding: 8px 0; }
.intro-gov-body .box_s4 dd a { color: #8f8f91; }
.intro-gov-body .box_s6 { background: #828991; color: #fff; line-height: 32px; position: relative; }
.intro-gov-body .box_s6 a { color: #fff; }

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

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

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

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

.dept_info { border: 3px solid #e4e4e4; background-color: #f6f6f6; color: #777; padding: 20px; width: 100%; font-size: .8125rem; line-height: 21px; margin-top: 20px; text-align: justify; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.025em; }

.dept_info strong { font-size: .875rem; display: block; color: #4165af; margin-bottom: 5px; }

.dept_info i { font-size: 13px; color: #333; }

/* 국정과제 */
.gov-vision .gov-vision-title {position: relative; padding: 23px 0 30px 0; position: relative; margin-bottom: 30px;}
.gov-vision .gov-vision-title:after {content: ''; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: url("../images/sub/gov_vision_bg.jpg"); background-position: right bottom; background-repeat: no-repeat; background-size: cover; transition: all 0.3s; }
.gov-vision .gov-vision-title h3 { position: relative; z-index: 2;}
.gov-vision .gov-vision-title .gov-plan { display: inline-block; margin-top: 5px; position: relative; z-index: 2;}
.gov-vision .gov-vision-title .gov-plan strong { font-size: 1.250rem; color: #333; display: block; margin-right: 10px; margin-bottom: 10px; vertical-align: middle;}
.gov-vision .gov-vision-title .gov-plan a { margin-left: 0; }
.gov-vision .gov-vision-title .gov-plan .btn {padding: 5px 10px; border: 1px solid #acacac; font-size: 0.938rem; color: #555; position: relative; background-color: #fff;}
.gov-vision .gov-vision-title .gov-plan .btn:hover span {text-decoration: underline; text-underline-position:under;}
.gov-vision .gov-vision-title .gov-plan .btn span {position: relative; padding-right: 18px;}
.gov-vision .gov-vision-title .gov-plan .btn span:after {font-family: "xeicon"; display: inline-block; font-size:16px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.gov-vision .gov-vision-title .gov-plan .btn.pdf span:after {content:"\e904";}
.gov-vision .gov-vision-title .gov-plan .btn.ebook span:after {content:"\e980";}
.gov-vision .box {margin-bottom: 9px;}
.gov-vision h4 {padding: 15px 35px 15px 15px; background: #0a3c79; background: linear-gradient(to right, #2871cb 0%, #4b48b5 100%); position: relative;}
.gov-vision h4:after {font-family: "xeicon"; content:"\e941"; display: inline-block; font-size:16px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #fff;}
.gov-vision h4 span {font-weight: 500; color: #fff; font-size: 1.375rem; letter-spacing: -0.05em; vertical-align: middle;}
.gov-vision h4 span + span {font-size: 1rem; font-weight: 400; vertical-align: middle; opacity: 0.8; margin-left: 5px; display: inline-block;}
.gov-vision .inbox {border: 1px solid #e1e1e1; border-top: 0; padding: 0 20px; display: none;}
.gov-vision .inbox > li {padding: 30px 0 30px 10px; position: relative; display: table; table-layout: fixed; width: 100%;}
.gov-vision .inbox > li ~ li { border-top: 1px solid #dee2e6; }
.gov-vision .inbox .tit-h5 {display: table-cell; width: 210px; padding-right: 10px;}
.gov-vision .inbox .tit-h5 h5 {font-family: "KoPubWorldBatang"; font-weight: 400;}
.gov-vision .inbox .tit-h5 em { color: #000; font-size: 1.25rem; display: block;}
.gov-vision .inbox .tit-h5 span { font-size: 1.250rem; color: #212529; letter-spacing: -0.075em; line-height: 2rem;}
.gov-vision .inbox .list {display: table-cell; vertical-align: middle;}
.gov-vision .inbox .list > li { position: relative; font-size: 13px; margin-top: 10px;}
.gov-vision .inbox .list > li:first-child { margin-top: 0px;}
.gov-vision .inbox .list > li a {font-size: 0.938rem; font-weight: 400; color: #555; display: inline-block; 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; word-break: keep-all;}
.gov-vision .inbox .list > li span { color: #1974dd; display: inline-block; position: relative; word-break: keep-all;}
.gov-vision .inbox .list > li span:before {content: ''; display: inline-block; width: 1px; height: 12px; background-color: #adadad; margin:0 5px;}
.gov-vision .inbox .list > li span:after {content: '\e980'; font-family: "xeicon"; display: inline-block; font-size:15px; margin-left: 3px;}
.gov-vision .inbox .list > li a:hover {text-decoration: underline; text-underline-position:under;}
.gov-vision .inbox .list > li a:hover span { text-decoration: underline; text-underline-position:under;}
.gov-vision .box.active .inbox { display: block; }
.gov-vision .box.active h4:after {transform: translateY(-50%), rotate(180deg);}

@media screen and (max-width: 576px) {
	.gov-vision .gov-vision-title {padding: 30px 10px 10px 10px;}
	.gov-vision .gov-vision-title:after {opacity: 0.2; background-position: right -150px bottom;}
	.gov-vision .gov-vision-title .gov-plan strong {display: block; margin-bottom: 10px;}
	.gov-vision .gov-vision-title .gov-plan .btn {width: 100%; margin-top: 5px;}
}

@media screen and (max-width: 768px) {
	.gov-vision h4 span {font-size: 1.250rem; display: inline; word-break: keep-all;}
	.gov-vision .inbox > li {display: block; padding: 30px 0 30px 0;}
	.gov-vision .inbox .tit-h5 {display: block; table-layout: fixed; width: 100%; margin-bottom: 20px; padding: 0;}
	.gov-vision .inbox .tit-h5 em {display: inline; padding-right: 5px; font-size: 1.250rem; display: table-cell;}
	.gov-vision .inbox .tit-h5 span {display: inline; font-size: 1.250rem; display: table-cell; line-height: 1.563rem; word-break: keep-all;}
	.gov-vision .inbox .tit-h5 br {display: none;}
	.gov-vision .inbox .list {display: block;}
}

/*=================================================================================
대한민국정부 채널 소개
=================================================================================*/
/* 정부채널 소개 */
.channel_info {position: relative; width: 100%; padding: 31px 8px 49px 8px; background: linear-gradient(to right, #f1eff9 50%, #e6e3f4 100%);}
.channel_info:before {content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 22px; background-color: #fff;}
.channel_info:after {content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-image: url("../images/sub/channel_bg.png"); background-position: right bottom; background-repeat: no-repeat; opacity: 1; transition: all 0.2s;}
.channel_info p { margin-top: 18px; font-size: 18px; line-height: 26px; letter-spacing: -0.05em; color: #222; position: relative; z-index: 2;}

.channel_box {position: relative; margin-top: 37px;}
.channel_box ~ .channel_box {margin-top: 70px;}
.channel_box:after { content: ""; clear: both; display: table; }
.channel_box .title {position: relative; font-size: 26px; font-weight: 700; color: #000; margin-bottom: 20px; letter-spacing: -0.05em; padding-left: 50px;}
.channel_box .title:before {content: ''; position: absolute; left: 0; top: 50%;  transform: translatey(-50%); display: inline-block; width: 38px; height: 38px; background-image: url("../images/sub/channel_icon.png"); background-repeat: no-repeat; background-size: auto 100%;}
.channel_box .title.briefing:before {background-position: 0 0;}
.channel_box .title.reporter:before {background-position: -39px 0;}
.channel_box .title.govsns:before {background-position: -78px 0;}
.channel_box .title.gonggam:before {background-position: -117px 0;}

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

.channel_box .video_lst {margin: 35px -5px 0 -5px; padding: 0;}
.channel_box .video_lst:after { content: ""; clear: both; display: table; }
.channel_box .video_lst .video {float: left; padding: 0 5px;}
.channel_box .video_lst .video > div {position: relative; padding-bottom: 56.476683393782%; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.channel_box .video_lst .video > div iframe,
.channel_box .video_lst .video > div object,
.channel_box .video_lst .video > div video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; }
.channel_box .video_lst .slick-dots { text-align: center; margin-top: 15px; line-height: 0;}
.channel_box .video_lst .slick-dots li { display: inline-block; margin: 0 2.5px; }
.channel_box .video_lst .slick-dots li button { display: block; width: 10px; height: 10px; border-radius: 50%; font-size: 0; background-color: #777; transition: all 0.2s;}
.channel_box .video_lst .slick-dots li.slick-active button { background-color: #333; width: 24px; border-radius: 24px;}

.channel_box .link {margin: 27px 0 0 0;}
.channel_box .link strong {font-size: 16px; color: #595959; font-weight: 400; display: block; margin-bottom: 11px;}
.channel_box .link ul {display: flex; flex-wrap: wrap; text-align: center; margin: 0 -3px;}
.channel_box .link ul li {flex: 1 auto; min-width: calc(100% / 3); padding: 3px 3px; }
.channel_box .link.col4 ul li {min-width: calc(100% / 4);}
.channel_box .link i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.channel_box .link a {position: relative; width: 100%; height: 46px; background-color: #f2f2f7;}
.channel_box .link a:before {content: ''; display: inline-block; position: relative; width: 46px; height: 46px; background: url("../images/sub/channel_icon_sns.png"); background-repeat: no-repeat; background-size: 552px auto;}
.channel_box .link a.app_g:before {background-position: -414px 0;}
.channel_box .link a.app_a:before {background-position: -460px 0;}
.channel_box .link a.app_o:before {background-position: -506px 0;}
.channel_box .link a.fb:before {background-position: 0 0;}
.channel_box .link a.tw:before {background-position: -46px 0;}
.channel_box .link a.nbg:before {background-position: -92px 0;}
.channel_box .link a.yt:before {background-position: -138px 0;}
.channel_box .link a.ig:before {background-position: -184px 0;}
.channel_box .link a.npt:before {background-position: -230px 0;}
.channel_box .link a.nbd:before {background-position: -276px 0;}
.channel_box .link a.kkc:before {background-position: -322px 0;}
.channel_box .link a.kks:before {background-position: -368px 0;}

.channel_box .govsns_box {position: relative; margin-top: 20px;}
.channel_box .govsns_box .playing {position: absolute; right: 0; top: 5px; width:30px; height:30px; display: inline-block; font-size: 0;}
.channel_box .govsns_box .playing:before {font-family: 'xeicon'; width: 19px; display: inline-block; font-size: 20px; transition:all 0.3s; color: #303031; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1;}
.channel_box .govsns_box .playing:after {content: ''; display: inline-block; width: 30px; height: 30px; border-radius: 100%; background-color: #f2f2f7; border: 1px solid #ccc;}
.channel_box .govsns_box .playing.pause:before {content:'\ea3b';}
.channel_box .govsns_box .playing.play:before {content:'\ea3e';}

.channel_box .govsns_box .tab {position: relative; display: table; table-layout: fixed; width: 100%; padding-right: 32px;}
.channel_box .govsns_box .tab:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #ccc;}
.channel_box .govsns_box .tab li {position: relative; display: table-cell; width: 25%; text-align: center;}
.channel_box .govsns_box .tab li ~ li:after {content: ''; width: 1px; height: 14px; background-color: #d9d9d9; position: absolute; left: 0; top: 50%;  transform: translatey(-50%);}
.channel_box .govsns_box .tab li button {padding: 5px 0; width: 100%; font-weight: 500; letter-spacing: -0.05em; transition:all 0.2s;}
.channel_box .govsns_box .tab li button:before {content: ''; display: inline-block; position: relative; width: 30px; height: 30px; background: url("../images/sub/channel_icon_sns.png"); background-repeat: no-repeat; background-size: 360px auto;}
.channel_box .govsns_box .tab li button:after {content: ''; display: inline-block; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background-color: transparent; transition:all 0.2s;}
.channel_box .govsns_box > .tab li button i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.channel_box .govsns_box .tab li.fb button:before {background-position: 0 0;}
.channel_box .govsns_box .tab li.tw button:before {background-position: -30px 0;}
.channel_box .govsns_box .tab li.nbg button:before {background-position: -60px 0;}
.channel_box .govsns_box .tab li.yt button:before {background-position: -90px 0;}
.channel_box .govsns_box .tab li.ig button:before {background-position: -120px 0;}
.channel_box .govsns_box .tab li.fb.active button:before {background-position: 0 -30px;}
.channel_box .govsns_box .tab li.fb.active button:after {background-color: #2f549e;}
.channel_box .govsns_box .tab li.tw.active button:before {background-position: -30px -30px;}
.channel_box .govsns_box .tab li.tw.active button:after {background-color: #1573d6;}
.channel_box .govsns_box .tab li.nbg.active button:before {background-position: -60px -30px;}
.channel_box .govsns_box .tab li.nbg.active button:after {background-color: #117321;}
.channel_box .govsns_box .tab li.yt.active button:before {background-position: -90px -30px;}
.channel_box .govsns_box .tab li.yt.active button:after {background-color: #a61e22;}
.channel_box .govsns_box .tab li.ig.active button:before {background-position: -120px -30px;}
.channel_box .govsns_box .tab li.ig.active button:after {background-color: #6f2699;}
.channel_box .govsns_box .tab_container {}
.channel_box .govsns_box .tab_container .cont {display: none;}
.channel_box .govsns_box .tab_container .cont:first-child {display: block;}
.channel_box .govsns_box .tab_container .cont h5 {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.channel_box .govsns_box .tab_container .cont h6 {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.channel_box .govsns_box .tab_container .cont .sns_tit {text-align: center; display: block; background-color: #f2f2f7; font-size: 16px; line-height: 45px; font-weight: 400; height: 45px; color: #333;}
.channel_box .govsns_box .tab_container .cont .sns_tit i {position: relative; font-weight: 500; letter-spacing: -0.05em;}
.channel_box .govsns_box .tab_container .cont .sns_lst {margin-top: 20px; padding: 0 25px;}
.channel_box .govsns_box .tab_container .cont .sns_lst:after { content: ""; clear: both; display: table; }
.channel_box .govsns_box .tab_container .cont .sns_lst .lst {float: left; line-height: 0; padding: 0 5px;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a {position: relative; display: block;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb {padding-bottom: 100%;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb:after {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 1); background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%); }
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb img {object-fit: cover; object-position: top;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text {z-index: 2; padding-bottom: 100%; height: 0;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text > span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 33px 20px;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text strong {display: block; font-weight: 500; font-size: 18px; letter-spacing: -0.05em; color: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; visibility: visible; word-break: break-all;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {font-weight: 400; font-size: 16px; color: #555; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; visibility: visible; word-break: break-all;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text {position: absolute; color: #fff; top: 0; width: 100%;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text > span {position: absolute; left: 0; top: auto; right: 0; bottom: 0; width: 100%; height: auto; padding: 20px;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text > span strong {color: #fff; display: none;}
.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .thumb + .text > span > span {color: #fff; font-weight: 500; font-size: 18px; letter-spacing: -0.05em; display: -webkit-box; -webkit-line-clamp: 2;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow {position: absolute; top:calc(50% - 22px); transform: translatey(-50%); font-size: 0;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow:before {font-family: "xeicon"; font-size: 24px; color: #545454; transition: color .2s;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-prev {left: 0;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-prev:before {content: '\e93b';}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-next {right: 0;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-arrow.slick-next:before {content: '\e93e';}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots { text-align: center; margin-top: 15px; line-height: 0;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots li { display: inline-block; margin: 0 2.5px; }
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots li button { display: block; width: 10px; height: 10px; border-radius: 50%; font-size: 0; background-color: #777; transition: all 0.2s;}
.channel_box .govsns_box .tab_container .cont .sns_lst .slick-dots li.slick-active button { background-color: #333; width: 24px; border-radius: 24px;}
.channel_box .govsns_box .tab_container .cont.fb .sns_tit i {color: #2f549e; }
.channel_box .govsns_box .tab_container .cont.fb .sns_lst .lst a {background-color: #e7eefa;}
.channel_box .govsns_box .tab_container .cont.tw .sns_tit i {color: #2f549e; }
.channel_box .govsns_box .tab_container .cont.tw .sns_lst .lst a {background-color: #e7eefa;}
.channel_box .govsns_box .tab_container .cont.nbg .sns_tit i {color: #117321;}
.channel_box .govsns_box .tab_container .cont.nbg .sns_lst .lst a {background-color: #f0f7f1;}
.channel_box .govsns_box .tab_container .cont.yt .sns_tit i {color: #a61e22;}
.channel_box .govsns_box .tab_container .cont.yt .sns_lst .lst a {background-color: #fcf4f4;}
.channel_box .govsns_box .tab_container .cont.ig .sns_tit i {color: #6f2699; }
.channel_box .govsns_box .tab_container .cont.ig .sns_lst .lst a {background-color: #efe9f5;}
.channel_box .govsns_box .tab_container .cont .tab {padding-right: 0; background-color: #f2f2f7; table-layout: auto;}
.channel_box .govsns_box .tab_container .cont .tab:after {display: none;}
.channel_box .govsns_box .tab_container .cont .tab li {width: auto;}
.channel_box .govsns_box .tab_container .cont .tab li ~ li:after {height: 18px; background-color: #ccc;}
.channel_box .govsns_box .tab_container .cont .tab li button {padding: 0 0 0 0; font-weight: 400; font-size: 16px; letter-spacing: 0; height: 45px; line-height: 45px; color: #777;}
.channel_box .govsns_box .tab_container .cont .tab li button:before {display: none;}
.channel_box .govsns_box .tab_container .cont .tab li button:after {display: none;}
.channel_box .govsns_box .tab_container .cont.tw .tab li.active button i {color: #0c69cc; font-weight: 500; }

.channel_box .gonggam_box {margin-top: 20px;}
.channel_box .gonggam_box .tab {position: relative; display: table; table-layout: fixed; width: 100%; margin-bottom: 25px;}
.channel_box .gonggam_box .tab:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #ccc;}
.channel_box .gonggam_box .tab li {position: relative; display: table-cell; width: calc(100% / 3); text-align: center;}
.channel_box .gonggam_box .tab li ~ li:after {content: ''; width: 1px; height: 14px; background-color: #d9d9d9; position: absolute; left: 0; top: 50%;  transform: translatey(-50%);}
.channel_box .gonggam_box .tab li button {width: 100%; font-weight: 500; letter-spacing: -0.05em; transition:all 0.2s; height: 45px; line-height: 45px; color: #777;}
.channel_box .gonggam_box .tab li button:after {content: ''; display: inline-block; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background-color: transparent; transition:all 0.2s;}
.channel_box .gonggam_box .tab li.active button {color: #222;}
.channel_box .gonggam_box .tab li.active button:after {background-color: #222;}
.channel_box .gonggam_box .tab_container .cont {display: none;}
.channel_box .gonggam_box .tab_container .cont:first-child {display: block;}
.channel_box .gonggam_box .lst {max-width: 340px; margin: 0 auto;}
.channel_box .gonggam_box .lst strong {display: block; line-height: 1; text-align: center; margin-bottom: 18px; font-weight: 500; letter-spacing: -0.05em; color: #333;}
.channel_box .gonggam_box .lst a {position: relative; display: block; border: 1px solid #ccc;}
.channel_box .gonggam_box .lst a .thumb {position: relative; padding-bottom: 134.26%;}
.channel_box .gonggam_box .lst a .thumb:after {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 150px; background: rgba(0, 0, 0, 1); background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }
.channel_box .gonggam_box .lst a .text {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2; color: #fff; font-size: 16px; display: inline-block;}
.channel_box .gonggam_box .lst a .text:after {content: '\e90b'; font-family: 'xeicon'; font-size: 18px; margin-left: 5px;}


@media screen and (min-width: 769px) {
	.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {-webkit-line-clamp: 4;}
}

@media screen and (max-width: 643px) {
	.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {-webkit-line-clamp: 5;}
}

@media screen and (max-width: 590px) {
	.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {-webkit-line-clamp: 4;}
}

@media screen and (max-width: 520px) {
	.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {-webkit-line-clamp: 3;}
}

@media screen and (max-width: 499px) {
	.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {-webkit-line-clamp: 6;}
}

@media screen and (min-width: 365px) {
	.channel_box .text br ~ br {display: none;}
}

@media screen and (max-width: 354px) {
	.channel_info {padding: 31px 8px 27px 8px;}
	.channel_info:before {display: none;}
	.channel_info:after {opacity: 0;}
}

@media screen and (max-width: 335px) {
	.channel_box .govsns_box .tab_container .cont .sns_lst .lst a .text span > span {-webkit-line-clamp: 4;}
}

/*=================================================================================
* 20190401 추가
=================================================================================*/
.dept_info { border: 2px solid #dee2e6; background-color: #f8f9fd; color: #666; padding: 15px; width: 100%; font-size: .8125rem; line-height: 21px; margin-top: 20px; text-align: justify; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.025em; }
.dept_info strong { font-size: .875rem; display: block; color: #1c7ed6; margin-bottom: 5px; }
.dept_info i { font-size: 13px; color: #002157; font-weight: 500; }

/*=================================================================================
* 개인정보 처리방침
=================================================================================*/
.privacy-box { position: relative; line-height: 23px; font-size: .875rem; color: #666; }
.privacy-box .tab-nav { background: #fff; overflow: hidden; margin-top: 20px; }
.privacy-box .tab-nav ul { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1px 0 0 0; }
.privacy-box .tab-nav ul:after { content: ""; display: block; clear: both; }
.privacy-box .tab-nav ul li { float: left; width: 33.33%; margin: -1px -1px 0 0; text-align: center; }
.privacy-box .tab-nav ul li a { position: relative; display: block; font-weight: inherit; font-size: .9375rem; color: #111; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dddddd; }
.privacy-box .tab-nav ul li.active a { color: #fff; background: #888; border: 1px solid #6f6f6f; }
.privacy-box .cont-wrap { display: block; overflow: hidden; }
.privacy-box .cont-wrap > div { display: none; }
.privacy-box .cont-wrap > div.active { display: block; }
.privacy-box .cont-wrap p { margin: 0; }
.privacy-box .cont-wrap h5 { margin-top: 25px; margin-bottom: 10px; font-size: 1.125rem; color: #000; }
.privacy-box .cont-wrap ol li { list-style-type: decimal; list-style-position: inside; margin-left: 15px; text-indent: -15px; }
.privacy-box .cont-wrap ol li ul li strong { display: block; font-weight: normal; }
.privacy-box .cont-wrap ol li ul li { margin-left: 0; text-indent: 0; padding: 0 0 0 15px; }
.privacy-box .cont-wrap ul li { list-style-type: none; position: relative; }
.privacy-box .cont-wrap ul li:before { content: "\25E6"; display: block; clear: both; position: absolute; left: 0; }
.privacy-box .cont-wrap table { border: 1px solid #cecece; border-collapse: collapse; margin-top: 10px; margin-bottom: 15px; width: 100%; text-indent: 0; }
.privacy-box .cont-wrap table td { border-left: 1px solid #cecece; border-top: 1px solid #cecece; border-collapse: collapse; padding: 3px 10px; }
.privacy-box .cont-wrap table td.center { text-align: center; }
.privacy-box .cont-wrap table td a { font-weight: normal; }
.privacy-box .cont-wrap table th { background-color: #efeceb; border: 1px solid #cecece; padding: 3px; font-weight: normal; }
.privacy-box .cont-wrap table thead th { text-align: center; }
.privacy-box .cont-wrap table tbody th { padding: 0 10px; }
.privacy-box .cont-wrap a { color: #2971d4; letter-spacing: 0; }

/*=================================================================================
* 저작권정책
=================================================================================*/
.copyright_box { position: relative; font-size: .9375rem; color: #666; }
.copyright_box .info { padding: 20px 0; margin-bottom: 35px; display: table; width: 100%; font-size: 15px; color: #2d343c; font-weight: bold; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; }
.copyright_box .info::before { content: ''; display: block; width: 66px; height: 66px; background: url("../images/sub/copyright_title_icon.png") 0 0 no-repeat; margin: 0 auto 20px; }
.copyright_box .kogl_info { margin-bottom: 25px; text-align: center; }
.copyright_box .kogl_info .logo { display: inline-block; width: 148px; height: 60px; background-image: url("../images/common/open_type01.png"); background-size: 100% 100%; background-position: left top; background-repeat: no-repeat; font-size: 0; line-height: 0; margin-bottom: 10px; }
.copyright_box .kogl_info .logo i { position: absolute; left: -10000%; top: 0; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }
.copyright_box .kogl_info .text { text-align: left; }
.copyright-btns .btn { display: block; text-align: center; margin: 10px 0; }

/*=================================================================================
* 이메일수집거부
=================================================================================*/
.email_reject_box { padding: 45px 30px; background-color: #f2f4f7; }
.email_reject_box::before { content: ''; display: block; width: 91px; height: 90px; background: url("../images/sub/email_title_icon.png") 0 0 no-repeat; margin: 0 auto 20px; }
.email_reject_box h3 { font-size: 1.375rem; color: #0667c5; font-weight: bold; margin-bottom: 15px; }
.email_reject_box p { font-size: .9375rem; color: #2d343c; line-height: 24px; }

/*=================================================================================
* 운영자에게
=================================================================================*/
.to_master_box { padding: 30px; background-color: #f2f4f7; }
.to_master_box::before { content: ''; display: block; width: 90px; height: 95px; background: url("../images/sub/master_title_icon.png") 0 0 no-repeat; margin: 0 auto 20px; }
.to_master_box h3 { font-size: 1.375rem; color: #0667c5; font-weight: bold; margin-bottom: 15px; }
.to_master_box p { font-size: .9375rem; color: #2d343c; line-height: 24px; }
.to_master_box a {color: #002157; text-decoration: underline; font-weight: normal;}

/* =============================================================================================
패드
============================================================================================= */
@media screen and (min-width: 576px) {
	.sch-post .sch-post-inp fieldset .custom-select + .custom-select + .custom-input input[type='text'] { width: calc(100% - 208px); border-top: 0; }
	.sch-post .sch-post-inp fieldset .custom-select + .custom-select + .custom-input button { height: 40px; }
}
@media screen and (min-width: 768px) { .section2 { background-color: #fff; margin-bottom: 10px; }
  .section2 .container .article-wrap { position: relative; float: left; width: 70%; padding-left: 10px; padding-right: 20px; margin-bottom: 0; }
  .section2 .container .article-wrap::after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 10px; height: 100%; background-color: #f2f4f7; }
  .section2 .as-article { float: right; width: 30%; margin-top: 0; }
  .section2 .as-article::before { display: none; }
  .section2 .as-article > div { margin-top: 0; }
  .section2 .as-article .more span { display: none; }
  .section2 .as-article .as-latest .title { margin-top: 0; width: 100%; }
  .section2 .as-article .as-latest .thumb + .title { width: 72%; }
  .section2 .related-news .list .text strong { font-size: 1rem; margin-bottom: 10px; }
  .section2 .related-news .list .text span { font-size: .8125rem; }
  .focus-slider .text { text-align: center; }
  .focus_tab_20190906 ul li a { height: 0px; }
  .wiki-head .text { padding-left: 20px; padding-right: 230px; }
  .wiki-head .text::after { display: block; }
  .wiki-head .text span { font-size: 1.625rem; }
  .wiki-head .text p { font-size: 1.1875rem; }
  .section2 + .as-article { float: none; max-width: 1024px; margin-left: auto; margin-right: auto; position: relative; }
  .section2 + .as-article::after { content: ""; clear: both; display: table; }
  .section2 .as-article .as-latest .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .sch-post .tab-nav { table-layout: fixed; }
  .sch-post .tab-cont ul li { width: 25%; }
  /* 정부부처 소개 */
  .intro-gov-body .box { font-size: 1rem; }
  .intro-gov-body .horz > ul.jamun { height: 180px; }
  /* 대한민국정부 채널소개 */
  .channel-sns ul li:last-child { display: block; }
  .channel-sns ul li a { padding: 20px 15px; }
  .video-title br { display: block; }
  /* 퀴즈이벤트 */
  .quiz-cont .quiz-head .title { margin-top: 20px; }
  }

/* 카드뉴스, 포토뉴스 공통 2020.08.19 */
.slider_wrap {position: relative; background-color: #383e44; padding-top: 10px; width: 100%; margin-bottom: 30px;}
.slider_wrap h3 {display: none;}
.slider_wrap .slider {position:relative; background:#424242; box-sizing:border-box;}
.slider_wrap .slides:after { content:'';  display: block;  clear: both;  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: 35px; height: 80px; font-size: 0; background-color: rgba(0, 0, 0, 0.3); display: inline-block;}
.slider_wrap .flex-direction-nav a:before { font-family: "xeicon"; font-size: 28px; color: #ddd; transition: all .2s; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.slider_wrap .flex-direction-nav a:hover::before { color:#fff; }
.slider_wrap .flex-direction-nav .flex-prev { left: 0px; }
.slider_wrap .flex-direction-nav .flex-prev:before { content: '\e93b'; }
.slider_wrap .flex-direction-nav .flex-next { right: 0px; }
.slider_wrap .flex-direction-nav .flex-next:before { content: '\e93e'; }
.slider_wrap .flex-direction-nav .flex-disabled {display:none;}
.slider_wrap .first {display:none;}
.slider_wrap .first button {position: absolute; right: 0; top: calc(50% - 38px);transform: translate(0, -50%); z-index: 2; width: 35px; height: 80px; font-size: 12px; background-color: rgba(0, 0, 0, 0.3); display: table; text-align: center; color: #fff; line-height: 1;}
.slider_wrap .first button:before { font-family: "xeicon"; content: '\eb08'; display: block; font-size: 15px; color: #fff; margin-bottom: 5px;}
.slider_for {position: relative; padding: 0 10px;}
.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: 15px; box-sizing: border-box;}
.slider_nav .flex-direction-nav a {top: 30px; bottom: 30px; width: 25px; height: auto; transform: translate(0, 0);}
.slider_nav .flex-direction-nav a:before {font-size: 20px;}
.slider_nav li {padding: 6px; opacity: .4; cursor: pointer; transition: all .2s;}
.slider_nav .flex-active-slide { opacity: 1; }
.slider_nav .flex-active-slide img { border: 3px solid transparent; outline: 3px solid #228be5; }

.photoview_slider .slider_wrap {margin: 0 auto; background-color: #f2f4f7; padding-top: 0;}
.photoview_slider .slider_wrap .thumb { height: 0; padding-bottom: 66.56%; display: block; position: relative; background: none; }
.photoview_slider .slider_wrap 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_wrap .thumb:hover .down {opacity: 1;}
.photoview_slider .slider_wrap .down { position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; padding: 2px 10px; opacity: 0; transition: all .2s; }
.photoview_slider .slider_wrap .down i { margin-right: 5px; }
.photoview_slider .slider_for .flex-viewport {max-width: 100%; height: auto; box-shadow: none;}
.photoview_slider .slider_wrap .current {color: #333;}
.photoview_slider .slider_wrap .current .current-slide {color: #228be5;}
.photoview_slider .slider_nav {background-color: #f2f4f7; padding:0 20px;}
.photoview_slider .slider_nav li {opacity: .7;}
.photoview_slider .slider_nav .thumb{border: 3px solid transparent; }
.photoview_slider .slider_nav .flex-active-slide { opacity: 1;}
.photoview_slider .slider_nav .flex-active-slide .thumb{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: 10px; bottom: 10px; background-color: #868e96; }

/*=================================================================================
* 공지사항
=================================================================================*/
.notice {background-color: #f6f6f6;}
.ico_notice {font-size: 0; line-height: 0; width: 19px; height: 17px; display: inline-block; background: url("../images/sub/icon_notice.png"); background-size: 100%; vertical-align: middle; position: relative; top: -3px; margin-right: 5px;}

/*=================================================================================
* 배너달기
=================================================================================*/
.banner_size {display: block; text-align: center; margin-top: 5px;}

/*=================================================================================
* RSS서비스
=================================================================================*/
.rss_info { position: relative; background-color: #f2f4f7; padding: 30px; margin-bottom: 20px; }
.rss_info:before { content: ''; display: block; width: 107px; height: 66px; background: url("../images/sub/rss_title_icon.png") 0 0 no-repeat; margin: 0 auto 20px;}
.rss_info h3 {font-size: 1.375rem; color: #0667c5; font-weight: bold; margin-bottom: 10px;}
.rss_info p strong { letter-spacing: 0; }
.rss_info p em { color: #2d343c; font-weight: normal; }
.rss_info p.info {position: relative; font-size: 12px; background-color: #002157; color: #fff; font-weight: normal; padding:10px 20px; border-radius: 20px; letter-spacing: -0.05em; max-width: 420px; margin: 20px auto 0 auto;}
.rss_info p.info i {color: #f2f860; letter-spacing: 0; font-weight: 500;}
.rss_info p.info:before {font-family: "xeicon"; content: '\e9aa'; font-size: 20px; display: inline-block; color: #fa860f; vertical-align: middle; margin-right: 5px; position: relative; top: 0; z-index: 2;}
.rss_info p.info:after {content: ''; position: absolute; left: 25px; top: 15px; width: 10px; height: 12px; background-color: #fff; z-index: 1; border-radius: 100%;}

.rss_address {margin-bottom: 20px;}
.rss_address > ul {position: relative; display: table; table-layout: fixed; width: 100%;}
.rss_address > ul > li {display: table-cell; text-align: center; font-size: 12px; letter-spacing: -1px;}
.rss_address > ul > li > button {display: block; padding: 15px 0; color: #868e96; border: 1px solid #dee2e6; border-left-color: #fff; width: 100%; position: relative; box-sizing: border-box;}
.rss_address > ul > li > button:after { content: ""; display: block; height: 2px; background-color: #495057; position: absolute; left: -1px; right: -1px; bottom: -1px; z-index: 2;}
.rss_address > ul > li:first-child > button {border-left-color: #dee2e6;}
.rss_address > ul > li .cont {position: absolute; left: 0; right: 0; padding: 10px 0 0 0; text-align: left; display: none;}
.rss_address > ul > li .cont table {border-top:1px solid #dee2e6}
.rss_address > ul > li.on > button { padding: 14px 0; border: 2px solid #495057; border-bottom-color: transparent; }
.rss_address > ul > li.on > button:after {background-color: #fff; left: 0; right: 0; height: 3px; bottom: -2px;}
.rss_address > ul > li.on .cont {display: block;}

.rss_list {font-size: .9375rem; border-top: 1px solid #dee2e6;}
.rss_list li dt {background-color: #f2f4f7; border-bottom: 1px solid #dee2e6; padding: 15px 10px; font-weight: 600;}
.rss_list li dd {position: relative; padding: 5px 95px 5px 10px; border-bottom: 1px solid #dee2e6; word-break: break-all; min-height: 52px;}
.rss_list li dd strong {display: inline-block; margin-bottom: 5px; padding-top: 3px;}
.rss_list li dd span {padding: 11px 0 10px 0;}
.rss_list li dd a {padding: 11px 0 10px 0; letter-spacing: 0; display: block;}
.rss_list li dd strong + span {padding: 0;}
.rss_list li dd strong + a {padding: 0; margin-bottom: 5px;}
.rss_list li button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 5px;}
.rss_list li button i:before {font-family: "xeicon"; content: '\e9e5'; font-size: 20px; display: inline-block; color: #f68515; vertical-align: middle; margin-right: 3px;}

.rss_use {margin-bottom: 20px; text-align: center;}
.rss_useful {margin-bottom: 20px; text-align: center;}

.rss_reader { position: relative; font-size: 14px; border: 1px solid #dddddd; padding: 30px; margin-bottom: 10px; }
.rss_reader dt { font-size: 1.0625rem; font-weight: 700; color: #212529; margin-bottom: 5px; }
.rss_reader dd .btn { margin-left: 10px; }
.rss_reader .rss-btn { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); padding: 12px 14px 11px; }
.rss_reader .rss-btn .icon-pdf { background: url("../images/sub/icon_file_acro.png") 0 0 no-repeat; display: block; width: 17px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; }

.rss_conf { font-size: .9375rem; line-height: 1.5; border: 1px solid #dddddd; padding: 30px; }
.rss_conf:after { content: ""; clear: both; display: table; }
.rss_conf div { float: left; margin: 3px 20px 0 0; }
.rss_conf p { overflow: hidden; }

@media screen and (max-width: 610px) {
	.rss_reader .rss-btn {position: relative; right:auto; top: auto; transform:translateY(0%); margin: 0 auto; display: inline-block; width: 100%; margin-top: 10px;}
	.rss_reader dd .btn { margin-left: 0; margin-top: 10px; width: 100%;}
	.rss_conf div { float: none; margin: 3px 0 20px 0; text-align: center;}
}

.movie .info {text-align: center; display: block; margin-bottom: 25px; font-size: 0.875rem;}
.movie .info span {position: relative; display: inline-block; padding-left: 20px;}
.movie .info span:before {font-family: "xeicon"; content:"\ea40"; font-size: 1.125rem; line-height: 0; display: inline-block; color: #eb1b21; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

/* 배너달기 20210426 */
.banner_down .img {background-color: #f2f4f7; padding: 20px; margin-bottom: 25px;}
.banner_down .img:after { content: ""; clear: both; display: table; }
.banner_down .img li {padding: 10px; float: left; width: 50%; text-align: center;}
.banner_down .down {text-align: center; padding: 0; font-size: 0;}
.banner_down .down a {border: 1px solid #adb5bd; display: inline-block; min-width: 200px; padding: 15px; font-size: 15px; font-weight: 700; margin: 5px;}
.banner_down .down a i {position: relative; display: inline-block; padding-right: 20px;}
.banner_down .down a i:after {content: "\eb7c"; font-family: 'xeicon'; font-size: 17px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.banner_info {padding: 25px 10px 0 10px; margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #dee2e6; font-weight: 400; color: #666; letter-spacing: -0.04em;}
.banner_info li:first-child {margin-top: 0;}
.banner_info li {margin-top: 10px; padding-left: 18px; text-indent: -18px;}

@media screen and (max-width: 610px) {
	.banner_down .img li {width: 100%;}
}

/* 20211216 */
.focus-tabs-scroll {position: relative; padding: 25px 10px 10px 10px; overflow: hidden; background-color: #fff;}
.focus-tabs-scroll:before {content: ""; display: block; height: 2px; background-color: #495057; position: absolute; left: 10px; right: 10px; bottom: 10px;}
.focus-tabs-scroll:after {content: ""; display: block; background: url("../images/sub/ico_scroll.png") 0 0 no-repeat; background-size: 100% auto; width: 40px; height: 9px; position: absolute; right: 10px; top: 10px;}
.focus-tabs-scroll ul {position: relative; width: 100%; display: flex; flex-wrap: nowrap; align-items: stretch !important;}
.focus-tabs-scroll li {position: relative; text-align: center; font-size: 13px; letter-spacing: -1px; width: auto !important; min-width: 80px; margin-right: -1px; align-items: center; display: flex;}
.focus-tabs-scroll li:before {content: ""; display: block; width: 100%; height: 100%; border: 1px solid #dee2e6; position: absolute; left: 0; bottom: 0px;}
.focus-tabs-scroll li:after {content: ""; display: block; width: 100%; height: 2px; background-color: #495057; position: absolute; left: 0; bottom: 0px;}
.focus-tabs-scroll li a {display: block; padding: 10px 10px; color: #868e96; width: 100%; z-index: 2;}
.focus-tabs-scroll li.on {z-index: 2;}
.focus-tabs-scroll li.on:before {z-index: 2; border: 2px solid #495057; position: absolute; left: 0; bottom: 0px;}
.focus-tabs-scroll li.on a:after {content: ""; display: block; height: 3px; background-color: #fff; position: absolute; left: 2px; right: 2px; bottom: 0px; z-index: 2;}

.video_ico {position: relative; vertical-align: middle; display: inline-block; margin-right: 5px; margin-top: -2px;}
.video_ico:after {content: "\ea4c"; font-family: 'xeicon'; font-size: 1.125rem; line-height: 1; color: #1974dd; font-weight: normal;}
.video_ico > i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}