@CHARSET "UTF-8";

img {border:none;}

.opacity35 {filter:alpha(opacity=35);}
.opacity50 {filter:alpha(opacity=50);}

/***** padding *****/
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}


/***** margin *****/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}
.mt200{margin-top:200px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}

.w60{width:100%;min-width:30px;max-width:60px}
.w70{width:100%;min-width:40px;max-width:70px}
.w80{width:100%;min-width:50px;max-width:80px}
.w90{width:100%;min-width:50px;max-width:70px}
.w100{width:100%;min-width:50px;max-width:100px}
.w110{width:100%;min-width:50px;max-width:110px}
.w120{width:100%;min-width:50px;max-width:120px}
.w130{width:100%;min-width:50px;max-width:130px}
.w140{width:100%;min-width:50px;max-width:140px}
.w150{width:100%;min-width:50px;max-width:150px}
.w160{width:100%;min-width:50px;max-width:160px}
.w170{width:100%;min-width:50px;max-width:170px}
.w180{width:100%;min-width:50px;max-width:180px}
.w190{width:100%;min-width:50px;max-width:190px}
.w200{width:100%;min-width:50px;max-width:200px}
.w220{width:100%;min-width:50px;max-width:220px}
.w230{width:100%;min-width:50px;max-width:230px}
.w240{width:100%;min-width:50px;max-width:240px}
.w250{width:100%;min-width:50px;max-width:250px}
.w260{width:100%;min-width:50px;max-width:260px}
.w270{width:100%;min-width:50px;max-width:270px}
.w280{width:100%;min-width:50px;max-width:280px}
.w290{width:100%;min-width:50px;max-width:290px}
.w300{width:100%;min-width:50px;max-width:300px}

.font8 {font-size:8px;}
.font9 {font-size:9px;}
.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}

.font0-8em {font-size:0.8em;}
.font0-85em {font-size:0.85em;}
.font0-9em {font-size:0.9em;}
.font0-95em {font-size:0.95em;}
.font1-05em {font-size:1.05em;}
.font1-1em {font-size:1.1em;}
.font1-15em {font-size:1.15em;}
.font1-2em {font-size:1.2em;}

