@charset "utf-8";
/** font ----------------------------------------------------------------------------------- **/
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


/** 초기화  ----------------------------------------------------------------------------------- **/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button,
menu, nav, section, hgroup, article, header, aside, footer {
 font-family: "Noto Sans", Malgun Gothic, Dotum, '돋움', Helvetica, Apple SD Gothic Neo, sans-serif;
 font-weight: inherit;
 font-style: inherit;
 /*font-size: 100%;*/
 padding: 0;
 margin: 0;
 border: 0;
}
html{
 font-size:12px;
}
body {
 line-height: 1.4;
 color: #212121;
 letter-spacing: -0.04rem;
}
a {
 text-decoration: none;
 color: inherit;
 cursor: pointer;
}
a:hover {
 text-decoration: none;
 color: inherit;
}
ol, ul {
 list-style: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}
img {
 max-width:100%;
}

@media (min-width: 576px) {
	html{
	 font-size:12px;
	}
}
@media (min-width: 768px) {
	html{
	 font-size:14px;
	}
}

/** bootstrap ----------------------------------------------------------------------------------- **/
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.row {
  
  display: -ms-flexbox;
  display: flex;
  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.order-6 {
  -ms-flex-order: 6;
      order: 6;
}

.order-7 {
  -ms-flex-order: 7;
      order: 7;
}

.order-8 {
  -ms-flex-order: 8;
      order: 8;
}

.order-9 {
  -ms-flex-order: 9;
      order: 9;
}

.order-10 {
  -ms-flex-order: 10;
      order: 10;
}

.order-11 {
  -ms-flex-order: 11;
      order: 11;
}

.order-12 {
  -ms-flex-order: 12;
      order: 12;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
        order: 12;
  }
}

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
        order: 12;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
        order: 12;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none;
}
@media (max-width: 1009px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 1009px) {
  .visible-sm {
    display: none !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1010px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width:850px) {
	.visible-md {
    display: none !important;
  }
  .visible-sm{
  	display: block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}


/** 메뉴 노출 여부 설정 ----------------------------------------------------------------------------------- **/
@media (max-width: 767px) {
	.top-nav li[data-ismobileshow="N"]{ 
		display: none !important;
	}
}
@media (min-width: 768px) {
	.top-nav li[data-isshow="N"]{
		display: none !important;
	}
}


/** admin & edit button----------------------------------------------------------------------------------- **/
.ewb-direct-edit {
	left: 0;
	bottom: 0;
}
.ewb-direct-edit{
	z-index: 998;
	position: fixed;
	width: 70px;
	height: 70px;
	margin: 0px;
}
.ewb-direct-edit li{
	margin: 5px 0px;
}
.ewb-direct-edit li a{
	min-width:70px;
	display:inline-block;
	background-color: rgba(0,0,0,0.5);
	color:#fff;
	font-size:0.9rem;
	font-weight:600;
	padding:0.2rem 0;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	text-align: center;
	text-decoration: none;
}



/** v3 default skin ----------------------------------------------------------------------------------- **/

/* TOP▲ */
.ewb-backToTop {
    width: 3rem;
    height: 3rem;
    border-radius: 2rem;
    border: 0.2rem solid #fff;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 999;
    line-height: 2.6rem;
    vertical-align: middle; 
    cursor: pointer;
}


/* GNB */
#header{	
	max-width: 100%;
    width: 100%;
    margin: 0;
    padding:20px 0px;
	background: #fff;
	box-sizing: border-box;
}
.fixed-link{
	position: absolute;
    right: 10px;
    top: 0px;
	text-align: right;
	margin-bottom:5px;
}
.fixed-link ul{
	list-style: none;	
}
.fixed-link ul li{
    display: inline-block;
    padding: 0 0.3rem 0 0.8rem;
    color: #7d7d7d;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 0.8rem;
    border-left: 1px solid #ccc;
}
.fixed-link ul li:first-child{
    border-left: 0px;
}
.fixed-link ul li a{
    color: #7d7d7d;
    text-decoration: none;
}

.logo-section{
	display: inline-block;
    float: left;
}
.logo-section h2{
	font-size:20px;
	color:#fff;
}

.logo-section a{
	display: inline-block;
}

.logo-section img{
	height: 100%;
	width: auto;
}
.mobile-menu-button{
    margin-right: 5px;
    margin-top: 7px;
}
.menu-section{
	float:right;
} 
ul.slimmenu li{
	min-width:141px;
}
ul.slimmenu li a{
	margin:0px;
	text-align:left;
	color:inherit;
  font-size: 1.3rem;
}
ul.slimmenu li a:hover{
	border-bottom: none;
}
ul.slimmenu li ul{
	box-shadow: none;
}
ul.slimmenu:hover li ul{
	display:inline-block !important;
}
ul.slimmenu li > ul{
	padding: 0px;
	background: #f9f9f9;
    padding-top: 53px;
    background-color: transparent;
}
ul.slimmenu li ul li{
	border-bottom: none;
}
ul.slimmenu li ul li a{
    height: auto;
    line-height: inherit;
    padding-bottom: 23px;
    font-weight: normal;
    color:#464646;
  	font-size: 1rem;
    text-align: left;
}
ul.slimmenu li ul li a:hover{
	color:inherit;
}
ul.slimmenu li ul li.has-submenu a{
	padding-bottom:10px;
}
ul.slimmenu li > ul > li > ul{
	display: inline-block !important;
    position: relative;
    left: 0px;
    width: 100%;
    padding-top:0px;
}
ul.slimmenu li > ul > li > ul > li a{
	padding-bottom:10px;
	color:#959595;
}
ul.slimmenu li > ul > li > ul > li a:hover{
	color:#959595;
}
ul.slimmenu li > ul > li > ul > li a:before{
	content:"-";
	margin-right:5px;
}
ul.slimmenu li > ul > li > ul > li:last-child a{
	padding-bottom:23px;
}

.menu-bg{
	display:none;
	position:absolute;
	top: 83px;
    left: 0px;
	width:100vw;
	min-height:290px;
	background-color:#f9f9f9;
	border-bottom:solid 1px #d5d5d5;
	box-sizing:border-box;
	z-index: 10;
}
@media(max-width:900px){
  	ul.slimmenu li{
      min-width:121px;
  }
}
@media (max-width: 576px){
	.logo-section {
			/*height: 50px;*/
	    line-height: 30px;
	}
	.logo-image{
		height: 35px;
	}
	.mobile-menu-button-title{
		display: none;
	}
}

/* LNB */
.col-md-3.layout-container-left{
	padding-right:40px;
}
.ewb-plugin-navigation h1{
	
} 
.ewb-plugin-navigation h1 .toggle{
	display:none !important;
}
.ewb-plugin-navigation ul li a > span {
  	display:none;
    width: 25px;
    height: 25px;
    background-color: #da2026;
    border-radius: 50%;
    position: absolute;
    right: 16px;
    top: 8px;
    text-align: center;
}
.ewb-plugin-navigation ul li.active a > span {
  display:inline-block;
}
.ewb-plugin-navigation ul li a > span img{
  position: relative;
    left: 1px;
}
.ewb-plugin-navigation ul li a i{
	position: absolute;
    right: 20px;
    top: 14px;
    margin-top: 2px;
    color:#acacac;
    font-weight: bold;
}
.ewb-plugin-navigation ul li.active a i{
    color:#1d4f7b;
}

/* page */  
.layout-container{
	position: relative;
	clear: both;
	overflow: hidden;
}   
.layout-container .contents-container{
	
}  
@media (max-width: 767px) {
  .layout-container{
  	height: inherit;
  }
  .layout-container .contents-container {
    min-height: 0 !important;
    padding:0 10px;
  }
} 
    
    
/* footer */
#footer{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
	background-color: #222222;
	color: #666666;
	margin-top:40px;
}
.footer-container{	
	width:100%;
	margin: 0 auto;
	padding:0;
}
.footer-container .row{
	max-width:1024px;
	width:100%;
	margin:0 auto;
	padding:0 15px;
}
.footer-container .footer-line{
   display:none;
	max-width:100%;
	height:40px;
	background-color:#d5d5d5;
}
.footer-container .footer-line .footer-line-center{
	max-width:1080px;
	width:100%;
	margin:0 auto;
	padding:0 15px;
}
.footer-common-menu a{
    line-height: 40px;
    padding-right: 24px;
	margin-right: 24px;
	border-right: 1px solid #959595;    
    font-size:12px;
    font-family: Dotum, '돋움';
  	color: #464646;
}
.footer-common-menu a:first-child{
	display:none;
}
.footer-common-menu a:last-child{
	border-right: none;
}
.footer-common-menu a:hover{
	text-decoration: none;
    color: #0c2f8d;
}
.footer-company-description{
	margin-top: 30px;
	
}
.footer-company-description h2{
	font-size:1.214rem;
	font-weight:600;
	margin-bottom: 0.5rem;
	color: #666666;
}
.footer-company-description p{
	max-width: 1200px !important;
}
.footer-company-information{
	margin-top: 30px;
}
.footer-company-information ul{
	max-width: 1200px !important;
}
.footer-company-information li {
    float: left;
    border-right: 1px solid #555;
    margin: 0 0.7rem 0.4rem 0;
    padding-right: 0.7rem;
    color: #666666;
    font-size: 1rem;
}
.footer-company-information li:last-child{
    border-right: 0px;
}
.footer-company-information li span:first-child:after{
    content: ':';
    vertical-align: top;
    line-height: 12px;
    padding-left: 4px;
}
.footer-company-information li:nth-child(1) span:first-child{
   display:none;
}
.footer-company-information li:nth-child(8){
	border-right: none;
}
.footer-company-information li:nth-child(1),
.footer-company-information li:nth-child(2),
.footer-company-information li:nth-child(3),
.footer-company-information li:nth-child(7),
.footer-company-information li:nth-child(9),
.footer-company-information li:nth-child(10),
.footer-company-information li:nth-child(11),
.footer-company-information li:nth-child(12),
.footer-company-information li:nth-child(13){
   display:none;
}
.footer-company-information li:nth-child(6){
	float: none;
	border-right: 0px;
}
.footer-container .footer-copy{
	padding-bottom: 30px !important;
	margin-top: 15px;
	color: #666666;
    font-size: 1rem;
}
.footer-copyleft{
	
}
.footer-copyright span{
	float: right;
	
	display: none;
}
/*
.footer-container .site-wrap{
	position: absolute;
    top: 0px;
    right: 0px;
}
*/
.footer-links{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.ethical-management-link{
	display:flex;
	width: 49%;
	min-height: 31px;
	margin-right:2%;
	padding: 0 5px;
	background: #666666;
	color:#fff;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
}
.select-box{
	display:flex;
	position: relative;
    width: 49%;
    height: 31px;
    background: #666666;
  	border-radius: 4px;
}
.select-box label {
	width: 100%;
    padding: 0px;
    position: absolute;
    font-size: 13px;
    top: 0px;
    left: 0px;
    letter-spacing: 1px;
    text-align: left;
    text-indent: 5px;
    height: 100%;
    line-height: 31px;
    color: #fff;
}
.select-box select#family_site_map {
    width: 100%;
    height: 31px;
    min-height: 31px;
    line-height: 31px !important;
    padding: 0 5px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
    background: #666666;
    color:#fff;
  cursor:pointer;
}
.select-box span.fa{
	width: 13px;
    height: 31px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #666666;
    font-size: 16px;
    padding-top: 6px;
  margin-right: 13px;
    box-sizing: border-box;
  color:#fff;
}

