@charset "utf-8";
@import "jquery-ui.min.css";
@import "jquery-ui.structure.css";
@import "jquery-ui.theme.css";
@import "jquery.mCustomScrollbar.min.css";
/*
@font-face {
    font-family: "ng";
    src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2") format("woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf") format("truetype");
}
*/

/* normalize */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0;   color:inherit; vertical-align:baseline; }
sup {vertical-align:super;}
sub {vertical-align:sub;}
i {font-style: italic;}
input, select, textarea, button, option {  color:inherit;}
body {  }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display:block;}
ul, ol, li{ list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
table { border-spacing:0; border-collapse:collapse;}
hr { display:none;}
img { border:0 none;}
input, button, select, img { vertical-align:middle;}
button { position:relative; background:none; border:0 none; cursor:pointer;   margin:0; padding:0;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}
a { text-decoration:none; margin:0; padding:0;}
/*a:hover { text-decoration:underline;}*/
* {box-sizing:border-box;/* vertical-align:middle; */}
input[type=submit] { cursor:pointer;}
caption { position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em}
b { font-weight:700;}

/*
a:focus,
button:focus { outline:1px dotted #eee;}
*/

/* common */
.blind { position:absolute; top:-99999px; left:-99999px; z-index:-1000;}
.dpNone { display:none;}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

/* progressBar */
.progressBar { position:relative; margin-top:5px;}
.progressBar { position:relative; height:20px; text-align:center; font-size:11px; color:#fff;  background: #555; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);}
.progressBar i { position:absolute; left:0; right:0; top:0; bottom:0; color:#fff; font-size:11px; text-align:center;   line-height:20px;}
.progressBar.completed { background:#3366ff;}
.progressBar.completed > span { display:none;}
.progressBar > span {
	display: block; height: 100%;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(43,194,83)),
		color-stop(1, rgb(84,240,84))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
	-webkit-box-shadow:
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow:
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow:
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.progressBarWrap .inWrap .progressBar > span:after,
.progressBarWrap .inWrap .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image:
	   -webkit-gradient(linear, 0 0, 100% 100%,
		  color-stop(.25, rgba(255, 255, 255, .2)),
		  color-stop(.25, transparent), color-stop(.5, transparent),
		  color-stop(.5, rgba(255, 255, 255, .2)),
		  color-stop(.75, rgba(255, 255, 255, .2)),
		  color-stop(.75, transparent), to(transparent)
	   );
	background-image:
		-moz-linear-gradient(
		  -45deg,
		  rgba(255, 255, 255, .2) 25%,
		  transparent 25%,
		  transparent 50%,
		  rgba(255, 255, 255, .2) 50%,
		  rgba(255, 255, 255, .2) 75%,
		  transparent 75%,
		  transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	overflow: hidden;
}
.animate > span:after {
	display: none;
}

@-webkit-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}

.orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.loadingWrap { position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; background:rgba(0,0,0,0.85);}
.loadContainer {
	position:absolute; left:50%; top:50%;
	margin-top:-150px;
}
.loadContainer .t { text-align:center; font-size:24px; padding:20px 0 0; color:#fff;}
.loadOuter {

	width: 100px;
	height:100px;
	animation: loading 3s linear infinite;
}
.loadInner {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 10;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  animation: loading-circle 2s linear infinite;
  stroke: #ccc;
  fill: transparent;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-circle {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -600;
  }
}

/* imgF */
.imgF { display:inline-block; position:relative; overflow:hidden; border:1px solid #ccc;}
.imgF .origin { display:none; position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%)}
.imgF .base { opacity:0;}

.imgFit { position:relative; overflow:hidden;}


.alertPop { position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999;}
.alertPop .dimm { position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; background:rgba(0,0,0,0.8); }
.alertPop .inner { position:fixed; z-index:10000000; padding:40px 20px; min-width:350px; left:50%; top:300px; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); border:1px solid #000; border-radius:15px; background:#fff;}
.alertPop .msgWrap { text-align:center; line-height:1.5; font-size:18px; color:#000;}
.alertPop .btns { margin:20px 0 0; text-align:center;}
.alertPop .btns .btnConfirm { display:inline-block; vertical-align:middle; height:40px; padding:0 24px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#3366ff;}
.alertPop .btns .btnCancel { display:inline-block; vertical-align:middle; height:40px; padding:0 24px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#565b5d;}