@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.wrap,
.mcontainer{width:100%;margin:0;padding:0;position:relative;}






/************************************************
*		HEADER									*
************************************************/






/************************************************
*		CONTAINER								*
************************************************/

.stc_wrap{margin:0;padding:0;position:relative;}

.stc_tit{
	margin:10px 0 0;
	padding:8px 10px;
	border-bottom:2px solid #666;
	font-size:16px;
	font-weight:500;
	color:#000;
	line-height:28px;
	display:block;
	position:relative;
}
.stc_tit span{
	padding:8px 10px;
	font-size:13px;
	font-weight:300;
	color:#454545;
	line-height:28px;
	position:absolute;
	right:0;
	top:0;
}
.stc_tit span img{width:auto;height:20px}

.stc_list{margin:0;padding:0;position:relative;}
.stc_list li{padding:15px 10px;border-bottom:1px solid #ddd;position:relative;}
.stc_list li .sl_thum{
	width:20%;
	max-width:60px;
	margin:0;
	padding:0;
	background-color:#f4f4f4;
	border:1px solid #ddd;
	border-radius:100%;
	text-align:center;
	float:left;
	overflow:hidden;
}
.stc_list li .sl_thum img{width:auto;height:60px;}

.stc_list li .sl_txt{width:75%;margin:0;padding:0;letter-spacing:-1px;float:right;}
.stc_list li .sl_txt b{font-size:15px;font-weight:500;color:#262626;line-height:20px;display:block;}
.stc_list li .sl_txt b em{
	padding:0 3px;
	background-color:#e9e9e9;
	border:1px solid #c5c5c5;
	border-radius:2px;
	font-size:11px;
	font-weight:400;
	color:#999;
	word-break:keep-all;
	*word-break:keep-all;
	-ms-word-break:keep-all;
}
.stc_list li .sl_txt p{font-size:13px;font-weight:400;color:#8a8a8a;line-height:20px;display:block;}
.stc_list li .sl_txt p span{
	margin-bottom:2px;
	padding:0 4px;
	border:1px solid #262626;
	border-radius:2px;
	font-size:11px;
	font-weight:400;
	color:#262626;
	line-height:18px;
}

.stc_bn{margin:0 0 5px;padding:0;text-align:center;position:relative;}
.stc_bn a{width:100%;height:100%;display:block;}
.stc_bn img{height:100%;}






/************************************************
*		ETC										*
************************************************/

.ft_l{float:left !important;}
.ft_r{float:right !important;}

.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}






/************************************************
*		FOOT									*
************************************************/






/************************************************
*		TABLE									*
************************************************/

.tbl_type1,
.tbl_type1 th,
.tbl_type1 td{border:0}
.tbl_type1{width:100%;margin:0 0 30px;border-bottom:1px solid #ccc;font-size:13px;text-align:center;border-collapse:collapse}
.tbl_type1 caption{display:none}
.tbl_type1 th{
	padding:7px 10px 4px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#ddd;
	color:#666;
	font-size:14px;
	font-weight:bold
}
.tbl_type1 td{padding:6px 10px 4px;border:1px solid #ccc;background-color:#efefef;color:#666}






/*************************************************
*					POPUP						*
*************************************************/

/*************** BOOTSTRAP POP ******************/
.modal{margin:0;top:10% !important;z-index:1000;}
.modal.in .modal-dialog{max-width:300px;margin:0 auto;}
.modal-body{border-radius:8px 8px 0 0}

.modal-content{background-color:transparent !important;border:0 none !important;border-radius:0 !important;box-shadow:none !important;}

.modal-header{padding:10px 15px 0 !important;border:0 none !important;font-size:16px;color:#000;}
.modal-header .close{font-size:35px;font-weight:300;color:#848484;float:right;}

.modal-con{height:75px;margin:0;padding:10px 15px 0;position:relative;}
.modal-con .mb_con{
	width:80px;
	height:80px;
	padding:15px;
	background-color:#fff;
	border-radius:100%;
	text-align:center;
	position:absolute;
	left:112px;
	top:30px;
	display:block;
	overflow:hidden;
	z-index:1000;
}
.modal-con .mb_con img{width:50px;vertical-align:middle;}
.modal-con .mb_tcon{
	width:80px;
	height:80px;
	padding:0;
	background-color:#4cb99a;
	border-radius:100%;
	text-align:center;
	font-size:40px;
	font-weight:700;
	color:#fff;
	line-height:80px;
	position:absolute;
	left:112px;
	top:30px;
	display:block;
	overflow:hidden;
	z-index:1000;
}

.modal-body{padding:45px 15px 30px !important;background-color:#fff;position:relative;overflow:visible !important;}
.modal-body b{margin:0 0 10px;text-align:center;font-size:20px;font-weight:400;color:#000;line-height:30px;letter-spacing:-1px;display:block;}
.modal-body p{text-align:center;font-size:14px;font-weight:300;color:#000;line-height:24px;letter-spacing:-1px;display:block;}

.modal-footer{padding:0 !important;background-color:#fff;border-top:0 none !important;border-radius:0 0 8px 8px;}
.modal-footer .btn:first-child{border-right:1px solid #d54f56;}
.modal-footer .btn{
	width:50%;
	height:50px;
	margin:0 !important;
	padding:0;
	border:0 none;
	border-radius:0;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:50px;
}
.modal-footer .btn-normal{background-color:#919191;}
.modal-footer .btn-normal:hover,
.modal-footer .btn-normal:active,
.modal-footer .btn-normal.focus,
.modal-footer .btn-normal.disabled {
	color:#fff !important;
}
.modal-footer .btn-primary{background-color:#c71c22;}
.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:active,
.modal-footer .btn-primary.focus,
.modal-footer .btn-primary.disabled {
	background-color:#c71c22 !important;
}

.modal-footer .abtn{
	width:90%;
	height:50px;
	margin:0 5% 5% !important;
	padding:0;
	background-color:#cacaca;
	border-radius:8px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:50px;
}





/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@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){
}

