@charset "UTF-8";
/********************************************************
■ 사이트 초기 설정
********************************************************/
/*#f17f42*/
.txt-bc1, i.txt-bc1, a.txt-bc1, a.txt-bc1:link, a.txt-bc1:visited, a.txt-hover-bc1:hover {
  color: #00a0e0;
}

.bg-bc1, a.bg-bc1, a.bg-hover-bc1:hover {
  background-color: #00a0e0;
  color: white !important;
}

.border-bc1, a.border-bc1, a.border-hover-bc1:hover {
  border-color: #00a0e0;
}

.txt-bc2, i.txt-bc2, a.txt-bc2, a.txt-bc2:link, a.txt-bc2:visited, a.txt-hover-bc2:hover {
  color: #00577a;
}

.bg-bc2, a.bg-bc2, a.bg-hover-bc2:hover {
  background-color: #00577a;
  color: white !important;
}

.border-bc2, a.border-bc2, a.border-hover-bc2:hover {
  border-color: #00577a;
}

.txt-bc3, i.txt-bc3, a.txt-bc3, a.txt-bc3:link, a.txt-bc3:visited, a.txt-hover-bc3:hover {
  color: #14bcff;
}

.bg-bc3, a.bg-bc3, a.bg-hover-bc3:hover {
  background-color: #14bcff;
  color: white !important;
}

.border-bc3, a.border-bc3, a.border-hover-bc3:hover {
  border-color: #14bcff;
}

/* 버튼 색상 정의 */
.bt.bt-lrline {
  border-color: #00a0e0;
  color: #00a0e0;
}
.bt.bt-lrline::before, .bt.bt-lrline::after {
  background: #00a0e0;
}
.bt.bt-rightarrow {
  border-color: #aaa;
}
.bt.bt-rightarrow:hover {
  border-color: #00a0e0;
  color: #00a0e0;
}
.bt.bt-default.bt-default2 {
  background-color: #00a0e0;
  border: 0;
  color: white;
}
.bt.bt-default.bt-default2:hover {
  background-color: #14bcff;
}

/* 전역(Global) 설정 */
.hover-a-border7 .a:hover::after {
  border-color: #00a0e0;
  /* 게시판이나 기타 타일 요소에서 재정의할 수 있음. */
}

/* 내용 드래그했을때 선택 블록 */
::selection {
  background: #00a0e0 !important;
  color: white;
}

::-moz-selection {
  background: #00a0e0 !important;
  color: white;
}

/********************************************************
■ HTML 요소 초기화
********************************************************/
/* 기반 글자크기 재정의 -- 상대단위(rem) 사용에 중요함. */
html, body {
  font-size: 17px;
  font-family: "NotoSans", "Open Sans", "나눔바른고딕", "NanumBarunGothic", "NBG", sans-serif;
}

body {
  position: relative;
  left: 0;
  overflow-x: hidden;
  color: #333;
  transition: all 200ms;
}

.h0, .h1, .h2, .h3, .h4, .h5, .h6,
.h0n, .h1n, .h2n, .h3n, .h4n, .h5n, .h6n,
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

/********************************************************
■ Layout : 레이아웃
********************************************************/
.pg-sub {
  padding-top: 0;
}
.pg-sub > .at-content {
  padding: 40px 0;
}
.pg-sub > .at-content.no-padding-top {
  padding-top: 0;
}
.pg-sub > .at-content.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.c-padding {
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 1200px) {
  .c-padding {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .c-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.t025-title {
  margin-bottom: 3rem;
  text-align: center;
}
.t025-title .brand {
  position: relative;
  font-weight: 600;
  text-align: center;
}
.t025-title .brand::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #e3eac1;
}
.t025-title .brand span {
  position: relative;
  color: #44620c;
  z-index: 1;
}
.t025-title .t {
  margin: 2rem 0 1.5rem;
  font-size: 2rem;
  font-weight: 500;
}
.t025-title .d {
  color: #666;
  line-height: 1.5;
}

/* 우측 점박이 스크롤 (fullPage 플러그인 제공 기능) */
#fp-nav.right {
  right: 50px;
}
#fp-nav ul li {
  margin: 15px 0;
}
#fp-nav ul li a.active:hover span, #fp-nav ul li a:hover span, #fp-nav ul li a.active span, #fp-nav ul li a span {
  width: 12px;
  height: 12px;
  margin: 0;
}
#fp-nav ul li a span {
  background: #195dae;
  border: 2px solid #195dae;
}
#fp-nav ul li a:hover span, #fp-nav ul li a.active span {
  background-color: transparent;
}
#fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span {
  margin: 0;
}
#fp-nav ul li .fp-tooltip {
  right: 20px !important;
  top: -3px;
  color: #fff;
  font-size: 14px;
  font-family: "NotoSans";
  background-color: #00a0e0;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 7px;
  overflow: visible;
}
#fp-nav ul li .fp-tooltip::before {
  content: "";
  position: absolute;
  right: -5px;
  top: 10px;
  border-left: 5px solid #00a0e0;
  border-top: 5px solid transparent;
}
#fp-nav ul li .fp-tooltip::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: 10px;
  border-left: 5px solid #00a0e0;
  border-bottom: 5px solid transparent;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

