/******************************************************************************************************************************************
*	Site Name			: CELTRA [셀트라]
*	Site URL			: http://celtra.celmon.com
*	Description			: Board형 페이지 또는 게시판의 공통 스타일 시트
*	Company				: CELMON
*	Author(CSS Design)	: FUNNY
*	Date				: 2018/07 ~
*	Caution				: CSS의 변경/추가/삭제 시 내용,일자,처리자를 주석으로 표현 할 것.
*******************************************************************************************************************************************/

/******************************************************************************************************************************************
*	기본 가로형 테이블 및 게시판 Control
*******************************************************************************************************************************************/
/* VIEW 첨부파일 제어 */
.atch_file_area							{right:15px; float:right; height:16px; padding-bottom:10px;z-index:10; width:300px;}
.atch_file_area .atch_view				{background:url(/img/board/btn_addfileview.gif) no-repeat 65px 2px; line-height:16px; padding-right:50px; position:absolute; right:0; top:0;}
.atch_file_area .atch_view em			{font:11px Roboto; font-weight:700; color:#09adfa;}
.atch_file_area .ly_atch_file			{background:none repeat scroll 0 0 #FFF; border:1px solid #DDD; border-radius:3px; 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; 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(/img/board/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;}


/* List Icon Control */
.list_ic_lock		{position:relative; display:inline-block; width:36px; height:13px; background: url(/img/board/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(/img/board/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(/img/board/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(/img/board/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(/img/board/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(/img/board/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(/img/board/icon_common.png) no-repeat -300px 0px; padding:0; text-indent: -1000em; margin-left:6px;}

/******************************************************************************************************************************************
*	포토갤러리 게시판 1 Type [LIST] Control
*******************************************************************************************************************************************/
#basicPTG_list                              {position:relative; float:left; width:100%;_width:100%;  padding:0px; margin-top:10px;}
#basicPTG_list:after                        {display:block; height:0px; visibility hidden; clear:both}
#basicPTG_list .photoPost                   {float:left; width:150px; height:180px; text-align:center; border:#DDD 1px solid; padding:2px; margin:15px 15px 10px 0; _margin:5px 10px 5px 0;}

#basicPTG_list .photoPost li                {display:inline-block;text-align:center;}
#basicPTG_list .photoPost li.thumb a img    {display:inline; width:150px; height:120px;}
#basicPTG_list .photoPost li.subject a      {display:inline-block; padding:5px; font-family:'돋움',dotum; font-size:11px; letter-spacing:-0.10em; color:#888; line-height:14px;}
#basicPTG_list .photoPost li.subject a:hover{color:#555;}
#basicPTG_list .photoPost li.iconfile       {display:inline-block; list-style: none;padding:2px 2px 0 2px; float:left}
#basicPTG_list .photoPost div.articleproper {position:absolute; display:block; float:left; padding:5px; top:20px;}


/******************************************************************************************************************************************
*	포토갤러리 게시판 2 Type [LIST] Control
*******************************************************************************************************************************************/
.basicPTG2_list         {position:relative; width:100%; margin:0 auto; overflow:hidden;}
.item-box               {position:relative; width:100%; padding-top:30px;}
.item-box:after         {content:''; display:block; clear:both}
.item                   {float:left; width:150px; margin:0 0 20px 0; padding:0; border:#DDD 1px solid;}
.item > a img           {width:150px; display:block}
.item > span            {text-align:center}
.item > span a          {display:block; margin:5px 4px 10px 4px; font-family:'돋움',Dotum; font-weight:normal; font-size:11px;  color:#777}
.item > span a:hover    {color:#222}

/******************************************************************************************************************************************
*	포토갤러리 게시판 3 Type [LIST] Control
*******************************************************************************************************************************************/
#basicPTG3_list                              {position:relative; float:left; width:100%;_width:100%;  padding:0px; margin-top:10px;}
#basicPTG3_list:after                        {display:block; height:0px; visibility hidden; clear:both}
#basicPTG3_list .photoPost                   {float:left; width:150px; height:180px; text-align:center; border:#DDD 1px solid; padding:2px; margin:15px 15px 10px 0; _margin:5px 10px 5px 0;}
#basicPTG3_list .photoPost:hover             {border:#888 1px solid;}

#basicPTG3_list .photoPost li                {display:inline-block; float:left; }
#basicPTG3_list .photoPost li.thumb a img    {display:inline; width:150px; height:120px;}
#basicPTG3_list .photoPost li.subject a      {display:inline-block; padding:5px; font-family:'돋움',dotum; font-size:11px; letter-spacing:-0.10em; color:#888; line-height:14px;}
#basicPTG3_list .photoPost li.subject a:hover{color:#555;}
#basicPTG3_list .photoPost li.iconfile       {display:inline-block; list-style: none;padding:2px 2px 0 2px; float:left}
#basicPTG3_list .photoPost div.articleproper {position:absolute; display:block; float:left; padding:5px; top:20px;}


/******************************************************************************************************************************************
*	FAQ 게시판 [LIST] Control
*******************************************************************************************************************************************/
#basicFAQ_list								{position:relative; float:left; width:100%;_width:100%; padding:0px; margin-top:20px;}
#basicFAQ_list ul.subject					{float:left; display:inline-block; width:100%; margin-bottom:10px; border-bottom: solid 1px #DDD; height:30px;}
#basicFAQ_list ul.subject li				{float:left; width:100%; padding-top:2px;}
#basicFAQ_list ul.subject li a				{float:left; font:12px/14px Tahoma, Dotum; letter-spacing:-0.08em;  padding-left:10px; color:#888;}
#basicFAQ_list ul.subject li a:hover		{color:#222;}
#basicFAQ_list ul.subject span.question		{float:left; display:inline-block; width:70px; padding:0px 1px; font:9px celmonKr_bold, Tahoma; color:#666; letter-spacing:-0.07em;  border:1px solid #CCC; border-radius:3px; text-align:center; background:linear-gradient(to bottom,#FFFFFF 50%,#EEEEEE 50%);}

#basicFAQ_list ul.contents span.answer		{position:relative; float:left; display:block; margin:0 0 0 27px; width:70px; padding:0px 1px; font:10px celmonKr_bold, Tahoma; color:#FFF; letter-spacing:0em;  border:1px solid #d28b02; border-radius:3px; text-align:center; background:linear-gradient(to bottom,#edc203 50%,#d28b02 50%);}
#basicFAQ_list ul.contents					{float:left; width:100%; background:#f5f5f5; display:none; height:auto; margin:-11px 0 20px 0; border:1px solid #DDD; padding:20px 0px; border-radius:0px 0px 10px 10px; }
#basicFAQ_list ul.contents li				{float:left;  font:12px/20px Tahoma, Dotum; letter-spacing:-0.05em; color:#666; padding:0px 20px 20px;}
#basicFAQ_list ul.contents li span .addfiles{position:absolute; top:20px; right:15px;float:right; height:16px; padding-top:3px;z-index:10; width:300px;}


/******************************************************************************************************************************************
*	일반게시판 코멘트 영역
*******************************************************************************************************************************************/

.cmt_lst_top		{margin:0px 25px; overflow:hidden; zoom:1;}
.cmt_lst			{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;}
.cmt_lst li			{padding: 17px 25px 9px; overflow: hidden; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; position: relative; zoom: 1;}
.cmt_lst .img_thum	{margin 3px 25px 0px 0px; width:50px; float:left;}
.cmt_lst .cmt_info	{margin: 5px 0px 0px 75px; display: block; word-break: break-all; word-wrap: break-word;}

/* 정리중 20180720 - FUNNY */
.cunt_info {top: 18px; text-align: left; right: 0px; margin-right: 24px; position: absolute;}
.cunt_info span {top: 1px; position: relative;}
.cunt_info a {color: rgb(159, 161, 165);}