@charset "utf-8";

/* HTML5 Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:12px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*html { overflow-y: scroll; }*/
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
th, td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] {margin:-2px 4px 0 0;}
input[type="checkbox"] {margin:-2px 4px 0 0;width:13px; height:15px;}
.ie7 input[type="checkbox"] {margin:0px 4px 0 0;width:13px; height:15px;}
.ie6 input { vertical-align: text-bottom; }
input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

/*.ie7 input,.ie8 input { line-height:1.9;}*/

/**/
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* **ran reset** */
/**body,div,dl,dt,dd,ul,ol,li,pre,code,fieldset,legend,input,button,textarea,p,blockquote,th,td, select{color:#666;font-size:12px;font-family: Gulim, "굴림", AppleGothic, Sans-serif;line-height:1.2;} **/
/** common class **/
*{margin:0;padding:0;}

img {border: 0 none;}
ul, ol {margin:0; padding:0;}
ul li, ol li {list-style:none; }
button, button[type="submit"], button[type="reset"] { background:none; border:none; padding:0; margin:0; }
button img { vertical-align:middle; }	
	
.clear { clear:both; }
.floatLeft {float:left;}
.floatRight {float:right; } 
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('../../../../../2012_KPF/html/common/css/ellipsis.xml#ellipsis');}