@media (max-width: 767px) {
  .pg-main, .pg-sub {
    padding-top: 90px;
  }
}
/********************************************************
■ Header : 헤더 - 기본
********************************************************/
.top-t025 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  transition-duration: 200ms;
}
.top-t025 .top-wrap {
  position: relative;
  background: white;
  transition-duration: 200ms;
}
body.scrolled .top-t025 .top-wrap {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}

.is-subpage .top-t025 .top-wrap {
  /*background: #222;*/
}

.top-t025 .top-wrap .top-wrap2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  transition-duration: 200ms;
}
body.scrolled .top-t025 .top-wrap .top-wrap2 {
  height: 60px;
}

.top-t025 .top-wrap .left {
  display: flex;
  align-items: center;
  transition-duration: 200ms;
}
.top-t025 .top-wrap .logo {
  /*flex: 0 0 180px;*/
  width: 207px;
  height: 60px;
  min-width: 100px;
  background: url("../../img/logo.png") left center/contain no-repeat;
  transition-duration: 200ms;
}
body.scrolled .top-t025 .top-wrap .logo {
  height: 50px;
}

@media (max-width: 1199px) {
  .top-t025 .top-wrap .logo {
    /*flex: 0 0 100px;*/
    width: 120px;
  }
}
.top-t025 .top-wrap .top-search-box {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 10px;
}
.top-t025 .top-wrap .top-search-box .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.top-t025 .top-wrap .top-search-box .wrap form {
  display: flex;
  width: 300px;
  padding: 7px 8px 8px;
  border: 3px solid #ccc;
}
.top-t025 .top-wrap .top-search-box .wrap form .searchbox {
  flex: 1;
  border: 0;
  background: transparent;
}
.top-t025 .top-wrap .top-search-box .wrap form .searchbox::placeholder {
  color: #eee;
}
.top-t025 .top-wrap .top-search-box .wrap form .searchbox:focus {
  outline: none;
}
.top-t025 .top-wrap .top-search-box .wrap form button {
  flex: 0 0 25px;
  margin-left: 5px;
  border: 0;
  background: transparent;
  color: #ccc;
}
.top-t025 .top-wrap .top-search-box .wrap form button:focus {
  outline: none;
}
.top-t025 .top-wrap .right {
  position: relative;
  display: flex;
  align-items: center;
  transition-duration: 200ms;
}
.top-t025 .top-wrap .right section {
  position: relative;
  margin-right: 15px;
}
.top-t025 .top-wrap .right section:last-child {
  margin-right: 0;
}
.top-t025 .top-wrap .right .top-search {
  width: 25px;
  text-align: right;
}
body.top-hover .top-t025 .top-wrap .right .top-search a {
  color: #333;
}

.top-t025 .top-wrap .right .top-search a:hover {
  color: #00a0e0;
}
@media (max-width: 1023px) {
  .top-t025 .top-wrap .right .top-search {
    display: none;
  }
}
.top-t025 .top-wrap .right .links {
  margin-left: 5px;
}
.top-t025 .top-wrap .right .links a {
  color: white;
  font-size: 13px;
  margin-right: 15px;
}
.top-t025 .top-wrap .right .links a:hover {
  color: #00a0e0;
}
.top-t025 .top-wrap .right .links a:last-child {
  margin-right: 0;
}
#menu-wrap-bottom-bg {
  position: absolute;
  left: 0;
  right: 0;
  /*border-top: 1px solid #ccc;*/
  display: none;
  transition-duration: 300ms;
}
body.menu-on #menu-wrap-bottom-bg {
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
body.menu-idle #menu-wrap-bottom-bg {
  display: block;
  background-color: transparent;
  box-shadow: none;
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.menu-idle.scrolled #menu-wrap-bottom-bg {
  opacity: 0;
}

