@charset "UTF-8";

.container {max-width:1400px; width:100%; margin:0 auto;}
.find {position: relative;}
.find::before {content:''; width:100%; height:100%; position: absolute; left:0; top:0; z-index: -1; background:#FFF47E;}

/* [S] header */
header .row {display: flex; align-items: end; padding:19px 0 25px 0;}
header .logo {width:220px; flex-shrink: 0;}
header .frm-search {width:calc(100% - 220px); margin-left: 30px; }
header .frm-search form {display: flex;}
/* search-box */
header .search-box {display: inline-block; width:calc(100% - 300px); font-size: 0; padding-right:10px; display: flex;} 
/* search-box [select] */
header .select-box {display: inline-block; margin-right: 10px; width:26.78%; min-width:150px;}
header .select-box select {height:50px; border:3px solid #005BAC; border-radius:50px; width:100%; font-family: 'HG Regular'; color:#000; font-size: 16px; padding:0 40px 0 20px; background:url('../images/arrw1.png') no-repeat right 20px center;}
header .select-box select:focus-visible {border: 3px dashed #1174ff;}
header .select-box select {appearance: none; -moz-appearance: none; -webkit-apperance:none; }
/* search-box [input] */
header .input-box {position: relative; display: inline-block; width:calc(100% - 26.78% - 15px);}
header .input-box input{height:50px; border:3px solid #005BAC; border-radius:50px; width:100%; padding:0 70px 0 20px; font-size: 16px; font-family: 'HG Regular'; color:#000;}
header .input-box .search-btn {position: absolute; top:0; right:0; width:70px; height:50px; background:url('../images/search-btn.png') no-repeat center; display: inline-block; text-indent: -9999px;}
header .input-box .rec-wrap{display: none;position:absolute;z-index:1;background-color:#fff;border:3px solid #005BAC;padding: 15px 10px;width:100%; left:0; top:calc(100% + 5px);}
header .input-box .rec-wrap.on{display: block;}
header .input-box .rec-wrap li {font-size: 15px; font-family: 'HG Regular'; color:#000;}
header .input-box .rec-wrap li:hover {background:#ddd;}
/* search-box [detail-search] */
header .detail-search2 {display: inline-block; margin-right: 17px;}
header .detail-search2 button {display: none !important; height:50px; width:90px; background:#2B3D52; font-family: 'HG Regular'; color:#fff; font-size: 14px; border-radius:50px; display: inline-block; vertical-align: middle;}
.detail-search{display: none !important; background: #f6f8fa;border-bottom:1px solid #cdcdcd;height: 85px;padding-top:20px;}
.detail-search ul{display: flex;justify-content: center;}
.detail-search ul li{font-family: 'HG Regular';font-size: 0;}
.detail-search ul li + li{margin-left:40px;}
.detail-search ul li > span{display: inline-block;vertical-align: middle;margin-right: 12px;font-size: 15px;font-family: 'HG Regular';color: #212121;}
.detail-search ul li label{font-size: 15px;font-family: 'HG Regular';color:#333;background: #fff;border:1px solid #ddd;padding: 7px 5px;width:85px;height: 35px;display: inline-block;vertical-align: middle;text-align: center;margin-left:-1px;}
.detail-search ul li input[type="radio"]:checked + label{background: #1174ff;border-color: #1174ff;color:#fff;}
.detail-search ul li input[type="radio"]:focus + label {border-color: red;}
.iconWrap{display: none;vertical-align: middle;padding-left:10px;}
.detail-mobile{display: none;}


.contents .con-table {position:relative;}
.contents .con-table table {font-family:'HG Regular'; position:relative;table-layout:auto;}
.contents .con-table table:after {content:'';position:absolute;top:0px;left:0px;width:100%;height: 2px;background: #000;}
.contents .con-table table:before {content:''; position: absolute; right:-2px; top:0px; width:3px; height:100%; background:#fff; z-index: 1;}
/* .contents .con-table table:before {content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background: #e3e3e3;} */
.contents .con-table thead th {padding:15px 10px;font-weight:normal;background: #f7f8f9;color:#333;border-right: 1px solid #dddee0;border-bottom: 1px solid #b1b2b3;font-size:18px;font-family: 'HG Regular';}
.contents .con-table tbody th {padding:15px 10px;background: #fbfbfb;font-weight:normal;color: #000;border-right: 1px solid #dddee0;border-bottom: 1px solid #dddee0;font-size:16px;font-family: 'HG Regular';}
.contents .con-table tbody th.color {background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal;}
.contents .con-table tbody td {padding: 5px 10px;background:#fff;color:#666;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-size:16px;font-family: 'HG Regular';}

.contents .con-table .col01{width:14%;}
.contents .con-table .col02{width:22%;}
.contents .con-table .col03{width:18%;}
.contents .con-table .col04{width:14%;}

/* search-box [checkbox] */
header .repeat-box {display: inline-block; vertical-align: middle; display: inline-flex; align-items: center; align-self: center;}
header label {font-size: 14px; font-family: 'HG Regular'; color:#494848; margin-left: 7px;}
header #repeat-search{width:25px;height: 25px;background: url('../images/check-off.png') no-repeat center;appearance:none; margin:0;}
header #repeat-search:checked{background: url('../images/check-on.png') no-repeat center;}
header #repeat-search:focus-visible {border: 1px solid red;}
@media screen and (max-width:1400px) {
    header .search-box {flex:1;}
}
@media screen and (max-width:1200px) {
    header .row {flex-wrap:wrap;}
    header .logo {margin-bottom: 18px; text-align: center; width:100%;}
    header .frm-search {margin:0 20px; width:100%;}
}
@media screen and (max-width:768px) {
    header .row {padding:20px 0 16px 0;}
    header .frm-search form {flex-wrap:wrap; justify-content: center;}
    header .search-box {width:100%; flex:unset; margin-bottom: 15px; padding-right: 0;}
    header .select-box {min-width:140px;}
    header .select-box select {font-size: 14px;}
    header .input-box input {font-size: 14px;}
    header .detail-search-box {display:flex; flex-direction: row-reverse;}
    header .detail-search2 {margin-right: 0; margin-left: 25px;}
    .detail-search{padding-top: 20px;}
	.detail-search .detail-ul{display: none;}
	.detail-search .detail-mobile{display: block;padding:0 20px;}
	.detail-search .detail-mobile span{color:#333;font-size:15px;margin-right: 7px; vertical-align: unset;}
	.detail-search .detail-mobile > ul{justify-content:space-between;}
	.detail-search .detail-mobile > ul select{color:#333;font-size:15px;border-color:#ddd;height:35px;width:80px;font-family:'HG Regular';padding-left:5px;}
	.detail-search ul li + li{margin-left:5px;}
    
    .contents .con-table{overflow: hidden; position: relative;}
    .contents .con-table::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/table_scroll.png) no-repeat top 40px center;}
    .contents .con-table.on::after {display: none;}
    .contents .con-table table {width:1400px;}
}
@media screen and (max-width:600px) {
    header .search-box {flex-wrap:wrap;}
    header .select-box {width:100%; margin-bottom: 10px; margin-right: 0;}
    header .input-box {width:100%;}
}
/* [E] header */

/* [S] recomand-search */
.recomand-search {background:#005BAC; padding:10px 0;}
.recomand-search .recomand-inner {display: flex; justify-content:center; font-size: 0; align-items: center;}
.recomand-search .title {margin-right: 40px; flex-shrink: 0;}
.recomand-search .title em {display: inline-block; font-size: 15px; font-family: 'HG Regular'; color:#fff; background:#00A2A9; padding:11px 15px; border-radius:50px; line-height: 1.2;}
.recomand-search ul {display: flex; justify-content: center; align-items: center;}
.recomand-search ul li {margin-right: 15px;}
.recomand-search ul li:last-child {margin-right: 0;}
.recomand-search ul li a {font-size: 15px; font-family: 'HG Regular'; color:#fff; background-image: linear-gradient(#ffffff, #ffffff); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.recomand-search ul li a:hover {background-size:100% 1px;}
@media screen and (max-width:768px) {
    .recomand-search {padding:10px 20px;}
    .recomand-search .title {margin-right: 25px;}
    .recomand-search .scroll-wrap {overflow-x:auto; width:100%;}
    .recomand-search .scroll-wrap::-webkit-scrollbar {display: none;}
    .recomand-search ul {justify-content: unset;}
    .recomand-search ul li {margin-right: 20px; flex-shrink: 0;}
    .recomand-search ul li:first-child {margin-right: 25px;}
    .recomand-search ul li:nth-child(n+5) {display: none;}
}
/* [E] recomand-search */


/* [S] con */
.con .container {display: flex; justify-content: space-around;}
@media screen and (max-width:1200px) {
    .con .container {padding:0 20px; flex-wrap:wrap;}
}
/* con [menu] */
.menu{margin-top:30px;width:220px; flex-shrink: 0; position: relative;}
.menu ul li + li{margin-top:5px;}
.menu ul li a{font-size:17px;color:#000;font-family: 'SBA Light';display:block;padding:14px 20px;border:1px solid #cdcdcd;transition: all ease .3s;position: relative; background:#fff;}
.menu ul li a:before{content:'';width:20px;height: 20px;background: url('../images/arrw2.png') no-repeat center;position: absolute;right:20px;top:50%;margin-top:-10px;}
.menu ul li a:hover,
.menu ul li.on a{background: #1174FF;border-color: #1174FF;color:#fff;}
.menu ul li a:hover:before,
.menu ul li.on a:before{background: url('../images/arrw2-on.png') no-repeat center;}
.menu .mobile-tab {font-size:17px;font-family: 'SBA Light';display:block;padding:18px 20px;transition: all ease .3s;position: relative; width:100%; text-align:left; background: #1174FF;border-color: #1174FF;color:#fff;}
.menu .mobile-tab::after {content:''; width:20px; height:20px; background:url('../images/mobile-arrw.png') no-repeat center; position: absolute; right:20px; top:50%; margin-top:-10px; transform:rotate(90deg)}
.menu .mobile-tab{display: none;}

@media screen and (max-width:1200px) {
    .menu {width:100%;}
    .menu ul {display: flex; flex-wrap:wrap;}
    .menu ul li {width:25%; margin-top:unset !important; margin-bottom:5px; padding-right:5px;}
}
@media screen and (max-width:768px) {
    .menu {width:100%;}
    .menu .mobile-tab {display: block; font-size: 16px; margin-bottom: 1px;}
    .menu ul {position: absolute; top:100%; left:0; width:100%; z-index: 1; border:1px solid #fff; border-top:0; max-height:0px; overflow-y:auto; transition:all .3s;}
    .menu ul.on {max-height:370px; overflow-y:auto; border:1px solid #cdcdcd; border-top:0;}
    .menu ul li {width:100%; padding-right: 0; margin-bottom: 0; position: relative;}
    .menu ul li a {padding:12px 20px; font-size: 14px; border:unset;}
    .menu ul li a:before {background:url('../images/arrw-m.png') no-repeat center;}
    .menu ul li a:hover,
    .menu ul li.on a {background:#72A6EE; border-color:#72A6EE}
    .menu ul li a:hover::before,
    .menu ul li.on a::before {background:url('../images/arrw-m-on.png') no-repeat center;}

}
/* con [contents] */
.contents {margin-top: 30px; padding:0 30px; margin-bottom: 70px; width: calc(100% - 480px);}
.contents .total-title{margin-bottom:10px; padding-top:20px;}
.contents .total-title strong{font-size: 24px;color:#000;font-family: 'SBA Light';font-weight: normal;line-height: 1.4;}
.contents .total-title .key {font-family: 'SBA Medium'; color:#00A2A9;}
.contents .total-title .total-num {color:#1174FF; font-family: 'SBA Medium';}
@media screen and (max-width:1200px) {
    .contents {padding:0; margin-bottom: 50px;width: 100%;}
    
}
@media screen and (max-width:768px) {
    .contents .total-title {margin-bottom: 50px;}
    .contents .total-title strong {font-size: 18px;}
}
/* con [tab] */
.contents .con-tab{border: 10px solid #EDEFF5;padding:20px;margin-bottom: 20px;}
.contents .con-tab > ul{display: flex;flex-wrap: wrap; margin:0 -30px;}
.contents .con-tab > ul > li{width:calc(100% / 3);border-right:1px solid #ccd0d7;padding:0 30px;}
.contents .con-tab > ul > li:nth-child(3n){border-right: 0;}
.contents .con-tab > ul > li a{padding:8px 0;font-size: 16px;color:#888;font-family: 'HG Regular';display: block;position: relative;transition: all ease .3s;}
.contents .con-tab > ul > li a:after{content:'';width:26px;height: 26px;background: url('../images/cate-arrw.png') no-repeat center;position: absolute;right:0;top:50%;margin-top:-13px;transition: all ease .3s;}
.contents .con-tab > ul > li a.on,
.contents .con-tab > ul > li a:hover{color: #003378;}
.contents .con-tab > ul > li a.on:after,
.contents .con-tab > ul > li a:hover:after{background: url('../images/cate-arrw-on.png') no-repeat center;}
@media screen and (max-width:1200px) {
    .contents .con-tab > ul > li {width:calc(100% / 2); border-right:1px solid #ccd0d7 !important;}
    .contents .con-tab > ul > li:nth-child(2n) {border-right:0 !important;}
}
@media screen and (max-width:768px) {
    .contents .con-tab {display: none;}
}

/* con [result-box] */
.result-box {position: relative; margin-top: 28px; padding-bottom: 28px;}
.result-box .more {width:30px; height:30px; background:#fff url('../images/more.png') no-repeat center; position: absolute; right:0; top:0; border:1px solid #BDBDBD; display: inline-block; text-indent: -9999px;}
.result-box .more:hover { background:#005BAC url('../images/more-on.png') no-repeat center; border:1px solid #005BAC;}
/* title */
.result-title {position: relative; padding-bottom: 15px; border-bottom:1px solid #cdcdcd; margin-bottom: 20px;}
.result-title h2 {font-size: 18px; font-family: 'HG Regular'; color:#000; position: relative; display: inline-block; padding-left:14px; line-height: 28px;}
.result-title h2::before {content:''; width:6px; height:16px; background:#005BAC; border-radius:10px; position: absolute; left:0; top:6px;}
.result-title h2 strong {font-size: 14px; color:#888; font-family: 'HG Regular'; display: inline-block; margin-left: 10px;}
.result-title h2 strong span {color:#005BAC;}
@media screen and (max-width:768px) {
    .result-title {margin-bottom: 20px;}
}
/* dots-list */
.contents .dots-list li {position: relative; padding-left:18px; margin-bottom: 15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.contents .dots-list li:last-child {margin-bottom:0;}
.contents .dots-list li::before {content:''; width:8px; height:8px; background:#B0BAC5; border-radius:50%; position: absolute; left:0; top:9px; }
.contents .dots-list li a {font-size: 16px; color:#222; font-family: 'HG Regular'; background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.contents .dots-list li a:hover {background-size:100% 1px;}
@media screen and (max-width:768px) {
    .contents .dots-list li a {font-size: 14px;}
}
/* img-list */
.contents .img-list li {display: flex; margin-bottom: 30px;}
.contents .img-list li:last-child {margin-bottom: 0;}
.contents .img-list .thumb {width:225px; height:140px; flex-shrink: 0; margin-right: 15px; }
.contents .img-list .thumb img {width:100%; height: 100%; object-fit:cover;box-shadow:0 0 0 1px #ccc;}
.contents .img-list .text a {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; overflow:hidden; }
.contents .img-list .sj {font-size: 16px; font-family: 'HG Regular'; color:#222;margin-top: 12px; margin-bottom: 4px;background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s; }
.contents .img-list a:hover ~ .text .sj{background-size:100% 1px;}
.contents .img-list a:hover .sj{background-size:100% 1px;}
.contents .img-list .cn {font-size: 14px; line-height: 25px; font-family: 'HG Regular'; color:#555; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.contents .img-list .nav {font-size: 14px; color:#777; font-family: 'HG Regular'; display: inline-block; margin-top: 12px;}
.contents .img-list .date {color:#555; display: inline-block; }
@media screen and (max-width:768px) {
    .contents .img-list li {margin-bottom: 20px;}
    .contents .img-list .thumb {width:180px; height:110px;}
    .contents .img-list .text a{-webkit-line-clamp: 2; margin-top: 5px; margin-bottom: 0;}
    .contents .img-list .cn {-webkit-line-clamp: 1;}
    .contents .img-list .nav {margin-top: 0;}
    .contents .img-list .date {display: none;}
}

/* bbs-list [tab] */
.contents .tab-scroll {overflow-x:auto; width:100%; border:1px solid #ddd; margin-bottom: 25px;}
.contents .tab-scroll::-webkit-scrollbar {display: none;}
.contents .bbs-tab-wrap {position: relative;}
.contents .bbs-tab-wrap .mobile-tab {display: none; font-size:16px;font-family: 'HG Regular';padding:16px 20px;transition: all ease .3s;position: relative; width:100%; text-align:left; background: #005BAC url('../images/bbs-obj.png') no-repeat right bottom;color:#fff;}
.contents .bbs-tab-wrap .mobile-tab::after {content:''; width:20px; height:20px; background:url('../images/tab-arrw.png') no-repeat center; position: absolute; right:20px; top:50%; margin-top:-10px; }
.contents .bbs-tab-wrap .mobile-tab.on::after {transform:rotate(180deg)}
.contents .bbs-tab {position: relative; display: flex; margin:0 -2px;}
.contents .bbs-tab li {width:calc(100% / 6); text-align: center; flex-shrink: 0; height:60px; display: flex; align-items: center; justify-content: center; position: relative;}
.contents .bbs-tab li::before {content:''; width:1px; height:20px; position: absolute; background:#E4E4E4; top:50%; right:0; margin-top:-10px; z-index: -2;}
.contents .bbs-tab li:last-child::before {display:none;}
.contents .bbs-tab li button {font-size: 16px; font-family:'HG Regular'; color:#999; display: block; width:100%; height:60px; transition:all ease .3s; position: relative;}
.contents .bbs-tab li button:hover {background:#005BAC; color:#fff; }
.contents .bbs-tab li.on button { color:#fff;}
.contents .bbs-tab li.on button::before {content:''; width:100%; height:calc(100% + 2px); position: absolute; left:0; top:-1px; background-color:#005BAC; background-image:url('../images/bbs-obj.png'); background-repeat:no-repeat; background-position:center; z-index: -1;}
@media screen and (max-width:768px) {
    .contents {margin-top: 25px;}
    .contents .tab-scroll {overflow:unset; border:0;}
    .contents .bbs-tab-wrap .mobile-tab{display: block; margin-bottom: 1px;}
    .contents .bbs-tab {position: absolute; top:calc(100% + 1px); left:0; width:100%; margin:0; flex-wrap:wrap; z-index: 1; max-height:370px; overflow-y:auto; border:1px solid #fff; border-top:0; max-height:0px; overflow:hidden; transition:all .3s;}
    .contents .bbs-tab.on {max-height:370px; overflow-y:auto; border:1px solid #cdcdcd; border-top:0;}
    .contents .bbs-tab li {width:100%; height:unset;}
    .contents .bbs-tab li.on button,
    .contents .bbs-tab li button:hover {background:#005BAC; border-color: #005BAC;}
    .contents .bbs-tab li button {text-align:left; padding:13px 20px; font-size: 14px; background:#fff; color:#000; height:unset;}
    .contents .bbs-tab li button::after {content:''; position: absolute; background:url('../images/arrw-m.png') no-repeat center; right:20px; top:50%; margin-top:-10px; width:20px; height:20px;}
    .contents .bbs-tab li.on button::after , 
    .contents .bbs-tab li button:hover::after {background:url('../images/arrw-m-on.png') no-repeat center;}
    .contents .bbs-tab li.on button::before {display: none;}
}
/* bbs-list */
.contents .bbs-list {position: relative;}
.contents .bbs-list > ul {display: none;}
.contents .bbs-list > ul.on {display: block;}
.contents .bbs-list li {margin-bottom: 45px;}
.contents .bbs-list li:last-child {margin-bottom: 0;}
.contents .bbs-list a {margin-bottom: 5px; display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; overflow:hidden;}
.contents .bbs-list .sj {font-size: 16px; font-family: 'HG Regular'; color:#222;  background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.contents .bbs-list .sj:hover {background-size:100% 1px;}
.contents .bbs-list .cn {font-size: 14px; line-height: 25px; font-family: 'HG Regular'; color:#555; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.contents .bbs-list .nav {font-size: 14px; color:#777; font-family: 'HG Regular'; display: inline-block; margin-top: 12px;}
.contents .bbs-list .date {color:#555; display: inline-block; }
@media screen and (max-width:768px) {
    .contents .bbs-list li {margin-bottom: 28px;}
    .contents .bbs-list a {-webkit-line-clamp: 2; margin-bottom: 0;}
}
/* no-result */
.no-result {position: relative; background:#F7F7F7; padding:40px 30px 30px 30px;}
.no-result .bg-inner {padding-left:250px; background:url('../images/no-search.png') no-repeat left center; }
.no-result strong {font-family: 'SBA Light'; font-size: 20px; color: #000; display: block; margin-bottom: 10px;}
.no-result strong .hl {color:#005BAC;}
.no-result p {font-size: 14px; line-height: 30px; color: #333; font-family: 'HG Regular';}
.no-result p span {color:#7B001A;}
@media screen and (max-width:768px) {
    .no-result .bg-inner {padding-left:0; padding-top:190px; background-position:top center; text-align: center;}
    .no-result .bg-inner br {display: none;}
}
/* con [aside] */
.aside {width:270px; flex-shrink: 0; padding-left:20px; border-left:1px solid #cdcdcd; padding-top: 55px;}
.aside .title {display: flex; justify-content: space-between; align-items: end; margin-bottom: 14px; line-height: 1;}
.aside .title strong {font-size: 16px; color:#000; font-family: 'SBA Light';}
@media screen and (max-width:1100px) {
    .aside {width:100%; border-left:0; padding-left:0; padding-top:0; margin-bottom: 50px;}
}
/* aside [popular] */
.popular {position: relative; margin-bottom: 20px;}
.popular .title span {color:#333; font-family: 'HG Regular'; font-size: 12px;}
/* popular [popular-tab] */
.popular .popular-tab {display: flex; border:1px solid #ddd;margin-bottom: 15px;}
.popular .popular-tab li {flex:1;border-right:1px solid #ddd;}
.popular .popular-tab li:last-child {border-right:0;}
.popular .popular-tab button {font-size: 14px; color:#333; font-family: 'SBA Light'; display: block; width:100%;height:35px;  background: #F6F8FA;}
.popular .popular-tab li.on button {background:#fff;}
/* popular [popular-list] */
.popular .popular-list ul {display: none;}
.popular .popular-list ul.on {display: block;}
.popular .popular-list li {font-size: 14px; color:#666; margin-bottom: 10px;}
.popular .popular-list li:last-child {margin-bottom: 0; padding-bottom: 20px; border-bottom:1px solid #cdcdcd;}
.popular .popular-list li .rank {color:#fff; font-family: 'HG Regular'; width:20px; height:20px; border-radius:3px; font-size: 12px; letter-spacing: -.05em; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; background:#7B8590;}
.popular .popular-list li:nth-child(-n+3) .rank {background:#002870; }
/* aside [keyword-list] */
.keyword-list {position: relative;font-size: 0;}
.keyword-list li {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.keyword-list li a {font-size: 14px; color:#000; font-family: 'HG Regular'; background:#ECEEF0; display: inline-block; padding:10px 12px; border-radius:5px;}
.keyword-list .del {display: inline-block; text-indent: -9999px; background:url('../images/close.png') no-repeat center; width:8px; height:100%; margin-left: 15px; transition: background .125s cubic-bezier(0.4, 0, 0.2, 1);}
.keyword-list a:hover {background:#005BAC; color:#fff;}
.keyword-list a:hover .del {background:url('../images/close-on.png') no-repeat center;}

/* [E] con */

/***** Paging *****/
/* .pc_paging {display: block;}
.mobile_paging {display: none;}
.contents ._paging{text-align: center; margin-top:50px;}
.contents ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
.contents ._paging ._inner a,
._paging ._inner li,
._paging ._inner p,._paging ._inner span,
._paging ._inner strong,
._paging ._inner ul {float: left;}
.contents ._paging ._inner a._first,._paging ._inner a._last,
._paging ._inner a._listNext,
._paging ._inner a._listPrev,
._paging ._inner a._next,
._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
.contents ._paging ._inner a,
.contents ._paging ._inner strong {width: 36px;height: 36px;line-height: 32px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
.contents ._paging ._inner ul{display:inline-block;margin:0 10px;}
.contents ._paging ._inner ul li{float:left;margin:0 3px;}
.contents ._paging ._inner ul li a{display:inline-block;font-size:16px;width: 35px;height: 35px;line-height: 35px;text-align: center;margin: 0 1px;color:#555;font-family: 'HG Light';border-width: 0;}
.contents ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
.contents ._paging ._inner ._first{background: url(../images/arrow_first.png) center no-repeat;}
.contents ._paging ._inner ._listPrev{background: url(../images/arrow_prev.png) center no-repeat;}
.contents ._paging ._inner ._listNext{background: url(../images/arrow_next.png) center no-repeat;}
.contents ._paging ._inner ._last{background: url(../images/arrow_last.png) center no-repeat;}
.contents ._paging ._inner li strong{background-color: #99a2b2 !important;border-color: #99a2b2 !important;color: #fff;border-radius: 50%;border-radius:50%;}
.contents ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (max-width:767px){
  .pc_paging {display: none;}
  .mobile_paging {display: block;}
  .contents ._paging ._inner ul li{margin:0;}
  .contents ._paging ._inner ul li a,
  .contents ._paging ._inner strong{width:30px; height:30px; font-size:13px; line-height: 30px;}
} */
/* [E] paging */


/***** Paging *****/
.pc_paging {display: block;}
.mobile_paging {display: none;}
.contents ._paging{text-align: center;}
.contents ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
.contents ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
.contents ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
.contents ._paging ._inner a,.contents ._paging ._inner strong {width: 35px;height: 35px;line-height: 35px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
.contents ._paging ._inner ul{display:inline-block;margin:0 10px;}
.contents ._paging ._inner ul li{float:left;margin:0 2px;}
.contents ._paging ._inner ul li a{background-color: #F5F5F5 !important;border:none !important; color: #fff;border-radius:5px; color:#555; font-family: 'HG Regular'; position: relative;}
.contents ._paging ._inner ul li a:hover {background:#e2e2e2 !important;}
.contents ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
.contents ._paging ._inner ._first{background: url(../images/first-page.png) center no-repeat; width:30px; border:none;}
.contents ._paging ._inner ._prev{background: url(../images/prev-page10.png) center no-repeat; width:30px; border:none;}
.contents ._paging ._inner ._listPrev{background: url(../images/prev-page.png) center no-repeat; width:30px; border:none;}
.contents ._paging ._inner ._listNext{background: url(../images/next-page.png) center no-repeat; width:30px; border:none;}
.contents ._paging ._inner ._next{background: url(../images/next-page10.png) center no-repeat; width:30px; border:none;}
.contents ._paging ._inner ._last{background: url(../images/last-page.png) center no-repeat; width:30px; border:none;}
.contents ._paging ._inner li strong{border:none !important; border-radius:5px; background:#0066b3; color:#fff; font-family: 'HG Medium';}
.contents ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (max-width:767px){
    .pc_paging {display: none;}
    .mobile_paging {display: block;}
	._fnctWrap ._paging ._inner ._pageState {display: block; font-size: 18px; font-family: 'HG Regular'; color:#121212; line-height: 35px;}
	._fnctWrap ._paging ._inner ._curPage {position: relative; color:#1265d3;}
	._fnctWrap ._paging ._inner ._curPage::after {content:'/'; display:inline-block; margin:0 5px; color:#121212; font-family: 'HG Regular'; }
	._fnctWrap ._paging ._inner ul {display: none;}
	._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}

/* [접근성] 스킨네비게이션 */
.skip-navi {position: relative;}
.skip-navi a {display:block; position: absolute; left: 0; top: -200px; z-index:1200; width:100%; padding: 10px 0; background:#002c77; border:0 none; text-align:center;  color:#fff !important; }
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {top:0; font-size:15px; font-weight:bold; border-bottom:1px solid #fff; line-height:1.5;}