@charset "utf-8";

@import url(reset.css);
@import url(font.css);

/* body */
* {
	padding:0px; margin:0px; box-sizing:border-box;
}
/* * {
   -ms-user-select:none; -webkit-user-select:none; user-select: none;
 } */
html, body {
	font-family:'Noto Sans KR','Malgun Gothic',Arial,'Dotum',sans-serif; font-size:14px; line-height:1.6em; color:#404040; font-weight:300; background-color:#fff; word-break:break-all; word-wrap:break-word;
}

/* tags */
span {
	vertical-align:middle;
}
table {
	table-layout:fixed;	border-collapse:collapse; border-spacing:0; background-color:#fff;
}
th, td {
	background-clip:padding-box;
}

/* form elements */
input[type='button'], input[type='submit'], input[type='reset'], button {
	font-family:inherit; cursor:pointer;
}
input, label, button {
	vertical-align:middle; outline:none;
}
input[type='text'], input[type='password'] {
	font-family:inherit;
}
input[type='checkbox'], input[type='radio'] {
	vertical-align:middle;
}
input[readonly] {
	background-color:#f8f8f8 !important;
}
input[disabled] {
	background-color:#eee !important;
}
label {
	cursor:default;
}
select {
    font-family:inherit; padding-right:0px !important; vertical-align:middle;
}
textarea {
    font-family:inherit; resize:none;
}
/* input[type='text']::-ms-clear, input[type='password']::-ms-reveal {
	display:block; color:#0082dd; transform:scale(0.4);
} */
input[type='text']::-ms-clear, input[type='password']::-ms-reveal {
	display:none;
}
input[type="password"] {
    font-family:caption !important;
} 
::-webkit-input-placeholder {
	color:#aaa !important;
}
::-moz-placeholder {
	color:#aaa !important;
}
:-ms-input-placeholder {
	color:#aaa !important;
}
input[type="password"]::-webkit-input-placeholder {
	font-family:'Noto Sans KR','Malgun Gothic',Arial,'Dotum',sans-serif !important;
}
input[type="password"]::-moz-placeholder {
	font-family:'Noto Sans KR','Malgun Gothic',Arial,'Dotum',sans-serif !important;
}
input[type="password"]:-ms-input-placeholder {
	font-family:'Noto Sans KR','Malgun Gothic',Arial,'Dotum',sans-serif !important;
}

/* float */
.cu-fl-l {
	float:left !important;
}
.cu-fl-r {
	float:right !important;
}
.cu-fl-n {
	float:none !important;
}

/* clear */
.cu-cl-b {
	clear:both !important;
}
.cu-cl-b-a::after {
	content:""; display:table; clear:both;
}

/* text-align */
.cu-ta-l {
	text-align:left !important;
}
.cu-ta-c {
	text-align:center !important;
}
.cu-ta-r {
	text-align:right !important;
}
.cu-ta-j {
	text-align:justify !important;
}
.cu-va-t {
	vertical-align:top !important;
}
.cu-va-m {
	vertical-align:middle !important;
}
.cu-va-b {
	vertical-align:bottom !important;
}
.cu-va-bl {
	vertical-align:baseline !important;
}

/* font style */
.cu-ff-i {
	font-family:inherit !important;
}
.cu-fz-0 {
	font-size:0px !important;
}
.cu-fz-i {
	font-size:initial !important;
}
.cu-fz-smaller {
	font-size:smaller !important;
}
.cu-fz-larger {
	font-size:larger !important;
}
.cu-fw-n {
	font-weight:normal !important;
}
.cu-fw-b {
	font-weight:bold !important;
}
.cu-fs-i {
	font-style:italic !important;
}
.cu-td-u {
	text-decoration:underline !important;
}
.cu-td-lt {
	text-decoration:line-through !important;
}
.cu-tt-u {
	text-transform:uppercase !important;
}
.cu-tt-l {
	text-transform:lowercase !important;
}
.cu-tof-e {
	text-overflow:ellipsis !important;
}
.cu-ws-normal {
	white-space:normal !important;
}
.cu-ws-nowrap {
	white-space:nowrap !important;	
}
.cu-text-ellipsis {
	overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;
}

/* display / position */
.cu-hidden {
	display:none !important;
}
.cu-dp-n {
	display:none !important;
}
.cu-dp-b {
	display:block !important;
}
.cu-dp-i {
	display:inline !important;
}
.cu-dp-ib {
	display:inline-block !important;
}
.cu-dp-fx {
	display:flex !important;
}
.cu-dp-tb {
    display:table !important;   
}
.cu-dp-tbr {
    display:table-row !important;  
}
.cu-dp-tbc {
    display:table-cell !important;   
}
.cu-pos-rel {
	position:relative !important;
}
.cu-pos-abs {
	position:absolute !important;
}
.cu-pos-fix {
	position:fixed !important;
}
.cu-abs-0px { 
	position:absolute !important; top:0px !important; bottom:0px !important; left:0px !important; right:0px !important; margin:auto !important;
}
.cu-t-0 {
	top:0px !important;
}
.cu-b-0 {
	bottom:0px !important;
}
.cu-l-0 {
	left:0px !important;
}
.cu-r-0 {
	right:0px !important;
}