/* 상단 우측 메뉴버튼 */
.top-menu-btn {
  transition-duration: 300ms;
}
.top-menu-btn > div {
  position: relative;
  width: 40px;
  height: 40px;
}
.top-menu-btn > div > div {
  background-color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 2px;
  border-radius: 2px;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.top-menu-btn > div > div:nth-child(1) {
  margin-top: -6px;
}
.top-menu-btn > div > div:nth-child(3) {
  margin-top: 6px;
}
@media (min-width: 768px) {
  body.top-hover .top-menu-btn > div > div {
    background-color: #333;
  }
}
.top-menu-btn:hover > div > div {
  background-color: #00a0e0 !important;
}
body.m-menu-on .top-menu-btn > div > div {
  margin-top: 0;
  background-color: #00a0e0;
}
body.m-menu-on .top-menu-btn > div > div:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg) scaleX(1.3);
}
body.m-menu-on .top-menu-btn > div > div:nth-child(2) {
  opacity: 0;
}
body.m-menu-on .top-menu-btn > div > div:nth-child(3) {
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(1.3);
}

.top-menu-btn .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  opacity: 1;
  transition-duration: 200ms;
}
body.scrolled .top-menu-btn .title {
  opacity: 0;
}

@media (min-width: 768px) {
  .top-menu-btn.top-menu-btn-outer {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  .top-menu-btn.top-menu-btn-inner {
    position: relative;
    height: 40px;
    /*55px*/
  }
  body.scrolled .top-menu-btn.top-menu-btn-inner {
    height: 40px;
  }
}
@media (min-width: 1500px) {
  .top-menu-btn.top-menu-btn-outer {
    display: block;
  }
  .top-menu-btn.top-menu-btn-inner {
    display: none;
  }
}
@media (max-width: 1499px) {
  .top-menu-btn.top-menu-btn-outer {
    display: none;
  }
  .top-menu-btn.top-menu-btn-inner {
    display: block;
  }
}
@media (max-width: 767px) {
  .top-menu-btn {
    right: 10px;
  }
}

/********************************************************
■ Menu : 데스크톱 메뉴
********************************************************/
/* 메뉴높이 */
#menu {
  /*height: $top-h;*/
}

/* 스크롤 시에 메뉴높이 */
body.scrolled #menu {
  height: 60px;
}

#menu {
  position: relative;
  padding-right: 0px;
  transition-duration: 200ms;
  /*&::before { content: ""; display: block; position: absolute; top: 0; right: -20px; width: 0; height: 0; border-left: 20px solid $bc1; border-bottom: $top-menu-h solid transparent; }
  @at-root body.scrolled &:before { border-bottom-width: $top-menu-h-scrolled; }*/
  /* 화면크기에 따른 반응형 처리를 위해 이부분도 적절히 작업해야함 */
}
#menu .ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
}
#menu .ul .li {
  position: relative;
  /*
  & span::after {
    content: ""; display: block; position: absolute; z-index:1;
    left: 0; right: 0; top: 130%;
    height: 4px;
    background-color: $bc1;
    opacity: 0;
    transition-duration: 300ms;
  }
  &:hover span::after {
    top: 100%;
    opacity: 1;
  }
   */
}
#menu .ul .li .a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 30px;
  text-align: center;
  font-size: 1.125rem;
  font-family: "NotoSans";
  font-weight: 500;
}
.top-wrap:hover #menu .ul .li .a {
  color: #333;
}

#menu .ul .li .a span {
  position: relative;
  padding: 5px 0;
}
#menu .ul .li .a .arrow {
  margin-left: 0.35rem;
  font-size: 10px;
  opacity: 0;
  transition-duration: 300ms;
}
#menu .ul .li:hover .arrow {
  opacity: 1;
}
#menu .sub-wrap {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 0.75rem;
  transform: translateX(50%);
  opacity: 0;
  visibility: collapse;
  transition-duration: 300ms;
}
body.scrolled #menu .sub-wrap {
  padding-top: 0;
}

