@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.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, HelveticaNeue, DroidSans, Sans-serif, Helvetica;font-size:12px;color:#333;}
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, textarea, button{margin:0;padding:0;box-sizing:content-box;vertical-align:middle;font-family:Pretendard, Noto Sans Kr,HelveticaNeue,DroidSans,Sans-serif,Helvetica;}
textarea{border:1px solid #ddd;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=date], input[type=password], select{height:26px;vertical-align:middle;border:1px solid #bbb;}
input[type=button], input[type=submit], input[type=reset], 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=button], input[type=submit]{
   -webkit-appearance: none;
}
/***************************************************************************************************/



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

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

@media screen and (max-width:760px){
	input[type=checkbox].check30{
		width:25px;
		height:25px;
		border:0;
		appearance:none;
		background:url("/images/check_off.png") no-repeat;
		background-size:100%;
	}

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



/**********************
	페이지 관려
***********************/
.paging{
	float:left;
	width:100%;
	text-align:center;
	margin:15px 0;
}

.paging ul{
	margin:0 auto;
}

.paging ul li{
	display:inline-block;
	margin-right:12px;
	padding:6px 3px 2px 3px;
	font-size:18px;
	text-align:center;
	color:#999;
	cursor:pointer;
}

.paging ul li.arrow{
	padding-top:0;
}

.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:not(.arrow):hover, .paging ul li:not(.arrow).over{
	color:#333;
	font-weight:600;
	border-bottom:1px solid #333;
}


.paging ul li.now_page{
	color:#333;
	font-weight:600;
	border-bottom:1px solid #333;
}

/********************************
	글색상
*********************************/
.red_text{color:#d00c0c;}

/********************************
	버튼관려
*********************************/
.btn_area01{
	float:left;
	width:100%;
	text-align:center;
}

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

.btn_area03{
	float:left;
	width:100%;
	text-align:right;
}

.hand{cursor:pointer;}

.bold{font-weight:700;}

/******************************************
	가로사이즈
*******************************************/
.size50{width:50px;}
.size60{width:60px;}
.size70{width:70px;}
.size80{width:80px;}
.size90{width:90px;}
.size100{width:100px;}
.size150{width:150px;}
.size200{width:200px;}
.size300{width:300px;}
.size400{width:400px;}
.size500{width:500px;}
.size600{width:600px;}
.size700{width:700px;}
.size50per{width:50%;}
.size60per{width:60%;}
.size70per{width:70%;}
.size80per{width:80%;}
.size90per{width:90%;}
.size95per{width:95%;}
.size98per{width:98%;}
.size100per{width:100%;}

.textarea98per{
	width:98%;
	height:100px;
	font-family:Pretendard;
}

.short_textarea{
	width:700px;
	height:40px;
	font-size:14px;
	font-family:Pretendard;
}

/******************************************
	폰트사이즈
*******************************************/
.fs11{font-size:11px;}
.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;}

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

/******************************************
	마진(좌측)
*******************************************/
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml110{margin-left:110px;}
.ml120{margin-left:120px;}
.ml130{margin-left:130px;}
.ml140{margin-left:140px;}
.ml150{margin-left:150px;}
.ml160{margin-left:160px;}
.ml170{margin-left:170px;}
.ml180{margin-left:180px;}
.ml190{margin-left:190px;}
.ml200{margin-left:200px;}

/******************************************
	마진(우측)
*******************************************/
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr110{margin-right:110px;}
.mr120{margin-right:120px;}
.mr130{margin-right:130px;}
.mr140{margin-right:140px;}
.mr150{margin-right:150px;}
.mr160{margin-right:160px;}
.mr170{margin-right:170px;}
.mr180{margin-right:180px;}
.mr190{margin-right:190px;}
.mr200{margin-right:200px;}

/******************************************
	마진(상단)
*******************************************/
.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;}
.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;}
.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;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}
.mb160{margin-bottom:160px;}
.mb170{margin-bottom:170px;}
.mb180{margin-bottom:180px;}
.mb190{margin-bottom:190px;}
.mb200{margin-bottom:200px;}

/******************************************
	패딩(좌측)
*******************************************/
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl110{padding-left:110px;}
.pl120{padding-left:120px;}
.pl130{padding-left:130px;}
.pl140{padding-left:140px;}
.pl150{padding-left:150px;}
.pl160{padding-left:160px;}
.pl170{padding-left:170px;}
.pl180{padding-left:180px;}
.pl190{padding-left:190px;}
.pl200{padding-left:200px;}

/******************************************
	패딩(우측)
*******************************************/
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
.pr110{padding-right:110px;}
.pr120{padding-right:120px;}
.pr130{padding-right:130px;}
.pr140{padding-right:140px;}
.pr150{padding-right:150px;}
.pr160{padding-right:160px;}
.pr170{padding-right:170px;}
.pr180{padding-right:180px;}
.pr190{padding-right:190px;}
.pr200{padding-right:200px;}

/******************************************
	패딩(상단)
*******************************************/
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}
.pt160{padding-top:160px;}
.pt170{padding-top:170px;}
.pt180{padding-top:180px;}
.pt190{padding-top:190px;}
.pt200{padding-top:200px;}

/******************************************
	패딩(하단)
*******************************************/
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}
.pb160{padding-bottom:160px;}
.pb170{padding-bottom:170px;}
.pb180{padding-bottom:180px;}
.pb190{padding-bottom:190px;}
.pb200{padding-bottom:200px;}



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

.default_list_table th, .default_list_table td{
	border-right:1px solid #EDEFF8;
	border-bottom:1px solid #EDEFF8;
	padding:8px 0;
	padding-left:15px;
	font-size:15px;
}

.default_list_table th{
	background:#EDEFF8;
	font-size:15px;
	color:#4d5784;
	font-weight:500;
}

.default_list_table td.no-data{
	height:50px;
	padding-left:0;
	text-align:center;
}

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

.default_list_table2 th, .default_list_table2 td{
	height:30px;
	border-right:1px solid #D7DAEB;
	border-bottom:1px solid #D7DAEB;
	padding:8px 0;
	padding-left:15px;
	font-size:15px;
	text-align:left;
}

.default_list_table2 tbody tr:nth-child(even){
	background:#F8F8F8;
}

.default_list_table2 th{
	background:#EFF1F9;
	font-size:15px;
	color:#4d5784;
	font-weight:500;
}

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

.default_list_table2 th.rtext, .default_list_table2 td.rtext{
	padding-left:0;
	padding-right:15px;
	text-align:right;
}


.default_list_table2 td.blue_bg1{
	background:#4B65E3;
	color:#fff;
	font-weight:700;
}

.default_list_table2 td.blue_bg2{
	background:#D7DAEB;
	color:#4D5784;
	font-weight:700;
}

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

.default_view_table th, .default_view_table td{
	padding:10px 0;
	padding-left:15px;
	border-bottom:1px solid #D7DAEB;
	text-align:left;
	font-size:16px;
}

.default_view_table th{
	color:#4d5784;
	font-weight:500;
	background:#EFF1F9;
}

.default_view_table td .request_qty{
	display:inline-block;
	margin-right:15px;
}

.default_view_table td .request_qty span{
	color:#898FB1;
}

.default_view_table td.rtext{
	text-align:right;
	padding-left:0;
	padding-right:15px;
}

.default_view_table td.title{
	font-size:18px;
}

.default_view_table td.content{
	height:400px;
	vertical-align:top;
}