@charset "UTF-8";
/********************************************************
■ 사이트 초기 설정
********************************************************/
*:root {
  --main-color1: #fb2863;
  --main-color2: #fa3e1f;
  --main-color3: #51271b;
}

.txt-bc1,
i.txt-bc1,
a.txt-bc1,
a.txt-bc1:link,
a.txt-bc1:visited,
.txt-hover-bc1:hover,
.txt-on-bc1.on {
  color: #fb2863 !important;
}
.bg-bc1,
a.bg-bc1,
.bg-hover-bc1:hover,
.bg-on-bc1.on,
.bg-before-bc1:before,
.bg-after-bc1:after,
.bg-hover-div-bc1:hover > div {
  background-color: #fb2863 !important;
  color: white !important;
}
.border-bc1,
a.border-bc1,
.border-hover-bc1:hover,
.border-on-bc1.on,
.border-before-bc1:before,
.border-after-bc1:after {
  border-color: #fb2863 !important;
}
.txt-bc2,
i.txt-bc2,
a.txt-bc2,
a.txt-bc2:link,
a.txt-bc2:visited,
.txt-hover-bc2:hover,
.txt-on-bc2.on {
  color: #fa3e1f !important;
}
.bg-bc2,
a.bg-bc2,
.bg-hover-bc2:hover,
.bg-on-bc2.on,
.bg-before-bc2:before,
.bg-after-bc2:after,
.bg-hover-div-bc2:hover > div {
  background-color: #fa3e1f !important;
  color: white !important;
}
.border-bc2,
a.border-bc2,
.border-hover-bc2:hover,
.border-on-bc2.on,
.border-before-bc2:before,
.border-after-bc2:after {
  border-color: #fa3e1f !important;
}
.txt-bc3,
i.txt-bc3,
a.txt-bc3,
a.txt-bc3:link,
a.txt-bc3:visited,
.txt-hover-bc3:hover,
.txt-on-bc3.on {
  color: #51271b !important;
}
.bg-bc3,
a.bg-bc3,
.bg-hover-bc3:hover,
.bg-on-bc3.on,
.bg-before-bc3:before,
.bg-after-bc3:after,
.bg-hover-div-bc3:hover > div {
  background-color: #51271b !important;
  color: white !important;
}
.border-bc3,
a.border-bc3,
.border-hover-bc3:hover,
.border-on-bc3.on,
.border-before-bc3:before,
.border-after-bc3:after {
  border-color: #51271b !important;
}
.btn.btn-color {
  background: var(--main-color1) !important;
  border-color: var(--main-color1) !important;
}

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

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

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

/********************************************************
■ HTML 요소 초기화
********************************************************/
/* 기반 글자크기 재정의 -- 상대단위(rem) 사용에 중요함. */
html,
body {
  font-family: "SUIT", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
body {
  color: #111;
  transition: all 200ms;
  overflow-x: hidden;
  width: 100%;
}

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

a:hover {
  color: #111;
}
p {
  margin: 0;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  html,
  body {
    font-size: 14px;
  }
}

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

.pg-sub > .at-content dd * {
  font-family: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  margin: 0 !important;
}

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

@media (max-width: 767px) {
  #page {
    margin-top: 132px;
  }
  .pg-sub > .at-content {
    padding: 30px 0 50px;
  }
  .c-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* 우측 점박이 스크롤 (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 {
  height: 12px;
  margin: 0;
  width: 12px;
}
#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 {
  background-color: #fb2863;
  border-radius: 7px;
  color: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  overflow: visible;
  padding: 0 15px;
  right: 20px !important;
  top: -3px;
}
#fp-nav ul li .fp-tooltip::before {
  border-left: 5px solid #fb2863;
  border-top: 5px solid transparent;
  content: "";
  position: absolute;
  right: -5px;
  top: 10px;
}
#fp-nav ul li .fp-tooltip::after {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fb2863;
  bottom: 10px;
  content: "";
  position: absolute;
  right: -5px;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  opacity: 1;
  transition: opacity 0.2s ease-in;
  width: auto;
}