#menu .sub-wrap.on {
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}
#menu .sub-wrap .sub-1div {
  padding: 1rem 0;
  background: #383a4a;
}
#menu .sub-wrap .sub-a {
  position: relative;
  display: block;
  min-width: 8rem;
  padding: 0.75rem 1rem;
  text-align: left;
  color: #ccc;
  font-family: "NotoSans";
  font-size: 15px;
  font-weight: 300;
  white-space: nowrap;
}
body.menu-idle #menu .sub-wrap .sub-a {
  color: white;
}

#menu .sub-wrap .sub-a.on, #menu .sub-wrap .sub-a:hover {
  color: #00a0e0;
}
@media (max-width: 1500px) {
  #menu {
    /*
    .ul .li .a { padding: 0 15px; }
    .sub-wrap .sub-a { padding: 0 15px; }
    */
  }
  #menu .ul .li .a {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  #menu {
    /*
    .ul .li .a { padding: 0 15px; }
    .sub-wrap { width: 170px; }
    .sub-wrap .sub-a { padding: 0 15px; }
    */
  }
  #menu .ul .li .a {
    padding: 0 5px;
  }
}

/********************************************************
■ Mobile Header : 모바일 헤더 부분
********************************************************/
#m-top {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  height: 90px;
  background: white;
  transition-duration: 200ms;
}
#m-top .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 10px;
}
#m-top .top > a {
  display: block;
}
#m-top .top .logo {
  width: 250px;
  height: 40px;
  background: url("../../img/logo.png") left center/contain no-repeat;
}

/* 모바일 메뉴바 */
#m-menubar {
  position: relative;
  margin-top: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  transition-duration: 300ms;
}

#m-menubar a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

#m-menubar a.on {
  font-weight: 700;
  color: #00a0e0;
}

#m-menu {
  position: fixed;
  left: 100%;
  width: 80%;
  opacity: 0.7;
  top: 0;
  bottom: 0;
  z-index: 1100;
  height: 100%;
  background-color: white;
  box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.3);
  transition-duration: 200ms;
}

#m-menu-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  display: none;
  transition-duration: 200ms;
}

body.m-menu-on,
body.m-menu-on header.top,
body.m-menu-on #m-top {
  left: -80%;
  right: 80%;
}

body.m-menu-on #m-menu {
  left: 20%;
  opacity: 1;
}

body.m-menu-on #m-menu-overlay {
  display: block;
}

#m-menu a.btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #aaa;
  overflow: hidden;
}

#m-menu a.btn-close > div {
  position: relative;
  width: 50px;
  height: 50px;
}

#m-menu a.btn-close > div > div {
  position: absolute;
  width: 35px;
  height: 2px;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  background-color: #333;
}

#m-menu a.btn-close > div > div:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg) scaleX(1.2);
}

#m-menu a.btn-close > div > div:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(1.2);
}

#m-menu .item {
  overflow: hidden;
}

#m-menu .item > a {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 12px 15px;
  color: #333;
  font-size: 1.2rem;
}

#m-menu .item > a:hover {
  color: #00a0e0;
}

#m-menu .item > a > span {
  position: relative;
}

#m-menu .item > a > span::after {
  content: "";
  display: block;
  position: absolute;
  left: -22px;
  top: -12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00a0e0;
  opacity: 0;
  transition-duration: 200ms;
}

#m-menu .item > a:hover > span::after {
  left: -12px;
  top: -2px;
  opacity: 1;
}

#m-menu .item.on > a {
  color: #00a0e0;
}

#m-menu .item > a .fa {
  position: absolute;
  top: 15px;
  right: 20px;
  transition: all 0.3s ease;
  display: none;
}

#m-menu .item.on > a .fa {
  transform: rotate(90deg);
}

#m-menu .sub {
  display: none;
  margin-bottom: 20px;
}

#m-menu .item.on .sub {
  display: block !important;
}

#m-menu .sub li {
  text-align: center;
}

#m-menu .sub a {
  position: relative;
  display: inline-block;
  padding: 5px 5px;
  color: #555;
  transition: all 0.3s ease;
  font-size: 1rem;
}

#m-menu .sub a::after {
  position: absolute;
  content: "";
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 1px;
  background-color: #333;
  opacity: 0;
  transition: all 0.3s;
}

#m-menu .item .sub a:hover,
#m-menu .item.on .sub a.on {
  color: #f17f42;
}

