@charset "UTF-8";
/* ========================================
	Forum
======================================== */
#contents #main {
	width:1160px;
	padding:0;
}
/*mdl_forum*/
#mdl_forum.mdl_top {
	position:absolute;
	top:0;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	padding:10px 0 0 0;
	background:url(../img/overview/mdl_comment_top.png) no-repeat center top;
	z-index:1200;
}
#mdl_forum .mdl_btm {
	padding:0 0 10px 0;
	background:url(../img/overview/mdl_comment_btm.png) no-repeat center bottom;
}
#mdl_forum .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_comment_mid.png) repeat-y center top;
}
#mdl_forum .mdl_contents {
	position:relative;
	width:100%;
	min-height:180px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#ced9d8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mdl_forum .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
#mdl_forum .mdl_contents .close:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#mdl_forum .mdl_contents p.txt {
	position:absolute;
	top:50%;
	width:100%;
	margin:-0.5em 0 0 0;
	text-align:center;
}
/* ========================================
	contents
======================================== */
#main .forumdevLead {
	margin:0 0 20px 0;
	padding:10px;
	border-bottom:1px solid #0c1f1f;
	background:rgba(64,134,133,0.1);
	color:#ced9d8;
	font-size:16px;
	text-align:center;
}
.captionBox {
	width:940px;
	margin:0 auto 30px auto;
	padding:30px 30px 15px 30px;
	border:1px solid #333;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
	box-shadow:0px 0px 10px 0px #0c0307 inset;
	-moz-box-shadow:0px 0px 10px 0px #0c0307 inset;
	-webkit-box-shadow:0px 0px 10px 0px #0c0307 inset;
}
.captionBox h3 {
	margin:0 0 20px 0;
	color:#dcdcdc;
	font-size:20px;
	font-weight:bold;
}
.captionBox li {
	margin:0 0 15px 10px;
	color:#a0a0a0;
	font-size:14px;
	text-indent:-10px;
	line-height:1;
}
.captionBox li span {
	padding:0 0 0 6px;
	border-left:4px solid #a0a0a0;
}
.captionBox dl {
	margin:0 0 15px 0;
	color:#898989;
}
.captionBox dt {
	margin:0 0 5px 0;
	padding:0 0 0 6px;
	border-left:4px solid #a0a0a0;
	font-size:14px;
	line-height:1;
}
.captionBox dd {
	padding:0 0 0 10px;
	font-size:12px;
}
.captionBox dd a {
	color:#85a7a5;
	text-decoration:underline;
}
.captionBox dd a:hover {
	text-decoration:none;
}
.qes {
	width:920px;
	margin:0 auto 25px auto;
	padding:20px 40px 35px 40px;
	border:1px solid #183f3e;
	background:rgba(27,66,65,0.5);
}
.qes .prof {
	margin:0 0 10px 0;
}
.qes .prof img {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #535353;
}
.qes .prof .name {
	display:block;
	color:#fff;
	font-size:14px;
}
.qes .prof .date {
	color:#85a7a5;
	font-size:16px;	
}
.qes .mainQes dt {
	margin:0 0 10px 0;
	color:#fff;
	font-size:18px;
	word-break:break-word;
}
.qes .update dt {
	margin:0 0 15px 0;
	color:#85a7a5;
	font-size:16px;
	line-height:30px;
	word-break:break-word;
}
.qes .update dt span {
	display:block;
	float:left;
	width:87px;
	margin:0 10px 0 0;
	border-radius:4px;
	border:1px solid #f29905;
	background:#000;
	color:#f29905;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
.qes dd {
	margin:0 0 30px 0;
	color:#999;
	font-size:14px;
	word-break:break-word;
}
/*postArea*/
.postArea {
	width:880px;
	margin:0 auto;
	padding:25px 20px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.4);
}
.postArea h3 {
	margin:0 0 5px 0;
	color:#85a7a5;
	font-size:18px;
	font-weight:bold;
}
.postArea .chkTxt {
	padding:10px 0 20px 0;
	color:#c50000;
	font-size:16px;
}
.postArea p.attention {
	padding:20px 30px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.7);
	color:#f4a252;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
