@charset "utf-8";
/* 본 문서는 스마트 솔루션 데모 페이지에서 사용합니다. */

/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 400;
  src: local('Arvo Italic'), local('Arvo-Italic'), url(https://fonts.gstatic.com/s/arvo/v9/Yl0tppep0-4db_jv2GpmdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 700;
  src: local('Arvo Bold Italic'), local('Arvo-BoldItalic'), url(https://fonts.gstatic.com/s/arvo/v9/Vj6JEk1YZr8j8R8H2j0b-ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/J0GYVYTizO1mjpT3aOcSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v9/Ya11CJGBCnKoJHvb8B2EOw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v13/XNVd6tsqi9wmKNvnh5HNEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v13/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v13/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v13/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v13/AcvTq8Q0lyKKNxRlL28RnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v13/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://fonts.gstatic.com/s/lato/v13/81X-1TO5y4aMK2PPy9kFwxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: local('Lato Black Italic'), local('Lato-BlackItalic'), url(https://fonts.gstatic.com/s/lato/v13/VNUH7ZAcagYBWsAiBBCEY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v13/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v13/tI4j516nok_GrVf4dhunkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Nanum Gothic */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'aritadm';
  src: url(/resource/fonts/AritaDotumMedium_subset.eot);
  src: local(※), url(/resource/fonts/AritaDotumMedium_subset.eot?#iefix) format('embedded-opentype'),
  url(/resource/fonts/AritaDotumMedium_subset.woff) format('woff'),
  url(/resource/fonts/AritaDotumMedium_subset.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* ------------------------------ Default ------------------------------ */
* { margin: 0; padding: 0; }
body * :not(i) {
  font-family: 'Nanum Gothic', '나눔고딕', 'dotum', '돋움', 'Malgun Gothic', '맑은 고딕', Tahoma, Geneva, sans-serif;
  letter-spacing: -.04em;
}


a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
::selection {
  text-shadow: none;
  background: #59004d;
  color: #fff;
}

.gradient {
  display: inline-block;
  letter-spacing: -.08em;
    color: #00a1b5;
    background: -webkit-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -moz-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -o-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.gradientModal h4.modal-title {
    display: inline-block;
    font-size: 20px; font-weight: 500; letter-spacing: -.05em;
    padding-right: 3px; text-transform: capitalize;
    color: #00a1b5;
    background: -webkit-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -moz-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));
    background: -o-gradient(linear, left top, right top, from(#00a1b5), to(#d43f3a));

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.gradientModal p {
    margin: 5px 0;
}
.gradientModal button[type="button"] {
    font-size: 13px; font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
}

.gradientModal button[type="button"] {
    color: #00a1b5;
    border: 1px solid #00a1b5;
}

.gradientModal button[type="button"].pull-left {
    color: #00a1b5;
    border: 1px solid #00a1b5;
}
.gradientModal button[type="button"].pull-right {
    color: #d43f3a;
    border: 1px solid #d43f3a;
}

#digeracy-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, .8);
}
#digeracy-popup h2 {
  cursor: pointer;
  color: #fff;
  letter-spacing: -1px;
  font-size: 13px;
  padding: 0 15px;
  text-align: center;
  margin: 10px 0;
}
#digeracy-popup h2 span {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
/* ------------------------------ public ------------------------------ */
.float-clear {
  clear: both;
}
.decoration {
    clear: both; height: 20px;
}
.decoration-50 {
    clear: both; height: 50px;
}
.decoration-100 {
    clear: both; height: 100px;
}

/* ------------------------------ preloader ------------------------------ */
#preloader {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0;
  background-color: #fff; z-index: 10000;
}
#preloader .motion-group {
  width: 112px; height: 112px;
  position: fixed; top: 25%; left: 50%;

  -webkit-transform:  translate( -50%, -50% );
  -moz-transform:   translate( -50%, -50% );
  -ms-transform:    translate( -50%, -50% );
  -o-transform:   translate( -50%, -50% );
  transform:      translate( -50%, -50% );
}
#preloader .motion {
  width: 112px; height: 112px;

  border-top:   4px solid rgba(89, 0, 77, .8);
  border-right: 4px solid rgba(89, 0, 77, .8);
  border-bottom:  4px solid transparent;
  border-left:  4px solid transparent;

  border-radius: 50%;

  -webkit-animation:preloader-motion .8s infinite linear;
  -moz-animation:   preloader-motion .8s infinite linear;
  -ms-animation:    preloader-motion .8s infinite linear;
  -o-animation:     preloader-motion .8s infinite linear;
  animation:        preloader-motion .8s infinite linear;
}
#preloader .motion-group p {
  width: inherit; letter-spacing: -2px; text-align: center;
  color: #59004d; font-size: 20px; font-style: italic;
  margin-top: 10px; text-transform: uppercase;
}

