/*
bizhost 추가 수정본 css
Last Updated: 2017-11-13
*/

/* 마이페이지 1:1문의 게시물 관리 버튼 */
.read_mg {
    height: 40px;
}

/* 자유게시판 작성자이름 부분 말줄임처리 */
.board_con .list_style table tbody tr td.author {
    overflow: hidden;
    text-overflow: ellipsis;

    white-space: nowrap;
    max-width: 100px;
}

/* 마이페이지 관리자 버튼 생길때 css 깨지는것 수정 */
.board_page .boardStyle_contents .btn {
	text-align: right;
    margin: 0 0 15px 0;
    z-index: 100;
}
.btn {
    z-index: 100;
}

/* 마이페이지 회원정보 이미지 */
tr.profile td img {
	width: 95px;
}

/* 커뮤니티 클럽목록 틀어지는 부분 수정 */
.commnity_club_list .club_cate .list ul li {
    height: 34px;
}

/* 작성 글 보기 제목 글이 길어지면 table 깨지는것 수정 */
table {
    word-break: break-all;
    word-wrap: break-word;
    table-layout: auto;
}

/* 이용약관 가운데정렬 안됨 - 적용되는지 안되는지 모르겠음 */
#ddanzi_sub_display {
	/*display:block; 안먹음*/
	clear:both;
	width: 1200px !important;
	box-sizing:border-box;
  padding: 0px;
}
#ddanzi_mypage_display {
	width: 1200px !important;
	margin:0 auto !important;
	position: static;
    display: table;
}

/* 20171116 */
/* 필진목록 닉네임 2줄 말줄임 적용 */
.board_list .editList .creater_lst li .creater_msg, .board_list .blog_style #createrLeftWrap .creater_msg {
    font-size: 14px;
    color: #666;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 2.4em;
}

/* 20171117 */
/* 회원정보보기 서명 부분 글내용이 많아지면 css 깨지는 부분 수정 */
.mypage_contents .member_table th {
    display: table-cell;
}

/* 기사 상세화면 아래 태그 길어지면 깨지는 부분 수정 */
.boardR .read_footer .left {
    width: 650px;
}
.boardR .read_footer .right {
    width: 200px;
   /* width: 100%;*/
}
/* 태그 글씨박스 안깨지게 수정 */
.boardR .read_footer .left .tag a {
    display: inline-block;
}

/* 친구보기 상단 알림 부분 xe css 안먹어서 강제로 먹임 */
/* 오류났을때 빨강이
.message.info p {
	width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    background-color: #F2DEDE;
    padding: 15px;
    font-size: 14px;
    color: #c55852;
    border-radius: 5px;
}*/
/*정상적일때 파랑이*/
.message.info p {
	/*width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    padding: 15px;
    font-size: 14px;
    color: #000000;
    border-radius: 5px;*/
}

/* 20171119 */
/* 회원가입약관동의 화면 깨지는 부분 수정 */
.mypage_contents .joinAgreement .txtArea_wrap .txtArea {
    box-sizing: border-box;
}

/* header 쪽 로그인유지 css 수정 */
.switch_login .login_al {
	box-sizing: border-box;
}

/* header 쪽 밤낮 css 수정 */
.switch_bg .toggle {
	box-sizing: border-box;
}

/* 커뮤니티 게시글관리버튼 css 위치 수정 */
.community_style .manager_board, .community_sectionBest .manager_board {
	top: 0px;
}

/* 블로그 관리 버튼 css 위치 수정 */
.blog_style .manager_board {
	top: 10px;
}
/* 블로그 화면에서 글쓰기버튼 css 위치 수정 */
.board_list .blog_style .createrRightWrap .board_page .btn {
    top: 0px !important;
    margin-bottom: 0;
    display: table;
}

/* 블로그화면 광고 부분 width값 큰거 수정 이미지 728x90 인데 width:699px이라서 이미지 100%수정해놓음 */
.board_list .blog_style .createrRightWrap .add_display {
    width: 100%;
}
.board_list .blog_style .createrRightWrap .add_display img {
    width: 100%;
}
/* 20171120 */
/* 블로그화면 댓글쓰기 form 부분 깨지는 것 수정 */
.board_list .blog_style .createrRightWrap .feedback .xeTextEditor {
	width:100%;
}
.board_list .blog_style .createrRightWrap .feedback form textarea {
    height: 120px;
    width: 82% !important;
}

/* 회원가입 alert - 이부분 나중에 통째로 빼야함 이미 기존에 있음 */
.mypage_contents form table tr td.wpw_ex span.alert {

}

/* 회원가입 동의버튼 위치 수정 */
.mypage_contents .joinAgreement .joinButtonArea {
	margin:0 auto;
}

/*20171121*/
/* 검색결과 없을때 css 없어서 추가 임의로 했습니다. */
.noResult {
    width: 100%;
    display: block;
    text-align: center;
    margin: 40px 0 80px 0;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
}
/* 계속검색 버튼 css 없어서 추가 임의로 했습니다. */
.noResult a.btn {
	 color: #373fb3;
    text-decoration: underline;
}

/* 회원가입정보 체력부분 체력없을때 숫자 위치 수정 */
.mypage_contents .member_table tr.wirte_score .progress .pTitle {
    padding: 0px 10px 0px 10px;
}

/* 연재기사묶음 버튼 css 추가  */
.manager_board .seriesButton.left_btn {
	position:absolute;
	left:0;
	margin:0 !important;
}

/* 회원정보 부분 마이페이미 말고 다른 페이지에서 볼때 css 깨짐 현상 수정 */
.member_table {
width: 540px;
display: block;
margin: 100px auto 160px;
}

.member_table tbody {
border-top: 1px solid #d9d9d9;
}

.member_table tr {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #d9d9d9;
}

.member_table tr.profile {
height: auto;
line-height: initial;
min-height: 110px;
}

.member_table th {
width: 200px;
display: table-cell;
background: #fafafa;
padding: 0px 30px 0px 30px;
font-size: 14px;
font-weight: 600;
text-align: left;
height: 100%;
}

.member_table th em {
font-style: normal;
font-weight: normal;
color: #e00;
padding-left: 5px;
}

.member_table td {
text-align: left;
width: 340px;
padding: 0px 30px 0px 30px;
font-size: 14px;
display: table-cell;
}

.member_table tr.profile th {
padding: 48px 30px 48px 30px;
}

.member_table tr.profile td {
vertical-align: middle;
}

.member_table tr.realName td {
color: red;
}

.member_table tr.realName .realName_chk {
width: 70px;
height: 28px;
line-height: 28px;
border: 1px solid #d9d9d9;
margin-left: 10px;
}

.member_table tr.wirte_score {
height: 80px;
line-height: 80px;
}

.member_table tr.wirte_score .progress {
width: 280px;
height: 30px;
line-height: 30px;
background: #c8c8c8;
position: relative;
}

.member_table tr.wirte_score .progress .pBar {
display: block;
background: #000;
}

.member_table tr.wirte_score .progress .pTitle {
text-align: right;
color: #fff;
display: block;
padding: 0px 10px 0px 0px;
}

.member_table .btnArea {
margin: 40px 0px 0px;
text-align: center;
}

.member_table .btnArea span {
display: inline-block;
width: 170px;
height: 70px;
line-height: 70px;
background: #000;
text-align: center;
margin-left: 11.5px;
}

.member_table .btnArea span:first-child {
margin-left: 0;
}

.member_table .btnArea span a {
display: block;
color: #fff;
font-size: 15px;
font-weight: 600;
}

.member_table .real_name_txt {
margin: 25px 0px 0px 0px;
background: #eee;
border: 1px solid #d9d9d9;
padding: 15px 15px 5px 30px;
}

.member_table .real_name_txt li {
display: list-item;
font-size: 14px;
line-height: 22px;
list-style: decimal;
padding-bottom: 10px;
}
/* //회원정보 부분 마이페이미 말고 다른 페이지에서 볼때 css 깨짐 현상 수정 - 끝 */

/* comment쪽 페이징처리 위치 틀어지는 css 수정 */
#comment .pagination {
	position: relative;
}

/* 20171122 */
/* 클럽에서 권한이 없을때 css 안먹는것 임의로 수정 */
.context_message {
	text-align: center;
    margin: 40px 0;
}
.context_message h1 {
    font-size: 15px;
    margin-bottom: 20px;
}
.context_message .btnArea a.btn {
	z-index: 100;
    margin-top: 10px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #000;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
	margin-right: 10px;
}
.context_message .btnArea button.btn {
	z-index: 100;
    margin-top: 10px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #999;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
}

/* 각 페이지 상단 title 부분 color 값 수정 */
.board_title_display h1 {
    color: #333;
	font-weight:bold;
}

/* header 검색창 너비값 때문에 돋보기 아이콘 위치 들어져서 수정 */
.search_display form {
    width: 270px;
}

/* 알림화면 마이페이지 페이징 깨짐 수정 http://ddg.ipee.kr/index.php?mid=member&act=dispNcenterliteNotifyList */
.xm .pagination {
    position: relative;
}

/* 종료방송 - 종료비상 일때 상단에 카테고리박스 css 수정*/
#categoryWrap.endbroadcast_style {
	border: 1px solid #d9d9d9;
}

/* 20171123 */

/* 페이징숫자가 커질때 버튼 중복되는 현상때문에 수정 */
.pagination {
	/* 20171214 글이없을때 버튼 간격조절때문에 수정 */
	/*margin-bottom:0 !important;*/
	line-height: 38px;
    margin-bottom: 15px;
    margin-top: 15px;
	/* //20171214 글이없을때 버튼 간격조절때문에 수정 끝 */
}
.pagination a {
	padding: 0px 7px !important;
}
.board_page .btn {
    position:relative;
	top:0;
    float: right;
    display: table;
}