@media (min-width: 768px){
	.footer-container{
		padding:  0;
	}
	.footer-container .row{
		padding:0 15px;
	}
}



/* title & tip */
h2.title{ 
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 3rem;
}
h2.title:after{
    content: "";
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    border-top: 1px solid #313131;
    display: block;
    width: 100%;
    max-width: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.tips{
	margin: 0.5rem 0;
	color: #666;
	}
/* board - paging*/
.ewb-common-paging{
	
}
.ewb-common-paging a{
	padding: 0 5px;
    text-align: center;
    color: #444444;
    display: inline-block;
    box-sizing: border-box;
    font-size: 15px;
}
.ewb-common-paging strong{
    padding: 0 5px;
    text-align: center;
    color: #da2026;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 15px;
}
/* search */
form#search_form{
    
}
form#search_form:after{
	content:"";
	clear:both;
	display:block;
}
form#search_form label{
	float: left;
}
form#search_form label > span{
	display:none;
}
form#search_form select{
	float: left;
}
form#search_form .search-btn{
	float: left;
}
@media (max-width:767px){
	
}
/* board - list */
section.board{
  width:100%;
}
.board-list{
  width:100%;
}
.board-list .ewb-admin-search{
	margin-bottom: 1rem;
}
.board-list caption {
	display: none;
}
.board-list table {
    width: 100%;
    border-top: 3px solid #1d4f7b;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    table-layout: fixed;
    font-size:12px;
}
.board-list thead tr th {
	border-bottom: 1px solid #ddd;
    padding: 10px 5px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    background-color: #fff;
    color: #313131;
}
.board-list thead tr th:nth-child(1){
	width:70px;
}
.board-list thead tr th:nth-child(2){
	width:auto;
}
.board-list thead tr th:nth-child(3){
	width:90px;
}
.board-list thead tr th:nth-child(4){
	width:100px;
}
.board-list thead tr th:nth-child(5){
	width:80px;
}
.board-list tr td {
    border-top: 1px solid #ddd;
    padding: 14px 5px;
    vertical-align: middle;
    text-align: center;
  font-size:15px;
    color: #222222;
}