#m-menu .item .sub a:hover::after,
#m-menu .item.on .sub a.on::after {
  left: 0;
  right: 0;
  opacity: 1;
}

#m-menu .sub a span {
  color: #eee;
}

@media (min-width: 768px) {
  /* 데스크탑의 경우에 */
  #m-menu {
    left: 100%;
    right: 0;
    width: 50%;
    transition-duration: 400ms;
  }

  #m-menu a.btn-close {
    right: 45px;
    top: 10px;
  }

  #m-menu .items {
    margin-top: 90px;
  }

  #m-menu .item > a {
    font-size: 2rem;
    font-weight: 300;
  }

  #m-menu .sub a {
    font-size: 1.5rem;
  }

  #m-menu .item .sub,
#m-menu .item.on .sub {
    display: none !important;
  }

  #m-menu .banners {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
  }
  #m-menu .banners .banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    height: 160px;
  }
  #m-menu .banners .banner::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  #m-menu .banners .banner.left {
    background: url("../../img/m-menu-1.jpg") center/cover no-repeat;
  }
  #m-menu .banners .banner.left::before {
    background: rgba(22, 24, 98, 0.8);
  }
  #m-menu .banners .banner.right {
    background: url("../../img/m-menu-2.jpg") center/cover no-repeat;
  }
  #m-menu .banners .banner.right::before {
    background: rgba(25, 73, 120, 0.8);
  }
  #m-menu .banners .banner .head {
    position: relative;
    color: #eee;
    font-weight: 300;
  }
  #m-menu .banners .banner .btn-area {
    position: relative;
    width: 100%;
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #m-menu .banners .banner .btn-area .bt1 {
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 25px;
    border: 1px solid #bbb;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #eee;
  }
  #m-menu .banners .banner .btn-area .bt1:hover {
    background: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #m-menu .banners {
    flex-wrap: wrap;
  }
  #m-menu .banners .banner {
    width: 100%;
  }
}
@media (min-width: 768px) {
  body.m-menu-on,
body.m-menu-on header.top {
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  body.m-menu-on #m-menu {
    left: 50%;
    right: 0;
  }
}
/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/
.at-title {
  height: 45px;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.at-title .page-title {
  position: absolute;
  left: 5px;
  top: 0;
}

.at-title .page-desc {
  position: absolute;
  right: 5px;
  top: 7px;
  color: #888;
}

/********************************************************
■ Main Page : 메인 인덱스 페이지
********************************************************/
.pg-main .sec {
  padding-top: 75px;
  padding-bottom: 75px;
}
.pg-main .sec.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.pg-main .sec .header {
  text-align: center;
  font-weight: 500;
}
.pg-main .sec .header .head {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  animation-delay: 300ms;
}
.pg-main .sec .header .line {
  display: inline-block;
  background-color: white;
  width: 100px;
  height: 2px;
  margin: 15px 0 25px;
}
.pg-main .sec .header .desc {
  font-size: 18px;
  line-height: 170%;
  animation-delay: 700ms;
}
.pg-main .sec .header .desc2 {
  margin-top: 20px;
}

.section .section-wrap {
  padding-top: 75px;
  padding-bottom: 75px;
}
.section .header {
  text-align: center;
}
.section .header .head {
  margin: 0;
  padding: 0;
}
.section .header .line {
  display: inline-block;
  background-color: #00a0e0;
  width: 100px;
  height: 5px;
  margin: 30px 0;
}
.section .header .desc2 {
  margin-top: 20px;
}

/********************************************************
■ Page Content : 서브페이지 본문
********************************************************/
.page-content {
  word-break: keep-all;
  word-wrap: break-word;
}

.page-content .header {
  margin-top: 20px;
}
.page-content .header .line {
  display: inline-block;
  background-color: #f17f42;
  width: 100px;
  height: 3px;
  margin: 10px 0;
}

.page-content .h0, .page-content h1, .page-content h2, .page-content h3 {
  margin-top: 0;
  line-height: 125%;
}

.page-content p {
  margin: 0 0 15px;
  padding: 0;
  line-height: 160%;
}

.page-content .head {
  margin-bottom: 10px;
}

.page-content .desc {
  line-height: 150%;
}

@media (max-width: 767px) {
  .page-content .pull-left,
.page-content .pull-right {
    width: 100% !important;
  }
}
/********************************************************
■ Footer : 하단 푸터
********************************************************/
#bottom {
  position: relative;
  padding-top: 0;
  visibility: visible !important;
}

