@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

html, body{
	width:100% !important;
	height:100% !important;
	background-color:#fff !important;
	position:relative;
	/*overflow:hidden; */ /* ios 크롬에서 비노출 오류로 인한 삭제처리 */
}

.wrap{width:100%;margin:0;padding:0;position:relative;}
.header_wrap{width:100%;margin:0;padding:0;position:fixed;left:0;top:0;z-index:100;}
.mcontainer{width:100%;margin:0;padding:0;position:relative;}
.tcontainer{width:100%;margin:0;padding:60px 0 0;position:relative;}
.scontainer{width:100%;margin:60px 0 0;padding:0;position:relative;display:flex;}
.footer{width:100%;margin:0;padding:0;position:relative;}






/************************************************
*		HEADER									*
************************************************/






/************************************************
*					MAIN						*
************************************************/

/******************* CONTENT *******************/
.mst_content{
	width:100%;
	padding:0;
	position:relative;
	
}
.mst_case{
	width:100%;
	position:relative;
}
.mst_wrap{
	width:100%;
	height:100%;
	position:relative;
}

.mst_tab{
	width:100%;
	margin:0;
	padding:0;
	left:0;
	top:0;
	z-index:100;
}
.mst_tab li{
	height:56px;
	background-color:rgb(245, 245, 245);
	border-bottom:1px solid #ccc;
	position:relative;
	float:left;
	color:#181818;;
}
.mst_tab li span{
	width:1px;
	height:20px;
	margin:0;
	padding:0;
	background-color:#666;
	position:absolute;
	right:0;
	top:18px;
	display:block;
}
.mst_tab li a{
	width:100%;
	height:55px;
	border-bottom:3px solid rgb(245, 245, 245);
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:55px;
	display:block;
}
.mst_tab li a:hover,
.mst_tab li a.on{
	border-bottom:3px solid rgb(179, 179, 179);
}

/*bus_nosign.htm*/
.mst_content1{
	width: 100%;
	overflow: auto;
	font-size: 16px;
}
.bus_nosign_table{
	white-space:nowrap;
	border-collapse:collapse;
}
.bus_nosign_table th{
	font-size: 14px;
}
.bus_nosign_table td{
	color:#2e2e2e;
}
.bus_nosign_table th,
.bus_nosign_table td {
	border:1px solid rgb(179, 179, 179);
	padding:10px;
	text-align: center;
}


.ud_tab{
	width:100%;
	height:45px;
	margin:0;
	padding:0;
	position:fixed;
	right:0;
	bottom:0;
}
.ud_tab li:first-child{border-left:0 none;}
.ud_tab li:last-child{width:10%;}
.ud_tab li{
	width:22.5%;
	height:45px;
	background-color:#fff;
	border-left:1px solid #999;
	position:relative;
	float:left;
}
.ud_tab li a{
	width:100%;
	height:45px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:45px;
	display:block;
}
.ud_tab li a:hover,
.ud_tab li a.on{
	background-color:#548b2e;
}

.ud_tab_a{
	width:100%;
	height:60px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	bottom:0;
}
.ud_tab_a li:first-child{border-left:0 none;}
.ud_tab_a li:last-child{width:10%;text-align:center;}
.ud_tab_a li{
	width:22.5%;
	height:60px;
	background-color:#fff;
	border-left:1px solid #999;
	position:relative;
	float:left;
}
.ud_tab_a li a{
	width:100%;
	height:60px;
	text-align:center;
	font-size:15px;
	font-weight:400;
	color:#333;
	line-height:60px;
	display:block;
}
.ud_tab_a li a:hover,
.ud_tab_a li a.on{
	background-color:#548b2e;
}

.mst_ltit{
	height:60px;
	margin:0;
	padding:5px 10px;
	color:#333;
	line-height:30px;
	border-bottom:1px solid #ccc;
	
}
.mst_ltit span {
	font-weight:700;
	font-size:15px;
	margin-right: 10px;
}
.mst_ltit_sort {
	color: white;
}
.mst_ltit_sort .fa-sort-amount-down-alt{
	display: inline-block;
	font-size: 14px;
	position:absolute;
	right:25px;
	top:10px;
}
.mst_ltit:hover .dropdown_sort {display: block;}
  