/* 글쓰기버튼 수정 */
.board_page .btn .writeButton {
    display: block;
    width: auto;
    height: 27px;
    line-height: 27px;
    padding: 0px 15px;
    margin: 0 0 20px 0;
    vertical-align: top;
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

/* 관리자일때 나오는 버튼 위치 수정 */
.manager_board {
	height: 42px;
	clear: both;
    display: block;
    margin:20px 0px 0px 0px;
    text-align: right;
}

/* 게시글관리 버튼 글씨 높이 안맞아서 수정 */
.manager_board .managerButton {
    line-height: 27px;
}

/* 우측사이드 프로필이미지 동그라미로 수정 */
.right_side_bar .my_info .profile {
    border-radius:50%;
    vertical-align: middle;
}

/* 연재기사화면 css*/
.nb_btn {
	font-size: 12px;
    line-height: 20px;
    color: #888;
    display: inline-block;
}
.nb_btn a {
	background: #fff;
    padding: 0px 8px;
    border: 1px solid #d9d9d9;
    margin-right: 5px;
    color: #888;
}

/* 마이페이지 페이징 간격 수정 */
.mypage_contents .board_con .list_style {
    margin: 40px 0px 0px 0px;
}

/* 20171124 */
/* sns 아이콘 아래 나오는 공유수/댓글수 나오면 안되서 가려놓음  */
.boardR .read_footer .right .sns_attach {
    display: none;
}

/* 글 삭제시 삭제하시겠습니까 */
.context_data {
	background-color: #fafafa;
    padding: 20px;
    box-sizing: border-box;
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
	margin-top:40px;
}
.context_data h3 {
	font-size: 14px;
    color: #333;
    margin-bottom: 10px;
	font-weight: 700;
}
.context_data p.author {
	font-size: 14px;
    color: #333;
}
.context_message .btnArea input.btn {
	z-index: 100;
    margin-top: 10px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #000;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
	margin-right: 10px;
	vertical-align: baseline;
}

/* 쪽지함 효과 */
.top_gnb .right ul li.message_effect a.active {
	color:#fff !important;
}

/* 딴지가이드쪽 css */
.warp_padding.guide_wrap .tab_style a {
	position: relative;
	background-color: #fff;
	width: 118px;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #888;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-bottom: 1px solid #000;
	border-left: none;
}
.board_list.guide_wrap .guide {
	border-top:2px solid #000;
	margin-top: -10px;
}
.board_list.guide_wrap .guide ul.faq > li {
	border-bottom:1px solid #d9d9d9;
}
.board_list.guide_wrap .guide ul.faq > li.document > a:before {
	content: '\f2c4';
	font-family: 'FontAwesome';
	color: #fff;
	display: inline-block;
	margin: 0px 19px 0px 7px;
	width: 22px;
	height: 22px;
	background: #333;
	line-height: 22px;
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	border-radius: 22px;
}

.board_list.guide_wrap .guide ul.faq > li.notice > a > strong {
    background: #333;
    text-align: center;
    padding: 0px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    margin-right: 9px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
}

.board_list.guide_wrap .guide ul.faq > li a:after {
	content:'\f078';
	font-family:'FontAwesome';
	position:absolute;
	right:20px;
	/*bottom:25px;*/
	top:39%;
	color:#d9d9d9;
}
.board_list.guide_wrap .guide ul.faq li > div {
	display:none;
	background-color:#fafafa;
	padding:20px;
    word-wrap: break-word;
	margin-bottom: 0 !important;
}
.board_list.guide_wrap .guide ul.faq li > div > * {
	font-size:14px;
	color:#888;
	line-height: 1.8;
}
.board_list.guide_wrap .guide ul.faq li > a span.faq_tit {
    max-width: calc( 100% - 95px );
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    vertical-align: middle;
	line-height: 22px;
	word-wrap: break-word;
    word-break: keep-all;
}
.board_list.guide_wrap .guide ul.faq li div.xe_content {
	margin-bottom:15px;
}
.board_list.guide_wrap .guide ul.faq li div.xe_content img {
	max-width:100%;
	width:auto;
	margin: 5px 0;
	display: block;
}

.board_list.guide_wrap .guide ul.faq li > a {
	font-size:14px;
	color:#888;
	display:block;
	padding:20px 10px;
	position:relative;
}
.board_list.guide_wrap .guide ul.faq > li a span.attach_icon {
	margin-left: 3px;
	color:#333;
}
.board_list.guide_wrap .guide ul.faq > li a span.attach_icon .fa {
	margin-right: 3px;
}

/* 이미지 첨부했을때 깨지는것 수정 */
.board_list.guide_wrap .guide ul.faq li > div > p > img {
	width:100%;
}

/* 20171126 */
/* 수정/삭제버튼 위치 */
.board_list.guide_wrap .guide ul.faq li div.btnArea {
	width: 100%;
    text-align: right;
    height: auto;
    margin-top: -1px;
    padding-top: 15px;
    border-top: 1px dotted #ccc;
}
.board_list.guide_wrap .guide ul.faq li div.btnArea div {
	display: inline-block;
	width: auto;
	height: 27px;
	line-height: 27px;
	padding: 0px 15px;
	vertical-align: top;
	background: #000000;
	border: 1px solid #000000;
	color: #fff;
	font-size:14px;
	text-align: center;
	cursor:pointer;
}

.board_list.guide_wrap .guide ul.faq li div.tag {
    line-height: 18px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0px 5px 0px;
    height: auto;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.board_list.guide_wrap .guide ul.faq li div.tag span {
font-size: 0;
vertical-align: sub;
margin-right: 10px;
}

.board_list.guide_wrap .guide ul.faq li div.tag a {
	height: 18px;
	background: #e7e7e7;
	font-size: 12px;
	padding: 3px 7px;
	margin-right: 5px;
	color: #666;
    display: inline-block;
}
.board_list.guide_wrap .guide ul.faq li div.tag a:before {
	content: '' ;
    background: transparent ;
    font-family: initial;
    padding-right: 2px;
    color: #999;
    width: auto ;
    height: auto;
    margin: 0 ;
}
.board_list.guide_wrap .guide ul.faq li div.tag a:after {
	content: '' ;
}

/* //딴지가이드쪽 */

/* 컨텐츠 안에 영상일때 width값 사이즈 안맞음 수정 */
.read_content iframe {
	max-width: 100% !important;
}

/* 20171127 */
/* 전체보기 박스 css */
.logo_gnb ul li .toggle_warp.toTap_all {
    /*width: 732px;
    left: -410px;
    box-sizing: border-box;*/
}

/* 관리자페이지에서 수정하러 페이지 들어가면 하단에 버튼 깨짐 수정 */
.btnArea span.btn-group {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}
.btnArea span.btn-group .btn{
	display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btnArea .etc select {
	vertical-align: middle;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.btnArea .etc input.btn {
	display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

/* 20171129 */
/* 방송 갤러리화면에서 메모 글자수가 많거나 조회수가 늘어나면 깨지는 화면 수정 css */
.magazin_style ul li:nth-child(4n+1) {
    clear:both;
}
#boardWrap .manager_edit .hits {
    float: right;
    height: auto;
    width: 40%;
    word-break: break-all;
    text-align: right;
}
#boardWrap .manager_edit {
    /*max-height: 72px;
	max-height: 90px;*/
    box-sizing: border-box;
	width: 100%;
}
.boardR .meta a span.memo {
    margin-left:3px;
}

/* 방송에서 닉네임이 길 경우 깨지는 css 수정 */
#boardWrap .manager_edit span {
    letter-spacing: -1px;
	word-break: break-all;
}

/* 기사 갤러리화면에서 조회수가 늘어나면 깨지는 화면 수정 css */
#boardWrap .manager_edit .time {
    width: 60%;
}
#boardWrap .manager_edit .edit_time {
    display: inline-block;
    width: 100%;
}
#boardWrap .manager_edit span.source {
	width: 90%;
    line-height: 12px;
}

/* 기사 리스트화면에서 메모가 10자일때 내용 안보여서 css 수정 */
.board_con .list_style table tbody tr td.author .memo {
    letter-spacing: -1px;
    font-size: 11.5px;
}

/* 기사에서 닉네임이 길 경우 깨지는 css 수정 */
.magazin_style ul li .name {
	display: inline-block;
	word-break: break-all;
}

.read_content .xe_content > table {
	/*border:2px solid gray;*/
}

/* 20171201 */

/* 작성글보기 table 깨짐 css */
.board_con .list_style table tbody tr td.title {
	/*width:553px;*/
}

/* 20171204 */
/* 2017-12-04 한상호 */

/*  에러메세지 관련 css 추가  */
.message {
	position: relative;
	margin: 1em 0;
	padding: 0 1em;
	border: 1px solid #ddd;
	border-radius: 4px;
	line-height: 1.4;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #f8f8f8;
}
body>.message {
	margin: 1em;
}
.message p {
	margin: 1em 0 !important;
}
/* 상단에 쪽지알림 올때도 이 */
.message.info {
	border-color: #BCE8F1;
	color: #3A87AD;
	background-color: #D9EDF7;
}
.message.error {
	border-color: #EED3D7;
	color: #B94A48;
	background-color: #F2DEDE;
}
.message.update {
	border-color: #D6E9C6;
	color: #468847;
	background-color: #DFF0D8;
}
/*  에러 메세지 css 끝  */

/* template_style start */
.read_content {
position: relative;
margin-bottom: 100px;
}

.templateStyle_a, .templateStyle_b {
width: 820px;
text-align: center;
margin: 0 auto;
}

.templateStyle_c {
width: 820px;
margin: 0 auto;
}

.templateStyle_a h2, .templateStyle_b h2, .templateStyle_c h2 {
margin: 80px 0px 40px 0px;
clear: both;
}