.bottom-bar {
  height: 100px;
  background: #111;
  color: white;
  transition-duration: 300ms;
}
.bottom-bar:hover {
  background: #00a0e0;
}
.bottom-bar .wrap {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.bottom-bar .title {
  width: 65%;
  text-align: center;
  letter-spacing: 1px;
}
.bottom-bar .btn-area {
  width: 35%;
  text-align: center;
}
.bottom-bar .btn-reg {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid white;
  border-radius: 5px;
  color: white;
}
.bottom-bar .btn-reg:hover {
  background: white;
  color: #888;
}
@media (max-width: 767px) {
  .bottom-bar {
    height: 150px;
  }
  .bottom-bar .wrap {
    flex-direction: column;
    justify-content: center;
  }
  .bottom-bar .title {
    width: 100%;
  }
  .bottom-bar .btn-area {
    width: 100%;
    margin-top: 20px;
  }
}

.footer-t025 {
  padding: 2.5rem 0;
  background: #383a4a;
  border-top: 1px solid #ddd;
  color: #ccc;
}
.footer-t025 .link {
  margin-bottom: 3.5rem;
}
.footer-t025 .link li {
  display: inline;
  margin-right: 3rem;
}
.footer-t025 .link a {
  color: #ccc;
}
.footer-t025 .link a:hover {
  color: white;
}
.footer-t025 .box {
  display: flex;
  justify-content: space-between;
}
.footer-t025 .desc {
  font-weight: 300;
  line-height: 180%;
}
.footer-t025 .desc span {
  margin-right: 2rem;
}
.footer-t025 .sns {
  display: flex;
}
.footer-t025 .sns a {
  display: block;
  margin: 0 0.35rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: white;
}
.footer-t025 .sns a i {
  display: inline-block;
  width: 32px;
  height: 20px;
  margin-top: 6px;
  background: none center/contain no-repeat;
}
@media (max-width: 1200px) {
  .footer-t025 .desc span {
    display: block;
  }
}
@media (max-width: 767px) {
  .footer-t025 .box {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .footer-t025 .sns {
    margin-bottom: 2rem;
  }
}

.m-bottom {
  display: flex;
  justify-content: center;
  background-color: #333;
  color: white;
}
.m-bottom > a {
  width: 80px;
  padding: 20px 0;
  color: white;
  border: 0 solid #eee;
  text-align: center;
}
.m-bottom > a > div {
  margin-top: 6px;
}

/********************************************************
  ■ Icons
********************************************************/
.icon.facebook {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-f' class='svg-inline--fa fa-facebook-f fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icon.instagram {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' class='svg-inline--fa fa-instagram fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icon.blog {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='comment-alt-dots' class='svg-inline--fa fa-comment-alt-dots fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zM128 240c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icon.youtube {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='youtube' class='svg-inline--fa fa-youtube fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .login {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sign-in-alt' class='svg-inline--fa fa-sign-in-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .logout {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sign-out-alt' class='svg-inline--fa fa-sign-out-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .reg {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='user-plus' class='svg-inline--fa fa-user-plus fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .adm {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='cog' class='svg-inline--fa fa-cog fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .lang {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='globe' class='svg-inline--fa fa-globe fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='currentColor' d='M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z'%3E%3C/path%3E%3C/svg%3E") !important;
}

/********************************************************
■ Go Top & Bottom : 상단/하단 이동버튼
********************************************************/
.at-go .go-btn {
  display: none;
  position: fixed;
  width: 40px;
  bottom: 20px;
  right: 25px;
  z-index: 2;
}

.at-go .go-btn span {
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  margin: 5px 0px;
  text-align: center;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  line-height: 42px !important;
  font-size: 19px;
}

.at-go .go-btn .go-bottom {
  display: none;
}

@media (max-width: 768px) {
  .at-go .go-btn {
    bottom: 0px;
    right: 5px;
  }
}
/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
/* Button */
.btn {
  font-family: "Noto Sans Korean", "NanumGothic", sans-serif;
}

.btn-lg {
  padding: 10px 16px;
  border-radius: 3px;
  line-height: 1.33;
  font-size: 18px;
}

.btn-lg i {
  top: 3px;
  font-size: 24px;
  position: relative;
}

.btn-xs {
  padding: 4px 10px;
}

.btn-sm {
  font-size: 14px;
  line-height: 16px;
}

.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm {
  font-family: "Noto Sans Korean", "NanumGothic", sans-serif;
}

/* Panel : Accordions */
.panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0px;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel .panel-heading {
  border-radius: 0px;
}

/* List Group */
.list-group-item {
  word-break: break-all;
  border-radius: 0 !important;
}

/* Pagination */
.pagination {
  font-family: "Noto Sans Korean", "NanumGothic", sans-serif;
}

.pagination li a {
  border-radius: 0 !important;
  color: #333 !important;
  line-height: 22px !important;
}

.pagination li a i {
  line-height: 22px;
}

.pagination li.active a {
  color: #fff !important;
  background: #444 !important;
  border-color: #444 !important;
}

/* Progress */
.progress {
  position: relative;
  border-radius: 0px;
  height: 28px;
  overflow: hidden;
  margin-bottom: 15px;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  background-color: whitesmoke;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .sr-only {
  font-family: "Roboto", sans-serif;
  margin: 0px 15px;
  left: 0px;
  width: auto;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  clip: auto;
}

.sr-score {
  font-family: "Roboto", sans-serif;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding-right: 8px;
}

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label {
  border-radius: 0;
}

/********************************************************
■ 그누보드 기타
********************************************************/
.content_move {
  margin-top: 30px;
  font-size: 0.8em;
  text-align: right;
  color: #aaa;
}

.sns-share-icon img {
  width: 20%;
  max-width: 34px;
  border-radius: 50%;
}

#captcha #captcha_key {
  width: 100px;
}

/* 목록 - 카테고리 */
.list-category {
  margin: 40px auto;
}
.list-category ul.category {
  display: inline-block;
}
.list-category ul.category li {
  float: left;
  border: 1px solid #ccc;
  border-right-width: 0;
  font-size: 15px;
  line-height: 15px;
}
.list-category ul.category li a {
  display: block;
  padding: 10px 30px;
}
.list-category ul.category li a:hover {
  background: #ccc;
  color: #333;
}
.list-category ul.category li.active a {
  background: #777;
  color: white;
}
.list-category ul.category li:last-child {
  border-right-width: 1px;
}
.list-category select.m-category {
  width: 100%;
  height: 40px;
}
.list-category.cgs-center-mlr4 {
  text-align: center;
}
.list-category.cgs-center-mlr4 ul.category li {
  margin: 0 4px;
  border-right-width: 1px;
}

/* 페이지 네비 부분 */
.list-wrap #infscr-loading {
  position: fixed;
  z-index: 100;
  width: 200px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  margin: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: white;
  text-align: center;
}
.list-wrap .list-more {
  margin: 15px 0 30px;
  text-align: center;
}
.list-wrap .list-more a {
  color: #aaa;
}
.list-wrap .list-more a i {
  font-size: 3rem;
}
.list-wrap .list-more a:hover {
  color: #333;
}
.list-wrap .pagination {
  padding-top: 20px;
}
.list-wrap .pagination a {
  color: #333 !important;
}
.list-wrap .pagination .active a {
  background: #444 !important;
  border-color: #444 !important;
  color: #fff !important;
}

.view-wrap .content p {
  margin-bottom: 0;
}
.view-wrap .pagination a {
  color: #333 !important;
}
.view-wrap .pagination .active a {
  background: #444 !important;
  border-color: #444 !important;
  color: #fff !important;
}

/* SNS / 좋아요 버튼 */
.view-wrap .view-sns {
  display: block;
  text-align: center;
  margin-top: 70px;
}

.view-wrap .view-sns > div {
  display: inline-block;
}

.view-wrap .view-sns a {
  float: left;
  margin: 0 4px;
  border-radius: 10px;
  overflow: hidden;
}

.view-wrap .view-sns a:nth-child(3),
.view-wrap .view-sns a:nth-child(7),
.view-wrap .view-sns a:nth-child(8) {
  display: none;
}

.view-wrap .a-good {
  position: relative;
  float: right;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block !important;
  overflow: visible !important;
}

.view-wrap .a-good:hover i {
  color: #333;
}

.view-wrap .a-good i {
  line-height: 50px;
  font-size: 30px;
  color: #f5f5f5;
}

.view-wrap .a-good div {
  position: absolute;
  top: -12px;
  padding: 0 7px;
  right: 0;
  transform: translateX(50%);
  -ms-transform: translateX(50%);
  height: 25px;
  line-height: 25px;
  border-radius: 12px;
  border: 1px solid #eee;
  background: white;
  color: #333;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.view-wrap .a-print {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-left: 15px !important;
  text-align: center;
  display: block;
  background: #f17f42;
}

.view-wrap .a-print i {
  line-height: 50px;
  font-size: 30px;
  color: #f5f5f5;
}

.view-wrap .a-print:hover i {
  color: #333;
}

.view-comment {
  margin: 20px 0;
  text-transform: capitalize;
  overflow: hidden;
  border-bottom: 1px solid #333333;
  display: inline-block;
  position: relative;
}

/* Comment */
.comment-media {
  margin: 10px 0px;
}

.comment-media .photo i {
  background: whitesmoke;
  padding: 15px;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  text-align: center;
  color: #8f8f8f;
  font-size: 30px;
  display: inline-block;
}

.comment-media .photo img {
  border-radius: 50%;
  width: 64px !important;
  height: 64px !important;
  display: inline-block;
}

.view-mobile .comment-media .photo i {
  padding: 10px;
  width: 54px;
  height: 54px;
}

.view-mobile .comment-media .photo img {
  width: 54px !important;
  height: 54px !important;
}

.comment-media .media {
  border-top: 1px solid #eee;
  margin: 7px 0px;
  padding: 7px 0px 0px;
}

.comment-media :first-child.media {
  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;
}

.comment-media h5 {
  margin: 2px 0px;
  line-height: 22px;
}

.comment-media .media .media-body {
  padding-left: 0px;
}

.comment-media .media .media-info {
  margin-left: 10px;
}

.comment-media .media .media-content {
  margin-top: 8px;
}

.comment-media .media .media-btn {
  margin-left: 4px;
}

.comment-media .cmt-good-btn {
  text-align: right;
  padding-right: 1px;
}

.comment-media .cmt-good, .comment-media .cmt-nogood {
  display: inline-block;
  width: 74px;
  height: 20px;
  margin-top: 10px;
  padding-right: 10px;
  margin-right: -1px;
  font: bold 11px verdana;
  text-align: right;
  letter-spacing: -1px;
  line-height: 19px;
  cursor: pointer;
}

.comment-media .cmt-good {
  background: url("./img/cmt_good.gif") no-repeat left center;
  color: #f4695b;
}

.comment-media .cmt-nogood {
  background: url("./img/cmt_nogood.gif") no-repeat left center;
  color: #888;
}

.comment-form {
  padding-top: 10px;
}

.comment-box {
  border: 1px solid #ddd;
  padding: 12px 12px 0px;
  margin-bottom: 15px;
  background: #fbfbfb;
}

.comment-content {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.comment-content .comment-cell {
  display: table-cell;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}

.comment-content .comment-cell.comment-submit {
  width: 80px;
  height: 100%;
  background: #fafafa;
  border: 1px solid #ccc;
  border-left: 0px;
  cursor: pointer;
}

.comment-btn .cursor {
  margin-left: 12px;
  color: #787878;
}

/*# sourceMappingURL=colorset.css.map */

/* Top Search */
.search-box-new { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.search-box-new input {  width:350px; margin-right: 10px; }
.search-box-new button { padding-left: 30px; padding-right: 30px;border-radius:4px;height:40px; line-height:40px;  }

.search-box-new select { }
.btn-color-new{background:#46b4eb; border:0; color:#fff; font-size:18px;}
.input-gr{ border-radius:4px; border:1px solid #aaa; padding:6px 7px 8px; font-size:16px; height:40px; line-height:40px;}
@media (max-width: 767px) {
	 .search-box-new { padding:0; display: flex;  margin-bottom: 10px; }
	 .search-box-new input {  width:160px; margin-right: 7px;  }
	 .search-box-new button { padding-left: 10px; padding-right: 10px;border-radius:4px;height:30px; line-height:30px;  }
	 .btn-color-new{font-size:15px;}
.input-gr{ border-radius:4px; border:1px solid #aaa; padding:2px 5px 4px; font-size:14px; height:30px; line-height:30px;}
	 	.search-box-new .list-total { font-size:12px;}
}