/* common anchor style */
a, a:visited {color:#666; text-decoration:none;}
a:active, a:hover {text-decoration: underline;}

select {border: 1px solid #CACACA; height: 20px; line-height: 1.4;}


.clear{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
.floatL {float:left;}
.floatR {float:right;}
.alignC {text-align:center;}
.alignL {text-align:left;}
.alignR {text-align:right;}
.clearB {clear:both;}
hr, caption{display:none;}
a:focus {outline: none;}

/* common */
.png24 {tmp:expression(setPng24(this));}
.mgT5{margin-top: 5px;}
.mgT10{margin-top: 10px;}
.mgT15{margin-top: 15px;}
.mgT20{margin-top: 20px;}
.mgB5{margin-bottom: 5px;}
.mgB10{margin-bottom: 10px;}
.mgB15{margin-bottom: 15px;}
.mgB20{margin-bottom: 20px;}
.mgR5{margin-right: 5px;}
.mgR10{margin-right: 10px;}
.mgR15{margin-right: 15px;}
.mgR20{margin-right: 20px;}
.pdTB45{padding-top: 45px !important;padding-bottom: 45px !important;}
.pdTB30{padding-top: 30px !important;padding-bottom: 30px !important;}
.pdT20{padding-top: 20px !important;}
.pdT15{padding-top: 15px !important;}
.pdB0{padding-bottom: 0 !important;}
.pdB8{padding-bottom: 8px !important;}



/* tabmenu */
.tabmenu{width: 100%;background:url(../images/bg_tabline.gif) repeat-x left bottom; margin-bottom: 12px; clear:both}
.tabmenu ul {margin:0 0 0 0;overflow:hidden;}
.tabmenu ul li {margin:0 3px 0 0;padding:0;float:left;display: inline;line-height:32px;color:#037ec3;font-weight:bold;}
.tabmenu ul li a{display:block;background:url(../images/bg_tab.gif) no-repeat right -32px;padding:0 20px 0 0;margin:0;}
.tabmenu ul li a span{margin:0;display:block;background:url(../images/bg_tab.gif) no-repeat left -32px;padding:0 0 0 20px; color: #333;}
.tabmenu ul li a.current,
.tabmenu ul li a:hover {color:#037ec3;font-weight:bold;background:url(../images/bg_tab.gif) no-repeat left 0;text-decoration:none;padding:0 0 0 20px;}
.tabmenu ul li a.current span,
.tabmenu ul li a:hover span{margin:0;display:block;line-height:32px;color:#037ec3;font-weight:bold;background:url(../images/bg_tab.gif) no-repeat right 0;padding:0 20px 0 0;}

.searchWrap {border:5px solid #eee; padding:15px 0 18px 15px;clear:both;box-sizing:border-box }
.searchWrap:after {clear: both;content:'';display: block;height:0;visibility: hidden;}
.searchWrap .searchText{border: 1px solid #c9c9c9; background:#fff;  float:left; width: 300px; margin:1px 5px 0 0 ; height: 25px; position:relative}
.searchWrap .searchText .searchList{position:absolute; top:33px; left:0; background:url(../images/ico_search01.gif) no-repeat left 1px;}
.searchWrap .searchText .searchList ul {padding-left:20px}
.searchWrap .searchText .searchList li {float:left; background:url(../images/bg_searchBar01.gif) no-repeat left 2px; padding:0 7px; font-family:'돋움',Dotum,AppleGothic,Helvetica,sans-serif;}
.searchWrap .searchText .searchList li.first { background:none; padding-left:0px !important;}
.searchWrap .searchText input[type="text"]{border: 0; height: 22px; margin-top:1px;}
.searchWrap input.dSearch{ margin-top:-5px}
.searchWrap .searchText input.keyword{width:200px; font-size:14px;}

.searchWrap .searchBtnBax{border: 0px solid #c9c9c9; background:#fff;  float:left; width: 300px; margin:0px 5px 0 0 ; height: 30px;line-height: 30px; position:relative}
.searchWrap .searchBtnBax img{vertical-align: middle;}
.searchWrap .searchBtnBax input{vertical-align: -5px;}
.searchWrap .searchBtnBax span{vertical-align: -2px;}

.searchWrap_footer {border:5px solid #eee; font-family:'돋움',Dotum,AppleGothic,Helvetica,sans-serif; clear:both; position:relative; height:60px}
.searchWrap_footer .searchWrap_footer_box {width:480px; position:absolute; margin:auto; left:0; bottom:0; top:0; right:0; margin-top:15px}
.searchWrap_footer .searchText{border: 1px solid #c9c9c9; background:#fff;  float:left; width: 300px; margin:1px 5px 0 0 ; height: 25px; position:relative}
.searchWrap_footer .searchText .searchList{position:absolute; top:33px; left:0; background:url(../images/ico_search01.gif) no-repeat left 1px;}
.searchWrap_footer .searchText .searchList ul {padding-left:20px}
.searchWrap_footer .searchText .searchList li {float:left; background:url(../images/bg_searchBar01.gif) no-repeat left 2px; padding:0 7px; font-family:'돋움',Dotum,AppleGothic,Helvetica,sans-serif;}
.searchWrap_footer .searchText .searchList li.first { background:none; padding-left:0px !important;}
.searchWrap_footer .searchText input[type="text"]{border: 0; height: 22px; margin-top:1px;}
.searchWrap_footer input.dSearch{ margin-top:-5px}
.searchWrap_footer .searchText input.keyword{width:200px; font-size:14px;}

.searchWrap_footer .searchBtnBax_f{border: 0px solid #c9c9c9; background:#fff;  float:left; width: 150px; margin:0px 5px 0 0 ; height: 30px;line-height: 30px; position:relative}
.searchWrap_footer .searchBtnBax_f img{vertical-align: middle;}
.searchWrap_footer .searchBtnBax_f input{vertical-align: -5px;}
.searchWrap_footer .searchBtnBax_f span{vertical-align: -2px;}

.tabContentWrap {}
.tabContent {}

/*검색결과*/
.searchResult {margin:0 0 25px 0; clear:both}
.searchResult h3 {font-size:16px; font-weight:bold; color:#000; margin-bottom:15px; float:left; clear:both}
.searchResult h3 span {font-size:12px; font-weight:normal; color:#999;}
.searchResult .sort {float:right; margin:5px 0 0 0}
.searchResult .sort a {color:#000}
.searchResult .sort a.chk {font-weight:bold}
.searchResult .more {float:right; margin:25px 0; padding:1px 20px 0 0; background:url(../images/ico_search02.gif) no-repeat right 0; clear:both}
.searchResult a:hover {color:#0000cc;}

.sectionLine {border-top:1px solid #eaeaea; padding-top:25px}

.newsList01 {clear:both; margin:0 0 10px 0;}
.newsList01 dl {position:relative; padding:0 0 8px 18px;}
.newsList01 dl dd.img{float:left; position:relative; overflow:hidden; padding-right: 15px; padding-bottom: 25px;}
.newsList01 dl dd.img img{margin:0 auto; max-width:106px; max-height:83px;}

/**
.newsList01 dl dd.img{float:left; position:relative; margin:0 11px 20px 0; width:106px; height:83px; border:1px solid #ccc; overflow:hidden; padding:1px;}
.newsList01 dl dd.img img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;	max-width:106px; max-height:83px;}
**/

.newsList01 dl dt{color:#0000cc; font-size:14px; margin:0 0 5px 0;}
.newsList01 dl dt a{color:#0000cc;	text-decoration:none;}
.newsList01 dl dt a:hover{text-decoration:underline;}
.newsList01 dl dt a:visited {color:#9f0b81; text-decoration:underline;}
.newsList01 dl dd.txt{line-height:20px;	padding:0; overflow:hidden;}
.newsList01 dl dd.txt a{color:#333;}
.newsList01 dl dd.date{font-size:12px; color:#6a6a6a; line-height:18px; padding:0;}
.newsList01 dl span{font-weight:bold}

.newsList02 {clear:both; padding:0 0 0 18px}
.newsList02 li {float:left; margin:0 15px 0 0; min-height:250px; position:relative;}
.newsList02 li span.mPlay { position:absolute; top:100px; left:3px;}
.newsList02 dl dd.img{overflow:hidden; padding:1px; position:relative;}
.newsList02 dl dd.img img{margin:0 auto; max-width:127px; max-height:127px;}

/**
.newsList02 dl dd.img{width:127px; height:127px; border:1px solid #ccc; overflow:hidden; padding:1px; position:relative}
.newsList02 dl dd.img img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:127px; max-height:127px;}
**/

.newsList02 dl dt{color:#0000cc; font-size:13px; margin:7px 0 5px 0; width:130px;}
.newsList02 dl dt a{color:#0000cc;	text-decoration:none;}
.newsList02 dl dt a:hover{text-decoration:underline;}
.newsList02 dl dt a:visited {color:#9f0b81; text-decoration:underline;}

/* 상세검색 */
#srchKeyBox{display:none; width: 600px; position: absolute; top: 400px; left:20px; z-index: 100;background:#fff; border:1px solid #777777; padding:0 0 20px 0}
#srchKeyBox *{font-family:'돋움',Dotum,AppleGothic,Helvetica,sans-serif;}
#srchKeyBox table{width:565px; table-layout:fixed; color:#575757; margin:10px 0 8px 15px;}
#srchKeyBox table th{text-align:left; vertical-align: middle; height: 35px; border-bottom:1px dotted #666}
#srchKeyBox table td{vertical-align: middle; border-bottom:1px dotted #666}
#srchKeyBox table td img{vertical-align: middle;}
#srchKeyBox table td img.icon{margin-left: 7px;}
#srchKeyBox table td input[type="text"],
#srchKeyBox table td input.inputText{border:1px solid #cacaca; background:#fff; height:20px;}
#srchKeyBox table td label{cursor:pointer; margin-right:13px;}
#srchKeyBox .btnSrch{position: relative; text-align:center; padding:10px 0 0 0;}
#srchKeyBox .btnSrch .btnR{position: absolute; right: 22px; bottom:0;}

.popLayerHeader {position: relative; background: #928a8a; height: 30px;margin-bottom: 1px;}
.popLayerHeader .popLayerTitle{font-size: 12px; color: #fff; padding: 9px 0 0 15px; font-weight:bold}
.popLayerHeader .btnLayerClose{position: absolute; right: 10px; top:8px;}

/* button */
.button,
.button *{position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; background:url(../images/common/btn/btn_typeA.gif) no-repeat; vertical-align:middle; overflow:visible; color:#666;}
.button {margin-right:3px;}
.button *{left:2px; cursor:pointer; _cursor:hand; }

.button.btnTypeA {background:url(../images/btn_typeA.gif) no-repeat;background-position:left 0; *top:-1px; font-size:12px;}
.button.btnTypeA *{background:url(../images/btn_typeA.gif) no-repeat;height:23px; *top:0; _top:-1px; padding:0 9px 0 8px; font-size:12px; background-position:right top;line-height: 26px;*line-height: 24px;}

.button.btnTypeB {background:url(../images/btn_typeB.gif) no-repeat; background-position:left 0; *top:-1px; font-size:12px;}
.button.btnTypeB *{background:url(../images/btn_typeB.gif) no-repeat; height:23px; *top:0; _top:-1px; padding:0 9px 0 8px; font-size:12px; background-position:right top;font-weight: bold;line-height: 26px;*line-height: 24px;}

/* paging */
.paging {width:100%; text-align:center;padding:30px 0 3px 0; position:relative; min-width:450px !important; clear:both;}
.paging *{vertical-align:middle;}
.paging a img{vertical-align:top;}
.paging a, 
.paging strong{position:relative; display:inline-block; margin-left:0; color:#000; padding: 5px 7px 3px 6px;}
.paging strong,
.paging a:hover{text-decoration: none; color:#2682b9; font-weight:bold; letter-spacing: -1px; margin-left: -1px; padding: 5px 6px 3px 6px;
border: 1px solid #d2d3d5;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.paging a.pre,.paging a.next,
.paging a.ppre,.paging a.nnext{width: 25px; height: 18px; padding: 5px 0 0 0; margin: 0;
border: 1px solid #d2d3d5;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: -moz-linear-gradient(top,  #ffffff 0%, #fefefe 30%, #fbfcfe 50%, #f7f8fc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#fefefe), color-stop(50%,#fbfcfe), color-stop(100%,#f7f8fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fefefe 30%,#fbfcfe 50%,#f7f8fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fefefe 30%,#fbfcfe 50%,#f7f8fc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fefefe 30%,#fbfcfe 50%,#f7f8fc 100%); /* IE10+ */
background-: linear-gradient(to bottom,  #ffffff 0%,#fefefe 30%,#fbfcfe 50%,#f7f8fc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f8fc',GradientType=0 ); /* IE6-9 */	
}