@charset 'utf-8';
@import url(../fonts/NotoSansKR/notosanskr.css);

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a { color: initial; }
img { max-width: 100%; display: block; }
/* input {appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;} */
select { border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; }
select::-ms-expand { display: none; }
body, input, textarea, select { font-family: 'NotoSansKR', "Malgun Gothic", sans-serif; color:#202429; font-size: 16px; line-height: 1.5; font-weight: normal;  }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Grid System */
.row { margin-left: -0.5em;  margin-right: -0.5em; }
.row:before, .row:after { content: ''; display: table; }
.row:after { clear: both; }
.row .col { float: left; box-sizing: border-box; left: auto; right: auto; padding: 0 0.5em; }
.row.right .col { float: right; }
.row .col.s1 { width: 8.3333333333%; }
.row .col.s2 { width: 16.6666666666%; }
.row .col.s3 { width: 25%; }
.row .col.s4 { width: 33.3333333333%; }
.row .col.s5 { width: 41.6666666666%; }
.row .col.s6 { width: 50%; }
.row .col.s7 { width: 58.3333333333%; }
.row .col.s8 { width: 66.6666666666%; }
.row .col.s9 { width: 75%; }
.row .col.s10 { width: 83.3333333333%; }
.row .col.s11 { width: 91.6666666666%; }
.row .col.s12 { width: 100%; }
.row .col[class*="push-"],
.row .col[class*="pull-"] { position: relative; }
.row .col.push-s1 { left: 8.3333333333%; }
.row .col.push-s2 { left: 16.6666666666%; }
.row .col.push-s3 { left: 25%; }
.row .col.push-s4 { left: 33.3333333333%; }
.row .col.push-s5 { left: 41.6666666666%; }
.row .col.push-s6 { left: 50%; }
.row .col.push-s7 { left: 58.3333333333%; }
.row .col.push-s8 { left: 66.6666666666%; }
.row .col.push-s9 { left: 75%; }
.row .col.push-s10 { left: 83.3333333333%; }
.row .col.push-s11 { left: 91.6666666666%; }
.row .col.pull-s1 { right: 8.3333333333%; }
.row .col.pull-s2 { right: 16.6666666666%; }
.row .col.pull-s3 { right: 25%; }
.row .col.pull-s4 { right: 33.3333333333%; }
.row .col.pull-s5 { right: 41.6666666666%; }
.row .col.pull-s6 { right: 50%; }
.row .col.pull-s7 { right: 58.3333333333%; }
.row .col.pull-s8 { right: 66.6666666666%; }
.row .col.pull-s9 { right: 75%; }
.row .col.pull-s10 { right: 83.3333333333%; }
.row .col.pull-s11 { right: 91.6666666666%; }

/* Panels */
.group { float: left; width: 100%; padding: 10px; max-width: 1800px; }
.group .header { position: relative; margin-top: 10px; margin-bottom: 10px; min-height: 23px; }
.group .header h3 { display: inline-block; position: relative; margin: 0; padding-left: 12px; font-size: 20px; color: #000; text-transform: uppercase; line-height: 1; }
.group .header h3:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 50%; background-color: #999; }
.group .header h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 3px; height: 50%; background-color: #333; }
.group .header .switch { position: absolute; top: -3px; right: 0; z-index: 2; }
.group .header .select { position: absolute; top: -12px; right: 0; z-index: 2; }
.group .header .right { position: absolute; top: -9px; right: 0; z-index: 2; }
.group .body {
  position: relative; width: 100%; padding: 30px; border-radius: 8px; background-color: #fff;  border: 1px solid #d6e1ea;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.group .body h4 { margin: 12px 0; font-size: 16px; height: 25px; }
.group .body + .header { margin-top: 26px; }
.group .footer {
  position: relative; width: 100%; padding: 30px; border-radius: 0 0 7px 7px; background-color: #eee; border: 1px solid #d6e1ea; margin-top: -7px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.group.col2 { width: 50%; }
.group.col3 { width: 33.333%; }
.group.col4 { width: 25%; }
.group.row2 .body { height: 270px; }

/* Buttons */
a.btn{display: inline-block;}
button.btn{cursor: pointer;}
.btn{
  width: auto; /* min-width: 100px; */ height: 40px; padding:0 1em; font-size: 1em; line-height: 38px; text-align: center; box-sizing: border-box; vertical-align: middle; white-space: nowrap; position: relative; outline: none;
  border:1px solid #555; color: #555; background-color: #fff; overflow: hidden; border-radius: 4px;
  -webkit-transition:background-color .2s ease-in-out, -webkit-transform .3s ease-out;
  -moz-transition:background .2s ease-in-out, -moz-transform .3s ease-out;
  -ms-transition:background .2s ease-in-out, -ms-transform .3s ease-out;
  -o-transition:background .2s ease-in-out, -o-transform .3s ease-out;
  transition:background .2s ease-in-out, transform .3s ease-out;
}
/* .btn:before { display: inline-block; content: ''; height: 100%; vertical-align: middle; position: static; } */
.btn:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2); opacity: 0;
  -webkit-transition:.2s ease-out; transition:.2s ease-out;
}
.btn:hover:before { opacity: 1; }
.btn > img { vertical-align: middle; display: inline-block; }
.btn.small{ height: 2em; line-height: 2em; }
.btn.large { min-width: 180px; height: 4em; line-height: 4em; }
.btn.disabled { pointer-events: none; background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; }
.btn.radius { border-radius: .2em; }
.btn.radius20 { border-radius: 1.333em; }
.btn.radius20.large { border-radius: 2.667em; }
.btn.radius20.small { border-radius: 2em; }
.btn.square { width: 2.667em; min-width: auto; padding: 0 0.15em; }
.btn.square.large { width: 4em; height: 4em; line-height: 4em; }
.btn.square.small { width: 2em; height: 2em; line-height: 2em; }
.btn.square.small .ico { background-size: 60%; }
.btn.shadow { -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.14); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.14); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.14); }
.btn.trans{border:1px solid transparent; background-color: transparent;}
.btn.black{border:1px solid #333; color: #fff; background-color: #333;}
.btn.blue{border:1px solid #21619e; color: #fff; background-color: #21619e;}
.btn.blue_trans{border:1px solid #21619e; color: #21619e; background-color: transparent;}
.btn.sky{border:1px solid #00a5e5; color: #fff; background-color: #00a5e5;}
.btn.sky_trans{border:1px solid #00a5e5; color: #00a5e5; background-color: transparent;}
.btn.red{border:1px solid #f96b5f; color: #fff; background-color: #f96b5f;}
.btn.red_trans{border:1px solid #f96b5f; color: #f96b5f; background-color: transparent;}
.btn.green{border:1px solid #000000; color: #fff; background-color: #000000;}
.btn.green_trans{border:1px solid #000000; color: #000000; background-color: transparent;}
.btn.gray{border:1px solid #ababab; color: #fff; background-color: #ababab;}
.btn.gray_trans{border:1px solid #cecece; color: #cecece; background-color: transparent;}
.btn.white{border:1px solid #fff; color: #666; background-color: #fff;}
.btn.white_trans{border:1px solid #fff; color: #fff; background-color: transparent;}
.btn_group { position: relative; vertical-align: middle; }
* + .btn_group { margin-top: 1.667em; }
.btn_group.center { text-align: center; }
.btn_group.left { text-align: left; }
.btn_group.right { text-align: right; }
.btn_group.margin > .btn { margin: 0.2em; }
.btn_group.margin >.btn:first-child { margin-left: 0; }
.btn_group.margin >.btn:last-child { margin-right: 0; }
.btn.mo_effect {
  padding: 0 0.55em; width: 2.667em;  height: 2.667em; min-width: inherit; max-width: inherit; line-height: 2.667em; border-radius: 1.333em; text-align: left;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.btn.mo_effect:hover { width: 6.5em; }
.btn.mo_effect .ico { margin-right: 0.5em; }

.btn [class*='fa-'] { line-height: 38px; }
.btn [class*='fa-'] + span { margin-left: 5px; }

/* Buttons Ico */
.ico { width: 22px; text-align: center; line-height: inherit; display: inline-block; height: 100%; }
.ico.left { display: inline-block; vertical-align: top; margin-right: 0.5em; }
.ico.right { display: inline-block; vertical-align: top; margin-left: 0.5em; }
.ico.create_w { background: url(../images/ico/ico_create_w.png) center no-repeat; }
.ico.plus { background: url(../images/ico/ico_plus.png) center no-repeat; }
.ico.minus { background: url(../images/ico/ico_minus.png) center no-repeat; }
.ico.del { background: url(../images/ico/ico_del.png) center no-repeat; }
.ico.save { background: url(../images/ico/ico_save.png) center no-repeat; }
.ico.save_w { background: url(../images/ico/ico_save_w.png) center no-repeat; }
.ico.print { background: url(../images/ico/ico_print.png) center no-repeat; }
.ico.print_w { background: url(../images/ico/ico_print_w.png) center no-repeat; }
.ico.edit { background: url(../images/ico/ico_edit.png) center no-repeat; }
.ico.edit_w { background: url(../images/ico/ico_edit_w.png) center no-repeat; }
.ico.close { background: url(../images/ico/ico_close.png) center no-repeat; }
.ico.close_w { background: url(../images/ico/ico_close_w.png) center no-repeat; }
.ico.arrow_prev { background: url(../images/ico/ico_arrow_prev.png) center no-repeat; }
.ico.arrow_next { background: url(../images/ico/ico_arrow_next.png) center no-repeat; }
.ico.arrow_prev_w { background: url(../images/ico/ico_arrow_prev_w.png) center no-repeat; }
.ico.arrow_next_w { background: url(../images/ico/ico_arrow_next_w.png) center no-repeat; }
.ico.m_menu { background: url(../images/ico/ico_m_menu.png) center no-repeat; }
.ico.calender { background: url(../images/ico/ico_calender.png) center no-repeat; width: 26px; background-size: contain; }
.ico.calender2 { background: url(../images/ico/ico_calender2.png) center no-repeat; width: 26px; background-size: contain; }

/* Radio Checkbox */
input[type="checkbox"].custom, input[type="radio"].custom { box-sizing: border-box; padding: 0; }
[type="radio"].custom:not(:checked), [type="radio"].custom:checked, [type="checkbox"].custom:not(:checked), [type="checkbox"].custom:checked { position: absolute; left: -9999px; opacity: 0; }
[type="radio"].custom+label {
  position: relative; padding-left: 25px; cursor: pointer; display: inline-block; min-width: 20px; height: 20px; line-height: 20px; font-size: 1em; margin-right: 20px;
    transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
[type="radio"].custom+label.text-none { min-width: auto; padding-left: 20px; }
[type="radio"].custom+label:before, [type="radio"].custom+label:after {
  content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; z-index: 0; transition: .28s ease; box-sizing: border-box;
}
[type="radio"].custom:not(:checked)+label:before, [type="radio"].custom:not(:checked)+label:after, [type="radio"].custom:checked+label:before, [type="radio"].custom:checked+label:after { border-radius: 50%; }
[type="radio"].custom:not(:checked)+label:before, [type="radio"].custom:not(:checked)+label:after { border: 1px solid #c6c6c6; background-color: #fff; }
[type="radio"].custom:checked+label:after, [type="radio"].custom:checked+label:before { border: 1px solid #000000; background-color: #fff;}
[type="radio"].custom:checked+label:after { background-color: #000000; -webkit-transform: scale(0.45); transform: scale(0.45); }

[type="checkbox"].custom+label {
    position: relative; cursor: pointer; display: inline-block; padding-left: 25px; height: 20px; line-height: 18px; font-size: 1em; vertical-align: top; margin-right: 20px;
    -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;
}
[type="checkbox"].custom+label.text-none { padding-left: 25px; margin-right: 0; }
[type="radio"].custom+label:last-child,
[type="checkbox"].custom+label:last-child { margin-right: 0; }
[type="checkbox"].custom+label:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 0;
    border: 1px solid #c6c6c6;
    border-radius: 1px;
    background-color: #fff;
    transition: .2s;
    box-sizing: border-box;
}
[type="checkbox"].custom:checked+label:before{
    border: 1px solid #000000;
    background-color: #000000;
}
[type="checkbox"].custom:checked+label:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 5px;
    z-index: 1;
    width: 10px;
    height: 15px;
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
}
[type="checkbox"].custom.right+label { padding-left: 0; padding-right: 30px; }
[type="checkbox"].custom.right+label:before{ left: auto; right: 0; margin: 5px 0 5px 5px; }
[type="checkbox"].custom.right:checked+label:after{ left: auto; right: 5px; }
[type="checkbox"].custom:disabled+label, [type="radio"].custom:disabled+label { color: #bfbfbf; }
[type="checkbox"].custom:disabled+label:before, [type="radio"].custom:disabled+label:before{ border-color: #bfbfbf; background-color: #ddd; }
[type="checkbox"].custom+label+.txt { display: inline-block; vertical-align: middle; line-height: 25px; padding-left: 8px; font-size: 15px; color: #666; }
[type="checkbox"].custom+label+.txt a { font-weight: bold; color: #333; border-bottom: 1px solid #333; }

/* Switch */
.switch, .switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  display: inline-block;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #000000;
}

.switch label input[type=checkbox]:checked + .lever:after {
  left: 23px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 50px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 15px;
  transition: background 0.3s ease;
  vertical-align: middle;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-color: #fff;
  border-radius: 100%;
  left: 3px;
  top: 50%;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}

.switch label input[type=checkbox]:checked + .lever:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 9px;
  z-index: 1;
  width: 8px;
  height: 14px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #bfbfbf;
}

.customChkList {  }
.customChkList > li { display: table; width: 100%; white-space: nowrap; }
.customChkList > li + li { margin-top: 10px; }
.customChkList > li > * { display: table-cell; vertical-align: middle; }
.customChkList > li .tit { width: 120px; }
.customChkList > li input.custom {  }
.customChkList > li input.custom + label { border: 1px solid #aaa; background-color: #fff; color: #aaa; border-radius: 30px; padding-left: 0; text-align: center; min-width: 70px; margin-right: 10px; height: 30px; line-height: 28px; }
.customChkList > li input.custom + label:before,
.customChkList > li input.custom + label:after { display: none; }
.customChkList > li input.custom:checked + label { color: #333; border-color: #333; }

.t1-checkbox { box-sizing: border-box; padding: 0; position: absolute; left: -9999px; opacity: 0; }
.t1-checkbox + label { border: 1px solid #ccc; border-radius: 3px; padding: 4px 8px; cursor: pointer; min-width: 100px; display: inline-block; text-align: center; background-color: #f9f9f9; color: #333; }
.t1-checkbox:checked+label { background-color: #333; color: #fff; }
.t1-checkbox:disabled+label { background-color: #ddd; color: #ccc; }

/* Forms */
input::placeholder,
textarea::placeholder { color: #a9a9a9; }
.ipt { font-size: 1em; background-color: #fff; border: 1px solid #bababa; color: #333; padding: 0 0.667em; height: 40px; line-height: 38px; box-sizing: border-box; vertical-align: middle; border-radius: 4px; outline: none; }
textarea.ipt { height: auto; resize: none; line-height: 1.5; padding: 0.667em; }
.ipt:active, .ipt:focus { border-color: #000; }
.ipt:disabled { background-color: #fafbfc; border-color: #f6f6f6; }
.ipt.trans { border-width: 0; }
.ipt.sty01 { border-width: 0; border-bottom-width: 1px; }
.ipt.w50 { width: 50px !important; }
.ipt.w100 { width: 100px !important; }
.ipt.w200 { width: 200px !important; }
.ipt.w260 { width: 260px !important; }
.ipt.w440 { width: 440px !important; }
.ipt.w100p{ width: 100%; }
.ipt.center { text-align: center; }
.ipt_group {  position: relative; display: table; width: 100%; }
.ipt_group + .ipt_group { margin-top: 1em; }
.ipt_group.right { text-align: right; }
.ipt_group .ipt { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; }
.ipt_group .pwView { position: absolute; top: 8px; right: 8px; z-index: 3; width: 30px; height: 30px; background: url(../img/ico/ico_pwview.png) center no-repeat; text-indent: -9999px; border: 0; padding: 0; outline: none; cursor: pointer; }
.ipt_group .pwView.on { background: url(../img/ico/ico_pwview_on.png) center no-repeat; }
.ipt_group +.ht { font-size: 13px; color: #ec5858; }
.ipt_left,
.ipt_right { display: table-cell; position: relative; width: 1%; white-space: nowrap; vertical-align: middle; }
.ipt_left { padding-right: 0.5em; }
.ipt_left.addon { padding-right: 0; }
.ipt_left.addon > * { border-top-right-radius:0; border-bottom-right-radius:0; }
.ipt_left > .btn { height: 2.750em; line-height: 2.750em; }
.ipt_left.addon + .ipt:not(:first-child):not(:last-child) { border-radius: 0; border-left: 0; border-right: 0; }
.ipt_right { padding-left: 0.5em; }
.ipt_right.addon { padding-left: 0; }
.ipt_right.addon > * { border-top-left-radius:0; border-bottom-left-radius:0; }
.ipt_right > .btn { height: 40px; line-height: 38px; }
.ipt ~ .ipt_right.addon { border-top-right-radius:0; border-bottom-right-radius:0; }
.ipt[type="number"]::-webkit-outer-spin-button,
.ipt[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.datepicker { position: relative; max-width: 200px; }
.datepicker .ipt { padding-right: 3em; background-color: transparent; }
.datepicker .btn { position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; color: #999; }
.datepicker .k-icon { font-size: 22px; color: #21619e; }

/* Select */
select.ipt {
    width: 100%;
    min-width: 100px;
    padding:0 0.667em;
    padding-right: 2.5em;
    color: #666;
    vertical-align: middle;
    appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background: #fff url(../images/ico/selectbox_arrow.png) right center no-repeat;
}
select.ipt.black_trans { border: 1px solid #151515; color: #000; }
select.ipt.gray { border-color: transparent; background-color: #d0d0d0; }

.select_field { position: relative; display: inline-block; max-width: 215px; vertical-align: middle; }
.select_field + .select_field { margin-left: 10px; }
.select_field select { display: none; }
.select_field .select_text { width: 100%; cursor: pointer; background: #fff url(../images/ico/selectbox_arrow.png) right center no-repeat; outline: none; padding-right: 30px; }
.select_field .select_list { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; background-color: #fff; border: 1px solid #bababa; max-height: 320px; overflow-y: auto; outline: none; opacity: 0; transform-origin: 0px 0px; transform: scaleX(1) scaleY(0); 
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -ms-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  transition: all .15s ease-out;
}
.select_field .select_list.active { transform: scaleX(1) scaleY(1); opacity: 1; }
.select_field .select_list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.select_field .select_list::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.select_field .select_list::-webkit-scrollbar-thumb {
  background: #bebebe;
  border: 0px none #ffffff;
}
.select_field .select_list::-webkit-scrollbar-track {
  background: #eee;
  border: 0px none #ffffff;
}
.select_field .select_list::-webkit-scrollbar-corner {
  background: transparent;
}
.select_field .select_list > li { text-align: left; }
.select_field .select_list > li > span { display: block; cursor: pointer; font-size: 1em; color: #333; padding: 0.667em; box-sizing: border-box; }
.select_field .select_list > li > span:hover { background-color: #e1e1e1; }
.select_field .select_list > li.selected > span { color: #00a5e5; }
.select_field.parallel {  }
.select_field.parallel .select_list { width: 800px; }
.select_field.parallel .select_list > li { display: inline-block; }
.select_field.parallel .select_list > li > span { padding: 20px; }


/* Modals */
#modal_overlay{
    position: fixed;width: 100%; height: 100%;  left: 0; top: 0; z-index: 90;/* background:url("../img/common/transparent.png") repeat; */
    background-color: rgba(0, 0, 0, 0.5); display:none;visibility:hidden;opacity:0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}

/* #modal_overlay:nth-child(n){filter:none} */
#modal_overlay.on{visibility:visible;opacity:1;}

.modal{position: fixed;left:0;right:0;margin:auto;z-index: 100;display:none;visibility: hidden;opacity:0;-webkit-overflow-scrolling: touch;width: 55%; max-width:85%; min-width: 320px; max-height: 90%; min-height: 150px; overflow: hidden;
    -webkit-transform: scale(0.6,0.6);
    -moz-transform: scale(0.6,0.6);
    -ms-transform: scale(0.6,0.6);
    -o-transform: scale(0.6,0.6);
    transform: scale(0.6,0.6);
    -webkit-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -moz-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -ms-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -o-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .4s ease-in-out, opacity .4s ease-in-out, transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1);
}
.modal.on{visibility: visible;opacity:1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -ms-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -o-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out, transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1);
}
.modal > .inner{position: relative;background-color: #fff;width: 100%; height: 100%; padding: 0; border-radius: 8px; overflow: hidden; }
.modal > .inner:after{content: '';display: block;clear: both;}
.modal > .inner .modal_header { padding: 10px 20px; padding-right: 60px; background-color: #fff; position: relative; border-bottom: 1px solid #e4e6ea }
.modal > .inner .modal_header > h2 { font-size: 22px; color: #202429; font-weight: bold; }
.modal > .inner .modal_content { overflow-y: auto; overflow-x: hidden; color: #666;}
.modal > .inner .modal_content > .inner { padding: 1.2em; }
.modal > .inner .modal_content > .inner:after { content: ''; display: block; clear: both; }
.modal > .inner .modal_footer { padding: 10px 20px; border-top: 1px solid #e4e6ea; }
.modal > .inner .modal_footer .btn_group { margin-top: 0; }
.modal button.modal_close {position: absolute;top: 12px;right: 0.667em;z-index: 3;/* width: 19px;height: 19px; */overflow: hidden;}
.modal .modal_header button.modal_close { top: 50%; margin-top: -1.333em; color: #202429; }


/* Tab */
.tabs { width: 100%; position: relative; z-index: 1; }
.tabs:after { content: ''; display: block; clear: both; }
.tabs .tab { float: left; text-align: center; min-width: 200px; line-height: 40px; height: 40px; background-color: #eee; border-top: 1px solid #d6e1ea; }
.tabs .tab + .tab { border-left: 1px solid #d6e1ea; }
.tabs .tab:last-child { border-right: 1px solid #d6e1ea; }
.tabs .tab:first-child { border-left: 1px solid #d6e1ea; }
.tabs .tab a { display: block; width: 100%; height: 100%; padding: 0 25px; color: #bbb; }
.tabs .tab.active + .tab { border-left-color: #d6e1ea; }
.tabs .tab.active { border-color: #d6e1ea; }
.tabs .tab.active a { color: #333; background-color: #fff; height: 42px; }
.group .tabs + .body { border-top-left-radius: 0; }
.group .header + .tabs { margin-top: -40px; }


/* Accordion */
.accordion {  }
.accordion .acc-group.ui-draggable-dragging { z-index: 100; }
.accordion .acc-group > .body { min-height: auto; padding: 15px 30px; }
.accordion .acc-head { position: relative; }
.accordion .acc-head .title { display: block; vertical-align: middle; position: relative; z-index: 1; margin: 0; padding-left: 12px; font-size: 20px; color: #21619e; text-transform: uppercase; line-height: 30px; cursor: pointer; }
.accordion .acc-head .title:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 50%; background-color: #21619e; }
.accordion .acc-head .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 3px; height: 50%; background-color: #48abe4; }
.accordion .acc-head .switch { position: absolute; top: 0; right: 100px; z-index: 2; }
.accordion .acc-head .moveBtn { position: absolute;top: 0; right: 50px; z-index: 2; cursor: pointer; }
.accordion .acc-head .arrows { position: absolute;top: 0; right: 0; }

.accordion .acc-body { height: 0; overflow: hidden; }
.accordion .acc-body > .inner { padding: 20px 0; }

.accordion .acc-group.active .acc-body { height: auto; }
/* .accordion { margin-bottom: 1.666em; }
.accordion .panel { border-radius: 0; margin-bottom: 0; border-bottom-width: 0; }
.accordion .panel:last-child { border-bottom-width: 1px; }
.accordion .panel-head { position: relative; padding: 0; }
.accordion .panel-head:after { content: ''; position: absolute; top: 50%; right: 1.333em; width: 1.533em; height: 0.8em; margin-top: -0.5em; background: url(../images/ico/ico_arrow_down.png) center no-repeat; background-size: contain; z-index: 1; }
.accordion .panel-head a { display: block; position: relative; z-index: 2; padding: 1em; padding-right: 3em; }
.accordion .panel-accordion { display: none; overflow: hidden; }
.accordion .panel.active .panel-accordion { display: block; }
.accordion .panel.active .panel-head:after { background: url(../images/ico/ico_arrow_up.png) center no-repeat; background-size: contain; } */