@charset "utf-8";
html{ font-size:10px; }
body{ -webkit-text-size-adjust:none; font-size:13px; }
body{ font-family:나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif; font-size:13px; }
body, div, table, tr, td, th, dl, dt, dd, ul, li, p, form, img, h1, h2, h3, h4, h5{ margin:0px; padding:0px; border:none; list-style:none; }
p{  }
a{ text-decoration:none; color:#666666; outline: none}
a:hover{ color:#4b70bd; }
select{ font:normal 12px Arial; }
label{ display:flex; gap:2px; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; }
i{ color:inherit; }
.hide{ display:none; }
.clearBoth{ clear:both; }
iframe{ border:none; }

html, body{ height:100%; }
*{ box-sizing: border-box; }

.arial{ font-family:arial; }
.basic{ color:#666666; }
.red{ color:#ff6666; }
.orange{ color:#f8b045; }
.blue{ color:#7777ff; }
.green{ color:#00b55a; }
.black{ color:#000000; }
.gray{ color:#c0c0c0; }
.gold{ color:#e3c613; }
.pink{ color:#ee7bbe; }
.bold{ font-weight:bold; }
.font9{ font-size:9px; }
.font10{ font-size:10px; }
.font11{ font-size:11px; }
.font12{ font-size:12px; }
.font13{ font-size:13px !important; }
.font14{ font-size:14px !important; }
.font16{ font-size:16px; }
.font18{ font-size:18px; }
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}
.w5{width:5%;}

.pointer{ cursor: pointer; }

.f-left { float: left; }
.f-right { float: right; }
.f-both { float: both;}

.text-left { text-align: left !important;}
.text-right { text-align: right !important;}

.strike{ text-decoration:line-through; }
.underline{ text-decoration:underline; }

.center{ text-align:center !important; }
.flat{ border-radius:0 !important; box-shadow:unset !important; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background-color:rgba(50,50,50,0.25); border:2px solid transparent; border-radius:10px; background-clip:padding-box; }
::-webkit-scrollbar-track{ background-color: rgba(50,50,50,0.05); }

/* forms */
	input[type=text], input[type=password]{ height:34px; }
	input[type=text], input[type=password], textarea{ margin:0px; padding:7px 12px; border:solid 1px #dddddd; border-radius:4px; font-size:12px; line-height:1.5; color:#333333; outline-style:none; background:#ffffff; vertical-align:middle; }
	input[type=text], input[type=password], textarea{ transition:border-color ease-in-out .15s; }
	input[type=text].caution, input[type=password].caution, textarea.caution{ border-color:#ff4444; }
	input[type=text]:focus, input[type=password]:focus{ border:solid 1px #66afe8; }
	input[readonly]{ background:#eeeeee; }
	input.number{ width:70px; padding-right:5px; text-align:right; }
	textarea{ text-indent:0px; line-height:140%; padding:5px; resize:none; }
	input::placeholder, textarea::placeholder{ color:#d0d0d0;  }

	input[type=range]{ width:100%; outline:none; -webkit-appearance:none; }
	input[type=range]::-webkit-slider-runnable-track{ width:100%; height:10px; border-radius:2px; background-color:#dddddd; cursor:pointer; box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .2); }
	input[type=range]::-webkit-slider-thumb{ height:30px; width:10px; margin-top:-10px; border-radius:2px; background-color:#cf6565; cursor:pointer; -webkit-appearance:none; box-shadow:2px 2px 3px rgba(0, 0, 0, .2); }
	input[type=range]:focus::-webkit-slider-runnable-track{ background-color:#cccccc; }
	input[type=range]:focus::-webkit-slider-thumb{ background-color:#cf6565; }

	.btn{ display:inline-block; margin:0; padding:7px 12px; border:solid 1px #dddddd; border-radius:4px; font-size:12px; font-weight:normal; line-height:1.5; color:#333333; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer; background-color:#f1f3f4; }
	button.btn{ margin:0 0 5px; }
	.btn{ touch-action:manipulation; user-select:none; }
	.btn{ transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
	.btn:hover{ border-color:solid 1px rgba(0, 0, 0, .1); background-color:#e3e3e3; }
	.btn.small{ padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px; }
	.btn.big{ padding:8px 16px; font-size:14px; line-height:1.8; border-radius:6px; }
	.btn[disabled]{ opacity:.5; }
	.btn.w100p{ width:100%; }
	.btn.w30{ width:30px; }
	.btn.w40{ width:40px; }
	.btn.w50{ width:50px; }
	.btn.w60{ width:60px; }
	.btn.w100{ width:100px; }
	.btn.w150{ width:150px; }
	.btn.w200{ width:200px; }
	.btn i:first-child{ margin-right:2px; color:inherit; }
	.btn i:last-child{ margin-left:2px; color:inherit; }
	.btn.dark{ color:#ffffff; border-color:#24292e; background-color:#636a71; }
	.btn.dark:hover{ background-color:#3c454d; }
	.btn.red{ color:#ffffff; border-color:#7b3838; background-color:#cf6565; }
	.btn.red:hover{ background-color:#ab4949; }
	.btn.blue{ color:#ffffff; border-color:#24547f; background-color:#3377b2; }
	.btn.blue:hover{ background-color:#275b89; }
	.btn.orange{ color:#ffffff; border-color:#e28c19; background-color:#efaa4d; }
	.btn.orange:hover{ background-color:#ea931d; }
	.btn.green{ color:#ffffff; border-color:#3c8e3f; background-color:#58b55b; }
	.btn.green:hover{ background-color:#3f9542; }
	.btn.gold{ color:#333333; border-color:#d6ba0c; background-color:#f2dc60; }
	.btn.gold:hover{ background-color:#d6ba0c; }

	label.select{ display:inline-block; position:relative; height:34px; vertical-align:middle; }
	label.select{ border-radius:4px; }
	label.select select{ width:100%; height:100%; padding:7px 6px; border:solid 1px #dddddd; font-size:12px; line-height:1.5; color:#333333; outline-style:none; border-radius:inherit; }
	label.select select{ box-shadow:inset 0 1px 1px rgba(0,0,0,.075); transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
	label.select select:focus{ border-color:#66afe8; box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px #66afe8; }
	label.select.block{ display:block; }

	label.toggle{ display:inline-block; position:relative; vertical-align:middle; font-size:11px; line-height:18px; cursor:pointer; }
	label.toggle *{ transition:all .2s; }
	label.toggle input{ position:absolute; top:0px; left:0px; width:38px; height:18px; margin:0; opacity:0; }
	label.toggle label{ display:inline-block; position:relative; width:38px; height:18px; background:#b8b8b8; cursor:pointer; vertical-align:bottom; }
	label.toggle label{ border-radius:20px; }
	label.toggle label i{ position:absolute; top:1px; left:3px; font-size:10px; color:#ffffff; }
	label.toggle label span.toggle{ display:inline-block; position:absolute; top:2px; left:2px; width:14px; height:14px; background:#ffffff; }
	label.toggle label span.toggle{ border-radius:20px; }
	label.toggle input:checked+label{ background:#167ac6; }
	label.toggle input:checked+label i{ left:9px; }
	label.toggle input:checked+label span.toggle{ left:22px; }

	label.tab{ position:relative; display:inline-flex; gap:2px; flex-wrap:wrap; }
	label.tab *{ transition:all .2s; }
	label.tab label{ position:relative; display:flex; align-items:center; justify-content:center; min-width:70px; height:28px; padding:0 10px; border:solid 1px #dddddd; border-radius:3px; color:#333333; background-color:#efefef; font-size:11px; white-space:nowrap; cursor:pointer; }
	label.tab label:hover{ padding-top:2px; background:#dfdfdf; }
	label.tab label i:first-child{ margin-right:2px; min-width:16px; color:inherit; }
	label.tab label i:last-child{ margin-left:2px; min-width:16px; color:inherit; }
	label.tab input{ display:none; }
	label.tab input:checked+label{ color:#ffffff; background-color:#3c454d; }
	label.tab.dark input:checked+label{ color:#ffffff; background-color:#636a71; }
	label.tab.red input:checked+label{ color:#ffffff; background-color:#cf6565; }
	label.tab.blue input:checked+label{ color:#ffffff; background-color:#3377b2; }
	label.tab.orange input:checked+label{ color:#ffffff; background-color:#efaa4d; }
	label.tab.green input:checked+label{ color:#ffffff; background-color:#58b55b; }
	label.tab.gold input:checked+label{ color:#333333; background-color:#f2dc60; }
	label.tab label .label{ display:flex; align-items:center; justify-content:center; width:100%; height:0%; padding:0; color:inherit; }
	label.tab label .label:before{ display:block; content:""; width:10px; height:10px; margin-right:5px; border-radius:100%; background:inherit; box-shadow:2px 2px 3px rgba(0, 0, 0, .1); }

	label.range{ display:inline-block; position:relative; }
	label.range input[type=range]{ width:200px; background:transparent; -webkit-appearance:none; }
	label.range input[type=range]:focus{ outline:none; }
	label.range input[type=range]::-ms-thumb{ width:20px; height:20px; margin-top:1px; border:1px solid #cbcbcb; border-radius:4px; background:#ffffff; cursor:pointer; }
	label.range input[type=range]:active::-ms-thumb{ border-color:#167ac6; }
	label.range input[type=range]::-moz-range-thumb{ width:20px; height:20px; border:1px solid #cbcbcb; border-radius:4px; cursor:pointer; background:#ffffff; }
	label.range input[type=range]:active::-moz-range-thumb{ border-color:#167ac6; }
	label.range input[type=range]::-webkit-slider-thumb{ width:20px; height:20px; margin-top:-6px; border:1px solid #cbcbcb; border-radius:4px; background:#ffffff; cursor:pointer; -webkit-appearance:none; }
	label.range input[type=range]:active::-webkit-slider-thumb{ border-color:#167ac6; }
	label.range input[type=range]::-ms-track{ width:100%; height:8px; border-color:transparent; border-radius:8px; background:transparent; color:transparent; }
	label.range input[type=range]::-moz-range-track{ width:100%; height:8px; border-radius:8px; background:#dddddd; }
	label.range input[type=range]::-webkit-slider-runnable-track{ width:100%; height:8px; border-radius:8px; background:#dddddd; }
	label.range input[type=range]::-ms-fill-lower{ background:#dddddd; }
	label.range input[type=range]::-ms-fill-upper{ background:#dddddd; }

	label.underline{ display:inline-block; position:relative; color:#666666; }
	label.underline input{ display:none; }
	label.underline label{ position:relative; z-index:0; float:left; padding:6px 5px 5px; cursor:pointer; }
	label.underline input:checked+label{ z-index:1; text-decoration:underline; }

	label.calendar{ display:inline-block; position:relative; }
	label.calendar i{ position:absolute; top:5px; left:10px; font-size:14px; }
	label.calendar input{ width:70px; padding-left:25px; padding-right:10px; text-align:right; color:#666666; }

	.label{ display:inline-block; margin:0; padding:4px 6px; border-radius:4px; font-size:12px; font-weight:normal; line-height:1.5; color:#ffffff; text-align:center; vertical-align:middle; white-space:nowrap; background-color:#bbbbbb; }
	.label i:first-child{ margin-right:2px; color:inherit; }
	.label i:last-child{ margin-left:2px; color:inherit; }
	.label.dark{ color:#ffffff; background-color:#636a71; }
	.label.red{ color:#ffffff; background-color:#cf6565; }
	.label.blue{ color:#ffffff; background-color:#3377b2; }
	.label.orange{ color:#ffffff; background-color:#efaa4d; }
	.label.green{ color:#ffffff; background-color:#58b55b; }
	.label.gold{ color:#333333; background-color:#f2dc60; }
	.label.pink{ color:#ffffff; background-color:#ee7bbe; }

	.spinner{ animation:rotation 1s linear infinite; }
	.spinner.reverse{ animation-direction:reverse; }
	@keyframes rotation{
		0%{ transform:rotate(0deg); }
		100%{ transform:rotate(360deg); }
	}

/* forms */

/* layout */
.container{ position:relative; width:100%; min-width:320px; min-height:100%; padding-top:60px; background:#d5d8da; }

	/* headerWrap */
	.headerWrap{ display:flex; justify-content:space-between; z-index:20; position:fixed; top:0; left:0; right:0; height:60px; background:#272C31; line-height:60px; }
	.headerWrap:after{ display:block; content:""; clear:both; }
	.headerWrap .navHeader{ display:flex; align-items:center; min-width:250px; height:100%; padding:0; background:#272C31; text-align:center; line-height:inherit; }
	.headerWrap .navHeader .logo{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:100%; padding:0 20px; font-size:20px; text-align:center; line-height:normal; font-weight:600; text-decoration:none; color:#ffffff; white-space:nowrap; background:#30373e; }
	.headerWrap .navHeader .logo img{ height:calc(100% - 10px); }
	.headerWrap .navHeader .sidebarToggle{ display:none; width:40px; height:40px; margin:0; padding:0; border:none; background:none; font-size:18px; color:#ffffff; border-radius:5px;; cursor:pointer; }
	.headerWrap .navHeader .sidebarToggle:hover{ box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.5); }
	.headerWrap .navHeader .sidebarToggle:active{ box-shadow:inset 0 0 10px rgba(0, 0, 0, 1); }
	.headerWrap .navHeader .sidebarToggle.active{ box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.7); }
	.headerWrap .navHeader .sidebarToggle.active:active{ box-shadow:inset 0 0 10px rgba(0, 0, 0, 1); }
	.headerWrap .contentHeader{ display:flex; justify-content:space-between; position:relative; width:100%; height:100%; line-height:inherit; font-size:13px; font-weight: 400 }
	.headerWrap .contentHeader .nav{ display:flex; color:#ffffff; }
	.headerWrap .contentHeader .nav li{ width:100%; }
	.headerWrap .contentHeader .nav li a{ position:relative; display:inline-block; height:100%; padding:0 15px; color:#ffffff; cursor:pointer; background:rgba(0, 0, 0, 0); white-space:nowrap; }
	.headerWrap .contentHeader .nav li a{ transition:background linear .1s; }
	.headerWrap .contentHeader .nav li a:hover{ background:rgba(0, 0, 0, .4); }
	.headerWrap .contentHeader .nav li a.active{ background:rgba(0, 0, 0, .4); }
	.headerWrap .contentHeader .nav li a i{ width:18px; margin-right:5px; text-align:center; vertical-align:middle; }
	.headerWrap .contentHeader .alarm{ display:flex; gap:5px; padding:5px; width:100%; }
	.headerWrap .contentHeader .alarm li a{ display:flex; flex-direction:column; align-items:center; line-height:0; justify-content:center; width:100%; padding:0; border-radius:6px; background:#30373e; }
	.headerWrap .contentHeader .alarm li a:hover{ background:#3c454d; }
	.headerWrap .contentHeader .alarm li a i:not(.count){ display:block; /*margin-bottom:5px;*/ font-size:14px; }
	.headerWrap .contentHeader .alarm li a i.count{ z-index:1; position:absolute; top:10px; /*right:-5px;*/ width:auto; min-width:16px; height:16px; margin:0; padding:0 4px; border-radius:16px; font-size:13px; font-family:Arial; font-weight:bold; font-style:normal; line-height:16px; color:#ffffff; background:#ff3333; }
	.headerWrap .contentHeader .alarm li a i.count:empty{ display:none; }
	.headerWrap .contentHeader .alarm li a i.done{ z-index:1; position:absolute; top:10px; right:35px; width:auto; min-width:16px; height:16px; margin:0; padding:0 4px; border-radius:16px; font-size:15px; font-family:Arial; font-weight:bold; font-style:normal; line-height:16px; color:#000; background:#fff; }
	.headerWrap .contentHeader .nav li a.sound{ display:flex; align-items:center; justify-content:center; width:60px; }
	.headerWrap .contentHeader .nav li a.sound i{ margin:0; font-size:18px; }
	.headerWrap .contentHeader .nav li a.sound .on{ display:block; }
	.headerWrap .contentHeader .nav li a.sound .off{ display:none; }
	.headerWrap .contentHeader .nav li a.sound.mute .on{ display:none; }
	.headerWrap .contentHeader .nav li a.sound.mute .off{ display:block; }
	.headerWrap .contentHeader .mymenu{ z-index:1; display:inline-block; position:relative; min-width:150px; min-height:100%; cursor:pointer; vertical-align:top; }
	.headerWrap .contentHeader .mymenu dt{ position:relative; white-space:nowrap; }
	.headerWrap .contentHeader .mymenu dt a{ display:flex; align-items:center; justify-content:center; }
	.headerWrap .contentHeader .mymenu dt a:after{ content:""; width:0; height:0; margin-left:10px; border:none; border-top:4px solid #ffffff; border-right:4px solid transparent; border-left:4px solid transparent; }
	.headerWrap .contentHeader .mymenu dt a i{ margin:0 3px; }
	.headerWrap .contentHeader .mymenu dt a span{ display:inline-block; max-width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.headerWrap .contentHeader .mymenu dd{ display:none; position:absolute; top:60px; right:0; width:100%; min-width:150px; background:#ffffff; box-shadow:0 2px 6px rgba(0, 0, 0, .1); }
	.headerWrap .contentHeader .mymenu dd a{ display:block; padding:0 10px; white-space:nowrap; color:#333333; height:40px; line-height:40px; }
	.headerWrap .contentHeader .mymenu dd a i{ margin-right:3px; }
	.headerWrap .contentHeader .mymenu.active:after{ display:block; content:""; position:absolute; top:calc(60px - 7px); left:calc(50% - 7px); width:0; height:0; }
	.headerWrap .contentHeader .mymenu.active:after{ border:none; border-bottom:7px solid #ffffff; border-right:7px solid transparent; border-left:7px solid transparent; }
	.headerWrap .contentHeader .mymenu.active dt a:after{ border-top:none; border-bottom:4px solid #ffffff; }
	.headerWrap .contentHeader .mymenu.active dd{ display:block; }
	.headerWrap .contentHeader .mymenu.active dd a:hover{ background:rgba(0, 0, 0, .05); }
	.headerWrap .contentHeader .languages{ z-index:1; display:inline-block; position:relative; min-height:100%; margin:13px 10px 0; overflow:hidden; border-radius:5px; background:rgba(0, 0, 0, .3); cursor:pointer; vertical-align:top; }
	.headerWrap .contentHeader .languages img{ height:15px; margin-right:5px; border-radius:3px; box-shadow:1px 1px 3px rgba(0, 0, 0, .5); vertical-align:middle; }
	.headerWrap .contentHeader .languages dt{ position:relative; padding:0 10px; font-size:12px; line-height:35px; white-space:nowrap; }
	.headerWrap .contentHeader .languages dt:after{ display:inline-block; content:""; width:0; height:0; margin-left:10px; border:none; border-top:4px solid #ffffff; border-right:4px solid transparent; border-left:4px solid transparent; }
	.headerWrap .contentHeader .languages dt:hover{ background:rgba(255, 255, 255, .1); }
	.headerWrap .contentHeader .languages dd{ display:none; position:relative; padding:0 10px; font-size:12px; line-height:35px; white-space:nowrap; }
	.headerWrap .contentHeader .languages dd:hover{ background:rgba(255, 255, 255, .1); }
	.headerWrap .contentHeader .languages span{ font-weight:bold; text-shadow:1px 1px 3px rgba(0, 0, 0, .5); }
	.headerWrap .contentHeader .languages.active dd{ display:block; }
	.headerWrap .contentHeader .languages.active dt:after{ border-top:none; border-bottom:4px solid #ffffff; }
	@media(max-width:992px){
		.headerWrap .navHeader{ min-width:unset; }
		.headerWrap .navHeader .logo{ width:unset; background:unset; }
		.headerWrap .navHeader .sidebarToggle{ display:block; }
		.headerWrap .contentHeader .mymenu{ min-width:60px; }
		.headerWrap .contentHeader .mymenu dt a:after{ display:none; }
		.headerWrap .contentHeader .mymenu dt a span{ width:0; }
		.headerWrap .contentHeader .alarm{ width:0; padding:0; overflow:hidden; }
	}
	/* headerWrap */

	/* sidebarWrap */
	.sidebarWrap{ z-index:10; position:fixed; top:0; left:0; bottom:0; width:250px; padding-top:60px; padding-bottom: 60px; overflow-x:hidden; overflow-y:auto; background:#3c454d; }
	.sidebarWrap:after{ display:block; content:""; position:absolute; top:0; right:0; height:100%; }
	.sidebarWrap ul{ list-style:none; }
	.sidebarWrap ul li{ list-style:none; }
	.sidebarWrap .nav{  }
	.sidebarWrap .nav > li{  }
	.sidebarWrap .nav > li.active{  }
	.sidebarWrap .nav > li > a{ display:block; position:relative; padding:6px 20px 6px 15px; font-size:13px; font-weight:600; color:#b1b5b8; }
	.sidebarWrap .nav > li > a:hover{ background:#636a71; color:#ffffff; }
	.sidebarWrap .nav > li > a i{ width:20px; margin-right:4px; font-size:16px; text-align:center; }
	.sidebarWrap .nav > li > a i:first-child{ width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; background:#24292e; color:#8a8f94; }
	.sidebarWrap .nav > li.active > a{ background:#24292e; color:#ffffff; }
	.sidebarWrap .nav > li.active > a i:first-child{ background:#8a8f94; color:#44484a; }
	.sidebarWrap .nav > li > a i.sub{ position:absolute; top:50%; right:10px; transform:translate(-50%, -50%); width:6px; height:6px; border:solid 1px #a1a8ac; border-radius:10px; }
	.sidebarWrap .nav > li > a i.sub.active{ color:#ffffff; }
	.sidebarWrap .nav > li.active > a i.sub{ border-color:#ffffff; background:#ffffff; }
	.sidebarWrap .nav > li ul{ display:none; }
	.sidebarWrap .nav > li ul li{ }
	.sidebarWrap .nav > li ul li a{ position:relative; display:block; padding:10px 0px 10px 60px; font-weight:400; background:#30373e; color:#8a8f94; }
	.sidebarWrap .nav > li ul li a:hover{ color:#ffffff; }
	.sidebarWrap .nav > li ul li.active a{ color:#ffffff; }
	.sidebarWrap .alarm{ display:flex; flex-wrap:wrap; gap:5px; height:0; overflow:hidden; padding:0; background:#30373e; }
	.sidebarWrap .alarm li{ width:calc((100% - 15px) / 4); }
	.sidebarWrap .alarm li a{ display:flex; flex-direction:column; align-items:center; line-height:1; justify-content:center; width:100%; height:52px;; padding:0; border-radius:6px; background:#24292e; font-size:11px; color:#8a8f94; }
	.sidebarWrap .alarm li a:hover{ background:#3c454d; }
	.sidebarWrap .alarm li a i:not(.count){ display:block; width:auto; height:auto; margin:0 0 5px; font-size:14px; color:inherit; background:transparent; }
	.sidebarWrap .alarm li a i.count{ z-index:1; position:absolute; top:-3px; right:-5px; width:auto; min-width:16px; height:16px; margin:0; padding:0 4px; border-radius:16px; font-size:11px; font-family:Arial; font-weight:bold; font-style:normal; line-height:16px; color:#ffffff; background:#ff3333; }
	.sidebarWrap .alarm li a i.count:empty{ display:none; }
	.sidebarWrap .info{ margin:10px; padding:10px; border-radius:10px; background:#272c31; }
	.sidebarWrap .info .title{ padding:0 5px 5px; text-align:center; color:#ffffff; }
	.sidebarWrap .info li{ padding:5px; color:#b1b5b8; }
	.sidebarWrap .info li label{ display:flex; justify-content:space-between; font-size:11px; }
	.sidebarWrap .info li label i{ font-size:12px; font-weight:bold; font-style:normal; color:#efaa4d; }
	.sidebarWrap .info li label i.money:after{ content:"원"; display:inline-block; width:10px; margin-left:5px; color:#b1b5b8; }
	.sidebarWrap .info li label i.point:after{ content:"P"; display:inline-block; width:10px; margin-left:5px; color:#b1b5b8; }
	.sidebarWrap .info li button{ width:100%; }
	@media(max-width:992px){
		.sidebarWrap{ transition:left linear .2s; }
		.sidebarWrap:not(.active){ left:-250px; }
		.sidebarWrap .alarm{ height:auto; padding:4px; }
	}
	/* sidebarWrap */

	/* contentWrap */
	.contentWrap{ position:relative; margin-left:250px; }
	.contentWrap h2{ margin-bottom:15px; padding:0 10px; font-size:24px; font-weight:500; }
	.contentWrap h3{ margin:10px 0px; padding-left:5px; font-size:16px; font-weight:500; }
	.contentWrap h3 i{ margin-right:7px; }
	.contentWrap .content{ padding:20px; color:#333333; }
	.contentWrap .box{ max-width:100%; padding:20px; border-radius:10px; background:#ffffff; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.05); }
	.contentWrap .box.inline{ display:inline-block; }

	.toggle_wrap {
		max-width: 100%;
		padding: 20px;
		border-radius: 10px;
		background: #ffffff;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
		width: 500px;
	}

	.toggle_form {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	@media(max-width:992px){
		.contentWrap{ margin-left:0px; }
		.contentWrap h2{ margin-bottom:10px; font-size:18px; }
		.contentWrap h3{ padding-left:0px; font-size:15px; }
		.contentWrap .content{ padding:10px; }
	}
	/* contentWrap */

	/* tabmenuWrap */
	.tabmenuWrap{ position:relative; margin:10px 0; padding:0; }
	.tabmenuWrap ul{ display:flex; flex-wrap:wrap; gap:2px; width:100%; }
	.tabmenuWrap ul li{ height:30px; }
	.tabmenuWrap ul li a{ display:flex; align-items:center; justify-content:center; min-width:100px; height:100%; padding:0 10px; border-radius:3px; color:#333333; background:#efefef; font-size:12px; white-space:nowrap; }
	.tabmenuWrap ul li a:hover{ padding-top:2px; background:#dfdfdf; }
	.tabmenuWrap ul li.active a{ color:#ffffff; background:#3c454d; }
	/* tabmenuWrap */
/* layout */

/* item */
	/* tableWrap */
	
	.tableWrap{ min-height:200px; overflow-x:auto; border-radius:5px; }
	.tableWrap > table{ width:100%; overflow:hidden; border-spacing:0px; border-collapse:collapse; color:#666666; border-radius:5px; }
	.tableWrap > table > thead > tr > th,
	.tableWrap > table > thead > tr > td,
	.tableWrap > table > tbody > tr > th,
	.tableWrap > table > tbody > tr > td{ height:36px; padding:10px; border:solid 1px #eeeeee; font-size:12px; word-break:keep-all; text-align:center; }
	.tableWrap > table > thead > tr{ background:#30373e; }
	.tableWrap > table > tbody > tr:nth-child(even){ background:#f9f9f9; }
	.tableWrap > table > thead > tr > th,
	.tableWrap > table > thead > tr > td{ border-color:#181c1f; color:#ffffff; }
	.tableWrap > table > input[type=text]:not([size]),
	.tableWrap > table > input[type=password]:not([size]),
	.tableWrap > table > textarea{ width:calc(100% - 20px); min-width:80px; }
	.tableWrap > table > textarea{ min-height:48px; }
	.tableWrap.nowrap table tr th,
	.tableWrap.nowrap table tr td{ white-space:nowrap; }
	.tableWrap .pre-line{ white-space:pre-line !important; }
	.tableWrap .noRows{ padding:80px 0px; text-align:center; border-bottom:solid 1px #eaeaea; }
	.tableWrap .left{ text-align:left; }
	.tableWrap .right{ text-align:right; }
	/* tableWrap */

	/* formWrap */
	.formWrap{ display:table; width:100%; margin-bottom:20px; border-spacing:5px 15px; color:#666666; }
	.formWrap .formRow{ display:table-row; }
	.formWrap .formCell{ display:table-cell; vertical-align:middle; word-break:keep-all; }
	.formWrap .formCell.th{ width:60px; padding-right:10px; text-align:right; font-weight:bold; white-space:nowrap; }
	.formWrap .formCell.left{ text-align:left; }
	.formWrap .formCell.center{ text-align:center; }
	.formWrap .formCell.right{ text-align:right; }
	.formWrap .formCell textarea{ width:100%; min-width:80px; }
	.formWrap .formCell input[type=text]:not([size]),
	.formWrap .formCell input[type=password]:not([size]){ width:100%; min-width:80px; }
	
	.formWrap .formCell input[disabled] { background-color: dimgrey; color: linen; opacity: 1; }

	.formWrap .formCell.inline textarea{ width:100%; min-width:80px; }
	.formWrap .formCell.inline input[type=text]:not([size]),
	.formWrap .formCell.inline input[type=password]:not([size]){ width:auto; }
	.formWrap.media{ display:block; }
	.formWrap.media .formRow{ display:block; margin-bottom:10px; }
	.formWrap.media .formCell{ display:block; padding:3px 5px; }
	.formWrap.media .formCell.th{ width:auto; padding-left:0px; padding-right:0px; text-align:left; }
	@media(max-width:480px){
		.formWrap:not(.nowrap){ display:block; }
		.formWrap:not(.nowrap) .formRow{ display:block; margin-bottom:10px; }
		.formWrap:not(.nowrap) .formCell{ display:block; padding:3px 5px; }
		.formWrap:not(.nowrap) .formCell.th{ width:auto; padding-left:0px; padding-right:0px; text-align:left; }
	}
	/* formWrap */

	/* searchWrap */
	.searchWrap{ display:flex; justify-content:space-between; gap:5px; overflow-x:auto; margin-bottom:5px; }
	.searchWrap form{ display:flex; flex-wrap:wrap; gap:3px; }
	.searchWrap .formRow{ display:flex; gap:3px;; width:100%; margin-bottom:3px; }
	.searchWrap .keyword input[type=text]{ width:200px; }
	.searchWrap .totalRows{ display:flex; align-items:flex-end; padding:7px 6px; font:bold 11px Arial; line-height:1.5; white-space:nowrap; }
	/* searchWrap */

	/* controllWrap */
	.controllWrap{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px; width:100%; margin:15px 0px 0; }
	.controllWrap>li{ display:flex; justify-content:center; gap:3px; }
	.controllWrap>li.center{ width:100%; }
	@media(max-width:992px){
		.controllWrap>li{ width:100%; }
	}
	/* controllWrap */

	/* paging */
	.paging{ display:flex; margin:0 auto; }
	.paging a:first-child{ border-radius:5px 0px 0px 5px; }
	.paging a:last-child{ border-radius:0px 5px 5px 0px; }
	.paging a{ display:flex; justify-content:center; align-items:center; position:relative; min-width:26px; height:26px; margin-right:-1px; padding:0 3px; border:solid 1px #cbcbcb; outline-style:none; font-size:12px; color:#333333; }
	.paging a{ background:#dfdfdf; background-image:linear-gradient(to bottom, #fdfdfd 0, #dfdfdf 100%); text-shadow:0 1px 0 #ffffff; }
	.paging a{ text-align:center; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; touch-action:manipulation; }
	.paging a:after{ position:absolute; top:0px; right:0px; left:0px; bottom:0px; content:""; opacity:.2; }
	.paging a:hover{ z-index:1; border-color:#acacac; color:#333333; }
	.paging a:hover:after{ background:#dfdfdf; }
	.paging a:active{ box-shadow:0px 20px 30px -20px rgba(0,0,0,.7) inset; }
	.paging a.now{ color:#ffffff; border-color:#e28c19; background:#ea931d; background-image:linear-gradient(to bottom, #efaa4d 0, #ea931d 100%); text-shadow:0 1px 0 #ea931d; }
	.paging a.now:hover:after{ background:#ea931d; }
	/* paging */
/* item */

/* etcpage */
	/* dashboardWrap */
	.dashboardWrap{  }
	/* dashboardWrap */

	/* body.check */
	body.check{ background:#f2f4f8; }
	body.check .contentWrap{ display:flex; align-items:center; justify-content:center; height:100%; margin-left:0; }
	body.check .contentWrap .content{ width:480px; }
	body.check .contentWrap .content .logo{ text-align:center; }
	body.check .contentWrap .content .box{ border:solid 1px #dddddd; border-radius:10px; }
	body.check .contentWrap .content .box .formWrap{ margin:0; border-spacing:10px 15px }
	body.check .contentWrap .content .box .formWrap label.toggle{ margin-right:10px; }
	/* body.check */

	/* body.login */
	body.login{ background:#f2f4f8; }
	body.login .contentWrap{ display:flex; align-items:center; justify-content:center; height:100%; margin-left:0; }
	body.login .contentWrap .content{ width:360px; }
	body.login .contentWrap .content .logo{ text-align:center; }
	body.login .contentWrap .content .box{ border:solid 1px #dddddd; border-radius:10px; }
	body.login .contentWrap .content .box .formWrap{ margin:0; border-spacing:10px 15px }
	body.login .contentWrap .content .box .formWrap label.toggle{ margin-right:10px; }
	/* body.login */

	/* users-edit */
	body.myinfo-edit{  }
	body.myinfo-edit .contentWrap .content{ max-width:480px; min-height:300px; margin:0 auto; }
	body.myinfo-edit .contentWrap .content .box{  }
	/* users-edit */

	/* error page */
	.frontNull{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; text-align:center; font-size:24px; font-weight:bold; }
	.errorPage{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; text-align:center; font-size:24px; font-weight:bold; }
	/* error page */
/* etcpage */

/* loader */
.loader .loading{ opacity:1; z-index:1; display:flex; justify-content:center; align-items:center; position:fixed; top:0; bottom:0; left:0; right:0; }
.loader .loading{ transition:opacity linear 0s, z-index linear 0s; }
.loader .loading i{ opacity:.5; font-size:10vh; animation:loader_spinner 3s linear infinite; }
.loader.loaded .loading{ display:none; }
@keyframes loader_spinner{ from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
/* loader */

/* dialogbox */
.contentWrap.dialog{ height:auto; margin-left:0; padding:10px; padding-top:45px !important; background:#eeeeee; }
.contentWrap.dialog h3{ z-index:1; position:fixed; top:0; left:0; right:0; display:flex; align-items:center; height:45px; margin:0; padding:0 20px; border-bottom:solid 1px #e1e6ef; background:#ffffff; }
.contentWrap.dialog .tabmenuWrap{ margin-bottom:-5px; padding:10px; border-radius:5px; background:#ffffff; }
.contentWrap.dialog .searchWrap{ margin-top:10px; margin-bottom:0; padding:10px 10px 0; border-radius:5px 5px 0 0; background:#ffffff; }
.contentWrap.dialog .tableWrap{ min-height:400px; margin-bottom:0; padding:10px; border-radius:0; background:#ffffff; }
.contentWrap.dialog .tableWrap table{ overflow:hidden; border-radius:5px; }
.contentWrap.dialog .col .tableWrap{ min-height:auto; }
.contentWrap.dialog .formWrap{ margin-top:10px; margin-bottom:0; padding:10px; border-spacing:15px; border-radius:5px 5px 0 0; background:#ffffff; }
.contentWrap.dialog .controllWrap{ margin:0; padding:0 10px 10px; border-radius:0 0 5px 5px; background:#ffffff; }
@media(max-width:768px){
	.contentWrap.dialog .tabmenuWrap ul li{ width:calc(25% - 2px); }
	.contentWrap.dialog .tabmenuWrap ul li a{ padding:0; }
}
@media(max-width:576px){
	.contentWrap.dialog{ padding:5px; }
	.contentWrap.dialog .tabmenuWrap{ margin-top:5px; }
	.contentWrap.dialog .tabmenuWrap ul li{ width:calc(33% - 2px); }
	.contentWrap.dialog .formWrap{ margin-top:5px; }
}
@media(max-width:360px){
	.contentWrap.dialog .tabmenuWrap ul li{ width:calc(50% - 2px); }
}

.dialogbox{ display:none; z-index:100; position:fixed; top:0; bottom:0; left:0; right:0; overflow:hidden; padding:50px 10px 10px; }
.dialogbox{ transition:padding linear .2s; }
.dialogbox .body{ position:relative; width:1200px; max-width:100%; height:600px; max-height:100%; margin:0 auto; border-radius:10px; background:#ffffff; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); }
.dialogbox .body{ transition:width ease-in-out .1s, height ease-in-out .1s; }
.dialogbox .body iframe{ opacity:0; z-index:1; position:relative; width:100%; height:100%; border-radius:inherit; background:#eeeeee; }
.dialogbox .body iframe{ transition:opacity linear .2s .2s, width linear .1s, height linear .1s; }
.dialogbox .blind{ display:block; content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.6); }
.dialogbox .close{ z-index:10; position:absolute; top:5px; right:10px; display:flex; justify-content:center; align-items:center; width:35px; height:35px; margin:0; padding:0; border:none; background:#ffffff; color:#333333; cursor:pointer; outline-style:none; border-radius:inherit; }
.dialogbox .close:hover{ color:#666666; background:#efefef; }
.dialogbox .close:active{ background:#ffffff; }
.dialogbox .loading{ opacity:1; z-index:2; display:flex; justify-content:center; align-items:center; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:10px; background:#ffffff; }
.dialogbox .loading{ transition:opacity linear 0s, z-index linear 0s; }
.dialogbox .loading i{ opacity:.5; font-size:10vh; animation:dialogbox_spinner 3s linear infinite; }
@keyframes dialogbox_spinner{ from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.dialogbox.loaded{ opacity:1; }
.dialogbox.loaded .body iframe{ opacity:1; }
.dialogbox.loaded .loading{ opacity:0; z-index:0; transition:opacity linear .1s .3s, z-index linear 0s .4s; }
.dialogbox.min .body{ width:500px; height:240px; }
.dialogbox.max .body{ width:100%; height:100%; }
@media(max-width:576px){
	.dialogbox{ padding:10px; }
	.dialogbox .body{ border-radius:5px; }
	.dialogbox .loading{ border-radius:5px; }
}
/* dialogbox */

























.form-container{ width:100%; margin-bottom:20px; color:#666666; }
.form-container .col{ display:flex; align-items:center; }


.widget{ display:block; position:relative; margin:0 0 20px; padding:20px; border:none; border-radius:5px; background:#ffffff; }
.widget .title{ padding:4px 0; font-size:13px; font-weight:bold; }
.widget .desc{ padding:4px 0; font-size:32px; font-weight:bold; }



.row{ display:flex; flex-wrap:wrap; margin:0 -10px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{ position:relative; width:100%; min-height:1px; padding:0 10px; }
.col{ flex-basis:0; flex-grow:1; max-width:100%; }
.col-auto{ flex:0 0 auto; width:auto; max-width:none; }
.col-1{ flex:0 0 8.333333%; max-width:8.333333%; }
.col-2{ flex:0 0 16.666667%; max-width:16.666667%; }
.col-3{ flex:0 0 25%; max-width:25%; }
.col-4{ flex:0 0 33.333333%; max-width:33.333333%; }
.col-5{ flex:0 0 41.666667%; max-width:41.666667%; }
.col-6{ flex:0 0 50%; max-width:50%; }
.col-7{ flex:0 0 58.333333%; max-width:58.333333%; }
.col-8{ flex:0 0 66.666667%; max-width:66.666667%; }
.col-9{ flex:0 0 75%; max-width:75%; }
.col-10{ flex:0 0 83.333333%; max-width:83.333333%; }
.col-11{ flex:0 0 91.666667%; max-width:91.666667%; }
.col-12{ flex:0 0 100%; max-width:100%; }
@media(min-width:576px){
	.col-sm{ flex-basis:0; flex-grow:1; max-width:100%; }
	.col-sm-auto{ flex:0 0 auto; width:auto; max-width:none; }
	.col-sm-1{ flex:0 0 8.333333%; max-width:8.333333%; }
	.col-sm-2{ flex:0 0 16.666667%; max-width:16.666667%; }
	.col-sm-3{ flex:0 0 25%; max-width:25%; }
	.col-sm-4{ flex:0 0 33.333333%; max-width:33.333333%; }
	.col-sm-5{ flex:0 0 41.666667%; max-width:41.666667%; }
	.col-sm-6{ flex:0 0 50%; max-width:50%; }
	.col-sm-7{ flex:0 0 58.333333%; max-width:58.333333%; }
	.col-sm-8{ flex:0 0 66.666667%; max-width:66.666667%; }
	.col-sm-9{ flex:0 0 75%; max-width:75%; }
	.col-sm-10{ flex:0 0 83.333333%; max-width:83.333333%; }
	.col-sm-11{ flex:0 0 91.666667%; max-width:91.666667%; }
	.col-sm-12{ flex:0 0 100%; max-width:100%; }
}
@media(min-width:768px){
	.col-md{ flex-basis:0; flex-grow:1; max-width:100%; }
	.col-md-auto{ flex:0 0 auto; width:auto; max-width:none; }
	.col-md-1{ flex:0 0 8.333333%; max-width:8.333333%; }
	.col-md-2{ flex:0 0 16.666667%; max-width:16.666667%; }
	.col-md-3{ flex:0 0 25%; max-width:25%; }
	.col-md-4{ flex:0 0 33.333333%; max-width:33.333333%; }
	.col-md-5{ flex:0 0 41.666667%; max-width:41.666667%; }
	.col-md-6{ flex:0 0 50%; max-width:50%; }
	.col-md-7{ flex:0 0 58.333333%; max-width:58.333333%; }
	.col-md-8{ flex:0 0 66.666667%; max-width:66.666667%; }
	.col-md-9{ flex:0 0 75%; max-width:75%; }
	.col-md-10{ flex:0 0 83.333333%; max-width:83.333333%; }
	.col-md-11{ flex:0 0 91.666667%; max-width:91.666667%; }
	.col-md-12{ flex:0 0 100%; max-width:100%; }
}
@media(min-width:992px){
	.col-lg{ flex-basis:0; flex-grow:1; max-width:100%; }
	.col-lg-auto{ flex:0 0 auto; width:auto; max-width:none; }
	.col-lg-1{ flex:0 0 8.333333%; max-width:8.333333%; }
	.col-lg-2{ flex:0 0 16.666667%; max-width:16.666667%; }
	.col-lg-3{ flex:0 0 25%; max-width:25%; }
	.col-lg-4{ flex:0 0 33.333333%; max-width:33.333333%; }
	.col-lg-5{ flex:0 0 41.666667%; max-width:41.666667%; }
	.col-lg-6{ flex:0 0 50%; max-width:50%; }
	.col-lg-7{ flex:0 0 58.333333%; max-width:58.333333%; }
	.col-lg-8{ flex:0 0 66.666667%; max-width:66.666667%; }
	.col-lg-9{ flex:0 0 75%; max-width:75%; }
	.col-lg-10{ flex:0 0 83.333333%; max-width:83.333333%; }
	.col-lg-11{ flex:0 0 91.666667%; max-width:91.666667%; }
	.col-lg-12{ flex:0 0 100%; max-width:100%; }
}
@media(min-width:1200px){
	.col-xl{ flex-basis:0; flex-grow:1; max-width:100%; }
	.col-xl-auto{ flex:0 0 auto; width:auto; max-width:none; }
	.col-xl-1{ flex:0 0 8.333333%; max-width:8.333333%; }
	.col-xl-2{ flex:0 0 16.666667%; max-width:16.666667%; }
	.col-xl-3{ flex:0 0 25%; max-width:25%; }
	.col-xl-4{ flex:0 0 33.333333%; max-width:33.333333%; }
	.col-xl-5{ flex:0 0 41.666667%; max-width:41.666667%; }
	.col-xl-6{ flex:0 0 50%; max-width:50%; }
	.col-xl-7{ flex:0 0 58.333333%; max-width:58.333333%; }
	.col-xl-8{ flex:0 0 66.666667%; max-width:66.666667%; }
	.col-xl-9{ flex:0 0 75%; max-width:75%; }
	.col-xl-10{ flex:0 0 83.333333%; max-width:83.333333%; }
	.col-xl-11{ flex:0 0 91.666667%; max-width:91.666667%; }
	.col-xl-12{ flex:0 0 100%; max-width:100%; }
}
@media(min-width:1600px){
	.col-xxl{ flex-basis:0; flex-grow:1; max-width:100%; }
	.col-xxl-auto{ flex:0 0 auto; width:auto; max-width:none; }
	.col-xxl-1{ flex:0 0 8.333333%; max-width:8.333333%; }
	.col-xxl-2{ flex:0 0 16.666667%; max-width:16.666667%; }
	.col-xxl-3{ flex:0 0 25%; max-width:25%; }
	.col-xxl-4{ flex:0 0 33.333333%; max-width:33.333333%; }
	.col-xxl-5{ flex:0 0 41.666667%; max-width:41.666667%; }
	.col-xxl-6{ flex:0 0 50%; max-width:50%; }
	.col-xxl-7{ flex:0 0 58.333333%; max-width:58.333333%; }
	.col-xxl-8{ flex:0 0 66.666667%; max-width:66.666667%; }
	.col-xxl-9{ flex:0 0 75%; max-width:75%; }
	.col-xxl-10{ flex:0 0 83.333333%; max-width:83.333333%; }
	.col-xxl-11{ flex:0 0 91.666667%; max-width:91.666667%; }
	.col-xxl-12{ flex:0 0 100%; max-width:100%; }
}