.read_content img {
margin-bottom: 10px;
}

.imgarea_1, .imgarea_2 {
width: 820px;
margin: 0 auto;
font-size: 0;
}

.templateStyle_a .textarea, .templateStyle_b .textarea {
text-align: left;
padding: 0px 65px 0px 65px;
margin: 40px 0px 40px 0px;
}

.templateStyle_a .textarea span, .templateStyle_b .textarea span, .templateStyle_c .textarea span {
font-size: 15px;
line-height: 36px;
}

.templateStyle_c .style3_area {
width: 100%;
overflow: hidden;
}

.templateStyle_c .style3_area .imgarea_3 {
width: 50%;
float: left;
font-size: 0;
}

.templateStyle_c .style3_area .right_txt {
width: 45%;
float: left;
margin-left: 5%;
}

.templateStyle_c .style3_area .imgarea_3 img {
display: block;
margin-top: 10px;
}

/* //template_style end */

/* 공통팝업 css */
.group_pop {
	display: none;
	position: fixed;
	z-index: 502;
	background: #fff;
	width: 90%;
	margin: 0 auto;
	height: auto;
	max-height: 560px;
	overflow-y: scroll;
	top: 10%;
	left: 5%;
}
.pop_style {
    height: 100%;
}
.pop_style h1 {
    display: block;
    background: #fff;
    color: #353636;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    font-weight: 400;
    padding: 0px 30px;
}
.pop_style ul {
    display: block;
    overflow: hidden;
    padding: 30px;
}
.pop_style ul li .q {
    font-size: 14px;
    color: #999;
    margin-bottom: 13px;
}
.pop_style ul li .a input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d9d9d9;
    padding: 0px 10px;
    font-size: 14px;
    color: #666;
}
.pop_style .btnArea {
    width: 100%;
    height: 80px;
    background: #f3f4f5;
    border-top: 1px solid #d9d9d9;
    padding: 20px 30px;
}
.pop_style .btnArea .btn {
    text-align: right;
    display: block;
    float: right;
}
.pop_style .btnArea input {
    display: block;
    width: auto;
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 14px;
}
/* //공통팝업 css 끝 */

/* 자료 불러올때 글쓴이 a태그 없이 가지고 올때 깨지는것 수정 */
.boardR .meta {
	color: #333;
    font-size: 14px;
	line-height:50px;
	padding: 0px 30px 0px 30px;
}

/* 편집부 추천 일때 아이콘 */
.con_warp .swiper-wrapper .swiper-slide .recommed {
    position: absolute;
    display: block;
    z-index: 100;
    right: 0;
    bottom: 0;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 12px;
    padding: 0px 10px;
}
.magazin_style .recommed {
    position: absolute;
    display: block;
    z-index: 100;
    right: 0;
    bottom: 0;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 12px;
    padding: 0px 10px;
}
.ma_list .recommed {
    position: absolute;
    display: block;
    z-index: 100;
    right: 0;
    bottom: 0;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 12px;
    padding: 0px 10px;
}

/* 20171205 */

/* admin 쪽지관리 css */
.x_control-group1 {
    margin-bottom: 10px;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
    clear: both;
}

/* 20171207 */

/* 메인화면 이미지 흑백처리 */
#main_visual a img {
    /*webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}

/* 메인화면 이미지 흑백 hover했을때 컬러 해야하면 이거 주석풀어서 하세요 */
#main_visual:hover a img {
    /*-webkit-filter: grayscale(0);
    filter: grayscale(0);*/
}
/* 메인화면  백그라운드 검정으로 처리 css */
#main_visual {
    background-color: #222;
}

/* footer 메뉴추가로 인해 css 깨짐 수정  */
#footer .foot_gnb ul li .toggle_warp .toggle_sub {
    padding: 10px !important;
}
#footer .foot_gnb ul li .toggle_warp .toggle_sub a {
    height: 30px !important;
    line-height: 30px !important;
}

/* 헤드 전체 메뉴 사이즈 변경 때문에 위치 수정 및 높이 등 수정*/
.logo_gnb {
    display: inline-block;
    position: relative;
    top: -7px;
}
.logo_gnb ul li {
    top: -8px;
}
.logo_gnb ul li .toggle_warp.toTap_all {
    width: 635px;
    left: -524px;
	top: 75px;
    box-sizing: border-box;
	z-index: 10000;
}
.logo_gnb ul li .toggle_warp.toTap_all .sub {
    width: 210px;
}
/* a hover시 아래 선 나오도록 수정 */
.logo_gnb ul li a span.under_bar {
	position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: transparent;
    top: 44px;
}
.logo_gnb ul li a span.on {
	background-color: #fff;
	position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    top: 44px;
}
.logo_gnb ul li a {
    padding-bottom: 38px;
	position: relative;
}
/* 롤링 공지 위치 수정 */
.logo_gnb .notice_display {
    padding-top: 20px;
}

/* 커뮤니티 고정 UI 수정 */

/* 클럽개설신청 버튼 css */
#categoryWrap.cate_style_community .search-block1 {
    width: 120px !important;
}
#categoryWrap.cate_style_community .search-block .board_wirte {
    margin-right: 0px;
}
#categoryWrap.cate_style_community .search-block .writeButton {
    padding: 0 7px;
    width: auto;
}
/* 카테고리 상단 부분 */
#categoryWrap ul li.colblack a {
    color: #333;
}
/* 카테고리 하단부분 */
#categoryWrap.cate_style_community ul .title {
    font-size: 14px;
	color:#666;
}
/* |첫번째 span값 없앰 */
#categoryWrap ul li:nth-child(2) a span {
	display:none;
}

/* 커뮤니티 서브메인 수정 */

/* 폐쇄글씨 자물쇠 아이콘으로 변경  */
.club_badge {
    display: inline-block;
    width: auto;
    height: 18px;
    line-height: 19px;
    background: transparent;
    color: #333;
    font-size: 12px;
    margin-left: 5px;
    text-align: center;
}

/* 중간에 위치하는 광고 div로 감쌈 */
.add_display_middle {
	margin-bottom:40px;
}

/* best 링크 걸어서 css 수정 */
.board_title_display h1 a {
    color: #333;
	font-size: 20px;
    font-weight: 600;
}

/* 블로그메인 */

/* 개별 검색창 위치 이동 */
.board_list .editList .edit_title {
	height:40px;
}
.board_list .editList .edit_title h1 {
    display: inline-block;
	float: left;
	margin-right: 20px;
	line-height: 40px;

}
.board_list .editList .edit_sort {
    float: left;
	line-height: 40px;
    height: 40px;
	padding-top: 4px;
}

.board_list .editList .edit_title .search-block {
    float: right;
    position: absolute;
    top: 0;
    display: block;
    margin: 0px auto;
    text-align: center;
    clear: both;
    right: 0;
}
.search-block .search-content .search_input {
    display: inline-block;
    margin-right: 3px;
    width: 240px;
}
.board_list .editList .edit_sort ul li span {
    top: 13px;
}

/* 20171208 */

/* 마빡리스트 신/구 페이지 추가 탭화면 처리 */
.m_commmu_tab {
	margin:40px 0 -20px 0 !important;
}
.commmu_tab {
	overflow: hidden;
	font-size: 0;
	display: block;
	margin: 0px 0px 0px;
}
.commmu_tab button {
	background: transparent;
	position: relative;
	width: auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0px 15px 0px 20px;
	color: #666;
	font-weight: normal;
}
.commmu_tab button span {
	position: absolute;
	left: 0;
	top: 14px;
	width: 1px;
	height: 14px;
	background: #c8c8c8;
}
.commmu_tab button:hover {
	color: #333;
}
.commmu_tab button.active_commu {
	color: #333;
	font-weight: bold;
}
.commmu_tab button:first-child {
    padding: 0 15px 0 0;
}
.commmu_tab button .alert {
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -16.5%;
	background: #000;
	width: auto;
	padding: 0px 7px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	border-radius: 20px;
	z-index: 500;
}
.community_contents {
	display: none;
	padding: 0;
	border: none;
	border-top: none;
	position: relative;
}

/* 상단 알림창 딴지요청으로 가림 */
#nc_container {
    border-bottom-color: transparent !important;
    background-color: transparent !important;
    color: transparent !important;
    opacity: 0.95;
}
#nc_container {
    z-index: 99;
    position: fixed;
    top: -30px !important;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0px !important;
    border-bottom: none !important;
    font-size: 12px;
    line-height: 15px;
}
#nc_container ul.nc_memu {
	display:none !important;
}
.ncenterlite_block {
    height: 0 !important;
}

/* 20171211 */

/* 방송 편집부 추천 위치 틀어져서 맞춤 */
#boardWrap .manager_edit .source a.spanA  {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #888;
    width: auto;
	position: relative;
    top: 2px;
}

/* 20171212 */
/* 1:1문의 select박스 추가 */
.mypage_contents .select_list {
    margin-top: 20px;
    display: inline-block;
    float: right;
    margin-bottom: 20px;
}
.mypage_contents .select_list select {
    border: 1px solid #d9d9d9;
    width: 200px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
}
.boardW {
    clear: both;
}
/* //1:1문의 select박스 추가 끝 */


/* 20171214 */
/* 클럽 자매당 딴지요청으로인한 css 변경 */
.right_side_bar .my_club ul li .club_connect {
    display: inline-block;
	width: 100%;
    box-sizing: border-box;
}
.right_side_bar .my_club ul li .club_connect div {
    display: inline-block;
	margin-right: 3px;
}
.right_side_bar .my_club ul li .club_connect ul {
    padding: 0;
    background: transparent;
	width: calc( 100% - 50px );
    float: right;
    clear: both;
    display: inline-block;
}
.right_side_bar .my_club ul li .club_connect ul li {
    padding: 0px 5px;
	float: left;
    display: inline-block;
    width: auto;
}
.right_side_bar .my_club ul li .club_connect ul li a {
    font-size: 14px;
    min-height: 25px;
    line-height: 25px;
    color: #333;
	display: inline-block;
    box-sizing: border-box;
    width: 100%;
}
.right_side_bar .my_club ul li .club_connect span {
    top: 7px;
}
.right_side_bar .my_club ul li {
    min-height: 25px !important;
	height: auto !important;
}

