/*홈페이지 게시판*/
/* 게시판 */

/* youtube / vimeo 동영상 */
#bbs-view-wrap video,#bbs-view-wrap iframe {max-width:100%; }


/*intra bbs style*/
.bbs-tblstyle,.bbs-tblstyle th,.bbs-tblstyle td{border:0;}
.bbs-tblstyle{width:100%;border-bottom:1px solid #999;color:#555;font:normal 13px 'malgun gothic','맑은 고딕''tahoma', 'dotum';table-layout:fixed}
.bbs-tblstyle caption,.bbs-tblstyle .frm label{display:none}
.bbs-tblstyle a{color:#444;text-decoration:none}
.bbs-tblstyle a:hover {color:#2754a7;text-decoration:underline}
.bbs-tblstyle th{padding:8px 0 8px;border-top:solid 2px #aaa;border-bottom:solid 1px #bbb;background-color:#f8f8f8;color:#555;font-weight:bold;line-height:18px;vertical-align:top}
.bbs-tblstyle td{padding:12px 0 12px;border-bottom:solid 1px #ddd;text-align:center}
.bbs-tblstyle .frm{padding:0;text-align:center}
.bbs-tblstyle .frm input{margin:0}
.bbs-tblstyle .num, .bbs-tblstyle .date, .bbs-tblstyle .hit{padding:0;font-family:Tahoma, arial, dotum, applegothic;font-size:11px;line-height:normal;color:#777;text-align:center}
.bbs-tblstyle .cate {font:normal 11px/17px 'malgun gothic','맑은 고딕',Tahoma, arial, dotum, applegothic; color:#444;text-align:center;}
.bbs-tblstyle .title{text-align:left;padding-left:5px}
.bbs-tblstyle .title .pic,.bbs-tblstyle .title .new{margin:0 0 2px;vertical-align:middle}
.bbs-tblstyle tr.noti {background-color:#eff2f8;padding:25px 0;}
.bbs-tblstyle tr.noti td {border-bottom:1px dotted #faefdd;}
.bbs-tblstyle td.noti-ico {color:#b20000;font-weight:700;font-size:10px;}
.bbs-tblstyle td.noti-tit {color:#333;padding:15px 5px 15px 10px;}
.bbs-tblstyle td.noti-tit a {color:#444;font:bold 13px 'malgun gothic'}
.bbs-tblstyle tr.reply .title a{padding-left:12px;background:url(img/ic_reply.gif) 0 1px no-repeat !important}
.bbs-tblstyle tr.reply td a.comment{padding:0;background:none !important;color:#f00;font-size:13px;font-weight:bold}
.bbs-tblstyle td.noti-ico, .bbs-tblstyle td.noti-tit {border-bottom:1px dotted #faefdd;}


.bbs-blogstyle {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0px 5px;line-height:1.4}
.bbs-blogstyle ul{margin:0;padding:0;font-size:13px;list-style:none;}
.bbs-blogstyle li{position:relative;padding:20px 0;margin:0 0 -1px 0;border:1px dotted #ccc;border-top:0;border-left:0;border-right:0;vertical-align:top !important;*zoom:1;}
.bbs-blogstyle li:after{display:block;clear:both;content:""}
.bbs-blogstyle a{text-decoration:none;cursor:pointer}
.bbs-blogstyle a strong{/*display:inline-block*/;margin:0 0 0px 0;color:#333;font-size:14px;}
.bbs-blogstyle a:hover strong,
.bbs-blogstyle a:active strong,
.bbs-blogstyle a:focus strong{text-decoration:underline}
.bbs-blogstyle .thumb{display:inline-block;float:left;margin:4px 15px 10px 0;zoom:1;*display:inline;}
.bbs-blogstyle .thumb img{display:block;border:0;}
.bbs-blogstyle p{margin:8px 0 0 0;line-height:1.5;color:#555;font-size:14px;}
.bbs-blogstyle .date {margin:5px 0 0 0;line-height:1.4;color:#767676;font-size:12px;}
.bbs-blogstyle .date span {color:#777;font-size:12px}
.bbs-blogstyle .date span.writer {color:#333}
.bbs-blogstyle .date em {color:#ddd;font-style:normal;padding:0 5px;}
.bbs-blogstyle .date a:hover {text-decoration:underline}

.pagination-01{padding:15px 0;line-height:normal;text-align:center;position:relative;}
.pagination-01 a,
.pagination-01 strong{display:inline-block;position:relative;z-index:2;margin:0 0px;padding:5px 10px;border:1px solid #d6d6d6;border:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.pagination-01 a:hover,
.pagination-01 a:active,
.pagination-01 a:focus{background-color:#f8f8f8}
.pagination-01 strong{color:#2754a7}
/*
.pagination-01 .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.pagination-01 .direction:hover,
.pagination-01 .direction:active,
.pagination-01 .direction:focus{color:#323232;background-color:#fff}
.pagination-01 .prev{border-left:0}
.pagination-01 .next{border-right:0}
.pagination-01 .direction span{display:block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.pagination-01 .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0;}
.pagination-01 .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}
.pagination-01 .list-write {position:absolute;top:10px;right:0;}
*/

.pagination-01 a.direction span {margin:0;padding:0;display:block; position:absolute; top:7px; left:10px; width:12px; height:10px;background-image:url('../images/common/arrow_gray.png'); background-repeat:no-repeat;background-position:50% 50%;text-indent:-5000px;}
.pagination-01 a.direction {margin:0 0 0 2px;padding:5px 10px;position:relative; /*width:30px; height:24px; */border:1px solid #dedede; font-size:12px; color:#666;}

.pagination-01 a.next span { background-position: -28px 0;}
.pagination-01 a.last span { background-position: -40px 0;}

.pagination-01 a.prev span { background-position: 0px 0;}
.pagination-01 a.first span { background-position: -12px 0;}


#bbs-view-wrap {border-top:0px solid #ddd;border-bottom:1px solid #ddd;}
#bbs-view-wrap .function {padding:10px 3px;position:relative}
#bbs-view-wrap .function a { text-decoration:none; }
#bbs-view-wrap .tline {border-top:1px solid #ddd;}
#bbs-view-wrap .lbtn {float:left}
#bbs-view-wrap .rbtn {float:right;line-height:20px;font-size:12px;margin-top:3px}
#bbs-view-wrap .rbtn a {color:#555 !important}
#bbs-view-wrap h1.bbstitle {margin:3px 0 0 0;border-top:1px solid #ccc;background-color:#f8f8f8;padding:12px 7px;color:#353535;font:bold 14px/18px 'malgun gothic','tahoma','dotum';letter-spacing:0}

#bbs-view-wrap .infowrap {position:relative;padding:5px 5px;border-bottom:1px dotted #bbb;color:#555}
#bbs-view-wrap .writer {float:left;font-size:12px;}
#bbs-view-wrap .sns {float:right;color:#194389;font-size:18px;}
#bbs-view-wrap .sns a {color:#888;margin-left:5px;}
#bbs-view-wrap .sns a:hover {color:#194389}
#bbs-view-wrap .writer span {color:#333}
#bbs-view-wrap .cnt {padding:15px 5px;border-bottom:1px dotted #bbb;color:#555;}
#bbs-view-wrap .cnt img {max-width:100%;}

#bbs-view-wrap .att-file {border-bottom:1px dotted #bbb;padding:10px 8px;background:#fffcf9}
#bbs-view-wrap .att-file p{font-size:12px;font-weight:bold;color:#2754a7}
#bbs-view-wrap .att-file ul {}
#bbs-view-wrap .att-file li {list-style:none;padding:2px 0 0 15px;}
#bbs-view-wrap .att-file li span{margin-left:4px;font-size:12px;font-family:'tahoma'}
#bbs-view-wrap .att-file li a {color:#444;text-decoration:none;}
#bbs-view-wrap .att-file li a:hover {color:#2754a7;text-decoration:underline}


#bbs-searchwrap {margin:5px 0px;position:relative}
#bbs-searchwrap .tline {border-top:1px solid #ddd;}
#bbs-searchwrap .left {float:left}
#bbs-searchwrap .right {float:right;}

/*--댓글--*/
#cmt-wrap {margin-top:20px}
#cmt-wrap h2 {margin:0 0 5px 0;color:#353535;font:bold 14px/18px 'applegothic','malgun gothic','tahoma','dotum';letter-spacing:0}
#cmt-wrap h2 span {font-size:12px;color:#2754a7;margin-left:5px;}
.bbs-cmt-box .textarea textarea, .bbs-cmt-box .cmt-btn input, .bbs-cmt-box form, .bbs-cmt-box fieldset
{margin:0 ; padding:0}

.bbs-cmt-box {width:100%;border:1px solid #ccc;position:relative;background:#fff}
.bbs-cmt-box .wrap {padding:10px 20px 10px 15px}
.bbs-cmt-box .cmt-textarea {float:left;width:100%;}
.bbs-cmt-box .cmt-textarea textarea{
width:100%;overflow:auto;float:left;height:67px;_height /**/:73px;padding:4px 0 0 5px;
border:1px solid #ccc ;border-right:1px solid #e9e9e9}

.bbs-cmt-box .cmt-btn {width:73px;_display:inline;float:left;margin-left:3px}
.bbs-cmt-box .cmt-btn input{width:73px;height:73px;display:block;float:left; margin-left:4px;_margin-left:4px !important}
.bbs-cmt-box .btn-area {background:#f0f0f0;width:100%;text-align:right;padding:5px 0;border-top:1px dotted #ddd}

.bbs-cmt-box .user {list-style:none}
.bbs-cmt-box .user li {float:left;font-size:12px;margin-bottom:10px;color:#353535}
.bbs-cmt-box .input {position:relative;margin:0px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;font-size:12px;}


.cmt-list{width:100%;position:relative;}
.cmt-list ul {padding:10px 5px}
.cmt-list li {margin-top:12px;}
.cmt-list .cmt_writer {}
.cmt-list .name {font-size:12px;color:#2754a7;font-weight:bold}
.cmt-list .date {font-size:12px;font-family:tahoma, applegothic}
.cmt-list .comment {padding:4px 0 10px 0;border-bottom:1px dotted #bbb}

/*--보안코드--*/
.captchabox {font-size:12px;margin-top:10px;font-family:dotum}
.captchabox .simg {border:1px solid #ddd}
.captchabox .captchaimg, .captchabox .captcha-info,
.captchabox ul.captcha{float:left;}
.captchabox ul.captcha li{float:left;margin-left:0px}
.captchaimg {margin-right:10px}

/* 보안코드(2) */
div.captchabox {
border-bottom: 1px dotted #bbb;
padding: 10px 8px;
/*background: #fffcf9;*/
}
ul.captcha {height:25px; list-style:none;padding:0;margin:0;}
ul.captcha li {float:left; margin-right:2px; }
ul.captcha li input { margin-top:0px !important; padding:0px !important; height:22px !important; width:120px; font-size:18px !important; font-weight:bold; border:1px solid #ddd;}
ul.captcha li.text { margin-top:3px; margin-left:10px;}
ul.captcha:after{overflow:hidden;clear:both;content:''}

#captcha_audio_play {position:absolute;top:-500px;width:1px; height:1px;}

/* 버튼위치 */
.btn_bottom { margin-top:5px; text-align:center; }

/* 팝업 */
.popwrap { margin:10px; }

/*--//댓글--*/

/*--//홈페이지 게시판*/

em.partition {font-style:normal;font-weight:normal;font-size:11px;font-family:'verdana','tahoma','arial','applegothic';color:#999;margin:0 6px;}







/* 게시판 쓰기폼 */
.inputline { padding:5px;border-bottom:1px solid #ddd; }

.datearea { list-style:none;  margin:0 !important; padding:0 !important; }
.datearea li { float:left; }
.datearea li.space { padding:0 2px; }
.calendar { width:90px; text-align:center; cursor:default; font-size:12px;padding:3px 0}
.calendaricon {  cursor:pointer; display:inline-block !important; width:20px; height:22px; margin:0px 0 0 2px; background:url(../images/calendar/icon_calendar.gif) left 2px no-repeat !important; text-indent:-5000px !important; }

/* 검색박스 및 결과 */
.srhbox { border:2px solid #999;}
.resulttxt { float:left; padding-left: 10px; background: url('../images/icon/bul_blue_arrow.gif') no-repeat 0 7px !important; margin-top:10px; font-size:11px; }
.resulttxt .count { color:#f00; }

.btn_listtop { float:right; margin-top:10px; padding:0px 0px 2px 0px; text-align:right; border:0px solid red;}
.form_table .warning { color:#882017; }

/* form */
ul.ajaxcheck li { float:left; margin-right:5px; }
.checkok { display:block; width:250px; height:22px; padding:3px 0 0 20px; border:0px solid red; background:url(../images/icon/check_ok.gif) 0px 6px no-repeat !important;  color:#587cbe; }
.checkfail { display:block; width:250px; height:22px; padding:3px 0 0 20px; border:0px solid red; background:url(../images/icon/check_fail.gif) 0px 6px no-repeat !important; color:#f50000; }
.checking { display:block; width:250px; height:22px; padding:3px 0 0 20px; background:url(../images/icon/loading.gif) 0px 6px no-repeat !important; color:#ddd;}


/* 게시물 목록 댓글개수 */
.txt_cmtcnt { font-size:11px; color:#f00;}
#bbs-view-wrap div.cnt { min-height:300px; }

/* 비밀번호확인 */
#askpasswdbox { width:187px; position:absolute; left:0px; top:0px; z-index:101; display:none;}
#askpasswdbox .askpoint {position:absolute; width:9px; height:5px; background:url(../images/board/layer_point.gif) left top no-repeat !important; }
#askpasswdbox .askbox {width:187px; border:2px solid #ccc; top:5px; padding:5px; position:relative; background-color:#fff; }
#askpasswdbox a.closepasswd { width:9px; height:9px; background:url(../images/board/layer_close.gif) left top no-repeat !important; position:absolute; right:5px; top:5px; text-indent:-5000px; z-index:10px; border:0px solid red;}

/* 댓글 삭제버튼 */
.cmt-list1 ul { padding:0px !important; }
.cmt-list1 li { padding-top:0px; border-bottom:1px dotted #ddd; position:relative;}
.cmt-list1 div.cmt_writer2 { float:left; width:10%; border-right:1px dotted #ddd; text-align:center;padding-top:5px;}
.cmt-list1 div.comment { float:left; width:86%; border:0px solid red; padding:0px 10px 10px 10px;}
.cmt-list1 div.date { font-size:11px; }

.cmt-list1 a.delicon {
position:absolute;
z-index:1000;
right:0px;
top:0px;
cursor: pointer;
border: 0x solid red;
margin: 3px 0 0 10px;
width: 15px;
height: 15px;
overflow:hidden;
background: url(../images/board/close_btn.png) 0px 15px no-repeat !important;
text-indent:-5000px;
}

.cmt-list1 a.over {
  background-position:0px -16px !important;
}

.cmt-list1 a.delicon:hover, .comment .comment_list a.focusin {
  background-position:0px -32px !important;
}

.cmt-list1 a.delicon:active {
  background-position:0px -48px !important;
 }

/* 파일업로드 */
#bf_filewrapper {
  border:1px solid #bbccff;
}

#bf_filewrapper .filelist {
  background-color:#fff;
  line-height:20px;
}

#bf_filewrapper .uploadbutton
{
  line-height:20px;
  background-color:#f1f4ff;
  padding:5px;
}

#bf_filewrapper .filelist ul li {
  float:left;
}


#bf_filewrapper .progressWrapper {
}

#bf_filewrapper .progressContainer {
  margin: 0px;
  padding: 3px 5px;
  border-bottom: 1px solid #E8E8E8;
  overflow: hidden;
}

#bf_filewrapper .spanButtonPlaceHolder { width:100px; height:20px; }

/* Message */
.message {
  background-color: #FFFFCC;
  overflow: hidden;
}
/* Error */
.red {
  background-color: #FFEBEB;
}

/* Current */
.green {
  background-color: #EBFFEB;
}

/* Complete */
.blue {
  background-color: #F0F5FF;
}

#bf_filewrapper .filename {
  font-size: 8pt;
  color: #555;
  width: 340px;
  height: 18px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  border:0px solid red;
  float:left;
}

#bf_filewrapper .filesize {
  font-size: 8pt;
  color: #555;
  width: 60px;
  height: 18px;
  text-align: right;
  margin-right:10px;
  white-space: nowrap;
  overflow: hidden;
  border:0px solid red;
  float:left;
}

#bf_filewrapper .progressErrMsg {
  background-color:#fff;
  height:12px;
  width:102px;
  float:left;
  margin:-1px 10px 0 0;
}


#bf_filewrapper .progressBarBorder {
  border:1px solid #999;
  background-color:#fff;
  height:12px;
  width:102px;
  float:left;
  margin:3px 10px 0 0;
}

#bf_filewrapper .progressBarEmpty {
  background-color:#fff;
  height:12px;
  width:102px;
  float:left;
  margin:3px 10px 0 0;
}


#bf_filewrapper .progressBarInProgress,
#bf_filewrapper .progressBarComplete,
#bf_filewrapper .progressBarError {
  font-size: 0;
  width: 0%;
  height: 10px;
  background-color: #6787E3;
  margin: 1px;
}

#bf_filewrapper .progressBarComplete {
  width: 100px;
  background-color: green;
  visibility: hidden;
}

#bf_filewrapper .progressBarError {
  width: 100px;
  background-color: red;
}

#bf_filewrapper .progressBarStatus {
  margin-top: 2px;
  width: 300px;
  font-size: 7pt;
  text-align: left;
  white-space: nowrap;
  border:0px solid red;
}

#bf_filewrapper .progressButton {
  margin-top:2px;
  height: 16px;
  width: 120px;
  float: right;
  line-height:16px;
  vertical-align:top;
  text-align:right;
  margin-right:3px;
  overflow:hidden;
  border:0px solid red;
  color:#678dd9;
  font-size:11px;
}

.goodfilebox { border:1px solid #bbccff; border-top:none; padding:5px; }

#bf_filewrapper .uploadbutton ul { list-style:none; margin:0; padding:0; }

/* file uploading */
.uploading { display:none; background:url(../images/common/loader.gif) 0px 0px no-repeat !important; padding-left:22px;  }


/* 게시물답변 */
.replydepth1 { padding-left:10px !important; }
.replydepth2 { padding-left:20px !important; }
.replydepth3 { padding-left:30px !important; }
.replydepth4 { padding-left:40px !important; }
.replydepth5 { padding-left:50px !important; }
.replydepth6 { padding-left:60px !important; }
.replydepth7 { padding-left:70px !important; }

/* 파일아이콘 */
/* file type icon */
.file_ace {display:inline-block; padding-left:20px; background:url(../images/filetype/ace.gif) left top no-repeat !important;}
.file_c {display:inline-block; padding-left:20px; background:url(../images/filetype/c.gif) left top no-repeat !important;}
.file_doc {display:inline-block; padding-left:20px; background:url(../images/filetype/doc.gif) left top no-repeat !important;}
.file_docx {display:inline-block; padding-left:20px; background:url(../images/filetype/docx.gif) left top no-repeat !important;}
.file_hlp {display:inline-block; padding-left:20px; background:url(../images/filetype/hlp.gif) left top no-repeat !important;}
.file_ins {display:inline-block; padding-left:20px; background:url(../images/filetype/ins.gif) left top no-repeat !important;}
.file_mdb {display:inline-block; padding-left:20px; background:url(../images/filetype/mdb.gif) left top no-repeat !important;}
.file_pdf {display:inline-block; padding-left:20px; background:url(../images/filetype/pdf.gif) left top no-repeat !important;}
.file_rar {display:inline-block; padding-left:20px; background:url(../images/filetype/rar.gif) left top no-repeat !important;}
.file_tiff {display:inline-block; padding-left:20px; background:url(../images/filetype/tiff.gif) left top no-repeat !important;}
.file_wma {display:inline-block; padding-left:20px; background:url(../images/filetype/wma.gif) left top no-repeat !important;}
.file_arj {display:inline-block; padding-left:20px; background:url(../images/filetype/arj.gif) left top no-repeat !important;}
.file_cab {display:inline-block; padding-left:20px; background:url(../images/filetype/cab.gif) left top no-repeat !important;}
.file_eps {display:inline-block; padding-left:20px; background:url(../images/filetype/eps.gif) left top no-repeat !important;}
.file_home {display:inline-block; padding-left:20px; background:url(../images/filetype/home.gif) left top no-repeat !important;}
.file_jpe {display:inline-block; padding-left:20px; background:url(../images/filetype/jpe.gif) left top no-repeat !important;}
.file_mid {display:inline-block; padding-left:20px; background:url(../images/filetype/mid.gif) left top no-repeat !important;}
.file_png {display:inline-block; padding-left:20px; background:url(../images/filetype/png.gif) left top no-repeat !important;}
.file_re {display:inline-block; padding-left:20px; background:url(../images/filetype/re.gif) left top no-repeat !important;}
.file_title {display:inline-block; padding-left:20px; background:url(../images/filetype/title.gif) left top no-repeat !important;}
.file_xls {display:inline-block; padding-left:20px; background:url(../images/filetype/xls.gif) left top no-repeat !important;}
.file_xlsx {display:inline-block; padding-left:20px; background:url(../images/filetype/xlsx.gif) left top no-repeat !important;}
.file_asf {display:inline-block; padding-left:20px; background:url(../images/filetype/asf.gif) left top no-repeat !important;}
.file_cer {display:inline-block; padding-left:20px; background:url(../images/filetype/cer.gif) left top no-repeat !important;}
.file_exe {display:inline-block; padding-left:20px; background:url(../images/filetype/exe.gif) left top no-repeat !important;}
.file_hpp {display:inline-block; padding-left:20px; background:url(../images/filetype/hpp.gif) left top no-repeat !important;}
.file_jpeg {display:inline-block; padding-left:20px; background:url(../images/filetype/jpeg.gif) left top no-repeat !important;}
.file_mov {display:inline-block; padding-left:20px; background:url(../images/filetype/mov.gif) left top no-repeat !important;}
.file_ppt {display:inline-block; padding-left:20px; background:url(../images/filetype/ppt.gif) left top no-repeat !important;}
.file_pptx {display:inline-block; padding-left:20px; background:url(../images/filetype/pptx.gif) left top no-repeat !important;}
.file_rm {display:inline-block; padding-left:20px; background:url(../images/filetype/rm.gif) left top no-repeat !important;}
.file_txt {display:inline-block; padding-left:20px; background:url(../images/filetype/txt.gif) left top no-repeat !important;}
.file_z {display:inline-block; padding-left:20px; background:url(../images/filetype/z.gif) left top no-repeat !important;}
.file_asp {display:inline-block; padding-left:20px; background:url(../images/filetype/asp.gif) left top no-repeat !important;}
.file_aspx {display:inline-block; padding-left:20px; background:url(../images/filetype/asp.gif) left top no-repeat !important;}
.file_chk {display:inline-block; padding-left:20px; background:url(../images/filetype/chk.gif) left top no-repeat !important;}
.file_fla {display:inline-block; padding-left:20px; background:url(../images/filetype/fla.gif) left top no-repeat !important;}
.file_htm {display:inline-block; padding-left:20px; background:url(../images/filetype/htm.gif) left top no-repeat !important;}
.file_jpg {display:inline-block; padding-left:20px; background:url(../images/filetype/jpg.gif) left top no-repeat !important;}
.file_mp3 {display:inline-block; padding-left:20px; background:url(../images/filetype/mp3.gif) left top no-repeat !important;}
.file_ps {display:inline-block; padding-left:20px; background:url(../images/filetype/ps.gif) left top no-repeat !important;}
.file_swf {display:inline-block; padding-left:20px; background:url(../images/filetype/swf.gif) left top no-repeat !important;}
.file_unknown {display:inline-block; padding-left:20px; background:url(../images/filetype/unknown.gif) left 3px no-repeat !important;}
.file_zip {display:inline-block; padding-left:20px; background:url(../images/filetype/zip.gif) left top no-repeat !important;}
.file_au {display:inline-block; padding-left:20px; background:url(../images/filetype/au.gif) left top no-repeat !important;}
.file_chm {display:inline-block; padding-left:20px; background:url(../images/filetype/chm.gif) left top no-repeat !important;}
.file_gif {display:inline-block; padding-left:20px; background:url(../images/filetype/gif.gif) left top no-repeat !important;}
.file_html {display:inline-block; padding-left:20px; background:url(../images/filetype/html.gif) left top no-repeat !important;}
.file_js {display:inline-block; padding-left:20px; background:url(../images/filetype/js.gif) left top no-repeat !important;}
.file_mpeg {display:inline-block; padding-left:20px; background:url(../images/filetype/mpeg.gif) left top no-repeat !important;}
.file_psd {display:inline-block; padding-left:20px; background:url(../images/filetype/psd.gif) left top no-repeat !important;}
.file_tar {display:inline-block; padding-left:20px; background:url(../images/filetype/tar.gif) left top no-repeat !important;}
.file_vbs {display:inline-block; padding-left:20px; background:url(../images/filetype/vbs.gif) left top no-repeat !important;}
.file_avi {display:inline-block; padding-left:20px; background:url(../images/filetype/avi.gif) left top no-repeat !important;}
.file_cpp {display:inline-block; padding-left:20px; background:url(../images/filetype/cpp.gif) left top no-repeat !important;}
.file_gz {display:inline-block; padding-left:20px; background:url(../images/filetype/gz.gif) left top no-repeat !important;}
.file_hwp {display:inline-block; padding-left:20px; background:url(../images/filetype/hwp.gif) left top no-repeat !important;}
.file_key {display:inline-block; padding-left:20px; background:url(../images/filetype/key.gif) left top no-repeat !important;}
.file_mpg {display:inline-block; padding-left:20px; background:url(../images/filetype/mpg.gif) left top no-repeat !important;}
.file_ra {display:inline-block; padding-left:20px; background:url(../images/filetype/ra.gif) left top no-repeat !important;}
.file_tgz {display:inline-block; padding-left:20px; background:url(../images/filetype/tgz.gif) left top no-repeat !important;}
.file_vcf {display:inline-block; padding-left:20px; background:url(../images/filetype/vcf.gif) left top no-repeat !important;}
.file_bmp {display:inline-block; padding-left:20px; background:url(../images/filetype/bmp.gif) left top no-repeat !important;}
.file_crt {display:inline-block; padding-left:20px; background:url(../images/filetype/crt.gif) left top no-repeat !important;}
.file_h {display:inline-block; padding-left:20px; background:url(../images/filetype/h.gif) left top no-repeat !important;}
.file_ini {display:inline-block; padding-left:20px; background:url(../images/filetype/ini.gif) left top no-repeat !important;}
.file_lzh {display:inline-block; padding-left:20px; background:url(../images/filetype/lzh.gif) left top no-repeat !important;}
.file_new {display:inline-block; padding-left:20px; background:url(../images/filetype/new.gif) left top no-repeat !important;}
.file_ram {display:inline-block; padding-left:20px; background:url(../images/filetype/ram.gif) left top no-repeat !important;}
.file_tif {display:inline-block; padding-left:20px; background:url(../images/filetype/tif.gif) left top no-repeat !important;}
.file_wav {display:inline-block; padding-left:20px; background:url(../images/filetype/wav.gif) left top no-repeat !important;}
.file_css {display:inline-block; padding-left:20px; background:url(../images/filetype/wav.gif) left top no-repeat !important;}
.file_folder {display:inline-block; padding-left:20px; background:url(../images/filetype/folder.gif) left 2px no-repeat !important;}


/* 게시물 제목 색상 */
.titlecolor1 {color:#4587eb !important;}
.titlecolor2 {color:#6e9cf2 !important;}
.titlecolor3 {color:#8394cf !important;}
.titlecolor4 {color:#7b8493 !important;}
.titlecolor5 {color:#4b4b4b !important;}

.titlecolor6 {color:#2eb8c7 !important;}
.titlecolor7 {color:#69c2d2 !important;}
.titlecolor8 {color:#97add2 !important;}
.titlecolor9 {color:#94a5b6 !important;}
.titlecolor10 {color:#8c66d9 !important;}

.titlecolor11{color:#44be1e !important;}
.titlecolor12{color:#93cc4b !important;}
.titlecolor13{color:#b4b4b4 !important;}
.titlecolor14{color:#a28ab5 !important;}
.titlecolor15{color:#c08bd7 !important;}

.titlecolor16{color:#b0bc2d !important;}
.titlecolor17{color:#ccc05d !important;}
.titlecolor18{color:#beb297 !important;}
.titlecolor19{color:#da9b9b !important;}
.titlecolor20{color:#f06280 !important;}

.titlecolor21{color:#dec200 !important;}
.titlecolor22{color:#e6a11b !important;}
.titlecolor23{color:#f3672a !important;}
.titlecolor24{color:#f62d2d !important;}
.titlecolor25{color:#d2423c !important;}


/* 갤러리 사진 */
.photobox { margin-top:20px; border:0px solid #eee; position:relative; }
.photobox .photoinfo { padding:0px 0px; background-color:#000;text-align:center; color:#fff;}


/* 갤러리 Lightbox */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 510;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}


/*gallery*/
.gal-list ul{overflow:hidden;position:relative;margin:0;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:0;border-right:0;font-size:12px;list-style:none;*zoom:1}
.gal-list ul:after{display:block;clear:both;content:""}
.gal-list li{overflow:hidden;float:left;position:relative;top:1px;width:340px;height:270px;border-bottom:1px solid #eee;line-height:16px}
.gal-list .thumb{display:block;overflow:hidden;position:relative;width:283px; height:188px; background:#eee;color:#666;line-height:120px;text-align:center;white-space:nowrap}
.gal-list .thumb img{display:block;width:280px; border:1px solid #A6C4E9}
.gal-list .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.gal-list .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.gal-list a{display:block;width:280px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer}
.gal-list a strong{display:inline-block;margin:8px 0 0 0;color:#333; }
.gal-list p{ margin:0 auto;font-size:11px;color:#767676;font-family:Tahoma, Geneva, sans-serif;margin-top:3px;text-align:center;}
.gal-list a:hover strong,
.gal-list a:active strong,
.gal-list a:focus strong{text-decoration:underline}
.gal-list a:hover .thumb,
.gal-list a:active .thumb,
.gal-list a:focus .thumb{margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}
.gal-list a:hover .thumb em,
.gal-list a:active .thumb em,
.gal-list a:focus .thumb em{visibility:visible;width:100%;height:auto}


/*event*/
.bbs-event{border-top:1px solid #ddd;margin-top:10px;padding:10px 2px;}

.hidden { display:none; }


@media only screen and (max-width: 767px) {
  .hidemobile { display:none; }
}