.board-fill .board-list table {
   	border-top: none;
    border-left: none;
    border-right: none;
}
.board-fill .board-list thead tr th {
  position:relative;
	border-bottom: none;
    padding: 10px 5px;
    background-color: #da2026;
    color: #fff;
    font-size: 1.071rem;
}
.board-fill .board-list thead tr th:after{
  content:"";
  display:inline-block;
  position:absolute;
  top: 13px;
    right: 0px;
  width:1px;
  height:14px;
    background-color:#e9797d;
}
.board-fill .board-list tr td {
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    vertical-align: middle;
    text-align: center;
    color: #434343;
}
.board-fill select{
  width:110px;
  height: 35px;
      padding: 0 15px;
  line-height: 33px;
  border-color:#dddddd;
    font-size: 14px;
}
.board-fill input[type=text],
.board-fill input[type=password]{
      width: 190px;
   height: 35px;
      padding: 0 15px;
  line-height: 33px;
  border-color:#dddddd;
    font-size: 14px;
}
.board-fill input[type=checkbox]{
  width:21px;
  height:21px;
  border:solid 1px #dddddd;
  border-radius:0px;
}
.board-fill  .search-btn{
    background-color: #da2026;
    border-color: #da2026;
    border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
}
.board-fill  .search-btn span.fa {
    margin-right: 5px;
       color: #fff;
}
.board-fill .board-list .ewb-common-btn{
      height: auto;
    line-height: normal;
}
.board-fill .add-btn{
  background-color: #da2026;
    border-color: #da2026;
    border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
    margin: 20px 0px 0px;
 
}
.board-fill .add-btn span.fa{
  color:#fff;
}
.board-list .board-notice-row{
	background:#f1f1f1;
}
.board-list .ewb-common-btn {
	text-align: right;
    height: 28px;
    line-height: 28px;
    margin-top: 0;
}

.board-list tr td.num {
	width:9%;
}
.board-list tr td.title {
	padding-left: 10px;
	text-align: left;
}
.board-list tr td.title a {
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
}
.board-title{
	display:block;
	float: left;
    max-width: calc(73% - 2px);
    margin-right: 2px; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.board-list .board-comment{
	display: inline-block;
    position: relative;
    top: -1px;
    margin-right:2px;
	color:#eb6100;
}
.board-list .board-new{
	background: #eb6100;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 9px;
    text-align: center;
    padding: 0px 3px;
    margin-right: 2px;
}
.board-list .board-file{
	display: inline-block;
    position: relative;
    top: -1px;
  margin-left: 5px;
}
.board-list tr td.name {
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.board-list tr td.date {
	width:15%;
}
.board-list tr td.viewCount {
	width:13%;
}
.board-list tbody tr:hover {
	background: #f8f8f8;
}

/* board - new, update */
.board-update{
  width:100%;
}
.board-update table {
    width: 100%;
    border-top: 3px solid #1d4f7b;
    border-bottom: 1px solid #005982;
    
}
.board-update thead tr th {
    border-top: 1px solid rgb(221,221,221);
    height: 45px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    background-color: #fff;
    width:5%;
    color: #313131;
}
#board_new thead tr th
	width:10%;
}
.board-update tfoot tr th{
  border-top: 1px solid rgb(221,221,221);
}
.board-update tr td {
    border-top: 1px solid rgb(221,221,221);
    height: 45px;
    padding: 5px 0px;
    vertical-align: middle;
    color: #7d7d7d;
}

.board-fill.board-update table{
  table-layout: fixed;
  border-top: solid 5px #da2026;
}
.board-fill #board_new thead tr th,
.board-fill #board_update thead tr th{
  width:100px;
}
.board-update tr td.title {
    width:auto;
}
.board-update tr td.name {
    width:8%;
}
.board-update tr td.date {
    width:12%;
}
.board-update tr td.viewCount {
    width:8%;
}

.board-update tr td p {
    font-weight: 600;
	color: #313131;
}

.board-update input[type=text]{
	width: 100%;
}
.board-update .name input[type=text]{
	width: 100%;
	max-width: 300px;
}
.board-update input[type=password]{
	width: 100%;
	max-width: 300px;
}
.board-update .board_btn{
	margin-top: 1rem;
	text-align: center;
}
.board-update .uploadedFile li{
	margin: 0.2rem 0;
}
.board-update .category span{
	padding: 5px;
	vertical-align: text-bottom;
}
.file-btn-wrap{ 
	display: inline-block;
    padding: 5px 0px;
} 
.file-btn-wrap:after{ 
	content:""; 
	clear:both; 
	display:block; 
} 
.category{ 
	width:100%;
} 
.category:after{ 
	content:""; 
	clear:both; 
	display:block; 
} 
.category label{
	float: left;
}
.new_file input[type=file]{
	display: inline-block;
    width: calc(100% - 260px);
}
.board-update table thead tr .small-cell{
	width:5%;
}
.board-fill  input[type=file]{
  width: calc(100% - 275px);
  height: 35px;
    padding: 0 15px;
    line-height: 33px;
    border-color: #dddddd;
    font-size: 14px;
}
.board-fill .file-upload-btn{
      background-color: #da2026;
    border-color: #da2026;
    border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
  margin:0px;
}
.board-fill .file-cancel-btn{
  border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
   margin:0px;
}
.board-fill  .cancel-btn{
  float: left;
  background-color: #da2026;
    border-color: #da2026;
    border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
  margin:0px;
}
.board-fill  .submit-btn{
  float:right;
  background-color: #da2026;
    border-color: #da2026;
    border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
  margin:0px;
}
.board-fill  .cancel-btn span.fa,
.board-fill  .submit-btn span.fa {
    margin-right: 5px;
    color: #fff;
}
@media (max-width:768px){
	.new_file input[type=file]{
	    width: calc(100% - 230px);
	}
}
@media (max-width: 575px){
	.board-update .ewb-plugin-blog-table thead tr th {
	    display: block;
	    float: left;
	    width: 20% !important;
	    line-height: 35px;
	    height: 35px;
	    font-size:1rem;
	}
	.board-update .ewb-plugin-blog-table thead tr td {
	    display: block;
	    float: left;
	    width: 80% !important;
	    position: relative;
	    white-space: nowrap;
	    line-height: 25px;
	    height: 35px;
	    
	}
	.board-update .ewb-plugin-blog-table thead tr td.title{
		padding: 2px 10px 0 0;
	}
	.board-update .ewb-plugin-blog-table tfoot tr td:first-child{
	    display: block;
	    float: left;
	    width: 20% !important;
	    line-height: 35px;
	    min-height: 35px;
	    height: auto;
	    word-break:keep-all;
	}
	.board-update .ewb-plugin-blog-table tfoot tr td:last-child{
		display: block;
	    float: left;
	    width: 100% !important;
	    position: relative;
	    white-space: nowrap;
	    line-height: 35px;
	    min-height: 35px;
	    height: auto;
	}
	.board-update .ewb-plugin-blog-table tfoot tr td:last-child input[type=file]{
		width: auto;
	}
	.board-update .file-btn-wrap {
	    display: block;
	}
	.new_file input[type=file]{
	 	    width: 100%;
	}

	/* 게시판 에디터 content */
	.board-update .ewb-plugin-blog-table .content #mceu_28 .mce-flow-layout-item{
	    display: block;
	}
	.board-update .ewb-plugin-blog-table .content #mceu_3{
	    width: 70px;
	}
	.board-update .ewb-plugin-blog-table .mce-menubar .mce-menubtn button span{
		vertical-align: middle;
	}
	.board-update .ewb-plugin-blog-table .content .mce-btn button{
	    font-size: 12px;
	    line-height: 10px;
	    padding: 1px 5px;
	    vertical-align: middle;
	}
	.board-update .ewb-plugin-blog-table .content .mce-btn .mce-caret{
		margin: auto;
    	vertical-align: middle;
	}
	.board-update .ewb-plugin-blog-table .content .mce-ico{
	    font-size: 12px;
	}
	.board-update .ewb-plugin-blog-table .content #content_dummy_ifr{
		height: 300px !important;
	}
}

