


.forminput {margin:0; padding:0; color:#666; line-height:150%; text-indent:5px; border:1px solid #aaa; background:#fff;}
.formselect {margin:0 0 0; padding:0 20px 0 5px; line-height:150%; border:1px solid #aaa; background: #fff url('/common/img/skin/admin/icon/icon_sel_arr2.png') right 0 center no-repeat; background-size:15px; vertical-align:middle; }
.formtext {margin:0; padding:5px; color:#666; line-height:150%; text-indent:0; border:1px solid #aaa; background:#fff;}
/* Ã¼Å©¹Ú½º */
.form_chkbox20 {line-height:20px; display:inline-block; position:relative;}
.form_chkbox20 > input[type='checkbox'] {display:none;}
.form_chkbox20 > label {margin:0 0 0; padding:0; width:20px; height:20px; line-height:20px; background: url('/common/img/skin/admin/icon/form_check_empty.png') no-repeat; background-size:20px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_chkbox20 > label + label {margin:-1px 0 0; padding:0; width:auto; height:20px; font-size:11.8pt; color:#999; line-height:20px; background:none; display:inline-block;}
.form_chkbox20 > input[type='checkbox']:checked + label {background: url('/common/img/skin/admin/icon/form_check.png') no-repeat;  background-size:20px; background-color:#333;}
.form_chkbox20 > input[type='checkbox']:checked + label + label {color:#333;}
.form_chkbox18 {line-height:18px; display:inline-block; position:relative;}
.form_chkbox18 > input[type='checkbox'] {display:none;}
.form_chkbox18 > label {margin:0 0 0; padding:0; width:18px; height:18px; line-height:18px; background: url('/common/img/skin/admin/icon/form_check_empty.png') no-repeat; background-size:18px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_chkbox18 > label + label {margin:-1px 0 0; padding:0; width:auto; height:18px; font-size:10.9pt; color:#999; line-height:18px; background:none; display:inline-block;}
.form_chkbox18 > input[type='checkbox']:checked + label {background: url('/common/img/skin/admin/icon/form_check.png') no-repeat;  background-size:18px; background-color:#333;}
.form_chkbox18 > input[type='checkbox']:checked + label + label {color:#333;}
.form_chkbox16 {line-height:16px; display:inline-block; position:relative;}
.form_chkbox16 > input[type='checkbox'] {display:none;}
.form_chkbox16 > label {margin:0 0 0; padding:0; width:16px; height:16px; line-height:16px; background: url('/common/img/skin/admin/icon/form_check_empty.png') no-repeat; background-size:16px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_chkbox16 > label + label {margin:-3px 0 0; padding:0; width:auto; height:16px; font-size:10.5pt; color:#999; line-height:16px; background:none; display:inline-block;}
.form_chkbox16 > input[type='checkbox']:checked + label {background: url('/common/img/skin/admin/icon/form_check.png') no-repeat;  background-size:16px; background-color:#333;}
.form_chkbox16 > input[type='checkbox']:checked + label + label {color:#333;}
/* ¶óµð¿À¹Ú½º */
.form_radio20 {line-height:20px; display:inline-block; position:relative;}
.form_radio20 > input[type='radio'] {display:none;}
.form_radio20 > label {margin:0 0 0; padding:0; width:20px; height:20px; line-height:20px; background: url('/common/img/skin/admin/icon/form_radio_empty.png') no-repeat; background-size:20px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_radio20 > label + label {margin:-1px 0 0; padding:0; width:auto; height:20px; font-size:11.8pt; color:#999; line-height:20px; background:none; display:inline-block;}
.form_radio20 > label + label > span {margin:0; font-size:11.8pt; height:20px; line-height:20px; display:inline-block;}
.form_radio20 > input[type='radio']:checked + label {background: url('/common/img/skin/admin/icon/form_radio.png') no-repeat;  background-size:20px; background-color:#333;}
.form_radio20 > input[type='radio']:checked + label + label {color:#333;}	
.form_radio18 {line-height:18px; display:inline-block; position:relative;}
.form_radio18 > input[type='radio'] {display:none;}
.form_radio18 > label {margin:0 0 0; padding:0; width:18px; height:18px; line-height:18px; background: url('/common/img/skin/admin/icon/form_radio_empty.png') no-repeat; background-size:18px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_radio18 > label + label {margin:-1px 0 0; padding:0; width:auto; height:18px; font-size:10.9pt; color:#999; line-height:18px; background:none; display:inline-block;}
.form_radio18 > label + label > span {margin:0; font-size:10.9pt; height:18px; line-height:18px; display:inline-block;}
.form_radio18 > input[type='radio']:checked + label {background: url('/common/img/skin/admin/icon/form_radio.png') no-repeat;  background-size:18px; background-color:#333;}
.form_radio18 > input[type='radio']:checked + label + label {color:#333;}
.form_radio16 {line-height:16px; display:inline-block; position:relative;}
.form_radio16 > input[type='radio'] {display:none;}
.form_radio16 > label {margin:0 0 0; padding:0; width:14px; height:14px; line-height:14px; background: url('/common/img/skin/admin/icon/form_radio_empty.png') no-repeat; background-size:14px; background-color:#dcdcdc; display:inline-block; cursor:pointer;}
.form_radio16 > label + label {margin:-1px 0 0; padding:0; width:auto; height:16px; font-size:10pt; color:#999; line-height:16px; background:none; display:inline-block;}
.form_radio16 > label + label > span {margin:0; font-size:10pt; height:16px; line-height:16px; display:inline-block;}
.form_radio16 > input[type='radio']:checked + label {background: url('/common/img/skin/admin/icon/form_radio.png') no-repeat;  background-size:14px; background-color:#333;}
.form_radio16 > input[type='radio']:checked + label + label {color:#333;}
/* Ã¼Å©/¶óµð¿À LABEL Æ÷Áö¼Ç */
.form_top {margin-left:8px; width:auto; display:inline-block; position:relative;}
.form_top > div {width:100%; padding-top:25px; position:relative;}
.form_top > div > label:first-of-type {top:0; left:50%; position:absolute; transform:translate(-50%, 0);}
.form_top > div > label + label {text-align:center; display:block; position:relative;}
.form_left {margin-left:8px; height:34px; line-height:100%; display:inline-block; position:relative;}
.form_left > div  {top:50%; margin-left:8px; padding-right:25px; position:relative; transform:translate(0,-50%);}
.form_left > div > label:first-of-type {top:0; right:0; position:absolute; }
.form_left > div > label + label {text-align:center; display:block; position:relative;}
.form_right {margin-left:8px; height:34px; line-height:100%; display:inline-block; position:relative;}
.form_right > div {top:50%; transform:translate(0,-50%);}
.form_bottom {margin-left:8px; width:auto; display:inline-block; position:relative;}
.form_bottom > div {width:100%; padding-bottom:25px; position:relative;}
.form_bottom > div > label:first-of-type {top:25px; left:50%; position:absolute; transform:translate(-50%, 0);}
.form_bottom > div > label + label {text-align:center; display:block; position:relative;}

.form_top:first-of-type,
.form_left:first-of-type,
.form_right:first-of-type,
.form_bottom:first-of-type {margin-left: 0;}

/* ±âº»Å×ÀÌºí(¸®½ºÆ®) */
table.tb {background:#ccc; table-layout:fixed; position:relative; clear:both;}
table.tb > caption {display: none;}
table.tb th, table.tb td {border:1px solid #999;}
table.tb > thead > tr > th {padding:5px 0; font-weight:normal; font-size:10pt; color:#555; line-height:130%; text-align:center; background:#eee;}
table.tb > thead > tr > td {padding:5px 5px; font-weight:normal; font-size:10pt; color:#555; line-height:130%; text-align:center; background:#fff;}


table.tb > thead > tr > th .form_bottom {margin-left:0; width:auto; display:inline-block; position:relative;}
table.tb > thead > tr > th .form_bottom > div {width:100%; padding-bottom:20px; position:relative;}
table.tb > thead > tr > th .form_bottom > div > label:first-of-type {top:16px; left:50%; position:absolute; transform:translate(-50%, 0);}
table.tb > thead > tr > th .form_bottom > div > label + label {font-size:9.5pt; color:#666; text-align:center; display:block; position:relative;}

table.tb > tbody > tr {width:100%; background:#fff;}
table.tb > tbody > tr.n {background: #efefef;}

table.tb > tbody > tr.list:hover {background: #efefef;}


/* table.tb > tbody > tr:hover {background: #efefef;} */
table.tb > tbody > tr > th {padding:5px 0; padding:0; font-size:10pt; color:#777; line-height:130%; text-align:left; background:#eee;}
table.tb > tbody > tr > td {padding:5px 0; padding:0; font-size:10pt; color:#777; line-height:130%; text-align:left;}

table.tb > tbody > tr > td input {vertical-align:middle;}
table.tb > tbody > tr > td select {vertical-align:middle;}

table.tb > tbody > tr > td.im input {margin-top:5px; vertical-align:middle;}
table.tb > tbody > tr > td.im input:first-of-type {margin-top:0;}

table.tb > tbody > tr > td > .tit {margin:0; padding:0; width:80px; height:27px; font-size:10pt; line-height:150%;  display:inline-block;}


table.tb > tfoot > tr {width:100%; background:#fff;}
table.tb > tfoot > tr > th {padding:5px 0; padding:0; font-size:10pt; color:#777; line-height:130%; text-align:left; background:#eee;}
table.tb > tfoot > tr > td {padding:5px 0; padding:0; font-size:10pt; color:#777; line-height:130%; text-align:left;}

table.tb .w30 {width:30px;}
table.tb .w50 {width:50px;}
table.tb .w60 {width:60px;}
table.tb .w80 {width:80px;}
table.tb .w90 {width:90px;}
table.tb .w100 {width:100px;}
table.tb .w150 {width:150px;}
table.tb .w200 {width:200px;}
table.tb .w250 {width:250px;}
table.tb .w350 {width:350px;}

table.tb .w10p {width:10%;}
table.tb .w20p {width:20%;}
table.tb .w30p {width:30%;}
table.tb .w40p {width:40%;}
table.tb .w50p {width:50%;}
table.tb .w60p {width:60%;}
table.tb .w70p {width:70%;}
table.tb .w80p {width:80%;}
table.tb .w90p {width:90%;}
table.tb .w100p {width:100%;}

table.tb .h35 {height:35px;}
table.tb .h60 {height:60px;}

table.tb .pl5 {padding-left:5px;}
table.tb .pr5 {padding-right:5px;}
table.tb .px5 {padding-left:5px;padding-right:5px;}
table.tb .py5 {padding-top:5px;padding-bottom:5px;}
table.tb .pa5 {padding:5px;}

table.tb .forminput, 
table.tb .formselect {padding:0 5px; height:25px;}

table.tb .lef {text-align:left;}
table.tb .cen {text-align:center;}
table.tb .rig {text-align:right;}

table.tb .bge {background-color:#eee;}

table.tb a.btn01, table.tb a.btn01 {padding:0 3px; height:20px; font-size:9.5pt; color:#fff; line-height:150%; background:#0094ff; display:inline-block;}
table.tb a.btn02, table.tb a.btn02 {padding:0 3px; height:20px; font-size:9.5pt; color:#fff; line-height:150%; background:#286fde; display:inline-block;}
table.tb a.btn03, table.tb a.btn03 {padding:0 3px; height:20px; font-size:9.5pt; color:#fff; line-height:150%; background:#afafaf; display:inline-block;}

table.tb td.manage > a {margin:0 auto; width:80%; height:25px; font-size:9.5pt; color:#fff;  line-height:25px; text-align:center; display:block;}
table.tb td.manage > a.btn01 {color:#58e44d; border:1px solid #58e44d; line-height:23px; background-color:#fff;}
table.tb td.manage > a.btn02 {color:#e68814; border:1px solid #e68814; line-height:23px; background-color:#fff;}
table.tb td.manage > a.btn03 {color:#fff; background-color:#58e44d; line-height:25px;}
table.tb td.manage > a.btn04 {color:#fff; background-color:#ddd; line-height:25px;}
table.tb td.manage > a.btn05 {color:#aaa; border:1px solid #ccc;line-height:23px;}
table.tb td.manage > a.btn07 {color:#eb1b1b; border:1px solid #eb1b1b; line-height:23px;}


table.tb td.manage > a.btn11 {color:#58e44d; border:1px solid #58e44d; line-height:23px; background-color:#fff;}
table.tb td.manage > a.btn12 {color:#e68814; border:1px solid #e68814; line-height:23px; background-color:#fff;}
table.tb td.manage > a.btn13 {color:#286fde; border:1px solid #286fde; line-height:23px; background-color:#fff;}
table.tb td.manage > a.btn14 {color:#fff; line-height:25px; background-color:#58e44d;}
table.tb td.manage > a.btn15 {color:#0094ff; border:1px solid #0094ff;line-height:23px;}
table.tb td.manage > a.btn16 {color:#fff; line-height:25px;  background-color:#0094ff;}
table.tb td.manage > a.btn17 {color:#eb1b1b; border:1px solid #eb1b1b; line-height:23px;}
table.tb td.manage > a.btn18 {color:#aaa; border:1px solid #ccc;line-height:23px;}
table.tb td.manage > a.btn99 {color:#aaa; border:1px solid #ccc;line-height:23px;}


.searchbox {margin:0 0 15px 0; padding:0; position:relative; background-color:#efefef; border:1px solid #999;}
.searchbox:after {display:block; clear:both; content:"";}
.searchbox > .sfields {margin:7px; padding:0px; line-height:120%; float:left;}
.searchbox > .sfields a {height:27px; display:inline-block; }
.searchbox > .sfields a.on 			{font-size:10.5pt;font-weight:normal;color:fuchsia;text-decoration:none;cursor:pointer;letter-spacing:-0.2mm;}
.searchbox > .sfields a.on:hover	{color:fuchsia;}
.searchbox > .sfields a.off			{font-size:10.5pt;font-weight:normal;color:#666;text-decoration: none;cursor:pointer;letter-spacing:-0.2mm;}
.searchbox > .sfields a.off:hover	{color:fuchsia;}
.searchbox > .sfields select {margin-top:-1px; height:27px; font-size:10pt;}
.searchbox > .sfields input[type='text'] {height:27px; font-size:10pt;}
.searchbox > .sfields input[type='button'] {width:80px; height:25px; font-size:10pt; color:#fff; line-height:150%; background:#286fde;}
.searchbox > .sfields .line {line-height:24px; display:inline-block;}
.searchbox > .icon {margin:12px 0 0; height:100%; float:left;}
.searchbox > .icon > img {cursor:pointer;}
.searchbox > .btn {top:50%; right:7pt; margin:0; position:absolute; transform:translate(0,-50%);}
.searchbox > .btn > a {margin-left:2%; height:20px; float:left;}

.searchbox > .btn > a.btn01 {width:auto; height:25px; font-size:9.5pt; color:#fff; line-height:23px; text-align:center; background:#0094ff; display:block;}
.searchbox > .btn > a.btn02 {width:auto; height:25px; font-size:9.5pt; color:#fff; line-height:23px; text-align:center; background:#286fde; display:block;}
.searchbox > .btn > a.btn03 {width:auto; height:25px; font-size:9.5pt; color:#fff; line-height:23px; text-align:center; background:#afafaf; display:block;}

.fs11 {font-size:11pt;}
.fs12 {font-size:12pt;}

.fwb {font-weight:bold;}
.fwn {font-weight:normal;}

.fcba {color:#666;}
.fcr {color:red;}
.fcb {color:#286fde;}
.fcg {color:#afafaf;}

.fgw {color:#fff;}


.fcgreen {color:#38b115;}
.fcred {color:#d53333;}


.txt1 {color:#333;}
.txt2 {color:#e68814;}
.txt3 {color:#58e44d;}
.txt4 {}
.txt5 {color:#aaa;}
.txt0 {}

.wait{color:orange; line-height:150%; display:inline-block;}
.assign{color:green; line-height:150%; display:inline-block;}
.block{color:red; line-height:150%; display:block;}
.apply{color:blue; line-height:150%; display:inline-block;}
.remain{color:black; line-height:150%; display:inline-block;}


/* ÆäÀÌÁö³×ºñ */
.pagenavi {margin:0 0 0; padding:2% 0 2%; border-top:1px solid #ddd; position:relative;}
.pagenavi:after {display:block; clear:both; content:"";}

/* ÆäÀÌÂ¡ ³×ºñ°ÔÀÌ¼Ç */
.paging {margin:0; text-align:center;}
.paging > ul {display:inline-block; position:relative;}
.paging > ul:after {display:block; clear:both; content:"";}
.paging > ul > li {margin-left:15px; position:relative; float:left;}
.paging > ul > li:first-of-type {margin-left:0;}
.paging > ul > li > a {margin:0; padding:0; width:20px; height:20px; font-size:10pt; font-weight:normal; color:#555; line-height:18px; text-align:center; border:1px solid #ccc; border-radius:3px; display:block;}
.paging > ul > li > a.active {font-weight:bold; color:#555; -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 2px 3px rgba(0,0,0,0.2); box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2);}
.paging > ul > li.page_pre > a {margin-right:5px;font-size:13pt; font-weight:600; color:#ddd; border:1px solid #ddd; position:relative;}
.paging > ul > li.page_pre > a:after {top:-2px; left:6px; position:absolute; content:"<"; }
.paging > ul > li.page_nex > a {margin-left:5px;font-size:13pt; font-weight:600; color:#ddd; border:1px solid #ddd; position:relative;}
.paging > ul > li.page_nex > a:after {top:-2px; left:6px; position:absolute; content:">"; }



.section {margin:0 2%;}

.section .tit {font-size:11.5pt; line-height:50px; position:relative;}
.section .tit > .btn {top:50%; right:0; display:inline-block; position:absolute; transform:translate(0,-50%);}
.section .tit > .btn > a {padding:2px 5px; height:25px; font-size:10pt; color:#fff; line-height:23px;}
.section .tit > .btn > a.btn01 {width:auto; text-align:center; background:#0094ff;}
.section .tit > .btn > a.btn02 {width:auto; text-align:center; background:#286fde;}
.section .tit > .btn > a.btn03 {width:auto; text-align:center; background:#afafaf;}
.section > .btn {margin:2% 0; text-align:right;}
.section > .btn > a.btn01 {width:auto; height:45px; font-size:11pt; color:#fff; line-height:43px; text-align:center; background:#0094ff; display:inline-block;}
.section > .btn > a.btn02 {width:auto; height:45px; font-size:11pt; color:#fff; line-height:43px; text-align:center; background:#286fde; display:inline-block;}
.section > .btn > a.btn03 {width:auto; height:45px; font-size:11pt; color:#fff; line-height:43px; text-align:center; background:#afafaf; display:inline-block;}


#tbLogin {top:50%; left:50%; width:500px; display:block; position:absolute; transform:translate(-50%, -50%);}

#tbLogin .loginform {padding:10%; border:1px solid #0094ff; display:block;}
#tbLogin .loginform > .header {margin-bottom:3%; padding:0 0;}
#tbLogin .loginform > .header > h2 {padding:0 0 5%; font-size:20pt; text-align:center; border-bottom:2pt solid #0094ff;}
#tbLogin .loginform > .header > h2 > span {font-weight:bold; color:#0094ff;}
#tbLogin .loginform > .body {width:100%; position:relative;}
#tbLogin .loginform > .body .form {width:70%;}
#tbLogin .loginform > .body .form > dl {width:100%; position:relative; }
#tbLogin .loginform > .body .form > dl:after {display:block; clear:both; content:"";}
#tbLogin .loginform > .body .form > dl > dt {top:50%; left:0; position:absolute; transform:translate(0,-50%);}
#tbLogin .loginform > .body .form > dl > dd {padding:0 0 0 25%;}
#tbLogin .loginform > .body .form > dl > dd > input {margin:5px 0; width:100%; height:35px;}
#tbLogin .loginform > .body .btn {top:50%; right:0; margin-left:2%; width:28%; height:80px; background-color:#0094ff; position:absolute; transform:translate(0,-50%);}
#tbLogin .loginform > .body .btn > a {width:100%; font-weight:bold; color:#fff; line-height:80px; text-align:center; display:block;}

#tbLogin .copy {margin-top:2%; padding:0 1%; font-size:9pt; text-align:right;}

#wrap {min-width:1300px;}


#top,
#top ul,
#top ul li,
#top ul li a,
#top #menu-button {margin: 0; padding: 0; font-size:10.5pt; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:1;}

#top:after,
#top > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#top #menu-button {display: none;}

#top {font-family: Montserrat, sans-serif;}
#top > ul {margin:0 auto; width:100%;}
#top > ul > li {float: left;}
#top.align-center > ul {font-size: 0;text-align: center;}
#top.align-center > ul > li {display: inline-block;	float: none;}
#top.align-center ul ul {text-align: left;}
#top.align-right > ul > li {float: right;}
#top > ul > li > a {padding: 23px; font-size: 12pt; letter-spacing: 0; text-decoration: none; color: #ddd; font-weight: normal; text-transform: uppercase;}
#top > ul > li > a.logo {padding:17px; min-width:150px; font-size:20pt; letter-spacing: 0; text-decoration: none; color: #fff; font-weight: bold; text-transform: uppercase;}
#top > ul > li:hover > a {font-weight: bold; color: #fff;}
#top > ul > li.has-sub > a {padding-right: 30px;}
#top > ul > li.has-sub > a:after {position: absolute; transform:translate(0,-50%); top: 50%; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: '';}
#top > ul > li.has-sub > a:before {position: absolute; transform:translate(0,-50%); top: 50%; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease;-o-transition: all .25s ease; transition: all .25s ease;}
#top > ul > li.has-sub:hover > a:before {height: 0;} 
#top ul ul {position: absolute;left: -9999px;}
#top.align-right ul ul {text-align: right;}
#top ul ul li {height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#top li:hover > ul {left: auto;}
#top.align-right li:hover > ul {left: auto; right: 0;}
#top li:hover > ul > li {height: 35px;}
#top ul ul ul {margin-left: 100%; top: 0;}
#top.align-right ul ul ul {margin-left: 0; margin-right: 100%;}
#top ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background:rgba(50, 50, 50, 1);}
#top ul ul li:last-child > a,
#top ul ul li.last-item > a {border-bottom: 0;}
#top ul ul li:hover > a,
#top ul ul li a:hover {color: #ffffff;}

#top ul ul li.has-sub > a:after {position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: '';}
#top.align-right ul ul li.has-sub > a:after {right: auto; left: 11px; }
#top ul ul li.has-sub > a:before {position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease;-o-transition: all .25s ease; transition: all .25s ease;}

#top.align-right ul ul li.has-sub > a:before {right: auto; left: 14px; } 
#top ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}

#top > ul > .ctrl{top:50%; right:10px; padding-right:1%; position:absolute; transform:translate(0,-50%); z-index:2;}
#top > ul > .ctrl > a {font-size: 11pt; color: #fff;}

/*
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	#top {width:100%;}	
	#top ul {width:100%; display:none;}
	#top.align-center > ul {text-align:left;}
	#top ul li {width:100%; border-top:1px solid rgba(120,120,120,0.2);}
	#top ul ul li, #top li:hover > ul > li {height: auto;}
	#top ul li a, #top ul ul li a {width:100%; border-bottom:0;}
	#top > ul > li {float:none;}
	#top ul ul li a {padding-left:25px;}
	#top ul ul ul li a {padding-left:35px;}
	#top ul ul li a {color:#dddddd; background:none;}
	#top ul ul li:hover > a, #top ul ul li.active > a {color:#fff;}
	#top ul ul, #top ul ul ul, #top.align-right ul ul {position:relative; left:0; width:100%; margin:0; text-align:left;}
	#top > ul > li.has-sub > a:after, #top > ul > li.has-sub > a:before, #top ul ul > li.has-sub > a:after, #top ul ul > li.has-sub > a:before {display: none;}
	#top #menu-button {display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700;}
	#top #menu-button:after {position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: '';}
	#top #menu-button:before {position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: '';}
	#top #menu-button.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	#top #menu-button.menu-opened:before {top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	#top .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer;}
	#top .submenu-button.submenu-opened {background: #262626;}
	#top ul ul .submenu-button {height: 34px; width: 34px;}
	#top .submenu-button:after {position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block;background: #dddddd; content: '';}
	#top ul ul .submenu-button:after {top: 15px; right: 13px;}
	#top .submenu-button.submenu-opened:after {background: #ffffff;}
	#top .submenu-button:before {position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: '';}
	#top ul ul .submenu-button:before {top: 12px; right: 16px;}
	#top .submenu-button.submenu-opened:before {display: none;}
}
*/

#navi {margin:0 20px 20px; padding:15px; font-size:10pt; line-height:150%; text-align:left; border-bottom:1px dotted #ccc;}


#tbExecLayer {display:none; z-index:9998;}
#tbExecLayer .loading {top:50%; left:50%; width:250px; padding:15px 0; color:#555; line-height:100%; text-align:center; border:1.8pt solid red; border-radius:7px; background:#fff; position:absolute; transform:translate(-50%, -50%);}
#tbExecLayer .ajaxLayer {top:50%; left:50%; padding:15px; color:#555; line-height:100%; text-align:center; border:1.8pt solid red; border-radius:7px; background:#fff; position:absolute; transform:translate(-50%, -50%);}
#tbExecLayer .ajaxInnerLayer {padding:15px; color:#555; line-height:100%; text-align:center; border:1.8pt solid blue; border-radius:7px; background:#fff; position:absolute; z-index:1;}
#tbExecLayer .hearder {height:30px; clear:both;}
#tbExecLayer .hearder > .tit {font-size:11pt;max-width:90%;font-weight:bold;color:#666;line-height:25px;letter-spacing:-0.3mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
#tbExecLayer .hearder > .btn {float:right;}
#tbExecLayer .hearder > .btn > a {font-size:11pt;font-weight:900;color:#f00;line-height:25px;letter-spacing:0mm;}

#tbExecLayer .header {height:30px; clear:both;}
#tbExecLayer .header > .tit {font-size:11pt;max-width:90%;font-weight:bold;color:#666;line-height:25px;letter-spacing:-0.3mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
#tbExecLayer .header > .btn {float:right;}
#tbExecLayer .header > .btn > a {font-size:11pt;font-weight:900;color:#f00;line-height:25px;letter-spacing:0mm;}

#tbExecLayer .body {border:0px solid #4f4f4f; overflow-y:scroll;clear:both;}
#tbExecLayer .footer {margin:10px 0;text-align:right;}
#tbExecLayer .footer a.btn01 {width:auto; height:35px; font-size:9.5pt; color:#fff; line-height:33px; text-align:center; background:#0094ff; display:inline-block;}
#tbExecLayer .footer a.btn02 {width:auto; height:35px; font-size:9.5pt; color:#fff; line-height:33px; text-align:center; background:#286fde; display:inline-block;}
#tbExecLayer .footer a.btn03 {width:auto; height:35px; font-size:9.5pt; color:#fff; line-height:33px; text-align:center; background:#afafaf; display:inline-block;}
#tbExecLayer .footer a.btn04 {width:auto; height:35px; font-size:9.5pt; color:#fff; line-height:33px; text-align:center; background:#fa1a1a; display:inline-block;}

.dbfields {font-family: µ¸¿ò; font-size: 11px; font-weight: normal; color: #0094ff; letter-spacing: -0.05mm;}