.ui-tooltip {
  font-size: 0.875rem;
}
/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/
.at-title {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  font-weight: 600;
  z-index: 3;
}
.at-title .page-title {
  font-size: 2.5rem;
}
.at-title .page-desc {
  color: #666;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .at-title {
    margin-bottom: 25px;
  }
}

/********************************************************
■ Sub Title : 서브 타이틀 및 설명글
********************************************************/
.at-content header.header {
  margin-bottom: 20px;
  text-align: center;
  padding-top: 15px;
}
.at-content header.header .head {
  font-size: 3rem;
}

@media (max-width: 768px) {
  .at-content header.header {
    margin-bottom: 20px;
  }
  .at-content header.header .head {
    margin-bottom: 5px;
    font-size: 2rem;
  }
}

/********************************************************
■ Main Page : 메인 인덱스 페이지
********************************************************/
.pg-main .sec {
  position: relative;
  padding-bottom: 70px;
  padding-top: 70px;
}

@media (max-width: 767px) {
  .pg-main .sec {
    padding-top: 35px;
    padding-bottom: 35px;
    overflow: hidden;
  }
}
.pg-main .sec.no-top-padding {
  padding-top: 0;
}
.pg-main .sec.no-botton-padding {
  padding-bottom: 0;
}
.pg-main .sec.no-padding {
  padding-bottom: 0;
  padding-top: 0;
}
.pg-main .sec .header {
  text-align: center;
  margin-bottom: 40px;
}
.pg-main .sec .header .head {
  font-size: 2.2rem;
  margin-bottom: 15px;
  font-weight: 600;
}
.pg-main .sec .header .desc {
  line-height: 170%;
}

@media (max-width: 767px) {
  .pg-main .sec .header {
    margin-bottom: 25px;
  }
  .pg-main .sec .header .head {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

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

/********************************************************
■ Page Content : 서브페이지 본문
********************************************************/

.at-content .header {
  text-align: center;
}

.page-content {
  word-break: keep-all;
  word-wrap: break-word;
}
.page-content .header {
}
.page-content .header .line {
  background-color: #f17f42;
  display: inline-block;
  height: 3px;
  margin: 10px 0;
  width: 100px;
}
.page-content .h0,
.page-content h1,
.page-content h2,
.page-content h3 {
  line-height: 150%;
  margin-top: 0;
}
.page-content p {
  line-height: 160%;
  margin: 0 0 15px;
  padding: 0;
}
.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 {
  letter-spacing: 0;
}

#bottom .footer {
  border-top: 1px solid #ddd;
  text-align: center;
}
#bottom .footer .c {
  margin: 50px auto;
}
#bottom .footer dl {
  font-size: 1.125rem;
  margin-top: 20px;
}
#bottom .footer dl .address {
  margin: 10px 0;
  font-size: 1.25rem;
}
#bottom .footer dl .address dt {
  display: none;
}
#bottom .footer dl .wrap {
  display: inline-block;
  margin-right: 15px;
}
#bottom .footer dl .wrap:last-child {
  margin-right: 0;
}

#bottom .footer dl dt,
.footer dl dd {
  display: inline-block;
}
#bottom .footer dl dt {
  margin-right: 5px;
}
#bottom .footer dl dt:after {
  content: " : ";
}

#bottom .footer .family-site {
  position: relative;
  text-align: left;
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}
#bottom .footer .family-site .head {
  position: relative;
  padding: 10px 15px;
  width: 230px;
  background: #fff;
  border: 1px solid #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
#bottom .footer .family-site .sub {
  position: absolute;
  left: 0;
  bottom: 100%;
  right: 0;
  padding: 5px;
  margin-bottom: -12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 1;
}
#bottom .footer .family-site.on .sub {
  margin-bottom: 0;
}
#bottom .footer .family-site .sub a {
  display: block;
  padding: 5px 10px;
}