/* board - detail */
.board-default{
  width:100%;
}
.board-default table {
    width: 100%;
    border-top: 3px solid #1d4f7b;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}
.board-default thead tr th,
.board-default .board-info-title {    
    vertical-align: middle;
    text-align: center;
    font-weight: 500;    
    color: #1b1b1b;
    font-size:12px;
    margin-left:20px;
    padding: 10px 0px;
}
.board-default thead tr td,
.board-default .board-info-contents {
    font-weight: 600;
    font-size:12px;
    vertical-align: middle;    
}
.board-default tr td {
    height: 32px;   
    vertical-align: middle;
    color: #1b1b1b;
    box-sizing: border-box;
}

.board-default tr td div.content{
	position: relative;
}

.board-default tr td div.content > img{
	max-width:100%;
	width:100%;
	height: auto;
}
.board-info-row{
	background:#f1f1f1;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
}
.board-info-row span{
	display:inline-block;
}
.board-default tr td.title {
    width:100%;
    font-size:1rem;
    padding: 20px;
}
.board-default tr td.name {
    width:13%;
}
.board-default tr td.date {
    width:15%;
}
.board-default tr td.viewCount {
    width:8%;
}
.board-default tr td.likeCount {
    width:7%;
}
.board-default tr td.commentCount {
    width:5%;
}
.board-default tr td .content {
	min-height: 300px;
	line-height: 1.4rem;
	padding:20px;
	font-size:1rem;
}
.board-default tr td .content p {
	margin: 0.2rem 0;
}
.board-default tfoot tr td {
	padding:10px 20px;
    border-top: 1px solid rgb(221,221,221);
}
.board-default .board_btn{
    display: inline-block;
    width: 100%;
	margin-top: 1rem;
	margin-bottom: 2.5rem;
}
.board-default .board-detail-btns{
	display:inline-block;
}
.board-default .board-detail-btns-m{
	display:none;
	margin-bottom:10px;
	text-align: center;
}
.comment-login-btn{
	text-align: right;
}
.comment-btn-wrap{
	float: right;
}
.comment-btn-wrap > span{
	float: right;
}
.board-fill.board-default table{
  border-top: solid 5px #da2026;
  border-right: none;
    border-left: none;
}
.board-fill.board-default tr td.title{
  font-size:15px;
  color:#222222;
}
.board-fill.board-default thead tr td{
  
}
.board-fill.board-default .board-info-row{
      background: #fff;
    border-top: none;
}
.board-fill.board-default .board-info-row td{
height: auto;
    padding: 0px 0px 15px 20px;  
}
.board-fill .board-info-row span:nth-child(3),
.board-fill .board-info-row span:nth-child(4),
.board-fill .board-info-row span:nth-child(5){
  display:none;
}
.board-fill.board-default .board-info-contents{
  font-size:15px;
   color:#444444;
    font-weight: 500;
}
.board-fill.board-default .board-info-row span:nth-child(1) .board-info-contents:after{
  	content:"";
      position: relative;
    top: 2px;
  display:inline-block;
  width:1px;
  height:14px;
  background-color:#dddddd;
  margin:0px 20px;
}
.board-fill.board-default .board-info-title{
  display:none;
}
.board-fill.board-default tfoot tr td {
  font-size:15px;
	padding:15px 20px;
    border-top: 1px solid #ddd;
}
.board-fill.board-default .delete-btn,
.board-fill.board-default .cancel-btn{
  background-color:#959595;
  border-color: #959595;
  border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
}
.board-fill.board-default .update-btn,
.board-fill.board-default .reply-btn,
.board-fill.board-default .list-btn,
.board-fill.board-default .confirm-btn{
  background-color: #da2026;
    border-color: #da2026;
    border-radius: 25px;
    padding: 0px 20px !important;
    line-height: 33px;
    font-size: 14px;
    height: 35px;
  color:#fff;
}
.board-fill.board-default .delete-btn span.fa,
.board-fill.board-default .update-btn span.fa,
.board-fill.board-default .reply-btn span.fa,
.board-fill.board-default .list-btn span.fa {
    margin-right: 5px;
    color: #fff;
}
.board-fill.board-default .list-btn{
  float:left;
}
.board-fill.board-default .delete-btn,
.board-fill.board-default .update-btn{
   float:right;
}
.board-fill.board-default tr td div.content {
       font-size: inherit;
}

@media (max-width:900px){
	.comment-btn-wrap{
	    width: 100%;
    	float: left;
    	text-align: center;
    	margin-top:10px;
	}
	.comment-btn-wrap > span{
		float: none;
	}
	.comment-btn-wrap:after{ 
		content:""; 
		clear:both; 
		display:block; 
	} 
}
@media (max-width:768px){
	.board-print-btn,
	.board-default .board-detail-btns{
		display:none;
	}
	.board-default .board-detail-btns-m{
		display:block;
	}
	.comment-btn-wrap{
		float: right;
	}
}

/* board - comment */
.comment-section{
	font-size: 0.9rem;
}
.comment-top{
	/*border: 1px solid #ddd; */
    box-sizing: border-box;
    /* background: #f1f1f1; */
    /*padding: 10px ;*/
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 600;
    border-top: solid 5px #da2026;
}
.comment-top a{
	margin-left:5px;
}
.comment-section .comment-list{
	border:1px solid #ddd;
  	border-left: none;
    border-right: none;
	box-sizing: border-box;
	padding-top: 1.071rem;
}
.comment-list li:first-child {
	/*border-top: 3px solid #ddd;*/
}
.comment-list li {
	padding: 0 1.071rem 1.071rem 1.071rem;
}
.comment-list li:after{ 
	content:""; 
	clear:both; 
	display:block; 
} 
.comment-list .comment-detail-left{
  display:none;
	float:left;
	width: 50px;
    margin-right: 10px;   
}
.comment-list .comment-detail-left .avatar{
	margin: 0 auto;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ddd;
    overflow: hidden;
}
.comment-list .comment-detail-left .avatar img{
    height: 100%;
    width: auto;
    position: relative;
    top: -2px;
}
.comment-list .comment-detail-right{
	float:left;
	width:100%;
}
.comment-section .information{
	color:#7d7d7d;
}
.comment-section .information:after{ 
	content:""; 
	clear:both; 
	display:block; 
} 
.comment-section .name{
	float:left; 
	font-size:15px;
	font-weight: 600;
    margin-right: 1.2rem;
    color: #222222;
}
.comment-section .date{
  float:left; 
	font-size:15px;
	color:#444444; 
}
.comment-section .content{
  font-size:15px;
	margin-top: 0;
    box-sizing: border-box;
    padding: 10px 0px !important;
}
.comment-section .buttons{
  float:right;
	display: inline-block;
}
.comment-login-btn-m{
	display:none;
}
.comment-login-btn-m .comment-delete-btn{
	background: #fff;
    border: none;
    color: #424a60;
    height: 15px;
    line-height: 15px !important;
    background: url(/resources/img/nextblock/menu_bg.gif) no-repeat;
    background-position: right;
    margin: 0px;
    padding: 0 !important;
    margin:0 0.7rem 0 0!important;
    padding: 0 1.1rem!important;
    font-size: 0.9rem;
}
.comment-login-btn-m .comment-delete-btn:hover{
	 color: #424a60;
}
.comment-login-btn-m .comment-delete-btn span{
	display:none;
}
.comment-login-btn-m .comment-modify-btn{
	background: #fff;
    border: none;
    color: #424a60;
    height: 15px;
    line-height: 15px !important;
    margin: 0px;
    padding: 0 !important;
    padding: 0 1.1rem 0 0!important;
    font-size: 0.9rem;
}
.comment-login-btn-m .comment-modify-btn span{
	display:none;
}
.comment-login-btn-m .comment-modify-btn:hover{
	 color: #424a60;
}
.comment-add .submit-btn{
	float: right;
}
.comment-section .buttons button span.fa{
  display:none;
}
form.comment-new{
	border: 1px solid #ddd;
    border-top: none;
	padding: 1.071rem;
}
form.comment-new:after{ 
	content:""; 
	clear:both; 
	display:block; 
}
form.comment-new textarea{
	border:1px solid #ddd;
	font-size: 1rem;
} 
@media (max-width:768px){
	.comment-login-btn-m{
		display:block;
		float:right;
	}
	.comment-login-btn{
		display:none;
	}
}
/* board_check password */
.ewb-plugin-check-password{
	text-align: center;
}
.ewb-plugin-check-password h2{
	margin:2rem 0rem 2rem 0rem;
	padding-bottom:1rem;
	border-bottom:2px solid #777;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.ewb-plugin-check-password div{
	margin-bottom:2rem;
}

.ewb-plugin-check-password div a{
	background-color: #777;
    height: 28px;
    padding: 0.38rem 1rem !important;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
}

/* plugin_report */
table.ewb-plugin-report{
	border-top: 3px solid #005982;
}
table.ewb-plugin-report tbody tr:last-child th,
table.ewb-plugin-report tbody tr:last-child td{
	border-bottom: 1px solid #005982;
}
table.ewb-plugin-report tbody tr th{
	color: #313131;
}


/* button */
.ewb-common-btn{
	margin-top: 1rem;
	text-align: center;
}
.search-btn {
    border: 1px solid #424a60;
    background-color: #424a60;
    box-sizing:border-box;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
   line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.add-btn {
    border: 1px solid #424a60;
    background-color: #424a60;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.add-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.add-btn:hover {
    color: #fff;
    text-decoration: none;
}
.add-btn:hover span.fa{
    color: #fff;
}
.list-btn {
	float: right;
    border: 1px solid #424a60;
    background-color: #424a60;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.list-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.list-btn span.fa-lg {
    position: relative;
    top: -2px;
}
.list-btn:hover {
    color: #fff;
    text-decoration: none;
}
.list-btn:hover span.fa{
    color: #fff;
}
.delete-btn {
    background-color: #005982;
    border: 1px solid #005982;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.delete-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.delete-btn:hover {
    color: #fff;
    text-decoration: none;
}
.delete-btn:hover span.fa{
    color: #fff;
}
.update-btn {
    border: 1px solid #424a60;
    background-color: #424a60;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.update-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.update-btn:hover {
    color: #fff;
    text-decoration: none;
}
.update-btn:hover span.fa{
    color: #fff;
}
.reply-btn {
    border: 1px solid #424a60;
    background-color: #424a60;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.reply-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.reply-btn:hover {
    color: #fff;
    text-decoration: none;
}
.reply-btn:hover span.fa{
    color: #fff;
}
.cancel-btn {
    background-color: #005982;
    border: 1px solid #005982;
    height: 28px;
    padding: 0 1rem !important;
    font-size: 1rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
    font-size:12px;
}
.submit-btn {
    border: 1px solid #424a60;
    background-color: #424a60;
    height: 28px;
    padding: 0 1rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.submit-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.submit-btn:hover {
    color: #fff;
    text-decoration: none;
}
.submit-btn:hover span.fa{
    color: #fff;
}
.like-btn{
	border: 1px solid #ddd;
    background-color: #fff;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #1b1b1b;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.like-btn span.fa{
    margin-right:5px;
}
.unlike-btn{
	border: 1px solid #ddd;
    background-color: #fff;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #1b1b1b;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.unlike-btn span.fa{
    margin-right:5px;
}
.issue-btn {
    border: 1px solid #ddd;
    background-color: #fff;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #1b1b1b;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.issue-btn span.fa{
    margin-right:5px;
    color: #1b1b1b;
}
.unissue-btn {
     border: 1px solid #ddd;
    background-color: #fff;
    height: 28px;
    padding: 0 0.6rem !important;
    font-size: 12px;
    color: #1b1b1b;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
}
.unissue-btn span.fa{
    margin-right:5px;
    color: #009944;
}
.confirm-btn {
    background-color: rgb(241,138,34);
    border: 1px solid rgb(241,138,34);
    height: 28px;
    padding: 0.6rem 1rem !important;
    font-size: 1rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;	
}
.setting-btn {
    border: 1px solid rgb(83,83,83);
    background-color: rgb(83,83,83);
    height: 28px;
    padding: 0.6rem 1rem !important;
    font-size: 1rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;	
}
.setting-btn:hover {
    color: #fff;
    text-decoration: none;	
}
.file-upload-btn {
    background-color: #989898;
    border: 1px solid #989898;
    height: 28px;
    padding: 0 1rem !important;
    font-size: 1rem;
    color: #ffffff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
    font-size:12px;
}
.file-upload-btn:hover {
    color: #fff;
    text-decoration: none;
}
.file-cancel-btn {
    background-color: #989898;
    border: 1px solid #989898;
    height: 28px;
    padding: 0 1rem !important;
    font-size: 1rem;
    color: #ffffff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 28px;
    font-weight: 600;
    display: inline-block;
    /* border-radius: 3px; */
    font-size:12px;
}
.file-cancel-btn:hover {
    color: #fff;
    text-decoration: none;
}
.file-delete-btn {
    width: 17px;
    height: 17px;
    line-height: 17px;
    background: rgb(83,83,83);
    color: #fff;
    border-radius: 3px;
    font-size: 0.9rem;
    font-weight: 600;
}
.fileLi a {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background: rgb(83,83,83);
    color: #fff;
    border-radius: 3px;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}
.comment-update-btn {
    background-color: rgb(241,138,34);
    border: 1px solid rgb(241,138,34);
    height: 22px;
    padding: 0.2rem 0.5rem !important;
    font-size: 0.8rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;
}
.comment-modify-btn {
    border: 1px solid #424a60;
    background-color: #424a60;
    height: 24px;
    padding: 0.2rem 0.5rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;
    border-radius: 3px;
}
.comment-modify-btn span.fa{
    margin-right:5px;
    color: #979ba4;
}
.comment-modify-btn:hover {
    color: #fff;
    text-decoration: none;
}
.comment-modify-btn:hover span.fa{
    color: #fff;
}
.comment-delete-btn {
    background-color: #005982;
    border: 1px solid #005982;
    height: 24px;
    padding: 0.2rem 0.5rem !important;
    font-size: 12px;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;	
    border-radius: 3px;
}
.comment-cancel-btn {
    background-color: #005982;
    border: 1px solid #005982;
    height: 22px;
    padding: 0.2rem 0.5rem !important;
    font-size: 0.8rem;
    color: #fff;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;
    border-radius: 5px;	
}
.comment-confirm-btn {
    background-color: #f7bb00;
    border: 1px solid #f7bb00;
    height: 22px;
    padding: 0.2rem 0.5rem !important;
    font-size: 0.8rem;
    color: #313131;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 600;	
    border-radius: 5px;
}
.comment-like-btn{
	border: 1px solid #ddd;
    background-color: #fff;
    height: 24px;
    padding: 0.2rem 0.5rem !important;
    font-size: 12px;
    color: #1b1b1b;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 500;	
    border-radius: 3px;
}
.comment-like-btn span.fa{
    margin-right:5px;
}
.comment-like-btn span.comment-like{
	margin-left:5px;
	font-weight: 600;	
}
.comment-reply-btn{
	border: 1px solid #ddd;
    background-color: #fff;
    height: 24px;
    padding: 0.2rem 0.5rem !important;
    font-size: 12px;
    color: #1b1b1b;
    margin: 0rem 0.2rem;
    cursor: pointer;
    line-height: 1rem !important;
    font-weight: 500;	
    border-radius: 3px;
}
.comment-reply-btn span.fa{
    margin-right:5px;
}
.comment-reply-btn:hover {
    color: #1b1b1b;
    text-decoration: none;
}
.wide-btn{
	display: inline-block;
	padding:0 5rem !important;
}
.btn-s{
	height:23px;
	border:1px solid rgb(83,83,83);
	background-color: rgb(83,83,83);
	padding:0.2rem 0.5rem !important;
	font-size:0.8rem;
	color:#fff;
	box-sizing: border-box;
	margin:0rem 0.2rem;
	cursor:pointer;
	line-height: 1rem !important;
	font-weight: 600;
	opacity: 1 !important;	
}
.btn-s:hover{
	color:#fff;
	text-decoration: none;
}
table.ewb-plugin-report .btn-login_pop{
    background-color: #f7bb00;
    border: 1px solid #f7bb00;
    height: 31px;
    padding: 0 1rem !important;
    font-size: 1rem;
    color: #313131;
    cursor: pointer;
    line-height: 31px;
    font-weight: 600;
    display: inline-block;
    border-radius: 5px;	
}
.btn-round{
  border: solid 2px #da2026;
    border-radius: 25px;
    text-align: center;
    padding: 6px 20px;
    color: #da2026;
    font-weight: bold;
    font-size: 14px;
}
.btn-round:hover{
  color: #da2026;
}
.btn-round.full{
  background-color:#da2026;
  color:#fff;
}
.btn-round > img{
  position: relative;
    top: -2px;
  margin-left:10px;
}

@media (max-width:768px){
	.comment-section .buttons{
		margin-top:5px;
	}
	.buttons .comment-cancel-btn {       
	    background: #fff;
	    border: none;
	    color: #424a60;
	    height: 15px;
	    line-height: 15px !important;
	    margin: 0px;
	    padding: 0 !important;
	    padding: 0 1.1rem 0 0!important;
	}
	.buttons .comment-confirm-btn {
     	background: #fff;
	    border: none;
	    color: #424a60;
	    height: 15px;
	    line-height: 15px !important;
	    background: url(/resources/img/nextblock/menu_bg.gif) no-repeat;
	    background-position: right;
	    margin: 0px;
	    padding: 0 !important;
	    margin: 0 0.7rem 0 0!important;
	    padding: 0 0.7rem !important;
	}
}
/* select & input */
select {
    height: 28px;
    padding: 0 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 28px;
    /* border-radius: 3px; */
}
input[type=radio]{
	border: 1px solid rgb(160,160,160);
	border-radius: 0px;
	width:14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer
}
input[type=checkbox]{
	border: 1px solid rgb(160,160,160);
	border-radius: 0px;
	width:14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer
}
input[type=text] {
    height: 28px;
    padding: 0 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 28px;
   /* border-radius: 3px; */
}
input[type=password]{
    height: 28px;
    padding: 0.4rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 1rem !important;
}
input[type=email]{
    height: 28px;
    padding: 0 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 31px;
    /* border-radius: 3px; */
}
input[type=tel]{
    height: 28px;
    padding: 0.4rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 1rem !important;
}
input[type=number]{
    height: 28px;
    padding: 0.4rem 0.5rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 1rem !important;
}
input[type=file]{
	height: 28px;
    padding: 0 0.5rem 0 0.2rem;
    border: 1px solid rgb(160,160,160);
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 0.5rem;
    line-height: 28px;
}
textarea{
    width: 100%;
    height: 70px;
    border: 1px solid rgb(160,160,160);
    padding: 0.5rem 0.5rem;
    /*border-radius: 5px;*/
    resize: none;
}
@media (min-width: 576px){
	.comment-modify-btn,
	.comment-delete-btn,
	.comment-cancel-btn,
	.comment-confirm-btn,
	.comment-like-btn,
	.comment-reply-btn{
	    height: 28px;
	    line-height: 28px !important;
	    padding: 0 0.6rem !important;
	}
}

@media (max-width: 768px){
	
}


/* modal styles */
.common-modal {
	display:none;
	position:fixed;
	z-index:10998;
	left:0;
	top:0;
}
.modal-content {
	position: fixed;
    z-index:10998;
    top:0;
    left:0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	min-height: 160px;
    background-color: #fff;
    border-radius: 0;
	border: 1px solid #424242;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    cursor:default;
    overflow-y:auto;
}

.extra-large-modal > .modal-content{
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
	max-height: 740px;
	margin-top: calc(50vh - 370px);
	margin-bottom: calc(50vh - 370px);
}
.large-modal > .modal-content{
	max-width: 600px;
	max-height: 700px;
	margin-left:auto;
	margin-right:auto;	
	margin-top: calc(50vh - 370px);
	margin-bottom: calc(50vh - 370px);
}
.medium-modal > .modal-content{
	max-width: 403px;
	margin-left:auto;
	margin-right:auto;
	max-height: 537px;
	min-height:150px;
	margin-top: calc(50vh - 268.5px);
	margin-bottom: calc(50vh - 268.5px);
}
.small-modal > .modal-content{
	max-width: 320px;
	margin-left:auto;
	margin-right:auto;
	max-height: 320px;
	margin-top: calc(50vh - 160px);
	margin-bottom: calc(50vh - 160px);
}

.modal-content .modal-header{
	position: relative;
	height: 40px;
    padding: 0;
    background-color:#fff;
    text-align: left;
	background-color: #1d4f7b;
}
.modal-content .modal-header h2{
	fdisplay: block;
	float:left;
	width:100%;
	font-size: 12px;
}

.modal-content .modal-header .modal-close{
	position:absolute;
	top:11px;
	right:15px;
    padding: 0px;
    color: #dcdcdc;
    font-weight: 600;
    cursor:pointer;
    font-size:12px;
    color: #fff;   
}

.modal-body{
	/* padding: 1.5rem; */
}
.modal-body .title-txt {
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-align: center;
    font-size: 1.2rem;
}
.modal-body .title-txt:after{
    content: "";
    margin-top: 0.7rem;
    border-top: 1px solid #313131;
    display: block;
    width: 100%;
    max-width: 3rem;
    margin-left: auto;
    margin-right: auto;
}
.modal-body label{
	width: 100%;
	padding: 0.2rem 0;
}
.modal-body label span{
	font-weight: 600;	
}
.modal-footer{
    margin-top: 0;
    padding: 0 15px 15px;
    border-top: 0;
    text-align: center;
}
.modal-btn{
	display:inline-block;
 	width:100px;
	height:30px;
	padding:0px;
	line-height:30px;
	background-color:#1d4f7b;
	border:solid 1px #1d4f7b;
	border-radius:5px;
	font-weight:bold;
	font-size:1.077rem;
	color:#f1f4f3;
	-webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}
.modal-btn:hover{
	background-color:#fff;
	color:#1d4f7b;
}


/* login modal */
.login-content{
	display:block;
	position: relative;
	max-width: 400px;
	margin: 10% auto;
}
.login-content .modal-body{
	text-align: center;
}
.login-content input[type=text]{
	width: calc(100% - 125px);	
}
.login-content input[type=password]{
	width: calc(100% - 125px);	
}
.login-content input[type=email]{
	width: calc(100% - 125px);	
}
.login-content input[type=tel]{
	width: 64px;
}
.login-content label span{
	display: inline-block;
	width:110px;
    text-align: right;
    padding-right: 1rem;
}
.login-content .go_signup {
    border-top: 1px solid #ddd;
    text-align: center;
	padding: 1rem 0 0;
	font-size: 0.9rem;
	color:#7d7d7d;
}

/* Login layer */
.modal-body-login .remeber_email {
	font-size: 0.9rem;
	color:#7d7d7d;
    margin: 1rem 0;
}

/* signup with email */
.modal-body-signup .signup-info-basic {
	margin:0 0 2rem;
}
.modal-body-signup p {
	margin: 1rem 0 0;
	font-size: 0.9rem;
	color: #7d7d7d;
}
.modal-body-signup .modal-footer {
	padding: 0;
	margin: 1.5rem 0 0;
}
.modal-body-signup > .signup-form > label {
	font-weight: 600;	
	margin: 0.2rem 0 0;	
}


@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }


/* message box */
.jMsgbox-overlay{
	z-index: 13001 !important;	
}
.jMsgbox-wrap{
	z-index: 13002 !important;
}
.fade-out-message {
	position: fixed;
	bottom: 45%;
	left: 0%;
	width: 90%;
	max-width: 100%;
	min-height: 50px;
	margin: 0px 5%;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 0px;
	background-color: #424242;
	color: #fff;
	z-index: 1000000000000000;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	padding: 2rem;
	opacity: 1;
}



/** all width size ----------------------------------------------------------------------------------- **/
.header-container{
	max-width:1024px;
	width: 100%;
	height: 35px;
	margin: 0 auto;
	padding:0;
}
.header-container:after{
	content:"";
	clear:both;
	display:block;
}
.layout-container{
	max-width: 1024px;
	width: 100%;
	padding-top:30px;
	margin: 0 auto;
	background: #fff;
	/* min-height: calc(100vh - 304px); */
}
.layout-container .row{
	max-width: 1024px;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}
.layout-container-left{
      max-width: 200px;
}
.contents-container.col-md-10{
  	max-width: calc(100% - 200px);
	padding-left: 2.5rem;
}

@media (min-width: 768px){
  .contents-container.col-md-8 {
    padding:0px 10px;
  }
  .layout-container-right {
    height: auto !important;
  }
}

@media (max-width: 767px){
	.layout-container{
	   /*  min-height: calc(100vh - 304px); */
	  }
	.layout-container-right {
    	display: block;
    	margin-top:10px;
    	padding:10px;
    	height: auto !important;
	}
	
	.layout-container-right .tab-board-wrap ul.tabs > li{
		display: inline-block !important;
		min-width:28%;
		padding:10px 0px;
	}
	
	.layout-container-right .plugin-banner-box img{
		width:auto !important;
	}
  .page-title-img{
    display:none;
  }
}

@media (max-width: 850px){
  .contents-container.col-md-10 {
    max-width:100%;
    width:100%;
    padding:0px 10px;
  }
}

/* 해당 페이지 스타일 에디터에 적용
//지정된 가로 사이즈 무시하고 가로100% 적용
.layout-container{
	max-width: 100%;
	margin: 0 auto;
	padding: 1.5rem 0 1.5rem;
}
*/

/* class명 w100 적용 */
.layout-container .w100 {
    max-width: 100%;
}

/* rolling-banner plugin */
#main_banner_row{
  overflow: hidden;
}
#main_banner_row .bx-wrapper .bx-viewport {
  width: 2560px !important; 
  height: 600px !important;
  left:calc(50% - 1280px);
}