/* //클럽 자매당 딴지요청으로인한 css 변경 끝 */

/* 클럽명 옆에 19금/자물쇠 아이콘 */
.right_side_bar .my_club ul li img {
    vertical-align: middle;
    margin-left: 5px;
    width: 15px;
    height: 15px;
}
/* //클럽명 옆에 19금/자물쇠 아이콘 끝 */

/* 클럽타이틀명 옆에 가입/탈퇴 아이콘 */
.board_title_display {
    margin: 0px 0 30px;
    clear: both;
    position: relative;
    display: inline-block;
    width: 100%;
}
.board_title_display .pagetitle_name {
	float: left;
}
.board_title_display .my_club_box {
	float: left;
    margin-left: 20px;
    position: relative;
    top: -6px;
}
.board_title_display .navi {
    float: right;
    display: inline-block;
}
.board_title_display .my_club_box .box {
    background: #fafafa;
    border: 1px solid #d9d9d9;
}
.board_title_display .my_club_box .box .btnArea {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-align: center;
}
.board_title_display .my_club_box .box .btnArea a {
    font-size: 14px;
    display: block;
}
/* //클럽타이틀명 옆에 가입/탈퇴 아이콘 끝 */

/* 비밀번호변경 요청 익스에서 버튼화면 css깨져서 수정 */
#joinsubmit td:nth-child(2) {
	float:right;
}
/* //비밀번호변경 요청 익스에서 버튼화면 css깨져서 수정 끝 */

/* 댓글 입력창 깨지는 css수정 */
.feedback #cmt_list form textarea {
    border: 1px solid #d9d9d9;
    display: inline-block;
    width: 100% !important;
    height: 98px;
    padding: 10px;
    float: left;
	margin-bottom: 15px;
}
.re_talk {
    box-sizing: border-box;
    width: 100%;
}
/* //댓글 입력창 깨지는 css수정 끝 */

/* 댓글 입력창 댓글달기/취소 버튼 css 추가 */
.re_talk .fb_right .comment_submit {
    display: inline-block;
    width: auto;
    padding: 0px 13px;
    background: #a1a2a2;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    font-size: 14px;
    color: #fff;
	cursor: pointer;
}
.re_talk .fb_right .comment_cancel {
    display: inline-block;
    width: auto;
    padding: 0px 13px;
    background: #a1a2a2;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
	cursor: pointer;
}

/* 20171217 기사쪽 슬라이드 빼달라고해서 css 추가 */

.con_warp .article_wrap {

}
.con_warp .article_wrap .article_inwrap {
	width:100%;
	display:inline-block;
}
.con_warp .article_wrap .article_inwrap li {
	float:left;
	margin-bottom: 40px;
  /*margin-right: 40px;*/
	margin-right: 30px;
	width:270px;
}
.con_warp .article_wrap .article_inwrap li:nth-child(4n) {
	float:left;
	margin-right:0 !important;
}
.con_warp .article_wrap .article_inwrap li:nth-child(4n+1) {
	clear:both;
}

.con_warp a {
display: block;
}

.con_warp .img {
display: block;
border: 1px solid #e1e1e1;
position: relative;
}

.con_warp .img .imgNone{
display: block;
background-color: #ebebeb;
background-image: url(../../img/no-img.jpg);
background-size: cover;
background-position: 50% 50%;
}


.con_warp .img img {
width: 100%;
}

.img img{
/*-webkit-filter:grayscale(100%);
-ms-filter: grayscale(100%);
filter:grayscale(100%);
filter:gray;*/

}
.img img:hover{
/*-webkit-filter:grayscale(0);
filter:grayscale(0);*/
}


.con_warp .like {
position: absolute;
display: block;
z-index: 100;
left: 0;
bottom: 0;
width: auto;
height: 30px;
line-height: 30px;
background: rgba(0,0,0,0.7);
color: #fff;
font-size: 12px;
padding: 0px 10px;
font-weight: unset;
}

.con_warp .like .fa {
margin-right: 5px;
}

.con_warp .tit {
font-size: 16px;
color: #333;
width: 100%;
height: 78px;
line-height: 26px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
}

.index_backgroundChange.dark .con_warp .tit {
    color: #fff;
}

.con_warp .name, .con_warp .date {
width: 100%;
font-size: 14px;
color: #777;
line-height: 28px;
display: block;
font-weight: 400;
}

.con_warp .talk {
float: right;
font-weight: 400;
font-size: 14px;
line-height: 30px;
}

.con_warp .talk .fa {
margin-right: 8px;
color: #c8c8c8;
}

.con_warp .swiper-pagination {
display: none;
}

.con_warp .swiper-button-next, .con_warp .swiper-button-prev {
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
background: #c8c8c8;
border-radius: 3px;
opacity: 1 !important;
top: 44%;
}

.con_warp .swiper-button-next {
right: 0px;
}

.con_warp .swiper-button-next:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 21px;
color: #fff;
text-align: center;
}

.con_warp .swiper-button-prev {
left: 0px;
}

.con_warp .swiper-button-prev:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 21px;
color: #fff;
text-align: center;
}

.broad_bunker .bunker_list ul li:nth-child(3n+1) {
	clear:both;
}

.bar {
	width: 1px;
    height: 12px;
    background: #c8c8c8;
    margin: 0px 3px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 2px;
}