#bottom .copyright {
  padding: 20px;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 0.875rem;
}
/* 하단 푸터 배경색 수정 */
#bottom {
  background: #2d2926 !important;
}

/* 푸터 내부 텍스트 색상 */
#bottom .footer dl {
  color: #fff;
}

/* 하단 버튼 (개인정보처리방침 등) */
#bottom span.bottom_btn a {
  color: #ccc;
  transition: color 0.3s;
}
#bottom span.bottom_btn a:hover {
  color: #fff;
}

/* 카피라이트 영역 */
#bottom .copyright {
  color: #eee;
}
#bottom .copyright a {
  color: #ccc;
  transition: color 0.3s;
}
#bottom .copyright a:hover {
  color: #fff;
}
@media (max-width: 767px) {
  #bottom .footer .c {
    margin: 30px auto;
  }
  #bottom .footer img {
    width: 100px;
  }
  #bottom .footer dl {
    font-size: 1rem;
  }
  #bottom .footer dl .address {
    font-size: 1.125rem;
  }
  #bottom .footer dl .wrap {
    display: block;
  }
}

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

/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
/* Button */
.btn {
  font-family: "SUIT", sans-serif;
}
.btn-lg {
  border-radius: 3px;
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
}
.btn-lg i {
  font-size: 24px;
  position: relative;
  top: 3px;
}
.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: "SUIT", sans-serif;
}

/* Panel : Accordions */
.panel {
  border-radius: 0px;
  box-shadow: none;
  webkit-box-shadow: none;
}
.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: "SUIT", 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 {
  background: #444 !important;
  border-color: #444 !important;
  color: #fff !important;
}

/* Progress */
.progress {
  background-color: whitesmoke;
  border-radius: 0px;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  height: 28px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress .sr-only {
  clip: auto;
  font-family: "SUIT", sans-serif;
  font-size: 12px;
  height: 28px;
  left: 0px;
  line-height: 28px;
  margin: 0px 15px;
  width: auto;
}
.sr-score {
  font-family: "SUIT", sans-serif;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  padding-right: 8px;
}

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

/********************************************************
■ 그누보드 기타
********************************************************/
.content_move {
  color: #aaa;
  font-size: 0.8em;
  margin-top: 30px;
  text-align: right;
}
.sns-share-icon img {
  border-radius: 50%;
  max-width: 34px;
  width: 20%;
}
#captcha #captcha_key {
  width: 100px;
}

/* 목록 - 카테고리 */
.list-category {
  margin: 40px auto;
}
.list-category ul.category {
  display: inline-block;
}
.list-category ul.category li {
  border: 1px solid #ccc;
  border-right-width: 0;
  float: left;
  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 {
  height: 40px;
  width: 100%;
}
.list-category.cgs-center-mlr4 {
  text-align: center;
}
.list-category.cgs-center-mlr4 ul.category li {
  border-right-width: 1px;
  margin: 0 4px;
}

/* 페이지 네비 부분 */
.list-wrap #infscr-loading {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  bottom: 50px;
  color: white;
  left: 50%;
  margin: 0;
  padding: 10px;
  position: fixed;
  text-align: center;
  transform: translateX(-50%);
  width: 200px;
  z-index: 100;
}
.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;
  margin-top: 70px;
  text-align: center;
}
.view-wrap .view-sns > div {
  display: inline-block;
}
.view-wrap .view-sns a {
  border-radius: 10px;
  float: left;
  margin: 0 4px;
  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 {
  display: block !important;
  float: right;
  height: 50px;
  line-height: 50px;
  overflow: visible !important;
  position: relative;
  text-align: center;
  width: 50px;
}
.view-wrap .a-good:hover i {
  color: #333;
}
.view-wrap .a-good i {
  color: #f5f5f5;
  font-size: 30px;
  line-height: 50px;
}
.view-wrap .a-good div {
  background: white;
  border: 1px solid #eee;
  border-radius: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
  color: #333;
  height: 25px;
  line-height: 25px;
  ms-transform: translateX(50%);
  padding: 0 7px;
  position: absolute;
  right: 0;
  top: -12px;
  transform: translateX(50%);
}
.view-wrap .a-print {
  background: #f17f42;
  display: block;
  height: 50px;
  line-height: 50px;
  margin-left: 15px !important;
  text-align: center;
  width: 50px;
}
.view-wrap .a-print i {
  color: #f5f5f5;
  font-size: 30px;
  line-height: 50px;
}
.view-wrap .a-print:hover i {
  color: #333;
}
.view-comment {
  border-bottom: 1px solid #333333;
  display: inline-block;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  text-transform: capitalize;
}

/* Comment */
.comment-media {
  margin: 10px 0px;
}
.comment-media .photo i {
  background: whitesmoke;
  border-radius: 50%;
  color: #8f8f8f;
  display: inline-block;
  font-size: 30px;
  height: 64px;
  padding: 15px;
  text-align: center;
  width: 64px;
}
.comment-media .photo img {
  border-radius: 50%;
  display: inline-block;
  height: 64px !important;
  width: 64px !important;
}
.view-mobile .comment-media .photo i {
  height: 54px;
  padding: 10px;
  width: 54px;
}
.view-mobile .comment-media .photo img {
  height: 54px !important;
  width: 54px !important;
}
.comment-media .media {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  margin-top: 0;
}
.comment-media h5 {
  line-height: 22px;
  margin: 2px 0px;
}
.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-content > span {
  height: 0;
  display: block;
  overflow: hidden;
}
.comment-media .media .media-btn {
  margin-left: 4px;
}
.comment-media .cmt-good-btn {
  padding-right: 1px;
  text-align: right;
}
.comment-media .cmt-good,
.comment-media .cmt-nogood {
  cursor: pointer;
  display: inline-block;
  font: bold 11px verdana;
  height: 20px;
  letter-spacing: -1px;
  line-height: 19px;
  margin-right: -1px;
  margin-top: 10px;
  padding-right: 10px;
  text-align: right;
  width: 74px;
}
.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;
}
#bo_vc .comment-form {
  padding-top: 10px;
}
.comment-box {
  background: #fbfbfb;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  padding: 12px 12px 0px;
}
.comment-content {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.comment-content .comment-cell {
  display: table-cell;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}
.comment-content .comment-cell.comment-submit {
  background: #fafafa;
  border: 1px solid #ccc;
  border-left: 0px;
  cursor: pointer;
  height: 100%;
  width: 80px;
}
.comment-btn .cursor {
  color: #787878;
  margin-left: 12px;
}

/*# sourceMappingURL=colorset.css.map */
/* Top Search */
.search-box-new {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.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: #68a215;
  color: #fff;
  font-size: 18px;
  border: 0;
}
.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;
  }
}

.pagination.page {
  display: block;
}
.pagination.page .pg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.pagination.page .pg > * {
  width: 35px;
  height: 35px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  margin: 0 0 0 -1px;
  background: none;
  border: 1px solid #ddd;
}
.pagination.page .pg_start,
.pagination.page .pg_prev,
.pagination.page .pg_next,
.pagination.page .pg_end {
  font-size: 0;
  position: relative;
}
.pagination.page .pg_start:after,
.pagination.page .pg_prev:after,
.pagination.page .pg_next:after,
.pagination.page .pg_end:after {
  font-size: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.pagination.page .pg_start:after {
  content: "\f100";
}
.pagination.page .pg_prev:after {
  content: "\f104";
}
.pagination.page .pg_next:after {
  content: "\f105";
}
.pagination.page .pg_end:after {
  content: "\f101";
}

.pagination.page .pg_current {
  background: #444;
  border-color: #444;
}