@charset "UTF-8";

/*loader*/
.loadstate, .loadstate body {overflow:hidden}
.loadstate body > * {visibility:hidden}
.loadstate #qKcclay {visibility:visible;}
.loadstate #qLbar {visibility:visible;}

#qSchllay {
	visibility: hidden;
	width: 100%;
    height: 100%;
    position: fixed;
    z-index: 666999;
    top: 0;
    left: 0;
    background: url(/images/patterns/3-1.png) repeat;
    opacity: 0.3;
	filter: alpha(opacity=30);
}
#qLbar {
	visibility: hidden;
	width: 192px;
	height: 192px;
    position: absolute;
    top: 50%;
    left:50%;
    margin-top: -192px;
    margin-left: -96px;
    background:url(/images/loader/loader05.gif) no-repeat;
    z-index: 667999;
}
#qLAbar {
	visibility: hidden;
	width: 192px;
	height: 192px;
    position: absolute;
    top: 50%;
    left:50%;
    margin-top: -192px;
    margin-left: -96px;
    background:url(/images/loader/loader05.gif) no-repeat;
    z-index: 667999;
}

/*Colors*/
.green {color: #9FC569;}
.red {color: #ED7A53;}
.pink {color: #C6004A;}
.gray {color: #a2aaac;}
.dGray {color: #909393;}
.orange {color: #FF8A00;}
.dark {color: #1F3140;}
.blue {color: #3866B1;}
.white {color: #ffffff;}
.pastel {color: #3a87ad;}
.green	{color: #468847;}
.purple	{color: #52398B;}
.cabet	{color: #008B9D;}
.tomato	{color: #E55D46;}
.lightSteel	{color: #71869D;}

/*position elements*/
.centerPosition {text-align:center; width:100%; display: inline-block;}
	.centerPosition i {float:none; display: inline;}
.leftPosition {text-align:left; width:100%; display: inline-block;}
.rightPosition {text-align:right; width:100%; display: inline-block;}
.middlePosition {position: relative; top: 50%; transform: translateY(-50%);}

/* 공통 스타일 */
.t-l { text-align:left !important; }
.t-c { text-align:center !important; }
.t-r { text-align:right !important; }
.f-l { float:left; }
.f-r { float:right; }
.o-h { overflow:hidden; }
.o-a { overflow:auto; }
.o-x-a { overflow-x:auto; }
.o-y-a { overflow-y:auto; }
.hide { display:none; }
.block { display:block; }
.inblock { display:inline-block; }
.w-10 { width:10px !important; }
.w-15 { width:15px !important; }
.w-20 { width:20px !important; }
.w-25 { width:25px !important; }
.w-30 { width:30px !important; }
.w-35 { width:35px !important; }
.w-40 { width:40px !important; }
.w-45 { width:45px !important; }
.w-50 { width:50px !important; }
.w-55 { width:55px !important; }
.w-60 { width:60px !important; }
.w-65 { width:65px !important; }
.w-70 { width:70px !important; }
.w-75 { width:75px !important; }
.w-80 { width:80px !important; }
.w-82 { width:82px !important; }
.w-85 { width:85px !important; }
.w-90 { width:90px !important; }
.w-95 { width:95px !important; }
.w-100 { width:100px !important; }
.w-110 { width:110px !important; }
.w-115 { width:115px !important; }
.w-120 { width:120px !important; }
.w-130 { width:130px !important; }
.w-132 { width:132px !important; }
.w-140 { width:140px !important; }
.w-145 { width:145px !important; }
.w-150 { width:150px !important; }
.w-152 { width:152px !important; }
.w-157 { width:157px !important; }
.w-160 { width:160px !important; }
.w-170 { width:170px !important; }
.w-173 { width:173px !important; }
.w-180 { width:180px !important; }
.w-185 { width:185px !important; }
.w-200 { width:200px !important; }
.w-202 { width:202px !important; }
.w-210 { width:210px !important; }
.w-220 { width:220px !important; }
.w-235 { width:235px !important; }
.w-237 { width:237px !important; }
.w-240 { width:240px !important; }
.w-250 { width:250px !important; }
.w-255 { width:255px !important; }
.w-260 { width:260px !important; }
.w-265 { width:265px !important; }
.w-270 { width:270px !important; }
.w-280 { width:280px !important; }
.w-300 { width:300px !important; }
.w-310 { width:310px !important; }
.w-320 { width:320px !important; }
.w-340 { width:340px !important; }
.w-350 { width:350px !important; }
.w-400 { width:400px !important; }
.w-407 { width:407px !important; }
.w-410 { width:410px !important; }
.w-420 { width:420px !important; }
.w-440 { width:440px !important; }
.w-450 { width:450px !important; }
.w-470 { width:470px !important; }
.w-500 { width:500px !important; }
.w-530 { width:530px !important; }
.w-540 { width:540px !important; }
.w-550 { width:550px !important; }
.w-575 { width:575px !important; }
.w-580 { width:580px !important; }
.w-585 { width:585px !important; }
.w-590 { width:590px !important; }
.w-600 { width:600px !important; }
.w-615 { width:615px !important; }
.w-635 { width:635px !important; }
.w-650 { width:650px !important; }
.w-700 { width:700px !important; }
.w-750 { width:750px !important; }
.w-800 { width:800px !important; }
.w-850 { width:850px !important; }
.w-900 { width:900px !important; }
.w-930 { width:930px !important; }
.w-980 { width:980px !important; }
.w-1050 { width:1050px !important; }

.w-15p { width:15% !important; }
.w-18p { width:18% !important; }
.w-20p { width:20% !important; }
.w-25p { width:25% !important; }
.w-30p { width:30% !important; }
.w-32p { width:32% !important; }
.w-33p { width:33% !important; }
.w-34p { width:34% !important; }
.w-36p { width:36% !important; }
.w-38p { width:38% !important; }
.w-40p { width:40% !important; }
.w-42p { width:42% !important; }
.w-43p { width:43% !important; }
.w-45p { width:45% !important; }
.w-47p { width:47% !important; }
.w-49p { width:49% !important; }
.w-50p { width:50% !important; }
.w-53p { width:53% !important; }
.w-55p { width:55% !important; }
.w-60p { width:60% !important; }
.w-62p { width:62% !important; }
.w-65p { width:65% !important; }
.w-66p { width:66% !important; }
.w-67p { width:67% !important; }
.w-68p { width:68% !important; }
.w-69p { width:69% !important; }
.w-70p { width:70% !important; }
.w-72p { width:72% !important; }
.w-73p { width:73% !important; }
.w-79p { width:79% !important; }
.w-80p { width:80% !important; }
.w-85p { width:85% !important; }
.w-86p { width:86% !important; }
.w-90p { width:90% !important; }
.w-92p { width:92% !important; }
.w-93p { width:93% !important; }
.w-95p { width:95% !important; }
.w-96p { width:96% !important; }
.w-97p { width:97% !important; }
.w-98p { width:98% !important; }
.w-99p { width:99% !important; }
.w-100p { width:100% !important; }

.h-10 { height:10px !important; }
.h-15 { height:15px !important; }
.h-20 { height:20px !important; }
.h-25 { height:25px !important; }
.h-30 { height:30px !important; }
.h-35 { height:35px !important; }
.h-40 { height:40px !important; }
.h-45 { height:45px !important; }
.h-50 { height:50px !important; }
.h-55 { height:55px !important; }
.h-60 { height:60px !important; }
.h-65 { height:65px !important; }
.h-70 { height:70px !important; }
.h-75 { height:75px !important; }
.h-80 { height:80px !important; }
.h-85 { height:85px !important; }
.h-90 { height:90px !important; }
.h-95 { height:95px !important; }
.h-100 { height:100px !important; }
.h-110 { height:110px !important; }
.h-120 { height:120px !important; }
.h-130 { height:130px !important; }
.h-140 { height:140px !important; }
.h-150 { height:150px !important; }
.h-160 { height:160px !important; }
.h-170 { height:170px !important; }
.h-180 { height:180px !important; }
.h-200 { height:200px !important; }
.h-220 { height:220px !important; }
.h-235 { height:235px !important; }
.h-240 { height:240px !important; }
.h-250 { height:250px !important; }
.h-255 { height:255px !important; }
.h-260 { height:260px !important; }
.h-270 { height:270px !important; }
.h-300 { height:300px !important; }
.h-368 { height:368px !important; }
.h-350 { height:350px !important; }
.h-400 { height:400px !important; }
.h-420 { height:420px !important; }
.h-450 { height:450px !important; }
.h-500 { height:500px !important; }
.h-530 { height:530px !important; }
.h-550 { height:550px !important; }
.h-600 { height:600px !important; }
.h-650 { height:650px !important; }
.h-700 { height:700px !important; }
.h-750 { height:750px !important; }
.h-800 { height:800px !important; }
.h-850 { height:850px !important; }
.h-95p { height:95% !important; }
.h-100p { height:100% !important; }
.m-l-2 { margin-left:2px !important; }
.m-l-5 { margin-left:5px !important; }
.m-l-7 { margin-left:7px !important; }
.m-l-8 { margin-left:8px !important; }
.m-l-10 { margin-left:10px !important; }
.m-l-20 { margin-left:20px !important; }
.m-l-27 { margin-left:27px !important; }
.m-l-30 { margin-left:30px !important; }
.m-l-40 { margin-left:40px !important; }
.m-l-50 { margin-left:50px !important; }
.m-l-60 { margin-left:60px !important; }
.m-l-70 { margin-left:70px !important; }
.m-l-80 { margin-left:80px !important; }
.m-l-90 { margin-left:90px !important; }
.m-l-100 { margin-left:100px !important; }
.m-r-3 { margin-right:3px !important; }
.m-r-4 { margin-right:4px !important; }
.m-r-5 { margin-right:5px !important; }
.m-r-7 { margin-right:7px !important; }
.m-r-12 { margin-right:12px !important; }
.m-r-10 { margin-right:10px !important; }
.m-r-20 { margin-right:20px !important; }
.m-r-25 { margin-right:25px !important; }
.m-r-30 { margin-right:30px !important; }
.m-r-40 { margin-right:40px !important; }
.m-r-50 { margin-right:50px !important; }
.m-r-60 { margin-right:60px !important; }
.m-r-70 { margin-right:70px !important; }
.m-r-80 { margin-right:80px !important; }
.m-r-90 { margin-right:90px !important; }
.m-r-100 { margin-right:100px !important; }
.m-t-3 { margin-top:3px !important; }
.m-t-4 { margin-top:4px !important; }
.m-t-5 { margin-top:5px !important; }
.m-t-6 { margin-top:6px !important; }
.m-t-7 { margin-top:7px !important; }
.m-t-10 { margin-top:10px !important; }
.m-t-15 { margin-top:15px !important; }
.m-t-20 { margin-top:20px !important; }
.m-t-25 { margin-top:25px !important; }
.m-t-30 { margin-top:30px !important; }
.m-t-35 { margin-top:35px !important; }
.m-t-40 { margin-top:40px !important; }
.m-t-45 { margin-top:45px !important; }
.m-t-50 { margin-top:50px !important; }
.m-t-53 { margin-top:53px !important; }
.m-t-55 { margin-top:55px !important; }
.m-t-60 { margin-top:60px !important; }
.m-t-70 { margin-top:70px !important; }
.m-t-80 { margin-top:80px !important; }
.m-t-82 { margin-top:82px !important; }
.m-t-84 { margin-top:84px !important; }
.m-t-90 { margin-top:90px !important; }
.m-t-100 { margin-top:100px !important; }
.m-b-5 { margin-bottom:5px !important; }
.m-b-6 { margin-bottom:6px !important; }
.m-b-7 { margin-bottom:7px !important; }
.m-b-10 { margin-bottom:10px !important; }
.m-b-17 { margin-bottom:17px !important; }
.m-b-18 { margin-bottom:18px !important; }
.m-b-19 { margin-bottom:19px !important; }
.m-b-20 { margin-bottom:20px !important; }
.m-b-30 { margin-bottom:30px !important; }
.m-b-40 { margin-bottom:40px !important; }
.m-b-50 { margin-bottom:50px !important; }
.m-b-60 { margin-bottom:60px !important; }
.m-b-70 { margin-bottom:70px !important; }
.m-b-80 { margin-bottom:80px !important; }
.m-b-90 { margin-bottom:90px !important; }
.m-b-100 { margin-bottom:100px !important; }
.m-b-103 { margin-bottom:103px !important; }
.p-l-0 { padding-left:0px !important; }
.p-l-5 { padding-left:5px !important; }
.p-l-7 { padding-left:7px !important; }
.p-l-10 { padding-left:10px !important; }
.p-l-20 { padding-left:20px !important; }
.p-l-30 { padding-left:30px !important; }
.p-l-40 { padding-left:40px !important; }
.p-l-50 { padding-left:50px !important; }
.p-l-60 { padding-left:60px !important; }
.p-l-70 { padding-left:70px !important; }
.p-l-80 { padding-left:80px !important; }
.p-l-90 { padding-left:90px !important; }
.p-l-100 { padding-left:100px !important; }
.p-l-240 { padding-left:240px !important; }
.p-r-0 { padding-right:0px !important; }
.p-r-5 { padding-right:5px !important; }
.p-r-7 { padding-right:7px !important; }
.p-r-10 { padding-right:10px !important; }
.p-r-20 { padding-right:20px !important; }
.p-r-30 { padding-right:30px !important; }
.p-r-40 { padding-right:40px !important; }
.p-r-50 { padding-right:50px !important; }
.p-r-60 { padding-right:60px !important; }
.p-r-70 { padding-right:70px !important; }
.p-r-80 { padding-right:80px !important; }
.p-r-90 { padding-right:90px !important; }
.p-r-100 { padding-right:100px !important; }
.p-r-170 { padding-right:170px !important; }
.p-r-240 { padding-right:240px !important; }
.p-t-5 { padding-top:5px !important; }
.p-t-10 { padding-top:10px !important; }
.p-t-20 { padding-top:20px !important; }
.p-t-30 { padding-top:30px !important; }
.p-t-40 { padding-top:40px !important; }
.p-t-50 { padding-top:50px !important; }
.p-t-60 { padding-top:60px !important; }
.p-t-70 { padding-top:70px !important; }
.p-t-80 { padding-top:80px !important; }
.p-t-90 { padding-top:90px !important; }
.p-t-100 { padding-top:100px !important; }
.p-b-5 { padding-bottom:5px !important; }
.p-b-10 { padding-bottom:10px !important; }
.p-b-20 { padding-bottom:20px !important; }
.p-b-30 { padding-bottom:30px !important; }
.p-b-40 { padding-bottom:40px !important; }
.p-b-50 { padding-bottom:50px !important; }
.p-b-60 { padding-bottom:60px !important; }
.p-b-70 { padding-bottom:70px !important; }
.p-b-80 { padding-bottom:80px !important; }
.p-b-90 { padding-bottom:90px !important; }
.p-b-100 { padding-bottom:100px !important; }
.c-orange { color:#FF0000 !important; }
.ellipsis { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.readonly { background-color:#e4e4e4; }
.bold { font-weight:bold !important; }
.border-top-0 { border-top-width:0 !important; }
.clear-both { clear:both; }
.selectbox-disabled { background-color:#efefef; color:#666; }
.disable { background-color:#d3d3d3; }



/* Text */
.lo-on1 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:11px;	color:#000000; font-weight:bold;}
.lo-on2 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:12px;	color:#9D080D; font-weight:bold;}
.lo-on3 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:11px;	color:#FF6633; font-weight:bold;}
.lo-on4 { font-family: 'Noto Sans KR', 'Dotum' ,Helvetica,"Apple SD Gothic Neo",sans-serif; 	font-size:13px;	color:#B12B1A; font-weight:bold;}
.lo-on5 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #888888;  border-bottom:B12B1A 1px solid; border-left:B12B1A 1px solid; border-right: B12B1A 1px solid; border-top:B12B1A 1px solid; }
.lo-on6 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #B12B1A;font-weight:bold;}
.lo-on7 { font-family: Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #000000;}
.lo-on8 { color:#C62D46; font-family: Tahoma, Verdana, Arial, Helvetica, geneva,sans-serif;	font-size:8pt;font-weight:bold;}
.lo-on9 { font-family: Malgun Gothic Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #D44944; font-weight:bold;}
.lo-on10 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #888888; }
.lo-on11 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:11px;	color:#FFFFFF; font-weight:bold;}
.lo-on12 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:14px;	color:#312C29; font-weight:bold;}
.lo-on13 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:12px;	color:#A58A5A; font-weight:bold;}
.lo-on14 { font-family: Verdana, Arial, Helvetica, geneva,sans-serif; 	font-size:13px;	color:#dd7974; font-weight:bold;}



/* file Bar */
.alert-file-view {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  background: #f6f6f6;
  border-radius: 0px;
  color: #555;
  border: 1px solid #d7d8d9;
}

.alert-file-upload {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  background: #e1e4ed;
  border-radius: 0px;
  color: #555;
  border: 1px solid #4c4c4c;
}

/*Toast*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  background-position: 15px center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 12px #999999;
  -moz-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#toast-container > :hover {
  -webkit-box-shadow: 0 0 12px #000000;
  -moz-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  cursor: pointer;
}
#toast-container > .toast {
  background-image: none !important;
}
#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-white {
  background-color: #ffffff !important;
}
.toast-snow {
  background-color: #fbfbfb !important;
}
.toast-whitesmoke {
  background-color: #f5f5f5 !important;
}
.toast-seashell {
  background-color: #f3f3f3 !important;
}
.toast-ivory {
  background-color: #eeeeee !important;
}
.toast-platinum {
  background-color: #e5e5e5 !important;
}
.toast-lightgray {
  background-color: #d0d0d0 !important;
}
.toast-gray {
  background-color: #cccccc !important;
}
.toast-darkgray {
  background-color: #999999 !important;
}
.toast-silver {
  background-color: #777777 !important;
}
.toast-sonic-silver {
  background-color: #737373 !important;
}
.toast-storm-cloud {
  background-color: #666666 !important;
}
.toast-lightcarbon {
  background-color: #555555 !important;
}
.toast-carbon {
  background-color: #444444 !important;
}
.toast-slate-gray {
  background-color: #333333 !important;
}
.toast-darkcarbon {
  background-color: #262626 !important;
}
.toast-blue {
  background-color: #5db2ff !important;
}
.toast-info {
  background-color: #57b5e3 !important;
}
.toast-sky {
  background-color: #11a9cc !important;
}
.toast-primary {
  background-color: #4374e0 !important;
}
.toast-blueberry {
  background-color: #6f85bf !important;
}
.toast-palegreen {
  background-color: #a0d468 !important;
}
.toast-success {
  background-color: #53a93f !important;
}
.toast-green {
  background-color: #8cc474 !important;
}
.toast-lightyellow {
  background-color: #f6d52e !important;
}
.toast-yellow {
  background-color: #ffce55 !important;
}
.toast-warning {
  background-color: #f4b400 !important;
}
.toast-gold {
  background-color: #f9b256 !important;
}
.toast-orange {
  background-color: #fb6e52 !important;
}
.toast-lightred {
  background-color: #e46f61 !important;
}
.toast-darkorange {
  background-color: #ed4e2a !important;
}
.toast-red {
  background-color: #df5138 !important;
}
.toast-danger {
  background-color: #d73d32 !important;
}
.toast-pink {
  background-color: #e75b8d !important;
}
.toast-darkpink {
  background-color: #cc324b !important;
}
.toast-magenta {
  background-color: #bc5679 !important;
}
.toast-purple {
  background-color: #7e3794 !important;
}
.toast-maroon {
  background-color: #981b48 !important;
}
/*Responsive Design*/
@media all and (max-width: 239px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 240px) and (max-width: 479px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 480px) and (max-width: 767px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


.depth_wrap {min-width:485px;}
.depth_set {display:inline-block;max-width:160px;position:relative;}
.depth_set input[type=text] {width:100%;padding-right:38px;box-shadow:none;}
.depth_set .btn-date {z-index:1;position:absolute;top:1px;right:1px;border-left:0;border-radius:0 5px 5px 0;text-indent:-9998px;overflow:hidden;background:#fff url(../images/sub/i_calendar.gif) center no-repeat;width:32px;height:32px;}