/* 딴지베스트 이미지 없을때 내용 보이게 처리  */
.con_warp .img {
    border: none !important;
}
.ddbest_tbox {
	width: 268px;
    height: 279px;
    overflow: hidden;
    background-color: #fff;
	box-sizing:border-box;
}
.ddbest_tbox p.dt_tit {
	width:100%;
	font-size: 16px;
    color: #333;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.ddbest_tbox p.dt_text {
	width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    font-weight: 400;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

/* 딴지베스트 이미지 없을때 내용 보이게 처리 반전일때  */
.index_backgroundChange.dark .con_warp .img {
    border: 1px solid #000 !important;
}
.index_backgroundChange.dark .ddbest_tbox {
    background-color: #000;
}
.index_backgroundChange.dark .ddbest_tbox p.dt_tit {

    color: #fff;
}
.index_backgroundChange.dark .ddbest_tbox p.dt_text {
    color: #777;
}

/* 커뮤니티 메인 베스트 이미지 없을때 내용 보이게 처리  */
.ddbest_tbox_cb {
    width: 200px;
    height: 212px;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
}
.ddbest_tbox_cb p.dt_tit {
	font-size: 14px;
    color: #333;
    width: 100%;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.ddbest_tbox_cb p.dt_text {
	width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.magazin_style ul li .like_cb {
	position: absolute;
	display: block;
	z-index: 100;
	left: 0;
	bottom: 0;
	width: auto;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color: #333;
	font-size: 12px;
	padding: 0px;
	font-weight: unset;
}

/* 미개발 sns 카카오밴드,밴드 아이콘숨김처리 */
.sns a.band {
	display:none !important;
}
/* //미개발 sns 카카오밴드,밴드 아이콘숨김처리 끝 */

/* 필진의 전당 검색시 검색어 없을때 css 추가 */
.creater_lst ul li.no_list_li {
	width: 100% !important;
    text-align: center;
    margin-bottom: 25px !important;
}
.creater_lst ul li.no_list_li p.no_list_text {
	height: auto;
    padding: 20px 5px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
/* //필진의 전당 검색시 검색어 없을때 css 추가 끝 */

/* 보기화면에서 div 값 때문에 깨지는 화면때문에 css 경로 수정해서 한번 더 적음 */
.read_footer {
position: relative;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 30px 0px 30px 0px;
height: auto;
margin-top: 100px;
	overflow: hidden;
}

.read_footer .left {
text-align: left;
display: inline-block;
}

.read_footer .right {
text-align: right;
display: inline-block;
float: right;
}

.read_footer .left .tag {
height: 18px;
line-height: 18px;
}

.read_footer .left .tag span {
font-size: 0;
vertical-align: sub;
margin-right: 10px;
}

.read_footer .left .tag a {
height: 18px;
background: #e7e7e7;
font-size: 12px;
padding: 3px 7px;
margin-right: 5px;
color: #666;
}

.read_footer .left .author_info {
display: block;
margin-bottom: 30px;
}

.read_footer .left .author_info .author {
display: block;
color: #333;
font-size: 14px;
line-height: 22px;
margin: 0;
padding: 0;
}

.read_footer .left .author_info .edit {
font-size: 14px;
color: #888;
display: block;
line-height: 22px;
}

.read_footer .right .sns {
/*margin-bottom: 30px;*/
display: block;
font-size: 0;
}

.read_footer .right .sns a {
display: inline-block;
margin-left: 10px;
}

.read_footer .right .sns_attach {
display: none;
}

.read_footer .right .sns_attach .attach_name {
display: inline-block;
font-size: 14px;
color: #666;
height: 18px;
line-height: 18px;
}

.read_footer .right .sns_attach .sum {
font-size: 14px;
color: #999;
margin-left: 20px;
padding: 0;
height: 18px;
line-height: 18px;
}

.read_footer .right .sns_attach .sum em {
color: #333;
}

.voteWrap.buttons {
margin-top: 30px;
text-align: center;
}

.voteWrap.buttons span {
display: inline-block;
width: 90px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
background: #a1a2a2;
color: #fff;
}

.voteWrap.buttons .vote {
background: #000;
margin-right: 5px;
}

.fileList {
margin-top: 60px;
}

.fileList .toggleFile {
font-size: 14px;
display: inline-block;
margin-bottom: 10px;
}

.fileList .toggleFile .fa, .boardR .fileList .files .fa {
margin-right: 5px;
}

.fileList .files {
display: none;
}

.fileList .files li a {
font-size: 11px;
color: #666;
line-height: 20px;
}

.sign {
position: relative;
clear: both;
border: 1px solid #d9d9d9;
height: auto;
padding: 10px 10px 10px 10px;
margin: 15px 0px 0px 0px;
/* 20171231 추가 */
	width: 100%;
    box-sizing: border-box;
    display: inline-block !important;
}

.sign img {
width: auto;
height: auto;
padding-right: 10px;
border-right: 1px solid #d9d9d9;
/* 20171231 추가 */
	float: left;
}

.sign .tx {
display: inline-block;
vertical-align: top;
font-size: 15px;
line-height: 22px;
padding-left: 20px;
padding-top: 10px;
/* 20171231 추가 */
	float: left;
  width: 76%;
  word-break: break-all;
}

.read_con .btnArea {
margin-top: 20px;
}

.read_con .btnArea span {
display: inline-block;
width: auto;
height: 27px;
line-height: 27px;
text-align: center;
background: #a6a6a6;
margin-right: 5px;
/* padding: 0px 15px 0px 15px; */
border: 1px solid #8d8d8d;
}

.read_con .btnArea span a {
display: block;
font-size: 14px;
color: #fff;
padding: 0px 15px;
}

.read_con .btnArea .list_btn {
float: right;
margin: 0;
}

.read_content table {

}
/* 보기화면에서 div 값 때문에 깨지는 화면때문에 css 경로 수정해서 한번 더 적음 */

/* pc header높이 변경 css */
.top_gnb {
    height: 48px;
    line-height: 45px;
}
#header {
    height: 121px;
}
.mid_gnb {
    padding: 15px 15px 0 15px;
}
.switch_login .login_al {
    height: 20px;
	width: 34px;
}
.switch_login .login_al .slide {
    height: 12px;
    width: 12px;
}
.switch_bg .toggle {
    width: 36px;
    height: 20px;
}
.switch_bg .toggle .slide {
    font-size: 14px;
    line-height: 13px;
    height: 12px;
    width: 12px;
    top: 2px;
    left: 18px;
}
.switch_bg .toggle.on .slide {
    left: 2px;
}
.switch_bg .toggle .slide:before, .switch_bg .toggle .slide:after {
    font-size: 9px;
}
.switch_bg .toggle .slide:before {
    right: -15px;
}
.switch_bg .toggle .slide:after {
    left: -13px;
}
.logo_gnb .notice_display {
    padding-top: 15px;
}
/* //pc header높이 변경 css 끝 */

/* 고용량 이미지 text 경고 표시 */
.saveP a {
	margin: 20px auto !important;
    width: 50%;
    border: 1px solid #ddd;
    padding: 10px 20px;
    background-color: #f1f1f1;
    font-size: 14px;
    color: #333;
    text-align: center;
    min-width: 300px;
    max-width: 500px;
	display: table;
}
/* //고용량 이미지 text 경고 표시 끝 */

/* 새글 첨부파일 아이콘 간격 추가 */
.tit .attach_icon .fa {
	margin-left:4px;
}
/* //새글 첨부파일 아이콘 간격 추가 끝 */

/* 팔로우 가려서 css 수정 */
.mypage_contents .tab_style {
    width: 100%;
    max-width: 1065px;
    overflow: hidden;
    border-left: 1px solid #d9d9d9;
}
#categoryWrap.article_style {
    border-top: 1px solid #d9d9d9;
	width: 100%;
    max-width: 1066px;
    box-sizing: border-box;
	margin-top: -2px;
}
/* //팔로우 가려서 css 수정 끝 */

/* best 앞 말머리 css */
.title .bnh_tit {
	color: #888;
    padding-right: 3px;
}
/* //best 앞 말머리 css 끝 */

/* 검색 input 입력창 사이즈 변경 수정 */
.search-block .search-content .search_input input {
    width: 247px;
	padding-right: 10px;
    box-sizing: border-box;
}
/* //검색 input 입력창 사이즈 변경 수정 끝 */

/* 설문조사 일때 css 틀어져서 수정 */
.poll_table tbody tr.cap td img {
	margin-bottom: 0px;
}
/* //설문조사 일때 css 틀어져서 수정 끝 */

/* 블로그메인 sns 우선 가려놓음 */
.creater_sns {
	display:none;
}
/* //블로그메인 sns 끝  */

/* 마빡 이미지 흑백처리 */
.key_list ul li .key_style img {
   /* webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}

/* 마빡 이미지 흑백 hover했을때 컬러 */
.key_list ul li .key_style img:hover {
   /* -webkit-filter: grayscale(0);
    filter: grayscale(0);*/
}

/* 광고영역 추가 css */
.add_display {
	clear:both;
    display: inline-block;
}
.add_display.main_add {
	margin:100px auto 0 auto;
}
.add_display.center {
	margin: 30px auto 0 auto;
	width: 100%;
}
.add_display.mt_0 {
	margin: 0 auto !important;
	width: 100%;
}
.add_display .mr_66 {
	margin-right:66px;
}
.add_display .mr_55 {
	margin-right:55px;
}
.add_display .fl {
	float:left;
}
.add_display .ta_c {
	text-align:center;
}

/* 광고 노랑배경 가림 */
ins {
    background-color: transparent !important;
}

/* 20171228 공지 rolling 부분 추가 수정 start _ 클리어픽스에서 전달받음 */
/* 20180430 딴지요청으로 다시 수정 */
.xe-widget-wrapper  {
	width:550px;
}

.notice_display .swiper-slide a {
    width: 93%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: auto;
	display:inline-block;
	color:#fff;
}
.notice_display .swiper-slide strong {
	background: #444;
    text-align: center;
    padding: 0px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    margin-right: 5px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
}
.logo_gnb .notice_display .swiper-pagination {
opacity: 0;
}

.notice_display .swiper-container-vertical>.swiper-wrapper {
/*padding-left: 22px;*/
}

.notice_display .swiper-button-next {
right: 3px;
background-image: initial;
top: 28px;
opacity:0.35;
}
.notice_display .swiper-button-next:hover, .notice_display .swiper-button-prev:hover {
opacity:1;
}

.notice_display .swiper-button-next:before {
content: "\e944";
font-family: 'xeicon';
font-size: 12px;
color: #fff;
}

.notice_display .swiper-button-prev {
right: 3px;
left: initial;
background-image: initial;
top: 40px;
opacity:0.35;
}

.notice_display .swiper-button-prev:before {
content: "\e941";
font-family: 'xeicon';
font-size: 12px;
color: #fff;
}

.notice_display .swiper-button-next.swiper-button-disabled, .notice_display .swiper-button-prev.swiper-button-disabled{
opacity:0.8;
/* 20170108 익스에서 화살표 수정 */
background-image: none;
}
/* 20171228 공지 rolling 부분 추가 수정 end _ 클리어픽스에서 전달받음 */

/* 후방주의 클릭 */
.board_addOption .care {
   cursor:pointer;
   font-size: 12px;
}

/* 기사/방송 목록에서 추천/해제시 아래 관리자 박스 깨짐 수정 */
#boardWrap .manager_edit .source.source_wrap {
	width:80%;
	display: inline-block;
}
#boardWrap .manager_edit .source span.editor_staff {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #888;
    width: 65px;
    float: left;
}
#boardWrap .manager_edit .source.source_wrap a.editor_val {
	float:left;
	width:50%;
}

.read_content .xe_content {
	line-height: 2.5 !important;
	font-size:13px;
	color: #333;
	word-wrap: break-word;
}

/* 추천일때 아이콘 색변경 */
.voteNum i.fa-thumbs-o-up:before {
	color: #1454ce;
}

/* 비추천일때 아이콘 색변경 */
.voteNum i.fa-thumbs-o-down:before {
	color: #ce1414;
}
/* 대댓글 부분 수정 */
.fdComment span {
	font-size: 14px !important;
    font-weight: normal !important;
    color: #999;
    float: left;
    position: relative;
    top: 0px;
    padding-right: 5px;
    height: 14px;
}
.fdComment .xe_content {
    color: #333;
    line-height: 25px;
    word-wrap: break-word;
	/*word-break: keep-all;*/
	word-break: normal;
    width: 100%;
}
.feedback .fbHeader {
    margin-top: 0;
    background-color: #f3f3f3;
    padding: 10px;
    margin-bottom: 0;
}
.feedback .fbHeader h3 {
    margin-bottom: 0px;
}

/* 제목 링크 이동시 색변경  */
.board_con .list_style table tbody tr td.title a {
	color:#333;
	line-height: 20px;
}
.board_con .list_style table tbody tr td.title a:visited ,
.board_con .list_style table tbody tr td.title a:active ,
.magazin_style ul li a:visited .tit ,
.magazin_style ul li a:active .tit {
    color:#999;
}
/* 태그 두줄이상 쓸때 깨짐 수정 */
.read_footer .left .tag a {
    height: auto !important;
}

