@charset "UTF-8";

/* .listWrap {height: calc(100vh - 80px); min-height: 850px} */
/* .listBox {height: calc(100% - 30px)} */
.listTable {height: calc(100% - 50px); overflow-y: scroll}

.subject{text-align:left; font-weight:700}
.articleTitle:hover {cursor: pointer; text-decoration: underline}

.view_cts{border-top:2px solid #005EBC; padding:10px 0 5px; }
.view_cts .top_info{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.view_cts .top_info .top{ font-size:1.25rem; color:#111; margin-bottom:10px;}
.view_cts .top_info .top span{ display:block; color:#ca4b4b; font-size:13px; letter-spacing:5px; }
.view_cts .top_info p.poster{ font-size:14px; color:#999; position:relative;}
.view_cts .top_info p.poster span{ padding-left:20px;}
.view_cts .top_info p.poster span:first-child, .view_cts .top_info p.poster span:nth-child(6),.top_info p.poster span:nth-child(11), .view_cts .top_info p.poster span:nth-child(4), .view_cts .top_info p.poster span:nth-child(9) {padding-left:0;}
.view_cts .top_info p.poster strong{ color:#555; font-size:15px; font-weight:400}
.view_cts .top_info p.poster > span.good_ctn{ position:absolute; right:100px; top:0; color:#eca3a6;}
.view_cts .top_info p.poster > span.nogood_ctn{position:absolute; right:0; top:0;}
.view_cts > .info{ margin:30px 0; min-height:200px; position: relative}
.view_cts .prd_info{ margin-top:15px;}
.view_cts .prd_info:after{ content:""; display:block; clear:both;}
.view_cts .prd_info .img{ float:left; width:540px; height:360px; overflow:hidden; margin-right:50px;}
.view_cts .prd_info .spec{ float:left; width:490px;}
.view_cts .prd_info .spec > h4{ color:#111; font-size:22px; font-weight:500; margin-bottom:20px;}
.view_cts .prd_info .spec ul{ position:relative; margin-top:30px;}
.view_cts .prd_info .spec ul li{ color:#333; font-size:16px; margin:5px 0;}
.view_cts .prd_info .spec ul li span{ width:70px; color:#727272; display:inline-block;}
.view_cts .prd_info .spec ul li > a{ font-size:15px; background:#aaaaaa; color:#fff; padding:2px 10px; border-radius:7px; margin-left:5px;}
.view_cts .prd_info .spec ul li > a i{ padding-left:5px;}

.reply_wrap .reply_head{ padding:35px 0 10px;box-sizing:content-box;}
.reply_wrap .reply_head:after{ content:""; display:block; clear:both;}
.reply_wrap .reply_head .reply_title{ float:left; font-size:1.125rem; color:#1a1a1a; font-weight:500}
.reply_wrap .reply_head .replyu_count{float:left; padding-left:5px; font-size:16px; color:#007BF5; line-height:20px; overflow:hidden;}

.wirte_box{ position:relative;}
.wirte_box .wirte_inner{ position:relative; background:#f6f6f6; border:1px solid #ddd; border-radius:10px; width:100%;}
.wirte_box .wirte_inner .profile_area{ overflow:hidden; position:relative; height:25px; padding:11px 82px 0 14px; box-sizing:content-box;}
.profile_area .profile_name{ color:#333;}
.profile_area .profile_name input{ border:1px solid #ddd; background:#fff; border-radius:5px; font-size:14px; text-indent:5px; height:25px; line-height:25px;}
.wirte_inner .write_area{ overflow:hidden; max-width:100%;}
.write_area .inbox{ position:relative; padding:5px}
.write_area .inbox textarea{width:100%; background:transparent; border:none}
.wirte_box .btn_upload{ margin:10px 0; position:relative; float:right;}
.wirte_box:after{content:""; display:block; clear:both}

.profile_area .profile_name{ color:#333; padding:5px 0}
.profile_area .profile_name input{ border:1px solid #ddd; background:#fff; border-radius:5px; font-size:14px; text-indent:5px; height:25px; line-height:25px;}
.reply_contents_wrap{ position:relative;}
.reply_contents_wrap .comment_box{ position:relative; border:1px solid #eee; border-radius:5px; padding:15px;}
.reply_contents_wrap .comment_box .info{ margin-bottom:7px}
.reply_contents_wrap .comment_box .profile_name{ color:#111; font-weight:500; color:#333;}
.reply_contents_wrap .comment_box .date{ font-size:14px; color:#999999; padding-bottom:3px;}
.reply_contents_wrap .comment_box .text_wrap{ font-size:15px; font-weight:300;}
.reply_contents_wrap .comment_box .reply_tool a{ color:#eca3a6; display:block;}
.reply_contents_wrap .comment_box .reply_tool a strong{ font-weight:400;}
.comment_reply_area{ margin:20px 0 0 40px;  position:relative; border:1px solid #eee; border-radius:15px; padding:15px; background:#eee;}
.comment_reply_area li{ border-bottom:1px solid #fff; padding:10px 0; margin:10px 0;}
.reply_list li{ margin-bottom:10px;}

input[type="radio"]{margin-bottom:auto; top:3px; width: 15px; }

.write-form{border-top:1px solid #eaeaea}
.write-item{border-bottom:1px solid #eaeaea; padding:10px 0}
.write-item{display:flex; align-items:center;}
.write-item.df-wW { flex-wrap: wrap; }
.write-item>label{width:120px; flex-shrink:0}



.qustnrItem, .satSrv { border-top: 2px solid #aaa; margin: 20px 0 10px; padding: 0 10px 0; box-sizing: border-box; background: #f3f9ff; }

.passwordNotice {text-align: center; position: absolute; width: 100%; height: calc(100% - 70px); padding: 10% 0px; background-color: #FFF; top: 60px; left: 0}
.passwordNotice > p:first-child {margin-bottom: 5px}
.passwordNotice button {height: 35px}

.w-25 {width: 25%}

.btn_wrap {position: absolute; top: 15px; right: 15px}
.btn_wrap > button {padding: 2px}

@media all and (max-width:1440px) {
	.w-25 {width: 35%}
}

@media all and (min-width:1024px) and (max-width: 1200px) {
	.w-25 {width : 50%}
}

.title-add{color:#005EBC; font-size:.875rem}
.title-add:before{display:inline-block; content:"["; margin-right:3px}
.title-add:after{display:inline-block; content:"]"; margin:0 5px 0 3px}


/* 추가 */
.noticeDetailAttachFile>span { display: block; font-weight: bold; }
.noticeDetailAttachFile>div>div>a { border-bottom: 1px solid #f0f0f0; padding: 5px 0; }
.noticeDetailAttachFile>div>div>a>img { vertical-align: middle; }

.write-itemPop { display: block; padding: 10px 0; }
.write-itemPop>label { display: inline-block; width: 120px; flex-shrink: 0; }

.write-itemPop .popListItem { display: inline-block; width: calc(100% - 125px); }
.write-itemPop .popListItem label { width: 80px; display: inline-block; }
.write-itemPop .popListItem.list2Item { margin: 10px 0 0px 125px; padding: 3px 0; }

.write-itemPop .popListItem.list2Item .popLinkCheck { width: 120px; }


.write-item .file_add input { display: inline-block; padding: 3px 5px !important; border: 1px solid #ed0000; color: #ed0000; }

.fullCts.popLinkCheckInput { max-width: 200px; }

.noticeFIle img { vertical-align: middle; }


@media all and (max-width:479px) {
	.write-item>label{width: auto; flex-shrink:0; padding-right: 20px; }
	.qustnrQestnList input { margin: 3px 0 3px 10px !important; }
	input[type=text], input[type=email], input[type=password], input[type=date] { width: calc(100% - 20px); margin: 3px 0; }
	
	.write-itemPop .popListItem { width: 100%; margin: 10px 0; }
	.write-itemPop .popListItem.list2Item { margin: 0; }
	
}