@charset "UTF-8";
@import url("../XEIcon-2.2.0/xeicon.min.css");
@import url("font/stylesheet.css");
ul.columns::after, .btn-box::after, ul.columns::before, .btn-box::before {
  display: block;
  clear: both;
  content: ""; }

#simplemodal-overlay {
  background-color: #000; }

.notokr-regular {
  font-family: notokr-regular !important; }

.notokr-bold {
  font-family: notokr-bold !important; }

.notokr-light {
  font-family: notokr-light !important; }

.notokr-medium {
  font-family: notokr-medium !important; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body, hr, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
  margin: 0;
  padding: 0; }

fieldset, img {
  border: 0 none; }

dl, ul, ol, menu, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input, select, textarea, button {
  vertical-align: middle; }

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer; }

body {
  position: relative;
  background: #fff;
  -webkit-text-size-adjust: none; }

body, input, textarea, select, button, pre {
  font-size: 14px;
  line-height: 1.5;
  font-family: 'notokr';
  color: #333; }

/* color값은 디자인가이드에 맞게사용 */
a {
  color: #333;
  text-decoration: none; }

a:active, a:hover {
  text-decoration: none;
  color: #047bbf; }

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

table {
  border-collapse: collapse; }

caption {
  display: none; }

.placeholder {
  color: #ccc; }

::-webkit-input-placeholder {
  color: #aaa; }

:-moz-placeholder {
  color: #aaa; }

::-moz-placeholder {
  color: #aaa; }

:-ms-input-placeholder {
  color: #aaa; }

input[type=text]::-ms-clear {
  display: none; }

img {
  vertical-align: top; }

select {
  padding: 1px 4px; }

.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
  text-indent: -9999px; }

/* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1; }

/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {
  font-size: 0;
  line-height: 0;
  visibility: hidden; }

/* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */
.f_left {
  float: left; }

.f_right {
  float: right; }

.fGray {
  color: #999; }

.fBlue {
  color: #088ad5; }

.fRed {
  color: #d41f34; }

.fOrange {
  color: #e85302; }

.fWhite {
  color: #fff; }

.strong {
  font-weight: bold; }

.f11 {
  font-size: 1.1em; }

.f12 {
  font-size: 1.2em; }

.f125 {
  font-size: 1.25em; }

.uline {
  text-decoration: underline; }

.w160 {
  width: 160px; }

.w164 {
  width: 164px; }

.fix_image img {
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
  clear: both; }

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  display: table;
  content: " "; }

.clearfix::after, .clearfix::before {
  display: block;
  clear: both;
  content: ""; }

.header h1 {
  top: 20px}

h1.tax_logo a {
  display: block;
  text-indent: -3000em;
  overflow: hidden;
  width: 379px;
  height: 44px;
  background: url(../images/studyway_tax_logo.svg);
  background-size: 379px 44px; }

.text-blue {
  color: #166AC3; }

.tax-main {
  background-color: #f2f4f7; }

.tax_container {
  width: 100%;
  min-height: 100%;
  margin-top: -123px;
  margin-bottom: -140px; }

* html .tax_container {
  height: 100%; }

.tax_header_wrap {
  border-bottom: 1px solid #dad9d8;
  height: 83px; }

.tax_header {
  position: relative;
  width: 1200px;
  margin: 0 auto; }

.tax_content {
  padding: 123px 0 140px;
  background: #fff; }

.header_wrap {
  background: #fff; }

.tnb_site {
  position: absolute;
  top: 0;
  left: 110px; }
  .tnb_site ul {
    border-left: 1px solid #eee;
    overflow: hidden; }
  .tnb_site li {
    float: left;
    border-right: 1px solid #eee;
    height: 40px; }
  .tnb_site a {
    color: #666;
    display: block;
    line-height: 39px;
    vertical-align: middle;
    padding: 0 18px; }
    .tnb_site a:hover {
      background: #f7f6f5; }

.tax_banner {
  background: #fff;
  border-top: 1px solid #c0c1c3;
  height: 400px;
  background-position: top center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #dad9d8; }
  .tax_banner .banner_txt01 {
    padding-top: 150px;
    text-align: center;
    font-size: 40px;
    line-height: 44px;
    font-weight: 600; }
  .tax_banner .banner_txt02 {
    text-align: center;
    font-size: 22px;
    padding-top: 12px;
    font-weight: bold;
    color: #666; }

.main_col_wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0; }

.main_col {
  border: 1px solid #dad9d8;
  float: left;
  padding: 20px;
  height: 325px;
  background: #fff; }
  .main_col.tax_col01 {
    width: 330px;
    margin-right: 30px; }
  .main_col.tax_col02 {
    width: 480px;
    margin-right: 30px; }
  .main_col.tax_col03 {
    width: 330px; }
  .main_col .main_col_title {
    font-size: 17px;
    border-bottom: 2px solid #0d4886;
    height: 40px;
    font-weight: 600;
    color: #0d4886; }
  .main_col .tax_main_icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle; }
  .main_col .tax_main_icon01 {
    background-image: url(../images/menu01_list.png); }
  .main_col .tax_main_icon02 {
    background-image: url(../images/menu01_list.png); }
  .main_col .tax_main_icon03 {
    background-image: url(../images/menu01_list.png); }
  .main_col .tax_test_list {
    margin-top: 10px; }
    .main_col .tax_test_list li {
      border-bottom: 1px solid #dad9d8; }
    .main_col .tax_test_list a {
      display: block;
      height: 32px;
      position: relative; }
      .main_col .tax_test_list a .tax_list_type {
        position: absolute;
        top: 6px;
        left: 0;
        border-radius: 12px;
        width: 48px;
        border: 1px solid #dad9d8;
        text-align: center;
        font-size: 13px; }
      .main_col .tax_test_list a .tax_list_text {
        padding-left: 54px;
        height: 32px;
        line-height: 32px;
        vertical-align: middle; }
  .main_col .tax_store li {
    float: left;
    width: 146px;
    padding: 16px 0; }
  .main_col .tax_store_txt {
    text-align: center;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold; }
  .main_col .tax_store_img {
    text-align: center; }
  .main_col .tax_store_link01 {
    padding: 10px 16px 0; }
    .main_col .tax_store_link01 a {
      color: #fff;
      padding: 4px 0;
      text-align: center;
      border-radius: 32px;
      display: block;
      background: #0d4886; }
      .main_col .tax_store_link01 a:hover {
        background: #0a4078; }
  .main_col .tax_store_link02 {
    padding: 4px 16px; }
    .main_col .tax_store_link02 a {
      padding: 4px 0;
      text-align: center;
      border-radius: 32px;
      display: block;
      border: 1px solid #0d4886; }
      .main_col .tax_store_link02 a:hover {
        background-color: #f7f6f5;
        border: 1px solid #0a4078; }

.sub-title {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 14px;
  margin-top: 24px;
  border-bottom: 1px solid #d2d5da; }
  .sub-title a.follow {
    position: absolute;
    top: 0;
    right: 0; }
  .sub-title.subtitle-noline {
    border-bottom: 0 none;
    padding-bottom: 6px; }
  .sub-title .sub-txt {
    font-size: 16px;
    font-weight: normal;
    color: #555; }

.search-form-radio {
  display: inline-block;
  padding: 6px 0 0; }

.practical-form-selcet {
  width: 110px;
  padding: 6px; }

.exam_tit {
  margin-top: 14px;
  font-size: 20px;
  font-weight: 600;
  color: #0d4886;
  padding-top: 10px;
  padding-bottom: 10px; }
  .exam_tit img {
    vertical-align: middle;
    margin-right: 12px; }

.exam_list li {
  margin: 10px 0 20px; }
  .exam_list li.nolist {
    background: #f1f5f8;
    padding: 50px 0;
    text-align: center;
    font-size: 18px;
    color: #333; }
    .exam_list li.nolist a {
      margin-top: 12px; }
.exam_list .exam_data01 {
  border: 1px solid #d3d5da;
  float: left;
  width: 140px;
  background: #fff;
  height: 130px;
  margin-right: 10px;
  padding-top: 22px; }
.exam_list .exam_data04 {
  float: left;
  width: 132px;
  height: 130px; }
  .exam_list .exam_data04 a {
    display: block;
    height: 130px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background: #0d4886;
    padding-top: 32px; }
    .exam_list .exam_data04 a:hover {
      background: #093b6f; }
    .exam_list .exam_data04 a i {
      font-size: 32px; }
.exam_list .exam_txt01 {
  text-align: center;
  font-size: 15px; }
.exam_list .exam_txt02 {
  text-align: center;
  font-size: 20px;
  font-weight: 600; }
.exam_list .academy_name {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0 10px; }

.exam_desc_ul {
  overflow: hidden;
  margin-bottom: 32px; }
  .exam_desc_ul li {
    position: relative;
    float: left;
    width: 208px;
    padding-left: 48px;
    height: 240px; }
    .exam_desc_ul li .desc_01 {
      padding: 20px 0 8px;
      font-weight: 600;
      color: #999;
      text-align: center;
      font-size: 16px; }
    .exam_desc_ul li .desc_02 {
      border-radius: 50%;
      border: 1px solid #dad9d8;
      width: 160px;
      height: 160px;
      text-align: center;
      padding: 13px; }
    .exam_desc_ul li p.tit {
      font-size: 16px;
      font-weight: 600;
      color: #0d4886; }
    .exam_desc_ul li:first-child {
      padding-left: 0;
      width: 160px; }
    .exam_desc_ul li:after {
      position: absolute;
      display: block;
      font-family: xeicon;
      left: 10px;
      top: 47%;
      content: "";
      font-size: 28px;
      color: #bbb; }
    .exam_desc_ul li:first-child:after {
      display: none; }
    .exam_desc_ul li.step01 .desc_02 {
      padding-top: 46px; }
    .exam_desc_ul li.step02 .desc_02 {
      padding-top: 50px; }
    .exam_desc_ul li.step03 .desc_02 {
      padding-top: 50px; }
    .exam_desc_ul li.step04 .desc_02 {
      padding-top: 39px; }
    .exam_desc_ul li.step05 .desc_02 {
      padding-top: 34px; }
    .exam_desc_ul li.step06 .desc_02 {
      padding-top: 34px; }
    .exam_desc_ul li.step07 .desc_02 {
      padding-top: 24px; }
      

.examination {
  width: 390px;
  height: 240px;
  padding: 10px 0;
  margin: 160px auto;
  background: #fff;
  text-align: center; }
  .examination .txt01 {
    font-size: 28px;
    color: #0d4886;
    font-weight: 600; }
  .examination .txt02 {
    margin-top: 12px; }
  .examination .animation {
    font-size: 40px;
    color: #888; }
  .examination #timerText {
    font-size: 32px;
    font-weight: 600;
    color: #888; }
  .examination .txt03 {
    margin-top: 10px; }
  .examination .txt04 {
    font-size: 20px;
    padding: 32px 0 20px; }
  .examination .txt05 {
    font-size: 72px;
    color: #aaa; }

.result01 {
  overflow: hidden;
  float: left;
  width: 1200px;
  padding: 32px 0; }
  .result01 .xi-check-circle-o {
    font-size: 24px;
    color: #0d4886; }
  .result01 .xi-close-circle-o {
    font-size: 24px;
    color: #a71310; }

.result02 {
  float: right;
  margin-top: 32px;
  width: 350px;
  padding: 16px;
  position: relative;
  color: #fff; }
  .result02.result-pass {
    background: #0d4886; }
    .result02.result-pass .txt03 {
      color: #0d4886; }
  .result02.result-failed {
    background: #a31e08; }
    .result02.result-failed .txt03 {
      color: #a31e08; }
  .result02 .result02-btn {
    position: absolute;
    top: 14px;
    right: 16px; }
  .result02 .tit {
    height: 34px; }
  .result02 .tit h5 {
    font-size: 18px;
    font-weight: 600; }
  .result02 .result-data {
    padding: 12px;
    height: 40px;
    line-height: 17px;
    overflow: hidden;
    background: #fff;
    color: #333;
    margin: 2px 0; }
    .result02 .result-data .txt01 {
      float: left; }
    .result02 .result-data .txt02 {
      float: right; }
    .result02 .result-data .txt03 {
      float: right;
      font-weight: 600; }
  .result02 .result-footer {
    padding: 10px 0 0;
    color: #fff;
    text-align: right;
    font-size: 18px; }
  .result02 .result-footer-btn {
    color: #fff;
    overflow: hidden;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .result02 .result-footer-btn a.align-left {
      float: left;
      color: #fff; }
    .result02 .result-footer-btn a.align-right {
      float: right;
      color: #fff; }

.description {
  font-size: 13px;
  color: #777; }

.table-01 {
  width: 100%;
  border-top: 1px solid #d8d9da; }
  .table-01 th {
    padding: 14px;
    font-weight: 600;
    background: #f3f5f7;
    border-bottom: 1px solid #d8d9da; }
  .table-01 td {
    text-align: center;
    padding: 6px;
    border-bottom: 1px solid #e3e5e9; }
  .table-01 .wrong {
    background: #faeeeb;
    color: #902307; }

.form-sm {
  padding: 0.2rem 0.3rem;
  font-size: 0.85rem;
  height: 1.8rem; }

.checkbox {
  position: relative;
  padding-left: 20px; }

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  cursor: pointer; }

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 3px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out; }

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 3px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
  text-align: left; }

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  left: 0;
  width: 20px;
  height: 22px; }

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline-offset: -2px; }

.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="radio"]:checked + label::before,
.checkbox input[type="checkbox"]:checked:disabled + label::before,
.checkbox input[type="radio"]:checked:disabled + label::before {
  background-color: #337ab7 !important;
  border-color: #296ca6; }

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after,
.checkbox input[type="checkbox"]:checked:disabled + label::after,
.checkbox input[type="radio"]:checked:disabled + label::after {
  font-family: "xeicon";
  content: "\e928";
  color: #fff; }

.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px; }

.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
  cursor: not-allowed; }

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.5;
  cursor: not-allowed; }

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; }

.checkbox.checkbox-circle label::before {
  border-radius: 50%; }

.checkbox.checkbox-inline {
  margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #5bc0de; }

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #c54642; }

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #46aac8; }

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #e1a044; }

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #53ad53; }

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #2a6da6; }

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d04a46; }

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #50b4d1; }

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #4ea84e; }

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff; }

.radio {
  padding-left: 20px;
  position: relative; }

.radio label {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  cursor: pointer; }

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 3px;
  left: 0;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; }

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 6px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 0; }

.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline-offset: -2px; }

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); }

.radio input[type="radio"]:disabled {
  cursor: not-allowed; }

.radio input[type="radio"]:disabled + label {
  opacity: 0.5;
  cursor: not-allowed; }

.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed; }

.radio.radio-inline {
  margin-top: 0; }

.radio.radio-lg {
  padding-left: 12px; }
  .radio.radio-lg label {
    font-size: 16px; }

.radio.radio-lg label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px; }

.radio.radio-lg label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 14px;
  height: 14px;
  left: 3px;
  top: 6px; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'xeicon';
  content: "\e928"; }

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }

.radio-inline, .checkbox-inline {
  display: inline-block;
  vertical-align: middle;
  padding-right: 20px; }

.form-inline .center-line {
  padding: 8px;
  display: inline-block; }

.input-sm {
  padding: 0.2em;
  height: 1.8rem !important; }

.hidden-group.hidden {
  display: none !important; }

.slimScrollDiv textarea.form-control {
  height: 110px;
  margin: 0; }

.box-gray {
  background: #eef2f5; }

.box-header {
  position: relative;
  border-bottom: 1px solid #445a7c;
  margin-top: 20px;
  padding: 2px 0 6px;
  height: 38px;
  font-size: 16px;
  font-weight: bold; }
  .box-header h3 {
    float: left;
    font-size: 18px;
    font-weight: bold; }
    .box-header h3 .desc {
      font-size: 14px;
      color: #999; }
  .box-header .box-header-btn {
    position: absolute;
    right: 0;
    bottom: 6px; }

.box-body {
  width: 100%;
  padding: 8px 0; }

.box-body-title {
  position: relative;
  height: 44px;
  padding: 5px 0; }
  .box-body-title h3 {
    font-size: 16px;
    padding: 10px 0 5px; }
  .box-body-title h4 {
    font-size: 14px;
    padding: 14px 0 5px; }
  .box-body-title .box-body-btn {
    position: absolute;
    right: 0;
    bottom: 6px; }
  .box-body-title .box-body-btn-left {
    position: absolute;
    left: 0;
    bottom: 6px; }
  .box-body-title .box-body-btn-right {
    position: absolute;
    right: 0;
    bottom: 6px; }

ul.columns {
  display: table;
  width: 100%; }

ul.columns li {
  float: left;
  margin-bottom: 10px;
  margin-right: 1%;
  display: table-cell;
  padding-top: 10px; }

ul.columns.one_column li {
  width: 100%; }

ul.columns.two_column li {
  width: 49.5%; }

ul.columns.three_column li {
  width: 32.6666666667%; }

ul.columns.three_column li:nth-child(3n+0) {
  margin-right: 0; }

ul.columns.four_column li {
  width: 24.25%; }

ul.columns.four_column li:nth-child(4n+0) {
  margin-right: 0; }

ul.columns.five_column li {
  width: 19.2%; }

ul.columns.five_column li:nth-child(5n+0) {
  margin-right: 0; }

ul.columns.six_column li {
  width: 15.8333333333%; }

ul.columns.six_column li:nth-child(6n+0) {
  margin-right: 0; }

ul.columns.seven_column li {
  width: 13.4285714286%; }

ul.columns.seven_column li:nth-child(7n+0) {
  margin-right: 0; }

ul.columns.eight_column li {
  width: 11.625%; }

ul.columns.eight_column li:nth-child(8n+0) {
  margin-right: 0; }

ul.columns.nine_column li {
  width: 10.2222222222%; }

ul.columns.nine_column li:nth-child(9n+0) {
  margin-right: 0; }

ul.columns.ten_column li {
  width: 9.1%; }

ul.columns.ten_column li:nth-child(10n+0) {
  margin-right: 0; }

ul.columns.eleven_column li {
  width: 8.1818181818%; }

ul.columns.eleven_column li:nth-child(11n+0) {
  margin-right: 0; }

ul.columns.twelve_column li {
  width: 7.4166666667%; }

ul.columns.twelve_column li:nth-child(12n+0) {
  margin-right: 0; }

ul li:last-child {
  margin-right: 0 !important; }

.btn-box {
  padding: 10px 0; }
  .btn-box .btn-align-center {
    text-align: center; }
  .btn-box .btn-align-right {
    float: right; }
  .btn-box .btn-align-left {
    float: left; }

.box-nav {
  position: relative; }
  .box-nav .box-nav-btn {
    position: absolute;
    right: 0;
    top: 4px; }

/* ----------------------------------------------------------------
	05. Columns & Grid
-----------------------------------------------------------------*/
/* Gutter = 11.8px / 1% for 1180px*/
.postcontent {
  width: 920px; }

.postcontent.bothsidebar {
  width: 660px; }

.sidebar {
  width: 240px; }

.col_full {
  width: 100%; }

.col_half {
  width: 49.5%; }

.col_one_third {
  width: 32.6666666667%; }

.col_two_third {
  width: 66.3333333333%; }

.col_one_fourth {
  width: 24.25%; }

.col_three_fourth {
  width: 74.75%; }

.col_one_fifth {
  width: 19.2%; }

.col_two_fifth {
  width: 39.6%; }

.col_three_fifth {
  width: 59.4%; }

.col_four_fifth {
  width: 79.8%; }

.col_one_sixth {
  width: 15.8333333333%; }

.col_five_sixth {
  width: 83.1666666667%; }

body.stretched .container-fullwidth {
  position: relative;
  padding: 0 60px;
  width: 100%; }

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
  display: block;
  position: relative;
  margin-right: 1%;
  float: left; }

.postcontent,
.sidebar {
  margin-right: 20px; }

.col_full {
  clear: both;
  float: none;
  margin-right: 0; }

.postcontent.col_last,
.sidebar.col_last {
  float: right; }

.col_last {
  margin-right: 0 !important;
  clear: right; }

.contents-left {
  float: left;
  width: 49.5%;
  margin-right: 0.5%; }

.contents-right {
  float: right;
  width: 49.5%;
  margin-left: 0.5%; }

.col-line {
  position: relative;
  height: 20px;
  margin: 0 0 14px;
  border-bottom: 1px solid #dad9d8; }
  .col-line.arrow-bottom:before {
    position: absolute;
    top: 3px;
    left: 50%;
    margin-left: -30px;
    font-size: 24px;
    color: #777;
    font-family: "xeicon";
    text-align: center;
    content: "\e941";
    width: 60px;
    height: 20px;
    background: #fff; }

.line,
.double-line {
  clear: both;
  position: relative;
  width: 100%;
  margin: 30px 0;
  border-top: 1px solid #EEE; }
  .line.line-sm,
  .double-line.line-sm {
    margin: 15px 0; }

.double-line {
  border-top: 3px double #E5E5E5; }