/* 보기화면에서 제목1줄 이상일때 깨짐 현상 수정 */
.boardR .read_header .top_title {
    height: auto;
    line-height: 25px;
    padding: 15px 30px;
}
.boardR .read_header h1 {
    width: 82%;

	word-break: keep-all;
    word-wrap: break-word;

}
.board_con .list_style table tbody tr td.title a:first-child {
	word-break: keep-all;
    word-wrap: break-word;
    /*max-width: 460px;
	display: inline-block;*/
}
.boardR .read_header .right .time {
    margin-right: 0px;
}
.boardR .read_header .right .textScale {
    display: none;
}
.boardR .read_header .right {
    float: right;
    display: inline-block;
    height: auto;
    line-height: 0;
}
.boardR .read_header .right .time {
    margin-right: 0px;
    line-height: 25px;
}
.boardR .meta {
    line-height: 50px;
    padding: 0px 30px 0px 30px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.boardR .sum {
    float: right;
    padding-right: 0;
    height: 50px;
    line-height: 50px;
}
.boardR p.time {
    padding-left: 0px;
}
/* 글자크기조절 footer로 이동 */
.right .textScale {
    display: none;
}
.textScale1 {
    display: block;
	margin-bottom: 10px;
	margin-right: 0;
}
.foot_right .foot_tscale {
	text-align:right;
	padding-bottom: 1px;
}
.foot_right .foot_tscale .testScale {
	height: 50px;
    vertical-align: text-top;
    margin-right: 0;
}
/* 제목옆 댓글수 color값 변경 */
.board_con .list_style table tbody tr td.title a .talk {
	color:#888;
	padding-left:1px;
}
/* 블로그 서명부분 css 수정 */
.blog_style .boardR .sign .tx {
    width: 71%;
}

/* 댓글 새로고침 위치이동 */
.feedback .fbHeader {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	margin-bottom: -1px;
}
#cmt_list {
	margin-bottom: 20px;
	margin-top: 0;
}

/* 20180109 */
.board_con .list_style table tbody tr td {
    padding: 5px 3px;
}
.board_con .list_style table thead {
    height: 40px;
    line-height: 40px;
}
.read_content .xe_content {
    /* line-height: 20px !important; */
	padding: 0 30px;
}
/* 추가 댓글새로고침 */
.feedback .fbHeader1 {
	background-color: transparent;
    border-bottom: none;
    border-top: none;
    height: 16px;
    margin-top: -20px;
}
/* 댓글창아래 목록 */
.btn_list {
	display: inline-block;
    width: auto;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #a6a6a6;
    margin: 15px 0 0 0;
    /* padding: 0px 15px 0px 15px; */
    border: 1px solid #8d8d8d;
    float: right;
	margin-bottom: 15px;
}
.btn_list a {
	color: #fff;
    font-size: 14px;
    padding: 0px 15px;
}
/* 이전/다음페이지버튼 */
.top_pagination {
	margin-top: 15px;
}
.top_pagination a.tp_prev {
	font-size: 13px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    padding: 5px;
    color: #666;
    margin-right: 5px;
}
.top_pagination a.tp_next{
	font-size: 13px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    padding: 5px;
    color: #666;
}
/* 리스트 아래 목록 버튼 */
.view_btn_list {
	float: right;
    margin-right: 0px;
}
.view_btn_list a {
	display: block;
    width: 40px;
    height: 27px;
    line-height: 27px;
    padding: 0px 15px;
    margin: 0 0 0 15px;
    vertical-align: top;
    background: #a6a6a6;
    border: 1px solid #8d8d8d;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
/* 필진메인깨져서 수정 폰트때문인지 모르겠음 */
.board_list .editorPost_style {
    box-sizing: border-box;
}

/* 댓글 부분 수정 css */
#cmt_list ul li .fbItem {
    width: 100%;
    display: inline-block;
}
#cmt_list ul li .fbItem .fbMeta {
    margin-bottom: 0px;
    display: inline-block;
    float: left;
}
#cmt_list ul li .fbItem .fbMeta .time {
    display: block;
    font-size: 13px;
    color: #999;
    margin-top: 10px;
}
#cmt_list ul li .fdComment {
    /*max-width: 690px;*/
	width: 100%;
    height: auto;
    font-size: 14px !important;
    line-height: 26px;
    margin-bottom: 0px;
    float: left;
    margin-top: -5px;
    text-align: left;
}
#cmt_list ul li .btnArea .btn {
    display: inline-block;
    width: auto;
    /* padding: 0px 10px; */
    background: #fafafa;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
}
#cmt_list ul li .btnArea .btn a {
    font-size: 13px;
    color: #777;
    display: block;
    padding: 0px 10px;
}
.manager_display {
    position: relative;
    display: inline-block;
    float: right;
}
#cmt_list ul li .btn_border {
    display: inline-block;
    float: right;
}
#cmt_list ul li .btn_border .btn a {
    padding: 0px 10px;
    color: #333;
    display: block;
    font-size: 13px;
}
#cmt_list ul li .btn_border .btn a .fa-thumbs-o-up:before {
	color: #1454ce;
}
#cmt_list ul li .btn_border .btn a .fa-thumbs-o-down:before {
	color: #ce1414;
}
#cmt_list ul li .btn_border .btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d9d9d9;
    margin-right: 5px;
    background: #fff;
}
#fb_manager {
    display: inline-block;
    width: auto;
    padding: 0px 10px;
    background: #a1a2a2;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    font-size: 13px;
    color: #fff;
    margin-left: 5px;
}
.comment_btn_box {
	width: 100%;
    display: inline-block;
    box-sizing: border-box;
    clear: both;
	margin-top:15px;
}
#cmt_list ul li.re_comment .btnArea .btn {
    display: inline-block;
    width: auto;
    /* padding: 0px 10px; */
    background: #fff;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
}
.fdComment span.re_com_nickname {
	height: 26px;
    display: block;
    font-size: 13px !important;
    color: #999 !important;
    float: none;
	font-weight: bold !important;
}
#cmt_list ul li.re_comment .fdComment .xe_content {
    float: left;
}
.re_talk .fb_right .comment_submit {
    display: inline-block;
    width: auto;
    padding: 0px 10px;
    background: #a1a2a2;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}
.re_talk .fb_right .comment_cancel {
    display: inline-block;
    width: auto;
    padding: 0px 10px;
    background: #a1a2a2;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}
.fbItem_left {
	float:left;
	width:23%;
}
.fbItem_right {
	float:left;
	width:72%;
}
#cmt_list ul li .fbItem .fbMeta h4 a {
    font-weight: bold !important;
}

/* 게시판목록에서 개별 폰트사이즈변경 요청 */
.board_con .list_style table tbody tr td.no {
    padding: 5px 5px;
}

/* 딴지일보 사이트 수정사항 */
#categoryWrap.cate_style_community ul li.colblack a {
    font-weight: bold;
}
#categoryWrap.cate_style_community ul.cTab li.title  {
    font-weight: bold;
}
.board_sort ul li {
    background: #f8f8f8;
}

/* 기사모아보기 간격 */
.newsUser {
	margin-top:20px;
}

/* 게시판 목록 폰트 볼드처리 */
.board_con .list_style table thead tr th span,
.board_con .list_style table thead tr th span a,
.board_con .list_style table thead tr th {
    font-weight: bold;
	color: #333;
}
.board_con .list_style table tbody tr.notice td,
.board_con .list_style table tbody tr.notice td a {
    font-weight: bold;
}

/* 방송메인 후방주의 */
.boardStyle_contents .care {
    cursor: pointer;
    font-size: 12px;
	display: inline-block;
    text-align: left;
    color: #888;
	margin-bottom:20px;
}
.board_con .list_style table tbody tr td.title a.mypage_mod {
	display: inline-block;
    width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    vertical-align: middle;
}

/* 메인화면만 흑백처리 */
.contents_area_article .img img,
.contents_area_board .img img,
.contents_area_best .img img,
.con_warp_half .img img {
	-webkit-filter:grayscale(100%);
	-ms-filter: grayscale(100%);
	filter:grayscale(100%);
	filter:gray;

}
.contents_area_article .img img:hover,
.contents_area_board .img img:hover,
.contents_area_best .img img:hover,
.con_warp_half .img img:hover {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
}
/* 계속 검색하기 btn css */
.fr_addnext {
	display: inline-block;
}
.fr_addnext a.addnext {
	display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    background: #a6a6a6;
    border: 1px solid #8d8d8d;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
	box-sizing: border-box;
	position:absolute;
	top:0;
}
.search-content {
	position:relative;
}

/* 비회원 댓글 삭제시 */
.cdform {
	width: 100%;
    display: inline-block;
    text-align: center;
	margin-top: 70px;
}
.cdform h1 {
	font-size: 15px;
}
.cdform input.iText {
    width: 240px;
	border: 1px solid #ddd;
    font-size: 15px;
    padding: 3px;
	height: 40px;
    line-height: 40px;
	display: inline-block;
	position: relative;
    top: -1px;
}
.cdform input.btn {
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #000;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
    vertical-align: baseline;
	display: inline-block;
}

#cmt_list .write_author .item {
	display: inline-block;
}
#cmt_list .write_author .item input{
	width: 200px;
    height: 30px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    padding: 0 5px;
    margin-right: 10px;
}

.notice2 td, .notice2 td a{
    font-weight: bold;
}

/* 필진 블로그 대문 이미지 */
.blogImg {
	width:100%;
	text-align:center;
}
.blogImg img {
	width:auto;
	max-width:100%;
	border: 1px solid #d9d9d9;
}

