@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*******************************************************************
font
********************************************************************/
@font-face { font-family: "NanumBarunGothic"; font-style: normal; font-weight: 300; src: url("../fonts/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothicLight.woff2") format("woff2"), url("../fonts/NanumBarunGothicLight.woff") format("woff"), url("../fonts/NanumBarunGothicLight.ttf") format("truetype"), url("../fonts/NanumBarunGothicLight.svg#NanumBarunGothic") format("svg"); }

@font-face { font-family: "NanumBarunGothic"; font-style: normal; font-weight: 400; src: url("../fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothic.woff2") format("woff2"), url("../fonts/NanumBarunGothic.woff") format("woff"), url("../fonts/NanumBarunGothic.ttf") format("truetype"), url("../fonts/NanumBarunGothic.svg#NanumBarunGothic") format("svg"); }

@font-face { font-family: "NanumBarunGothic"; font-style: normal; font-weight: 700; src: url("../fonts/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothicBold.woff2") format("woff2"), url("../fonts/NanumBarunGothicBold.woff") format("woff"), url("../fonts/NanumBarunGothicBold.ttf") format("truetype"), url("../fonts/NanumBarunGothicBold.svg#NanumBarunGothic") format("svg"); }

@font-face { font-family: "Nanum Square"; font-style: normal; font-weight: 400; src: url("../fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumSquareR.woff2") format("woff2"), url("../fonts/NanumSquareR.woff") format("woff"), url("../fonts/NanumSquareR.ttf") format("truetype"), url("../fonts/NanumSquareR.svg#Nanum Square") format("svg"); }

@font-face { font-family: "Nanum Square"; font-style: normal; font-weight: 700; src: url("../fonts/NanumSquareB.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumSquareB.woff2") format("woff2"), url("../fonts/NanumSquareB.woff") format("woff"), url("../fonts/NanumSquareB.ttf") format("truetype"), url("../fonts/NanumSquareB.svg#Nanum Square") format("svg"); }

