@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

/******************************************
	전체
*******************************************/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
header, hgroup, menu, nav, section, summary, time, mark, audio, video, textarea,button{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
body{width:100%;font-family:Noto Sans JP, Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;font-size:13px;background: linear-gradient(45deg, #008bd1, #0c3274);}

ul, li{list-style:none;}
p {margin:0;padding:0;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent;}
a, a:link, a:hover, a:active{color:inherit;text-decoration:none;}
img{vertical-align:middle;}
input{margin:0;padding:0;box-sizing:content-box;vertical-align:middle;font-family:Noto Sans JP, HelveticaNeue,DroidSans,Sans-serif,Helvetica;}
button, select{color: #000;font-family:Noto Sans JP, HelveticaNeue,DroidSans,Sans-serif,Helvetica;background:none;}
textarea{font-family:Noto Sans JP, HelveticaNeue,DroidSans,Sans-serif,Helvetica;border:1px solid #E7E7ED;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], input[type=date], select{height:34px;vertical-align:middle;border:1px solid #E7E7ED;}
input[type=button], input[type=submit], button{cursor:pointer;-webkit-appearance: none;}
strong, b{font-weight:bold;}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus{outline:none;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=text], input[type=password], input[type=email], input[type=date], input[type=time], select {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   padding: 0 10px;
   box-sizing: border-box;
   background: none;
   color: #000;
   font-size: 13px;
   border-radius: 4px;
}
button, select {
    background: none;
    -webkit-appearance: auto;
}

input[type=date] {
	text-align:left;
}
.after-clear::after {
	display: block;
	clear: both;
	content: "";
}

.no-data2 {
	color: #BEBEBE;
}

/******************************************
	색상 관련 설정 
*******************************************/
:root {
  --main-color: #b60016;
  --sub-color: #000;
}

.bg-gray {
	background: #f7f7f7;
}

/******************************************
	PC, Mobile
*******************************************/
.mob { display: none; }

@media screen and (max-width:750px) {
	.pc { display: none; }
	.mob { display: block; }
}

/******************************************
	페이징
*******************************************/
.paging{
	width:100%;
	text-align:center;
	margin:25px 0;
}

.paging ul{
	display: inline-block;
	height: 26px;
}

.paging ul li{
	/* display:inline-block; */
	float: left;
	margin-right:2px;
	width:22px;
	height:20px;
	font-size:14px;
	text-align:center;
	padding-top:4px;
	border-radius: 5px;
	background: #ECF0F6;
	border:1px solid #DFDFDF;
}

.paging ul li a,.paging ul li a:hover, .paging ul li a:link, .paging ul li a:focus, .paging ul li a:active{
 color:inherit;
 display:block;
 width:100%;
 height:100%;
}

.paging ul li:hover, .paging ul li.over{
	cursor:pointer;
}

.paging ul li.over{
	background: #E1E4E8;
	color:#fff;
}

.paging ul li.now_page{
	border-color: #009AC7;
	background:#009AC7;
	color: #fff;
}

.paging ul li.block{
	background:transparent;
}

.paging ul li.block img{
}


/******************************************
	버튼
*******************************************/



/******************************************
	마진/패딩
*******************************************/
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_60{margin-top:60px;}
.mt_70{margin-top:70px;}
.mt_80{margin-top:80px;}
.mt_90{margin-top:90px;}
.mt_100{margin-top:100px;}
.mt_150{margin-top:150px;}
.mt_200{margin-top:200px;}
.mt_250{margin-top:250px;}

.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}
.ml_40{margin-left:40px;}
.ml_50{margin-left:50px;}
.ml_60{margin-left:60px;}
.ml_70{margin-left:70px;}
.ml_80{margin-left:80px;}
.ml_90{margin-left:90px;}
.ml_100{margin-left:100px;}
.ml_150{margin-left:150px;}
.ml_200{margin-left:200px;}
.ml_250{margin-left:250px;}

.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}
.mr_40{margin-right:40px;}
.mr_50{margin-right:50px;}
.mr_60{margin-right:60px;}
.mr_70{margin-right:70px;}
.mr_80{margin-right:80px;}
.mr_90{margin-right:90px;}
.mr_100{margin-right:100px;}
.mr_150{margin-right:150px;}
.mr_200{margin-right:200px;}
.mr_250{margin-right:250px;}

.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}
.mb_50{margin-bottom:50px;}
.mb_60{margin-bottom:60px;}
.mb_70{margin-bottom:70px;}
.mb_80{margin-bottom:80px;}
.mb_90{margin-bottom:90px;}
.mb_100{margin-bottom:100px;}
.mb_150{margin-bottom:150px;}
.mb_200{margin-bottom:200px;}
.mb_250{margin-bottom:250px;}

.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
.pt_60{padding-top:60px;}
.pt_70{padding-top:70px;}
.pt_80{padding-top:80px;}
.pt_90{padding-top:90px;}
.pt_100{padding-top:100px;}
.pt_150{padding-top:150px;}
.pt_200{padding-top:200px;}
.pt_250{padding-top:250px;}

.pl_10{padding-left:10px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}
.pl_40{padding-left:40px;}
.pl_50{padding-left:50px;}
.pl_60{padding-left:60px;}
.pl_70{padding-left:70px;}
.pl_80{padding-left:80px;}
.pl_90{padding-left:90px;}
.pl_100{padding-left:100px;}
.pl_150{padding-left:150px;}
.pl_200{padding-left:200px;}
.pl_250{padding-left:250px;}

.pr_10{padding-right:10px;}
.pr_20{padding-right:20px;}
.pr_30{padding-right:30px;}
.pr_40{padding-right:40px;}
.pr_50{padding-right:50px;}
.pr_60{padding-right:60px;}
.pr_70{padding-right:70px;}
.pr_80{padding-right:80px;}
.pr_90{padding-right:90px;}
.pr_100{padding-right:100px;}
.pr_150{padding-right:150px;}
.pr_200{padding-right:200px;}
.pr_250{padding-right:250px;}

.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}
.pb_60{padding-bottom:60px;}
.pb_70{padding-bottom:70px;}
.pb_80{padding-bottom:80px;}
.pb_90{padding-bottom:90px;}
.pb_100{padding-bottom:100px;}
.pb_150{padding-bottom:150px;}
.pb_200{padding-bottom:200px;}
.pb_250{padding-bottom:250px;}

.p_20 {padding:20px !important;}
.pt_0 {padding-top:0px !important;}
.mt_0 {margin-top:0px !important;}
.mrl {margin-left:10px;margin-right:10px;}

/******************************************
	가로 사이즈
*******************************************/
.size50{width:50px;}
.size80{width:80px;}
.size90{width:90px;}
.size100{width:100px;}
.size120{width:120px;}
.size150{width:150px;}
.size200{width:200px;}
.size250{width:250px;}
.size300{width:300px;}
.size400{width:400px;}
.size500{width:500px;}
.size600{width:600px;}
.size700{width:700px;}
.size90per{width:90%;}
.size98per{width:98%;}
.textarea_set{width:98%;height:100px;}
.size96per {width:96% !important;}
.size100per {width:100% !important;}

/******************************************
	폰트 정렬
*******************************************/
.ta-left{text-align:left !important;}
.ta-center{text-align:center !important;}
.ta-right{text-align:right !important;}
.bold {font-weight:bold !important;}

/******************************************
	스크롤바 커스텀
*******************************************/
/* width */
::-webkit-scrollbar { width: 12px; height: 12px; }
/* Track */
::-webkit-scrollbar-track { background: rgba(113,128,140,0.05); }
/* Handle */
::-webkit-scrollbar-thumb { background: rgba(113,128,140,1.0); }
/* Handle on hover */


.float-left {float:left !important;}
.float-right {float:right !important;}
.no-list {text-align:center !important;}
.red-info {color:#FF3494;font-size: 13px;}
.pr_20{padding-right:20px !important;}

.btn_right{
	float:right;
	text-align:right;
	margin-right:20px;
}

.btn_area01{
	width:100%;
	margin:40px 0;
	text-align:center;
}

.btn_area02{
	float:left;
	width:100%;
	margin:40px 0;
}

.btn_area03{
	float:left;
	width:100%;
	margin:40px 0;
	text-align:right;
}

.default_button {
	height: 44px !important;
	padding: 0 25px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	font-size: 16px;
	border-radius: 5px;
}

.default_sbutton {
	height: 35px !important;
	padding: 0 15px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	font-size: 16px;
}

.line_button {
	border-color: #ddd;
}

.solid_button {
	background: #000;
	border-color: #000;
	color: #fff;
}

.solid_button2 {
	background: #999;
	border-color: #999;
	color: #fff;
}

.solid_button3 {
	background: #1C9200;
	border-color: #1C9200;
	color: #fff;
}

.orange_button {
	background: #EC6400;
	border-color: #EC6400;
	color: #fff;
}

.red_button {
	background: #B60016;
	border-color: #B60016;
	color: #fff;
}

@media screen and (max-width:640px){
	.btn_area01, .btn_area02, .btn_area03{
		width:90%;
		margin-left:5%;
	}
}


.black_bg_btn{
	width:117px;
	height:40px;
	background:#191919;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	font-size:18px;
	font-weight:500;
}

.blue_btn{
	height:34px;
	text-align:center;
	background:#4769F7;
	color:#fff;
	font-size:13px;
	font-weight:500;
	padding:0 20px;
	border: 1px solid #4769F7;
	border-radius: 4px;
	box-shadow: 3px 3px 0px #3952b9;
	margin:3px;
}

.gray_btn {
    height:34px;
	text-align:center;
	background:#4E4E4E;
	color:#fff;
	font-size:13px;
	font-weight:500;
	padding:0 20px;
	border: 1px solid #4E4E4E;
	border-radius: 4px;
	box-shadow: 3px 3px 0px #3f3f3f;
	margin:3px;
}

.btn {
	text-align:center;
	background:#fff;
	color:#000;
	font-size:13px;
	font-weight:500;
	padding:0 20px;
	border:1px solid #E7E7ED;
	height:34px;
	line-height:34px;
	border-radius: 4px;
}
.btn:hover {
	background:#4769F7;
	color:#fff;
	border:1px solid #4769F7;
}

@media screen and (max-width:640px){
	.black_bg_btn{
		width:100px;
		height:34px;
		background:#191919;
		color:#fff;
		font-size:13px;	
	}
}

.black_bg_sbtn{
	width:80px;
	height:34px;
	background:#191919;
	color:#fff;
	font-size:13px;
}

.btn_frame{
	float:left;
	width:260px;
	margin-top:10px;
	text-align:center;
}

.default_list_table{
	width:96%;
	margin:2%;
	background:#fff;
	border-radius:10px;
}

.default_list_table caption{
	display:none;
}

.default_list_table th, .default_list_table td{
	padding:20px 5px;
	text-align:left;
	font-size:13px;	
}
.default_list_table td {
	border-top:1px solid #ddd;
}

.default_list_table th, .default_list_table td.l_text{
	text-align:left;
}

.default_list_table tr.notice{
	background:#f5f5f5;
}

.default_list_table th{
	color:#929292;
	font-size:13px;
	font-weight:600;
}

.default_list_table th.c_text{
	text-align:left;
	text-indent: 0;
}

.default_list_table td.l_text{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

@media screen and (max-width:640px){
	.default_list_table th, .default_list_table td{
		padding:10px;
	}
}

button.no-reply{
	width:78px;
	height:34px;
	background:#ec6400;
	border:1px solid #ec6400;
	font-size:13px;
	color:#fff;
}

button.ok-reply{
	width:78px;
	height:34px;
	background:#fff;
	border:1px solid #ec6400;
	font-size:13px;
	color:#ec6400;
}

@media screen and (max-width:640px){
	button.no-reply, button.ok-reply{
		width:60px;
		height:25px;
		font-size:13px;
	}
}


button.gray_btn{
	height:34px;
	background:#4E4E4E;
	border:0;
	color:#fff;
	font-size:13px;
	padding:0 20px;
	border-radius: 4px;
}

.btn_area01 button.gray_btn{
	box-shadow: 3px 3px 0px #3f3f3f;
	margin:3px;
}

button.black_btn{
	height:34px;
	background:#606060;
	border:0;
	color:#fff;
	font-size:13px;
	padding:0 20px;
	border-radius: 4px;
}

button.line_btn{
	width:80px;
	height:36px;
	background:#fff;
	border: 1px solid #ddd;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* border:0; */
	color:#000;
	font-size:17px;
}

.default_list_table td span{
	cursor:pointer;
}

@media screen and (max-width:640px){
	.default_list_table th{
		font-size:13px;
	}

	.default_list_table td{
		font-size:13px;
	}

	button.blue_btn, button.gray_btn{
		height:30px;
		font-size:13px;
	}
}

.default_list_list{
	float:left;
	width:100%;
	margin-top:30px;
}

.default_list_list li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:50px;
	cursor:pointer;
}

.default_list_list li:nth-child(4n){
	float:right;
	margin-right:0;
}

.default_list_list li .img{
	float:left;
	width:100%;
	height:600px;
	background:#ddd;
}

.default_list_list li.artist .img{
	float:left;
	width:100%;
	height:430px;
	background:#ddd;
}

.default_list_list li dl{
	float:left;
	width:90%;
	margin-top:30px;
	margin-left:5%;
}

.default_list_list li dl dt{
	float:left;
	width:60%;
	font-size:20px;
	line-height:20px;
}

.default_list_list li dl dd{
	float:left;
	width:40%;
	text-align:right;
	font-size:16px;
	line-height:15px;
	color:#A5A5A5;
}

.default_list_list li.artist dl{
	float:left;
	width:100%;
	margin-top:30px;
}

.default_list_list li.artist dl dt{
	float:left;
	width:100%;
	font-size:36px;
	line-height:36px;
}

.default_list_list li.artist dl dt span{
	font-size:32px;
	color:#909090;
}

.default_list_list li.artist dl dd{
	float:left;
	width:100%;
	margin-top:15px;
	text-align:left;
	font-size:20px;
	line-height:20px;
	color:#333;
}


@media screen and (max-width:640px){

	.default_list_list li{
		width:48%;
	}

	.default_list_list li:nth-child(4n){
		float:left;
	}

	.default_list_list li .img{
		height:300px;
	}

	.default_list_list li:nth-child(even){
		float:right;
	}

	.default_list_list li dl dt, .default_list_list li dl dd{
		float:left;
		width:100%;
	}

	.default_list_list li dl dd{
		text-align:left;
		margin-top:15px;
	}

	.default_list_list li.artist{
		width:100%;
	}

	.default_list_list li.artist:nth-child(event){
		float:left;
	}

	.default_list_list li.artist .img{
		height:500px;
	}

	.default_list_list li.artist dl dd{
		font-size:24px;
		line-height:24px;
	}
}


.default_write_tbl{
	width:100%;
	box-sizing: border-box;	
	text-align:left;
}

.default_write_tbl th, .default_write_tbl td{
	padding:15px 0;
}

.default_write_tbl th{
	font-size:13px;
	font-weight:600;
	text-align:left;
	color:#606060;
}

.default_write_tbl th .star{
	color:#c91d13;
}

.default_write_tbl td{
	padding-left:20px;
	font-size:16px;
}

.default_write_tbl td textarea{
	width:98%;
	height:200px;
	padding:10px;
	box-sizing: border-box;
}

.default_write_tbl td textarea.default_textarea{
	width:98%;
	height:100px;
	padding: 10px;
}

.default_view_table{
	float:left;
	width:100%;
	border-top:1px solid #E7E7ED;
}

.default_view_table caption{
	display:none;
}

.default_view_table th, .default_view_table td{
	padding:15px 0;
}

.default_view_table th{
	text-align:left;
	text-indent:25px;
	color:#606060;
	font-weight:600;
}

.default_view_table th.title{
	padding:30px 0;
	font-size:30px;
	font-weight:700;
	text-align:left;
	background:#fff;
}

.default_view_table td{
	padding-left:15px;
	font-size:16px;
}

.default_view_table td input {
	width:90%;
}

.default_view_table td.content{
	height:400px;
	vertical-align:top;
}

.default_view_table td.content img{
	max-width:100%;
}

.default_view_table td .count{
	float:right;
	display:inline-block;
	margin-right:20px;
}

.default_view_table td .date{
	float:right;
	display:inline-block;
	margin-right:20px;
}

@media screen and (max-width:640px){
	.default_view_table th.title{
		padding:15px 0;
		font-size:22px;
	}

	.default_view_table td .date{
		clear:both;
		float:left;
		margin-top:10px;
	}
}

.default_concert_view{
	float:left;
	width:100%;
}

.default_concert_view dt{
	float:left;
	width:100%;
	font-size:32px;
	line-height:32px;
	text-align:center;
}

.default_concert_view dt span{
	color:#909090;
	font-size:28px;
	line-height:28px;
}

.default_concert_view dd.date{
	float:left;
	width:100%;
	margin-top:15px;
	font-size:18px;
	line-height:18px;
	text-align:center;
	color:#ADADAD;
}

.default_concert_view dd.part{
	float:left;
	width:100%;
	margin-top:15px;
	font-size:18px;
	line-height:18px;
	text-align:center;
}

.default_concert_view dd.img{
	float:left;
	width:100%;
	margin-top:50px;
}

.default_concert_view dd.img img{
	max-width:100%;
}

.default_concert_view dd.cont{
	float:left;
	width:100%;
	margin-top:100px;
}

.default_content_list{
	float:left;
	width:100%;
	margin-top:80px;
	border-top:1px solid #ddd;
}

.default_content_list li{
	float:left;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #ddd;
	font-size:18px;
	line-height:18px;
}

.default_content_list li span{
	display:inline-block;
	width:50px;
	text-align:center;
}

.default_gallery_list{
	float:left;
	width:100%;
	margin-top:20px;
}

.default_gallery_list li{
	float:left;
	width:33.3%;
	margin-bottom:60px;
}

.default_gallery_list li dl{
	float:left;
	width:380px;
}

.default_gallery_list li dl dt{
	float:left;
	width:100%;
	height:50px;
	padding-top:32px;
	font-size:16px;
	font-weight:500;
	text-indent:35px;
	background:#efefef;
	overflow:hidden;
	text-overflow:ellipsis;
    white-space: nowrap;
	cursor:pointer;
}

.default_gallery_list li dl dd.img{
	float:left;
	width:100%;
	height:200px;
	cursor:pointer;
}

.default_menu_list{
	float:left;
	width:100%;
}

.default_menu_list li{
	float:left;
	position:relative;
	width:360px;
	height:380px;
	margin-right:60px;
	margin-bottom:60px;
	background:#fbfbfb;
	cursor:pointer;
}

.default_menu_list li.no_margin{
	margin-right:0;
}

.default_store_table{
	float:left;
	width:100%;
	border-top:2px solid #000;
}

.default_store_table th, .default_store_table td{
	padding:22px 0;
	border-right:1px solid #ccc;
}

.default_store_table th:last-child, .default_store_table td:last-child{
	border-right:0;
}

.default_store_table th{
	background:#fbfbfb;
	border-bottom:1px solid #c3c3c3;
	font-size:18px;
	font-weight:500;
	color:#000;
}

.default_store_table tr.top_line{
	border-top:1px solid #4f4f4f;
}

.default_store_table td{
	border-bottom:1px solid #c3c3c3;
	font-size:16px;
	font-weight:500;
	color:#666;
	text-align:center;
}

.sub_menu_over_area{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:358px;
	height:378px;
	background:url("/images/sub/menu_list_bg.png");
	border:1px solid #ececec;
	z-index:1001;
}

.sub_menu_over_area dt{
	float:left;
	width:330px;
	margin:90px 0 0 15px;
	font-size:26px;
	font-weight:700;
	color:#000;
	text-align:center;
}

.sub_menu_over_area dd.ename{
	float:left;
	width:260px;
	margin:20px 0 0 49px;
	padding-bottom:22px;
	font-size:16px;
	font-weight:500;
	color:#666;
	text-align:center;
	border-bottom:2px solid #333;
}

.sub_menu_over_area dd.menu_content{
	float:left;
	width:100%;
	margin-top:30px;
	font-size:16px;
	font-weight:500;
	color:#000;
	line-height:25px;
	text-align:center;
}

.default_menu_list li:hover .sub_menu_over_area{
	display:block;
}

.menu_list_icon{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	text-align:center;
}

.menu_list_title{
	position:absolute;
	left:0;
	bottom:50px;
	width:100%;
	font-size:18px;
	font-weight:500;
	text-align:center;
}

.default_write_ul{
	float:left;
	width:100%;
	border-top:2px solid #191919;
}

.default_write_ul li{
	float:left;
	width:100%;
	border-bottom:1px solid #b8b8b8;
}

.default_write_ul li.size33per{
	width:33.3%;
}

.default_write_ul li dl{
	float:left;
	width:100%;
}

.default_write_ul li dl dt{
	display:flex;
	float:left;
	width:110px;
	height:70px;
    flex-direction: row;
    align-items: center;
	text-indent:20px;
	font-size:16px;
}

.default_write_ul li dl dd{
	float:left;
	width:calc(100% - 110px);
	padding:15px 0;
	font-size:16px;
}

.default_write_ul li dl dd input[type=text], .default_write_ul li dl dd input[type=password]{
	height:38px;
}

.default_write_ul li dl dd input[type=checkbox], .default_write_ul li dl dd input[type=radio]{
	width:18px;
	height:18px;
}

@media screen and (max-width:640px){
	.default_write_ul li.size33per{
		width:100%;
	}
}

.default_view_ul{
	float:left;
	width:100%;
	border-top:2px solid #191919;
}

.default_view_ul li{
	float:left;
	width:100%;
	border-bottom:1px solid #b8b8b8;
}

.default_view_ul li.cont{
	width:calc(100% - 40px);
	height:400px;
	padding:20px;
	font-size:20px;
}

.default_view_ul li div{
	display:flex;
	height:60px;
    flex-direction: row;
    align-items: center;
	font-size:

}

.default_view_ul li .tit{
	float:left;
	width:65%;
	font-size:24px;
}

.default_view_ul li .btn, .default_view_ul li .name{
	float:left;
	width:10%;
	text-align:center;
	font-size:20px;
	color:#9c9c9c;
}

.default_view_ul li .date{
	float:left;
	width:15%;
	text-align:center;
	justify-content:center;
	font-size:20px;
	color:#9c9c9c;
}

.default_view_ul li dl.reply{
	float:left;
	width:100%;
	margin-top:15px;
}

.default_view_ul li dl.reply dt{
	float:left;
	width:100%;
	font-size:24px;
	font-weight:700;
}

.default_view_ul li dl.reply dd{
	float:left;
	width:calc(100% - 40px);
	margin-top:15px;
	padding:20px;
	background:#FFF0E5;
	font-size:20px;
}

@media screen and (max-width:640px){
	.default_view_ul li div{
		height:45px;
	}

	.default_view_ul li.cont{
		width:calc(100% - 20px);
		height:300px;
		padding:10px;
		font-size:16px;
	}

	.default_view_ul li .tit{
		width:80%;
		font-size:18px;
	}

	.default_view_ul li .btn{
		width:20%;
	}

	.default_view_ul li .name{
		width:50%;
		text-align:left;
		font-size:14px;
	}

	.default_view_ul li .date{
		width:50%;
		text-align:right;
		font-size:14px;
	}

	.default_view_ul li dl.reply dt{
		font-size:18px;
	}

	.default_view_ul li dl.reply dd{
		font-size:16px;
	}
}


.default_list_ul{
	float:left;
	width:100%;
	margin-top:30px;
	border-top:2px solid #191919;
}

.default_list_ul li{
	float:left;
	width:100%;
	height:60px;
	border-bottom:1px solid #b8b8b8;
}

.default_list_ul li .no{
	display:flex;
	float:left;
	width:15%;
	height:60px;
	flex-direction: row;
	align-items: center;
	justify-content:center;
}

.default_list_ul li .state{
	display:flex;
	float:left;
	width:25%;
	height:60px;
	flex-direction: row;
	align-items: center;
	justify-content:center;
}

.default_list_ul li dl{
	float:left;
	width:60%;
	font-size:16px;
	line-height:15px;
}

.default_list_ul li dl dt{
	display:inline-block;
	float:left;
	width:100%;
	height:23px;
	padding-top:7px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.default_list_ul li dl dt img{
	width:12px;
}

.default_list_ul li dl dd.name{
	display:flex;
	float:left;
	width:40%;
	height:30px;
	flex-direction: row;
	align-items: center;
}

.default_list_ul li dl dd.date{
	display:flex;
	float:left;
	width:60%;
	height:30px;
	flex-direction: row;
	align-items: center;
}




.size50{
	width:50px;
}

.size80{
	width:80px;
}

.size100{
	width:100px;
}

.size150{
	width:150px;
}

.size200{
	width:200px;
}

.size300{
	width:300px;
}

.size400{
	width:400px;
}

.size500{
	width:500px;
}

.size600{
	width:600px;
}

.size700{
	width:700px;
}

.size33per{
	width:33%;
} 

.size50per{
	width:50%;
}

.size60per{
	width:60%;
}

.size70per{
	width:70%;
}

.size80per{
	width:80%;
}

.size90per{
	width:90%;
}

.size98per{
	width:98%;
}

.textarea_set{
    width:98%;
    height:100px;
}

.textarea_set2{
    width:98%;
    height:400px;
}

@media screen and (max-width:640px){
	.textarea_set2{
		height:250px;
	}
}


.black_bg_area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* background: rgba(0, 0, 0, .3); */ background: rgba(0, 0, 0, .2); color: #fff; text-align: center; }

.pop_title{
	float:left;
	width:100%;
	padding:10px 0;
	font-size:24px;
	background:#0754e0;
	color:#fff;
	font-weight:700;
	text-indent:10px;
}

.pw_change_area_box{
	float:left;
	width:100%;
	margin-top:30px;
}

.pw_change_area{
	margin:0 auto;
	width:70%;
}

.pw_change_form{
	float:left;
	width:100%;
}

.pw_change_form li{
	float:left;
	width:100%;
	margin-bottom:15px;
}

.pw_change_form li dl, .pw_change_form li dl dt, .pw_change_form li dl dd{
	float:left;
	width:100%;
}

.pw_change_form li dl dt{
	margin-bottom:5px;
	font-size:15px;
}

.pw_change_form li dl dd input{
	width:100%;
	height:40px;
}

.mt35 {
	margin-top:35px !important;
}



.default_list_table td:last-child {
	border-bottom:0;
}

.default_list_table td.no-data {
	text-align:center;
	color:#999;
}