/* 게시판 보기 제목 특수문자 입력시 줄바꿈 */
/* 기사 */
.board_con.ddanziNews .list_style table tbody tr td.title {
	max-width:417px;
}
/* 기사편집실 */
.board_con.news_edit .list_style table tbody tr td.title {
	max-width:417px;
}
/* 방송 */
.board_con.broadcast .list_style table tbody tr td.title {
	max-width:394px;
}
/* 자게 */
.board_con.free .list_style table tbody tr td.title {
	max-width:460px;
	overflow: hidden;
}
/* 독투 */
.board_con.doctu .list_style table tbody tr td.title {
	max-width:425px;
}
/* 필진 */
.board_con.creatorblog .list_style table tbody tr td.title {
	max-width:269px;
}
/* 클럽 */
.board_con.club .list_style table tbody tr td.title {
	max-width:479px;
}
/* 클럽신청 */
.board_con.clubApply .list_style table tbody tr td.title {
	max-width:489px;
}
/* 공지 */
.board_con.ddanziNotice .list_style table tbody tr td.title {
	max-width:427px;
}
/* 중고장터 */
.board_con.marketplace .list_style table tbody tr td.title {
	max-width:485px;
}
.board_con.nanum .list_style table tbody tr td.title {
	max-width:485px;
}
/* best,hot,new */
.board_con.best_all .list_style table tbody tr td.title,
.board_con.hot_all .list_style table tbody tr td.title,
.board_con.new_all .list_style table tbody tr td.title {
	max-width:425px;
}
/* 방송메인-최근방송후기 만, 커뮤니티 메인 */
.board_con.clubMain .list_style table tbody tr td.title,
.board_con .list_style.radioMain table tbody tr td.title {
	max-width:460px;
}
/* //게시판 보기 제목 특수문자 입력시 줄바꿈 끝 */

/* 연재기사 번들 타이틀 */
.bundle_wrap {
	clear: both;
	width: 100%;
	margin: 0px 0 15px 0;
	display: inline-block;
}
.bundle_wrap .bundle_tit {
    display: inline-block;
}
.bundle_wrap .bundle_tit a {
	color: #333;
    font-weight: bold;
}
.bundle_wrap .btn {
	float:right;
	display: inline-block;
    width: auto;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #a6a6a6;
    border: 1px solid #8d8d8d;
    float: right;
}
.bundle_wrap .btn a {
	color: #fff;
    font-size: 14px;
    padding: 0px 15px;
}
.bundle_tit_btnArea {
	margin: 0;
    display: inline-block;
    width: 100%;
}
.bundle_tit_btnArea a {
	display: block;
    width: 40px;
    height: 27px;
    line-height: 27px;
    padding: 0px 15px;
    vertical-align: top;
    background: #a6a6a6;
    border: 1px solid #8d8d8d;
    color: #fff;
    font-size: 14px;
    text-align: center;
    float: right;
}

/* 쪽지함보기 특수문자 깨짐 수정 */
.allow_message .group a strong {
	word-break: break-word;
    display: inline-block;
}
.wbwb {
	word-wrap: break-word;
    word-break: keep-all;
}

/* 클럽정보 부클럽장 css */
.right_side_bar .my_club .box ul li .club_connect1 {
	display: inline-block;
    width: 100%;
}
.right_side_bar .my_club .box ul li .club_connect1 div {
	display: inline-block;
    width: 64px;
    float: left;
}
.right_side_bar .my_club .box ul li .club_connect1 ul {
	width: calc(100% - 64px);
    float: left;
    padding: 0 0 0 5px;
}
.right_side_bar .my_club .box ul li .club_connect1 ul li {
	display: inline-block;
    margin-right: 5px;
}
.right_side_bar .my_club .box ul li .club_connect1 ul li a {

}

/* 블로그 태그부분 영역 수정 */
.blog_style .boardR .read_footer .left {
    width: 495px;
}

/* 자게만 제목 한줄처리 추가 css */
.board_con.free .list_style table tbody tr td.title a:nth-child(1) {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85%;
    display: inline-block;
    float: left;
    line-height: 24px;
	margin-right: 3px;
}

/* 중고장터 한줄 처리 css */
.board_con.marketplaceMain .list_style table tbody tr.notice td.title{
  max-width : 460px;
}
.board_con.marketplaceMain .list_style table tbody tr.notice td.title a:nth-child(1) {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
  display: inline-block;
  float: left;
  line-height: 24px;
	margin-right: 3px;
}
.board_con.marketplaceMain .list_style table tbody tr.notice2 td.title{
  max-width : 460px;
}
.board_con.marketplaceMain .list_style table tbody tr.notice2 td.title a:nth-child(1) {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
  display: inline-block;
  float: left;
  line-height: 24px;
	margin-right: 3px;
}

/* 신규광고영역 add_display */
/* 메인 광고 */
.add_display_new {
	clear: both;
    display: inline-block;
}

.add_display_new.main_add {
    margin: 100px auto 0 auto;
}

.ta_center div {
	text-align: center;
}
.wd100 {
	width:100%;
}
/* 공통메뉴 광고 */
.padding_box {
}
.menu_add {
	position:absolute;
	bottom:0px;
	left:20px;
}
/* 좌측윙 광고 */
.left-wing-wrap {
	position: absolute;
    top: 447px;
    left: 50%;
    margin-left: -770px;
    width: 120px;
    z-index: 100;
}

#ddanzi_sub_display {
	overflow: initial;
	position: relative;
}

#list_style.list_style.boardStyle_contents table{
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Tahoma, Arial;
  font-weight: 400;
  letter-spacing: 0px;
}

/* 회원레벨작업 */
.mem_level, .mypage_contents form table tr td span.mem_level {
	width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background-color: #a6a6a6;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    margin-right: 3px;
    display: inline-block;
	font-size: 12px;
	font-weight: normal;
}

.mem_level.mem_middle , .mypage_contents form table tr td span.mem_level.mem_middle {
	background-color: #595959;
}

.mem_level.mem_over , .mypage_contents form table tr td span.mem_level.mem_over {
	background-color: #000;
}

/* 회원정보수정화면단 버튼 변경 */
.mypage_contents form table tr#joinsubmit td input {
	width: 210px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
	background: #000;
    margin-right: 20px;
	border: none;
}
.mypage_contents form table tr#joinsubmit td input.btn.laterClick {
	width: 210px;
    height: 70px;
    line-height: 70px;
    background: #a6a6a6;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    margin-right: 0px;
}

/* 에디터화면에서처럼 본문내용보이도록 수정 */
.read_content h1 {
	display: block;
    font-size: 2em;
    font-weight: bold;
}
.read_content h2 {
	display: block;
    font-size: 1.5em;
    font-weight: bold;
}
.read_content h3 {
	display: block;
    font-size: 1.17em;
    font-weight: bold;
}
.read_content h4 {
	display: block;
    font-weight: bold;
}
.read_content h5 {
	display: block;
    font-size: 0.83em;
    font-weight: bold;
}
.read_content h6 {
	display: block;
    font-size: 0.67em;
    font-weight: bold;
}
.read_content pre {
	display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px;
}
.read_content sub {
    vertical-align: sub;
    font-size: smaller;
}
.read_content sup {
    vertical-align: super;
    font-size: smaller;
}
.read_content ol {
    display: block;
    list-style-type: decimal;
    padding-inline-start: 40px;
	list-style: decimal;
}
.read_content ol li {
    display: list-item;
    text-align: -webkit-match-parent;
	list-style: decimal;
}
.read_content ul {
    display: block;
    list-style-type: disc;
    padding-inline-start: 40px;
	list-style: disc;
}
.read_content ul li {
    display: list-item;
    text-align: -webkit-match-parent;
	list-style: disc;
}

/* 주간타이틀 */
/* 테이블 안 박스 */
.board_con .list_style table tbody.titleweek {
	background: #f3f3f3;
	border-bottom: 1px solid #d9d9d9;
}
.board_con .list_style table tbody.titleweek tr.bbn {
	border-bottom: none;
}
.board_con .list_style table tbody.titleweek tr.min {
	display:none;
}
.board_con .list_style table tbody.titleweek tr.max {
	display:none;
}
.board_con .list_style table tbody.titleweek tr td {
	text-align: left;
	padding: 5px 10px;
}
.board_con .list_style table tbody.titleweek tr.bbn_list td {
	padding-top: 0;
}
.board_con .list_style table tbody.titleweek tr td span.title {
	font-size:13px;
	color: #333;
    vertical-align: middle;
}
.board_con .list_style table tbody.titleweek tr td span.title a i.fa {
	font-size:17px;
	margin:0 10px;
}
.board_con .list_style table tbody.titleweek tr td span.more_btn {
	background-color: #666;
	color: #fff;
	width:83px;
	height:20px;
	line-height:20px;
	padding: 2px 5px;
	font-size: 12px;
	vertical-align: middle;
}
.board_con .list_style table tbody.titleweek tr td span.more_btn a {
	color: #fff;
}
.board_con .list_style table tbody.titleweek tr td span.close {
	float: right;
    margin-right: 5px;
    font-weight: bold;
}
.board_con .list_style table tbody.titleweek tr td span.open {	
    float: right;
    margin-right: 5px;
    font-weight: bold;
}
.board_con .list_style table tbody.titleweek tr td span.w33 {	
    width: 33.3%;
    float: left;
    text-align: left;
    line-height: 20px;
	/*font-size:13px;*/
	color:#333;
	font-weight:bold;
	vertical-align: middle;
}
/* 미립자 제거로 인해 아래 추가 */
.board_con .list_style table tbody.titleweek tr td span.w50 {	
    width: 49.5%;
    float: left;
    text-align: left;
    line-height: 20px;
	/*font-size:13px;*/
	color:#333;
	font-weight:bold;
	vertical-align: middle;
}

.board_con .list_style table tbody.titleweek tr td span.w50 .num {	
	font-size:13px;
	color:#aaa;
	vertical-align: middle;
}
.board_con .list_style table tbody.titleweek tr td span.w50 .name {	
	/*font-size:13px;*/
	color:#666;
}
.board_con .list_style table tbody.titleweek tr td span.w50 .name a {	
	/*font-size:13px;*/
	width: auto;
    max-width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
	color:#666;
}
/* 미립자 제거로 인해 추가 끝 */

