@charset utf-8;
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

* { 
font-family: Pretendard, 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

/**********************  전체  ******************************/

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:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;font-size:12px;color:#212121;}
ul, li{list-style:none;}
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:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
textarea{border:1px solid #ddd;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], select{height:26px;vertical-align:middle;border:1px solid #ddd;}
input[type=button], input[type=submit], button{cursor:pointer;}
strong, b{font-weight:bold;}

input[type=text], input[type=password]: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]{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

input[type=text]:read-only{
	background:#f7f7f7;
}

input[type=button], input[type=submit]{
   -webkit-appearance: none;
}

input[type=checkbox].check26{
	width:26px;
	height:26px;
	border:0;
	appearance:none;
	background:url("/images/check_off.png") no-repeat;
}

input[type=checkbox].check26:checked{
	background:url("/images/check_on.png") no-repeat;
}

/***************************************************************************************************/

.bt{
	color:#006def;
}

.sbt{
	color:#297ccf;
}

.rt{
	color:#ea5006;
}

.pt{color:#FF3494;}

.gt{color:#d6d6d6;}

.ot{color:#ee7800;}

.bold{
	font-weight:700;
}

.hand{cursor:pointer;}

.right{
	float:right;
}

.myeongjo{
	font-family:Noto Serif KR;
}

.paging{
	float:left;
	width:100%;
	text-align:center;
	margin:15px 0;
}

.paging ul{
	margin:0 auto;
}

.paging ul li{
	display:inline-block;
	margin-right:2px;
	width:25px;
	height:19px;
	font-size:11px;
	text-align:center;
	padding-top:6px;
	border:1px solid #ddd;
}

.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{
	background:#999;
	color:#fff;
	cursor:pointer;
}


.paging ul li.now_page{
	background:#efefef;
}

/*********************************************************************************/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt95{margin-top:95px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt160{margin-top:160px;}
.mt170{margin-top:170px;}
.mt180{margin-top:180px;}
.mt190{margin-top:190px;}
.mt200{margin-top:200px;}


.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb80{margin-bottom:80px;}
.mb85{margin-bottom:85px;}
.mb90{margin-bottom:90px;}
.mb95{margin-bottom:95px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}
.mb200{margin-bottom:200px;}
.mb250{margin-bottom:250px;}

.size30{width:30px;}
.size50{width:50px;}
.size80{width:80px;}
.size100{width:100px;}
.size150{width:150px;}
.size200{width:200px;}
.size250{width:250px;}
.size300{width:300px;}
.size350{width:350px;}
.size400{width:400px;}
.size450{width:450px;}
.size500{width:500px;}

.input_size48{width:calc(48% - 2px);}
.input_size50{width:calc(50% - 2px);}
.input_size100{width:calc(100% - 2px);}


.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs34{font-size:34px;}
.fs36{font-size:36px;}
.fs38{font-size:38px;}
.fs40{font-size:40px;}
.fs42{font-size:42px;}
.fs44{font-size:44px;}
.fs46{font-size:46px;}
.fs48{font-size:48px;}
.fs50{font-size:50px;}

.btn_area01{
	float:left;
	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;
}

@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;
	border:0;
	font-size:18px;
	font-weight:500;
}

.blue_bg_btn{
	width:117px;
	height:40px;
	background:#4769f7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	border:0;
	font-size:18px;
	font-weight:500;
}

.gray_bg_btn{
	width:117px;
	height:40px;
	background:#999;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	border:0;
	font-size:18px;
	font-weight:500;
}

@media screen and (max-width:640px){
	.black_bg_btn{
		width:100px;
		height:40px;
		background:#191919;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		color:#fff;
		font-size:16px;	
	}
}

.black_bg_sbtn{
	width:80px;
	height:30px;
	background:#191919;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	font-size:14px;
	border:0;
}

.gray_bg_sbtn{
	width:80px;
	height:30px;
	background:#999;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	font-size:14px;
	border:0;
}

.btn_frame{
	float:left;
	width:260px;
	margin-top:10px;
	text-align:center;
}

.default_list_table{
	float:left;
	width:100%;
	border-left:1px solid #eaeaea;
}

.default_list_table caption{
	display:none;
}

.default_list_table th, .default_list_table td{
	text-align:left;
	padding-left:15px;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	font-size:15px;
}

.default_list_table th{
	background:#fafafa;
	height:40px;
	font-size:14px;
	font-weight:500;
}

.default_list_table td{
	height:65px;
	padding:5px 0 0 15px;
}

.default_list_table th.ctext, .default_list_table td.ctext {
	text-align:center;
	padding-left:0;
}

.default_list_table.calculate th{
	border-top:1px solid #eaeaea;
	background:#f7f7f7;
}

.product_edit_btn{
	width:50px;
	height:32px;
	background:#fff;
	border:1px solid #eaeaea;
}


button.no-reply{
	width:78px;
	height:34px;
	background:#ec6400;
	border:1px solid #ec6400;
	font-size:16px;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

button.ok-reply{
	width:78px;
	height:34px;
	background:#fff;
	border:1px solid #ec6400;
	font-size:16px;
	color:#ec6400;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

@media screen and (max-width:640px){
	button.no-reply, button.ok-reply{
		width:60px;
		height:25px;
		font-size:13px;
	}
}

button.blue_btn{
	width:80px;
	height:36px;
	background:#4769f7;
	border:0;
	color:#fff;
	font-size:17px;
}

button.gray_btn{
	width:80px;
	height:36px;
	background:#4E4E4E;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:0;
	color:#fff;
	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:14px;
	}
}

.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:15px;
	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{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:2px solid #333;
}

.default_write_tbl th, .default_write_tbl td{
	padding:15px 0;
	border-bottom:1px solid #d3d3d3;
}

.default_write_tbl th{
	background:#f0f0f0;
	font-size:16px;
	font-weight:500;
	text-align:left;
	text-indent:10px;
}

.default_write_tbl th .star{
	color:#c91d13;
}

.default_write_tbl td{
	padding-left:10px;
	font-size:15px;
}

.default_write_tbl td textarea{
	width:98%;
	height:200px;
}

.default_view_table{
	float:left;
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

.default_view_table caption{
	display:none;
}

.default_view_table th, .default_view_table td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

.default_view_table th{
	text-align:left;
	padding-left:15px;
	font-size:15px;
	font-weight:500;
	background:#fafafa;
}

.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:15px;
}

.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:15px;
	}

	.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:15px;
	}
}


.board_search_area{
	float:left;
	width:100%;
}

.board_search_form{
	position:relative;
	width:300px;
	height:50px;
}

.board_search_form input[type=text]{
	width:298px;
	height:48px;
	border:1px solid #c5c5c5;
	font-size:18px;
	text-indent:20px;
}

.board_search_form button{
	position:absolute;
	display:flex;
	right:0;
	top:0;
	width:50px;
	height:50px;
	background:none;
    flex-direction: row;
    align-items: center;
	justify-content:center;
}

@media screen and (max-width:640px){
	.customer01_sector{
		width:90%;
		margin-left:5%;
	}

	.board_search_form{
		width:200px;
		height:35px;
	}

	.board_search_form input[type=text]{
		width:calc(100% - 2px);
		height:33px;
		font-size:14px;
	}

	.board_search_form button{
		width:35px;
		height:35px;
	}

	.board_search_form button img{
		width:50%;
	}
}


.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:15px;
	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;
	}
}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}


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

.layer_black_bg_area{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	background:rgba(0, 0, 0, .2);
	z-index:9999;
}