/* box sizing */
.cu-bs-bb {
	-webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important;
}

/* overflow */
.cu-of-a {
	overflow:auto !important;
}
.cu-of-h {
	overflow:hidden !important;
}
.cu-of-s {
	overflow:scroll !important;
}
.cu-of-x-a {
	overflow-x:auto !important;
}
.cu-of-x-h {
	overflow-x:hidden !important;
}
.cu-of-x-s {
	overflow-x:scroll !important;
}
.cu-of-y-a {
	overflow-y:auto !important;
}
.cu-of-y-h {
	overflow-y:hidden !important;
}
.cu-of-y-s {
	overflow-y:scroll !important;
}

/* align content (display : flex) */
.cu-ac-st {
	align-content:stretch !important;
}
.cu-ac-c {
	align-content:center !important;
}
.cu-ac-fs {
	align-content:flex-start !important;
}
.cu-ac-fe {
	align-content:flex-end !important;
}
.cu-ac-sb {
	align-content:space-between !important;
}
.cu-ac-sa {
	align-content:space-around !important;
}

/* align items (display : flex) */
.cu-ai-st {
	align-items:stretch !important;
}
.cu-ai-c {
	align-items:center !important;
}
.cu-ai-fs {
	align-items:flex-start !important;
}
.cu-ai-fe {
	align-items:flex-end !important;
}
.cu-ai-b {
	align-items:baseline !important;
}

/* justify content (display : flex) */
.cu-jc-fs {
	justify-content:flex-start !important;
}
.cu-jc-fe {
	justify-content:flex-end !important;
}
.cu-jc-c {
	justify-content:center !important;
}
.cu-jc-sb {
	justify-content:space-between !important;
}
.cu-jc-sa {
	justify-content:space-around !important;
}

/* flex */
.cu-flex {
	flex:1 !important;
}

/* flex direction (display : flex) */
.cu-fd-row {
	flex-direction:row !important;
}
.cu-fd-row-reverse {
	flex-direction:row-reverse !important;
}
.cu-fd-col {
	flex-direction:column !important;
}
.cu-fd-row {
	flex-direction:column-reverse !important;
}

/* flex wrap (display : flex) */
.cu-fw-nw {
	flex-wrap:nowrap !important;
}
.cu-fw-w {
	flex-wrap:wrap !important;
}
.cu-fw-wr {
	flex-wrap:wrap-reverse !important;
}
.cu-fd-row {
	flex-direction:column-reverse !important;
}

/* link */
a {
	color:#2a99e7; cursor:pointer;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
}

/* cursor */
.cu-cursor-pointer:hover {
	cursor:pointer !important;
}
.cu-cursor-default:hover {
	cursor:default !important;
}
.cu-cursor-notallowed:hover {
	cursor:not-allowed !important;
}
.cu-pointer-events-none {
	pointer-events:none !important;
}

/* margin / padding */
.cu-mar-a {
	margin:auto !important;
}
.cu-mar-0 {
	margin:0px !important;	
}
.cu-mar-1 {
	margin:1px !important;	
}
.cu-mar-2 {
	margin:2px !important;	
}
.cu-mar-3 {
	margin:3px !important;	
}
.cu-mar-4 {
	margin:4px !important;	
}
.cu-mar-5 {
	margin:5px !important;	
}
.cu-mar-10 {
	margin:10px !important;	
}
.cu-mar-15 {
	margin:15px !important;	
}
.cu-mar-20 {
	margin:20px !important;	
}
.cu-mar-30 {
	margin:30px !important;	
}
.cu-mar-40 {
	margin:40px !important;	
}
.cu-mar-50 {
	margin:50px !important;	
}
.cu-mar-t-0 {
	margin-top:0px !important;
}
.cu-mar-t-5 {
	margin-top:5px !important;
}
.cu-mar-t-10 {
	margin-top:10px !important;
}
.cu-mar-t-15 {
	margin-top:15px !important;
}
.cu-mar-t-20 {
	margin-top:20px !important;
}
.cu-mar-t-30 {
	margin-top:30px !important;
}
.cu-mar-t-40 {
	margin-top:40px !important;
}
.cu-mar-t-50 {
	margin-top:50px !important;
}
.cu-mar-b-0 {
	margin-bottom:0px !important;
}
.cu-mar-b-5 {
	margin-bottom:5px !important;
}
.cu-mar-b-10 {
	margin-bottom:10px !important;
}
.cu-mar-b-15 {
	margin-bottom:15px !important;
}
.cu-mar-b-20 {
	margin-bottom:20px !important;
}
.cu-mar-b-30 {
	margin-bottom:30px !important;
}
.cu-mar-b-40 {
	margin-bottom:40px !important;
}
.cu-mar-b-50 {
	margin-bottom:50px !important;
}
.cu-mar-l-0 {
	margin-left:0px !important;	
}
.cu-mar-l-5 {
	margin-left:5px !important;	
}
.cu-mar-l-10 {
	margin-left:10px !important;	
}
.cu-mar-l-15 {
	margin-left:15px !important;	
}
.cu-mar-l-20 {
	margin-left:20px !important;	
}
.cu-mar-l-30 {
	margin-left:30px !important;	
}
.cu-mar-l-40 {
	margin-left:40px !important;	
}
.cu-mar-l-50 {
	margin-left:50px !important;	
}
.cu-mar-r-0 {
	margin-right:0px !important;	
}
.cu-mar-r-5 {
	margin-right:5px !important;	
}
.cu-mar-r-10 {
	margin-right:10px !important;	
}
.cu-mar-r-15 {
	margin-right:15px !important;	
}
.cu-mar-r-20 {
	margin-right:20px !important;	
}
.cu-mar-r-30 {
	margin-right:30px !important;	
}
.cu-mar-r-40 {
	margin-right:40px !important;	
}
.cu-mar-r-50 {
	margin-right:50px !important;	
}