#top-btn {
    width: 50px; height: 50px; line-height: 42px; z-index: 1000; cursor: pointer;
    position: fixed; bottom: -100px; right: 30px;
    border-radius: 50%; border: 1px solid #dedede; text-align: center;
    background-color: rgba( 255, 255, 255, 0.7 );
    -webkit-box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -moz-box-shadow:    5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -ms-box-shadow:     5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -o-box-shadow:      5px 5px 10px rgba( 0, 0, 0, 0.2 );
    box-shadow:         5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
    opacity: 0;
}
#top-btn.active { bottom: 30px; opacity: 1; }

#kakao-talk {
    width: 50px; height: 50px; z-index: 1000; cursor: pointer; text-align: center;
    position: fixed; bottom: 30px; right: 30px;
    border-radius: 50%; border: 1px solid #dedede; text-align: center;
    background-color: #fbe300;
    -webkit-box-shadow: 5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -moz-box-shadow:    5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -ms-box-shadow:     5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -o-box-shadow:      5px 5px 10px rgba( 0, 0, 0, 0.2 );
    box-shadow:         5px 5px 10px rgba( 0, 0, 0, 0.2 );
    -webkit-transition: all .4s ease-out;
    -moz-transition:    all .4s ease-out;
    -o-transition:      all .4s ease-out;
    transition:         all .4s ease-out;
    opacity: .8;
}
#kakao-talk.active { bottom: 100px; }
#kakao-talk > i {
    font-size: 25px; color: #3b1e1e; line-height: 45px;
}
#kakao-talk:hover {
    opacity: 1;
}
/* ------------------------------ motion ------------------------------ */
@keyframes "preloader-motion" {
  from {
    -webkit-transform:  rotate(0deg);
    -moz-transform:     rotate(0deg);
    -ms-transform:      rotate(0deg);
    -o-transform:       rotate(0deg);
    transform:          rotate(0deg);
  }
  to {
    -webkit-transform:  rotate(359deg);
    -moz-transform:     rotate(359deg);
    -ms-transform:      rotate(359deg);
    -o-transform:       rotate(359deg);
    transform:          rotate(359deg);
  }

}

@-moz-keyframes preloader-motion {
  from {
    -moz-transform: rotate(0deg);
    transform:      rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform:      rotate(359deg);
  }
}

@-webkit-keyframes "preloader-motion" {
  from {
    -webkit-transform:  rotate(0deg);
    transform:          rotate(0deg);
  }
  to {
    -webkit-transform:  rotate(359deg);
    transform:          rotate(359deg);
  }
}

@-ms-keyframes "preloader-motion" {
  from {
    -ms-transform:  rotate(0deg);
    transform:      rotate(0deg);
  }
  to {
    -ms-transform:  rotate(359deg);
    transform:      rotate(359deg);
  }
}

@-o-keyframes "preloader-motion" {
  from {
    -o-transform:   rotate(0deg);
    transform:      rotate(0deg);
  }
  to {
    -o-transform:   rotate(359deg);
    transform:      rotate(359deg);
  }
}
/* ------------------------------ /preloader ------------------------------ */