@charset "utf-8";

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 100;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-Thin.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-Thin.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-Thin.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 200;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-Light.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-Light.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-Light.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 300;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-DemiLight.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-DemiLight.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-DemiLight.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-DemiLight.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 400;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-Regular.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-Regular.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-Regular.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 500;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-Medium.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-Medium.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-Medium.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 700;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-Black.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-Black.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-Black.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 900;
  font-style: normal;
  src: url("/_common/font/NotoSansKr/NotoSans-Bold.eot?") format("eot"),
  url("/_common/font/NotoSansKr/NotoSans-Bold.otf") format("opentype"),
  url("/_common/font/NotoSansKr/NotoSans-Bold.woff") format("woff"),
  url("/_common/font/NotoSansKr/NotoSans-Bold.woff2") format("woff2");
}

/* 기본 셋팅 */

input[type="radio"], input[type="checkbox"], select, button { cursor: pointer; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; }

html { overflow-y: scroll; background: #fff; width: 100%; height: 100%; }

body { width: 100%; height: 100%; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }

caption, legend { position: absolute; top: -9999px; left: -9999px; font-size: 0px; line-height: 0; }

a { color: #666; text-decoration: none; }

a:hover { text-decoration: underline; }

a:active { background-color: transparent; }

body, h1, h2, h3, h4, th, td, input, select, textarea, button { font-size: 12pt; line-height: 1.5; font-family: "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif; color: #666; letter-spacing: 0; }

hr { display: none; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

ol, ul, li {list-style:none;}

.hidden {display:none;}

#skip-navigation, .blind, .location dt {position:absolute; clear:none; font-size:0; top:-1000em; _top:-9999px; left:-1000em; _left:-9999px; height:0 !important; margin:0 !important; padding:0 !important; line-height:0 !important; border:none !important;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #3c3c3c; font-weight: 700;  }

h1 { font-size: 2em; }
h2 { font-size: 1.8em}
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

@media screen and (max-width:736px) {
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em}
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 0.875em; }
}

@media screen and (max-width:500px) {
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em}
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }
}


/* Button */
.btn_h4 {-webkit-appearance:none; display:inline-block; text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0; font-size:0.875em; padding:0.65em 1.2em 0.65em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h4:hover {background:#111;}
.btn_h4:active {background:#222;}
.btn_h4.large {font-size:1.2em; padding:0.5em 2em 0.5em 2em;}

.btn_h5 {-webkit-appearance:none; display:inline-block; text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#d52349; color:#fff !important; font-weight:500; outline:0; font-size:0.875em; padding:0.65em 1.2em 0.65em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h5:hover {background:#e53359;}
.btn_h5:active {background:#c51349;}
.btn_h5.alt {background:#252122;}
.btn_h5.alt:hover {background:#353132;}
.btn_h5.alt:active {background:#151112;}
.btn_h5.icon:before {opacity:0.35; position:relative; top:0.05em; margin-right:0.75em;}
.btn_h5.large {font-size:1.2em; padding:0.5em 2em 0.5em 2em;}

 input[type="button"].res, input[type="submit"].res, input[type="reset"].res, button.res {font-size:0.875em; border:0 none !important; background:#111; color:#fff !important; font-weight:500; padding:4px 1em;}
 input[type="button"].res2, input[type="submit"].res2, input[type="reset"].res2, button.res2 {font-size:0.875em; border:0 none !important; border-radius:5px; background:#111; color:#fff !important; font-weight:500; padding:0.65em 3em 0.65em 3em;}



/* 자동 로그아웃 카운트다운용 2020-12-22 23:43:54 */
#j-wrap-drag {position:fixed; bottom:5px; left:5px; width:120px; height:60px; margin:0; padding:0; overflow:hidden; border:2px solid #333; background:#fff;}
#j-wrap-drag.spot {border:2px solid #f00;}

#j-countdown {height:25px; line-height:28px; margin:0; padding:0; font-size:14px; font-weight:bold; text-align:center;}
#j-wrap-drag .j-cd-btn {height:28px; margin:0; padding:0; text-align:center; overflow:hidden;}


.btn-all-red {
	border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color:#ffffff;
	background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.btn-all-red:hover {
	border:1px solid #b30808;
	background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
	background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
	background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}