@charset "utf-8";
@import url(../fonts/fonts.css);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* @import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.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; }
strong { font-weight: bold; }
body { font-family: 'Noto Sans KR', Arial, sans-serif; color:#333; font-size: 15px; line-height: 1.5; font-weight: normal;  }



/*
  T1R-FEF v1.00.8 | 20171103 | Front-End Framework
*/

/* Headers */
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1; }
h1 { font-size: 2em; } /*30px*/
h2 { font-size: 1.333em; } /*20px*/
h3 { font-size: 1.2em; } /*18px*/
h4 { font-size: 1.067em; } /*16px*/
h5 { font-size: 0.867em; } /*13px*/
h6 { font-size: 0.667em; } /*10px*/

/* Font Color */
.color-black { color: #333; }
.color-green { color: #0e9978; }
.color-blue { color: #2887d6; }
.color-red { color: #f96b5f; }

/* Font Emphasis */
.em { font-weight: bold; }
.em_line { font-weight: bold; border-bottom:  1px solid #666; }
.color-black .em_line { border-color: #333; }
.color-green .em_line { border-color: #0e9978; }
.color-blue .em_line { border-color: #2887d6; }
.color-red .em_line { border-color: #f96b5f; }


/* Blockquotes */
blockquote { margin: 20px 0; padding-left: 25px;  border-left: 5px solid #ee6e73; }

/* 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 */
.panel { background-color: #fff; border: 1px solid #ced9ee; border-radius: 0.333em; box-sizing: border-box; margin-bottom: 1.666em; }
.panel-head { background-color: #f5f5f5; padding: 1.333em; }
.panel-body {  padding: 1.333em; }
.panel.margin0 { margin-bottom: 0; }
.panel.center { text-align: center; }
.panel.trans { border: 0; background-color: transparent; }
.panel.gray { border: 0; }
.panel.gray .panel-head { background-color: transparent; padding: 0 0 1em; border-bottom: 0; }
.panel.gray .panel-body { background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 0.333em; }
.panel.gray2 {  }
.panel.gray2 .panel-head { background-color: #fff; }
.panel.gray2 .panel-body { background-color: #f5f5f5; }
.panel.green {border-color: #2dbda0; }
.panel.green .panel-head { background-color: #2dbda0; color: #fff; border-color: #2dbda0; }
.panel.green .panel-body {  }
.panel.blue { border-color: #2887d6; }
.panel.blue .panel-head { background-color: #2887d6; color: #fff; border-color: #2887d6; }
.panel.blue .panel-body {  }
.panel.red { border-color: #f96b5f; }
.panel.red .panel-head { background-color: #f96b5f; color: #fff; border-color: #f96b5f; }
.panel.red .panel-body {  }
.panel.trans .panel-head { background-color: transparent; padding: 0 0 1em; border-bottom: 1px solid #ccc; }
.panel.trans .panel-body { padding: 0; }
.panel.trans .panel-head + .panel-body { padding: 1em 0; }

/* Buttons */
a.btn{display: inline-block;}
button.btn{cursor: pointer;}
.btn{
  width: auto; min-width: 100px; height: 3.333em; padding:0 1em; font-size: 1em; line-height: 3.333em; 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: transparent; overflow: hidden;
  -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 #2887d6; color: #fff; background-color: #2887d6;}
.btn.blue_trans{border:1px solid #2887d6; color: #2887d6; 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 #00bf6f; color: #fff; background-color: #00bf6f;}
.btn.green_trans{border:1px solid #00bf6f; color: #00bf6f; background-color: transparent;}
.btn.gray{border:1px solid #cecece; color: #fff; background-color: #cecece;}
.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; 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.floating { padding: 0; width: 2.667em;  height: 2.667em; min-width: inherit; max-width: inherit; line-height: 2.667em; border-radius: 50%; }
.btn.floating.large { width: 4em; height: 4em; line-height: 4em; }
.btn.floating.small { width: 2em; height: 2em; line-height: 2em; }
.btn.floating.small .ico { background-size: 50%; }
.btn.floating.trans { width: 2.667em; height: 2.667em; line-height: 2.667em; box-shadow: inherit; }

/* 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; }

/* Labels */
.label { width: 100%; max-width: 80px; display: inline-block; padding: .3em .6em; font-size: 13px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: .25em; background-color: #fff; border: 1px solid #555; }
.label.sky { background-color: #69c0e2; border: 1px solid #49acd2; color: #fff; }
.label.red { background-color: #f96b5f; border: 1px solid #f96b5f; color: #fff; }
.label.blue { background-color: #2887d6; border: 1px solid #2887d6; color: #fff; }
.label.green { background-color: #00bf6f; border: 1px solid #00bf6f; color: #fff; }

/* Forms */
input::placeholder { color: #ccc; }
.ipt { background-color: #fff; border: 1px solid #ced9ee; color: #666; padding: 0.667em; height: 3em; line-height: 3em; box-sizing: border-box; border-radius: 0.2em; outline: none; }
textarea.ipt { height: auto; line-height: 1.5; resize: none; }
.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.w100p{ width: 100%; }
.ipt.center { text-align: center; }
.ipt_group {  position: relative; display: table; width: 100%; }
.ipt_group + .ipt_group { margin-top: 0.5em; }
.ipt_group.right { text-align: right; }
.ipt_group .ipt { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; }
.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.667em; line-height: 2.667em; }
.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: 2.667em; line-height: 2.667em; }
.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; }
.datepicker .ipt { padding-right: 3em; }
.datepicker .btn { position: absolute; top: 0; right: 0; z-index: 3; cursor: pointer; }

.ipt_field { position: relative; margin-top: 1em; }
.ipt_field input, .ipt_field textarea { width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 0;
  outline: none;
  height: 3em;
  width: 100%;
  font-size: 1em;
  color: #333;
  margin: 0 0 1.333em 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ipt_field textarea {
    overflow-y: hidden;
    margin-top: 0.8em;
    padding: 0 0 1.6em 0;
    resize: none;
    height: auto;
    min-height: 3em;
    font-family: inherit;
}
.ipt_field label {
  width: 100%;
  color: #7f7f7f;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 1em;
  cursor: text;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
  pointer-events: none;
}

.ipt_field input:focus, .ipt_field textarea:focus { border-bottom: 1px solid #333; }
.ipt_field input:focus + label, .ipt_field textarea:focus + label { color: #333; }
.ipt_field label.active {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ipt_field input.validate.valid { border-bottom: 1px solid #00bf6f; }
.ipt_field input.validate.invalid { border-bottom: 1px solid #f96b5f; }
.ipt_field input.validate + label:after { content: ''; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(9px); transform: translateY(9px); display: none; }
.ipt_field input.validate.valid + label:after { content: attr(data-success); color: #00bf6f; display: block; }
.ipt_field input.validate.invalid + label:after { content: attr(data-error); color: #f96b5f; display: block; }



/* 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: 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; }


/* Radio Checkbox */
/* Radio Checkbox */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
[type="radio"]:not(:checked), [type="radio"]:checked, [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; opacity: 0; }
[type="radio"]:not(:checked)+label, [type="radio"]:checked+label {
  position: relative; padding-left: 25px; cursor: pointer; display: inline-block; min-width: 30px; height: 30px; line-height: 30px; 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"]+label.text-none { min-width: auto; padding-left: 20px; }
[type="radio"]+label:before, [type="radio"]+label:after {
  content: ''; position: absolute; left: 0; top: 0; margin: 5px 5px 5px 0; width: 20px; height: 20px; z-index: 0; transition: .28s ease; box-sizing: border-box;
}
[type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after, [type="radio"]:checked+label:before, [type="radio"]:checked+label:after { border-radius: 50%; }
[type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after { border: 1px solid #ced9ee; }
[type="radio"]:checked+label:after, [type="radio"]:checked+label:before { border: 1px solid #ced9ee; }
[type="radio"]:checked+label:after { background-color: #566170; -webkit-transform: scale(0.5); transform: scale(0.5); }

[type="checkbox"]+label {
    position: relative; padding-left: 25px; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; font-size: 1em;
    -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; margin-right: 20px;
}
[type="radio"]+label:last-child,
[type="checkbox"]+label:last-child { margin-right: 0; }
[type="checkbox"]+label:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 1px solid #ced9ee;
    border-radius: 1px;
    background-color: transparent;
    margin-top: 2px;
    transition: .2s;
    margin: 5px 5px 5px 0;
}
[type="checkbox"]:checked+label:before{
    border: 1px solid #ced9ee;
    border-radius: 1px;
}
[type="checkbox"]:checked+label:after{
    content: '';
    position: absolute;
    top: 7px;
    left: 6px;
    z-index: 1;
    width: 4px;
    height: 7px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #56d48f;
    border-bottom: 2px solid #56d48f;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
}
.filled-in[type="checkbox"]:checked+label:before{
    border: 1px solid #56d48f;
    background-color: #56d48f;
}
.filled-in[type="checkbox"]:checked+label:after{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
[type="checkbox"].right+label { padding-left: 0; padding-right: 30px; }
[type="checkbox"].right+label:before{ left: auto; right: 0; margin: 5px 0 5px 5px; }
[type="checkbox"].right:checked+label:after{ left: auto; right: 5px; }

[type="checkbox"]:disabled+label, [type="radio"]:disabled+label { color: #bfbfbf; }
[type="checkbox"]:disabled+label:before, [type="radio"]:disabled+label:before{ border-color: #bfbfbf; background-color: #ddd; }

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

.switch label {
  cursor: pointer;
}

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

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

.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;
  margin: 0 10px;
  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: 5px;
  left: 9px;
  z-index: 1;
  width: 4px;
  height: 12px;
  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;
}

/* Pagination */
.pagination { padding: 25px 0; }
.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { font-size: 1em; line-height: 13px; height: 13px; color: #b3c0d1; padding: 0 10px; border-right: 1px solid #b3c0d1; text-align: center; display: inline-block; }
.pagination > li > a:hover { color: #666; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { padding-left: 0; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-right: 0; padding-right: 0; }
.pagination > li.active > a,
.pagination > li > span { color: #333; }


/* Tables */
.table { border: 1px solid #ced9ee; width: 100%; max-width: 100%; margin-bottom: 1.667em; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td { padding: 1em; border-left: 1px solid #ced9ee; text-align: center; vertical-align: middle; }
.table > thead > tr > th { background-color: #f5f5f5; color: #333; padding: 0.667em; border-bottom: 1px solid #ced9ee; }
.table > tbody > tr > th { background-color: #f5f5f5; }
.table > tbody > tr > th,
.table > tbody > tr > td {  }
.table > tbody > tr > td a { color: #3b65b4; text-decoration: underline; }
.table td.left, .table td.left { text-align: left; }
.table td.right, .table td.right { text-align: right; }
.table-hover > tbody > tr:hover { background-color: #f0f4f6; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table + .exp { font-size: 0.867em; color: #888; margin-top: -1em; }
.table + .exp.right { text-align: right; }

.table2 { width: 100%; max-width: 100%; margin-bottom: 2em; }
.table2 th,
.table2 td { border-bottom: 1px solid #ced9ee; text-align: left; vertical-align: top; padding: 0.667em; }
.table2 th { font-weight: bold; line-height: 1.333em;  }
.table2 td {  }
.table2 td.padding0 { padding: 0; }
.table2 > thead > tr > th { padding: 1em 0.667em; }
.table2 > tbody > tr > td a { color: #3b65b4; text-decoration: underline; }
.table2.center th,
.table2.center td { text-align: center; }
.table2 td.left, .table2 td.left { text-align: left; }
.table2 td.right, .table2 td.right { text-align: right; }
.table2 td.center, .table2 td.center { text-align: center; }


/* 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;}
.modal > .inner:after{content: '';display: block;clear: both;}
.modal > .inner .modal_header { padding: 1.333em; padding-right: 60px; background-color: #2dbda0; position: relative; }
.modal > .inner .modal_header > h2 {color: #fff;}
.modal > .inner .modal_content { overflow-y: auto; overflow-x: hidden; color: #666;}
.modal > .inner .modal_content > .inner { padding: 1.538em; }
.modal > .inner .modal_footer { padding: 1.333em; padding-top: 0; }
.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; }

/* Accordion */
.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; }

/* Scroll Top Btn */
#site-scrollTop { position: fixed; bottom: 3em; right: 2%; width: 4.467em; height: 4.467em; background: url(../images/ico/btn_top.png) center no-repeat; background-size: contain; cursor: pointer; z-index: 1000; border-radius: 50%; opacity: 0.85; visibility: hidden;
  box-shadow: 0 0.133em 0.133em 0 rgba(0,0,0,0.14), 0 0.067em 0.333em 0 rgba(0,0,0,0.12), 0 0.200em 0.067em -0.133em rgba(0,0,0,0.2);
}

/* Site Cover */
#site-cover { width: 100%; height: 0; position: fixed; top: 0; left: 0; z-index: 11000; background: #fff url(/images/common/index_cover.jpg) center no-repeat;
  -webkit-transition: height ease .35s .6s;
  -ms-transition: height ease .35s .6s;
  transition: height ease .35s .6s;
}
#site-cover.loading-out { height: 100%;
  -webkit-transition: height ease .35s;
  -ms-transition: height ease .35s;
  transition: height ease .35s;
}
#site-cover:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; left: 0; background: #666; z-index: 1;
  -webkit-transition: height ease .4s .3s;
  -ms-transition: height ease .4s .3s;
  transition: height ease .4s .3s;
}
#site-cover.loading-out:after { height: 0;
  -webkit-transition: height ease .8s .35s;
  -ms-transition: height ease .8s .35s;
  transition: height ease .8s .35s;
}

/* Grid Skin */
.col.grid-example {
    border: 1px solid #fff;
    margin: 7px 0;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    background-color: #2dbda0;
    color: #fff;
}

.paraShowing { opacity: 0; }

section.bx-example {
  margin-bottom: 2%;
}
section.bx-example h1.tit {
  margin-bottom: 2%;
}
section.bx-example:first-child { margin-top: 2%; }

@media screen and (max-width: 1023px){
    .row .col.t1 { width: 8.3333333333%; }
    .row .col.t2 { width: 16.6666666666%; }
    .row .col.t3 { width: 25%; }
    .row .col.t4 { width: 33.3333333333%; }
    .row .col.t5 { width: 41.6666666666%; }
    .row .col.t6 { width: 50%; }
    .row .col.t7 { width: 58.3333333333%; }
    .row .col.t8 { width: 66.6666666666%; }
    .row .col.t9 { width: 75%; }
    .row .col.t10 { width: 83.3333333333%; }
    .row .col.t11 { width: 91.6666666666%; }
    .row .col.t12 { width: 100%; }

    .modal { width: 85%; }
}

@media screen and (max-width: 767px){
    .row .col.m1 { width: 8.3333333333%; }
    .row .col.m2 { width: 16.6666666666%; }
    .row .col.m3 { width: 25%; }
    .row .col.m4 { width: 33.3333333333%; }
    .row .col.m5 { width: 41.6666666666%; }
    .row .col.m6 { width: 50%; }
    .row .col.m7 { width: 58.3333333333%; }
    .row .col.m8 { width: 66.6666666666%; }
    .row .col.m9 { width: 75%; }
    .row .col.m10 { width: 83.3333333333%; }
    .row .col.m11 { width: 91.6666666666%; }
    .row .col.m12 { width: 100%; }

    .pagination .pc { display: none; }
    .pagination .mobile { display: block; }

}