/* common guide page */
/* sub_page guide module */
 .guide_module .filter_table { 
	 width: 100%;
	 max-width: 851px;
	 border-top: 2px solid #003182;
	 border-bottom: 2px solid #dedede;
	 box-sizing: border-box;
	 float: left;
	 margin-bottom: 10px;
}
 .guide_module .filter_table .size01 {
	 width: 15%;
}
 .guide_module .filter_table .size02 {
	 width: 85%;
}
 .guide_module .filter_table tr {
	 border-bottom: 1px solid #dfdfdf;
}
 .guide_module .filter_table tr:last-child {
	 border-bottom: 0;
}
 .guide_module .filter_table tr th {
	 padding: 5px 10px;
	 background: #f9f9f9;
}
 .guide_module .filter_table tr td {
	 padding: 5px 5px;
	 box-sizing: border-box;
}
 .guide_module .filter_table tr td a {
	 position: relative;
	 display: inline-block;
	 padding: 5px 10px;
}
 .guide_module .filter_table tr td a:hover, .guide_module .filter_table tr td a.on {
	 font-weight: bold;
	 color: #005be3;
}
 .guide_module .filter_table tr td a::after {
	 content: '';
	 display: block;
	 position: absolute;
	 right: 0;
	 top: 9px;
	 width: 1px;
	 height: 10px;
	 background: #dfdfdf;
}
 .guide_module .filter_table tr td a:last-child::after {
	 display: none;
}
 .guide_module .filter_table tfoot td {
	 background: #efefef;
	 text-align: center;
	 padding: 2px;
}
 .guide_module .filter_table tfoot td a {
	 color: black;
	 font-weight: bold;
}
 .guide_module .commuDbGuideView .guide_wrap {
	 float: left;
	 width: 100%;
	 padding: 4px;
	 border: 1px solid #bbb;
	 background-color: #eee;
	 box-sizing: border-box;
}
 .guide_module .commuDbGuideView .guide_wrap .guide_view {
	 padding: 18px 15px 10px 15px;
	 background-color: #fff;
}
 .guide_module .commuDbGuideView .guide_wrap .guide_title {
	 display: block;
	 float: none;
	 height: 31px;
	 padding-left: 31px;
	 background-repeat: no-repeat;
	 background-position: 0 0;
	 color: #fff;
	 font-weight: bold;
	 line-height: 31px;
	 background-color: #787878;
	 font-size: 14px;
}
 .guide_module .commuDbGuideView .guide_wrap .message {
	 color: #f00;
	 font-weight: bold;
}
 .guide_module .commuDbGuideView .guide_wrap .guide_content {
	 width: 100%;
	 margin: 15px 0;
}
 .guide_module .commuDbGuideView .guide_wrap .guide_content .guide_article {
	 width: 100%;
	 font-size: 14px;
	 line-height: 1.64;
}
.guide_module .commuDbGuideView .guide_wrap .guide_content .guide_article table {
	max-width: 100%;
}
.guide_module .commuDbGuideView .guide_wrap .guide_content .guide_article table td {
	min-width: 5px;
	padding: 5px;
	border: 1px solid #585858;
}
.guide_module .commuDbGuideView .guide_wrap .guide_content .guide_article img {
	max-width: 760px;
}
 .guide_module .commuDbGuideView .guide_wrap .guide_content  #BBSImageHolderTop img {
	width: 100%;
}
 .guide_module .commuDbGuideView .guide_wrap .txc-textbox {
	 display: block;
	 float: none;
}
 .guide_module .commuDbGuideView .guide_wrap .modify a {
	 color: #008;
	 font-weight: bold;
}
 .guide_module .commuDbGuideView .guide_comment::before {
	 content: "";
	 display: block;
	 height: 0;
	 overflow: hidden;
	 clear: both;
	 float: none;
 }
 .guide_module .commuDbGuideView #powerbbsCmt2 {
	 width: 790px;
	 max-width: 790px;
	 overflow: hidden;
	 margin-left: -1px;
	 background-color: #fff;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap {
	 width: 782px;
	 margin-left: 4px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtHead {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain {
	 width: 782px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li span {
	 line-height: 16px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li .commentWrite {
	 width: 775px;
	 background-color: transparent;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li .commentWrite .cmtWriteForm .cmtContent {
	 width: 570px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li .commentWrite .cmtWriteForm .cmtContent textarea {
	 width: 565px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li .commentWrite .cmtWriteForm .cmtSubmit button {
	 background: transparent;
	 font-size: 13px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li.replyCmt {
	 width: calc(100% - 34px);
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li.replyCmt .commentWrite {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMain .commentList1 ul li div.chkbox {
	 position: unset;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtMainTail {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite .cmtWriteForm {
	 width: 100%;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite .cmtWriteForm .textLogin {
	 padding: 0 0 0 9px;
	 width: 700px !important;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite .cmtWriteForm .textLogin textarea {
	 width: 700px !important;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite .cmtWriteForm .cmtContent {
	 width: 570px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite .cmtWriteForm .cmtContent textarea {
	 width: 570px;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite .cmtWriteForm .cmtSubmit button {
	 font-size: 13px;
	 background: transparent;
}
 .guide_module .commuDbGuideView #powerbbsCmt2 .cmtWrap .cmtBottom .commentWrite #cmtImageUploader .bttnSubmitUpload {
	 height: 23px;
	 line-height: 18px;
	 background: transparent;
	 background-color: #fff;
	 border: 1px solid #ccc;
	 border-radius: 5px;
	 color: #3e3e3e;
}
 .guide_module .no_spoiler {
	 color: transparent;
	 text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
 .guide_module .guide_addon {
	 color: red;
	 vertical-align: top;
	 font-size: 9px;
	 margin-left: 2px;
}
.guide_module .listButton { width: 120px; height: 48px; margin-top: 10px; border: 1px solid #7f9ed5; border-bottom: 2px solid #7f9ed5; border-radius: 5px; background-color: #f2f6ff; float: right; color: #24468d; font-size: 16px; font-weight: bold; }


.commu-body .modal_popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(0,0,0,.8);}
.commu-body .modal_popup .modal_wrap {position: absolute; z-index: 1; width: fit-content; max-width: 1200px; text-align: center; background-color: #eaeaea; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.commu-body .modal_popup .modal_wrap .modal_content {}
.commu-body .modal_popup .modal_wrap .modal_content > figure {opacity: 0; display: table-column; transition: all 0.5s;}
.commu-body .modal_popup .modal_wrap .modal_content > figure.on {opacity: 1; display: block;}
.commu-body .modal_popup .modal_wrap .modal_content > figure img {max-height: 700px;}
.commu-body .modal_popup .modal_wrap .modal_content > figure figcaption,
.commu-body .modal_popup .modal_wrap .modal_content > figure center {background: #fff; padding: 6px 6px 8px; font-size: 13px;}



.commu-body .modal_popup .modal_wrap .x_btn {position: absolute; top: 0px; right: -40px; width: 27px; height: 27px; background: url("//static.inven.co.kr/image_2011/common/framework/lightbox/close.png") no-repeat; cursor: pointer;}
.commu-body .modal_popup .modal_move {position: absolute; z-index: 1; margin: 20px 0 0 0; width: 600px; left: 50%; margin-left: -300px;}
.commu-body .modal_popup .x_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; text-indent: -9999px;}
.commu-body .modal_move .move_btn {margin: 0 auto; position: relative;}
.commu-body .modal_move .move_btn .bcom {position: absolute; top: 0; width: 35px; height: 35px; cursor: pointer; text-indent: -9999px}
.commu-body .modal_move .move_btn .left {left: 150px; background: url("//static.inven.co.kr/image_2011/imart/layout/skinshop_arrow_btn.png") no-repeat;}
.commu-body .modal_move .move_btn .right {right: 150px; background: url("//static.inven.co.kr/image_2011/imart/layout/skinshop_arrow_btn.png") no-repeat; transform: rotate(180deg);}
.commu-body .modal_move .move_btn .num {padding: 6px 0 0 0; color: #fff; text-align: center; font-size: 14px;}
.commu-body .modal_move .move_btn button {color: #fff; position: absolute; top: 0; right: 0; line-height: 28px; width: 100px; height: 30px; font-family: 'Malgun Gothic','맑은 고딕',helvetica,'Apple SD Gothic Neo',sans-serif; color: #fff; font-size: 13px; background: #1c4ea1;}