@charset "utf-8";

@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); /* 20161203*/

html { font-size:16px; }
@media all and (max-width:1280px) {
    html { font-size:15px; }
}
@media all and (max-width:1024px) {
    html { font-size:14px; }
}
@media all and (max-width:960px) {
    html { font-size:13px; }
}
@media all and (max-width:640px) {
    html { font-size:12px; } 
}

.searchHeader { padding:2.375em 5% 3.750em; background-image:url(../images/search/bg_search.jpg); background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.searchHeader .headerWrap { position:relative; max-width:1200px; margin:0 auto; color:#fff; text-align:center; }
.searchHeader .headerWrap .logo { display:flex; justify-content:space-between; }
.searchHeader .headerWrap .logo p a { display:inline-block; padding:0.375em 0 0.375em 2em; background:url(../images/search/icon_home.png) no-repeat 0 50%; color:#fff; }
.searchHeader .headerWrap > h2 { margin-top:1.375rem; font-weight:500; font-size:2.125em; }
.searchHeader .headerWrap > p { margin-top:2.353em; font-weight:300; font-size:1.063em; }
.searchHeader .searchWindow { position:relative; max-width:39.125em; margin:1.125em auto 0; }
.searchHeader .searchWindow .txt { width:100%; height:3.278em; padding:0 3.889em; border:none; border-radius:1.667em; background-color:#fff; background-image:url(../images/search/icon_search.svg); background-repeat:no-repeat; background-position:1.333em 50%; color:#22242a; line-height:3.278em; font-size:1.125em; box-sizing:border-box; }
.searchHeader .searchWindow .btnSearch { position:absolute; top:0; right:0; }
.searchHeader .searchWindow .btnSearch button { display:inline-block; width:3.278em; height:3.278em; border-radius:50%; border:none; background:#dde3f8; color:#18191d; line-height:3.278em; font-weight:700; font-size:1.125em; font-family:'Nanum Barun Gothic', sans-serif; cursor:pointer; }
.searchHeader .searchWindow .result { display:none; position:absolute; left:0; width:100%; padding:5px 5px 5px 4.250em; border:1px solid #004f96; background: #fff; z-index:100; text-align:left; box-sizing:border-box; }
.searchHeader .searchWindow .result ul li { margin:2px 0; }
.searchHeader .searchWindow .result ul li a { color:#000; }
.searchHeader .searchWindow .result ul li a strong { color: #d12a07; }

.totalSearch { padding:5.000em 5% 6%; }
.totalSearch .timeSelectMo { display:none; }
.totalSearch .kwd { color:#d31019; font-weight:400; }
.totalSearch .reTit { margin-bottom:5.125rem; text-align:center; font-weight:500; font-size:1.625em; }
.totalSearch .reTit strong { font-weight:700; }
.totalSearch .searchView { display:flex; justify-content:space-between; max-width:1150px; margin:0 auto; }
.totalSearch .searchView:before,
.totalSearch .searchView:after { content:''; clear:both; display:block; }
.totalSearch .searchView .searchCon { flex-grow:1; width:calc(100% - 16.750em); }
.searchView .searchCon .tabMenu { display:flex; }
.searchView .searchCon .tabMenu li { width:20%; }
.searchView .searchCon .tabMenu li a { display:block; margin-left:-1px; padding:1rem; border:1px solid #bebebe; color:#394362; text-align:center; font-size:1.063em; }
.searchView .searchCon .tabMenu li a strong { font-weight:400; }
.searchView .searchCon .tabMenu li.active a,
.searchView .searchCon .tabMenu li a:hover,
.searchView .searchCon .tabMenu li a:focus { border-color:#1944d1; background:#1944d1; color:#fff; text-decoration:none; transition:0.3s; }
.searchView .searchCon .item { padding:3.000em 1.250em 0 0.750em; border-bottom:1px solid #cecece; }
.searchView .searchCon .item h4.tit { margin-bottom:1em; margin-left:-0.750rem; padding-left:0.750rem; background:url(../images/search/bu_tit.svg) no-repeat 0 50%; background-size:0.250rem auto; font-size:1.250em; }
.searchView .searchCon .item h4.tit strong { font-weight:700; }
.searchView .searchCon .btnResult { margin-top:2.375em; text-align:center; }
.searchView .searchCon .btnResult a { display:inline-block; min-width:12.867em; border-top-left-radius:1.333em; border-top-right-radius:1.333em; background:#535353; color:#fff; font-weight:300; font-size:0.938em; }
.searchView .searchCon .btnResult a span { display:inline-block; padding:0.600em 1.467em 0.600em 0; background:url(../images/search/btn_more.svg) no-repeat right 0 top 50%; background-size:0.750em auto; }
.searchView .searchCon .item ul li { margin:1.500em 0; }
.searchView .searchCon .item ul li a { overflow:hidden; display:inline-block; max-width:100%; }
.searchView .searchCon .item ul li span { display:block; }
.searchView .searchCon .item .lk { margin-bottom:0.133em; color:#133bbd; font-size:0.938em; }
.searchView .searchCon .item .tit { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1.250em; }
.searchView .searchCon .item em{font-weight:500; color:#000; text-decoration:underline;}
.searchView .searchCon .item .tit strong { font-weight:500; }
.searchView .searchCon .item .txt { overflow:hidden; max-height:4.333em; margin-top:0.667em; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight:300; font-size:0.938em; }
.searchView .searchCon .item ul.media { display:flex; flex-wrap:wrap; margin-left:-0.75%; margin-right:-0.75%; }
.searchView .searchCon .item ul.media li { width:23.5%; margin:0 0.75% 0.714em; border:1px solid #d2d2d2; text-align:center; font-size:0.875em; box-sizing:border-box; }
.searchView .searchCon .item ul.media li a { display:block; text-decoration:none; }
.searchView .searchCon .item .thumb { overflow:hidden; display:block; position:relative; padding-top:76.4128%; }
.searchView .searchCon .item .thumb img { position:absolute; top:50%; left:50%; height:100%; max-width:none; transform:translate(-50%, -50%); }
.searchView .searchCon .item .file { overflow:hidden; margin-top:5px; padding-left:30px; background:url(../images/search/icon_file.jpg) no-repeat 0 50%; background-size:1.438em auto; white-space:nowrap; text-overflow:ellipsis; font-weight:500; box-sizing:border-box; }
.searchView .searchCon .item ul.media .tit { overflow:hidden; display:block; padding:1.786em 0.714em 0.357em; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.04em; font-size:1em; }
.searchView .searchCon .item ul.media .date { padding-bottom:1.786em; color:#666; font-weight:300; }
.searchView .searchCon .item ul.media a:hover .thumb { background:#000; }
.searchView .searchCon .item ul.media a:hover .thumb img { opacity: 0.5; transition:0.3s; }

.searchView .kwdList { flex-shrink:0; width:15.000em; height:100%; margin-left:1.750em; border:1px solid #e8e8e8; box-sizing:border-box; }
.searchView .kwdList .kwdItem { padding:1.250em 1.250em 1.375em; border-top:1px solid #e8e8e8; color:#292929; }
.searchView .kwdList .kwdItem a { color:#292929; }
.searchView .kwdList .kwdItem:nth-of-type(1) { border-top:none; }
.searchView .kwdList .kwdItem h4.tit { margin-bottom:0.750em; color:#292929; }
.searchView .kwdList .tabBtn { display:flex; border:1px solid #dfdfdf; }
.searchView .kwdList .tabBtn li { width:25%; border-left:1px solid #dfdfdf; }
.searchView .kwdList .tabBtn li:first-child { border-left:none; }
.searchView .kwdList .tabBtn li a { display:flex; align-items:center; justify-content:center; height:100%; padding:6px 8px; text-align:center; word-break:keep-all; line-height:1.1; font-size:0.813em; box-sizing:border-box; }
.searchView .kwdList .tabBtn li.active a { background-color:#f3f3f3; }
.searchView .kwdList .kwdItem .list { display:flex; flex-wrap:wrap; }
.searchView .kwdList .kwdItem .list li { margin-right:0.286em; margin-bottom:0.286em; }
.searchView .kwdList .kwdItem .list li a { display:block; padding:0.429em 0.857em; border:1px solid #dfdfdf; font-size:0.875em; }
.searchView .kwdList .kwdItem .list.mySearch a { padding-right:2.286em; background:url(../images/search/icon_close.svg) no-repeat right 0.857em top 50%; background-size:0.929em auto; }
.searchView .kwdList #rankKwd .tabBtn li { flex-grow:1; width:auto; }
.searchView .kwdList #rankKwd .tabBtn li a { padding:0.625rem; background:#f3f3f3; }
.searchView .kwdList #rankKwd .tabBtn li a.on { background:#fff; }
.searchView .kwdList .kwdItem .rankCon ul { margin-top:0.875em; }
.searchView .kwdList .kwdItem .rankCon ul li { margin:0.375em 0; }
.searchView .kwdList .kwdItem .rankCon ul li a { overflow:hidden; display:block; padding:0 0.500em; font-size:0.813em; white-space:nowrap; text-overflow:ellipsis; }
.searchView .kwdList .kwdItem .rankCon ul li a .num { display:inline-block; min-width:0.875rem; margin-right:0.625rem; border:1px solid #dfdfdf; text-align:center; }

@media screen and (max-width:960px) {
    body { overflow-x:auto; min-width:320px; }
    .searchHeader { padding:1.833em 5% 3.000em; background-image:url(../images/search/bg_search_mo.jpg); }
    .searchHeader .headerWrap .logo { justify-content:center; position:relative; }
    .searchHeader .headerWrap .logo h1 { width:24.297%; }
    .searchHeader .headerWrap .logo p { position:absolute; top:0; right:0; }
    .searchHeader .headerWrap .logo p a { overflow:hidden; width:35px; height:18px; padding:0; background-position:right 0 top 50%; background-size:auto 1.417em; text-indent:-999px; }
    .searchHeader .headerWrap > h2 { margin-top:3.833rem; font-size:1.667em; }
    .searchHeader .headerWrap > p { display:none; }
    .searchHeader .searchWindow { margin-top:2.167em; }
    
    .totalSearch { padding-top:1.167em; }
    .totalSearch .timeSelectMo { display:flex; align-items:center; padding:1em; border:1px solid #e8e8e8; }
    .totalSearch .timeSelectMo h4.tit { flex-shrink:0; margin-right:1.167em; }
    .totalSearch .timeSelectMo .tabBtn { flex-grow:1; display:flex; }
    .totalSearch .timeSelectMo .tabBtn li { width:25%; margin-left:-1px; border:1px solid #e8e8e8; }
    .totalSearch .timeSelectMo .tabBtn li a { display:flex; justify-content:center; align-items:center; height:100%; padding:1rem 0; background:#f3f3f3; text-align:center; word-break:keep-all; line-height:1.1; font-size:0.917em; box-sizing:border-box; }
    .totalSearch .timeSelectMo .tabBtn li.active a { background:#fff; }
    .totalSearch .reTit { margin-top:1.875em; margin-bottom:2.250em; font-size:1.333em; }
    .totalSearch .searchView { display:block; }
    .totalSearch .searchView .searchCon { width:100%; }
    .searchView .searchCon .tabMenu { align-items:center; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
    .searchView .searchCon .tabMenu li a { margin-left:0; padding:0; border:none; line-height:1.2; font-size:1.083em; }
    .searchView .searchCon .tabMenu li a span { display:block; position:relative; padding:1rem 0; }
    .searchView .searchCon .tabMenu li a span::before { content:''; position:absolute; top:50%; left:0; width:1px; height:28px; background:#d9d9d9; transform:translateY(-50%); }
    .searchView .searchCon .tabMenu li:first-child a span::before { content:none; }
    .searchView .searchCon .tabMenu li a strong { display:block; }
    .searchView .searchCon .tabMenu li.active a,
    .searchView .searchCon .tabMenu li a:hover,
    .searchView .searchCon .tabMenu li a:focus { background:#fff; color:#1944d1; font-weight:500; transition:none; }
    .searchView .searchCon .tabMenu li.active a span::after { content:''; position:absolute; bottom:0; left:50%; width:70%; height:3px; background:#1944d1; transform:translateX(-50%); }
    .searchView .searchCon .item h4.tit
    .searchView .searchCon .item { padding-top:2.500em; }
    .searchView .searchCon .item ul li { margin:1.167em 0; }
    .searchView .searchCon .item .lk { font-size:0.917em; }
    .searchView .searchCon .item .tit { font-size:1.083em; }
    .searchView .searchCon .item ul.media li { width:48.5%; }

    .searchView .kwdList { width:100%; margin-top:3em; margin-left:0; }
    #rankKwd { display:flex; flex-wrap:wrap; align-items:center; }
    #rankKwd h4.tit { flex-shrink:0; margin-bottom:0; margin-right:2rem; }
    #rankKwd .tabBtn { flex-grow:1; }
    .searchView .kwdList .timeSelect { display:none; }
    .searchView .kwdList .kwdItem .rankCon { flex-grow:1; width:100%; }
    .searchView .kwdList .kwdItem .rankCon ul { margin-top:1.333em; }  
}



.boardPage { text-align:center; margin:1em; }
.boardPage ul { display:inline-block; line-height:1; }
.boardPage ul li { display:inline-block; margin:0 -2px; vertical-align:top; font-weight:500; }
.boardPage ul li:first-child { border-left:none; }
.boardPage ul li a,
.boardPage ul li strong,
.boardPage ul li.current span > span,
.boardPage ul li.current i { display:block; min-width:2.11111em; line-height:2.11111em; margin:0 .125em; padding:0; box-sizing:border-box; text-align:center; vertical-align:top; font-size:1.125em; }
.boardPage ul li a { overflow:hidden; color:#000; }
.boardPage ul li strong { background:#301cad; border-radius:50%; color:#fff; }
.boardPage ul li.first a { background-image:url('../images/search/btn_page_first.png'); }
.boardPage ul li.prev a { margin-right:1em; background-image:url('../images/search/btn_page_prev.png'); }
.boardPage ul li.next a { margin-left:1em; background-image:url('../images/search/btn_page_next.png'); }
.boardPage ul li.last a { background-image:url('../images/search/btn_page_last.png'); }
.boardPage ul li.first a,
.boardPage ul li.prev a,
.boardPage ul li.next a,
.boardPage ul li.last a {text-indent:-999px; background-position:center; background-repeat:no-repeat; }
@media only screen and (max-width:720px) {    
	.boardPage ul li{display:none;}    
    .boardPage .mobile{ display:inline-block !important; }    
	.boardPage ul li.current strong { background:none; color:#301cad !important; }
	.boardPage ul li.current i,
	.boardPage ul li.current span > span,
	.boardPage ul li.current strong { display:inline-block; min-width:0; margin:0 .125em; color:#7c7b7b; }
}