/*******************************************************************
default
********************************************************************/
html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button { font-family: "NanumBarunGothic", "나눔바른고딕", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #5d5d5d; letter-spacing: -.15px; }

html, body { height: 100%; min-width: 320px; position: relative; }

input[type=button], input[type=text], input[type=image], input[type=submit], textarea, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

/* IE6 */
:first-child + html .clearFix { zoom: 1; }

/* IE7 */
.hide, .blind, caption, legend { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

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

* html .clearFix { zoom: 1; }

/*******************************************************************
common
********************************************************************/
html { font-size: 62.5%; background-color: #fff; }

/* Form */
button { overflow: visible; width: auto; margin: 0; padding: 0; border: none; background: none; }

input::-ms-clear { display: none; }

textarea { resize: none; }

a:link, a:visited, a:active, a:hover { text-decoration: none; cursor: pointer; }

* { box-sizing: border-box; }

.row { clear: both; margin: 0; padding: 0; }

.skipnav a { position: absolute; top: -9999em; z-index: 9999; width: 100%; background-color: #013874; font-weight: bold; color: #fff; text-align: center; }

.skipnav a:hover, .skipnav a:active, .skipnav a:focus { top: 0; padding: 12px 0; color: #fff; }

.container { max-width: 1300px; padding: 0 15px; }

.br { display: block; }

.fl { float: left; }

.fr { float: right; }

.mb1 { margin-bottom: 1em; }

.mb2 { margin-bottom: 2em; }

/*******************************************************************
layout
********************************************************************/
#wrap { pointer-events: auto; }

#content { width: 70%; float: left; margin-top: 1em; }

.search-header { position: relative; border-bottom: 2px solid #aaa; height: 95px; margin-bottom: 2px; }

.search-header::after { clear: both; content: ""; display: table; }

.content-body { position: relative; margin-bottom: 70px; }

.content-body::after { content: ''; display: table; clear: both; }

.content-aside { width: 23%; float: right; }

/*******************************************************************
header
********************************************************************/
#header { position: static; width: 100%; height: 59px; background-color: #0084ff; z-index: 100; margin-bottom: 2.5em; }

#header .container { text-align: center; position: relative; }

#header .logo { float: left; display: inline-block; vertical-align: middle; padding: 10px 0 0 0; margin-right: 9%; }

#header .logo a { display: block; }

#header .logo a img { max-width: 100%; height: 37px; }

@media screen and (max-width: 1024px) { #header .logo a img { height: 30px; } }

#gnb { margin: 0 -1.5%; width: 60%; float: left; display: inline-block; word-wrap: normal; word-break: break-all; white-space: nowrap; }

#gnb #topmenu { display: table; width: 100%; }

#gnb li { display: table-cell; margin: 0 2%; }

#gnb li a { color: #fff; display: block; height: 59px; font-size: 18px; color: #fff; line-height: 59px; padding: 0 10px; }

#gnb li:hover, #gnb li:focus { background-color: #f07f1f; }

.dot-menu { float: right; margin-top: 11px; }

@media screen and (max-width: 1024px) { .dot-menu { margin: 6px 47px 0 0; } }

.dot-menu > ul > li { float: left; font-size: 12px; line-height: 34px; }

.dot-menu > ul > li:nth-child(1) { margin: 0 5px; }

.dot-menu > ul > li a { color: #787878; }

.dot-menu > ul > li a:hover { color: #268fe7; }

.dot-menu > ul > li.util h3 { float: left; font-size: 12px; margin-right: 10px; }

.dot-menu > ul > li.util button { float: left; cursor: pointer; margin: 0; width: 36px; height: 36px; border: 1px solid #d9d9d9; }

.dot-menu > ul > li.util button.btn-font-minus { background: #fff url(../images/common/btn_font_minus.png) 50% 50% no-repeat; border-right: 0; }

.dot-menu > ul > li.util button.btn-font-plus { background: #fff url(../images/common/btn_font_plus.png) 50% 50% no-repeat; }

.dot-menu > ul > li.util button span { overflow: hidden; display: block; position: fixed; top: -1000px; left: 0; width: 1px; height: 1px; }

.select-box.lang { position: relative; width: 100%; height: 36px; border: 1px solid #ccc; box-sizing: border-box; background-color: #fff; }

.select-box.lang.__open-select .btn-select-title:after { content: '\f106' !important; }

.select-box.lang.__open-select ul { opacity: 1; visibility: visible; }

.select-box.lang .select-title { display: block; }

.select-box.lang .select-title .btn-select-title { width: 100%; height: 34px; line-height: 34px; padding: 0px 25px 0px 10px; font-size: 16px; font-weight: 700; cursor: pointer; position: relative; }

.select-box.lang .select-title .btn-select-title:after { position: absolute; right: 7px; content: '\f107'; }

.select-box.lang ul { display: block; visibility: hidden; position: absolute; right: 0; left: 0; margin: 0 -1px; padding: 5px 0; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 500; background-color: #fff; border: 1px solid #ccc; border-top: none; }

.select-box.lang ul li { display: block; }

.select-box.lang ul li.on a, .select-box.lang ul li a:hover { font-weight: 700; }

.select-box.lang ul li a { display: block; padding: 5px 0px; font-size: 16px; font-weight: 400; color: #464646; line-height: 1.1; }

.header-menu { margin: 28px 0 0 0; float: right; }

.header-menu li { display: inline-block; margin: 0 0 0 12px; }

.header-menu li a { color: #fff; font-size: 13px; display: block; padding: 10px 0; }

/*******************************************************************
Slick
********************************************************************/
/* slick slider setting */
.slick-dotted.slick-slider { margin: 0; }

.slick-dots { bottom: 70px; opacity: 1; }

.slick-dots li { width: auto; height: 20px; margin: 0 3px; }

.slick-dots li button { display: block; width: 20px; height: 20px; border-radius: 20px; background-color: #fff; line-height: 20px; content: ''; opacity: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.slick-dots li button.btn-slider-play { width: 14px; background: url(../images/common/slider_controls.png) 0 0 no-repeat; vertical-align: middle; background-position: -50px 2px; border-radius: 0; }

.slick-dots li button.btn-slider-play:hover { width: 14px; background-color: transparent; }

.slick-dots li button.btn-slider-stop { width: 14px; background: url(../images/common/slider_controls.png) 0 0 no-repeat; vertical-align: middle; background-position: 2px 2px; border-radius: 0; }

.slick-dots li button.btn-slider-stop:hover { width: 14px; background-color: transparent; }

.slick-dots li button:hover { width: 41px; background-color: #4aacff; }

.slick-dots li button::before { display: none; }

.slick-dots li.slick-active button { width: 41px; background-color: #4aacff; }

.ico-video { position: relative; }

.ico-video::after { position: absolute; opacity: 0.5; content: ''; display: block; left: 50%; top: 50%; width: 70px; height: 70px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; background: url(../images/common/ico_video.png) 0 0 no-repeat; background-size: 100% auto; }

.ico-video:hover::after { opacity: 1; }

/*******************************************************************
Sub
********************************************************************/
.search-box-wrap { vertical-align: middle; }

.search-box-wrap h2 { font-size: 22px; font-weight: bold; display: inline-block; margin-right: 1em; vertical-align: top; height: 40px; line-height: 40px; }

.search-box-wrap .search-form { display: inline-block; }

.search-box-wrap .search-box { text-align: left; position: relative; }

.search-box-wrap .search-box .btn-search { font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 5px; right: 5px; z-index: 1; cursor: pointer; }

.search-box-wrap .search-box .btn-search:before { content: "\e618"; display: inline-block; font-size: 30px; font-weight: bold; }

.search-box-wrap .search-box-inner { width: 480px; }

.search-box-wrap .search-box-inner input[type=text] { width: 100%; font-size: 15px; height: 40px; padding: 0 35px 0 5px; background: #eff4f7; border: 1px solid #d0dce3; border-radius: 4px; box-sizing: border-box; }

.search-box-wrap .search-box-inner > i { cursor: pointer; position: absolute !important; top: 6px !important; left: inherit !important; right: 33px !important; }

.search-box-wrap .search-check-box { position: absolute; top: 12px; right: -105px; font-size: 13px; color: #333; white-space: nowrap; }

.search-box-wrap .search-check-box input[type=checkbox] { margin-right: 5px; vertical-align: middle; }

.search-box-wrap .search-check-box label { position: static !important; font-size: 13px !important; color: #333 !important; }

.search-box-wrap .search-related { float: right; margin: 11px 0 0 0; vertical-align: middle; }

.search-box-wrap .search-related h3 { font-size: 16px; font-weight: bold; display: inline-block; margin-right: 1em; }

.search-box-wrap .search-related ul { display: inline-block; }

.search-box-wrap .search-related li { display: inline-block; margin: 0 5px; }

.search-box-wrap .search-related li a { color: #0084ff; vertical-align: middle; }

.search-nav-wrap { margin-top: 2em; margin-bottom: 1em; position: relative; }

.search-nav-wrap .search-nav { float: left; display: inline-block; word-wrap: normal; word-break: break-all; white-space: nowrap; }

.search-nav-wrap .search-nav ul { margin: 0 -3%; }

.search-nav-wrap .search-nav ul li { display: inline-block; margin: 0 3%; }

.search-nav-wrap .search-nav ul li a { font-size: 15px; font-weight: bold; color: #444; }

.search-nav-wrap .search-nav ul li a:hover:after, .search-nav-wrap .search-nav ul li a.active:after { content: ''; clear: both; display: block; margin-top: 9px; border-bottom: 4px solid #f07f1f; }

.search-nav-wrap .search-option { position: absolute; right: 0px; top: -8px; width: 490px; margin: 0; }

.search-nav-wrap .search-option .btn-search-option { cursor: pointer; border: 1px solid #c9c9c9; padding: 2px 3px 2px 12px; border-radius: 28px; }

.search-nav-wrap .search-option .btn-search-option i { font-size: 22px; vertical-align: middle; }

.search-nav-wrap .search-option .btn-search-option:hover { background-color: #f4f4f4; }

.search-nav-wrap .search-option .search-option-menu { display: none; position: absolute; margin: -24px 0 0 111px; }

.search-nav-wrap .search-option .search-option-menu > li { display: inline-block; position: relative; margin: 0 15px; }

.search-nav-wrap .search-option .search-option-menu > li .btn-sch-more { cursor: pointer; }

.search-nav-wrap .search-option .search-option-menu > li .btn-sch-more i { font-size: 20px; }

.search-nav-wrap .search-option .search-option-menu > li:last-child .more-layer { right: 0; }

.search-nav-wrap:after { display: table; content: ''; clear: both; }

.mmenu-overlay { background: rgba(0, 0, 0, 0.6); position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

/* Menu button */
.menu-button { visibility: hidden; position: absolute; top: 20px; z-index: 1000; width: 24px; height: 24px; padding: 20px 16px; border: none; background: transparent; cursor: pointer; outline: none; }

.menu-button::before, .menu-button::after, .menu-button span { background: #fff; }

.menu-button::before, .menu-button::after { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; content: ''; pointer-events: none; -webkit-transition: transform .25s; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; transition: transform 0.25s,-webkit-transform .25s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.menu-button span { overflow: hidden; position: absolute; left: 0; width: 100%; height: 2px; font-size: 0; text-indent: 200%; -webkit-transition: opacity .25s; transition: opacity .25s; }

.menu-button::before { -webkit-transform: translate3d(0, -10px, 0) scale3d(1, 1, 1); transform: translate3d(0, -10px, 0) scale3d(1, 1, 1); }

.menu-button::after { -webkit-transform: translate3d(0, 10px, 0) scale3d(1, 1, 1); transform: translate3d(0, 10px, 0) scale3d(1, 1, 1); }

.__open-mmenu .menu-button span { opacity: 0; }

.__open-mmenu .menu-button::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }

.__open-mmenu .menu-button::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

.__open-mmenu .mmenu-overlay { visibility: visible; opacity: 1; }

/* more-layer */
.more-btn .more-layer { display: none; left: 0px; top: 39px; width: 130px; }

.more-layer { display: none; position: absolute; z-index: 10; border: 1px solid #bbb; box-shadow: 1px 3px 8px #ddd; padding: 10px; background: #fff; min-width: 90px; }

.more-input { border-top: 1px solid #ddd; }

.more-input p { font-size: 12px; padding: 5px 0px 2px 3px; }

.more-input input { border: 1px solid #ccc; background: #eeeeee; padding: 5px; min-height: 30px; margin: 4px 0px; border-radius: 3px; display: block; }

.more-input button { margin-top: 15px; border-radius: 3px; background: #008dd2; color: #fff; font-weight: 700; height: 30px; width: 100%; cursor: pointer; }

.more-layer .more-menu li { float: none; line-height: 27px; }

.more-layer .more-menu li a { padding: 15px 0px; font-size: 13px; color: #666; }

.more-layer .more-menu li a:hover { color: #0084ff; text-decoration: none; }

.btn-mobile-open, .btn-mobile-close { display: none; }

.btn-more { position: absolute; top: 0; color: #0084ff; right: -6px; vertical-align: middle; display: inline-block; }

.btn-more i:before { font-size: 22px; height: 20px; margin: -4px 0 0; line-height: 20px; display: inline-block; vertical-align: middle; }

.btn-sort-wrap { position: absolute; top: 0; color: #0084ff; right: -6px; }

.btn-sort-wrap a.up { color: #0084ff; }

.btn-sort-wrap a { color: #f07f1f; }

.btn-sort-wrap a i { font-size: 20px; }

/* paging */
.paging { text-align: center; margin-top: 35px; margin-bottom: 15px; }

.paging > a { display: inline-block; min-width: 28px; height: 28px; font-family: Tahoma; line-height: 30px; border: 1px solid #fff; vertical-align: middle; color: #333; font-size: 12px; font-weight: 700; }

.paging > a.active { border: 1px solid #00c; color: #00c; }

.paging > span { display: inline-block; width: 50px; height: 28px; border: 1px solid #ebecee; }

.paging > span.prev-btn { margin-right: 25px; }

.paging > span.next-btn { margin-left: 10px; }

.paging span a { color: #959595; text-align: center; display: inline-block; width: 50px; font-size: 12px; vertical-align: middle; height: 28px; line-height: 28px; }

.paging span a:hover { text-decoration: none; }

.paging span a span.prev-ico, .paging span a span.next-ico { font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-size: 26px; height: 28px; text-transform: none; line-height: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.paging span a span.prev-ico:before { content: "\e684"; }

.paging span a span.next-ico:before { content: "\e684"; }

/* list type */
.lst-type-wrap { clear: both; border-bottom: 1px solid #ccc; padding-bottom: 10px; position: relative; }

.lst-type-wrap h3 { font-size: 18px; font-weight: 700; margin: 1.3em 0 1.5em; }

.lst-type-wrap h3 .lst-count { font-size: 15px; line-height: 14px; font-weight: 400; color: #777; display: inline-block; border-left: 1px solid #ddd; margin-left: 10px; padding-left: 10px; }

.lst-type-wrap:after { content: ""; display: block; clear: both; }

.lst-type-thumb > li { padding: 0px 0px; min-height: 0px; margin-bottom: 1.8em; }

.lst-type-thumb li .thumb-pic { float: left; margin-right: 17px; position: relative; }

.lst-type-thumb li .thumb-pic img { width: 80px; height: 80px; position: relative; }

.lst-type-thumb li .thumb-pic > span.m-btn { position: absolute; left: 1px; bottom: 1px; z-index: 1; width: 30px; height: 30px; background-position: -3px -47px; }

.lst-type-thumb li dl { overflow: hidden; color: #777; font-size: 13px; margin-bottom: 20px;}

.lst-type-thumb li dl dt { font-size: 13px; }

.lst-type-thumb li dl dt .infor-open { font-size: 13px; }

.lst-type-thumb li dl dt a { font-size: 15px; font-weight: bold; display: inline; line-height: 1.2; color: #333; }

.lst-type-thumb li dl dt a .sch-strong { font-size: 15px; }

.lst-type-thumb li dl dt span { display: inline-block; color: #666; margin-left: 15px; font-size: 12px; }

.lst-type-thumb li dl dd { margin-top: 7px; line-height: 1.5; }

.lst-type-thumb li dl dd .sch-strong { font-size: 13px; }

.lst-type-thumb li dl dd.file { position: relative; }

.lst-type-thumb li dl dd.file .file-span { font-size: 13px; margin-left: 1em; color: #717171; }

.lst-type-thumb li dl dd.file > a { color: #666; text-decoration: none; }

.lst-type-thumb li dl dd.file a.file-list-open { color: #666; text-decoration: none; position: absolute; right: 0px; top: 0px; z-index: 0; }

.lst-type-thumb li dl dd.file a.file-list-open .up { width: 6px; height: 3px; margin: -4px 0px 0px 5px; background-position: -55px -33px; }

.lst-type-thumb li dl dd.file a.file-list-open .down { width: 6px; height: 3px; margin: -4px 0px 0px 5px; background-position: -55px -30px; }

.lst-type-thumb li dl dd.file-lst { display: none; border: 1px solid #f1f1f1; background: #f8f8f8; padding: 8px 0px 3px 10px; }

.lst-type-thumb li dl dd.file-lst li { min-height: 25px; display: block; margin: 3px 0; }

.lst-type-thumb li dl dd.file-lst li a:hover { text-decoration: none; }

.lst-type-thumb li dl dd.file-lst li a:hover i.file-ico { display: inline-block; }

.lst-type-thumb li dl dd.file-lst li a i.file-ico { display: inline-block; width: 60px; height: 18px; border-radius: 2px; text-align: center; background: #fff; vertical-align: middle; margin-left: 5px; }

.lst-type-thumb li dl dd.file-lst li strong { font-size: 13px; display: inline-block; margin-right: 3em; }

.lst-type-thumb li dl dd.info-tit { color: #666; }

.lst-type-thumb li dl dd.info-tit a { color: #00c; text-decoration: underline; }

.lst-type-thumb li dl dd.date { color: #333; }

.lst-type-thumb li .thumb-video { float: left; margin-right: 17px; position: relative; /*1*/ }

.lst-type-thumb li .thumb-video img { width: 128px; height: 80px; position: relative; }

.lst-type-thumb li .thumb-video > span.m-btn { position: absolute; left: 1px; bottom: 1px; z-index: 1; width: 30px; height: 30px; background-position: -3px -47px; }

.lst-type-menu li { padding: 0; min-height: 0px; margin-bottom: 1.8em; }

.lst-type-menu li a { color: #333; font-size: 15px; }

.lst-type-menu li a:hover { text-decoration: underline; }

.lst-type-file li { padding: 0; min-height: 0px; margin-bottom: 1.8em; }

.lst-type-file li dt { display: inline-block; }

.lst-type-file li dt strong { font-weight: bold; }

.lst-type-file li dt i { font-size: 21px; margin-top: -2px; color: #999; }

.lst-type-file li dd.file { display: inline-block; margin-left: 2em; }

.lst-type-file li dd.link-info { display: block; clear: both; }

.link-info, .link-info a { color: #f07f1f; line-height: 1.2; font-size: 12px; }

.file-list-view, .file-list-down { font-size: 12px; display: inline-block; border-radius: 20px; line-height: 20px; box-sizing: border-box; padding: 0 8px; }

.file-list-view i, .file-list-down i { font-size: 15px; font-weight: bold; vertical-align: middle; margin-left: 5px; }

.file-list-view { background-color: #0084ff; border: 1px solid #519ee6; color: #fff; }

.file-list-view:hover { background-color: #016dd2; }

.file-list-down { background-color: #fff; border: 1px solid #ccc; color: #717171; }

.file-list-down i { color: #0084ff; }

.file-list-down:hover { background-color: #f4f4f4; }

.file-list-open { cursor: pointer; color: #0084ff; font-size: 13px; height: 20px; overflow: hidden; border: none; }

.file-list-open i:before { font-size: 22px; height: 20px; line-height: 20px; }

/* 동영상 및 이미지 */
.lst-type-mi { margin: 10px -2% 0px; width: 100%; }

.lst-type-mi:after { content: ""; display: block; clear: both; }

.lst-type-mi.video .mi-inner > a.title:before { content: "\e624"; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-size: 40px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 100px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; top: 0; bottom: 0; width: 100%; height: 100%; clear: both; display: block; background-color: rgba(0, 0, 0, 0.3); color: #fff; vertical-align: middle; text-align: center; }

.lst-type-mi li { float: left; margin: 0px 2% 20px; }

.lst-type-mi .mi-inner { font-size: 12px; width: 160px; }

.lst-type-mi .mi-inner > a { position: relative; z-index: 0; display: block; width: 160px; height: 100px; overflow: hidden; }

.lst-type-mi .mi-inner > a img { display: block; width: 160px; height: 100px; }

.lst-type-mi .mi-inner > a span.movie-pic { display: block; width: 160px; height: 100px; }

.lst-type-mi .mi-inner > a .m-btn { position: absolute; left: 5px; bottom: 5px; z-index: 1; width: 30px; height: 30px; background-position: -3px -47px; }

.lst-type-mi .mi-inner > a .m-time { position: absolute; right: 0px; bottom: 0px; z-index: 1; width: 38px; height: 20px; background: #000; text-align: center; color: #fff; line-height: 19px; }

.lst-type-mi .mi-inner dl { margin-top: 10px; }

.lst-type-mi .mi-inner dl dt a { display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; margin-bottom: 10px; font-weight: bold; }

.lst-type-mi .mi-inner dl dt a:hover { text-decoration: underline; }

.lst-type-mi .mi-inner dl dd.date { color: #888; margin-top: 3px; }

.lst-type-mi .mi-inner dl dd.mark { color: #1c853a; margin-top: 3px; }

.ico-pe-angle { font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: inline-block; vertical-align: middle; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico-pe-angle:before { content: "\e688"; }

.up .ico-pe-angle:before { content: "\e682"; }

.sch-strong { font-weight: bold; color: #f07f1f; }

.table-responsive { margin-top: 10px; overflow-x: hidden; overflow-y: auto; margin-bottom: 1.8em; }

.table-responsive .table { width: 100%; min-width: 900px; font-size: 14px; overflow: hidden; }

.table-responsive .table thead th { border-top: 2px solid #666; border-bottom: 1px solid #666; padding: 10px; font-weight: bold; vertical-align: middle; background-color: #f7f7f7; }

.table-responsive .table tbody td { border-bottom: 1px solid #ccc; padding: 10px; vertical-align: middle; text-align: center; }

.table-responsive .table tbody td a { color: #0084ff; }

.table-responsive .table tbody td a:hover { text-decoration: underline; }
/*SNS - img*/
.lst-type-thumb .mi-inner { font-size: 12px; width: 160px;float: left;margin-right: 10px;}
.lst-type-thumb .mi-inner > a { position: relative; z-index: 0; display: block; width: 160px; height: 100px; overflow: hidden;}
.lst-type-thumb .mi-inner > a img { display: block; width: 160px; height: 100px;}
.lst-type-thumb .bodyNone { margin-bottom: 88px;}
/*navigation*/
.contents_top_category { position: relative; overflow: hidden; padding: 17px 0px; border-bottom: 1px solid #d4d4d4;border-top: 1px solid #d4d4d4; margin-top: 18px;}
.contents_top_category .sr_category {  padding-bottom: 15px; }
.contents_top_category .sr_category dt { margin-bottom: 12px; padding-left: 0; font-weight: bold; font-size: 16px; color: #000;}
.contents_top_category .sr_category dd { float: left; width: 100%; margin: 5px 0 5px 11px;}
.contents_top_category .sr_category dd ul li{ float: left; width: 155px; margin: 5px 0 0 11px;}
.contents_top_category .sr_category dd ul li a{ color: #666;}
/*search_none*/
#main_tab_box { margin-top: 30px; padding: 20px 0;}
#main_tab_box .left_bx { overflow: hidden; float: left; width: 25%; height: 250px; margin: 0; padding: 0px 0 0 0;}
#main_tab_box .none_box { float: left; width: 75%; padding: 20px 0 10px 13px;}
#main_tab_box .none_box dl dt {display: block; font-size: 21px; line-height: 47px; color: #444444; font-weight: 600;}
#main_tab_box .none_box dl dd { margin: 0 0 0 3px; font-size: 1.1em;}
#main_tab_box .none_box dl dd p { line-height: 23px;}
#main_tab_box .con_msg {float: right;}
#main_tab_box .con_msg .title{display: block; font-size: 1.2em; line-height: 47px; color: #444444;}
#main_tab_box ul { margin: 0 0 0 3px; font-size: 1.1em;}
#main_tab_box ul li { line-height: 23px;}
#main_tab_box ul .left { float: left;padding-right: 30px;}

/* keyword */
.keyword-wrap { position: relative; margin-top: 2.5em; }

.keyword-wrap h3 { font-weight: bold; font-size: 16px; padding-bottom: 0.5em; margin-bottom: 0.7em; border-bottom: 1px solid #ccc; }

.keyword-wrap.new { border-bottom: 0px; }

.keyword-wrap:after { content: ""; display: block; clear: both; }

.keyword-wrap .mykeyword li { height: 24px; }

.keyword-wrap .mykeyword li a { font-size: 13px; display: inline-block; vertical-align: middle; padding: 0px 10px 0px 0px; text-overflow: ellipsis; white-space: nowrap; float: left; overflow: hidden; max-width: 215px; line-height: 1.1; }

.keyword-wrap .mykeyword li a:hover { color: #000; text-decoration: underline; }

.keyword-wrap .mykeyword li .btn { display: inline-block; vertical-align: middle; margin: -4px 0 0; padding: 0; width: 20px; height: 20px; line-height: 20px; overflow: hidden; border: none; cursor: pointer;}

.keyword-wrap .mykeyword li .btn span { font-size: 0; text-indent: -999em; }

.keyword-wrap .mykeyword li .btn:before { font-size: 20px; }

.lst-keyword { overflow: hidden; clear: both; }

.lst-keyword li { position: relative; padding: 2px 0px; height: 24px; color: #000; }

.lst-keyword li span.number { position: absolute; left: 0px; top: 3px; z-index: 1; display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 15px; font-weight: 700; margin-right: 10px; border: 1px solid #c3c3c3; background: #fff; color: #666; font-weight: normal; font-size: 11px; }

.lst-keyword li.active span.number { border: 1px solid #c3c3c3; background: #dcdcdc; color: #000; }

.lst-keyword li a { display: block; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 50px 0px 27px; font-size: 13px; font-weight: 400; }

.lst-keyword li a:hover { color: #000; text-decoration: underline; }

.lst-keyword li .right-side { position: absolute; right: 0px; top: 1px; z-index: 1; width: 35px; height: 10px; text-align: center; }

.lst-keyword li .right-side .new { font-family: "맑은 고딕", "Malgun Gothic"; font-size: 10px; color: #f00; }

.lst-keyword li .right-side .equal { font-family: "맑은 고딕", "Malgun Gothic"; font-size: 15px; color: #555; }

.lst-keyword li .right-side .ico { display: inline-block; width: 7px; height: 8px; background-image: url(../images/common/ico-set.png); background-repeat: no-repeat; }

.lst-keyword li .right-side .ico.up { background-position: -98px -15px; }

.lst-keyword li .right-side .ico.down { background-position: -98px -7px; }

.lst-keyword li .close-btn { display: inline-block; width: 13px; height: 13px; background: url(../images/main/ico-set.png) no-repeat -70px -29px; margin-bottom: 4px; }

.lst-keyword.count li a { padding: 3px 10px 0px 27px; }

.lst-keyword.count li a strong { font-size: 13px; }

.lst-keyword-menu { margin-bottom: 13px; }

.lst-keyword-menu:after { content: ""; display: block; clear: both; }

.lst-keyword-menu.new li { float: left; width: 50%; }

.lst-keyword-menu li { float: left; width: 25%; }

.lst-keyword-menu li a { display: block; width: auto; height: 22px; line-height: 22px; border: 1px solid #cccccc; font-size: 12px; color: #666; text-align: center; margin-left: -1px; }

.lst-keyword-menu li a.active { background: #dcdcdc; border: 1px solid #cccccc; color: #000; }

/* auto-search */
.auto-search { display: none; position: absolute; left: 0; top: 39px; z-index: 11; width: 500px; min-height: 10px; border: 1px solid #3599d5; background: #fff; }

.auto-search .column-left { float: left; width: 500px; padding-bottom: 0px; border-right: 1px solid #e6e6e6; }

.auto-search .column-left:after { content: ""; display: block; clear: both; }

.auto-search .column-left .auto-lst { margin: 5px 0px 2px 0px; }

.auto-search .column-left .auto-lst li { font-size: 13px; padding: 1px 0px 1px 10px; }

.auto-search .column-left .auto-lst li a { color: #666; padding: 3px; display: inline-block; }

.auto-search .column-left .auto-lst li a:hover { background: #f5f5f5; }

.auto-search .column-left .auto-lst li a strong { color: #222; font-weight: bold; font-size: 13px; }

.auto-search .column-left .auto-lst span { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }

.auto-search .column-right { float: right; width: 0px; overflow: hidden; }

.auto-search .column-right .auto-url { margin: 0px 0px 0px 0px; }

.auto-search .column-right .auto-url li { font-size: 12px; padding: 5px 4px; height: 14px; }

.auto-search .column-right .auto-url li a { color: #348f15; text-decoration: none; }

.auto-search .column-right .auto-url li a span { display: block; margin-top: 4px; font-size: 12px; color: #666; }

.column-bottom { clear: both; border-top: 1px solid #eeeeee; height: 27px; background: #f5f5f5; text-align: right; }

.column-bottom a { display: inline-block; padding: 0px 10px; background: url(../../assets/images/main/bg-lst-line.gif) no-repeat right center; color: #888; line-height: 26px; font-size: 12px; }

.column-bottom a:last-child { background: none; }

/* detail-box */
.detail-box { position: relative; width: 280px; }

.detail-box .detail-input > input { border: 1px solid #008dd2; background: #fff; padding: 7px 5px 5px 5px; min-height: 35px; border-radius: 3px; display: block; font-size: 14px; color: #333; font-weight: 700; width: 100%; box-sizing: border-box; }

.detail-box dl { margin: 8px 0px; line-height: 25px; }

.detail-box dl dt { font-size: 12px; color: #666; float: left; width: 50%; }

.detail-box dl dd { overflow: hidden; width: 50%; }

.detail-box dl dd input { border: 1px solid #cccccc; background: #fff; padding: 3px; border-radius: 2px; font-size: 11px; color: #666; width: 100%; vertical-align: top; height: 25px; }

.detail-info { clear: both; margin-top: 20px; font-size: 11px; color: #008dd2; }

.detail-btn-set { margin-top: 20px; text-align: center; }

.detail-btn-set button { display: inline-block; width: 100px; height: 30px; margin: 0px 3px; color: #fff; font-size: 13px; text-align: center; border-radius: 3px; cursor: pointer; }

.detail-btn-set button.blue { background: #008dd2; font-weight: 700; }

.detail-btn-set button.gray { background: #aaaaaa; }

/*******************************************************************
** Media Query
********************************************************************/
@media screen and (max-width: 1530px) { .br { display: inline; } }

@media screen and (max-width: 1315px) { #header { margin-bottom: 2em; }
  .search-box-wrap .search-related { display: block; float: none; margin-left: 120px; margin-top: 8px; }
  .search-nav-wrap { text-align: left; margin-top: 1.5em; margin-bottom: 0.8em; }
  .search-nav-wrap .search-option { position: static; display: block; clear: both; padding-top: 8px; }
  .search-header { height: 112px; text-align: center; margin-bottom: 15px; } }

/* Mobile (max-width sort) */
@media screen and (max-width: 1024px) { html { font-size: 58%; }
  .search-box-wrap .search-related { margin-left: 0; }
  .search-box-wrap h2 { display: none; }
  #header { height: 48px; }
  #header .logo { margin: 0; width: 100px; }
  #header .rsite { margin-right: 50px; }
  #header .rsite li a { margin-top: 17px; font-size: 14px; font-size: 1.4rem; }
  #header .menu-button { visibility: visible; top: 3px; right: 15px; }
  #gnb { visibility: hidden; opacity: 0; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
  #gnb { box-sizing: border-box; position: fixed; top: 0; bottom: 0; right: -600px; overflow-x: hidden; overflow-y: auto; width: 50%; max-width: 200px; background: rgba(35, 35, 35, 0.9); visibility: hidden; opacity: 0; -webkit-transition: right 0.6s, opacity 0.3s; transition: right 0.6s, opacity 0.3s; }
  .__open-mmenu #gnb { opacity: 1; right: 0; visibility: visible; right: 0; margin: 0; z-index: 20; }
  .__open-mmenu #gnb #topmenu { display: block; margin-top: 3em; width: 100%; }
  .__open-mmenu #gnb li { display: block; margin: 0 2%; }
  .__open-mmenu #gnb li a { color: #fff; display: block; height: 50px; font-size: 18px; color: #fff; line-height: 50px; padding: 0 20px; text-align: left; }
  .__open-mmenu #gnb li:hover, .__open-mmenu #gnb li:focus { background-color: #f07f1f; } }

@media screen and (max-width: 768px) { .content-aside { display: none; }
  #content { width: 100%; float: none; margin-top: 3.5em; }
  #header { margin-bottom: 1em; }
  .search-box-wrap h2 { display: none; }
  .search-box-wrap form { width: 100%; }
  .search-box-wrap .search-box { width: 100%; }
  .search-box-wrap .search-box-inner { width: 100%; }
  .search-box-wrap .search-check-box { position: static; display: block; margin-top: 5px; }
  .search-box-wrap .search-related { display: none; }
  .search-box-wrap .search-nav { max-width: 680px; overflow-x: scroll; overflow-y: hidden; }
  .auto-search { width: 100% !important; }
  .search-nav-wrap .search-nav { overflow-x: auto; float: none; display: block; }
  .search-nav-wrap .search-nav ul { margin: 0; display: table; }
  .search-nav-wrap .search-nav ul li { display: table-cell; padding-right: 20px; } }

@media screen and (max-width: 640px) { html { font-size: 55%; }
  .lst-type-thumb li dl dd.file-lst li strong { display: block; } 

  #main_tab_box .left_bx {width: 100%;text-align: center;height: 190px;}
  #main_tab_box .none_box {width: 100%;padding: 0;}
  #main_tab_box .con_msg {margin-top: 10px;}
  }

@media screen and (max-width: 425px) { .search-nav-wrap .search-option { display: none; }
  #content { margin-top: 1em; } }

@media screen and (max-width: 375px) { #header .rsite { display: none; }
  #header .menu-button { visibility: visible; top: 3px; right: 10px; } }

/*# sourceMappingURL=search.css.map */


/*추가*/