.postArea textArea {
	width:860px;
	min-height:180px;
	margin:0 0 15px 0;
	padding:10px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.7);
	color:#fff;
	font-size:14px;
	line-height:2;
}
.postArea .sendBtn {
	width:300px;
	margin:0 300px;
	border:1px solid #1acfcc;
	background:url(../img/forum/arrow_send.png) no-repeat 80px center rgba(19,46,46,0.34);
	color:#1acfcc;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	cursor:pointer;
}
/*ans*/
.ans h3 {
	width:960px;
	margin:0 auto 10px auto;
	padding:0 20px;
	background:rgba(19,46,46,0.5);
	color:#85a7a5;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
}
/*uiArea*/
.uiArea {
	width:1000px;
	margin:0 auto 10px auto;
}
.uiArea.bottom {
	margin:0 auto 50px auto;
}
.uiArea .order {
	float:left;
}
.uiArea .order li {
	float:left;
	height:29px;
	margin:0 10px 0 0;
}
.uiArea .order li a {
	display:block;
	height:29px;
	padding:0 10px 0 18px;
	border-radius:4px;
	border:1px solid #555;
	background:url(../img/forum/arrow_order_top.png) no-repeat 8px center rgba(0,17,17,0.5);
	color:#777;
	font-size:12px;
	line-height:29px;
	transition:border 0.5s,box-shadow 0.5s;
}
.uiArea .order li:last-child a {
	background:url(../img/forum/arrow_order_bottom.png) no-repeat 8px center rgba(0,17,17,0.5);
}
.uiArea .order li.current a {
	background:url(../img/common/arrow_selectbox_on.png) no-repeat 8px center rgba(0,17,17,0.5);
	color:#fff;
}
.uiArea .order li:last-child.current a{
	background:url(../img/common/arrow_selectbox.png) no-repeat 8px center rgba(0,17,17,0.5);
}
.uiArea .order li:hover a {
	border:1px solid #ee7700;
	box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	transition:border 0.5s,box-shadow 0.5s;
}
.uiArea .order li.current:hover a {
	border:1px solid #555;
	box-shadow:none;
}
/*pager*/
.pager {
	margin:0;
}
.pager dt {
	margin:6px 0 0 0;
}
.pager .prev, .pager .next, .pager li {
	padding:0;
}
.pager .prev, .pager .next, .pager li span {
	display:block;
	padding:4px 8px;
}
/*listArea*/
.listArea {
	width:1000px;
	margin:0 auto;
}
.listArea li {
	margin:0 0 10px 0;
	padding:25px 35px 20px 35px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.7);
}
.listArea li dt {
	margin:0 0 20px 0;
	color:#b5b5b5;
	font-size:14px;
	line-height:2;
	word-break:break-word;
}
.listArea li dd {
	color:#898989;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
/* ========================================
	Confilm
======================================== */
.confArea {
	width:920px;
	margin:0 auto 20px auto;
	padding:25px 40px;
	border:1px solid #183f3e;
	background:rgba(27,66,65,0.5);
}
.confArea .inner {
	padding:20px 20px 30px 20px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.4);
}
.confArea .inner h3 {
	margin:0 0 5px 0;
	color:#85a7a5;
	font-size:16px;
}
.confArea .inner p {
	min-height:200px;
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.5);
	color:#a0a0a0;
	font-size:16px;
	line-height:2;
	word-break:break-word;
}
.confArea .inner p.chkTxt {
	min-height:auto;
	background:rgba(0,17,17,0);
        border:0;
	padding:10px 0 0 0;
	color:#c50000;
	font-size:16px;
}
.confArea dt {
	margin:0 0 15px 0;
	color:#85a7a5;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.confArea ul {
	width:500px;
	margin:0 auto;
}
.confArea li input.back {
	float:left;
	width:230px;
	margin:0 20px 0 0;
	padding:0 0 0 1em;
	border:1px solid #b5b5b5;
	background:url(../img/forum/arrow_back.png) no-repeat 40px center rgba(83,83,83,0.4);
	color:#b5b5b5;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	cursor:pointer;
}
.confArea li input.submit {
	float:left;
	width:230px;
	margin:0 20px 0 0;
	border:1px solid #1acfcc;
	background:url(../img/forum/arrow_submit.png) no-repeat 40px center rgba(19,46,46,0.4);
	color:#1acfcc;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	cursor:pointer;
}
.confArea li input.back2 {
	float:left;
	width:500px;
	margin:0 20px 0 0;
	border:1px solid #b5b5b5;
	background:url(../img/forum/arrow_back.png) no-repeat 40px center rgba(83,83,83,0.4);
	color:#b5b5b5;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	cursor:pointer;
}

/* ========================================
	Comp
======================================== */
.compArea {
	width:920px;
	margin:0 auto 20px auto;
	padding:25px 40px;
	border:1px solid #183f3e;
	background:rgba(27,66,65,0.5);
}
.compArea .inner {
	padding:40px;
	border:1px solid #132e2e;
	background:rgba(0,17,17,0.4);
}
.compArea .inner h3 {
	margin:0 0 30px 0;
	color:#85a7a5;
	font-size:16px;
	text-align:center;
}
.compArea .backBtn {
	width:346px;
	margin:0 auto;
	border:1px solid #1acfcc;
	text-align:center;
}
.compArea .backBtn a {
	display:block;
	background:url(../img/forum/arrow_submit.png) no-repeat 70px center rgba(19,46,46,0.4);
	color:#1acfcc;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
}