@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 600;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* common */
html,body,div,p,span,ul,li,ol,input,dl,dt,dd,hr,br,img,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea {margin:0;padding:0;border:none;font-family: "Nanum Gothic", sans-serif;font-size:16px;line-height:130%;color:#282828;letter-spacing:-1px;font-weight:600;}
ul,ol,li {list-style: none ;}
a {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.f_normal {font-weight:normal !important;}
.f_600 {font-weight:600 !important;}
.section {padding:20px 0;}
.txt_s {font-size:11px;}
a {color:#333;}
.color_gray {color:#c1c1c1;}
table {border-collapse: collapse;table-layout:fixed;word-break: break-all;}
fieldset {border:none;}
legend {display:none;}
.height40 {height:40px;}
.bg_none {background-image:none !important;}
.full_img {width:100%;height:auto;}
.inlineB {display:inline-block;}
.displayB {display:block;}
.displayN {display:none;}
.ellipsis {width:200px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.two_ellipsis {display:-webkit-box;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 占쎌뵬占쎌뵥占쎈땾 */ -webkit-box-orient: vertical; word-wrap:break-word; }
.bull_import {color:#e20606;padding-left:3px;}
.txt_import {color:#e20606;}
.link {border-bottom:1px solid #253144;}
.link:hover {border-bottom:1px solid #25c0e1;color:#25c0e1;}
.link2 {border-bottom:1px solid #f7105c;color:#f7105c;font-weight:800;}
.link2:hover {border-bottom:1px solid #e20606;color:#e20606;}

/* mark */
.bull_mark01 {background-color:#db8e3d;color:#fff;padding:5px 10px;font-size:14px;margin-left:10px;}

::-webkit-input-placeholder {color:#b0b0b0;}
::-moz-placeholder {color:#b0b0b0;}
:-ms-input-placeholder {color:#b0b0b0;}
:-moz-placeholder {color:#b0b0b0;}

/* text-align */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

/* vertical-align */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

/* margin */
.mt-45 {margin-top:-45px !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mb10 {margin-bottom:10px !important;}
.mb100 {margin-bottom:100px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pd_top0 {padding-top:0px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pl30 {padding-left:30px !important;}
.pb0 {padding-bottom:0px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pAll30 {padding:30px !important;}
.bull_space {padding:0 5px;}

/* color */
.color01 {color:#333;}
.color02 {color:#df42cf;}
.color03 {color:#424adf;}

.space {display:inline-block;margin:0 10px;}

/* input */
input[type="number"],input[type="text"], input[type="password"] {width:100%;border:1px solid #282828;height: auto;line-height: normal;padding:7px 10px 8px;border-radius:2px;font-size:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input.datepicker {width:135px;padding-right:30px;background:url("../images/bull_select_calendar.png") right top no-repeat;}

table input[type="number"],table input[type="text"], table input[type="password"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;width:100%;border:1px solid #282828;height: auto;line-height: normal;padding:6px 10px 8px;border-radius:2px;vertical-align:middle;
}
table textarea {
	width:100%;
	padding:10px 10px;border:1px solid #282828;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;resize:none;display:block;
}

input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer }
input[type="checkbox"] { background: url("../images/btn_check.png") no-repeat 0 0; }
input[type="checkbox"]:checked { background-position: 0 -20px; }
input[type="checkbox"]:disabled{ background-position: 0 -40px; }
input[type="checkbox"]:disabled:checked { background-position: 0 -60px; }

select {width:100%;padding:6px 5px;border:1px solid #282828;vertical-align:middle;
	-webkit-appearance: none; 
	-moz-appearance: none;    
	appearance: none;
	background: url('../images/bull_select_arrow.png') no-repeat 100% 50%; /* 占쎌넅占쎄땀占쎈ご 占쎈툡占쎌뵠�굜占� �빊遺쏙옙 */
}
select.datepicker {background: url('../images/bull_select_calendar.png') no-repeat 100% 50%; /* 占쎌넅占쎄땀占쎈ご 占쎈툡占쎌뵠�굜占� �빊遺쏙옙 */   }
select::-ms-expand {display: none;}
.select01 {width:150px;}
table select{padding:4px 5px;}
.input_radio {padding:5px;}
.checks.inlineB {display:inline-block;padding:5px 2px;}
.where {display: block;margin: 25px 15px;font-size: 11px;color: #000;text-decoration: none;font-family: verdana;font-style: italic;} 

.checks {position: relative;}
.checks input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.checks input[type="radio"] + label {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: -2px;width: 21px;height: 21px;text-align: center;background: #fafafa;border: 1px solid #a3a3a3;border-radius: 100%;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.checks input[type="radio"]:checked + label:before {background: #E9ECEE;}
.checks input[type="radio"]:checked + label:after {content: '';position: absolute;top: 3px;left: 5px;width: 13px;height: 13px;background: #99a1a7;border-radius: 100%;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}

/* radio size */
.checks.small input[type="radio"] + label {font-size: 15px;padding-left: 25px;}
.checks.small input[type="radio"] + label:before {top: 0px;width: 17px;height: 17px;}
.checks.small input[type="radio"]:checked + label:after {top: 5px;width: 9px;height: 9px;}

/* input file */
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden; }
.filebox label {display:inline-block;padding:5px 25px;color:#fff;background-color:#455161;font-size:14px;cursor:pointer; }
.filebox .upload-name {display:inline-block;padding:4px 10px;background-color:#fff;border:1px solid #282828;margin-right:1px;
-webkit-appearance: none;
-moz-appearance: none; appearance: none;
}

/* paging */
.paging_all {position:relative;margin-top:15px;text-align:center;z-index:2;}
.delete_area {position:absolute;left:0;top:0;font-size:16px;}
.delete_area select {border:1px solid #282828;padding:2px 5px;margin-left:5px;margin-right:5px;vertical-align:middle;}
.delete_area a {position:relative;z-index:15;}
.pagination {display: inline-block;}
.pagination li {color: black;float: left;padding: 8px 10px;}
.pagination li a {font-size:18px;color:#8e8e8e;}
.pagination li a.active,.pagination li a:active {color:#000;font-weight:800;}
.pagination li a:hover {color:#000;font-weight:800;}
.btn,.btn_prev,.btn_next {cursor:pointer;}
.btn_prev:hover,.btn_next:hover {opacity:0.7;}
.btn_prev:active,.btn_next:active {opacity:1;}
.btn {cursor:pointer;}
.btn_next {cursor:pointer;}
.btn_prev {cursor:pointer;}
.btn_edit {color:#1e90ff;cursor:pointer;}
.btn_delete {color:#ff0000;cursor:pointer;}