.cu-padd-0 {
	padding:0px !important;
}
.cu-padd-5 {
	padding:5px !important;
}
.cu-padd-10 {
	padding:10px !important;
}
.cu-padd-15 {
	padding:15px !important;
}
.cu-padd-20 {
	padding:20px !important;
}
.cu-padd-30 {
	padding:30px !important;
}
.cu-padd-40 {
	padding:40px !important;
}
.cu-padd-50 {
	padding:50px !important;
}
.cu-padd-t-0 {
	padding-top:0px !important;
}
.cu-padd-t-5 {
	padding-top:5px !important;
}
.cu-padd-t-10 {
	padding-top:10px !important;
}
.cu-padd-t-15 {
	padding-top:15px !important;
}
.cu-padd-t-20 {
	padding-top:20px !important;
}
.cu-padd-t-30 {
	padding-top:30px !important;
}
.cu-padd-t-40 {
	padding-top:40px !important;
}
.cu-padd-t-50 {
	padding-top:50px !important;
}
.cu-padd-b-0 {
	padding-bottom:0px !important;
}
.cu-padd-b-5 {
	padding-bottom:5px !important;
}
.cu-padd-b-10 {
	padding-bottom:10px !important;
}
.cu-padd-b-15 {
	padding-bottom:15px !important;
}
.cu-padd-b-20 {
	padding-bottom:20px !important;
}
.cu-padd-b-30 {
	padding-bottom:30px !important;
}
.cu-padd-b-40 {
	padding-bottom:40px !important;
}
.cu-padd-b-50 {
	padding-bottom:50px !important;
}
.cu-padd-l-0 {
	padding-left:0px !important;
}
.cu-padd-l-5 {
	padding-left:5px !important;
}
.cu-padd-l-10 {
	padding-left:10px !important;
}
.cu-padd-l-15 {
	padding-left:15px !important;
}
.cu-padd-l-20 {
	padding-left:20px !important;
}
.cu-padd-l-30 {
	padding-left:30px !important;
}
.cu-padd-l-40 {
	padding-left:40px !important;
}
.cu-padd-l-50 {
	padding-left:50px !important;
}
.cu-padd-r-0 {
	padding-right:0px !important;
}
.cu-padd-r-5 {
	padding-right:5px !important;
}
.cu-padd-r-10 {
	padding-right:10px !important;
}
.cu-padd-r-15 {
	padding-right:15px !important;
}
.cu-padd-r-20 {
	padding-right:20px !important;
}
.cu-padd-r-30 {
	padding-right:30px !important;
}
.cu-padd-r-40 {
	padding-right:40px !important;
}
.cu-padd-r-50 {
	padding-right:50px !important;
}

/* border */
.cu-bd-n {
	border:none !important;
}
.cu-bd-n-t {
	border-top:none !important;
}
.cu-bd-n-b {
	border-bottom:none !important;
}
.cu-bd-n-l {
	border-left:none !important;
}
.cu-bd-n-r {
	border-right:none !important;
}

/* border radius */
.cu-bd-r-0 {
	border-radius:0px !important;
}
.cu-bd-r-50per {
	border-radius:50% !important;
}

/* width - height */
.cu-w-0 {
	width:0px !important;
}
.cu-w-1 {
	width:1px !important;
}
.cu-w-10 {
	width:10px !important;
}
.cu-w-20 {
	width:20px !important;
}
.cu-w-30 {
	width:30px !important;
}
.cu-w-40 {
	width:40px !important;
}
.cu-w-50 {
	width:50px !important;
}
.cu-w-60 {
	width:60px !important;
}
.cu-w-70 {
	width:70px !important;
}
.cu-w-80 {
	width:80px !important;
}
.cu-w-90 {
	width:90px !important;
}
.cu-w-100 {
	width:100px !important;
}
.cu-w-110 {
	width:110px !important;
}
.cu-w-120 {
	width:120px !important;
}
.cu-w-130 {
	width:130px !important;
}
.cu-w-140 {
	width:140px !important;
}
.cu-w-150 {
	width:150px !important;
}
.cu-w-160 {
	width:160px !important;
}
.cu-w-170 {
	width:170px !important;
}
.cu-w-180 {
	width:180px !important;
}
.cu-w-190 {
	width:190px !important;
}
.cu-w-200 {
	width:200px !important;
}
.cu-w-250 {
	width:250px !important;
}
.cu-w-300 {
	width:300px !important;
}
.cu-w-350 {
	width:350px !important;
}
.cu-w-400 {
	width:400px !important;
}
.cu-w-450 {
	width:450px !important;
}
.cu-w-500 {
	width:500px !important;
}

