@charset "utf-8";

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

/******************************************
	전체
*******************************************/
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', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;font-size:25px;color:#000;}
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:'Pretendard', HelveticaNeue,DroidSans,Sans-serif,Helvetica;font-size:25px;}
button, select{font-family:'Pretendard', HelveticaNeue,DroidSans,Sans-serif,Helvetica;background:none;font-size:25px;}
textarea{font-family:'Pretendard', HelveticaNeue,DroidSans,Sans-serif,Helvetica;border:1px solid #ddd;resize: none;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], select{height:26px;vertical-align:middle;border:1px solid #bbb;}
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{/* 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]{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   padding: 0 5px;
   box-sizing: border-box;
   color: #444;
}

select {
	border-radius: 0;
	background: #fff;
	color: #333;
}

.no-border {
	border: 0 !important;
}

input::placeholder {
	color: #888;
}

textarea::placeholder {
	color: #888;
}

.no-data {
	text-align: center;
}

@media screen and (max-width:750px) {
	body{font-size:5vw;}
	input{font-size:5vw;}
	select{font-size:5vw;}
}

/******************************************
	PC, Mobile
*******************************************/
.mob { display: none; }

@media screen and (max-width:750px) {
	.pc { display: none; }
	.mob { display: block; }
}

/******************************************
	페이징
*******************************************/
.paging{
	width:100%;
	text-align:center;
	margin:30px 0;
}

.paging ul{
	display: inline-block;
	height: 34px;
}

.paging ul li{
	/* display:inline-block; */
	float: left;
	margin-right:8px;
	width:34px;
	line-height:34px;
	font-size:17px;
	text-align:center;
	background: #fff;
	border:1px solid #DDDDDD;
}

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

.paging ul li.now_page{
	border-color: #000;
	background:#000;
	color: #fff;
}

.paging ul li.block{
	background:transparent;
}

.paging ul li.block img{
}

@media screen and (max-width:750px) {
	.paging{
		margin:6vw 0;
	}

	.paging ul{
		height: 6.8vw;
	}

	.paging ul li{
		margin-right:1.6vw;
		width:6.8vw;
		line-height:6.8vw;
		font-size:3.4vw;
	}
}


/******************************************
	마진/패딩
*******************************************/
.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;}


/******************************************
	가로 사이즈
*******************************************/
.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%;}
.size100per{width:100%;}
.textarea_set{width:98%;height:100px;}

.dp_block { display: block; }
.dp_in_block { display: inline-block; }

/******************************************
	폰트 정렬
*******************************************/
.ta-left{text-align:left;}
.ta-center{text-align:center;}
.ta-right{text-align:right;}

.float-left {float:left;}
.float-right {float:right;}

.fc-blue { color: #0064A9; }
.fc-skyblue { color: #009AC7; }
.fc-red { color: #DC143C; }

/******************************************
	스크롤바 커스텀
*******************************************/
/* width */
::-webkit-scrollbar { display: none; width: 10px; height: 10px; }
/* Track */
::-webkit-scrollbar-track { background: #e1e1e1; }
/* Handle */
::-webkit-scrollbar-thumb { background: #666; }
/* Handle on hover */