@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;
	border-top: 1px solid #ccc;
}
.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:#fff;
	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 #fff;
	text-align:center;
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:55px;
	display:block;
}
.mst_tab li a:hover,
.mst_tab li a.on{
	border-bottom:3px solid #ccc;
}

/*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:30px;
	margin:0;
	padding:0 10px;
	color:#333;
	line-height:30px;
	display: inline-block;
	border-bottom:1px solid #ccc;
	width: 100%;
}
.mst_ltit span {
	font-weight:700;
	font-size:15px;
}
.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:16px;
	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							*
************************************************/
/*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: 140px;
	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 td {
	border-bottom:1px solid #ccc;
}

.trade_info_btns{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding:0 10px;
}
.trade_info_btn_del, .trade_info_btn_sub{
	background: tomato;
	border-radius: 3px;
	width: 180px;
	margin-top:20px;
	padding:10px;
	float:left;
}
.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;
}
.alert_message_con p{
	color: #2e2e2e;
}

/*bus_rank.htm*/
.bustit_2{
	padding:10px;
}
.bustit_2 span {
	font-size: 12px;
	color:#2e2e2e;
}
.bustit_2 button{
	width: 90px;
	height: 20px;
	background-color: tomato;
	border-radius: 5px;
	font-size: 12px;
}
.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;
}

/*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;
}
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_subscribe_list.htm*/
.bus_subscribe_list_id{
	margin-left:20px;
}
.bus_subscribe_list_cont p{
	text-align: left;
	margin-top:150px;
	font-size: 14px;
	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;	
}


/*bus_note_w_h.htm*/
.modal-body .sminput input{
	width: 155px;
	margin-left:80px;
}
.modal-body-input{
	display: flex;
	justify-content: space-between;
	padding:5px 10px;
	align-items: center;
	color: #000;
}
.modal-body-input span{
	color: #000;
	font-size: 16px;
}
.modal-body-input input{
	width: 180px;
	height: 30px;
	border-radius: 3px;
	background-color: rgb(187, 187, 187);
	color: #000;
}

.trade_info_btn_sub1{
	background: tomato;
	border-radius: 3px;
	width: 100px;
	margin-top:20px;
	padding:10px;
	float:left;
	margin-left:20px;
	
}
.trade_info_btn_sub1 a{
	color: #fff;
}

.order_history{
	padding:0 10px;
}
.order_history table{
	margin-top:20px;
}
.order_history table tr,.order_history table td{
	border:1px solid rgb(65, 65, 65);
	background: rgb(92, 91, 91);
	padding:5px;
}



/*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: 100px;
}
.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;
	padding:0 10px;
}
.trade_info_btn_del, .trade_info_btn_sub{
	background: tomato;
	border-radius: 3px;
	width: 150px;
	margin-top:20px;
	padding:10px;
	float:left;
	margin-left:30px;
}

.trade_info_btn_sub a{
	color: #fff;
}

.trade_info_btn2{
	width: 60px;
	height: 30px;
	background-color: tomato;
	border-radius: 3px;
	color: #fff;
	margin-left:20px;
}
.trade_info_text {
	padding:10px;
}
.alert_checkbox {
	float:right;
	margin-right:20px;
}
.alert_checkbox2{
	float:left;
	margin:15px 70px 0;
}
.alert_checkbox2 .mcb{
	left:188px;
	position: flex;
}

.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 white;
    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);
}

/*로그인 */
.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: 110px;
}
.userLogin_btn:last-child{
	margin-right: 0;
	width: 250px;
}
.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:0 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;
	*cursor: hand;
	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;
}
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;
	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;
	*cursor:hand;
	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 {
	*margin-top:-1px;
	-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{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 #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:18px;
}
.mst_type1 thead td,
.mst_type1 tbody td{
	padding:10px 5px;
	background-color:#fff;
	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-top:1px solid #5d5d5d;
	border-bottom:1px solid #5d5d5d;
}
.mst_type1 tbody .user_detail{
	border-bottom:none;
}

.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 {
	margin-right:18px;
	font-size: 20px;
	color:#2e2e2e;
}
.mst_type1 tbody tr td a:last-child{
	margin-right:0;
}
.mst_type1 tbody tr td a:hover {
	color:tomato;
}

.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;}




.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;
}

.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:20px;
	top:20px;
	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_copy{
	width: 35%;
	height: 50px;
	border-radius: 8px;
	background: tomato;

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

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

/* 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){
}

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