.board_con .list_style table tbody.titleweek tr td span.w100 {	
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 7px;
	/*font-size:13px;*/
	color:#333;
	font-weight:bold;
	vertical-align: middle;
}
.board_con .list_style table tbody.titleweek tr td span.w100 .memo {
	display: block;
    color: red;
	letter-spacing: -1px;
    font-size: 11.5px;
	text-indent: 25px;
	height: 17px;
}
.board_con .list_style table tbody.titleweek tr td span.w100.max {	
    display:none;
}
.board_con .list_style table tbody.titleweek tr td span.w33 .num {	
	font-size:13px;
	color:#aaa;
	vertical-align: middle;
}
.board_con .list_style table tbody.titleweek tr td span.w33 .name {	
	/*font-size:13px;*/
	color:#666;
}
.board_con .list_style table tbody.titleweek tr td span.w33 .name a {	
	/*font-size:13px;*/
	width: auto;
    max-width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
	color:#666;
}
.board_con .list_style table tbody.titleweek tr td span[data-weeksub="1"]{
	display: none;
}
.weektitlePopUp
{
	display: none;
}

/* 번호 부분 타이틀 */
.numzone_tit {
    position: relative;
    width: 55px;
    height: 16px;
    line-height: 16px;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
}
.numzone_tit img {
    width:100%;
}
.numzone_tit .num_plus {
	position: absolute;
    top: -6px;
    right: -6px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background-color: #fff;
	border-radius: 10px;
}
.numzone_tit .num_plus .fa.fa-plus-circle {
    color: #7f7f7f;
    font-size: 12px;
    margin: 0;
    font-weight: 100;
}
.board_con .list_style table tbody tr td.author.txtleft {
	text-align: left;
}
/* 대댓에 상대방 이름 부분 */
#cmt_list ul li .fbItem .fbMeta h4 span.numzone_tit {
    position: relative;
    width: 55px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    padding: 0;
    margin-right: 5px;
}
#cmt_list ul li .fbItem .fbMeta h4 span.numzone_tit img {
	width:100%;
}
#cmt_list ul li .fbItem .fbMeta h4 span.numzone_tit .num_plus {
	padding:0;
}
#cmt_list ul li .fbItem .fbMeta h4 span.bmeminfo {
    color: #fff;
    padding: 0;
    display: inline-block;	
}
#cmt_list ul li .fbItem .fbMeta h4 span.bmeminfo span.mem_level {
    color: #fff;
    padding: 0;
    display: inline-block;	
	margin:0;
}
#cmt_list ul li .fbItem .fbMeta {
    width: calc(100% - 18px);
}
.fdComment span.mem_level {
	height: 22px;
    color: #fff;
    font-size: 12px !important;
	padding: 0;
	vertical-align: middle;
	float: initial;
}
.fdComment span.numzone_tit {
    font-size: 9px !important;
    font-weight: bold !important;
    float: initial;
    top: 1px;
    padding-right: 0px;
    height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.fdComment span.pconName {
	float: initial;
	vertical-align: middle;
	padding: 0;
}

.boardR .meta .numzone_tit {
	margin-right:5px;
}

/* 의인전체보기 */
.board_list.badge_wrap .badge ul.badge_list li div.xe_content {
    width: 100%;
    display: inline-block;
	margin-bottom: 0;
}
.board_list.badge_wrap .badge {
    border-top: none;
}	
.board_list.badge_wrap .badge ul.badge_list li > a span.badge_tit {
    width: auto;
    max-width: auto;
	font-size: 16px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    vertical-align: middle;
    line-height: 22px;
    word-wrap: break-word;
    word-break: keep-all;
}
.board_list.badge_wrap .badge ul.badge_list li > a {
    font-size: 14px;
    color: #888;
    display: block;
    padding: 0 10px;
    position: relative;
}
.board_list.badge_wrap .badge ul.badge_list > li {
    border-bottom: 1px dashed #d9d9d9;
    width: 100%;
    display: inline-block;
    padding:30px 0;
}
.board_list.badge_wrap .badge ul.badge_list > li a:after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: static;
    bottom: 25px;
    top: 39%;
    color: #d9d9d9;
	margin-left: 10px;
}
.board_list.badge_wrap .badge ul.badge_list > li.off a:after {
    content: '\f077';
    font-family: 'FontAwesome';
    position: static;
    bottom: 25px;
    top: 39%;
    color: #d9d9d9;
	margin-left: 10px;
}
.board_list.badge_wrap .badge ul.badge_list > li.search a:after {
    content: '';
    font-family: 'FontAwesome';
    position: static;
    bottom: 0;
    top: 0;
    color: #d9d9d9;
	margin-left: 0;
}
.board_list.badge_wrap .badge ul.badge_list li > div {
    display: block;
    margin-bottom: 0px;
    background-color: #fff;
    padding: 0px 10px;
}
.board_list.badge_wrap .badge ul.badge_list li.off > div {
    display: none;
}
.titleweek_list {
	margin-top: 10px;
}
.titleweek_list .inline {
	width: 49%;
    float: left;
    text-align: left;
    line-height: 20px;
	font-size:13px;
	color:#333;
	font-weight:bold;
	vertical-align: middle;
}
.titleweek_list .inline .left_box {
	text-align: left;
}
.titleweek_list .inline .left_box .tit {
	font-size:13px;
	color: #333;
    vertical-align: middle;
}
.titleweek_list .inline .right_box {

}
.titleweek_list .inline .right_box .numwrap {
    width: 100%;
    display: inline-block;
}
.titleweek_list .inline .right_box .numwrap .num {
	font-size:13px;
	color:#aaa;
	vertical-align: middle;
	font-weight: 100;
}
.titleweek_list .inline .right_box .numwrap .name {
	font-size:13px;
	color:#666;
}
.titleweek_list .inline .right_box .numwrap .name a {
	font-size:13px;
	width: auto;
	max-width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.board_list.badge_wrap .badge ul.badge_list li .titleweek_list .inline .right_box .numwrap .name a:after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: static;
    bottom: 0px;
    top: 0%;
    color: transparent;
    margin-left: 0;
}
.titleweek_list .inline .right_box .numwrap .memo {
    display: block;
    color: red;
	letter-spacing: -1px;
    font-size: 11.5px;
	text-indent: 25px;
	height: 17px;
}
.board_list.badge_wrap .badge ul.badge_list > li.search.no_list {
    border-bottom: none;
    width: 100%;
    display: inline-block;
    padding: 30px 0;
}
.board_list.badge_wrap .badge ul.badge_list > li.search .no_list {
    padding: 0 10px;
    color: #666;
	font-size:13px;
}

/* 주간타이틀보기 팝업 */
.weektitlePopUp.ui-corner-all {
	border-radius: 0;
	border-color: #333;
}
.weektitlePopUp.ui-dialog .ui-dialog-titlebar {
	display: none;
}
.weektitlePopUp.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
    border: none;
    padding: .3em 1em .5em 1em;
    margin-top: 0;
}
.weektitlePopUp.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	clear: both;
    width: 100%;
}
.weektitlePopUp.ui-dialog .ui-dialog-buttonpane button {
	width: 48%;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    background: none;
    font-size: 14px;
	border-color: #333;
}
.weektitlePopUp.ui-dialog .ui-dialog-buttonpane button.Lockclose {
	margin-right: 10px;
}
.weektitlePopUp.ui-dialog .ui-dialog-buttonpane button.comit  {
    background-color: #565656;
    color: #fff;
}
#weektitlePopUp {
	display: none;
}
#weektitlePopUp .contentTitle {
	font-size: 14px;
    line-height: 30px;
}

/* 글상세 서명부분 뱃지 추가 */
.sign_div {
	border: 1px solid #d9d9d9;
	margin-top: 15px;
}
.sign_table {
	border-collapse: separate;
	border-spacing: 10px;
	width: 100%;
}
.sign_table td {
	font-size: 14px;
}
.sign_table .badgeLwrap{
	display: inline-block;
	float: left;
	padding-right: 15px;
}
.sign_table .profileimg_td img{
	width: auto;
	max-width: 181px;
	height: auto;
	padding: 0 10px 0 0;
	border-right: 1px solid #d9d9d9;
}

.sign_table .profileimg_td {
	padding:0;
	width: 90px;
	min-width: 90px;
	max-width: 200px;
	vertical-align: top;
	text-align: center;
}

.sign_table .sign_td {
   line-height: 22px;
   vertical-align: top;
   box-sizing: border-box;
}

.sign_table td[data-signtd="2"] {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
}
.sign_table .badgeLwrap .medal_list_icon.badge_icon {
	width: auto;
	height: 60px;
	border: none;
	display: block;
	padding-right: 0;
}
.sign_table .badgeLwrap .badge_q {
	display: block;
	text-align: center;
	color: #ccc;
}
.sign_table .badge_allcount {
	line-height: 70px;
}

.board_con .list_style table tbody.titleweek tr td .fa.fa-window-maximize,
.board_con .list_style table tbody.titleweek tr td .fa.fa-window-minimize {
	color: #7f7f7f;
	font-size: 12px;
}

/* 자게 글상세 제목옆 댓글수 css 추가 */
.boardR .read_header h1 a.talk {
	color: #888;
    padding-left: 1px;
    font-weight: 100;
}

input#new_email
{
	width:300px;
	border-radius: 5px;
}
input#new_email.sendemail
{
	color: rgb(41, 128, 185);
}
input#old_mail
{
	border-radius: 5px;
}
input#old_mail.oldmail
{
	width:300px;
}
input#new_email_submit
{
    width: 134px;
    font-size: 14px;
    color: #fff;
    background-color: #a6a6a6;
    text-align: center;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    border-radius: 5px;
    line-height: 0px;
	cursor: pointer;
}
input#new_email_submit.resubmit
{
	background-color: rgb(41, 128, 185);
}
input#new_email_cancel
{
	width: 134px;
    font-size: 14px;
    color: #fff;
    background-color: #a6a6a6;
    text-align: center;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    border-radius: 5px;
    line-height: 0px;
	cursor: pointer;
}