@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* ****************** LAYOUT ********************** */
body, table, th, td, button, select, input, textarea {
	font-family:'gilroyregular', 'Noto Sans KR',  NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:400;
	letter-spacing:-0.5px;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
	overflow-x:hidden;
}
body {background:#101923; margin:0; padding:0;}



ul, ol, dl, dd, dt, li {list-style-type:none;margin:0px;padding:0px;line-height:1.2; outline:0;}
img {border:0;outline:none;vertical-align:top;}
select {border:1px solid #ececec; height:40px; background:rgba(255,255,255,.1); font-size:13px; border:0; border-radius:3px; vertical-align:top; outline:0;}
input {border:1px solid #ececec; height:40px;  background:#fff; font-size:13px; outline:0;}
input[type=checbox], input[type=radio] {border:none;}
textarea {border:1px solid #ececec; padding:5px; color:#666; resize: none;}
address{font-style:normal;}
fieldset {border:0;}
td {padding:0px;margin:0px;}
img {vertical-align:top;}


::selection {
    background: #f9ba33;   
    color: #fff;
}
::-moz-selection {
    background: #f9ba33;    
    color: #fff;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-sizing:border-box;
  -o-sizing:border-box;
  box-sizing: border-box;
}

.motion {transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}

a {color:inherit; text-decoration:none !important; vertical-align: top; border: 0; outline:0;}
a:link, a:visited {color:inherit;}
a:hover, a:focus, a:active, li a:hover, li:hover {text-decoration:none; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}

p {margin:0; padding:0;}

.clearfix {clear:both;}

form select, form label, form img {vertical-align: middle;}
fieldset {border: 0 none;}
em, address {font-style: normal;}
iframe {margin: 0; padding: 0;}
legend, .blind {
	visibility:hidden;
	position:absolute;
	left:-99999em;
	width:1px;
	height:1px;
	text-indent:-9999em;
	font-size:0;
	top:-9999em;
	overflow:hidden;
}
caption {
	width:0; 
	height:0; 
	font-size:0; 
	line-height:0; 
	overflow:hidden; 
	visibility:hidden;
	line-height:0;
}

button {margin:0;padding:0;border:1px solid transparent;box-sizing:border-box;cursor:pointer;vertical-align:top;background:#fff;}
button:focus {outline:none;overflow:hidden;} 
button::-moz-focus-inner {border:0; padding:0;}
button::-ms-focus-inner {border:0; padding:0;}
button span {position:relative;top:0;left:0;}

input {border: 1; outline:1;}

input.checkbox_type0 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    width: 32px;
    height: 32px;
    border: 3px solid #131313 !important;


}

input.checkbox_type0:checked {
    background: url(/image/input_check.png) 50% 50% no-repeat;
}

.tleft {text-align:left;}
.tright {text-align:right;}


.clearfix {clear:both;}
.motion {transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}


/* 마진 */
.mgt-03 {margin-top:-3px !important;}
.mgt02 {margin-top:2px !important;}
.mgt03 {margin-top:3px !important;}
.mgt05 {margin-top:5px !important;}
.mgt07 {margin-top:7px !important;}
.mgt08 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt17 {margin-top:17px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}


.mgb0 {margin-bottom:0px !important;}
.mgb03 {margin-bottom:3px !important;}
.mgb04 {margin-bottom:4px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb07 {margin-bottom:7px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb100 {margin-bottom:100px !important;}
.mgb150 {margin-bottom:150px !important;}

.mgl01 {margin-left:1px !important;}
.mgl02 {margin-left:2px !important;}
.mgl03 {margin-left:3px !important;}
.mgl05 {margin-left:5px !important;}
.mgl06 {margin-left:6px !important;}
.mgl07 {margin-left:7px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl45 {margin-left:45px !important;}
.mgl50 {margin-left:50px !important;}
.mgl55 {margin-left:55px !important;}
.mgl60 {margin-left:60px !important;}
.mgl67 {margin-left:67px !important;}
.mgl70 {margin-left:70px !important;}
.mgl80 {margin-left:80px !important;}
.mgl91 {margin-left:91px !important;}
.mgl93 {margin-left:93px !important;}
.mgl95 {margin-left:95px !important;}
.mgl100 {margin-left:100px !important;}
.mgl120 {margin-left:120px !important;}
.mgl150 {margin-left:150px !important;}
.mgl200 {margin-left:200px !important;}
.mgl250 {margin-left:250px !important;}
.mgl270 {margin-left:270px !important;}
.mgl300 {margin-left:300px !important;}
.mgl334 {margin-left:334px !important;}
.mgl400 {margin-left:400px !important;}
.mgl426 {margin-left:426px !important;}

.mgr01 {margin-right:1px !important;}
.mgr02 {margin-right:2px !important;}
.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr12 {margin-right:12px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr23 {margin-right:23px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr43 {margin-right:43px !important;}
.mgr50 {margin-right:50px !important;}
.mgr60 {margin-right:60px !important;}


/* 버튼 */
.btnB {text-align:center;background:#333;color:#fff;font-size:11px;font-weight:normal;padding:1.2% 5%;border-radius:3px;cursor:pointer; border:1px solid #333;}
.btnG {text-align:center;background:#1e213a;color:#fff;font-size:11px;font-weight:normal;padding:1.5% 5%;border-radius:3px;cursor:pointer; } 
.btnO {text-align:center;background:#1c66c1;color:#fff;font-size:11px;font-weight:normal;padding:1.5% 5%;border-radius:3px;cursor:pointer; }
.btnB1 {text-align:center;background:#525a71;color:#fff;font-size:11px;font-weight:normal;padding:2% 9%;border-radius:3px;cursor:pointer; display:inline-block;}
.btnG1 {text-align:center;background:#939393;color:#fff;font-size:12px;font-weight:normal;padding:6px 20px 7px 20px;border-radius:3px;cursor:pointer;}
.btnG2 {text-align:center;background:#505258;color:#fff;font-size:12px;padding:10px 12px;border-radius:3px;cursor:pointer;display:inline-block}
.btnG3 {text-align:center;color:#fff;background:#505258;font-size:12px;padding:10px 12px;border-radius:3px;cursor:pointer; display:inline-block;}
.btnO3 {text-align:center;color:#fff;background:#1c66c1;font-size:10px;padding:1.5% 2%;border-radius:2px;cursor:pointer; display:inline-block;}
.btnG3s {text-align:center;color:#fff;background:#505258;font-size:10px;padding:1.5% 2%;border-radius:2px;cursor:pointer; display:inline-block;}
.btnG4 {text-align:center;color:#fff;background:#6a707e;font-size:11px;padding:2% 7%;border-radius:2px;cursor:pointer; display:inline-block;}
.btnG5 {text-align:center;color:#fff;background:#df5e51;font-size:10px;padding:1.5% 2%;border-radius:2px;cursor:pointer; display:inline-block;}
.btnG6 {text-align:center;color:#fff;background:#46413b;font-size:10px;padding:1.5% 2%;border-radius:2px;cursor:pointer; display:inline-block;}
.btnDG {padding:1px 10px;text-align:center;background:#6a707e;color:#fff;margin-right:2px;font-size:11px;border-radius:3px;font-weight:normal;cursor:pointer;}


.btnW {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:1.2% 5%;border-radius:3px;cursor:pointer; border:1px solid #ccc; display:inline-block;} 
.btnWs {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; border:1px solid #b0b0b0; }
.btnGs {text-align:center;background:#51586a;color:#fff;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; }

.btnG3M {text-align:center;color:#fff;background:#505258;font-size:12px;padding:7px 15px;border-radius:2px;cursor:pointer; display:inline-block;}
.btnWM {text-align:center;background:#fff;color:#333;font-size:12px;;padding:6px 15px;border-radius:2px;cursor:pointer; border:1px solid #ccc; display:inline-block;} 


@media only screen and (min-width: 480px) {	
	.btnB {text-align:center;background:#333;color:#fff;font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer; }
	.btnB1 {text-align:center;background:#525a71;color:#fff;font-size:12px;font-weight:normal;padding:6px 20px 7px 20px;border-radius:3px;cursor:pointer;}
	.btnG2 {text-align:center;background:#505258;color:#fff;font-size:12px;padding:10px 20px;border-radius:3px;cursor:pointer;display:inline-block}
	.btnG3 {text-align:center;color:#fff;background:#505258;font-size:12px;padding:12px 20px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnO3 {text-align:center;color:#fff;font-size:12px;padding:7px 25px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnG3s {text-align:center;color:#fff;background:#505258;font-size:12px;padding:7px 20px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnG4 {text-align:center;color:#fff;background:#6a707e;font-size:12px;padding:10px 28px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnG5 {text-align:center;color:#fff;background:#df5e51;font-size:11px;padding:6px 15px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnG6 {text-align:center;color:#fff;background:#46413b;font-size:11px;padding:6px 15px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnG {text-align:center;background:#1e213a;color:#fff;font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer; display:inline-block;} 
	.btnW {text-align:center;background:#fff;color:#333;font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnO {text-align:center;color:#fff;font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer; display:inline-block;}

	.btnG3M {text-align:center;color:#fff;background:#505258;font-size:12px;padding:11px 28px;border-radius:3px;cursor:pointer; display:inline-block;}
	.btnWM {text-align:center;background:#fff;color:#333;font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer; display:inline-block;}
}



/* page */
.redOn {background:#df5e51; color:#fff; font-weight:bold; width:20px; height:20px; text-align:center; line-height:20px; display:inline-block; font-size:11px;}
.nor {border:1px solid #d6d6d6;  width:20px; height:20px; text-align:center; line-height:20px; display:inline-block; font-size:11px;}

.borT {border-top:1px solid #e2e2e2;}
.borL {border-left:1px solid #e2e2e2;}
.borR {border-right:1px solid #e2e2e2;}
.borB {border-bottom:1px solid #e2e2e2;}




/*회원검색*/
.mSearch {width:95%; height:80px; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; background:#de6f6f; margin:0 auto 30px auto;}
.mSearch .tit {font-size:26px; color:#fff;  padding-top:30px; margin-left:10px;}

.mSearch1 {background:#fff; width:95%; margin:5px auto; overflow:hidden;}
.mSearch1 ul {float:left;}
.mSearch1 ul li p {line-height:2; background:yellow;}

.s_table {width:95%;margin:10px auto 0 auto;letter-spacing:0;}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	-webkit-text-fill-color: #fff !important;
}


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99999;
		width: fit-content;
		/* max-width: 500px; */
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	#popup-wrap img {max-width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}
	#popup-wrap .btn {}

	#divpop,
	#divpop2,
	#divpop3{
		width: 100%;
		max-width: 500px;
		box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
		margin: 1%;
		background: #f1f1f1;
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 30px;
		font-size: 13px;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	#divpop .title,
	#divpop2 .title,
	#divpop3 .title
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		margin: 30px 0 10px;
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
		word-break:break-all;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content:center;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 10px;
		margin-right:3px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}
	#divpop .closePop1 {
		margin-top: 10px;
		margin-left:3px;
		text-align: center;
		border: none;
		background: #aaa;
		color:#fff;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
		cursor:pointer;
	}

	#divpop button.on,
	#divpop2 button.on,
	#divpop3 button.on{
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on,
	#divpop3 .closePop.on{
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .textBox li{
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}

	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			padding: 20px;
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {
			width: 90%;
			top: 5em;
			transform: translateX(-50%);
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}