@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family: 'Nanum Barun Gothic UltraLight', sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	word-break: break-all;
}

body {
	-ms-overflow-y: auto;
	background-color: white;
	line-height: 24px;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; }
img, select, input { vertical-align: middle; border: 0; }

input.input-calendar { height:22px; line-height:22px; text-align: center; }
input.txt { height:20px; line-height:22px; border:solid 1px #cccccc;color:#000000;}
input.login-txt { height:26px; line-height:22px; border:solid 1px #256DA8;color:#000000;}
textarea.txt { line-height:16px; border:solid 1px #cccccc;color:#000000;}
select {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0;
	border:solid 1px #cccccc;
	color:#000000;
}

a:link    { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover   { color: black; text-decoration: none; }
a:active  { color: black; text-decoration: none; }

b { font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }

table.default { table-layout: fixed; }
table caption { display: none; }
table, th, td { margin: 0px; padding: 0px; border-collapse: collapse; }
table td p { padding: 0px; margin: 0px; }

/* font size */
.f10  { font-size: 10px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f11  { font-size: 11px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f12  { font-size: 12px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f14  { font-size: 14px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f16  { font-size: 16px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f18  { font-size: 18px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f20  { font-size: 20px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }
.f24  { font-size: 24px; font-family:'Nanum Barun Gothic UltraLight', sans-serif; }

/* font bold size */
.fb10 { font-size: 10px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb11 { font-size: 11px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb12 { font-size: 12px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb14 { font-size: 14px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb16 { font-size: 16px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb18 { font-size: 18px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb20 { font-size: 20px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }
.fb24 { font-size: 24px; font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; }

/* font align */
.lTxt { vertical-align: middle; text-align: left; }
.cTxt { vertical-align: middle; text-align: center; }
.rTxt { vertical-align: middle; text-align: right; }
.tlTxt { vertical-align: top; text-align: left; }
.tcTxt { vertical-align: top; text-align: center; }
.trTxt { vertical-align: top; text-align: right; }
.blTxt { vertical-align: bottom; text-align: left; }
.bcTxt { vertical-align: bottom; text-align: center; }
.brTxt { vertical-align: bottom; text-align: right; }

/* font color */
.fcgrey { color: grey; }

/* font gap */
.lTxtGap3 { vertical-align: middle; margin: 3px; text-align: left; }
.cTxtGap3 { vertical-align: middle; margin: 3px; text-align: center; }
.rTxtGap3 { vertical-align: middle; margin: 3px; text-align: right; }

.lTxtGap5 { vertical-align: middle; margin: 5px; text-align: left; }
.cTxtGap5 { vertical-align: middle; margin: 5px; text-align: center; }
.rTxtGap5 { vertical-align: middle; margin: 5px; text-align: right; }

.lTxtGap10 { vertical-align: middle; margin: 10px; text-align: left; }
.cTxtGap10 { vertical-align: middle; margin: 10px; text-align: center; }
.rTxtGap10 { vertical-align: middle; margin: 10px; text-align: right; }

.lTxtGap20 { vertical-align: middle; margin: 20px; text-align: left; }
.cTxtGap20 { vertical-align: middle; margin: 20px; text-align: center; }
.rTxtGap20 { vertical-align: middle; margin: 20px; text-align: right; }

/* gap */
.gapH20 { height: 20px; }
.gapH30 { height: 30px; }
.gapH40 { height: 40px; }
.gapH50 { height: 50px; }

.pl5{padding-left:5px !important;}

/* border line */
.linetop    { border-top    : 1px black solid; }
.linebottom { border-bottom : 1px black solid; }
.lineleft   { border-left   : 1px black solid; }
.lineright  { border-right  : 1px black solid; }

/* 모든 브라우저에 배경투명도 적용되게 하기 */
.transparentoid 
{ 
    /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: #FF0000; 
    /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: rgba(255,255,0,0.5); 
    /* IE에서 Filter적용을 위해 배경을 지움 */ 
    background: transparent !ie; 
    /* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 
    zoom:1; 
    /* IE5.5-7 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f990000, endColorstr=#7f990000); 
    /* IE8,9 */ 
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f990000, endColorstr=#7f990000)"; 
}

/* a 링크 점선 없애기 */
.em { outline: none; selector-dummy: expression(this.hideFocus=true); }


/* ie6,7에서 border-radius, css3사용하기 */
.box {
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 
	-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
	-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
	box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
 
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

/* 가운데 정렬 */
.layer-center {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	background-color:#ff00ff;
	margin: -50px 0 0 -50px; /* width와 height의 절반만큼 이동 */
}

.clear { clear: both; margin: 0 auto; }
.fl { float: left; margin: 0 auto; }
.fr { float: right; margin: 0 auto; }

/* Login CSS Style */
table.login-Type { width: 444px; text-align : center; vertical-align: middle; font-size: 12px; }
table.login-Type td.login-Top { width:444px; height:5px; background:url('/admin/images/login/login-top.png') 0px 0px no-repeat; }
table.login-Type td.login-Middle { width:444px; height:1px; background:url('/admin/images/login/login-middle.png') 0px 0px repeat; }
table.login-Type td.login-Bottom { width:444px; height:5px; background:url('/admin/images/login/login-bottom.png') 0px 0px no-repeat; }

table.login-Type { width: 470px; text-align : center; vertical-align: middle; font-size: 12px; }
table.login-Type td.login-Bg { width:470px; height:208px; background:url('/admin/images/login/login-bg.png') 0px 0px repeat; verticel-align:middle }

/* table style start */
table.list.type_01 { width: 100%; table-layout: fixed; text-indent: 0; }
table.list.type_01 th { 
	padding: 4px; 
	font-size: 12px; 
	font-weight: bold;
	font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; 
	text-align: center; 
	vertical-align: middle; 
	border: 1px solid #e3e3e3; 
	border-width: 1px 0 1px 0;
	background-color: #e3e3e3;
	line-height: 24px; 
}

table.list.type_01 td { 
	padding: 4px; 
	font-size: 12px; 
	font-family: 'Nanum Barun Gothic UltraLight', sans-serif; 
	vertical-align: middle;
	border: 1px solid #eeeeee; 
	border-width: 1px 0 1px 0;
	line-height: 24px;
}

table.list.type_01 tbody tr { border: 1px solid #ffffff; }
table.list.type_01 tbody tr:nth-child(odd) { background-color: #f7f7f7; }
table.list.type_01 tbody tr:nth-child(even) { background-color: #ffffff; }
table.list.type_01 tbody tr.active { cursor: pointer; }
table.list.type_01 tbody tr.active:focus, table.list.type_01 tr.active:hover { background: #EDF8FF; }

table.list.type_10 { width: 100%; table-layout: fixed; text-indent: 0; }
table.list.type_10 th { 
	padding: 4px; 
	font-size: 12px; 
	font-weight: bold;
	font-family: 'Nanum Barun Gothic Bold', 'Nanum Barun Gothic UltraLight', sans-serif; 
	text-align: center; 
	vertical-align: middle; 
	border: 1px solid #e3e3e3; 
	border-width: 1px;
	background-color: #f4f4f4; 
	line-height: 24px;
}

table.list.type_10 td { 
	padding: 4px; 
	font-size: 12px; 
	font-family: 'Nanum Barun Gothic UltraLight', sans-serif; 
	vertical-align: middle;
	border: 1px solid #e3e3e3; 
	border-width: 1px;
	background-color: #ffffff;
	line-height: 24px; 
}
/* table style end */


/* button style start */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 버튼 골격 */
.ct-btn {
	display: inline-block;
	margin: 5px 0;
	padding: .5em .75em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-size: 18px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

/* 버튼 고정 사이즈 */
.ct-btn.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 22px;
}

.ct-btn.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 32px;
}

.ct-btn.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}

/* 버튼 스타일 */
.ct-btn.white,
.ct-btn.white:link,
.ct-btn.white:visited {
	color: #666!important;
	border: 1px solid #ebebeb;
	border-bottom-color: #c6c6c6;
	box-shadow: 0 2px 2px rgba(0,0,0,0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );/*IE*/
}

.ct-btn.white:focus,
.ct-btn.white:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.white:active,
.ct-btn.white.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.blue,
.ct-btn.blue:link,
.ct-btn.blue:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #135fa4;
	border-top-color: #2d9acf;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #3aaee7;
	background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/
}

.ct-btn.blue:hover {
	background: #50bae9;
	background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/
}

.ct-btn.blue:active,
.ct-btn.blue.active {
	border-color: #2585d9;
	border-top-color: #0f4678;
	background: #2d90e7;
	box-shadow: none
}

.ct-btn.green,
.ct-btn.green:link,
.ct-btn.green:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #368321;
	border-top-color: #439f2a;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #76ac41;
	background: linear-gradient(to bottom, #76ac41 0%, #489215 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/
}

.ct-btn.green:hover {
	background: #4c9b16;
	background: linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab243', endColorstr='#4c9b16', GradientType=0 );/*IE*/
}

.ct-btn.green:active,
.ct-btn.green.active {
	border-color: #6c9d3c;
	border-top-color: #368321;
	background: #4c9b16;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.yellow,
.ct-btn.yellow:link,
.ct-btn.yellow:visited {
	color: #000!important;
	text-shadow: 0 1px 0 #fcda7c;
	border: 1px solid #dfac23;
	border-bottom: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
	background: #f5a802;
	background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/
}

.ct-btn.yellow:hover {
	background: #ffb618;
	background: linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.yellow:active,
.ct-btn.yellow.active {
	border-color: #efa80d;
	border-top-color: #cf8e00;
	background: #ffb618;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.red,
.ct-btn.red:link,
.ct-btn.red:visited {
	color: #fff!important;
	text-shadow: 0 1px 0 #991e1a;
	border: 1px solid #991e1a;
	border-top: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
	background: #b22520;
	background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/
}

.ct-btn.red:hover {
	background: #ca3631;
	background: linear-gradient(to bottom, #f17771 0%, #ca3631 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.red:active,
.ct-btn.red.active {
	border-color: #a0211d;
	border-top-color: #7f1b17;
	background: #b22520;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.k-plate,
.ct-btn.k-plate:link,
.ct-btn.k-plate:visited {
	color: #666!important;
	border: 1px solid #c3c3c3;
	border-top-color: #d9d9d9;
	border-radius: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 #fff;
	background: #fff;
	background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0 );
}

.ct-btn.k-plate:focus,
.ct-btn.k-plate:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.k-plate:active,
.ct-btn.k-plate.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.soap,
.ct-btn.soap:link,
.ct-btn.soap:visited {
	padding: .45em .75em .75em .75em;
	color:#888!important;
	text-shadow:0 1px 0 #fafafa;
	border-style: solid;
	border-width: 1px;
	border-top-color: #f2f2f2;
	border-left-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #ccc;
	box-shadow:
	0 .2em .3em rgba(0,0,0,.1),
	inset 0 -0.3em 0 #ddd,
	inset 0 -0.33em 0 #f1f1f1;
	background: #e9e9e9;
	background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 80%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e9e9e9);
}

.ct-btn.soap.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 22px;
}

.ct-btn.soap.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 32px;
}

.ct-btn.soap.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 42px;
}

a.btn-sortUp{display:inline-block;width:22px;height:17px;background:url('/admin/images/btn/btn_up.png') 0px 0px no-repeat; cursor: pointer}
a.btn-sortUp span{display:none;}
a.btn-sortDown{display:inline-block;width:22px;height:17px;background:url('/admin/images/btn/btn_down.png') 0px 0px no-repeat; cursor: pointer}
a.btn-sortDown span{display:none;}

/* button style end */