.mst_ltit:hover .dropbtn {background-color: #ffffff;}

.dropdown_sort {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 70px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	right:0;
  }
  
.dropdown_sort a {
	color: black;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
	font-size: 12px;
  }
  
.dropdown_sort a:hover {background-color: #ddd;}
  



.mst_ctit{
	height:45px;
	margin:0 0 15px;
	background-color:#f9f9f9;
	border-top:1px solid #ccc;
	text-align:center;
	font-size:15px;
	font-weight:400;
	color:#333;
	line-height:45px;
	position:relative;
}

.mst_head{
	padding:15px 10px;
	position:relative;
	height: 50px;
}
.mst_head .mh_info{
	width:100%;
	margin:0;
	padding:0;
	line-height:25px;
	position:relative;
}
.mst_head .mh_info ul{margin:0;padding:2px 0;position:relative;}
.mst_head .mh_info li:first-child{width:31.4%;}
.mst_head .mh_info li{
	width:31.3%;
	margin:0 1%;
	font-size:14px;
	font-weight:300;
	color:#333;
	line-height:25px;
	position:relative;
	float:left;
}
.mst_head .mh_info li p{text-align:center;font-size:15px;font-weight:500;display:block;}
.mst_head .mh_info li b{text-align:center;font-size:26px;font-weight:500;display:block;}
.mst_head .mh_info li span{height:25px;padding:0 5px;line-height:25px;display:block;float:left;}
.mst_head .mh_info li img{width:auto;height:10px;}
.mst_head .mh_time{
	height:20px;
	margin:15px 0 0;
	padding:0;
	text-align:left;
	font-size:12px;
	color:#999;
	line-height:20px;
	position:relative;
}
.mst_head .mh_time span{
	height:20px;
	text-align:right;
	line-height:20px;
	position:absolute;
	right:0;
	top:0;
}
.mst_head .mh_time img{width:auto;height:15px;}




.mst_stit{
	width:50%;
	height:45px;
	background-color:#f9f9f9;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:45px;
	position:relative;
	float:left;
}
.mst_stit.rln{border-right:1px solid #ccc;}
.mst_scase{
	width:50%;
	height:44%;
	margin:0;
	padding:0;
	background-color:#fff;
	position:relative;
	float:left;
	overflow:hidden;
}
.mst_scase.rln{border-right:1px solid #ccc;}
.mst_data{
	width:102.5%;
	height:100%;
	margin:0;
	padding:0;
	border-right:1px solid #ccc;
	position:relative;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:scroll;
}
.mst_data ul{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	overflow:auto;
}
.mst_data li{float:left;}
.mst_data li.rdln{border-left:1px solid #ccc;}





.ls_list{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.ls_list li:last-child{margin:0 0 10px;}
.ls_list li{
	height:70px;
	margin:0;
	padding:13px 10px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.ls_list li a{color:#333;}
.ls_list li img{width:auto;height:13px;}
.ls_list li .tcon{
	height:14px;
	margin:2px 7px 0;
	padding:3px 3px 0;
	font-size:12px;
	font-weight:300;
	line-height:14px;
	display:inline-table;
	vertical-align:top;
}
.ls_list li .tbar{
	width:100%;
	height:17px;
	margin:3px 0 0;
	padding:0;
	background-color:#f9f9f9;
	line-height:17px;
	display:block;
}
.ls_list li dl{height:25px;margin:0;padding:0;position:relative;}
.ls_list li dt{
	height:25px;
	font-size:15px;
	font-weight:200;
	line-height:25px;
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
}
.ls_list li dd{
	height:25px;
	font-size:14px;
	font-weight:400;
	line-height:25px;
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
}
.ls_list li .dtxt{
	font-size:13px;
	font-weight:400;
	color:#757575;
	line-height:25px;
	overflow:hidden;
}






.st_list{margin:0 0 45px;padding:0;position:relative;}
.st_list .tabs-standard{width:100%;margin:0;padding:0;position:relative;}
.st_list .tabs-standard .sliderkit-nav{width:100%;height:51px;margin:0;text-align:left;position:relative;}
.st_list .tabs-standard .sliderkit-nav-clip{margin:0;}
.st_list .tabs-standard .sliderkit-nav-clip li{
	height:51px;
	background-color:#f9f9f9;
	border-bottom:1px solid #efefef;
	position:relative;
	float:left;
}
.st_list .tabs-standard .sliderkit-nav-clip li:first-child a{border-left:0 none;}
.st_list .tabs-standard .sliderkit-nav-clip li a{
	width:100%;
	height:22px;
	margin:15px 0 10px;
	border-left:1px solid #ccc;
	text-align:center;
	color:#333;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:22px;
	text-decoration:none;
	display:block;
}
.st_list .tabs-standard .sliderkit-nav-clip li.sliderkit-selected{
	border-bottom:3px solid #ccc;
}
.st_list .tabs-standard .sliderkit-nav-clip li.sliderkit-selected a{color:#333;}

.st_list .tabs-standard .sliderkit-panels{
	width:100%;
	position:relative;
}
.st_list .tabs-standard .sliderkit-panel{width:100%;}
.st_list .tabs-standard .sliderkit-list{margin:0;padding:0;}


/*bus_note_w_tradeinfo.htm*/
.tradeinfo_lists .subt{
	padding:0 10px;

}
.tradeinfo_list{
	padding:10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tradeinfo_lists li:first-child,.tradeinfo_lists li:nth-child(2){
	height: 50px;
}
.tradeinfo_lists li {
	background-color: rgb(238, 238, 238);
	border-bottom:1px solid #5d5d5d;
	height:80px;
	color: #2e2e2e;
}

.tradeinfo_list button{
	background-color: tomato;
	color: #fff;
	width: 80px;
	height: 30px;
	border-radius: 5px;
}
.tradeinfo_list_btn1{
	margin-right: -50px;
}




/************************************************
*					SUB							*
************************************************/
/**notice.htm**/

.notice_wrap{
	margin:0;padding:0;position:relative;
}
.notice_wrap .nw_list{margin:0 0 20px;background-color:#fff;border-top:1px solid #333;position:relative;}
.notice_wrap .nw_list li{
	padding:10px;border-bottom:1px solid #333;color:#a3a3a3;line-height:30px;position:relative;
	font-weight: 700;}

.notice_wrap .nw_list li b{
	font-size:14px;
	font-weight:700;
	color:#fff;
	line-height:25px;	
}


.notice_wrap .nw_list li img {
	width: 18px;
	line-height: 25px;

}


.notice_wrap .nw_list li a{
	font-size: 0.95em;
	line-height: 20px !important;
	display: inline-block;
}
.notice_wrap .nw_list li a:visited{
	font-weight: 300;
}

.notice_wrap .nw_list li .hz:hover{
	color:#d14146;
}
.notice_wrap .nw_list li .hz{
	color:#000;
}
.notice_wrap .nw_list li .hzvisit{
	font-weight: 300;
	color:rgb(88, 88, 88);
}


.notice_wrap .nw_list li p{
	padding:0;
	font-size:12px;
	color:#a3a3a3;
	line-height:15px;
	display:block; 
}
.notice_wrap .nw_list li p img{width:auto;height:15px;margin-left:3px;}
/**notice.htm 끝**/


/**no_ad.htm**/
.no_ad_cont{
	background-color: #f0f0f0;
	color:#000;
	padding:0 0 20px;
}
.no_ad_cont p{
	color:#000;
}
.no_ad_link{
	padding:0 20px;
}
.no_ad_link h3{
	font-size: 1.2em;
}
.no_ad_link, .no_ad_link a {
	color:#000;
}
.no_ad_link a{
	display: flex;
	padding:0;
	cursor: pointer;
	
	text-decoration: underline;
}

.no_ad_link a:focus{
	outline:none;
}

/**no_ad_terms.htm**/
.no_ad_terms{
	padding:10px;
	background-color: #fff;
}
.no_ad_terms h3, .no_ad_terms h4{
	color:#cc0000;
}
.no_ad_terms p {
	background-color: rgb(247, 247, 247);
	padding:10px;
}

.no_ad_btn{
	padding:0 20px;
}
.no_ad_btn button{
	width: 100%;
	margin:0 auto;
	display: block;
	background-color: #EA4853;
	height: 50px;
	border-radius: 5px;
	border:none;
	color:#fff;
	
}


/*bus_user_trade.htm*/
.table_br_effect{
	filter: blur(3px);
	position:relative;
}
.table_br_txt{
	position:absolute;
	color:#000;
	top:83%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size: 1em;
	font-weight: 700;
	background: none;
	width: 260px;
}



/*bus_user_trade_h.htm*/

.but_icon a{
	float:left;
	text-align: center;
}
.but_icon a i {
	font-size: 1.2em;
}
.but_icon a i.fas.fa-share-alt{
	font-size: 1.1em;
	margin-top: 2px;
	
}

.but_icon span{
	font-size: 0.4em;
	display: block;
	margin-top: 3px;
}

/*bus_user_detail_csc.htm*/
.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}


/*bus_user_detail_h.htm*/
.asset_status_btn{
	position: fixed;
	bottom:0;
	width: 100%;
	height: 50px;
	background: tomato;
	color:#fff;
}
.asset_status_btn a{
	margin-right:10px;
}
.bus_user_detail_h_date{
	border-bottom:1px solid #5d5d5d;
	display: flex;
	padding:10px;
	align-items: center;
}

.bus_user_detail_h_date input{
	width: 120px;
	padding:5px;
	height: 30px;
	border:1px solid #000;
	color: #2e2e2e;
	margin-right:10px;
}
.bus_user_detail_h_date input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    background: url(../img/icon/sort_desc_disabled.png) no-repeat;
    width: 22px;
    height: 22px;
    border-width: thin;
	text-align: center;
}

.bus_user_detail_h_date button{
	background-color: tomato;
	width: 60px;
	height: 30px;
	color: #fff;
	border-radius: 3px;
}

/*bus_note_b1.htm*/
.mst_head .mh_info_c{
	width: 100%;
}

.trade_info tr td input {
	width: 200px;
	height: 30px;
}


.trade_info_btns{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding:0 10px;
}

.trade_info_text {
	padding:10px;
	color: #333;
}
.alert_checkbox {
	float:right;
	margin-right:20px;
	color: #000;
}
.alert_checkbox2{
	float:left;
	margin:10px auto;
}
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*bus_user_detail.htm*/
.user_detail_cont p{
	text-align: center;
	margin-top:150px;
	font-size: 14px;
	color: #2e2e2e;
}

/*bus_alert_message.htm*/
.alert_message_con{
	text-align: center;
	margin-top:150px;
}
.alert_message_con h3{
	font-size: 16px;
	font-weight: 600;
	margin-bottom:30px;
	color:#2e2e2e;
}


/*bus_rank.htm*/
.bustit_2{
	padding:10px;
}
.bustit_2 span {
	font-size: 12px;
	color:#2e2e2e;
}
.bustit_2 a{
	width: 60px;
	height: 20px;
	background-color: tomato;
	border-radius: 5px;
	font-size: 12px;
	padding:0 5px;
}
.bustit_icon i {
	margin-left:15px;
}

.rank_num{
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
}
.rank_id{
	font-size: 16px;
	font-weight: 600;
}
.rank_hash{
	display: block;
	font-size: 12px;
	font-weight: 400;
}
.mst_ltit_btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:10px 0;
}
.mst_ltit_btn button{
	padding:0 0.3em;
	color:#fff;
	margin-right:5px;
}
.mst_ltit_btn select{
	width: 25%;
	float:right;
	height: 20px;
	color:#fff;
	padding:0 0.2em;
}
.mst_ltit_btn select option{
	color:#000;
}


.mst_ltit_btn2{
	display: flex;
	justify-content: space-between;
	padding:0 0 10px;
}
.mst_ltit_btn2 input[type=date],
.mst_ltit_btn2 input[type=month],
.mst_ltit_btn2 input[type=week]{
	width: 30%;
	height: 20px;
	border:1px solid #000;
	color:#000;
}
.mst_ltit_btn2 button{
	background: red;
	padding:0 10px;
	color:#fff;
	height: 20px;
}
/* bus_note_b_transaction.htm */
.mst_ltit_btn3{
	display: flex;
	justify-content: space-between;
	padding:0 0 10px;
	color:#000;
}
.mst_ltit_btn3 input[type=date],
.mst_ltit_btn3 input[type=month],
.mst_ltit_btn3 input[type=week]{
	width: 35%;
	height: 20px;
	border:1px solid #000;
	color:#000 !important;
}
.mst_ltit_btn3 button{
	background: gray;
	padding:0 20px;
	color:#fff;
	height: 20px;
}


/*** radio button ***/
.tsh_c{
	display: flex;
	justify-content: space-between;
	color:#000;
}
.tsh label{
	opacity: 1 !important;
}
.tsh input[type="radio"] {
	width:1em;
	margin-right:-2em;
	display:none;
	float:left;
	z-index:-1;

}
.tsh input[type="radio"] + label {
	text-decoration:none;
	color:#000 !important;
	position:relative;
	cursor:pointer;
	display:inline-block;
}
.tsh input[type="radio"] + label:before {
	width:15px;
	height:15px;
	margin-top:4px;
	padding:0 15px;
	content:'';
	background:url(../img/icon/radio_off.png) no-repeat center 50%;
	background-size:15px;
	text-align:center;
	color:#000 !important;
	line-height:15px;
	display:block;
	float:left;
}
.tsh input[type="radio"]:checked + label:before {
	content:'';
	background:url(../img/icon/radio_on.png) no-repeat center 50%;
	background-size:15px;
	
}

/*bus_rank_h.htm*/

  
.tab-menu li {
	position:relative;
	color:#fff;
	display: inline-block;
	padding: 3px 5px;
	opacity: 1;
	cursor:pointer;
	z-index:0;
	margin-right:0.3em;
	background-color: gray;
  }
  
  .tab-menu li:hover {
	color:#fff;
	
  }
  
  .tab-menu li.active {
	opacity: 1;
	color:#fff;
	background-color: red;
	
  }
  
  .tab-menu li.active:hover {
	color:#fff;
	
  }
  
  .tab-content>div {
	box-sizing:border-box;
	width: 100%;
  }
  .line {
	position:absolute;
	width: 0;
	height: 7px;
	background-color: red;
	top: 0;
	left: 0;
  }
  
  


/*****달력 input 스타일 설정******/

label {
  padding: 10px 5px;
  transition: opacity 0.2s linear;
}

input {
  padding: 10px 5px;
  width: 100%;
  transition: all 0.2s linear;
}

input[type="color"].empty,
input[type="date"].empty,
input[type="datetime"].empty,
input[type="datetime-local"].empty,
input[type="email"].empty,
input[type="month"].empty,
input[type="number"].empty,
input[type="password"].empty,
input[type="search"].empty,
input[type="tel"].empty,
input[type="text"].empty,
input[type="time"].empty,
input[type="url"].empty,
input[type="week"].empty
{
  color: transparent;
}

input:focus {
  color: black;
}


input + label {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 1;
}

input.empty + label {
  opacity: 1 !important;
} 






/*bus_user_search.htm*/


input.form-control {
	margin: 0 auto;
	width: 100%;
	height: 45px;
	font-size: 1rem;
	border:none;
	border-bottom:1px solid #2e2e2e;
	padding:0 35px;
	outline: none;
	color:#000;
}
input.form-control:focus {
	border:1px solid gray;
	color: #2e2e2e;
}
  

  
.search-container {
	position:relative;
	padding:0 20px;
}
.search-container .fa-search {
	position:absolute;
	top:15px;
	left:25px;
	display: fixed;
	color: #000;
}

/*bus_trade_share.htm*/

.bus_trade_share{
	background-color: #2b2b2b;
	margin-bottom: 30px;
}
.mst_content{
	border-top: 1px solid #ccc;
}
.trade_share_con,
.trade_share_con2,
.trade_share_con3,
.trade_share_con4
{
	margin-bottom:10px;
	text-align: center;
	width: 100%;
	background: #2b2b2b;
}
.trade_share_con img,
.trade_share_con2 img,
.trade_share_con3 img{
	margin-bottom:10px;
}
.trade_share_con .new_em,
.trade_share_con2 .new_em,
.trade_share_con3 .new_em
{
	display:inline-block;
	width: 200px;
	color: turquoise;
	line-height: 28px;
	border-top:1px solid turquoise;
	border-bottom:1px solid turquoise;
	margin:20px 0;
}
.trade_share_con3 .ts_text2{
	padding:0 20px;
	margin-bottom:60px;
}
.mst_content .trade_share_con .trade_share_con_up h2 {
	font-weight: 600;
	font-size: 50px;
}


.tsb_btns{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.trade_share_btn:last-child{
	right:0;
}
.trade_share_btn2{
	position: fixed;
	bottom:0;
	width: 50%;
	height: 50px;
	box-sizing: border-box;
	background: gray;
	color:#fff;
	font-weight: 600;	
}
.trade_share_btn{
	position: fixed;
	bottom:0;
	width: 50%;
	height: 50px;
	box-sizing: border-box;
	background: tomato;
	color:#fff;
	font-weight: 600;
	
}
.ts_text1, .ts_text2 {
	margin: 10px 0;
	font-size: 13px;
	display: inline-block;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea{
	color:#000 !important;
}


/*bus_interest_list_manage.htm*/
.interest_list tbody tr td{
	padding:10px;
}
.interest_list tbody tr td h3{
	font-weight: 600;
	margin-bottom:10px;
}
.interest_list tbody tr td span{
	color: rgb(131, 131, 131);
}
.interest_list_title {
	display: flex;
	justify-content: space-between;
}
.interest_list_title button {
	width: 60px;
	line-height: 12px;
	height: 20px;
	background-color: tomato;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
}

/*bus_subscribe_list.htm*/

.bus_subscribe_list_cont p{
	text-align: left;
	margin-top:150px;
	font-size: 0.9em;
	padding:0 20px;
	position: fixed;
	bottom:10px;
	color:#2e2e2e;
}

/*bus_subscribe.htm*/
.bus_subscribe_cont p{
	text-align: center;
	margin-top:150px;
	font-size: 14px;
	color: #2e2e2e;
}

/*bus_subscribe_manage.htm*/
.sub_manage_tit{
	margin:30px 0 20px;
	font-weight: 600;
	font-size: 16px;
	color: #2e2e2e;
}
.sub_manage_tit_1{
	margin:10px 0 20px;
	font-weight: 600;
	font-size: 16px;
	color:#2e2e2e;
}
.sub_manage {
	background: rgb(230, 230, 230);
	padding:20px;
}
.sub_manage p {
	margin-bottom:10px;
	color: #000;
}
.sub_manage_btn_d {
	display: flex;
	justify-content: center;
}
.sub_manage_btn,
.sub_payment_btn {
	background: tomato;
	width: 380px;
	height: 50px;
	border-radius: 5px;
	color: #2e2e2e;;
	margin-top:20px;
}

.resident_num_con{
	width: 100%;
}
.checkbox input{
	border:1px solid #000;
	width: 10px;
	height: 10px;	
}

.sub_manage3 table tr td{
	font-size: 0.9em;
}
/*bus_note_w_h.htm*/
.new-class {
	background:tomato;
}

.modal-body .sminput input{
	width: 155px;
}
.modal-body-input{
	display: flex;
	justify-content: space-evenly;
	padding:5px 0;
	align-items: center;
	color: #000;
}
.modal-body-input span{
	color: #000;
	font-size: 16px;
}
.modal-body-input input:first-child{
	width: 60%;
}
.modal-body-input input{
	width: 50%;
	height: 30px;
	border-radius: 3px;
	background-color: rgb(187, 187, 187);
	color: #000;
}

.trade_info_btn_sub1{
	background: tomato;
	border-radius: 3px;
	width: 150px;
	margin-top:20px;
	padding:10px;
	float:left;

	
}
.trade_info_btn_sub1 a{
	color: #fff;
}
.trade_info_btn_sub2{
	background: gray;
	border-radius: 3px;
	width: 150px;
	margin-top:20px;
	padding:10px;
	float:left;
	
	
}
.trade_info_btn_sub2 a{
	color: #fff;
}
.order_history{
	padding:0 10px;
}
.order_history table{
	margin:10px 0;
}
.order_history table tr,.order_history table td{
	border:1px solid rgb(65, 65, 65);
	background: rgb(92, 91, 91);
	padding:5px;
}

.trade_info_input2{
	border:1px solid #000;	
	border-radius: 5px;
}
.trade_info_input2 div{
	margin: 10px 0;
}




/*bus_note_b_h2.htm*/
.trade_info3 tr td{
	font-size: 0.8em;
	border:1px solid #000;
}

#nosign2{
	width: 100%;
	overflow:auto;
}
#nosign2 span{
	color:#000;
}
#nosign2 table{
	margin-top: 10px;
	white-space:nowrap;
	border-collapse:collapse;
	color:#000;
}






/*bus_note_w.htm*/
.bustit_text{
	display: flex;
	align-items: center;
	margin-left:5px;
}

.bustit_text1{
	display: flex;
	align-items: center;
}
.bustit_text1 a{
	margin-left:5px;
	margin-top:-8px;
}

.bustit_text span{
	margin-right:5px;
}
.mst_head .mh_info_c{
	width: 100%;
}
.mst_head .mh_info_c p{
	float:left;
	margin-right:40px;
	text-align: center;
	font-size: 16px;
}
.mst_head .mh_info_c p:last-child{
	font-size: 14px;
}
.mst_head .mh_info_c i {
	top:15px;
	position:absolute;
	font-size: 16px;
	display: block;
	left:83px;
}


.trade_info tr td input {
	width: 180px;
	height: 30px;
	
}
.trade_info_input{
	color:#2e2e2e;
}

.trade_info .trade_info_input input {
	display: inline-block;
	color:#2e2e2e;
	border:1px solid #2e2e2e;
	padding:10px;
	margin-left:10px;
	width: 150px;
}
.trade_info .trade_info_input label {
	display: inline-block;
	color:#2e2e2e;
	margin-left:20px;
}

.trade_info .nbtn{
	margin-left:-85px;
	color: #2e2e2e;
}

.trade_info_btns{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:20px;
}
.trade_info_btns span{
	color:#000;
}
.trade_info_btn_del, .trade_info_btn_sub{
	background: tomato;
	border-radius: 3px;
	width: 150px;
	padding:10px;
	margin-right:10px;
}

.trade_info_btn_sub a{
	color: #000;
}
.trade_info_btn{
	width: 60px;
	height: 30px;
	background-color: gray;
	border-radius: 3px;
	color: #000;
	margin-left:20px;
}
.trade_info_btn2{
	width: 60px;
	height: 30px;
	background-color: tomato;
	border-radius: 3px;
	color: #000;
	margin-left:20px;
}
.trade_info_text {
	padding:10px;
}
.alert_checkbox {
	float:right;
	margin-right:20px;
}
.alert_checkbox2{
	margin:15px 70px 0;
}


.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
	border:1px solid #999;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
	background: #fff;
	border: 1px solid #999;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: tomato;
	border:none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/***checkbox2 설정****/
.container-checkbox2 {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */
.container-checkbox2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
	
}

/* Create a custom checkbox */
.container-checkbox2 .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
	border:1px solid #000;
}

/* On mouse-over, add a grey background color */
.container-checkbox2:hover input ~ .checkmark {
	background: #fff;
	border: 1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox2 input:checked ~ .checkmark {
    background-color: tomato;
	border:none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox2 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox2 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox2 .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* The container */
.container-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
}


/*bus_interest_list_manage.htm*/
.interest_list tbody tr td{
	padding:10px;
}
.interest_list tbody tr td h3{
	font-weight: 600;
	margin-bottom:10px;
}
.interest_list tbody tr td span{
	color: rgb(131, 131, 131);
}
.interest_list_title {
	display: flex;
	justify-content: space-between;
}
.interest_list_title button {
	width: 60px;
	line-height: 12px;
	height: 20px;
	background-color: tomato;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
}

/*bus_note_w1-추가매수*/
#mp_table2 thead tr th {
	font-size: 15px;
	padding:10px 20px;
	color:#333;
}
.trade_info2 tr{
	border-bottom: 1px solid gray;
}
.trade_info2 tr:first-child{
	border-top:2px solid #333;
}
.trade_info2 tr td{
	padding:10px;
	color:#333;
}


.trade_info2_inputs{
	padding: 20px;
	border-bottom:1px solid gray;
	color:#333;
}
.trade_info2_inputs td {
	border-bottom:1px solid gray;
}
.trade_info2_inputs .trade_info2_input input {
	display: inline-block;
	color:#333;
	border:1px solid #333;
	padding:5px 10px;
	margin-left:10px;
	width: 160px;
}
.trade_info2_inputs .trade_cal {
	display: inline-block;
	color:#fff;
	background: tomato;
	border-radius: 3px;
	width: 50px;
	height: 30px;
	margin-top:20px;
}
.trade_info2_btn{
	width: 100%;
	margin: auto;
}
.trade_info2_btn_sub{
	background: tomato;
	height: 50px;
	border-radius: 3px;
	width:300px;
	margin:auto;
	display:block;
}

/* bus_user_detail_h2.htm*/
.bus_user_detail_h2_icon a{
	margin-left:-3px;
}

/*회원정보 userInfo.htm*/
.userinfo_profileImg{
	text-align: center;
	margin-bottom:20px;
}
.userinfo_profileImg img{
	width: 60px;
	height: 60px;
	padding:5px;
	border:1px solid #000;
	background: #000;
	border-radius: 50%;
	margin-bottom:10px;
}
.userinfo_profileImg span{
	display: block;
	font-size: 10px;

} 
.userinfo_profileImg span a{
	color: tomato;
}


.userinfo_cont{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0 20px;
}
.userinfo_cont label{
	margin-left:25px;
	color: black;
}
.userinfo_cont input{
	height: 30px;
	width: 200px;
	border:none;
	border-bottom:1px solid rgb(141, 138, 138);
}

/* bus_subscriber_list.htm*/
.bsl_m tbody tr td{
	border:1px solid #000;
}

.bs_tit{
	width: 200px;
}
/* bus_subscriber_info.htm*/
.bs_info{
	padding:20px;
}
.bs_info .bs_tit{
	font-size: 16px;
	font-weight: 700;
	color:#000;
}
.bs_info .bs_stit{
	font-size: 1em;
	color:#000;
}
.bs_info_name {
	margin-bottom:20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.bs_info_name input{
	height: 35px;
	width: 50%;
}
.bs_info_name input:focus {
	border:1px solid gray;
	color: #000;
}
.bs_stit{
	display: block;
}

.bs_info_cate{
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.bs_info_cate > .bs_stit {
	display: block;
	font-size: 1em;
	width: 100%;
}
.bc_btn{
	display: flex;
	justify-content: flex-start;
	width: 100%;
}


.bc_btns{
	color:#fff;
	padding:5px 15px;
	margin-right: 10px;
	background-color: gray;
	display: block;
}
.on2{
	color:#fff;
	padding:5px 15px;
	background-color: red;
	display: block;
}

.bs_info_table table{
	margin:20px 0 10px;
	border:1px solid #000;
	width: 100%;

}
.bs_info_table table tr td{
	border:1px solid #000;
	padding:5px 10px;
	color:#000;
}

.bic_check > form > input[type="checkbox"] + label{
	margin-right: 20px;
	color:#000;
	line-height: 15px;
}
/*로그인 */
.userLogin_title{
	text-align: center;
	margin:20px 0 30px;
	color: #2e2e2e;
}
.userLogin_sub_text{
	text-align:right;
	padding:10px 20px;
	display: block;
	color:#2e2e2e;
}
.userLogin_sub_text2{
	padding:20px;
	display: inline-block;
	letter-spacing: -0.6px;
	color:#2e2e2e;
}
.userLogin_btns {
	display: flex;
	justify-content: space-between;
	padding:0 20px;
}
.userLogin_btn{
	border: 1px solid #000;
	padding:10px;
	margin-right:10px;
}
.userLogin_btns input{
	border-radius: 5px;
}
.userLogin_btn:first-child{
	width: 30%;
}
.userLogin_btn:last-child{
	margin-right: 0;
	width: 70%;
}
.userLogin_btn a{
	font-size: 13px;
	color:#838282;
}
.userLogin_btns1{
	width: 100%;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	padding:0 20px;
	position: fixed;
	bottom:20px;
}
.userLogin_btns1_text{
	color: tomato;
	margin-bottom:20px;
}
.userLogin_btn1{
	padding:10px 0;
	border-radius: 5px;
	color: #fff;
	background-color: tomato;
}


/* -부분매도*/
#mp_table3 thead tr th {
	font-size: 15px;
	padding:10px 20px;
	color: #333;
}
.trade_info2 tr{
	border-bottom: 1px solid gray;
}
.trade_info2 tr:first-child{
	border-top:2px solid rgb(209, 208, 208);
}
.trade_info2 tr td{
	padding:10px;
}



/* 매매내역 타임라인 */
.timeline {
	max-width: 400px;
	margin:0 auto;
	
}

.timeline-body{
	position: relative;
	margin-left:120px;
	border-radius: 0 4px 4px 0;

}
.timeline-body:after {
	content: '';
	width: 2px;
	height: 100%;
	background-color: gray;
	position:absolute;
	left:-2px;
	top:0;
}

.timeline-item{
	position: relative;
}
.timeline-item:after{
	content:'';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: tomato;
	position:absolute;
	left:-6px;
	top: 0px;
	z-index: 9;
}
.timeline-item .time{
	position: absolute;
	left: -85px;
	top: -2px;
	opacity: .5;
	font-size: 13px;	
	color: #333;
}
.timeline-item .content{
	margin:20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #555;
}
.timeline-item .content .title{
	font-weight: 600;
	margin-bottom: 8px;
	color: #333;
}
.timeline-item .content p{
	color:#333;
}

/*매매내역 탭 추가*/


.tab_container {
  position: relative;
  width:400px;
  margin:auto;
}
.tab_container .tab_content {
  width:100%;

}

.tabs ul {
  width: 100%;
  display:table;
  table-layout: fixed;
  padding:0
}
.tabs li {
  display: table-cell;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  
}
.tabs li.active {
  border:1px solid #ddd;
}
.tabs li.active a {
  color: tomato;
  font-weight: 500;
}
.tabs li a {
  font-size: 14px;
  color: #222;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
}

.mst_ltit2{
	height:30px;
	margin:0;
	padding:5px 10px;
	font-size:11px;
	color:#333;
	line-height:30px;
	display: inline-block;
	
}
.mst_ltit2 span {
	font-weight:700;
	font-size:15px;
}

.mst_ltit_sort2 {
	color: #333;

}
.mst_ltit_sort2 .fa-sort-amount-down-alt{
	display: inline-block;
	font-size: 14px;
	margin-left:10px;
	top:10px;
}

.mst_ltit2:hover .dropdown_sort2 {display: block;}
  
.mst_ltit:hover .dropbtn {background-color: #ffffff;}

.dropdown_sort2 {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 70px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	right:250px;
  }
  
.dropdown_sort2 a {
	color: black;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
	font-size: 12px;
  }
  
.dropdown_sort2 a:hover {background-color: #ddd;}  





/************************************************
*		FOOT									*
************************************************/






/************************************************
*		TABLE									*
************************************************/

table.display{width:100%;}
table.display caption{display:none}
table.dataTable {
	width:100%;
	margin:0 auto;
	clear:both;
	border-collapse: separate;
	border-spacing: 0;
	border-top:1px solid #ccc;
	color:#fff;
}
table.dataTable thead th,
table.dataTable tfoot th {
	background-color:#e7e7e7;
	font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
	padding:10px;
	border-bottom: 1px solid #ccc;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
	padding:10px;
	border-top:1px solid #ccc;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position:center right;
}
table.dataTable thead .sorting {
	background-image: url("../../corp/img/icon/sort_both.png");
}
table.dataTable thead .sorting_asc {
	background-image: url("../../corp/img/icon/sort_asc.png");
}
table.dataTable thead .sorting_desc {
	background-image: url("../../corp/img/icon/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
	background-image: url("../../corp/img/icon/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
	background-image: url("../../corp/img/icon/sort_desc_disabled.png");
}
table.dataTable tbody tr {
	background-color:#fff;
	border-top:1px solid #000;
}
table.dataTable tbody tr.selected {
	background-color:#f9f9f9;
}
table.dataTable tbody th,
table.dataTable tbody td {
	padding:10px 5px;
	font-size:13px;
	line-height:16px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-top:1px solid #ccc;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
	border-top:none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
	border-top:1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
	border-left:1px solid #ccc;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
	border-top:none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
	background-color:#fff;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
	background-color:#fff;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
	background-color:#efefef;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
	background-color:#fff;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
	background-color:#fff;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
	background-color:#fff;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
	background-color:#fff;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
	background-color:#fff;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
	background-color:whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
	background-color:#fff;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
	background-color:#fff;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
	background-color:#fff;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
	background-color:#fff;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
	background-color:#fff;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
	background-color:#fff;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
	background-color:#fff;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
	background-color:#fff;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
	background-color:#fff;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
	background-color:#fff;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
	background-color:#fff;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
	background-color:#fff;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
	background-color:#fff;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
	background-color:#fff;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
	background-color:#fff;
}
table.dataTable.no-footer {
	border-bottom: 1px solid #ccc;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
	white-space:nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
	padding:10px 5px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
	padding:10px 5px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
	padding:10px 5px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
	text-align:left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
	text-align:center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
	text-align:right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
	text-align:justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
	white-space:nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
	text-align:left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
	text-align:center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
	text-align:right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
	text-align:justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
	white-space:nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
	text-align:left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
	text-align:center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
	text-align:right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
	text-align:justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
	white-space:nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
	box-sizing:content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
	position:relative;
	clear:both;
	zoom:1;
}
.dataTables_wrapper .dataTables_length {
	display:none;
	float:left;
}
.dataTables_wrapper .dataTables_length select {
	border:1px solid #aaa;
	border-radius:3px;
	padding:10px 5px;
	background-color:transparent;
	padding:4px;
}
.dataTables_wrapper .dataTables_filter {
	float:right;
	text-align:right;
	display:none;
}
.dataTables_wrapper .dataTables_filter input {
	border:1px solid #aaa;
	border-radius:3px;
	padding:10px 5px;
	background-color:transparent;
	margin-left:3px;
}
.dataTables_wrapper .dataTables_info {
	clear:both;
	float:left;
	padding-top:0.755em;
	display:none;
}
.dataTables_wrapper .dataTables_paginate {
	float:right;
	text-align:right;
	padding-top:0.25em;
	display:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing:border-box;
	display:inline-block;
	min-width:1.5em;
	padding:0.5em 1em;
	margin-top:25px;
	margin-left:2px;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
	color:#999 !important;
	border:1px solid transparent;
	border-radius:2px;
}
.dataTables_wrapper .dataTables_paginate .previous{
	width:13px;
	height:13px;
	margin:-13px 10px 0 0;
	font-size:0;
	background:url(../img/icon/w1_prev.png) no-repeat 0 50%;
	background-size:15px;
}
.dataTables_wrapper .dataTables_paginate .next{
	width:13px;
	height:13px;
	margin:-13px 0 0 10px;
	font-size:0;
	background:url(../img/icon/w1_next.png) no-repeat 0 50%;
	background-size:15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color:#333 !important;
	border:1px solid #ccc;
	background-color:#fff !important;
	/* 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #333));
	Chrome,Safari4+ */
	/* 
	background:-webkit-linear-gradient(top, #000 0%, #333 100%);
	Chrome10+,Safari5.1+ */
	/* 
	background:-moz-linear-gradient(top, #000 0%, #333 100%);
	FF3.6+ */
	/* 
	background:-ms-linear-gradient(top, #000 0%, #333 100%);
	IE10+ */
	/* 
	background:-o-linear-gradient(top, #000 0%, #333 100%);
	Opera 11.10+ */
	/* 
	background:linear-gradient(to bottom, #000 0%, #333 100%);
	W3C */
	/*background:linear-gradient(to bottom, white 0%, #dcdcdc 100%);*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	cursor:default;
	color:#666 !important;
	border:1px solid transparent;
	/*
	background:transparent;
	box-shadow:none;
	*/
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color:666 !important;
	border:1px solid #ccc;
	background-color:#fff;
	/*background-color:#585858;*/
	/* 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
	Chrome,Safari4+ */
	/* 
	background:-webkit-linear-gradient(top, #585858 0%, #111 100%);
	Chrome10+,Safari5.1+ */
	/* 
	background:-moz-linear-gradient(top, #585858 0%, #111 100%);
	FF3.6+ */
	/* 
	background:-ms-linear-gradient(top, #585858 0%, #111 100%);
	IE10+ */
	/* 
	background:-o-linear-gradient(top, #585858 0%, #111 100%);
	Opera 11.10+ */
	/* 
	background:linear-gradient(to bottom, #585858 0%, #111 100%);
	/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	outline:none;
	background-color:#fff;
	/*background-color:#2b2b2b;*/
	/* 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
	Chrome,Safari4+ */
	/* 
	background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
	Chrome10+,Safari5.1+ */
	/* 
	background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
	FF3.6+ */
	/* 
	background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
	IE10+ */
	/* 
	background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
	Opera 11.10+ */
	/* 
	background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
	W3C */
	box-shadow:inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding:0 1em;
}
.dataTables_wrapper .dataTables_processing {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:40px;
	margin-left:-50%;
	margin-top:-25px;
	padding-top:20px;
	text-align:center;
	font-size:1.2em;
	background-color:white;
	background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
	background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
	background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color:#333;
}
.dataTables_wrapper .dataTables_scroll {
	clear:both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
	-webkit-overflow-scrolling:touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
	vertical-align:middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
	height:0;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom:1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
	border-bottom:none;
}
.dataTables_wrapper:after {
	visibility:hidden;
	display:block;
	content:"";
	clear:both;
	height:0;
}

@media screen and (max-width:767px) {
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
		float:none;
		text-align:center;
	}
	.dataTables_wrapper .dataTables_paginate {
		margin-top:0.5em;
	}
}
@media screen and (max-width:640px) {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		float:none;
		text-align:center;
	}
	.dataTables_wrapper .dataTables_filter {
		margin-top:0.5em;
	}
}




/* mst_type1 */
.mst_type1{width:100%;margin:0 0 30px;padding:0;position:relative;}
.mst_type1 caption{display:none}
.mst_type1 thead th,
.mst_type1 tbody th{
	padding:10px 5px;
	background-color:#e7e7e7;
    border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:18px;
}
.mst_type1 thead td,
.mst_type1 tbody td{
	padding:10px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:400;
	color:#333;
	line-height:16px;
}
.mst_type1 tbody .user_id span:first-child{
	font-weight: 600;
}

.mst_type1 tbody tr{
	border-bottom:1px solid #5d5d5d;
}
.etc tbody td{
	border:1px solid #5d5d5d;
	font-size: 0.9em;
}

.mst_type1 tbody .user_detail{
	border-bottom:none;
}
.mst_type1 tbody .bl{
	margin:5px 0;
	padding:0;
	width: 100%;
	display: block;
	border-color: #000;
}



.mst_type1 tbody tr .subscribe{
	font-size: 11px;
	color: rgb(175, 173, 173);
	margin-left:20px;
}
.mst_type1 tbody tr .percent{
	font-size: 16px;
	font-weight: 600;
}
.mst_type1 tbody tr .t_img{
	margin:0px 3px;
	
}
.mst_type1 tbody tr td .user_cont{
	margin-top:5px;
}
.mst_type1 tbody tr td a.share_icon {
	margin-right:10px;
	font-size: 20px;
}
.mst_type1 tbody tr td a {
	margin-right:6px;
	font-size: 1.2em;
	color:#2e2e2e;
}
.mst_type1 tbody tr td a:last-child{
	margin-right:0;
}
.mst_type1 tbody tr td a:hover {
	color:tomato;
}







.mst_type1 tbody td button.sub1, .mst_type1 tbody td button.sub7{
	display: block;
	background-color:tomato;
	padding:5px 10px;
	color:#fff;
	border-radius: 4px;
	width: 80px;
}

.mst_type1 tbody td button.sub2{
	display: block;
	background-color:gray;
	padding:5px 10px;
	color:#fff;
	border-radius: 4px;
	width: 80px;
}



.mst_type1 .chat_btn{
	width: 300px;
	height: 50px;
	background: tomato;
	border-radius: 8px;
	color:#fff;
}


.mst_type1 tfoot td,
.mst_type1 tfoot td{
	padding:10px 5px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:18px;
}
.mst_type1 tfoot td a,
.mst_type1 tfoot td a{color:#333;}
.mst_type1 tfoot td a.tf_btn,
.mst_type1 tfoot td a.tf_btn{width:100%;padding:10px 5px;display:block;}



/*보유주식 현황 / 실현수익내역 테이블*/
.bdd1 tbody td,
.bdd2 tbody td,
.bdd3 tbody td,
.bdd4 tbody td{
	border-top: none;

}
#bbx{
	overflow: auto;
}
.bdd1{
	margin-top: 20px;
	border-top:1px solid #ccc;
}
.bdd1_p{
	margin:5px 10px 20px;
	color:#969696;
	font-size: 12px;
}
.bdd4{
	margin-top: 20px;
	
}
.bbd_title {
	display: block;
	color:#000;
	font-weight: bold;
	margin: 0 0 10px 10px;
}
.bdd2 tbody tr:first-child td,
.bdd3 tbody tr:first-child td,
.bdd4 tbody tr:first-child td{
	background-color: gray;
	color:#000;
	text-align: center;
	border:1px solid rgb(114, 114, 114);
}
.bdd2 tbody tr:nth-child(n+2) td,
.bdd3 tbody tr:nth-child(n+2) td,
.bdd3 tbody tr:first-child td,
.bdd4 tbody tr:nth-child(n+2) td{
	border:1px solid rgb(114, 114, 114);
	text-align: center;
}

.bdd3 tbody td.dt_tit{
	padding:0;
}
.bdd3 tbody td > p {
	padding:5px 0;
}
.dt_tit {
	border: 1px solid rgb(114, 114, 114);
	padding:0 !important;
}
.dt_tit p:first-child{
	border-bottom:1px solid rgb(114, 114, 114);
	padding:10px;
}
.dt_tit p:last-child{
	padding: 10px;
}

.mst_type2{width:100%;margin:0 0 30px;padding:0;border-top:1px solid #ccc;border-right:1px solid #ccc;position:relative;}
.mst_type2 caption{display:none}
.mst_type2 thead th,
.mst_type2 tbody th{
	padding:7px 5px;
	background-color:#f1f1f1;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:18px;
}
.mst_type2 thead td,
.mst_type2 tbody td{
	padding:7px 5px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:400;
	color:#333;
	line-height:16px;
	letter-spacing:-1px;
}




.mst_type3{width:100%;margin:0 0 30px;padding:0;position:relative;}
.mst_type3 caption{display:none}
.mst_type3 thead th:nth-child(2n),
.mst_type3 tbody th:nth-child(2n){border-right:1px solid #ccc;}
.mst_type3 thead th,
.mst_type3 tbody th{
	padding:10px 5px;
	background-color:#e7e7e7;
    border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:18px;
}
.mst_type3 thead td:nth-child(2n),
.mst_type3 tbody td:nth-child(2n){border-right:1px solid #ccc;}
.mst_type3 thead td,
.mst_type3 tbody td{
	padding:10px 5px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:400;
	color:#333;
	line-height:16px;
}
.mst_type3 tfoot td,
.mst_type3 tfoot td{
	padding:10px 5px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:18px;
}
.mst_type3 tfoot td a,
.mst_type3 tfoot td a{color:#333;}
.mst_type3 tfoot td a.tf_btn,
.mst_type3 tfoot td a.tf_btn{width:100%;padding:10px 5px;display:block;}






/************************************************
*		페이징 : Paginate						*
************************************************/

.paginate{margin:0;padding:0;text-align:center;position:relative;}
.paginate *{
	min-width:35px;
	height:35px;
	margin:0;
	padding:0;
	border:1px solid #686868;
	text-align:center;
	font-size:13px;
	color:#686868;
	line-height:35px;
	text-decoration:none;
	vertical-align:middle;
	position:relative;
	display:inline-block;
}
.paginate.pnc{
	padding:45px 0 !important;
	text-align:center !important;
}
.paginate a:hover,
.paginate a:active,
.paginate a:focus,
.paginate a.on{ border:1px solid #fff;color:#fff !important;}
.paginate .prev{margin:0 2px 0 0;background:url(../images/icon/pn_prev_up1.png) no-repeat center 50%;}
.paginate .pprev{margin:0 4px 0 0;background:url(../images/icon/pn_prev_up2.png) no-repeat center 50%;}
.paginate .next{margin:0 0 0 2px;background:url(../images/icon/pn_next_up1.png) no-repeat center 50%;}
.paginate .nnext{margin:0 0 0 4px;background:url(../images/icon/pn_next_up2.png) no-repeat center 50%;}
.paginate .prev:hover,
.paginate .prev:active,
.paginate .prev:focus{background:url(../images/icon/pn_prev_ov1.png) no-repeat center 50%;}
.paginate .pprev:hover,
.paginate .pprev:active,
.paginate .pprev:focus{background:url(../images/icon/pn_prev_up2.png) no-repeat center 50%;}
.paginate .next:hover,
.paginate .next:active,
.paginate .next:focus{background:url(../images/icon/pn_next_ov1.png) no-repeat center 50%;}
.paginate .nnext:hover,
.paginate .nnext:active,
.paginate .nnext:focus{background:url(../images/icon/pn_next_up2.png) no-repeat center 50%;}






/************************************************
*		ETC										*
************************************************/

.sxit_l{
	margin:0 0 10px;
	padding:0;
	text-align:left;
	font-size:32px;
	font-weight:400;
	color:#333;
	line-height:40px;
	position:relative;
	display:block;
}
.sbit_l{
	margin:0 0 35px;
	padding:0;
	text-align:left;
	font-size:24px;
	font-weight:400;
	color:#666;
	line-height:32px;
	position:relative;
	display:block;
}


.cbit{margin:0 0 15px;text-align:center;font-size:35px;font-weight:700;color:#333;line-height:45px;display:block;}
.lbtit{margin:0 0 40px;text-align:left;font-size:35px;font-weight:700;color:#333;line-height:45px;display:block;}

.bustit, .bustit_1{
	margin:0 20px;
	text-align:left;
	font-size:20px;
	font-weight:700;
	color:#2e2e2e;
	line-height:45px;
	display:block;
}
.bustit_1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.bustit_1 i{
	color: #2e2e2e;
}
.bustit_1 button{
	width: 50px;
	height: 30px;
	font-size: 14px;
	line-height: 14px;
	padding:0;
	color: #fff;
	border-radius: 5px;
	background-color: tomato;
}

.bustit_2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mxit_l{
	margin:0 0 25px;
	padding:0;
	text-align:left;
	font-size:25px;
	font-weight:700;
	color:#333;
	line-height:30px;
	position:relative;
	display:block;
}
.mxit_l span{
	text-align:right;
	font-size:15px;
	font-weight:400;
	line-height:30px;
	color:#666;
	float:right;
}
.mxit_l span a{color:#5b5b5b;}
.mxit_l em{height:4px;margin:7px 0 35px;background-color:#006bc5;position:relative;display:block;float:left;}


.mtit_l{
	margin:0 0 15px;
	padding:0;
	text-align:left;
	font-size:22px;
	font-weight:700;
	color:#333;
	line-height:30px;
	position:relative;
	display:block;
}
.mtit_l em{
	font-size:20px;
	font-weight:400;
	color:#333;
}
.mtit_l span{
	text-align:right;
	font-size:15px;
	font-weight:400;
	line-height:30px;
	color:#666;
	float:right;
}
.mtit_l span a{color:#666;}


.stit_l{
	margin:0 0 15px;
	padding:0;
	text-align:left;
	font-size:20px;
	font-weight:700;
	color:#333;
	line-height:30px;
	position:relative;
	display:block;
}
.stit_l span{
	text-align:right;
	font-size:13px;
	font-weight:300;
	line-height:30px;
	color:#666;
	float:right;
}
.stit_l.dline{padding:0 0 15px;border-bottom:1px solid #dbdbdb;}


.lxit{margin:0 0 25px;text-align:left;font-size:20px;font-weight:400;color:#333;line-height:30px;position:relative;display:block;}
.lxit b{font-weight:700;}


.c_bxt{margin:0 0 40px;text-align:center;font-size:18px;font-weight:400;color:#333;line-height:24px;display:block;}
.l_txt{margin:0 0 40px;text-align:left;font-size:15px;font-weight:400;color:#333;line-height:24px;display:block;}


.btn_area2{width:320px;margin:0 auto;padding:0;position:relative;}
a.tt_btn {
    width:100px;
    height:50px;
    padding:0;
    background-color:#484848;
    text-align:center;
    font-size:13px;
    color:#fff !important;
    line-height:50px;
    display:block;
    float:left;
}
a.gbtn{
	width:150px;
	height:50px;
	margin:30px auto 0;
	padding:0;
	background-color:#efefef;
	border:1px solid #ccc;
	text-align:center;
	font-size:15px;
	color:#333 !important;
	line-height:50px;
	display:block;
	position:relative;
}
a:hover.gbtn{color:#212121 !important;}
a.bbtn{
	width:150px;
	height:50px;
	margin:30px auto 0;
	padding:0;
	background-color:#2477c8;
	border:1px solid #2477c8;
	text-align:center;
	font-size:15px;
	color:#fff !important;
	line-height:50px;
	display:block;
	position:relative;
}
a:hover.bbtn{color:#fff !important;}
a.tbtn{
	margin-left:20px;
	padding:8px 20px;
	border:1px solid #b18377;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#666 !important;
	vertical-align:top;
}



.lcon{
	height:14px;
	margin:-2px 8px 0 0;
	padding:3px 3px 0;
	font-size:12px;
	font-weight:300;
	line-height:14px;
	display:inline-table;
	vertical-align:middle;
}






/************************************************
*		POPUP									*
************************************************/

/* Bootstrap POP */
.modal{background-color:transparent !important;top:50px !important;z-index:10000;}

.modal-content{padding:10px;position:relative;}

.modal-header{margin:0 0 20px;padding:0 !important;border:0 none !important;text-align:center;font-size:24px;font-weight:700;color:#212121;line-height:24px;}
.modal-header .close{
	width:30px;
	height:30px;
	font-size:30px;
	font-weight:300;
	line-height:30px;
	position:absolute;
	right:0px;
	top:5px;
	display:block;
}
.modal-title{
	font-weight: 600;
}
.modal-content{border-radius:0 !important;}

.modal-body{padding:0 !important;text-align:left;font-size:13px;color:#666;}
.scr{height:450px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.modal-body .down_case{width:480px;margin:40px 0 0;padding:0;text-align:center;position:relative;}
.modal-body .down_case a:first-child{margin-right:20px;}
.modal-body .down_case a{margin:0;float:left;}

.modal-body .sns_icon_list{
	display: flex;
	justify-content: center;
}
.modal-body .sns_icon_list li{
	float:left;
	margin:5px;
}

.modal-body2 {
	padding:10px;
}
.modal-body2 form input{
	border: none;
	border-bottom:1px solid #3a3939;
	margin-bottom:10px;
	padding:0;
}
.modal-body2 select {
	background:url(../img/icon/sort_desc_disabled.png) no-repeat right 9px center;
}






.modal-footer{margin-top:30px;padding:0 !important;}
.modal-footer .btn:first-child{border-left:0 none;}
.modal-footer .btn{
	height:50px;
	margin:0 !important;
	padding:0;
	background-color:#e6e6e6;
	border-left:1px solid #cecece;
	border-radius:0;
	font-size:14px;
	line-height:50px;
}
.modal-footer .btn-primary{background-color:#2477c8;border-color:#2477c8;}
.modal-footer .btn_cancel2{
	width: 100%;
	border-radius: 8px;
	color: #000;
}
.modal-footer .btn_cancel,
.modal-footer .btn_payment{
	width: 49%;
	border-radius: 8px;
}
.modal-footer .btn_payment2{
	width: 100%;
	border-radius: 8px;
	background: tomato;
	color:#fff;
}
.modal-footer .btn_cancel{
	color: #000;
}
.modal-footer .btn_copy{
	width: 35%;
	height: 50px;
	border-radius: 8px;
	background: tomato;

}
.modal-footer .btn_payment{
	background: tomato;
	color:#fff;
}

#alert3 > .modal-dialog > .modal-content,
#alert4 > .modal-dialog > .modal-content{
	border-radius: 8px !important;
}
#alert3 > .modal-dialog > .modal-content > .modal-header{
	margin-top: 30px;
}
#alert3 > .modal-dialog > .modal-content > .modal-header > h4{
	font-size: 20px;
	text-align:center;
}
#alert4 > .modal-dialog > .modal-content > .modal-body > h3,
#alert3 > .modal-dialog > .modal-content > .modal-body > h3{
	text-align: center;
	font-weight: bold;
}
#alert5 > .modal-dialog > .modal-content{
	border-radius: 8px !important;
}
#alert5 > .modal-dialog > .modal-content > .modal-header{
	margin-top: 30px;
}
#alert5 > .modal-dialog > .modal-content > .modal-body > h3{
	margin-top: -20px;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
}


#smallModal2 > .modal-dialog > .modal-content,
#smallModal3 > .modal-dialog > .modal-content,
#smallModal4 > .modal-dialog > .modal-content,
#smallModal5 > .modal-dialog > .modal-content,
#smallModal6 > .modal-dialog > .modal-content,
#smallModal7 > .modal-dialog > .modal-content{
	border-radius: 8px !important;
}
#smallModal2 > .modal-dialog > .modal-content > .modal-body > h3,
#smallModal3 > .modal-dialog > .modal-content > .modal-body > h3,
#smallModal4 > .modal-dialog > .modal-content > .modal-body > h3,
#smallModal5 > .modal-dialog > .modal-content > .modal-body > h3,
#smallModal6 > .modal-dialog > .modal-content > .modal-body > h3,
#smallModal7 > .modal-dialog > .modal-content > .modal-body > h3{

	font-size: 1.3em;
	font-weight: 600;
	margin:20px auto;
}
#save01 >.modal-dialog > .modal-content {
	border-radius: 8px !important;
}
#save01 >.modal-dialog > .modal-content > .modal-body > h3  {
	font-size: 1.2em;
	margin:20px auto;
	font-weight: 500;
	color:#000;
}

#myInput{
	width: 65%;
	float:left;
	height: 50px;
	border-right:none;
	border-radius: 8px;
	color:#000;
}

/* Normal POP */
.mw_popup1,
.mw_popup2,
.mw_popup3,
.mw_popup4,
.mw_popup5{width:100%;height:100%;display:none;position:relative;_position:relative;left:0;z-index:1000;}
.mw_popup1.mpop,
.mw_popup2.mpop,
.mw_popup3.mpop,
.mw_popup4.mpop,
.mw_popup5.mpop{width:100%;display:none;position:absolute;left:0;z-index:1000;}
.mw_popup1.open,
.mw_popup2.open,
.mw_popup3.open,
.mw_popup4.open,
.mw_popup5.open{display:block}
.mw_popup1 .bg,
.mw_popup2 .bg,
.mw_popup3 .bg,
.mw_popup4 .bg,
.mw_popup5 .bg{width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
#popup1,
#popup2,
#popup3,
#popup4,
#popup5{width:100%;max-width:540px;margin:0 auto;background:#fff;position:relative;top:135px;}
#popup1.mpc,
#popup2.mpc,
#popup3.mpc,
#popup4.mpc,
#popup5.mpc{
	width:390px;
	max-width:390px;
	height:125px;
	margin:0;
	padding:20px 30px;
	background:#e8e8e8;
	border:1px solid #fff;
	position:absolute;
	top:auto;
	right:30px;
	bottom:30px;
}
#popup1.g_popup1 .g_popup1,
#popup2.g_popup2 .g_popup2,
#popup3.g_popup3 .g_popup3,
#popup4.g_popup4 .g_popup4,
#popup5.g_popup5 .g_popup5{display:block}
#popup1 .close,
#popup2 .close,
#popup3 .close,
#popup4 .close,
#popup5 .close{
	width:17px;
	height:17px;
	padding:0;
	border:0;
	background:url(../images/icon/p_close.png) no-repeat center 50%;text-decoration:none !important;
	background-size:17px;
	line-height:17px;
	cursor:pointer;
	opacity:1;
	overflow:visible;
	position:absolute;
	top:15px;
	right:15px;
}

.pop_header{
	height:60px;
	margin:0;
	padding:0;
	border-bottom:1px solid #dbdbdb;
	text-align:center;
	font-size:20px;
	font-weight:400;
	line-height:60px;
	position:relative;
}

.pscroll{height:700px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_mcontant,
.pop_contant,
.pop_contant ul{margin:0;padding:0;position:relative;}
.pop_contant li:first-child{width:115px;}
.pop_contant li{width:205px;float:left;}
.pop_contant li img{width:auto;height:85px;}
.pop_contant li b{margin:15px 0;font-size:22px;font-weight:700;color:#181818;display:block;}
.pop_contant li p{margin:0;font-size:18px;font-weight:400;color:#181818;display:block;}

.pop_footer{width:100%;height:55px;line-height:55px; position:absolute;left:0;bottom:0;}
.pop_footer .pf_bbtn{width:100%;height:55px;background-color:#2e83e0;text-align:center;font-size:14px;color:#fff !important;line-height:55px;display:block;}
.pop_footer .pf_bbtn:hover,
.pop_footer .pf_bbtn:active{background-color:#2e83e0;color:#fff !important;}






/************************************************
*		동의 : Agreement						*
************************************************/

.agr_scr{height:700px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}

.agr_wrap{width:100%;margin:0 auto;padding:30px 10px 10px;position:relative;}
.agr_case{width:100%;margin:0 auto;padding:40px 50px;position:relative;}
.agr_swrap{width:100%;margin:0 auto;padding:30px 25px 10px;position:relative;}

.stb_bti{margin-bottom:25px;text-align:left;font-size:18px;font-weight:700;color:#333;line-height:38px;display:block;}
.stb_ti{margin-bottom:5px;text-align:left;font-size:15px;font-weight:700;color:#333;line-height:28px;display:block;}
.stb_copy{margin-bottom:25px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:24px;display:block;}
.stb_txt{margin-bottom:25px;padding-left:15px;text-align:left;font-size:13px;font-weight:400;color:#666;line-height:24px;display:block;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (min-width:1080px){
}

@media all and (max-width:1080px){
}

@media all and (max-width:1024px){
}

@media all and (max-width:980px){
}

@media all and (max-width:768px){
}

@media all and (max-width:480px){

	.tsb_btns{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.trade_share_btn:last-child{
		right:0;
	}
	.trade_share_btn2{
		position: fixed;
		bottom:0;
		width: 50%;
		height: 50px;
		box-sizing: border-box;
		background: gray;
		color:#fff;
		font-weight: 600;	
	}
	.trade_share_btn{
		position: fixed;
		bottom:0;
		width: 50%;
		height: 50px;
		box-sizing: border-box;
		background: tomato;
		color:#fff;
		font-weight: 600;
		
	}






	.bs_info_cate > .bs_stit{
		margin-bottom: 20px;
	}
	.bs_info_cate > .bs_tit{
		width: 100%;
	}
	.bs_info_cate{
		margin-bottom: 20px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		
	}
}

@media all and (max-width:419px){

}


/*20230227*/
.bustit_2 a.b2_a{
	width: 60px;
	height: 20px;
	background-color:rgba(0,0,0,0);
	border-radius: 5px;
	border:1px solid tomato;
	font-size: 12px;
	padding:0 5px;
}



/*20230227*/
.wm_check{
	display: flex;
	justify-content: flex-end;
	margin-right: 0;
	border-bottom: 1px solid gray;
}
.radio-button{
  position: relative;
  margin: 15px 20px 10px 0;
}


.radio-button input{
  position: absolute;
  margin: 5px;
  padding: 0;
  /* for mobile accessibility (iOS Label Bug) */
  visibility: hidden;
}
.radio-button .label-visible{
  margin-left: 2em;
  margin-bottom: 0;
  color:#000;
}

.fake-radiobutton,
.fake-checkbox{
  position: absolute;
  display: block;
  top: 0;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid slategray;
  background-color: white;
}
.fake-radiobutton:after,
.fake-checkbox:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  background: tomato;
  transform: translateX(-50%) translateY(-50%);
}

.fake-radiobutton { border-radius: 50%; }
.fake-radiobutton:after { border-radius: 50%; }

input[type="radio"]:checked + span .fake-radiobutton:after,
input[type="checkbox"]:checked + span .fake-checkbox:after { display: block; }


.mst_content .wm_lists .wm_list,
.mst_content .wm2_lists .wm2_list,
.mst_content .wm2_lists_d .wm2_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid gray;
	padding: 20px;
	color:#000;
}

.mst_content .wm_lists .wm_list button{
	background-color: tomato;
	color:#fff;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
}

.wm_txt{
	color:#5a5a5a;
	padding:0 20px;
	margin-bottom: 20px;
}
.wm_txt p {
	margin-bottom: 10px;
}


/*warchlist_manage2.htm*/
.wm2_search{
	text-align: center;
	position:relative;
}
.wm2_search p{
	margin: 10px 0;
	color:#000;
}
.wm2_search label{
	font-weight: bold;
}
.wm2_search .wm2_input[type="text"]{
	display: block;
	border:none;
	border-bottom:1px solid gray;
	margin:0 auto;
	text-align: left;
	width: 100%;
	box-sizing: border-box;

	z-index:1;
}

.wm2_search img{
	position: absolute;
	width:30px;
	height: 30px;
	top: 40px;
	right:10px;
}

.wm2_lists_d .wm2_list button,
.wm2_lists .wm2_list button{
	background-color: tomato;
	color:#fff;
	width:80px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
}
.wm2_lists_d .wm2_list .wm2_detail,
.wm2_lists .wm2_list .wm2_detail {
	display: flex;
	align-items: center;
}
.wm2_lists_d .wm2_list .wm2_detail  div span,
.wm2_lists .wm2_list .wm2_detail  div span{
	display: block;
}
.wm2_lists_d .wm2_list .wm2_detail img,
.wm2_lists .wm2_list .wm2_detail img{
	width: 40px;
	border-radius: 50%;
	margin-right: 10px;
}

/*watchlist_manage2_d.htm*/
.round{
	display: flex;
	align-items: center;
	color:#000;
}
input[type="checkbox"] + label:before,
input[type="checkbox"]:checked + label:before{
	background-size: 20px;
	color:#000;
}
input[type="checkbox"] + label{
	color:#000;
	margin-bottom: 0;
	line-height: 20px;
}
input[type="checkbox"] + label:before{
	width: 20px;
	height: 20px;
}
.wm2_d_bottom{
	text-align: center;
	border:1px solid red;
	width: 100%;
	padding:10px 0;
}
.wm2_d_bottom button{
	background-color: #fff;
	border-radius: 5px;
	margin-top: 10px;
	height: 30px;
	width: 70px;

}

/*watchlist_manage3.htm*/
.mst_content h4{
	margin:20px 20px;
	color:#000;
}
.wm3_table{
	width: 100%;
	overflow-y: scroll;
	height: 300px;
	margin-bottom: 20px;
	padding:0px 20px 20px;
}
.wm3_table table{
	width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap; 
	table-layout : fixed ;
}

.wm3_table table tr td{
	border:1px solid #000;
	padding:10px 0;
	color:#000;
}
.wm3_table table tr td button{
	background-color: tomato;
	color:#fff;
	border-radius: 3px;
	width: 50px;
}



.wm_scroll{
	overflow-y: scroll;
	height: 100%;
}
.wm_scroll2{
	overflow-y: scroll;
	height: 100%;
}



/*230809 community.htm*/
.community_conts h4{font-size: 18px; text-align: center; padding:20px 0; line-height: 1.5em;}
.community_conts .cc_view_count{text-align: center; margin:10px auto 15px; display: block; }

.community_conts .cc_cont_sub{display: flex; justify-content: space-between; width: 100%; padding:0 20px; align-items: center;}
.community_conts .cc_cont_sub select{width:30%; max-width: 120px; border:none; padding:0; height: 30px;}
.community_conts .cc_cont_sub select option{color:#000;}

.community_conts .cc_cont_date{ color:#fff; text-align: right; background: url(../img/icon/calendar.png) no-repeat right 0px center /
12px auto; width: 30%; max-width: 120px; padding:0; height: 30px;} 



/* community_conts graph style */  
  .bar-graph-horizontal > .bar-one {
	float: left;	width: 100%;	position:relative;width: 100%; display: flex; justify-content: space-between; height: 65px;
  }
    
  .bar-graph-horizontal .bar {
	border-radius: 0;	height: 65px;	position: relative;	line-height: 40px; text-align: left; padding-left:20px; font-size: 16px;	background-color: #ed4343;
	-webkit-animation: show-bar-one 0s forwards;
	-moz-animation: show-bar-one 0s forwards;
	animation: show-bar-one 0s forwards;
  }
  .bar-graph-horizontal .bar2 {
	border-radius: 0;	height: 65px;	position: relative;	background: #8faadc; width: 100%; text-align: right; line-height: 40px; padding-right:20px; font-size: 16px;	-webkit-animation: show-bar-one2 0s forwards;
	-moz-animation: show-bar-one2 0s forwards;
	animation: show-bar-one2 0s forwards;
  }

  .bar-graph-horizontal .bar > span, .bar-graph-horizontal .bar2 > span{
	background: none; display: block;  position: absolute; top:25px; color:#fff; font-weight: bold;
  }
  .bar-graph-horizontal .bar > span{padding-left:20px;}
  .bar-graph-horizontal .bar2 > span{float:right; text-align: right; right:40px;}

  .bar input[type="radio"] + label,
  .bar2 input[type="radio"] + label{color:#fff; font-size: 16px; font-weight: normal;}


  .bar input[type="radio"] + label:before,
  .bar2 input[type="radio"] + label:before{margin-top: 13px; padding:0;  }
  
  .bar input[type="radio"] + label:before{margin-right:5px;}
  .bar2 input[type="radio"] + label:before{float:right; margin-left:5px;}

  .bar input[type="radio"] + label:before,
  .bar2 input[type="radio"] + label:before{
	width: 15px;
    height: 15px;
    content: '';
    background: url(../img/icon/radio_off_w.png) no-repeat center 50%;
    background-size: 15px;
    text-align: center;
    color: #212121;
    line-height: 15px;
    display: block;
  }

  .bar input[type="radio"]:checked + label:before,
  .bar2 input[type="radio"]:checked + label:before {
	width: 15px;
    height: 15px;
    content: '';
    background: url(../img/icon/radio_on.png) no-repeat center 50%;
    background-size: 15px;
    text-align: center;
    color: #212121;
    line-height: 15px;
    display: block;
  }


  /* Bar Graph Horizontal Animations */
  @-webkit-keyframes show-bar-one {
	0% {
	  width: 0;
	}
	100% {
	  width: 45.3%;
	}
  }
  
  @-webkit-keyframes show-bar-one2 {
	0% {
	  width: 0;
	}
	100% {
	  width: 54.7%;
	}
  }
  
  @-webkit-keyframes fade-in-text {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }

#community_list {width: 100%; margin-top: 20px; padding:0 20px 100px;}
#community_list ul li{border-bottom:1px solid #ddd; padding:10px 0;}

#community_list ul li .cl_cont_cate{display:flex; align-items: center;}
#community_list ul li .cl_cont_cate img{max-width: 38px; margin-right:7px;}
#community_list ul li .cl_cont_cate img.bt3{max-width: 68px;}


#community_list ul li .cl_cont p{margin:5px 0 0;}

#community_list ul li .cl_cont .cl_cont_info{display: flex; justify-content: space-between; align-items: flex-end;}
#community_list ul li .cl_cont .cl_cont_info .cci_left{display: flex; align-items: center;}
#community_list ul li .cl_cont .cl_cont_info .cci_left span{margin-right: 10px;}
#community_list ul li .cl_cont .cl_cont_info .cci_left img{max-width: 20px;}

#community_list ul li .cl_cont .cl_cont_info .cci_right{display: flex; flex-direction: row; }
#community_list ul li .cl_cont .cl_cont_info .cci_right a{display: flex; flex-direction: column; align-items: center;}
#community_list ul li .cl_cont .cl_cont_info .cci_right a:last-child{margin-left: 5px;}
#community_list ul li .cl_cont .cl_cont_info .cci_right a img{max-width: 20px;}

#community_list ul li .cl_cont .cl_cont_hide{border-top:1px solid #ddd; margin-top: 10px; padding-top: 10px; }
#community_list ul li .cl_cont .cl_cont_hide ul li{border-bottom:1px solid #8a8a8a;}
#community_list ul li .cl_cont .cl_cont_hide ul li:last-child{border-bottom: none; padding-bottom: 0; }


#community_list ul li .cl_cont .cl_cont_hide .card > .cch_left{display: flex; justify-content: flex-start; align-items: flex-end;}
#community_list ul li .cl_cont .cl_cont_hide .card > .cch_left span{margin-right: 10px;}



#community_footer{position:fixed; bottom:0px; width: 100%; padding:10px 20px; background: #2b2b2b; border-top:1px solid #8a8a8a; }
#community_footer button{color:#fff; border:1px solid #ddd; padding:5px 10px;}
#community_footer button#cf_tit{width: 190px; height: 30px; font-size: 14px; margin-bottom: 14px;}
#community_footer .cf_input{display: flex; justify-content: space-between;}

#community_footer .cf_input button{width: 15%; min-width: 56px; border-radius: 6px; height: 28px; line-height: 0px;}
#community_footer .cf_input input{max-width: 80%; border:none; padding:0; height: 28px;}


#community_footer2{position:fixed; bottom:0px; width: 100%; padding:10px 20px; background: #2b2b2b; border-top:1px solid #8a8a8a; height: 93px;}
#community_footer2 button{color:#fff; border:1px solid #ddd; padding:5px 10px;}
#community_footer2 button#cf_tit{width: 190px; height: 30px; font-size: 14px; margin-bottom: 14px;}
#community_footer2 .cf_input{display: flex; justify-content: space-between;}

#community_footer2 .cf2_tit{display: flex; margin-bottom: 10px; align-items: center;height: 34px;}
#community_footer2 .cf2_tit img{width: 20px; margin-right: 10px;}
#community_footer2 .cf_input button{width: 15%; min-width: 56px; border-radius: 6px; height: 28px; line-height: 0px;}
#community_footer2 .cf_input input{max-width: 80%; border:none; padding:0; height: 28px;}


#search_modal{top: 0px !important; }
#search_modal .modal-dialog{ margin:0; width: 100%;} 
#search_modal .modal-content{background: #000; color:#fff; border:1px solid #ddd; width: 310px; height: 380px; left:50%; transform: translateX(-50%); position: absolute; top:100px; }
#search_modal .modal-content .modal-header .close{color:#fff;}
#search_modal .search_conts{display:flex; justify-content: space-between; margin-top: 30px;}
#search_modal .search_conts input{max-width: 75%; height: 34px;}
#search_modal .search_conts button{padding:0 16px;max-width: 25%; border:1px solid #666; color:#fff; border-radius: 6px; background: #666; }

#search_modal .search_result{width: 100%; margin-top: 20px; height: 250px; overflow-y: scroll;}
#search_modal .search_result ul li{display: flex; justify-content: space-between; color:#fff; margin-bottom: 10px; font-size: 15px;}
#search_modal .search_result ul li img{max-width: 20px;}


.btn-like.done {
	content: url(../img/icon/ic_heart_on.svg);
}

.readmore {	overflow-y:hidden;}
  .truncate {	max-height: 0px;}


  /*230703 profile_info.htm*/
  #service_conts {width: 100%; padding:0 20px;}
  #service_conts h4{margin: 30px 0 10px; font-size: 17px;}
  #service_conts table {width: 100%; border:1px solid #888888;}
  #service_conts table tr td{border:1px solid #888888; padding:5px; text-align: center;}

  #service_posting {width: 100%; padding:0 20px;}
  #service_posting h4{margin:30px 0 10px; font-size: 17px;}
    
  #service_posting ul li{border-bottom:1px solid #888;padding:10px 0;}
  #service_posting ul li .sp_top{display: flex; align-items: center; justify-content: flex-start;}

  #service_posting ul li .sp_top img{width: 38px; height: 27px; margin-right: 7px;}
  
  #service_posting ul li .sp_top span{margin-right: 7px; width: 150px; text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;  }
  #service_posting ul li .sp_top input[type="datetime-local"]{color:#fff; width: 100%; max-width: 200px;}

  #service_posting ul li .sp_bottom p{width: 270px; text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap; }
  #service_posting ul li .sp_bottom a{display: block; width: 30px;}
  #service_posting ul li .sp_bottom{display: flex; justify-content: space-between;}

  @media screen and (min-width:480px) {
	#service_posting ul li .sp_bottom p{width: 100%; }
  }

  /*pagenation*/
  .ssmc-pagenation {
	padding: 15px 0 30px;
	text-align: center;
	line-height: normal;
  }
  .ssmc-pagenation a,
  .ssmc-pagenation strong {
	display: inline-block;
	position: relative;
	margin: 0 -2px;
	padding: 2px 8px;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Sans-serif;
	color: #333;
	line-height: normal;
	text-decoration: none;
	vertical-align: middle;
  }
  .ssmc-pagenation a:hover,
  .ssmc-pagenation a:active,
  .ssmc-pagenation a:focus {
	background-color: #f8f8f8;
  }
  .ssmc-pagenation strong {
	color: #f60;
  }
  .ssmc-pagenation .direction {
	font-weight: normal;
	color: #767676;
	white-space: nowrap;
  }
  .ssmc-pagenation .direction span {
	font-weight: bold;
	font-size: 16px;
  }
  .ssmc-pagenation .direction:hover,
  .ssmc-pagenation .direction:active,
  .ssmc-pagenation .direction:focus {
	background-color: #fff;
	color: #333;
  }

  .cl_txt{width: 100%;}
  


  #profile-description {
	max-width: 400px; 

	position:relative;
  }
  #profile-description .text {
  /*   width: 660px;  */
	margin-bottom: 5px; 
	color: #777; 
	position:relative; 
	font-family: Arial; 
	font-size: 14px; 
	display: block;
	border-top: 1px solid #888;
	padding-top: 10px;
	margin-top: 10px;
	
  }
  #profile-description .show-more {
  /*   width: 690px;  */
	color: #777; 
	position:relative; 
	font-size: 12px; 
	padding-top: 5px; 
	height: 20px; 
	text-align: center; 
	background: #f1f1f1; 
	cursor: pointer;
  }
  #profile-description .show-more:hover { 
	  color: #1779dd;
  }
  #profile-description .show-more-height { 
	height: 0px; 
	overflow:hidden; 
  }



  /*test*/
body::-webkit-scrollbar{display: none;}
.row h3{
  margin: 40px 0px;
  color: #fff;
}
[data-collapse] {
	display:none
  }