@font-face {
	font-family: 'Trebuchet MS';
	font-style: normal;
	font-weight: normal;
	src: local('Trebuchet MS'), url('..//font/trebuc.woff') format('woff');
}


@font-face {
	font-family: 'Trebuchet MS Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Trebuchet MS Italic'), url('..//font/Trebuchet-MS-Italic.woff') format('woff');
}

* {margin:0; padding:0; word-break:keep-all;}


.clearfix{*zoom:1}
.clearfix:after{clear:both;display:block;content:'';}

html,body {font-size:16px; overflow-x:hidden; font-family: "Trebuchet MS", "NanumSquare", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}



@media (max-width: 1024px) {
	html, body {font-size:14px;}
}

@media (max-width: 768px) {
	html, body {font-size:13px;}
}

@media (max-width: 540px) {
	html, body {font-size:12px;}
}


a {text-decoration:none; color:inherit;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
img {max-width:100%;}
b {font-weight:800;}

.light{font-weight: 300;}
.bold {font-weight:600;}
.bolder {font-weight:700;}

.dp_ib{display:inline-block;}
.dp_b {display:block;}
.p_r {position:relative;}
.v_m {vertical-align:middle;}

.txtC {text-align:center;}
.txtL {text-align:left;}
.txtR {text-align:right;}

.mo_only1 {display:none;}

.c_blu {color:#0068B7;}
.c_red {color:#e60819;}
.c_blk {color:#222;}
.c_gry {color:#878787;}

.f14{font-size:0.875rem;}
.f15{font-size:0.938rem;}
.f16{font-size:1rem;}
.f18{font-size:1.125rem;}
.f20{font-size:1.250rem;}
.f22{font-size:1.375rem;}
.f24{font-size:1.5rem;}
.f26{font-size:1.625rem;}
.f28{font-size:1.75rem;}
.f30{font-size:1.875rem;}
.f32{font-size:2rem;}
.f34{font-size:2.125rem;}
.f38{font-size:2.375rem;}
.f42{font-size:2.625rem;}
.f44{font-size:2.75rem;}
.f48{font-size:3rem;}
.f54{font-size:3.375rem;}
.f58{font-size:3.625rem;}
.f62{font-size:3.875rem;}
.f72{font-size:4.5rem;}
.f86{font-size:5.375rem;}


.m-12{margin-top: 12px;}
.m-20{margin-top: 20px;}
.m-24{margin-top: 24px;}
.m-28{margin-top: 28px;}
.m-32{margin-top: 32px;}
.m-36{margin-top: 36px;}
.m-42{margin-top: 42px;}
.m-48{margin-top: 48px;}
.m-60{margin-top: 60px;}
.m-72{margin-top: 72px;}
.m-80{margin-top: 80px;}
.m-100{margin-top: 100px;}

.m_12{margin-bottom: 12px;}
.m_20{margin-bottom: 20px;}
.m_24{margin-bottom: 24px;}
.m_28{margin-bottom: 28px;}
.m_32{margin-bottom: 32px;}
.m_36{margin-bottom: 36px;}
.m_42{margin-bottom: 42px;}
.m_48{margin-bottom: 48px;}
.m_60{margin-bottom: 60px;}
.m_72{margin-bottom: 72px;}
.m_80{margin-bottom: 80px;}
.m_100{margin-bottom: 100px;}


.p-12{padding-top: 12px;}
.p-20{padding-top: 20px;}
.p-24{padding-top: 24px;}
.p-28{padding-top: 28px;}
.p-32{padding-top: 32px;}
.p-36{padding-top: 36px;}
.p-42{padding-top: 42px;}
.p-48{padding-top: 48px;}
.p-60{padding-top: 60px;}
.p-72{padding-top: 72px;}
.p-80{padding-top: 80px;}
.p-100{padding-top: 100px;}

.p_12{padding-bottom: 12px;}
.p_20{padding-bottom: 20px;}
.p_24{padding-bottom: 24px;}
.p_28{padding-bottom: 28px;}
.p_32{padding-bottom: 32px;}
.p_36{padding-bottom: 36px;}
.p_42{padding-bottom: 42px;}
.p_48{padding-bottom: 48px;}
.p_60{padding-bottom: 60px;}
.p_72{padding-bottom: 72px;}
.p_80{padding-bottom: 80px;}
.p_100{padding-bottom: 100px;}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E60819;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
  border:1px solid #E60819 !important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #BF0816;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



.btns {display:inline-block; padding:10px 20px; border-radius:4px; font-size:0.875rem;}
.btns.blk {background-color:#333; color:#fff;}
.btns.blk:hover {background-color:#222; transition:.2s;}

.btns.gry {background-color:#777; color:#fff;}
.btns.gry:hover {background-color:#666; transition:.2s;}

.btns.red {background-color:#E60819; color:#fff;}
.btns.red:hover {background-color:#BF0816; transition:.2s;}

.btn.blood {background:#ac0303; color:#fff;}
.btn.blood:hover {background:#740202; transition:.2s;}



.btn.grn, .btn2.grn, .btns.grn {background:#4caf50;color:#fff;}
.btn.grn:hover, .btn2.grn:hover, .btns.grn:hover {background:#3d8c40; transition:.2s; color:#fff;}


.btns.blood {background:#ac0303; color:#fff;}
.btns.blood:hover {background:#740202; transition:.2s;}
.btns.grn{background:#4caf50;color:#fff;}
.btns.grn:hover {background:#3d8c40; transition:.2s; color:#fff;}


.btn.yel, .btn2.yel {background:#ffc000;}
.btn.yel:hover, .btn2.yel:hover {background:#cc9a00; transition:.2s; color:#fff;}


.btn.yel, .btn2.yel {background:#ffc000;}
.btn.yel:hover, .btn2.yel:hover {background:#cc9a00; transition:.2s; color:#fff;}


select, input[type="text"], textarea { font-family: "Trebuchet MS", "NanumSquare", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

select#data01:focus, input[type="text"]:focus, input[type="password"]:focus {
	background-color: #fff;
	outline: 0;
	/*box-shadow: 0 0 0 0.2rem rgba(212, 219, 228, .5);*/
}

input {border-radius:0;}

.board-select {height:32px;border:1px solid #d1d1d1;border-radius:3px;padding:0 2em 0 1em;vertical-align:middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.65rem center/8px 10px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none;}


.page_detail_wrap {width:100% !important;}
.page_detail_wrap * {font-family: "Trebuchet MS", "Pretendard Variable", Pretendard, sans-serif !important;}