@charset "UTF-8";

/* visual_img */
.funding_top_slider_wrap { height:83px; overflow:hidden }
.visual_img { height:275px; margin:0; }
.visual_img2 { max-height:71px; }
.visual_img article { vertical-align:middle; padding-top:0px; text-align:left; }
.visual_img2 article{ text-align:center; } 
.visual_img img { width:100%; max-width:417px; vertical-align:middle; margin-top:50px; margin-bottom:50px; margin-left:10%  }
.visual_img2 img{ max-width:622px; max-height:71px; margin:0 auto; }
@media screen and (max-width: 990px) {
	.visual_img { background-position:0 0; }
	.visual_img article { text-align:center }
	.visual_img img { margin-left:0px; margin-top:50px; margin-bottom:50px; }
	.visual_img2 img{ margin:0 auto !important; }
}
@media screen and (max-width: 768px) {
	.visual_img2 { max-height:58px; }
}

/*************** 큐레이션 영역 시작 **********************/
.curation { background-color:#ECECEC; }
.curation article { display:flex; padding:0px; text-align:center }
.curation article ul.slider { margin:0 auto; display:block; width:100%; vertical-align: top; text-align:center; overflow-x:scroll; white-space:nowrap; padding:0px 7px }
.curation article ul.slider li.item { display:inline-block; width:300px; height:475px; background-color:white; vertical-align: top; margin:15px 7px 10px 7px; overflow:hidden }
/* curation 가로 스크롤 디자인 */
.curation::-webkit-scrollbar      { width:8px; height:8px; background-color:transparent;}
.curation::-webkit-scrollbar-thumb { background-color:rgba(255,144,0,0.5); border-radius:5px; border:2px solid #ECECEC }

/**** funding_filter ***/
.funding_filter{ white-space:normal; clear:both }
.funding_filter .search_tab{ display:inline-block; text-align:center }
.funding_filter .search_tab .type{ width:99px; height:70px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; float:left; cursor:pointer; color:#888888; background-color:#f5f5f5; padding-top:20px }
.funding_filter .search_tab .pay{ width:100px; height:70px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; float:left; cursor:pointer; color:#888888; background-color:#f5f5f5; padding-top:20px  }
.funding_filter .search_tab .period{ width:99px; height:70px; border-bottom:1px solid #dddddd; float:left; cursor:pointer; color:#888888; background-color:#f5f5f5; padding-top:20px }
.funding_filter .search_tab .on{ border-bottom:0 !important; color:#000000; background-color:#ffffff; }

.funding_filter .search_content i.question_icon{ font-size:20px; color:#CCC; }
.funding_filter .search_content i.question_icon:hover + .tooltip{ display:block; }
.funding_filter .search_content .cont_inner{ height:318px; padding:25px 30px 0px 30px;  }
.funding_filter .search_content .cont_inner .tit{ font-size:17px; color:#000000; font-weight:600; letter-spacing:-1.4px; }
.funding_filter .search_content .cont_inner .txt{ font-color:#888888; letter-spacing:-1.4px; margin-top:10px; }
.funding_filter .search_content button.on{ color:#ffffff !important; background-color:#ff9000 !important; border:1px solid #ff9000 !important; }
.funding_filter .search_content button.btn_check:hover { border:1px solid #ff9000 !important; }
.funding_filter .search_content .cont_inner li .btn_check{ max-width:200px; overflow:hidden; height:40px; background-color:#ffffff; color:#000000; border:1px solid #dddddd; cursor:pointer; white-space:nowrap; vertical-align: middle }
.funding_filter .search_content .search_btn{ width:100%; border-top:1px solid #dddddd; text-align:center; padding-top:17px}
.funding_filter .search_content .search_btn button{ width:240px; height:50px; }

.funding_filter .search_content > div.on { display:block }

.funding_filter .search_content .type_cont{ width:100%; text-align:left; display:none }

.funding_filter .search_content .type_cont .cont_inner li:nth-child(2){ margin-top:10px; position:relative; }
.funding_filter .search_content .type_cont .cont_inner li:nth-child(3), 
.funding_filter .search_content .type_cont .cont_inner li:nth-child(4), 
.funding_filter .search_content .type_cont .cont_inner li:nth-child(5){ margin-top:8px; position:relative; }
.funding_filter .search_content .type_cont .cont_inner li .btn_check{ min-width:100px;  }
.funding_filter .search_content .type_cont .cont_inner li:nth-child(5) .btn_check{ min-width:150px;  }
.funding_filter .search_content .type_cont .cont_inner .checkbox_wrap { margin-top:5px; }

.funding_filter .search_content .pay_cont{ width:100%; text-align:left; display:none }
.funding_filter .search_content .pay_cont .cont_inner .type01{ margin-top:25px; position:relative; }
.funding_filter .search_content .pay_cont .cont_inner .type02{ margin-top:10px; position:relative; }
.funding_filter .search_content .pay_cont .cont_inner .type03{ margin-top:10px; position:relative; }
.funding_filter .search_content .pay_cont .cont_inner .type04{ margin-top:10px; position:relative; }
.funding_filter .search_content .pay_cont .cont_inner li .btn_check{ min-width:150px;  }

.funding_filter .search_content .period_cont{ width:100%; text-align:left; display:none }
.funding_filter .search_content .period_cont .cont_inner .type01{ margin-top:25px; position:relative; }
.funding_filter .search_content .period_cont .cont_inner .type02{ margin-top:10px; position:relative; }
.funding_filter .search_content .period_cont .cont_inner .type03{ margin-top:10px; margin-bottom:40px; position:relative; }
.funding_filter .search_content .period_cont .cont_inner li .btn_check{ min-width:165px; }
/*************** 큐레이션 영역 끝 **********************/


/**** funding_list ****/
a[name=list] { position:absolute ; margin-top:-50px; }
.funding_list .container { max-width:1300px !important; }

.funding_list .nowFunding   { display:none; width:100%; color:#000; font-size:28px; letter-spacing:-2px; text-align:center; background-color:#ffffff; }
.funding_list .nowFunding img { margin:15px 2px; vertical-align:top }
.funding_list .nowFunding b { color:#ff0680; font-family:'Oxygen',sans-serif; font-size:38px; font-weight:700; letter-spacing:0; }
.funding_list .nowFunding strong { color:#E66016; font-family:'Oxygen',sans-serif; font-size:38px; font-weight:700; letter-spacing:0; }

.funding_list .loadding { margin-top:200px; margin-bottom:150px }

.funding_list .sort_box{ margin-top:30px; text-align:center }
.funding_list .sort_box .select_sort select{ width:240px; }
.funding_list .sort_box .tag { margin-top:20px; }
.funding_list .sort_box .tag button{ width:24%; max-width:190px; height:50px; border:1px solid #dddddd; color:#000000; background-color:#ffffff; border-right:0; cursor:pointer; vertical-align:top; overflow:hidden }
.funding_list .sort_box .tag button:last-child { border-right:1px solid #dddddd; margin-right:0; }
.funding_list .sort_box .tag button.on{ color:#ff9000 !important; font-weight:600; }
.funding_list .sort_box .tag button:hover{ color:#ff9000 !important; font-weight:600; }
.funding_list .sort_box .tab { margin-top:20px; display:inline-flex; max-width:1000px; width:100%; justify-content: center; align-items: center; }
.funding_list .sort_box .tab button{ width:19%; max-width:190px; height:50px; border:1px solid #dddddd; color:#000000; background-color:#ffffff; border-right:0; cursor:pointer; vertical-align:top; overflow:hidden; font-size:14px; }
.funding_list .sort_box .tab button:last-child { border-right:1px solid #dddddd; margin-right:0; }
.funding_list .sort_box .tab button.on{ color:#ff9000 !important; font-weight:600; }
.funding_list .sort_box .tab button:hover{ color:#ff9000 !important; font-weight:600; }
@media screen and (max-width: 650px) {
	.funding_list .sort_box .btn_sort button { width:49%; max-width:49%; margin:1px; border-right:1px solid #dddddd; }
	.funding_list .funding_cnt_txt{ text-align:center; padding-right:0; }
}

.funding_list .filter_box{ background-color:#f8f8f8; width:100%; padding:20px 1px; margin-top:30px; max-width:1510px; display:inline-block; text-align:center; }
.funding_list .filter_box .filter_inner{ font-size:19px; font-weight:600; color:#000000; }
.funding_list .filter_box .filter_inner a{ font-size:14px; margin-left:25px; text-decoration:underline !important; }

.funding_list .funding_cnt_txt { display:block; color:#666666; text-align:right; margin-top:60px; padding-right:2% }
.funding_list .funding_cnt_txt strong{ color:#000000; }

.funding_list .empty { margin:20px 10%; padding:100px 10px; border:1px solid #efefef; text-align:center }
.funding_list a.item:hover .funding_item { border:1px solid #FF9000; }
.funding_list .funding_item { display:block; width:267px; height:500px; border:1px solid #dddddd; margin:20px; display:inline-block; vertical-align:top; text-align:center }

/* ** REQUESTED / REJECTED / PRE_CONFIRMED / CONFIRMED / SUCCEEDED / FAILED / DONE  */
/*
.funding_list .funding_item.PRE_CONFIRMED { background-color:rgba(255,255,0,0.2) }
.funding_list .funding_item.FAILED,
.funding_list .funding_item.DONE { background-color:rgba(0,0,0,0.2) }
*/

.funding_list .funding_item .funding_banner{ display:block; border-bottom:1px solid #dddddd; height:150px; background-color:#f7f7f7 }
.funding_list .funding_item .funding_banner .interests{ position:absolute; width:66px; height:30px; line-height:28px; border:0; background-color:#ff9000; color:#ffffff; font-weight:600; display:none; }
.funding_list .funding_item .funding_banner .update_cnt{ width:60px; height:21px; line-height:21px; position:absolute; border:0; border-radius:5%; background-color:#ff0680; color:#ffffff; margin-top:7px; margin-left:7px; font-size:12px; }
.funding_list .funding_item .funding_banner img{ width:100%; height:auto; height:150px; }

.funding_list .funding_item .funding_body{ display:block; padding:20px 20px 20px 20px; }
.funding_list .funding_item .funding_body .funding_cont{ display:block; font-size:17px; color:#000000; letter-spacing:-1.5px; text-align:left; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; }

.funding_list .funding_item .funding_body .funding_tag{ width:100%; margin-top:15px; color:#999999; text-align:left; letter-spacing:-1.4px; display:inline-block; line-height:20px; height:40px; overflow:hidden }
.funding_list .funding_item .funding_body .funding_tag span { display:inline-block; font-size:13px; margin-right:5px; white-space:nowrap; cursor:pointer }
.funding_list .funding_item .funding_body .funding_tag span:hover,
.funding_list .funding_item .funding_body .funding_tag span.active { color:#FF9000; }

.funding_list .funding_item .funding_body .funding_company{ width:100%; display:flex; margin-top:15px; text-align:left; height:62px;  }  
.funding_list .funding_item .funding_body .funding_company .name { clear:both; width:100%; font-size:17px; color:#666666; line-height:19px; margin-left:10px; padding-top:8px; max-width:170px }

.funding_list .funding_item .funding_body .funding_tendency{ width:100%; height:67px; margin-top:15px; display:inline-block; }
.funding_list .funding_item .funding_body .funding_tendency .tendency_btn{ padding:5px; width:auto; height:26px; margin:0 5px 5px 0; float:left; box-sizing:border-box; line-height:15px; font-size:12px; border:1px solid #ff9000; color:#ff9000; }
.funding_list .funding_item .funding_body .funding_tendency .stock_btn,
.funding_list .funding_item .funding_body .funding_tendency .bond_btn{ border:1px solid #ff9000; color:#ff9000; }
.funding_list .funding_item .funding_body .funding_tendency .reward_btn{ border:1px solid #67af0a; color:#67af0a; }
.funding_list .funding_item .funding_body .funding_tendency .private_btn{ border:1px solid #ff0680; color:#ff0680; }
.funding_list .funding_item .funding_body .funding_tendency .deduction_btn{ border:1px solid #333333; color:#333333; }
.funding_list .funding_item .funding_body .funding_tendency .event_btn{ border:1px solid #b600bd; color:#b600bd; }
.funding_list .funding_item .funding_body .funding_tendency .d_day{ float:right; color:#67af0a; background-color:#fff }

.funding_list .funding_item .funding_body .funding_state{  display:inline-block; width:100%; height:30px; }
.funding_list .funding_item .funding_body .funding_state .progress{ position:relative; width:100%; box-sizing:border-box; height:auto; }
.funding_list .funding_item .funding_body .funding_state .progress .now_progress{ width:0; border:1px solid #67af0a; left:-2px; top:-1px; }
.funding_list .funding_item .funding_body .funding_state .amount{ color:#000000; text-align:left; margin-top:5px; font-weight:600; }
.funding_list .funding_item .funding_body .funding_state .amount .percent{ color:#67af0a; float:right; }

.funding_list .funding_item .funding_body .funding_state .funding_end{ margin-top:-18px; }
.funding_list .funding_item .funding_body .funding_state .funding_end .success_txt{ font-size:18px; font-weight:600; color:#000000; }
.funding_list .funding_item .funding_body .funding_state .funding_end .success_txt img{ margin:-10px 5px 0 0; }
.funding_list .funding_item .funding_body .funding_state .funding_end .success_amount { font-size:15px; font-weight:600; color:#ff9000; margin-top:4px; }

.funding_list .funding_item .funding_body .funding_state .funding_end .end_txt{ font-size:18px; font-weight:600; color:#000000; }
.funding_list .funding_item .funding_body .funding_state .funding_end .end_amount{ font-size:15px; font-weight:600; color:#67af0a; margin-top:3px; }


/* mobile funding list */
@media screen and (max-width: 425px) {
	.funding_list .container { padding:50px 0 30px 0; }
	.funding_list .nowFunding{ font-size:18px; }
	.funding_list .nowFunding img { width:15px; }
	.funding_list .nowFunding b, .funding_list .nowFunding strong { font-size:30px; }
	.funding_list .sort_box .select_sort { padding:0 10px; }
	.funding_list .sort_box .select_sort select { width:100%; font-size:12px; height:30px; }
	.funding_list .sort_box .tab { padding:0 10px; margin-top:10px; }
	.funding_list .sort_box .tab button { width:20%; height:40px; font-size:11px; }
	.funding_list .funding_cnt_txt { margin-top:20px; text-align:center; padding-right:0; }
	.funding_list #funding_list { margin-top:20px; }
	
	.funding_list .funding_item { width:calc(100% - 20px); height:auto; margin:20px 10px; }
	.funding_list .funding_item .funding_banner { height:auto; }
	.funding_list .funding_item .funding_banner img { height:auto }
	.funding_list .funding_item .funding_body { padding:15px; }
	.funding_list .funding_item .funding_body .funding_cont { height:auto; }
	.funding_list .funding_item .funding_body .funding_tag { margin-top:20px; height:auto; }
	.funding_list .funding_item .funding_body .funding_company { height:auto; }
	.funding_list .funding_item .funding_body .funding_tendency{ height:auto; }
	.funding_list .funding_item .funding_body .funding_state { margin-top:25px; height:auto; }
}

/* 리스트 전체 가운데, 내부 왼쪽 정렬 */
.funding_list  #funding_list     { margin:0 auto; width:1248px; }
@media (min-width:964px) and (max-width:1243px){
	.funding_list  #funding_list { width:933px; }
}
@media (min-width:651px) and (max-width:963px){
	.funding_list  #funding_list { width:100%; max-width:620px; }
}
@media (max-width:650px){
	.funding_list  #funding_list { width:100%; max-width:100%; text-align:center }
}