/************ color ************/
.color_gr{color:#75a505;}
.color_bk{color:#232323;}
.color_or{color:#c85900;}
.color_bl{color:#1185c3;}
.color_pk{color:#c50058;}
.color_rd{color:#ff0000;}
.color_vi{color:#900092;}


.bg_gr{background-color:#aaeebb;}
.bg_bl{background-color:#aaddff;}
.bg_rd{background-color:#ffaacc;}
.bg_gy{background-color:#999999;}
.bg_wt{background-color:#ffffff;}
.bg_bk{background-color:#000000;}
.bg_vi{background-color:#CCBBFF;}

.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}

.tooltip {white-space : nowrap; opacity: 1;}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow:ellipsis; word-wrap:normal;}
.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word; 
  line-height: 1.2em;
}


.group-box {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px 5px;
  border-radius: 4px;
  background: url('../images/main_keywordbg.jpg') left top repeat-y;
}
.group-box .btn-group, .group-box .btn-group-title {
  display: inline-block;
  font-size : 13px;
  font-weight : bold;
  margin: 1px 3px;
  padding: 3px 10px;
  color: #bdd1e5;
  border: 1px solid transparent;
}
.group-box .btn-group-title{
  margin-right:0;
  color: #FFFFFF;
  border:none;
}
.group-box .btn-group.active,.group-box .btn-group:hover,.group-box .btn-group:focus,.group-box .btn-group:active {
  border: 1px solid #bdd1e5;
  border-radius: 2px;
  text-decoration: none;
}
.group-box .btn-group.active {
  color:#fff;
  /* background-color:#5bc0de; */
  background-color:#dcb044;
}

div.popupHeader {background-color:#16283a; color:#ccc; padding:2px; margin-bottom:15px;}
div.popupHeader h3 {color:#fff; margin:10px;}
div.popupHeader a.popupCloser {float:right; margin-top:10px; margin-right:10px;}

.datepicker {z-index:100;}
.ui-datepicker .ui-datepicker-title {line-height:30px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {height:30px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 62px; 
  height:22px;
  padding: 2px;
  font-size:0.95em;
  margin-top:-1px;
  color: #333;
}
.ui-datepicker select.ui-datepicker-month {
  margin-left:5px;
}
.ui-datepicker .ui-datepicker-title {}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {height:20px;}

.popover {font-size:12px;}

.modal-content { /*overflow:hidden; 동영상플레이어 최대크기확장시 깨짐*/}
.modal-header {background-color:#505f8a; color:#FFFFFF; }
.modal-header .close {color:#FFFFFF; }
.modal-footer {background-color:#f3f3f3; }

input[name=searchKeyword] {ime-mode : active;}

.table > thead > tr > th {text-align:center; vertical-align:middle; background-color:#355979; color:#e1e2e3;}
.table > thead > tr > th a {color:#c1ffd1;}

.random-box > .container > ul > li .thumnail-img > img {max-width:176px; max-height:154px;}
.content-row2 .newdata-wrap > ul > li > a > .thumnail-img > img {max-width:64px; max-height:56px;}
.thumnail-list .img-box-type {text-indent: 0px; text-align:center;}
.thumnail-list .img-box-type > img {width:auto; position: relative; display: inline;}
.thumnail-list.type1 .img-box-type > img {max-width:150px; max-height:100px;}
.thumnail-list.type2 .img-box-type > img {max-width:167px; max-height: 152px;}
.thumnail-list.type3 .img-box-type > img {max-width:112px; max-height:142px;}
.thumnail-list.type4 .img-box-type > img {max-width:193px; max-height:130px;}
.thumnail-list.type5 .img-box-type > img {max-width:167px; max-height:130px;}
.thumnail-list .img-caption div.option {min-height:28px;}

/********** jplayer audio **************/
.jp-audio, .jp-audio * { box-sizing : content-box; }
.jp-audio { margin: 150px auto 0 auto;} 

/********** jplayer audio **************/
#fileViewer .modal-content .modal-body #serviceViewer {background:#333 url('/images/loading.gif') no-repeat center; width:968px !important; height:500px; overflow:hidden; padding:0; position: relative;}
#metaDataInfo {position:absolute; bottom:0; left:0; width:100%; }
#metaDataInfoTab {color:#fff; width:70px; margin-left:10px; padding-top:3px; font-size:0.7em; background-color:rgba(0,0,0,0.7); cursor:pointer;}
#metaDataInfo .tableBox{padding:5px; background-color: rgba(0,0,0,0.7);}
#metaDataInfo table {width:100%; font-size:0.85em; font-weight: 100; color:#fff; border-collapse: collapse;}
#metaDataInfo table th, #metaDataInfo table td {border:1px solid #999; padding:2px 5px;}
#metaDataInfo table th {text-align: center; background-color:#433;}
#metaDataInfo table td {}
#ebookBtn {position:absolute; top:5px; right:68px;}
#currentCheckerBox {position: absolute; top:5px; right:10px; margin:0; line-height: 18px;}
#btnPrev {position:absolute; left:0; top:45%; outline: none; z-index: 1050;}
#btnNext {position:absolute; right:0; top:45%; outline: none; z-index: 1050;}
#viewerFooter {border:1px solid #333; height:79px; overflow:hidden; position:relative; padding:0 18px;}
#prevListBtn, #nextListBtn {vertical-align:middle; outline: none;}
#thumbSlider {position:relative; border:0px solid red; overflow:hidden;}
#thumbSlider div.thumbList {}
#thumbSlider div.fileBox {width:92px; float:left; padding:5px 0 5px 2px; position:relative;}
#thumbSlider div.imageBox {background-color:#333;}
#thumbSlider div.imageBox.active {border-color:#ff6666 !important;}
#thumbSlider div.fileBoxTitle {position:absolute; bottom:7px; right:7px;}


.random-box > .container > ul > li .thumnail-img { height: 129px; }
.random-box > .container > ul > li .description { height: 113px; }
.random-box > .container > ul > li .description > strong { margin-bottom: 5px; }
.random-box > .container > ul > li .description .date { float: right;}