/******************************************************************************************************************************************
*	Site Name	: 32BUS
*	Site URL	: https://32bus.com
*	Description	: Board Control
*	Company		: CELMON CO., LTD.
*	Author		: FUNNY
*	Date		: 2019/07 ~
*	Caution		: CORE 스크립트에는 URL 추적 코드가 압축되어 있으며, 파일 호출 시 해당 URL이 Google Analytics에 Referral 됩니다.
				  Referral에 기록된 IP와 URL은 철저하게 감시하여 저작권 침해시,
				  "대한변리사회" (응용미술저작물) 침해로 처벌 될 수 있으니 유의하시기 바랍니다.
*******************************************************************************************************************************************/
@charset "utf-8";


/* Responsive Table Write & View Mode */	
.RTWV										{border-spacing:0; border-collapse:collapse; width:100%; margin-bottom:20px;}
.RTWV caption								{display:none;}
.RTWV > tbody > * > *						{border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; margin:0; padding:15px 10px; vertical-align:middle; background:#FFF;}
.RTWV > tbody th							{text-align:center; background:#F8F8F8 !important;}
.RTWV > tbody > tr > th						{text-align:center; font-size:0.813rem; font-weight:600; min-height:61px}
.RTWV > tbody > tr > td						{text-align:left; font-size:0.875rem; min-height:61px;}

@media screen and (max-width:980px) {
	.RTWV colgroup							{display:none;}
	.RTWV > tbody > * > *					{display:block; font-size:12px; min-height:30px; border:0; margin:0; padding:5px; vertical-align:middle; border-bottom:1px solid #DEDEDE;}
	.RTWV > tbody > tr > th					{position:absolute; top:0; left:0; right:0; padding:0 100px 0 0px; text-align:left; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
	.RTWV > tbody > tr:first-child			{border-top:1px solid #DEDEDE;}
	.RTWV > tbody > tr						{padding-top:0; margin:0px;}
	.RTWV > tbody > tr > th					{display:none;}
	.RTWV > tbody > tr[style*="table-row"]	{display:block !important;}
	.RTWV > tbody > tr > td					{display:flex; align-items:center; position:relative; clear:both; text-align:left; padding:5px 5px 5px 120px !important; margin:0px; min-height:46px; line-height:18px;}
	.RTWV > tbody > tr > td:before			{content:attr(data-header); font-size:0.813rem; font-weight:600; display:block; position:absolute; top:0; left:0; bottom:0; text-align:center; margin-right:0px; width:110px; background:#F8F8F8; padding:0px 10px; overflow:hidden; line-height:46px;}
	.RTWV > tbody > tr > td:before			{white-space:normal !important; word-wrap:break-word; word-break:keep-all;}
	.RTWV > tbody > tr > td:after			{content:attr(data-essential); position:absolute; top:3px; left:3px; bottom:0; color:#fa3a0e; font-size:12px; font-weight:700; font-style:normal;}
}

.RTWV .fidx									{display:inline-block; height:36px; line-height:32px; min-width:30px; max-width:50px; border:1px solid #DDD; background:#F2F2F2; text-align:center; font:11px/36px Roboto;}
.RTWV .li_files								{margin-bottom:3px;}
.RTWV .uploaded_name						{margin:3px 0 8px 0; display:block; font-size:12px; letter-spacing:0px; color:#888;}
.RTWV .uploaded_name a						{margin-right:5px;}


/******************************************************************************************************************************************
*	Responsive Table - 2019.09.25 : FUNNY
*******************************************************************************************************************************************/
/* List */
table.RTBL						{border-spacing:0; border-collapse:collapse; width:100%;}
table.RTBL caption				{display:none;}
table.RTBL thead th				{background:linear-gradient(to bottom,#FFFFFF 50%,#F4F4F4 50%); border:1px solid #D8D8D8; margin-bottom:3px; color:#757575; font-size:13px; line-height:34px; font-weight:500; letter-spacing:-1px; text-align:center;}
table.RTBL tbody td				{font-size:12px; line-height:20px; letter-spacing:-1px; padding:12px 15px; border-bottom:1px solid #e5e5e5; color:#888; border-right:none;}
table.RTBL tbody td a			{display:inline-block; color:#888;}
table.RTBL tbody td a:hover		{color:#111;}
table.RTBL tbody td i			{margin:0 2px; color:#5db626;}

table.RTBL th, table.RTBL td	{text-align:center;}
table.RTBL tr:nth-child(odd)	{background:#F7F7F7;}
table.RTBL td span				{display:block;}


@media (max-width:600px){
	table.RTBL colgroup,
	table.RTBL thead			{display:none;}
	table.RTBL tr				{border:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;}
	table.RTBL td				{display:block; text-align:left;}
	table.RTBL td:first-child	{display:table-cell; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;} /* F */
	table.RTBL td:last-child	{display:table-cell; border-left:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;}
	table.RTBL td span			{margin:0 10px 0 0; display:inline-block; color:#333; letter-spacing:-0.08em;}
	table.RTBL td.noborder		{border:none;} 
}

/* View */
table.RTBV						{border-spacing:0; border-collapse:collapse; width:100%;}
table.RTBV caption				{display:none;}


/******************************************************************************************************************************************
*	Basic Board of Row Type Control - 2016.01.18 : FUNNY
*******************************************************************************************************************************************/
/* 일반형 게시판에서만 사용 함 [LIST] */
table.basicBBS_list					{width:100%;_width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; background:#FFF}
table.basicBBS_list caption			{display:none;}
table.basicBBS_list input.list_chk	{border:none}
table.basicBBS_list thead th		{height:34px; background:linear-gradient(to bottom,#FFFFFF 50%,#F4F4F4 50%); border:1px solid #d8d8d8; margin-bottom:3px;}
table.basicBBS_list thead th		{color:#757575; font-size:13px; line-height:34px; font-weight:500; letter-spacing:-1px; text-align:center;}
table.basicBBS_list tbody tr:hover	{background:#f2feec;}
table.basicBBS_list tbody td		{border-bottom:1px solid #D9D9D9; padding:15px}
table.basicBBS_list tbody td		{color:#515151; font-size:12px; letter-spacing:0em; text-align:center;}
table.basicBBS_list tbody td.subject{text-align:left;}
table.basicBBS_list tbody td a		{text-align:left; color:#757575; font-size:13px; font-weight:400; letter-spacing:-1px; text-align:center;}
table.basicBBS_list tbody td a:hover{color:#222;}

table.nodata						{width:100%;_width:100%; border-collapse:collapse; padding:0px; border-spacing:0px;text-align:center; border-bottom:1px solid #DDD;}
table.nodata td						{padding:30px 0; color:#858585; font-size:12px; line-height:1.4em; letter-spacing:0em;}

@media only screen and (max-width:640px) {
.basicBBS_list .RM640				{display:none;}
}

/* 일반형 게시판에서만 사용 함 [VIEW] */
#basicBBS_view						{position:relative; display:inline-block; *display:inline; zoom:1; display:table; width:100%;_width:100%; padding:0px; font-size:12px;}
#basicBBS_view .viewSubject			{position:relative; float:left; text-align:left; padding:0 0 10px 5px; font:15px celmonKr_bold; color:#111; letter-spacing:-0.1em;}
#basicBBS_view .viewSubject span.author	{text-align:left; font:11px NanumSquareR; letter-spacing:0em; color:#666; border-left:1px solid #CCC; margin-left:10px; padding-left:10px;}
#basicBBS_view .viewCinfo			{display:block; margin:10px auto; float:right; width:auto;}
#basicBBS_view .viewCinfo span.date	{text-align:left; font:10px Roboto; color:#666; letter-spacing:0em; border:1px solid #DDD; padding:5px; background:#EDEDED; margin-right:10px;}
#basicBBS_view .viewCinfo span.view	{text-align:left; font:10px Roboto; color:#666; letter-spacing:0em}
#basicBBS_view .viewContents		{position:relative; float:left; width:100%; height:auto;}
#basicBBS_view .viewContents .box	{margin:0 auto; font:14px/14pt NanumSquareR; color:#666;  background:#FFF; letter-spacing:0em; border:2px solid #DDD; padding:20px 60px; text-align:justify; border-radius:8px;}
#basicBBS_view .viewContents .addfile{position:relative; display:inline-block; width:100%;_width:100%; padding:0px;}
#basicBBS_view .viewContents img	{display:inline-block; max-width:100%; height:auto; text-align:center;}

#basicBBS_view .viewContents .icon_tag	{display:inline-block; height:22px; border:1px solid #ddd; padding:0px 3px; border-radius:2px; margin-right:3px;}
#basicBBS_view .viewContents .icon_tag i{line-height:20px; font-size:14px; color:#888;}

@media only screen and (max-width:640px) {
#basicBBS_view .viewContents .box	{padding:20px;}
}


/* 일반형 게시판에서만 사용 함 [WRITE] write.htm Control */
#basicBBS_write						{display:table; width:100%; padding:0px; font:12px NanumSquareR; box-sizing:content-box; box-sizing:border-box;}
#basicBBS_write .box				{margin:0 auto; padding:20px; border:2px solid #DDD; border-radius:8px;}
#basicBBS_write .logged_author		{display:block; width:100%; text-align:right; margin-bottom:10px; font:11px/16px; NanumSquareR; color:#777; letter-spacing:0px}
#basicBBS_write label.error			{position:absolute; display:block; width:200px; font:11px/22px NanumSquareR; color:#5db626; margin:5px 10px 0 0;}
#basicBBS_write li.subject			{position:relative; width:100%; margin:0 0 9px 0;}
#basicBBS_write .file_input			{margin:6px auto; width:100%;}
#basicBBS_write label.title			{display:none;}
#basicBBS_write ul.subject li		{margin-bottom:10px;}


/* VIEW 첨부파일 제어 */
.atch_file_area								{right:15px; float:right; height:16px; padding-bottom:15px;z-index:10; width:300px;}
.atch_file_area .atch_view					{background:url(/shop/img/file/btn_addfileview.gif) no-repeat 65px 2px; line-height:16px; padding-right:50px; position:absolute; right:0; top:0;}
.atch_file_area .ly_atch_file				{background:none repeat scroll 0 0 #FFF; border:1px DASHED #888;line-height:16px; margin-top:5px; padding:10px 26px 0 10px; position:absolute;}
.atch_file_area .ly_atch_file ul			{margin:9px 0 6px; max-height:500px; overflow-x:hidden; overflow-y:auto; padding:0 5px 3px 0; position:relative; width:100%;}
.atch_file_area .ly_atch_file li			{line-height:18px; padding-top:4px; padding-bottom:4px; position:relative; vertical-align:top; width:100%; border-top:1px solid #DDD;}
.atch_file_area .ly_atch_file li:hover		{background:#fdfad7;}
.atch_file_area .ly_atch_file li .file_name	{display:inline-block; overflow:hidden; padding-left:15px; text-overflow:ellipsis; vertical-align:top; white-space:nowrap; width:250px; font:11px NanumSquareR; color:#777}
.atch_file_area .ly_atch_file li .download	{display:inline-block; position:absolute; right:0; margin-top:3px;}
.atch_file_area .ly_atch_file .clse			{background:url(/shop/img/file/btn_layer_close.gif) no-repeat scroll 0 0;display: inline-block;height: 15px; overflow: hidden;position: absolute;right: 4px;top: 4px;width: 16px; text-indent:-1000em;}

/* 게시물 열람자 제어 */
.view_reader		{width:100%; display:block; border-bottom:1px dashed #CCC; padding:10px 0 10px 0;margin-bottom:10px;}
.view_reader_who	{padding:10px 0 16px 0;color:#858585; font-size:11px;font-family:'돋움',dotum;letter-spacing:-0.05em;line-height:1.4em}

/* List Icon Control */
.list_ic_lock		{position:relative; display:inline-block; width:36px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat 0px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_hot		{position:relative; display:inline-block; width:36px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat -50px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_new		{position:relative; display:inline-block; width:36px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat -100px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_notice		{position:relative; display:inline-block; width:46px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat -150px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_re			{position:relative; display:inline-block; width:26px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat -200px 0px; padding:0; text-indent: -1000em; margin-right:4px;}
.list_ic_ment		{position:relative; display:inline-block; width:36px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat -250px 0px; padding:0; text-indent: -1000em; margin-left:6px;}
.list_ic_vote		{position:relative; display:inline-block; width:36px; height:13px; background: url(/shop/img/file/icon_common.png) no-repeat -300px 0px; padding:0; text-indent: -1000em; margin-left:6px;}

/******************************************************************************************************************************************
*	List (T)OP & (B)ottom Control
*******************************************************************************************************************************************/
#boardListTB_WRAP	{position:relative; display:inline-block; margin:0; padding:0; width:100%;}
#boardListTB_Left	{position:relative; float:left;}
#boardListTB_Right	{position:relative; float:right;}

.listBtnArea		{float:left; margin:0; }

/* 출력방식과 목록 */
#boardListTB_Left .listPageview		{position:relative; display:inline-block; float:left; width:100%;}
#boardListTB_Left .listPageview ul	{float:left; display:inline-block;}
#boardListTB_Left .listPageview li	{display:inline-block; float:left; padding:7px 10px 0 0; font:11px Dotum; letter-spacing:-0.10em; color:#777;}

.listPageview li span.total			{font:bold 11px Tahoma; letter-spacing:0px; color:#222;}
.listPageview li span.total_page	{font:11px Tahoma;letter-spacing:0px; color:#000;}
.listPageview li span.now_page		{font:bold 11px Tahoma; letter-spacing:0px; color:#8d64aa;}
.listPageview li img				{border:0px; margin:-3px 10px 0 0}

#boardListTB_Right ul				{float:right; display:inline-block;}
#boardListTB_Right li				{font:11px Dotum; letter-spacing:-0.10em; color:#777;}
#boardListTB_Right li select		{float:left; display:inline-block; margin-top:-8px; }

/* 검색영역 콘트롤 */
.searchArea							{z-index:10; position:relative; width:100%; background-color:#EFEFEF; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:10px;}
.searchArea .inSearchBox			{position:relative; padding:10px; text-align:center; verical-align:middle;}
.searchArea .inSearchBox .button	{position:relative; margin-top:-6px;} 

.inSearchBox input					{position:relative; display:inline-block; padding:7px 0 0 0;}
.inSearchBox input.srch_txt			{position:relative; ime-mode:active; width:330px; height:22px; font:bold 14px Dotum; color:#000; padding:4px 0 0 6px; border:2px solid #494858;}
.inSearchBox input.srch_txt			{position:relative; ime-mode:active; _width:330px; *width:330px; *padding:4px 0 0 6px;}
.inSearchBox input.btn_srch			{position:relative;border:none; margin:0px; _margin:0 0 0 -1px; *margin:0 0 0 -1px; width:70px; height:34px; text-indent:-1000em; cursor:hand; background:url(/img/board/btn_common.png) no-repeat -599px -41px;}

/* Board List TAB - 2019.07.26 : FUNNY */
.BBSlist_tab_menu				{width:100%; display:inline-block; border-bottom:1px solid #d4d4d4; margin-bottom:5px;}
.BBSlist_tab_menu li			{_display:inline; float:left; height:38px; margin:-1px 0 -1px -1px; background:linear-gradient(to bottom,#e5e4e4,#fbfbfb); border:1px solid #d4d4d4; border-radius:4px 4px 0 0;}
.BBSlist_tab_menu li span		{display:block;}
.BBSlist_tab_menu li a			{font-size:13px; line-height:35px; letter-spacing:-1px; height:19px;padding:9px 12px 0 12px; color:#AAA; text-decoration:none}
.BBSlist_tab_menu li a:hover	{color:#000}
.BBSlist_tab_menu li.selected	{background:linear-gradient(to bottom,#EFEFEF 50%,#FFFFFF 50%); border-top:1px solid #5db626; border-left:1px solid #5db626; border-right:1px solid #5db626; border-bottom:1px solid #FFFFFF; border-radius:4px 4px 0 0px;  margin:-1px 1px -1px 0; box-shadow:-1px -1px 3px rgba(0,0,0,0.2)}
.BBSlist_tab_menu li.selected a	{color:#5db626; font:13px/38px NanumSquareB; letter-spacing:-0.02em;}



/******************************************************************************************************************************************
*	웹진형 게시판 (WebZine) [LIST] Control : 2020.03.16 - FUNNY
*******************************************************************************************************************************************/
#wzBBS_list					{display:inline-block; width:100%; padding:0px; margin:0px auto;}
#wzBBS_list li				{float:left; margin:0; width:50%; padding:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#wzBBS_list .prd_box		{display:inline-block; width:calc(100% - 20px); margin:10px auto; border:1px solid #ddd; padding:25px; min-height:270px; background:#FFF; vertical-align:middle;}
#wzBBS_list .prd_box:after	{clear:both; display:block; content:''; }
#wzBBS_list .prd_box:hover	{border:1px solid #5db626; border-radius:2px; box-shadow: 0 3px 10px rgba(0,0,0,0.3);}


#wzBBS_list .thmb			{float:left; width:30%;  overflow:hidden;background:#000; -webkit-perspective:1140px; perspective:1140px;
							-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
#wzBBS_list .thmb:after		{clear:both; display:block; content:''; }
#wzBBS_list .thmb img		{display:block; max-width:100%; 
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /* IE8 */
							filter:Alpha(Opacity=65); /* IE7 */
							-moz-opacity:0.65;
							opacity:.65; /* etc-browser */;
							-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
							-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
#wzBBS_list .thmb img:hover	{opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
							-webkit-transform: translate3d(0,0,180px); transform: translate3d(0,0,180px);}

#wzBBS_list .detail						{float:left; display:block; padding:0 20px; width:70%; text-align:left;}
#wzBBS_list .detail .update				{display:block; font:11px Roboto; font-weight:500; color:#999; margin:0 0 10px 0;}
#wzBBS_list .detail .subject			{display:block; margin:10px 0px; max-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#wzBBS_list .detail .subject a			{font-size:16px; line-height:24px; letter-spacing:-1px; color:#414141; }
#wzBBS_list .detail .subject a:hover	{color:#5db626;}
#wzBBS_list .detail .contents			{display:block; font:12px/20px NanumSquareR; color:#959595; margin:0 0 10px 0;word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:wrap;
}	
#wzBBS_list .detail .view				{display:inline-block; background:#EEE; padding:5px 8px; border-radius:3px; font:12px Roboto; font-weight:3500; color:#AAA;}	
#wzBBS_list .detail .view i				{font-size:12px; color:#999;}

/* SIZING*/
@media screen and (max-width:1000px) {
	#wzBBS_list li						{width:100%; margin:10 auto;}
}


/******************************************************************************************************************************************
*	Board Comment - 2017.04.07 : FUNNY
*******************************************************************************************************************************************/
.cmtArea					{float:left; position:relative; width:100%; margin-top:20px; letter-spacing:-1px; overflow:hidden; zoom:1;}

.cmtWriteArea				{display:block; background:#f7f7f8; padding:15px 15px 60px 15px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.cmtWriteArea textarea		{width:calc(100% - 14px); max-width:935px; height:150px; border:1px solid #ddd; border-radius:3px; padding:6px; color:#555; line-height:18px; letter-spacing:0em; overflow:hidden; overflow-y:auto;}
.cmtWriteArea .txt_count	{float:left; margin:5px 10px 5px 0;}
.cmtWriteArea .cmtsubmit	{float:right; width:80px; height:65px; padding-top:3px;}

.cmtListArea				{margin-top:33px;}
.cmtListArea ul				{margin-top:10px; vertical-align: top; border-top-color: rgb(208, 210, 212); border-bottom-color: rgb(168, 172, 177); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; zoom: 1;}
.cmtListArea ul li			{padding:10px 10px 5px 15px; overflow: hidden; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: relative; zoom: 1;}
.cmtListArea ul img			{line-height: 0; font-size: 0px;}
.cmtListArea ul .img_thum	{margin:3px 25px 0px 0px; width:50px; float:left;}

.cmtListArea .cmt_info		{margin:0; padding-bottom:10px; display:block; word-break: break-all; word-wrap: break-word;  border-bottom: dashed 1px #DDD;}

.cmtRecmtArea				{display:none; height:140px; margin:15px 0;}
.cmtRecmtArea textarea		{width:calc(100% - 14px); max-width:935px; height:120px; border:1px solid #ddd; border-radius:3px; padding:6px; color:#555; line-height:18px; letter-spacing:0em; overflow:hidden; overflow-y:auto;}


.cmtRecmtArea .cmtsubmit 	{float:right; margin-right:7px;}

.cunt_info					{top:18px; text-align:left; right:0px; margin-right:24px; position:absolute;}