.cu-w-5per {
	width:5% !important;
}
.cu-w-10per {
	width:10% !important;
}
.cu-w-12-5per {
	width:12.5% !important;
}
.cu-w-15per {
	width:15% !important;
}
.cu-w-16-6per {
	width:16.66% !important;
}
.cu-w-20per {
	width:20% !important;
}
.cu-w-25per {
	width:25% !important;
}
.cu-w-30per {
	width:30% !important;
}
.cu-w-33per {
	width:33% !important;
}
.cu-w-34per {
	width:34% !important;
}
.cu-w-35per {
	width:35% !important;
}
.cu-w-40per {
	width:40% !important;
}
.cu-w-45per {
	width:45% !important;
}
.cu-w-50per {
	width:50% !important;
}
.cu-w-55per {
	width:50% !important;
}
.cu-w-60per {
	width:60% !important;
}
.cu-w-65per {
	width:65% !important;
}
.cu-w-66per {
	width:66% !important;
}
.cu-w-70per {
	width:70% !important;
}
.cu-w-75per {
	width:75% !important;
}
.cu-w-80per {
	width:80% !important;
}
.cu-w-85per {
	width:85% !important;
}
.cu-w-90per {
	width:90% !important;
}
.cu-w-95per {
	width:95% !important;
}
.cu-w-100per {
	width:100% !important;
}
.cu-w-auto {
	width:auto !important;
}

.cu-h-0 {
	height:0px !important;
}
.cu-h-1 {
	height:1px !important;
}
.cu-h-50per {
	height:50% !important;
}
.cu-h-100per {
	height:100% !important;
}
.cu-h-auto {
	height:auto !important;
}

.cu-w-vw-50 {
    width:50vw !important;
}
.cu-w-vw-100 {
    width:100vw !important;
}
.cu-w-vh-50 {
    height:50vh !important;
}
.cu-w-vh-100 {
    height:100vh !important;
}

/* grid system */
.cu-grid {
	display:flex; position:relative; align-items:stretch;
}
.cu-grid::after {
	content:""; display:table; clear:both;
}
.cu-grid > .cu-col {
	float:left;
}
.cu-col {
	position:relative; padding:0px 10px;
}
.cu-col:first-child {
	padding-left:0px;
}
.cu-col:last-child {
	padding-right:0px;
}
.cu-col::after {
	content:""; display:table; clear:both;
}
.cu-grid-2 > .cu-col {
    width:50%;   
}
.cu-gird-3 > .cu-col {
    width:33.33333333%;   
}
.cu-grid-4 > .cu-col {
    width:25%;   
}
.cu-grid-5 > .cu-col {
    width:20%;   
}
.cu-grid-6 > .cu-col {
    width:16.666%;   
}
.cu-grid-8 > .cu-col {
    width:12.5%;   
}
.cu-grid-10 > .cu-col {
    width:10%;   
}
.cu-grid > .cu-col-1 {
    width:10%;   
}
.cu-grid > .cu-col-2 {
    width:20%;   
}
.cu-grid > .cu-col-3 {
    width:30%;   
}
.cu-grid > .cu-col-4 {
    width:40%;   
}
.cu-grid > .cu-col-5 {
    width:50%;   
}
.cu-grid > .cu-col-6 {
    width:60%;   
}
.cu-grid > .cu-col-7 {
    width:70%;   
}
.cu-grid > .cu-col-8 {
    width:80%;   
}
.cu-grid > .cu-col-9 {
    width:90%;   
}

/* list */
.cu-ls-n {
	list-style:none inside; margin:0px; padding:0px;
}

/* disabled */
.cu-disabled {
	cursor:default !important; pointer-events:none !important; opacity:0.3 !important;
}

/* customize style ------------------------------------------------------------------------------------------------ */

/* common */
h3.cu-tit {
    font-size:26px; line-height:1.5em; color:#333; font-weight:400;
}
h4.cu-tit {
    font-size:20px; line-height:1.5em; color:#333; font-weight:400;
}
h5.cu-tit {
    font-size:16px; line-height:1.5em; color:#333; font-weight:400;
}
h6.cu-tit {
    font-size:14px; line-height:1.5em; color:#333; font-weight:400;
}

