@charset "utf-8";
/******************************************************************************************************************************************
*	Responsive Table
*******************************************************************************************************************************************/
/* 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:#333; font-size:15px; line-height:50px; font-weight:500; letter-spacing:-1px; text-align:center;}
table.RTBL tbody td				{font-size:14px; 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:#de6800;}
table.RTBL tbody td i			{margin:0 2px; color:#de6800;}

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


@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
*******************************************************************************************************************************************/
/* 일반형 게시판에서만 사용 함 [LIST] */
table.basicBBS_list {position: relative; width:95%;_width:95%; max-width:1400px; margin: 0px auto; border-collapse:collapse; padding:0px; border-spacing:0px; border-top: 2px solid #111;}
table.basicBBS_list caption			{display:none;}
table.basicBBS_list input.list_chk	{border:none}
table.basicBBS_list thead {border-bottom: 1px solid #ddd; background: #fafafa;}
table.basicBBS_list thead th		{height:50px; margin-bottom:3px;}
table.basicBBS_list thead th		{color:#333; font-size:18px; 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:14px}
table.basicBBS_list tbody td		{color:#333; font-size:15px; 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:#333; font-size:15px; font-weight:400; letter-spacing:-0.2px; 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:15px; line-height:1.4em; letter-spacing:0em;}

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


/* 일반형 게시판에서만 사용 함 [VIEW] */
#basicBBS_view						{position:relative; zoom:1; width:95%;_width:95%; padding:0px; margin: 0px auto; max-width: 1400px; border-top: 2px solid #111;}
#basicBBS_view .viewSubject			{position:relative; text-align:left; padding:0 0 10px 5px; color:#111; width: 100%;}
#basicBBS_view .viewSubject span.author	{text-align:left; letter-spacing:0em; color:#666; border-left:1px solid #CCC; margin-left:10px; padding-left:10px;}
#basicBBS_view .viewCinfo			{display:flex; flex-wrap:wrap; margin:10px auto; width:auto; border-bottom: 1px solid #111; padding-bottom: 15px;}
#basicBBS_view .viewCinfo span.view	{text-align:left; font:10px Roboto; color:#666; letter-spacing:0em}
#basicBBS_view .viewContents		{position:relative; width:100%; height:auto; border-bottom: 1px solid #111;}
#basicBBS_view .viewContents .box	{margin:0 auto; color:#111;  background:#FFF; letter-spacing:0em; padding:20px 20px;}
#basicBBS_view .viewContents .addfile{position:relative; display:inline-block; width:100%;_width:100%; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
#basicBBS_view .viewContents img	{display:inline; max-width:700px; height:auto; margin: 0px auto; text-align:center;}
#basicBBS_view .viewContents iframe	{display:block; width: 100%; max-width:800px; height:500px; margin: 0px auto; margin-bottom: 10px; 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;}

#basicBBS_view .title {display: block; color: #000; font-size: 25px; font-weight: 400; line-height: 1.2em; margin-bottom: 0px; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
#basicBBS_view .date,
#basicBBS_view .author {margin-right: 20px;}
#basicBBS_view .author span,
#basicBBS_view .date span,
#basicBBS_view .hit span{margin-right: 10px;}
#basicBBS_view .Tname,
#basicBBS_view .Ttime{color: #666;} 

@media only screen and (max-width:640px) {
	#basicBBS_view .viewContents .box	{padding:20px;}
	#basicBBS_view .viewContents iframe	{display:block; width: 100%; height:400px; margin: 0px auto; margin-bottom: 10px; text-align:center;}
}

@media only screen and (max-width:500px) {
	#basicBBS_view .viewContents iframe	{display:block; width: 100%; height:300px; margin: 0px auto; margin-bottom: 10px; text-align:center;}
}

@media only screen and (max-width:375px) {
	#basicBBS_view .viewContents iframe	{display:block; width: 100%; height:250px; margin: 0px auto; margin-bottom: 10px; text-align:center;}
}



/* 일반형 게시판에서만 사용 함 [WRITE] write.htm Control */
#basicBBS_write						{display:table; width:95%; max-width: 1400px; margin: 0px auto; padding:0px; box-sizing:content-box; box-sizing:border-box; border-top: 2px solid #111; border-bottom: 1px solid #111;}
#basicBBS_write .box				{margin:20px auto 0px auto;}

#basicBBS_write .logged_author		{display:flex; flex-wrap:wrap; width:100%; margin-bottom:10px; color:#777; letter-spacing:0px;}
#basicBBS_write .logged_author .Tname {display: flex; flex-wrap:wrap; align-items:center;}
#basicBBS_write .logged_author .Tname .tit {margin-right: 10px; color: #111;}
#basicBBS_write label.error			{position:absolute; display:block; width:200px; font:11px/22px NanumSquareR; color:#de6800; margin:5px 10px 0 0;}
#basicBBS_write li.subject			{position:relative; width:100%; margin:0 0 9px 0;}
#basicBBS_write .box >ul >.file_input {margin:6px auto 0px auto; width:100%; border-top:1px solid #999; border-bottom:1px solid #999; background: #fafafa; padding: 5px 20px; box-sizing: border-box;}
#basicBBS_write .box >ul >.file_input ul > li {border-bottom: 1px dashed #ddd; padding: 5px 0px;}
#basicBBS_write .box >ul >.file_input ul > li:last-child {border-bottom: none;}
#basicBBS_write .box >ul >.file_input .upfile {margin-left: 10px; color: #959595;}
#basicBBS_write label.title			{display:none;}
#basicBBS_write ul.subject li		{margin-bottom:10px;}
#basicBBS_write .R10 {font-size: 13px; color: #959595;}
.tCenter {text-align: center;}
.N11 {color: #e37d71;}

/* 텍스트박스 */
.textBox01 {border: 1px solid #ddd; padding: 20px 20px; overflow-y: auto; height: 300px; width: 100%; border-radius: 5px;}


/* 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(/_modules/board/img/btn_addfileview.gif) no-repeat right 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(/_modules/board/img/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(/_modules/board/img/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(/_modules/board/img/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(/_modules/board/img/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(/_modules/board/img/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(/_modules/board/img/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(/_modules/board/img/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(/_modules/board/img/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 - */
.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:#444; 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 #de6800; border-left:1px solid #de6800; border-right:1px solid #de6800; 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:#de6800; font-size:13px; letter-spacing:-0.02em;}


/******************************************************************************************************************************************
*	포토 게시판 (photo) : 2025.08.09 -도도한쮸
*******************************************************************************************************************************************/
.board_photo {margin-top: 10px; line-height: 0; width: 95%; margin: 0px auto; }

.board_photo .item_wrap {display: flex;
	flex-wrap:wrap;
	width: 100%;
}

.board_photo .item {position: relative;
	top: 0;
	width: calc(100% / 4 - 30px);
	margin: 10px 15px;
	line-height: 1.7em;
	border: 1px solid #ddd;
	border-radius: 20px 0px;
	box-sizing: border-box;
	text-align: center;
	transition: ease-in-out 0.3s;
	cursor: pointer;
}

.board_photo .item .img_box {width: 100%; height: 250px;}

.board_photo .item .img_box img {width: 100%; height: 100%; object-fit: cover; object-position:top;}

.board_photo .item .cont_box {position: relative;
	padding: 15px 20px 22px;
	height: 110px;
	border-top: 1px solid #d2d2d2;
}

.board_photo .item h3,
.board_photo .item strong {position: relative;
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	max-width: 100%;
	box-sizing: border-box;
	line-height: 1.5em;
	margin: 2px 0 -6px;
}

.board_photo .item h3.has_new {padding-right: 25px;
}
.board_photo .item h3 {padding-top: 0px;}

.board_photo .item h3 a {display: block;
}

.board_photo .item dl {color: #6d6d6d;
	line-height: 0;
}

.board_photo .item dl .text_hidden {display: none;}
.board_photo .item dd {display: inline-block;
	line-height: 1.7em;
	margin: 0 1.5px;
}

 .board_photo .item.hover {top: -10px;
	box-shadow: 1px 0 16px rgba(0,0,0,0.1);
}

 .board_photo .item .hover_box > div {position: absolute;
	background-color: #00a439;
	border-radius: 30px 0;
	z-index: 1;
	height: 0;
}

 .board_photo .item .hover_box > div.lt {width: 100%;
	bottom: 100%;
	left: 0;
	margin-bottom: -6px;
}

 .board_photo .item .hover_box > div.lr {width: 6px;
	bottom: 0;
	right: 0;
}

 .board_photo .item .hover_box > div.lb {width: 100%;
	bottom: 0;
	left: 0;
}

 .board_photo .item .hover_box > div.ll {width: 6px;
	bottom: 0;
	left: 0;
}

 .board_photo .item.hover .hover_box > div.lt {height: 6px;
	transition: ease-in-out 0.1s 0.35s;
}

 .board_photo .item.hover .hover_box > div.lr {height: 100%;
	transition: ease-in-out 0.35s 0.1s;
}

 .board_photo .item.hover .hover_box > div.lb {height: 6px;
	transition: ease-in-out 0.1s 0s;
}

 .board_photo .item.hover .hover_box > div.ll {height: 100%;
	transition: ease-in-out 0.35s 0.1s;
}

/*
#cboxLoadedContent {max-width: 800px; min-width: 270px;}
#cboxLoadedContent img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
*/

@media screen and (max-width:769px) {
	.board_photo .item {width: calc(100% / 2 - 30px);}
}

@media screen and (max-width:425px) {
	.board_photo .item {width: 100%; margin-bottom: 20px;}
}


/* faq_box FAQ형 */
#basicFAQ_list {overflow:hidden;border-top:1px solid #333; width: 95%; max-width: 1400px; margin: 0px auto;}
.faq_list {position:relative;border-bottom:solid 1px #dedede}
.faq_list .open {cursor:pointer;display:block;padding:0;}
.faq_list .open h4::before {display:none}
.faq_list .faq_ico {position:absolute;top:15px;left:15px;display:block;width:35px;height:35px;line-height:32px;text-align:center;font-size:18px;border-radius:50%;font-weight:400;}
.faq_list .question {position:relative; padding:20px 40px 20px 60px; font-size:1.3em; margin-top:0px; margin-bottom:0; border-bottom:none;}
.faq_list .question .faq_ico {background:#bbb;color:#fff;}

.faq_list .data_cont p {margin-bottom:0px; line-height:160%;}

.faq_list.expanded .question .faq_ico {background:#0c4da2;}
.faq_list .answer {display:none;padding:20px 40px 20px 60px;background:#f7f7f7;position:relative;border-top:1px solid #dedede;}
.faq_list .answer .faq_ico {background:#fff;color:#0c4da2;border:2px solid #0c4da2;line-height:30px;}
.faq_list .answer p {margin-bottom:0}
.faq_list .answer table {background:#fff}
.faq_list.expanded {transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out}
.faq_list .answer p .close {background:url('../images/common/menu_close.png') no-repeat; background-size: contain; text-indent:-9999px; display:inline-block; width:20px; height:20px;}

@media all and (max-width:640px) {
	.faq_list .question {padding:20px 20px 20px 60px}
	.faq_list .answer {padding:60px 20px 20px 20px}
}


/******************************************************************************************************************************************
*	웹진형 게시판 (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 #de6800; 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:#de6800;}
#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
*******************************************************************************************************************************************/
.cmtArea					{position:relative; width:95%; margin:20px auto; letter-spacing:-1px; overflow:hidden; zoom:1;}

.cmtWriteArea				{display:block; background:#f7f7f8; padding:15px 15px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.cmtWriteArea textarea		{border-radius: 15px; width: 100%; margin-top: 10px; background: #fff; height:150px; border:1px solid #ddd; padding:20px; color:#555; line-height:18px; letter-spacing:0em; overflow:hidden; overflow-y:auto;}
.cmtWriteArea .repleBox {display: flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.cmtWriteArea .textBox {width:calc(100% - 250px);} 
.cmtWriteArea .textBox input {background: #fff;}
.cmtWriteArea .txt_count	{margin:5px 10px 5px 0;}
.cmtWriteArea .cmtsubmit	{}
.cmtWriteArea .cmtsubmit a {padding:10px 20px; background: #007877; color: #fff; border-radius:5px; display: block;}
.cmtWriteArea .cmtsubmit a i {display: block; text-align: center; margin-bottom: 5px; font-size:22px;}

.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;}

/* 체크박스 */
.mid-checkbox {width: 25px; height: 25px; border: 1px solid #ddd;}


@media screen and (max-width:500px) {
	#basicBBS_write .logged_author .Tname {margin-bottom:5px;}
	#basicBBS_write .logged_author .Tname .tit {width: 90px;}
	#basicBBS_write .logged_author .Tname .stxt {width:calc(100% - 100px);}
	
	.file_input input {width: 100%; margin-top: 5px;}
	.file_input label {width: 100%; text-align: center; display: inline-block;}
	
	.cmtWriteArea .txt_count {width:100%;}
	.cmtWriteArea .textBox {width: 100%;}
	.cmtWriteArea .textBox input {width: 100%;}
	.cmtWriteArea .cmtsubmit {width:100%; margin-top: 10px;}
	.cmtWriteArea .cmtsubmit a {width: 100%; text-align: center;}
}