/** visual **/
.visual article { text-align:center; color:#424242; padding:50px 0px 0; }
.visual .inner{ margin:0 auto; text-align:left; padding:50px 0 30px 0; }
.visual .inner p{ font-size:52px; font-weight:300; letter-spacing:-1px; line-height:60px; }
.visual .inner p span{ color:#ff9000; }

/** board ***/
.board article                { min-height:300px; padding-top:50px; padding-bottom:50px; }
.board article .btn_area      { text-align:right }

/****************** list ***************************/
i{ display:inline-block; }
.icon-plus{ width:16px; height:16px; background:url('/img/icon/icon_plus.png'); vertical-align:-1px; opacity:0.5; filter:alpha(opacity=50); }
.icon-minus{ width:16px; height:2px; background:url('/img/icon/icon_minus.png'); vertical-align:6px; opacity:0.5; filter:alpha(opacity=50); }

.faq_search_area { margin:0 auto; width:100%; max-width:500px; display:flex }
.faq_search_area input[type=text]		{ width:calc(100% - 66px); height:58px; padding:10px; border:3px solid #212121; color:#212121; font-size:14px; float:left; }
.faq_search_area input[type=text]:focus { outline:none; border-color:#febb00; }
.faq_search_area button { border:0px; background-color:rgba(0,0,0,0) }
.faq_search_area i{ width:54px; height:54px; background:url('/img/icon/icon_search_btn.svg') no-repeat; margin:2px 0 0 10px; }

.list{ margin-top:60px; color:#7a7a7a; }
.list .empty { padding:100px 50px; text-align:center }
.list .item{ border-bottom:1px solid #D0D0D0; }
.list .item:first-child{ border-top:1px solid #D0D0D0; }
.list .item .faq_question{ width:100%; display:table;  padding:40px 0; cursor:pointer; }
.list .item .faq_question:hover .title { color:#FF9000; } 
.list .item .faq_question .category{ width:10%; float:left; font-size:14px; padding:4px 0 0 10px; }
.list .item .faq_question .category.investor{ color:#FF635D; }
.list .item .faq_question .category.company { color:#febb00; }
.list .item .faq_question .title{ width:87%; font-size:18px; padding-left:15px; float:left; cursor:pointer; }
.list .item .faq_question .title b { color:#FF9000; }
.list .item .faq_question .show_btn{ width:3%; float:left; text-align:center; cursor:pointer; }

.list .item .faq_answer{ display:none; border-top:1px solid #ececec; padding:20px 20px; font-size:14px; }
.list .item .faq_answer .txt{ margin-top:10px; }
.list .item .faq_answer .txt .accent{ color:#f37934; }
.list .item .faq_answer p{ margin:0 0 10px; }
.list .item .faq_answer table td, .list .item .faq_answer table th{ border: 1px solid #ececec; }
.list .item .faq_answer .btn{ min-width:unset; padding:5px 10px; font-size:12px; border-color:#e4e4e4; background-color:#fff; color:#7a7a7a; }
.list .item .faq_answer .btn:hover{ background-color:#e4e4e4; }

.board article .paging_area	 { text-align:center; margin:20px 0; color:#7a7a7a; }
.board article .paging_area	.first,
.board article .paging_area	.last,
.board article .paging_area	.next,
.board article .paging_area	.prev { display:none }
.board article .paging_area .page { line-height:24px; } 
.board article .paging_area .page a{ padding:5px; font-size:14px; }
.board article .paging_area .curPage { font-weight:bold; color:#3e3e3e; }

@media screen and ( max-width:990px ) {
	.visual .inner{ padding-top:0; }
	.visual .inner p{ font-size:40px; line-height:45px; }
}

@media screen and (max-width:760px) {
	.visual .inner{ padding:30px 20px 0 20px; }
	.visual .inner p{ font-size:28px; line-height:32px; }
	
	.list{ padding:0 20px; }
	.list .item .faq_question .category{ width:20%; }
	.list .item .faq_question .title{ width:75%; }
	.list .item .faq_question .show_btn{ width:5%; }
}