/**오버라이드**/
.fc-toolbar{
	position: relative;
	margin-bottom: 5px !important;
}
.fc-toolbar .fc-left{
	width:100%;
	text-align:center;
}
.fc-toolbar .fc-right{
	position: absolute;
    right: 0px;
}
.fc-toolbar h2{
	font-size:1rem !important;
	float:none !important;
	color:#000;
}
h1.page-title{
	padding:0 15px;
    margin-bottom: 0rem;
    height: 50px;
    line-height: 50px;
    font-size: 1.429rem;
    font-weight: 600;
    text-align: center;
    color: #333;
}

h1.page-title:after {
    content: "";
    margin-bottom: 1rem;
    border-top: 4px solid #ebba16;
    display: block;
    width: 100%;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}

/* 공통 */
.layout-top-banner{
    min-height: 160px;
    background-image: url(/data/library/2020/06/ban_common_full.jpg);
    background-size: cover;
    background-position: center;
}
.layout-top-banner .wrap{
  max-width: 1024px;
  width: 100%; 
  padding-top:25px; 
  margin: 0 auto; 
  text-align: right;
}
.layout-top-banner .wrap .large{
  display:block;
  font-size:20px; 
  color:#da2026; 
  font-weight: bold; 
  margin-bottom:10px;
}
.layout-top-banner .wrap .small{
  display:block;
  font-size:15px;
  color:#444444;
}
.sub-contents-container{
	padding: 4%;
}
.contents-title{
	margin-bottom:12px;
    font-size: 1.286rem;
    font-weight: 600;
    color: #222222;
}
.contents-title .fa{
	font-weight: bold;
	margin-right:5px;
 	 color: #da2026;
}
.contents-sub-title{
  display:inline-block;
  font-weight:bold;
}
.contents-sub-title:before{
  content:"";
  display:inline-block;
  position: relative;
    top: -4px;
  width:5px;
  height:5px;
  margin-right:5px;
  border-radius:50%;
  background-color:#da2026;
}
.contents-sub-title:after{
   content:":";
  display:inline-block;
  position: relative;
    top: -2px;
  margin: 0px 3px;
}
.contents-line{
    margin: 6% 0;
    border-bottom: 1px solid #ddd;
}
.contents-locker{
	z-index: 1000;
	opacity: 0.7;
	transform: translate3d(0px, 0px, 0px);
	display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 150%;
    height: 150%;
    background-color: rgba(13,15,27,0.8);
    /*background: url(/resources/img/bg_gray_line_mask.png);*/
    opacity: 0.8;
    overflow: scroll;
}
@media (max-width:767px){
	.layout-top-banner{
    	min-height: 130px;
	}
  .layout-top-banner .wrap{
    	padding-top:10px;
  }
  .layout-top-banner .wrap .small{
    text-shadow: 1px 1px 1px #000;
    color: #fff;
  }
	.plugin-page-location{		
	    padding-left: 10px !important;
	    margin-left: -10px;
	    margin-right: -10px;
	    margin-bottom: 20px !important;
	}
}
@media (max-width:575px){
	.layout-top-banner{
    	min-height: 90px;
	}
	.plugin-page-location > div.page-location{
		display:none;
	}
}
/* main */
.main-banner{
	margin-bottom:20px; 
}
.main-banner .bx-controls-direction{
	display:none;
}
.main-banner .bx-pager .bx-pager-item{
	margin-right:18px !important;
}
.main-banner .bx-pager .bx-pager-item a{
	width:12px !important;
	height:12px !important;
	background-color: #464646 !important;
	color:#464646 !important;
}
.main-banner .bx-pager .bx-pager-item .active{
	background-color:#d5d5d5 !important;
	color:#d5d5d5 !important;
}


/* 오시는길 */
.direction{
    margin-bottom: 20px;
}
.direction .root_daum_roughmap{
	width:100%;
}
.direction-info{
	
}
.direction-info p {
    line-height: 22px;
}
.direction-info span{
    display: inline-block;
    min-width: 60px;
    margin-right: 10px;
	font-weight: bold;
}
.direction-info p:nth-child(2) span:nth-child(2){
   	min-width:30px;
    margin-left:20px;
}
@media (max-width:767px){
	.direction .root_daum_roughmap .wrap_map{
		height:300px !important;
	}
}

/* 게시판 */
div > .board,
div > .board-update,
div > .board-default{
	padding: 0px 0px 4% 0px;
	font-size:14px;
}


/* 문의사항 */
/* .qna-img{
	overflow: hidden;
	height:150px;
} */
.qna p{
    padding: 0 22%;   
    margin-top: 6%;
    margin-bottom: 8%;
  	font-size:16px;
 	color:#464646;
  	text-align: center;
  	word-break: break-word;
}
.qna .mail-to{
  	color: #1d4f7b;
    font-weight: bold;
}