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

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

@media screen and (max-width: 800px) {
	body {/* background:url(/admin/image/bg_leaf1_m.png) no-repeat right top #f2f2f2; */ /* background-attachment:fixed; background-size:cover; */}
}

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); color:; font-size:13px; border:0; border-radius:3px; vertical-align:top; outline:0;}
input {border:1px solid rgba(255,255,255,0); height:40px;  background:rgba(255,255,255,.1);  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:inherit; 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:inherit; 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:1px dotted;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;}


/* 버튼 */
.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;
}

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }