@charset "UTF-8";
/* breakpoints */
/* 폰트 적용 */
@font-face {
  font-family: 'NanumSquare';
  src: url(../font/NanumSquareR.eot);
  src: url(../font/NanumSquareRd41d.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareR.woff) format("woff"), url(../font/NanumSquareR.ttf) format("truetype"); }
@font-face {
  font-family: 'Montserrat';
  src: url(../font/Montserrat-Regular.eot);
  src: url(../font/Montserrat-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat-Regular.woff) format("woff"); }
@font-face {
  font-family: 'Montserrat-Light';
  src: url(../font/Montserrat-Light.eot);
  src: url(../font/Montserrat-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat-Light.woff) format("woff"); }
@font-face {
  font-family: 'Montserrat-Medium';
  src: url(../font/Montserrat-Medium.eot);
  src: url(../font/Montserrat-Mediumd41d.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat-Medium.woff) format("woff"); }
@font-face {
  font-family: 'Montserrat-semibold';
  src: url(../font/Montserrat-semibold.eot);
  src: url(../font/Montserrat-semiboldd41d.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat-semibold.woff) format("woff"); }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url(../font/Montserrat-Bold.eot);
  src: url(../font/Montserrat-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../font/Montserrat-Bold.woff) format("woff"); }
/* 참고*/
/*
@mixin transition($type) {
  -webkit-transition: $type;
  -moz-transition: $type;
  -ms-transition: $type;
  transition: $type;
}
*/
@media (max-width: 767px) {
  body.single-portfolio h4 {
    margin-bottom: 15px; } }
body.single-portfolio hr.zero {
  margin: 70px 0;
  border: 1px solid #101010; }
  @media (max-width: 767px) {
    body.single-portfolio hr.zero {
      display: none; } }
body.single-portfolio hr.first {
  margin: 70px 0;
  border: 1px solid #101010; }
  @media (max-width: 767px) {
    body.single-portfolio hr.first {
      margin: 30px 0 0; } }
body.single-portfolio hr.second {
  margin: 40px 0 78px;
  border: 1px solid #101010; }
  @media (max-width: 767px) {
    body.single-portfolio hr.second {
      margin: 0 0 28px;
      border: 0; } }
body.single-portfolio .avia-video, body.single-portfolio .avia-iframe-wrap {
  margin-bottom: 0; }
body.single-portfolio .avia-image-container.avia-align-center {
  margin-bottom: 0; }
body.single-portfolio .work-detail-title {
  font-family: 'Montserrat-Bold', sans-serif;
  font-size: 30px;
  line-height: 1;
  margin: 60px 0 30px; }
  @media (max-width: 767px) {
    body.single-portfolio .work-detail-title {
      margin: 30px 0 15px; } }
body.single-portfolio .workWrap dt {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  line-height: 1.5;
  color: #000; }
  @media (max-width: 767px) {
    body.single-portfolio .workWrap dt {
      line-height: 1;
      margin-bottom: 8px; } }
body.single-portfolio .workWrap dd {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.87;
  color: #000; }
body.single-portfolio .creditList dt {
  font-family: 'Montserrat-Bold', sans-serif;
  font-size: 16px;
  line-height: 1.87;
  color: #000; }
body.single-portfolio .creditList dd {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.87;
  color: #000;
  margin-bottom: 48px; }
  @media (max-width: 767px) {
    body.single-portfolio .creditList dd {
      line-height: 1.5;
      margin-bottom: 0; } }
@media (max-width: 767px) {
  body.single-portfolio .container_wrap .avia-builder-el-last {
    margin-bottom: 20px !important; } }

@media (max-width: 767px) {
  .responsive #top #wrap_all #media .container, .responsive #top #wrap_all #image .container {
    width: 100%;
    max-width: 100%; } }

@media (max-width: 767px) {
  .responsive #top.single-portfolio #wrap_all .flex_column {
    margin-bottom: 0; } }

@media (max-width: 767px) {
  .responsive #top #wrap_all #media_full .container {
    width: 100%;
    max-width: 100%;
    padding: 0; } }

#media_full .container {
  max-width: 100%;
  padding: 0; }
#media_full.avia-section {
  min-height: auto; }

#other_video {
  padding: 70px 0 0 0; }
  #other_video p {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Montserrat-Bold', sans-serif; }
    @media (max-width: 991px) {
      #other_video p {
        font-size: 17px; } }
    @media (max-width: 767px) {
      #other_video p {
        font-size: 15px; } }
    @media (max-width: 480px) {
      #other_video p {
        font-size: 13px; } }
  #other_video .av_one_fifth {
    margin-left: 2%;
    width: 18.4%; }
    #other_video .av_one_fifth.first {
      margin-left: 0; }
  #other_video .column-top-margin {
    margin-top: 25px; }
    @media (max-width: 1200px) {
      #other_video .column-top-margin {
        margin-top: 22px; } }
    @media (max-width: 991px) {
      #other_video .column-top-margin {
        margin-top: 17px; } }
  #other_video .av-image-caption-overlay-center {
    padding: 0 10px; }
  #other_video .av-image-caption-overlay:hover .av-caption-image-overlay-bg {
    opacity: 0.7 !important; }
  #other_video .av-image-caption-overlay .av-caption-image-overlay-bg {
    opacity: 0 !important; }

img.arrow {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 15px;
  margin: 0 14px; }
  @media (max-width: 767px) {
    img.arrow {
      margin: 0 10px;
      display: none; } }
  @media (max-width: 480px) {
    img.arrow {
      width: 20px;
      height: 14px;
      margin: 0 4px; } }

.av-masonry-container {
  margin: 0 0 4px 0; }

@media (max-width: 991px) {
  .responsive #top.single-portfolio #wrap_all #other_video .flex_column {
    width: 32%;
    margin: 0 0 10px 1%; } }
@media (max-width: 767px) {
  .responsive #top.single-portfolio #wrap_all #other_video .flex_column {
    margin: 0 0 6px 1%; } }
@media (max-width: 480px) {
  .responsive #top.single-portfolio #wrap_all #other_video .flex_column {
    margin: 0 0 5px 1%; } }

.responsive #top.single-portfolio #wrap_all #other_video .first {
  clear: unset; }

h4.video {
  margin-bottom: 20px;
  font-family: 'Montserrat-Bold', sans-serif; }

.avia-image-container-inner {
  width: 100%; }

.avia-image-overlay-wrap {
  width: 100%; }

#top.single-portfolio #image .avia_image {
  width: 100%; }

.av-masonry-pagination {
  display: inline-block;
  margin: 0 auto; }

.av-masonry-load-more span {
  margin-left: 10px; }

.avia_desktop.avia_transform3d #top .av-masonry-animation-active .av-masonry-entry {
  -webkit-perspective: none;
  -moz-perspective: none;
  -ms-perspective: none;
  perspective: none; }

.avia_desktop.avia_transform3d #top .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
  -webkit-animation: work 0.8s 1;
  -moz-animation: work 0.8s 1;
  -ms-animation: work 0.8s 1;
  -o-animation: work 0.8s 1;
  animation: work 0.8s 1; }
@-webkit-keyframes work {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-moz-keyframes work {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-ms-keyframes work {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@-o-keyframes work {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
@keyframes work {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
.av-masonry-container {
  width: 100% !important; }

.av-masonry-col-3 .av-masonry-entry.col-4 {
  width: 33.33%; }

.av-fixed-size .av-masonry-entry.col-4 .av-inner-masonry-sizer {
  padding-bottom: 100%; }

.av-masonry-col-3 .av-masonry-entry.col-8 {
  width: 66.66%; }

.av-fixed-size .av-masonry-entry.col-8 .av-inner-masonry-sizer {
  padding-bottom: 50%; }

.av-masonry-col-3 .av-masonry-entry.col-12 {
  width: 100%; }

.av-fixed-size .av-masonry-entry.col-12 .av-inner-masonry-sizer {
  padding-bottom: 32.239%; }

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
  -webkit-animation: none;
  animation: none; }

@media (max-width: 991px) {
  .responsive #top .av-masonry-entry {
    width: 100% !important; } }

@media (max-width: 991px) {
  .responsive #top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0, 0, 0, 0.1) !important; } }

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
  transform: none !important;
  -webkit-transform: none !important; }

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