.cu-transition {
	-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
}
.cu-radius {
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.cu-bg-w {
	background-color:#fff !important;
}
.cu-em-color {
	color:#eb3700;
}
table a {
	color:#2a99e7; transition:all 0.3s ease-in-out;
}
table a:hover {
	color:#0082dd;
}

.cu-row {
	position:relative; width:100%; margin-bottom:20px;
}
.cu-row-flex {
	display:flex; position:relative; width:100%; flex-wrap:wrap; align-items:stretch; margin-bottom:20px;
}
.cu-row::after {
	content:""; display:table; clear:both;
}
.cu-row:last-child {
	margin-bottom:0px;
}

pre {
	position:relative; border:1px solid #eee; border-radius:5px; overflow:hidden;
}
pre code {
	font-family:'consolas',sans-serif; font-size:12px; line-height:1.5em; padding:20px !important; overflow-y:auto;
}

/* form element */
.cu-form-input {
	position:relative; font-family:inherit; height:28px; font-size:13px; line-height:1em; color:#333; padding:0px 6px; border:1px solid #ccc; border-radius:3px;
}
/* .cu-form-input:hover {
	border-color:#aaa;
} */
.cu-form-input:focus {
	border-color:#2fa2f2; outline:none;
}
.cu-input-xs {

}
.cu-input-sm {

}
.cu-input-md {
	height:28px; font-size:13px; line-height:1.5em; padding:0px 6px;
}
.cu-input-lg {
	height:34px; font-size:14px; line-height:1.4em; padding:0px 8px;
}
.cu-input-xl {
	height:42px; font-size:16px; line-height:1.4em; padding:0px 10px;
}
select.cu-form-input {
	-webkit-appearance:none; appearance:none;
}
select.cu-form-input::-ms-expand { 
	display:none; 
}
select.cu-form-input {
	padding-right:20px !important; background:url("../images/icon-select-arrow.png") 100% 50% no-repeat;
}
select.cu-form-input optgroup.cu-depth1 {
	color:#fff; background:#6f8ead;
}
select.cu-form-input optgroup.cu-depth2 {
	padding-left:10px;
}
.cu-form-textarea {
	position:relative; font-family:inherit; font-size:13px; line-height:1.5em; color:#333; padding:15px ; border:1px solid #ccc; border-radius:3px; overflow-y:scroll;
}
.cu-input-calendar {
	display:inline-block; position:relative;
}
.cu-input-calendar input {
	width:120px; padding-right:26px; background-color:#fff !important;
}
.cu-input-calendar .cu-icon-calendar {
	position:absolute; width:18px; height:18px; top:50%; right:5px; background:url("../images/icon-input-calendar-n.png") 50% 50% no-repeat; transform:translateY(-50%); cursor:pointer;
}
.cu-input-calendar .cu-icon-calendar:hover {
	background:url("../images/icon-input-calendar-o.png") 50% 50% no-repeat;
}

/* button */
.cu-btns {
	position:relative; width:100%; clear:both;
}
.cu-btns::after {
	content:""; display:table; clear:both;
}
.cu-btns .cu-btn {
	float:left; margin:0px 3px;
}
.cu-btns .cu-btn:first-child {
	margin-left:0px;
}
.cu-btns .cu-btn:last-child {
	margin-right:0px;
}

.cu-btn {
	display:inline-block; font-family:inherit; font-size:12px; line-height:1.4em; color:#333; font-weight:400; text-align:center; padding:6px 12px; margin:0px; border:1px solid #ccc; background-color:#eee; border-radius:3px; white-space:nowrap; vertical-align:middle; cursor:pointer; overflow:hidden; transition:all 0.3s ease-in-out;
}
.cu-btn-bg {
    color:#fff; border:none; background-color:#777;
}
.cu-btn-bg:hover {
   background-color:#555;
}
.cu-btn-bg.cu-btn-default {
    background-color:#656d74;
}
.cu-btn-bg.cu-btn-default:hover {
    background-color:#3c4146;
}
.cu-btn-bg.cu-btn-primary {
    background-color:#2a99e7;
}
.cu-btn-bg.cu-btn-primary:hover {
    background-color:#0082dd;
}
.cu-btn-bg.cu-btn-secondary {
    background-color:#3c4146;
}
.cu-btn-bg.cu-btn-secondary:hover {
    background-color:#24292e;
}
.cu-btn-bg.cu-btn-warning {
    background-color:#f3a010;
}
.cu-btn-bg.cu-btn-warning:hover {
    background-color:#d68800;
}
.cu-btn-bg.cu-btn-danger {
    background-color:#e96154;
}
.cu-btn-bg.cu-btn-danger:hover {
    background-color:#e74334;
}
.cu-btn-bd {
    color:#555; border-color:#ccc; background-color: #fff;
}
.cu-btn-bd:hover {
    color:#333; border-color:#b0b0b0; background-color: #fff;
}
.cu-btn-bd.cu-btn-default {
    color:#555; border-color:#aaa; background-color: #f8f8f8;
}
.cu-btn-bd.cu-btn-default:hover {
    color:#222; border-color:#777; background-color: #f0f0f0;
}
.cu-btn-bd.cu-btn-primary {
    color:#2a99e7; border-color:#2a99e7; background-color: #f2faff;
}
.cu-btn-bd.cu-btn-primary:hover {
    color:#0082dd; border-color:#0082dd; background-color: #e5f4ff;
}
.cu-btn-bd.cu-btn-secondary {
    color:#3c4146; border-color:#656d74; background-color: #f3f6f8;
}
.cu-btn-bd.cu-btn-secondary:hover {
    color:#24292e; border-color:#3c4146; background-color: #e8ecf0;
}
.cu-btn-bd.cu-btn-danger {
    color:#e96154; border-color:#e96154; background-color: #fef9f8;
}
.cu-btn-bd.cu-btn-danger:hover {
    color:#e74334; border-color:#e74334; background-color: #feefee;
}

.cu-btn.cu-inner-icon::before {
	content:""; display:inline-block; width:16px; height:16px; margin-right:4px; vertical-align:middle;
}
.cu-btn-bd.cu-inner-icon.cu-icon-list::before {
	background:url("../images/btn-icon-list-n.png") 50% 50% no-repeat;
}
.cu-btn-bd:hover.cu-inner-icon.cu-icon-list::before {
	background:url("../images/btn-icon-list-o.png") 50% 50% no-repeat;
}

.cu-btn-s-xs {

}
.cu-btn-s-sm {
	height:24px; font-size:11px; line-height:1.4em; padding:0px 8px;
}
.cu-btn-s-md {
	height:28px; font-size:12px; line-height:1.4em; padding:0px 12px;
}
.cu-btn-s-lg {
	height:34px; font-size:14px; line-height:1.4em; padding:0px 15px;
}
.cu-btn-s-xl {
	height:42px; font-size:16px; line-height:1.4em; padding:0px 20px;
}
.cu-btn-block {
	display:block; width:100%;
}

/* collapsible list */
.cu-section-board {
    position:relative;
}
.cu-section-board .cu-board-search {
    position:relative; text-align:center; padding-bottom:25px;
}
.cu-section-board .cu-board-search .cu-title {
    font-size:13px; line-height:1.5em; color:#505050; font-weight:300; padding-right:10px;
}
.cu-section-board .cu-board-search .cu-form-input {
    width:200px;
}
.cu-section-board .cu-board-list {
    position:relative;
}
.cu-section-board .cu-board-list .cu-list-header {
    position:relative; padding-bottom:8px;
}
.cu-section-board .cu-board-list .cu-list-header .cu-countText {
    font-size:13px; line-height:1.5em; color:#404040; font-weight:300;
}
.cu-section-board .cu-board-list .cu-list-header .cu-countText em {
    color:#0082dd; font-weight:500; vertical-align:baseline;
}
.cu-collapsibleList {
	position:relative; list-style:none;
}
.cu-collapsibleList .cu-item {
	position:relative; margin-top:6px; border:1px solid #e4e4e4; border-bottom-color:#ccc; border-radius:4px; overflow:hidden; transition:all 0.3s ease-in-out;
}
.cu-collapsibleList .cu-item:first-child {
	margin-top:0px;
}
.cu-collapsibleList .cu-item:hover {
	border-color:#6f8ead;
}
.cu-collapsibleList .cu-item.cu-open {
	border-color:#6f8ead;
}
.cu-collapsibleList .cu-item .cu-header {
	display:table; position:relative; width:100%; height:48px; align-items:center; background-color:#fff; cursor:pointer; 
}
.cu-collapsibleList .cu-item.cu-open .cu-header {
	height:49px; background-color:#e2f1fb; border-bottom:1px dashed #6f8ead;
}
.cu-collapsibleList .cu-item .cu-header .cu-num {
	display:table-cell; position:relative; width:70px; height:100%; font-size:13px; line-height:1.5em; color:#505050; font-weight:300; text-align:center; vertical-align:middle;
}
.cu-collapsibleList .cu-item .cu-header .cu-status {
	display:table-cell; position:relative; width:80px; height:100%; font-size:13px; line-height:1.5em; color:#6f8ead; font-weight:300; text-align:center; vertical-align:middle;
}
.cu-collapsibleList .cu-item .cu-header .cu-status.cu-reply {
	color:#e36209;
}
.cu-collapsibleList .cu-item .cu-header .cu-titText {
	display:table-cell; position:relative; width:auto; height:100%; font-size:14px; line-height:1.5em; color:#555; font-weight:400; padding:5px 10px; text-align:left; vertical-align:middle;
}
.cu-collapsibleList .cu-item .cu-header .cu-id {
	display:table-cell; position:relative; width:100px; height:100%; font-size:13px; line-height:1.5em; color:#505050; font-weight:300; text-align:left; vertical-align:middle; padding-right:10px;
}
.cu-collapsibleList .cu-item .cu-header .cu-id span {
	display:block; width:100px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.cu-collapsibleList .cu-item .cu-header .cu-date {
	display:table-cell; position:relative; width:80px; height:100%; font-size:13px; line-height:1.5em; color:#505050; font-weight:300; text-align:left; vertical-align:middle;
}
.cu-collapsibleList .cu-item .cu-header .cu-date.cu-time {
	width:120px;
}
.cu-collapsibleList .cu-item .cu-header .cu-dpIcon {
	display:table-cell; position:relative; width:50px; height:100%; text-align:center; vertical-align:middle;
}
.cu-collapsibleList .cu-item .cu-header .cu-dpIcon .cu-icon {
	display:inline-block; position:relative; width:10px; height:10px; margin-top:-2px;
}
.cu-collapsibleList .cu-item .cu-header .cu-dpIcon .cu-icon::before {
	content:""; display:block; position:absolute; width:100%; height:2px; top:4px; left:0px; background-color:#aaa;
}
.cu-collapsibleList .cu-item.cu-open .cu-header .cu-dpIcon .cu-icon::before {
	background-color:#6f8ead;
}
.cu-collapsibleList .cu-item .cu-header .cu-dpIcon .cu-icon::after {
	content:""; display:block; position:absolute; width:2px; height:100%; top:0px; left:4px; background-color:#aaa;
}
.cu-collapsibleList .cu-item.cu-open .cu-header .cu-dpIcon .cu-icon::after {
	content:""; display:none;
}
.cu-collapsibleList .cu-item .cu-content {
	display:none; position:relative; font-size:13px; line-height:1.5em; color:#333; font-weight:300; padding:20px 30px;
}
.cu-collapsibleList .cu-item.cu-open .cu-content {
	display:block;
}
.cu-collapsibleList .cu-item .cu-content .cu-context {
	position:relative;
}
.cu-collapsibleList .cu-item .cu-content .cu-addFile {
	position:relative; list-style:none; margin-top:25px; border-top:1px dashed #aaa;
}
.cu-collapsibleList .cu-item .cu-content .cu-addFile .cu-fitem {
	display:table; position:relative; width:100%; border-bottom:1px solid #eee;
}
.cu-collapsibleList .cu-item .cu-content .cu-addFile .cu-fitem span {
	display:table-cell; padding:8px 0px; vertical-align:middle;
}
.cu-collapsibleList .cu-item .cu-content .cu-addFile .cu-fitem .cu-tit {
	width:80px;
}
.cu-collapsibleList .cu-item .cu-content .cu-addFile .cu-fitem .cu-filetext::before {
	content:":"; display:inline-block; position:relative; line-height:1em; padding-right:10px; vertical-align:top; margin-top:2px;
}
.cu-collapsibleList .cu-item .cu-content .cu-addFile .cu-fitem .cu-filetext a:hover {
	text-decoration:underline;
}

/* table */
.cu-tbl-striped-bg tbody tr:nth-child(even) {
	background-color:#fafafa;
}
.cu-tbl-hover-bg tbody tr:hover {
	background-color:#f8f8f8;
}

.cu-tbl-header {
	position:relative; width:100%; padding-bottom:12px;
}
.cu-tbl-header::after {
	content:""; display:table; clear:both;
}
.cu-tbl-header .cu-title-wrap {
	float:left; position:relative; padding-top:3px;
}
.cu-tbl-header .cu-title-wrap .cu-title {
	display:inline-block; font-size:16px; line-height:1.5em; color:#333; font-weight:700; vertical-align:middle;
}
.cu-tbl-header .cu-title-wrap .cu-context {
	display:inline-block; font-size:12px; line-height:1.5em; color:#555; font-weight:400; vertical-align:middle; margin-left:8px;
}
.cu-tbl-header .cu-title-wrap .cu-context em {
	color:#e36209; font-weight:700;
}

.cu-tbl-col {
	position:relative; table-layout:fixed; width:100%; margin:0px; 
}
.cu-tbl-col thead th {
	font-size:14px; line-height:1.4em; color:#333; font-weight:400; text-align:left; vertical-align:middle; padding:10px 10px; border:1px solid #e8e8e8; border-top-color:#ddd; border-bottom:2px solid #ddd; background-color:#f4f4f4;
}
.cu-tbl-col tbody td {
	font-size:14px; line-height:1.4em; color:#555; font-weight:400; text-align:left; vertical-align:middle; padding:8px 10px; border:1px solid #eee; border-top-color:#ddd; border-bottom-color:#ddd;
}

.cu-tbl-row {
	position:relative; table-layout:fixed; width:100%; margin:0px; border-top:1px solid #a5b4be; border-bottom:1px solid #a5b4be;
}
.cu-tbl-row tbody tr {
	border-top:1px solid #e4e7e9;
}
.cu-tbl-row tbody tr:first-child {
	border-top:none;
}
.cu-tbl-row tbody tr:last-child {
	border-bottom:none;
} 
.cu-tbl-row tbody th {
	font-size:13px; line-height:1.5em; color:#333; font-weight:700; text-align:left; padding:6px 6px 6px 10px; border-left:1px solid #e4e7e9; border-right:1px solid #e4e7e9; background-color:#f2f7fa;
}
.cu-tbl-row tbody th em {
	color:#e36209; font-weight:700; padding-left:4px;
}
.cu-tbl-row tbody td {
	font-size:13px; line-height:1.5em; color:#333; font-weight:400; text-align:left; padding:6px 8px; border-left:1px solid #e4e7e9; border-right:1px solid #e4e7e9; 
}

/* pagination */
.cu-pagination-wrap {
	display:flex; position:relative; justify-content:center; padding-top:20px;
}
.cu-pagination-wrap .cu-pagination {
	display:inline-block; position:relative; list-style:none;
}
.cu-pagination-wrap .cu-pagination::after {
	content:""; display:table; clear:both;
}
.cu-pagination-wrap .cu-pagination > li {
	float:left; position:relative; min-width:24px; height:30px;
}
.cu-pagination-wrap .cu-pagination .cu-prev {
	margin-right:10px;
}
.cu-pagination-wrap .cu-pagination .cu-next {
	margin-left:10px;
}
.cu-pagination-wrap .cu-pagination a {
	display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; width:100%; height:100%; font-size:14px; line-height:1.4em; color:#707070; font-weight:400; padding:0px 10px;
}
.cu-pagination-wrap .cu-pagination .cu-current a {
	color:#0082dd;
}
.cu-pagination-wrap .cu-pagination .cu-first a {
	background:url("../images/pagination-first-n.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-first a:hover {
	background:url("../images/pagination-first-o.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-prev a {
	background:url("../images/pagination-prev-n.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-prev a:hover {
	background:url("../images/pagination-prev-o.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-next a {
	background:url("../images/pagination-next-n.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-next a:hover {
	background:url("../images/pagination-next-o.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-last a {
	background:url("../images/pagination-last-n.png") 50% 50% no-repeat;
}
.cu-pagination-wrap .cu-pagination .cu-last a:hover {
	background:url("../images/pagination-last-o.png") 50% 50% no-repeat;
}

/* loading spinner */
.cu-spinner .cu-spinner-bg {
	position:fixed; width:100%; height:100%; top:0px; left:0px; margin:auto; background-color:rgba(0,0,0,0.6); z-index:1000; 
}
@-webkit-keyframes cu-spinner-msstyle {
	0% {
		-webkit-transform:rotate(0); transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg); transform:rotate(360deg);
	}
}
@keyframes cu-spinner-msstyle {
	0% {
		-webkit-transform:rotate(0); transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg); transform:rotate(360deg);
	}
}
.cu-spinner-msstyle {
	position:absolute; width:200px; height:200px; top:50%; left:50%; margin:-70px 0px 0px -70px; z-index:1000; transform:scale(0.3) translate(-50%,-50%);
}
.cu-spinner-msstyle div {
	position:absolute; width:16px; height:16px; border-radius:50%; -webkit-animation:cu-spinner-msstyle 1.3s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation:cu-spinner-msstyle 1.3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.cu-spinner-msstyle div:nth-child(0) {
	background:#45bbff;	top:134.613px; left:147.535px; -webkit-transform-origin:-47.535px -34.613px; transform-origin:-47.535px -34.613px; -webkit-animation-delay:0s; animation-delay: 0s;
}
.cu-spinner-msstyle div:nth-child(1) {
	background:#45bbff; top:147.535px; left:134.613px; -webkit-transform-origin:-34.613px -47.535px; transform-origin:-34.613px -47.535px; -webkit-animation-delay:-0.062s; animation-delay:-0.062s;
}
.cu-spinner-msstyle div:nth-child(2) {
	background:#45bbff; top:156.672px; left:118.788px; -webkit-transform-origin:-18.788px -56.672px; transform-origin:-18.788px -56.672px; -webkit-animation-delay:-0.125s; animation-delay: -0.125s;
}
.cu-spinner-msstyle div:nth-child(3) {
	background:#45bbff; top:161.401px; left:101.137px; -webkit-transform-origin:-1.137px -61.401px; transform-origin:-1.137px -61.401px; -webkit-animation-delay:-0.187s; animation-delay:-0.187s;
}
.cu-spinner-msstyle div:nth-child(4) {
	background:#45bbff; top:161.401px; left:82.863px; -webkit-transform-origin:17.137px -61.401px; transform-origin:17.137px -61.401px; -webkit-animation-delay:-0.25s; animation-delay:-0.25s;
}
.cu-spinner-msstyle div:nth-child(5) {
	background:#45bbff; top:156.672px; left:65.212px; -webkit-transform-origin:34.788px -56.672px; transform-origin:34.788px -56.672px; -webkit-animation-delay:-0.312s; animation-delay:-0.312s;
}
.cu-spinner-msstyle div:nth-child(6) {
	background:#45bbff; top:147.535px; left:49.387px; -webkit-transform-origin:50.613px -47.535px; transform-origin:50.613px -47.535px; -webkit-animation-delay:-0.375s; animation-delay:-0.375s;
}
.cu-spinner-msstyle div:nth-child(7) {
	background:#45bbff; top:134.613px; left:36.465px; -webkit-transform-origin:63.535px -34.613px; transform-origin:63.535px -34.613px; -webkit-animation-delay:-0.437s; animation-delay: -0.437s;
}