@charset "UTF-8";

/* 상단네비 지정 */
.nav .main_nav.board span {background-position:-601px -100px;}
.star_board span {height:22px;vertical-align:middle;}
.star_board.now {font-weight:bold;color:#b11717;}

/* .board_all {display:block;height:22px;padding:3px 0 0 18px;background:url(../../images/common/ico_board.gif) no-repeat;}
.board_all.now {font-weight:bold;color:#b11717;}
.board_notice {display:block;height:22px;padding:3px 0 0 18px;background:url(../../images/common/ico_board.gif) 0 -25px no-repeat;}
.board_notice.now {font-weight:bold;color:#b11717;} */

.board_list.open {height:auto;}
.board_list.open li {padding-left:15px;}
.ico.board {height:22px;padding:0 0 0 18px;background:url(../../images/common/ico_board.gif) no-repeat;}
.ico.board.all {position:relative;}
.ico.board.now {font-weight:bold;color:#b11717;}
.ico.board.notice {background-position:0 -25px;}
.ico.board.open {background-position:0 -47px;padding-bottom:0;height:15px;}
.ico.board.closed {background-position:0 -72px;}
.ico.board.dot {background-position:0 -97px;padding-left:10px}
/**
    게시판 새창 띄우기에 사용되는 아이콘 추가.
 */
.ico_new_window {display:inline-block;width:12px;height:13px;background:url(../../images/common/ico_mail_list.png) -28px 0 no-repeat;vertical-align:middle;}

/* 20130227 글보기 */
.view_hit {position:absolute;right:20px;top:20px;}
.view_file {text-align:right;}
.view_file span {display:inline-block;padding-left:20px;background:url(../../images/common/ico_board_save.gif) no-repeat;}
.board_txt_area {min-height:200px;padding:20px;line-height:18px;word-break:break-all;}
.board_comment {background:#f5f5f5;margin:0 20px 30px 20px;padding:10px 20px 77px 20px;border:1px solid #ccc;position:relative;}
.board_comment table {width:100%;}
.board_comment td {border-bottom:1px solid #eee;}
.board_comment .comment_name {width:150px;padding:5px 0;}
.board_comment .comment_txt {width:auto;padding:5px 0 5px 10px;line-height:140%;}
.board_comment .comment_date {width:150px;text-align:right;font-size:11px;color:#777;}
.board_comment .comment_input {position:absolute;left:20px;right:100px;}
.board_comment .comment_input textarea {margin:0 0;border:1px solid #ddd;margin-top:10px;width:100%;height:50px;}
.board_comment .comment_input_bt {position:absolute;margin-top:10px;right:20px;width:70px;height:50px;}
.board_comment .comment_input_bt button {width:100%;height:56px;border:1px solid #ccc;color:#555;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,1);border-radius:3px;background:#b0b0b0; /* Old browsers */background:-moz-linear-gradient(top,  #fff 0%, #eee 2%, #e1e1e1 100%); /* FF3.6+ */background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(2%,#eee), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,  #fff 0%,#eee 2%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,  #fff 0%,#eee 2%,#e1e1e1 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,  #fff 0%,#eee 2%,#e1e1e1 100%); /* IE10+ */background:linear-gradient(to bottom,  #fff 0%,#eee 2%,#e1e1e1 100%); /* W3C */}

/* 20130430 left_area */
/*.left_box .left_list.drop .drop_box li ul > li {display:block;padding:7px 0 7px 20px;}*/

/* 20130319 이미지 리스트 css */
.img_list:after {content:"";display:block;clear:both;}
.img_list li {float:left;display:block;width:25%;}
.img_list li div {position:relative;}
.img_list li div table {width:180px;margin:30px auto 30px auto;}
.img_list li div table thead td {border-bottom:1px solid #ccc;height:20px;}
.img_list li div table thead td:last-child {text-align:right;}
.img_list li div table tbody .thumbnail td {padding:5px 0 5px 0;}
.img_list li div table tbody .thumbnail img {border:1px solid #ddd;}
.img_list li div table tbody .name td {border-bottom:1px solid #eee;height:25px}
.img_list li div table tbody .subject th {border-bottom:1px solid #eee;text-align:left;height:25px;}
.img_list li div table tbody .subject.title th p {display:block;height:12px;}

.view_area div.nodata {text-align:center;margin:50px auto;width:60%;border:1px solid #ddd;padding:40px 0 50px 0;border-radius:5px;box-shadow:0 3px 5px rgba(0,0,0,.1)}
.view_area div.nodata .nodata_img {margin:10px 0 10px 0;}
.view_area div .boardbody {padding:10px;}


/* 20130521 게시판 글쓰기에서 plupload 관련 css */
.add_file {/*padding:0 20px 50px 20px;*/}
.add_file .btn_add_file {margin:0 10px;}
.add_file .btn_add_file:after {content:"";display:block;clear:both;}
.add_file .btn_add_file li {float:left;margin-right:5px;padding:5px 0;}
.add_file .btn_add_file li button{height:25px;line-height:normal;}
.add_file .btn_add_file .txt {float:right;}
.add_file .btn_add_file .txt span {font-size:12px;line-height:25px;}
.add_file .btn_add_file .txt {float:right;}
.add_file table thead th {height:25px;background:url(../../images/common/addfile_th_bg.gif) repeat-x;border-bottom:1px solid #dbdbdb;border-left:1px solid #fff;font-weight:bold;}
.add_file table thead:first-child th {border-left:1px solid #dbdbdb;}
.add_file table .addfile.check  {width:35px;text-align:center !important;padding:0;}
.add_file table .addfile.name  {width:auto;}
.add_file table .addfile.size  {width:80px;}
.add_file table .addfile.add  {width:110px;text-align:center;}
.add_file table .addfile.del  {width:85px;text-align:center;}
#drag_info{position:absolute;left:0;right:0;top:0;text-align:center;font-size:12px;color:#646464;padding-top:40px;}
/* 공지사항 및 한줄 알림 */
.list_notice {display:inline-block; border:1px solid #ccc;background:#e1e1e1;height:12px;line-height:14px;font-size:11px;color:#777;padding:2px 5px !important; line-height:12px;}
/* 자주가는 게시판 - 검색 */
.favor_area{overflow:hidden; padding:7px 10px; background:#ececec; border-bottom:1px solid #dbdbdb;}
/* 편지지 */
.write_paper {position:absolute;display:none;z-index:8888; right:20px;margin-top:45px;background:#fff;padding:10px 10px;border:1px solid #d2d2d2;width:150px;height:330px;box-shadow:0px 1px 3px rgba(0,0,0,.2);white-space:nowrap}
.paper_inner_div{height:100%}
.write_paper_item {width:150px;height:250px;text-align:center;padding:5px 5px 8px 5px} 
.write_paper ul {width:135px;overflow:hidden;float:none;display:block;padding:0 0 0 5px;margin:0 auto;text-align:center}
.write_paper ul li {position:relative;width:65px;float:left;padding:1px}
.write_paper_select {width:132px;margin:10px auto 5px auto;display:block}
.write_template {position:absolute;display:none;z-index:8888; right:20px;margin-top:45px;background:#fff;padding:10px 10px;border:1px solid #d2d2d2;width:150px;height:330px;box-shadow:0px 1px 3px rgba(0,0,0,.2);white-space:nowrap}
.template_inner_div{height:100%}
.write_template_item {width:150px;height:253px;text-align:center;padding:5px 5px}
.write_template ul {width:135px;overflow:hidden;float:none;display:block;padding:3px 0 0 5px;margin:0 auto;text-align:center}
.write_template ul li {position:relative;float:left;padding:1px;height:20px;text-align:center}
.write_template_select {width:132px;margin:10px auto 5px auto;display:block}
.filelist {position:relative;max-height:150px;min-height:80px;overflow:auto;margin:0;border-top:1px solid #eaeaea;border-bottom:1px solid #dcdcdc;}
popup.preview p, .popup.preview td, .popup.preview div {font-family:'돋움',sans-serif !important;font-size:10pt;line-height:1.5;margin:0;}

#favorite_list table tbody td {border-width:0 0 1px 0; padding:5px 0;}
#boardWriteForm input[type="checkbox" i] {margin: 0 3px 0 0;}
#boardWriteForm #div_lang span {margin-right: 10px;}


/* 좌측영역 아이콘 추가 */

.icon_board {
    background: url(../../images/common/icon_board.png) 0 0 no-repeat;
    margin-right: 4px;
}

.icon_board.bookmark {
    display: inline-block;
    background-position: -1px -1px;
    width: 18px;
    height: 17px;
    vertical-align: middle;
}

.icon_board.bookmark.list {
    display: inline-block;
    background-position: -1px -37px;
    width: 18px;
    height: 17px;
    vertical-align: middle;
}

.icon_board.list {
    display: inline-block;
    background-position: -1px -19px;
    width: 18px;
    height: 17px;
    vertical-align: middle;
}

.icon_board.list.total {
    display: inline-block;
    background-position: -1px -57px;
    width: 18px;
    height: 17px;
    vertical-align: middle;
}

.icon_board.notice {
    display: inline-block;
    background-position: -1px -75px;
    width: 18px;
    height: 17px;
    vertical-align: middle;
}

.left_box .left_list.drop {
    margin-top: 3px;
}

.left_box .left_list.drop .drop_box > li {
    display: block;
    padding: 5px 0 5px 18px;
}

.left_box .left_list.drop .drop_box > li:hover {
    background: #f2f2f2;
}

.body_header .left_content_head span.txt {color: #1b74d0;}


/* 좌측영역 용량표시 */

.left_box_list .board_info_box {
	height: 24px;
	padding: 8px 20px;
	background-color: #fafafa;
	border-bottom: 1px solid #eeeeee;
}

.left_box_list .board_info_box .progress_bar {
    width: 100%;
    height: 6px;
    border-radius: 5px;
    margin-bottom: 5px;
	background-color: #ddd;
	position: relative;
}

.board_info_box .progress_bar .bar {
	height: 6px;
	border-radius: 5px;
}

.board_info_box .progress_bar .current_percent {
	background: #fbbc00;
	position: absolute;
	height: 6px;
    border-radius: 5px;
}

.board_info_box .size {float:left;}
#board_curr_size {color:#df4d4d;}
.board_info_box #board_max_size, .size_info {float:right;}
.board_info_box .size_total span {color:#555555;}
.board_info_box .size_info {margin-left: 5px;position: relative;}
.board_info_box .size_info a.icon {
	background:url(../../images/common/import1.gif) no-repeat;
	width:12px;
	height:12px;
	display:block;
	position: relative;
	top: 1px;
}
.board_info_box .size_info .layer_tip {
	display: inline-block;
    position: absolute;
    height: 22px;
    padding: 1px 6px;
    background-color: #fef7cc;
    border: 1px solid #dcd198;
    line-height: 19px;
    white-space: nowrap;
    color: #444;
    top: 17px;
    right: 0;
    z-index: 1;
}

.board_info_box .size_info .layer_tip .btn {
	background:url(../../images/common/btn_up2.png) no-repeat right center;
	padding-right: 9px;
	border-bottom: 1px solid #555;
	color:#555;
	font-size: 11px;
}


/* 20181112 좌측 상단영역 메일용량표시 숨김 */

.left_box_list .board_info_box_non {
	display:none;
}


/* 20181112 풋터 메일용량표시 변경 */

.footer.nonuseing .useing {
	position: absolute;
    margin: 0 0 0 20px;
    top: 3px;
    height: 25px;
    line-height: 25px;
	display: none;
}

.footer.nonuseing .notice {margin-left: 235px;}

.footer .useing .board_info_box .progress_bar{
	width: 100%;
	height: 6px;
    border-radius: 5px;
	background-color: #ddd;
	display: inline-block;
	position: relative;
	top: -1px;
}

.footer .useing .board_info_box { 
	width:70px;
	display: inline-block;
}

.board_info_box .progress_bar .bar {
	height: 6px;
	border-radius: 5px;
}


.footer .useing button {font-size: 11px;height: 20px;padding: 0 3px;line-height: 18px;}