@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

code {
  font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

body {
  font-family: "Noto Sans KR",sans-serif!important;
  color: #222
}

body,html {
  width: 100%
}

@media screen and (max-width: 1200px) {
  body {
      width:1200px
  }
}

label {
  margin-bottom: 0!important;
  cursor: pointer
}

img {
  vertical-align: middle
}

a,a:hover,button,button:hover,input,input:hover,select,select:hover,textarea,textarea:hover {
  outline: none!important
}

a:-webkit-any-link:focus,button:-webkit-any-link:focus,input:-webkit-any-link:focus,select:-webkit-any-link:focus,textarea:-webkit-any-link:focus {
  outline: none!important
}

a:focus,button:focus,input:focus,select:focus,textarea:focus {
  outline: none!important
}

a,button {
  cursor: pointer;
  text-decoration: none
}

a:hover,button:hover {
  text-decoration: none!important
}

a.disabled {
  opacity: .5;
  cursor: default
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.flex-column {
  flex-direction: column
}

header {
  position: fixed;
  width: 100%;
  transition: padding .3s ease;
  z-index: 101;
  height: 120px;
  transition: background-color 1s ease
}

header .header-wrap {
  display: flex;
  width: 1200px;
  margin: 0 auto
}

header .header-wrap .logo {
  display: inline-flex;
  justify-content: flex-end;
  margin-top: 58px
}

header .header-wrap .logo img {
  width: 200px
}

header .header-wrap .menu {
  display: inline-flex;
  flex-direction: column;
  width: 100%
}

header .header-wrap .menu .login {
  display: inline-flex;
  justify-content: flex-end;
  margin: 18px 0 25px
}

header .header-wrap .menu .login span {
  margin-right: 10px;
  color: #ccc;
  font-size: 16px;
  font-weight: 500
}

header .header-wrap .menu .login a {
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px
}

header .header-wrap .menu .login a span {
  margin-right: -15px
}

header .header-wrap .menu .login a:hover {
  color: #e4e4e4
}

header .header-wrap .menu .login a.join {
  margin-left: 27px
}

header .header-wrap .menu .nav {
  display: flex;
  justify-content: flex-end
}

header .header-wrap .menu .nav a {
  margin-left: 67px;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 400;
  color: #fff
}

header .header-wrap .menu .nav a:hover {
  color: #e4e4e4
}

header .header-wrap .menu .nav a:nth-child(2) {
  margin-left: 75px;
  letter-spacing: 1.2px
}

header .header-wrap .menu .nav a:nth-child(3) {
  margin-left: 71px;
  letter-spacing: .1px
}

header .header-wrap .menu .nav a:nth-child(4) {
  margin-left: 71px;
  letter-spacing: .7px
}

header.sticky {
  height: 80px;
  background-color: #144f9b;
  opacity: .9
}

header.sticky .header-wrap .logo {
  margin: 20px 0 10px
}

header.sticky .header-wrap .menu {
  flex-direction: row-reverse;
  width: 100%
}

header.sticky .header-wrap .menu .login {
  align-items: flex-end;
  margin: 0 0 18px
}

header.sticky .header-wrap .menu .login a {
  font-size: 15px;
  color: #fff
}

header.sticky .header-wrap .menu .login a:hover {
  color: #daf1ff
}

header.sticky .header-wrap .menu .login a.join {
  margin-left: 15px
}

header.sticky .header-wrap .menu .nav {
  align-items: flex-end;
  margin: 0 50px 18px 0
}

header.sticky .header-wrap .menu .nav a {
  color: #fff
}

header.sticky .header-wrap .menu .nav a:hover {
  color: #daf1ff
}

header.sub {
  position: relative;
  background-color: #fff!important;
  border-bottom: 1px solid #144f9b
}

header.sub .menu a {
  color: #222!important
}

header.sub .menu a:hover {
  color: #848484!important
}

#container {
  width: 100%
}

@media screen and (max-width: 1200px) {
  #container {
      width:1200px
  }
}

#container.sub {
  min-height: 800px
}

.fade-enter {
  opacity: 0
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity .5s ease-in
}

.fade-leave {
  opacity: 1
}

.fade-leave.fade-leave-active {
  opacity: 0;
  transition: opacity .5s ease-in
}

.modal-header {
  padding: .5rem 1rem
}

.modal-title {
  font-size: 22px
}

.modal-body {
  font-size: 18px;
  font-weight: 300;
  min-height: 120px
}

.modal-footer {
  padding: .5em .75rem
}

.modal-footer button {
  padding: .5rem 1.5rem
}

footer {
  background-color: #373737
}

footer .contents {
  width: 1200px;
  margin: 0 auto
}

footer .contents .content {
  display: flex;
  align-items: flex-start;
  padding: 15px 0;
  border-bottom: 1px solid #585858
}

footer .contents .content:nth-child(2) {
  padding: 35px 0
}

footer .contents .content .direct-link {
  display: inline-flex;
  flex-basis: 60%
}

footer .contents .content .direct-link a {
  color: #e6e6e6;
  margin-right: 20px
}

footer .contents .content .sns-direct-link {
  display: inline-flex;
  flex-basis: 40%;
  justify-content: flex-end
}

footer .contents .content .sns-direct-link a {
  margin-left: 20px
}

footer .contents .content .compnay-info {
  flex-basis: 73%
}

footer .contents .content .compnay-info .footer-logo {
  padding-bottom: 15px
}

footer .contents .content .compnay-info .detail {
  color: #e6e6e6;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: .5px
}

footer .contents .content .compnay-info .detail a {
  color: #e6e6e6
}

footer .contents .content .compnay-info .detail .ceo,footer .contents .content .compnay-info .detail .com-sales-num,footer .contents .content .compnay-info .detail .fax,footer .contents .content .compnay-info .detail .name {
  margin-right: 15px
}

footer .contents .content .compnay-info .copyright {
  color: #e6e6e6;
  font-size: 14px;
  padding: 15px 0
}

footer .contents .content .customer-center {
  flex-basis: 12%;
  display: inline-flex;
  flex-direction: column;
  padding-top: 10px
}

footer .contents .content .customer-center .title {
  color: #e6e6e6;
  font-size: 14px
}

footer .contents .content .customer-center .phone a {
  color: #fff;
  font-size: 30px
}

footer .contents .content .customer-center .time {
  color: #acacac;
  font-size: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  width: 220px
}

footer .contents .content .app-download-link {
  padding-top: 10px;
  flex-basis: 15%;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

footer .contents .content .app-download-link a {
  margin-bottom: 10px
}

.main-banner-wrap,.main-banner-wrap video {
  width: 100%
}

.main-banner-wrap .contents {
  width: 1200px;
  position: absolute;
  top: 0;
  height: 800px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.main-banner-wrap .contents .content .main {
  font-size: 54px;
  color: #fff;
  letter-spacing: 3.8px;
  font-weight: 600;
  padding: 10px 0;
  margin-top: 60px
}

.main-banner-wrap .contents .button {
  display: flex;
  width: 436px;
  justify-content: space-between;
  padding-top: 30px
}

.main-banner-wrap .contents .button a {
  flex-basis: 47.4%;
  height: 60px;
  color: #1d6dd4;
  font-size: 22px;
  background-color: #fff;
  border-radius: 5px;
  line-height: 55px;
  text-align: center;
  transition: .5s
}

.main-banner-wrap .contents .button a:first-child {
  background-color: #1d6dd4;
  color: #fff
}

.main-banner-wrap .contents .button a:first-child:focus,.main-banner-wrap .contents .button a:first-child:hover {
  color: #1d6dd4;
  box-shadow: inset 0 -3.25em 0 0 #fff
}

.main-banner-wrap .contents .button a:nth-child(2) {
  background-color: #fff;
  color: #1d6dd4
}

.main-banner-wrap .contents .button a:nth-child(2):focus,.main-banner-wrap .contents .button a:nth-child(2):hover {
  color: #fff;
  box-shadow: inset 0 -3.25em 0 0 #1d6dd4
}

.main-banner-wrap .parallax-outer {
  height: 800px;
  overflow: hidden
}

.main-banner-wrap .parallax-outer .parallax-inner {
  display: flex;
  justify-content: center
}

@media screen and (min-width: 1200px) {
  #container {
      width:100%
  }
}

.stats-wrap,.stats-wrap .items {
  background-color: #f8fbff
}

.stats-wrap .items {
  display: flex;
  justify-content: space-evenly;
  width: 1200px;
  height: 155px;
  margin: 0 auto
}

.stats-wrap .items .item {
  flex-basis: 18%;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  padding: 34px 0
}

.stats-wrap .items .item .count {
  font-size: 32px;
  font-weight: 600
}

.stats-wrap .items .item .title {
  margin-top: 3px;
  letter-spacing: 1px;
  color: #707070;
  opacity: .8
}

.startup-simple-search-wrap .contents {
  width: 1220px;
  margin: 0 auto;
  padding: 80px 0
}

.startup-simple-search-wrap .contents h2 {
  font-size: 32px;
  letter-spacing: 1.7px;
  font-weight: 400;
  padding-bottom: 10px;
  width: 1200px;
  margin: 0 auto
}

.startup-simple-search-wrap .contents .menu {
  width: 1200px;
  display: flex;
  flex-direction: row;
  margin: 20px auto 0;
  background-image: url(http://www.changupin.kr/images/main/bottom-line.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 1220px 1px
}

.startup-simple-search-wrap .contents .menu a {
  margin-left: 14px;
  color: #707070;
  font-size: 16px;
  padding: 16px 14px
}

.startup-simple-search-wrap .contents .menu a:first-child {
  margin-left: 0
}

.startup-simple-search-wrap .contents .menu a.active {
  color: #222;
  border-bottom: 3px solid #222;
  font-weight: 600
}

.startup-simple-search-wrap .contents .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 15px;
  justify-content: space-between
}

.startup-simple-search-wrap .contents .content .items {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  width: 100%
}

.startup-simple-search-wrap .contents .content .items a {
  color: #222
}

.startup-simple-search-wrap .contents .content .items .item:first-child,.startup-simple-search-wrap .contents .content .items .item:nth-child(2) {
  margin-top: 0
}

.startup-simple-search-wrap .contents .more-btn {
  display: flex;
  justify-content: center;
  margin-top: 44px;
  height: 69px;
  align-items: center
}

.startup-simple-search-wrap .contents .more-btn a {
  display: inline-flex;
  border: 1px solid #e6e6e6;
  justify-content: center;
  color: #222;
  border-radius: 35px;
  height: 69px;
  width: 269px;
  align-items: center;
  letter-spacing: 1px;
  font-weight: 500;
  background-image: url(http://www.changupin.kr/images/main/right-arrow-black.png);
  background-repeat: no-repeat;
  background-position: 78% 50%;
  padding-right: 5px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16)
}

.startup-simple-search-wrap .item {
  flex-basis: 45%;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  padding: 25px;
  margin-top: 23px
}

.startup-simple-search-wrap .item .main_cate_nm {
  display: inline-flex;
  font-size: 15px;
  margin-top: 3px;
  letter-spacing: .6px;
  color: #1d6dd4;
  background-image: url(http://www.changupin.kr/images/main/left-line.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 12px;
  font-weight: 400
}

.startup-simple-search-wrap .item .sub_cate_nm {
  display: inline-flex;
  font-size: 13px;
  letter-spacing: .6px;
  background-color: #dcebff;
  color: #1d6dd4;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 7px;
  border-radius: 2px
}

.startup-simple-search-wrap .item .title {
  display: flex;
  font-size: 18px;
  letter-spacing: .6px;
  padding: 8px 0 12px;
  font-weight: 500
}

.startup-simple-search-wrap .item .etc {
  font-size: 14px;
  letter-spacing: .6px;
  font-weight: 300;
  flex-wrap: wrap;
  line-height: 24px;
  height: 52px;
  overflow: hidden;
  white-space: pre-line;
  margin-bottom: 14px
}

.startup-simple-search-wrap .item .price {
  display: inline-flex;
  font-size: 16px;
  letter-spacing: .6px;
  font-weight: 500;
  background-image: url(http://www.changupin.kr/images/main/left-line.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 12px
}

.startup-simple-search-wrap .item .price span {
  color: #acacac;
  margin-right: 5px;
  font-weight: 300
}

.startup-simple-search-wrap .item .meeting_date {
  display: inline-flex;
  font-size: 16px;
  letter-spacing: .6px;
  font-weight: 500;
  background-image: url(http://www.changupin.kr/images/main/left-line.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding: 0 12px
}

.startup-simple-search-wrap .item .meeting_date span {
  color: #acacac;
  margin-right: 5px;
  font-weight: 300
}

.startup-simple-search-wrap .item .is_loan {
  display: inline-flex;
  font-size: 16px;
  letter-spacing: .6px;
  font-weight: 500;
  padding-left: 12px
}

.startup-simple-search-wrap .item .is_loan span {
  color: #acacac;
  margin-right: 5px;
  font-weight: 300
}

.startup-simple-search-wrap .rec-slider-container {
  margin: 0!important
}

.startup-simple-search-wrap .rec-slider-container .rec-slider>div {
  outline: none
}

.startup-simple-search-wrap .rec-slider-container .rec-slider>div .rec-item-wrapper .item:nth-child(odd) {
  margin-right: 24px
}

.startup-simple-search-wrap .rec-slider-container .rec-slider>div .rec-item-wrapper .item {
  flex-basis: 49%;
  border-radius: 5px
}

.startup-step-contents {
  width: 1368px;
  margin: 0 auto;
  padding: 80px 0
}

.startup-step-contents h2 {
  font-size: 32px;
  letter-spacing: 1.7px;
  font-weight: 400;
  padding-bottom: 10px;
  width: 1200px;
  margin: 0 auto
}

.startup-step-contents .menu {
  width: 1200px;
  display: flex;
  flex-direction: row;
  margin: 27px auto 0;
  background-image: url(http://www.changupin.kr/images/main/bottom-line.png);
  background-repeat: no-repeat;
  background-position: 100% 100%
}

.startup-step-contents .menu a {
  margin-left: 14px;
  color: #707070;
  font-size: 16px;
  font-weight: 300;
  padding: 16px 14px
}

.startup-step-contents .menu a:first-child {
  margin-left: 0
}

.startup-step-contents .menu a.active {
  color: #222;
  font-weight: 500;
  border-bottom: 3px solid #222
}

.startup-step-contents .content {
  width: 1200px;
  height: 345px;
  border-radius: 5px;
  padding: 36px 25px;
  margin-top: 25px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  background-color: #fff
}

.startup-step-contents .content.datalab {
  background-image: url(http://www.changupin.kr/images/main/startup-step-datalab.png);
  background-repeat: no-repeat;
  background-position: 95% 50%
}

.startup-step-contents .content.request {
  background-image: url(http://www.changupin.kr/images/main/startup-step-request.png);
  background-repeat: no-repeat;
  background-position: 95% 50%
}

.startup-step-contents .content.meeting {
  background-image: url(http://www.changupin.kr/images/main/startup-step-meeting.png);
  background-repeat: no-repeat;
  background-position: 95% 50%
}

.startup-step-contents .content.contract {
  background-image: url(http://www.changupin.kr/images/main/startup-step-contract.png);
  background-repeat: no-repeat;
  background-position: 95% 50%
}

.startup-step-contents .content.open {
  background-image: url(http://www.changupin.kr/images/main/startup-step-open.png);
  background-repeat: no-repeat;
  background-position: 95% 50%
}

.startup-step-contents .content .step {
  font-size: 16px;
  color: #1d6dd4;
  background-color: #dcebff;
  display: inline-flex;
  padding: 0 8px;
  border-radius: 5px;
  margin-right: 15px
}

.startup-step-contents .content .title {
  display: inline-flex;
  font-size: 18px;
  font-weight: 600;
  padding-top: 12px;
  letter-spacing: 1.7px
}

.startup-step-contents .content .main {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 37px;
  padding: 18px 0
}

.startup-step-contents .content .sub {
  font-size: 14px;
  color: #616161;
  font-weight: 300;
  padding: 10px 0;
  letter-spacing: 1px;
  line-height: 32px
}

.startup-step-wrap .rec-item-wrapper {
  height: 427px
}

.startup-step-wrap .rec-slider>div {
  outline: none
}

.startup-step-wrap .rec-carousel>button {
  background-color: #fff;
  color: #222;
  border: 0;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  z-index: 99
}

.startup-step-wrap .rec-carousel>button:focus,.startup-step-wrap .rec-carousel>button:hover {
  color: #fff;
  background-color: #1d6dd4!important
}

@media screen and (max-width: 1368px) {
  .startup-step-wrap .startup-step-contents {
      width:1200px
  }

  .startup-step-wrap .rec-carousel>button.rec-arrow-left {
      position: absolute;
      left: 0
  }

  .startup-step-wrap .rec-carousel>button.rec-arrow-right {
      position: absolute;
      right: 0
  }
}

.startup-req-banner-wrap,.startup-req-banner-wrap img {
  width: 100%
}

.startup-req-banner-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  height: 220px;
  display: flex
}

.startup-req-banner-wrap .contents .content {
  color: #fff;
  flex-basis: 60%;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 6px
}

.startup-req-banner-wrap .contents .content div:first-child {
  font-size: 28px
}

.startup-req-banner-wrap .contents .content div:nth-child(2) {
  font-size: 36px
}

.startup-req-banner-wrap .contents .content div:nth-child(3) {
  font-size: 21px
}

.startup-req-banner-wrap .contents .button {
  flex-basis: 40%;
  justify-content: center;
  flex-direction: column;
  display: inline-flex;
  align-items: flex-end
}

.startup-req-banner-wrap .contents .button a {
  color: #fff;
  font-size: 22px;
  background-color: #1d6dd4;
  padding: 12px 94px;
  border-radius: 3px
}

.startup-review-wrap {
  background-color: #f8fbff
}

.startup-review-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0
}

.startup-review-wrap .contents h2 {
  display: flex;
  font-size: 32px;
  letter-spacing: 1.7px
}

.startup-review-wrap .contents h2 .main {
  flex-basis: 50%
}

.startup-review-wrap .contents h2 .score {
  color: #1d6dd4;
  font-weight: 600;
  display: inline-flex;
  flex-basis: 50%;
  justify-content: flex-end
}

.startup-review-wrap .contents .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-top: 33px
}

.startup-review-wrap .contents .items .item {
  border-radius: 5px;
  flex-basis: 49%;
  margin-top: 23px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  padding: 25px;
  background-color: #fff
}

.startup-review-wrap .contents .items .item .head {
  font-size: 16px;
  color: #1d6dd4;
  display: flex;
  flex-direction: row
}

.startup-review-wrap .contents .items .item .head .user-name {
  flex-basis: 50%
}

.startup-review-wrap .contents .items .item .head .user-name .name {
  color: #acacac;
  background-image: url(http://www.changupin.kr/images/main/left-line.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 12px;
  margin-left: 12px;
  display: inline-flex
}

.startup-review-wrap .contents .items .item .head .star-score {
  flex-basis: 50%;
  justify-content: flex-end;
  display: inline-flex
}

.startup-review-wrap .contents .items .item .head .star-score img {
  margin-left: 6px;
  width: 18px;
  height: 18px
}

.startup-review-wrap .contents .items .item .head .star-score img:first-child {
  margin-left: 0
}

.startup-review-wrap .contents .items .item .body {
  font-size: 18px;
  font-weight: 300;
  padding: 18px 0;
  letter-spacing: 1.2px;
  line-height: 30px
}

.partners-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0
}

.partners-wrap h2 {
  font-size: 32px;
  letter-spacing: 1.7px;
  font-weight: 400;
  margin: 0;
  padding-bottom: 10px
}

.partners-wrap .content {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  justify-content: space-between
}

.partners-wrap .carousel-items {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  padding: 6px;
  align-items: center
}

.partners-wrap .carousel-items .items {
  flex-basis: 148.5px;
  padding: 35px 0;
  align-items: center;
  flex-direction: column;
  display: inline-flex
}

.partners-wrap .carousel-items .items img {
  width: 100px;
  height: 65px
}

.partners-wrap .rec-slider-container {
  margin: 0!important
}

.partners-wrap .rec-slider>div {
  outline: none
}

.partners-wrap .rec-pagination button {
  font-size: 12px;
  border: 0;
  background-color: #e3e3e3;
  box-shadow: none;
  margin: -9px 0 0 25px
}

.partners-wrap .rec-pagination button:first-child {
  margin-left: 0
}

.partners-wrap .rec-pagination button.rec-dot_active {
  background-color: #1d6dd4
}

.news-letters-wrap .contents {
  width: 1220px;
  margin: 0 auto;
  padding: 80px 0
}

.news-letters-wrap h2 {
  font-size: 32px;
  letter-spacing: 1.7px;
  font-weight: 400
}

.news-letters-wrap .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 38px;
  justify-content: space-between
}

.news-letters-wrap .items {
  flex-basis: 45%;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  padding: 25px;
  margin-top: 23px
}

.news-letters-wrap .items:first-child,.news-letters-wrap .items:nth-child(2) {
  margin-top: 0
}

.news-letters-wrap .items .item:first-child {
  display: flex;
  flex-direction: row
}

.news-letters-wrap .items .item:nth-child(2) {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  padding: 15px 0;
  letter-spacing: 1.3px;
  height: 76px;
  overflow: hidden
}

.news-letters-wrap .item {
  color: #222
}

.news-letters-wrap .item img {
  width: 180px;
  height: 120px
}

.news-letters-wrap .company {
  display: inline-flex;
  font-size: 16px;
  color: #1d6dd4;
  background-image: url(http://www.changupin.kr/images/main/left-line.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 12px;
  letter-spacing: 1px;
  font-weight: 300
}

.news-letters-wrap .date {
  display: inline-flex;
  margin-left: 12px;
  font-size: 16px;
  color: #acacac;
  font-weight: 300
}

.news-letters-wrap .title {
  font-size: 22px;
  color: #222;
  padding: 20px 40px 0 0;
  letter-spacing: 1px;
  height: 90px;
  overflow: hidden
}

.news-letters-wrap .rec-slider-container {
  margin: 0!important
}

.news-letters-wrap .carousel-items {
  display: flex;
  flex-wrap: wrap;
  padding: 6px
}

.news-letters-wrap .rec-item-wrapper .items {
  flex-basis: 49%;
  border-radius: 5px
}

.news-letters-wrap .rec-item-wrapper .items:nth-child(odd) {
  margin-right: 24px
}

.news-letters-wrap .rec-slider>div {
  outline: none
}

.news-letters-wrap .rec-pagination button {
  font-size: 12px;
  border: 0;
  background-color: #e3e3e3;
  box-shadow: none;
  margin: 35px 0 0 25px
}

.news-letters-wrap .rec-pagination button:first-child {
  margin-left: 0
}

.news-letters-wrap .rec-pagination button.rec-dot_active {
  background-color: #1d6dd4
}

.faq-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0
}

.faq-wrap h2 {
  font-size: 32px;
  letter-spacing: 1.7px;
  font-weight: 400;
  margin: 0;
  padding-bottom: 10px
}

.faq-wrap .content {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  justify-content: space-between
}

.faq-wrap h4 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 38px;
  background-color: #1d6dd4;
  color: #fff;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 300;
  margin: 4px 0
}

.faq-wrap .items {
  flex-basis: 582px
}

.faq-wrap .item {
  padding: 20px 25px;
  margin: 15px 0;
  border-radius: 5px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16)
}

.faq-wrap .item.hide {
  height: 60px;
  overflow: hidden
}

.faq-wrap .question {
  font-size: 16px;
  letter-spacing: 1px;
  background-image: url(http://www.changupin.kr/images/main/icon-question.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 26px;
  color: #222;
  position: relative
}

.faq-wrap .question img {
  position: absolute;
  right: 0;
  top: 6px
}

.faq-wrap .answer {
  color: #707070;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 25px 60px 10px 26px
}

/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounce {
  0%,20%,53%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      transform: translateZ(0)
  }

  40%,43% {
      transform: translate3d(0,-30px,0)
  }

  40%,43%,70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06)
  }

  70% {
      transform: translate3d(0,-15px,0)
  }

  90% {
      transform: translate3d(0,-4px,0)
  }
}

@keyframes bounce {
  0%,20%,53%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      transform: translateZ(0)
  }

  40%,43% {
      transform: translate3d(0,-30px,0)
  }

  40%,43%,70% {
      -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
      animation-timing-function: cubic-bezier(.755,.05,.855,.06)
  }

  70% {
      transform: translate3d(0,-15px,0)
  }

  90% {
      transform: translate3d(0,-4px,0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%,50%,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

@keyframes flash {
  0%,50%,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
      transform: scaleX(1)
  }

  50% {
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
      transform: scaleX(1)
  }

  50% {
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      transform: scaleX(1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  0% {
      transform: scaleX(1)
  }

  30% {
      transform: scale3d(1.25,.75,1)
  }

  40% {
      transform: scale3d(.75,1.25,1)
  }

  50% {
      transform: scale3d(1.15,.85,1)
  }

  65% {
      transform: scale3d(.95,1.05,1)
  }

  75% {
      transform: scale3d(1.05,.95,1)
  }

  to {
      transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
      transform: scaleX(1)
  }

  30% {
      transform: scale3d(1.25,.75,1)
  }

  40% {
      transform: scale3d(.75,1.25,1)
  }

  50% {
      transform: scale3d(1.15,.85,1)
  }

  65% {
      transform: scale3d(.95,1.05,1)
  }

  75% {
      transform: scale3d(1.05,.95,1)
  }

  to {
      transform: scaleX(1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {
  0%,to {
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      transform: translate3d(10px,0,0)
  }
}

@keyframes shake {
  0%,to {
      transform: translateZ(0)
  }

  10%,30%,50%,70%,90% {
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      transform: translate3d(10px,0,0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes headShake {
  0% {
      transform: translateX(0)
  }

  6.5% {
      transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
      transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
      transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
      transform: translateX(2px) rotateY(3deg)
  }

  50% {
      transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
      transform: translateX(0)
  }

  6.5% {
      transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
      transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
      transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
      transform: translateX(2px) rotateY(3deg)
  }

  50% {
      transform: translateX(0)
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@-webkit-keyframes swing {
  20% {
      transform: rotate(15deg)
  }

  40% {
      transform: rotate(-10deg)
  }

  60% {
      transform: rotate(5deg)
  }

  80% {
      transform: rotate(-5deg)
  }

  to {
      transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
      transform: rotate(15deg)
  }

  40% {
      transform: rotate(-10deg)
  }

  60% {
      transform: rotate(5deg)
  }

  80% {
      transform: rotate(-5deg)
  }

  to {
      transform: rotate(0deg)
  }
}

.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
      transform: scaleX(1)
  }

  10%,20% {
      transform: scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80% {
      transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to {
      transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
      transform: scaleX(1)
  }

  10%,20% {
      transform: scale3d(.9,.9,.9) rotate(-3deg)
  }

  30%,50%,70%,90% {
      transform: scale3d(1.1,1.1,1.1) rotate(3deg)
  }

  40%,60%,80% {
      transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
  }

  to {
      transform: scaleX(1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
      transform: none
  }

  15% {
      transform: translate3d(-25%,0,0) rotate(-5deg)
  }

  30% {
      transform: translate3d(20%,0,0) rotate(3deg)
  }

  45% {
      transform: translate3d(-15%,0,0) rotate(-3deg)
  }

  60% {
      transform: translate3d(10%,0,0) rotate(2deg)
  }

  75% {
      transform: translate3d(-5%,0,0) rotate(-1deg)
  }

  to {
      transform: none
  }
}

@keyframes wobble {
  0% {
      transform: none
  }

  15% {
      transform: translate3d(-25%,0,0) rotate(-5deg)
  }

  30% {
      transform: translate3d(20%,0,0) rotate(3deg)
  }

  45% {
      transform: translate3d(-15%,0,0) rotate(-3deg)
  }

  60% {
      transform: translate3d(10%,0,0) rotate(2deg)
  }

  75% {
      transform: translate3d(-5%,0,0) rotate(-1deg)
  }

  to {
      transform: none
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {
  0%,11.1%,to {
      transform: none
  }

  22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {
  0%,11.1%,to {
      transform: none
  }

  22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      transform: scaleX(1)
  }
}

@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      transform: scaleX(1)
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,25px,0)
  }

  75% {
      transform: translate3d(0,-10px,0)
  }

  90% {
      transform: translate3d(0,5px,0)
  }

  to {
      transform: none
  }
}

@keyframes bounceInDown {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,25px,0)
  }

  75% {
      transform: translate3d(0,-10px,0)
  }

  90% {
      transform: translate3d(0,5px,0)
  }

  to {
      transform: none
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px,0,0)
  }

  75% {
      transform: translate3d(-10px,0,0)
  }

  90% {
      transform: translate3d(5px,0,0)
  }

  to {
      transform: none
  }
}

@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px,0,0)
  }

  75% {
      transform: translate3d(-10px,0,0)
  }

  90% {
      transform: translate3d(5px,0,0)
  }

  to {
      transform: none
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px,0,0)
  }

  75% {
      transform: translate3d(10px,0,0)
  }

  90% {
      transform: translate3d(-5px,0,0)
  }

  to {
      transform: none
  }
}

@keyframes bounceInRight {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px,0,0)
  }

  75% {
      transform: translate3d(10px,0,0)
  }

  90% {
      transform: translate3d(-5px,0,0)
  }

  to {
      transform: none
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,-20px,0)
  }

  75% {
      transform: translate3d(0,10px,0)
  }

  90% {
      transform: translate3d(0,-5px,0)
  }

  to {
      transform: translateZ(0)
  }
}

@keyframes bounceInUp {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,-20px,0)
  }

  75% {
      transform: translate3d(0,10px,0)
  }

  90% {
      transform: translate3d(0,-5px,0)
  }

  to {
      transform: translateZ(0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
      transform: scale3d(.9,.9,.9)
  }

  50%,55% {
      opacity: 1;
      transform: scale3d(1.1,1.1,1.1)
  }

  to {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }
}

@keyframes bounceOut {
  20% {
      transform: scale3d(.9,.9,.9)
  }

  50%,55% {
      opacity: 1;
      transform: scale3d(1.1,1.1,1.1)
  }

  to {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
      transform: translate3d(0,10px,0)
  }

  40%,45% {
      opacity: 1;
      transform: translate3d(0,-20px,0)
  }

  to {
      opacity: 0;
      transform: translate3d(0,2000px,0)
  }
}

@keyframes bounceOutDown {
  20% {
      transform: translate3d(0,10px,0)
  }

  40%,45% {
      opacity: 1;
      transform: translate3d(0,-20px,0)
  }

  to {
      opacity: 0;
      transform: translate3d(0,2000px,0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
      opacity: 1;
      transform: translate3d(20px,0,0)
  }

  to {
      opacity: 0;
      transform: translate3d(-2000px,0,0)
  }
}

@keyframes bounceOutLeft {
  20% {
      opacity: 1;
      transform: translate3d(20px,0,0)
  }

  to {
      opacity: 0;
      transform: translate3d(-2000px,0,0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
      opacity: 1;
      transform: translate3d(-20px,0,0)
  }

  to {
      opacity: 0;
      transform: translate3d(2000px,0,0)
  }
}

@keyframes bounceOutRight {
  20% {
      opacity: 1;
      transform: translate3d(-20px,0,0)
  }

  to {
      opacity: 0;
      transform: translate3d(2000px,0,0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
      transform: translate3d(0,-10px,0)
  }

  40%,45% {
      opacity: 1;
      transform: translate3d(0,20px,0)
  }

  to {
      opacity: 0;
      transform: translate3d(0,-2000px,0)
  }
}

@keyframes bounceOutUp {
  20% {
      transform: translate3d(0,-10px,0)
  }

  40%,45% {
      opacity: 1;
      transform: translate3d(0,20px,0)
  }

  to {
      opacity: 0;
      transform: translate3d(0,-2000px,0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
      opacity: 0;
      transform: translate3d(0,-100%,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInDown {
  0% {
      opacity: 0;
      transform: translate3d(0,-100%,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
      opacity: 0;
      transform: translate3d(0,-2000px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInDownBig {
  0% {
      opacity: 0;
      transform: translate3d(0,-2000px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
      opacity: 0;
      transform: translate3d(-2000px,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInLeftBig {
  0% {
      opacity: 0;
      transform: translate3d(-2000px,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translate3d(100%,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translate3d(100%,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
      opacity: 0;
      transform: translate3d(2000px,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInRightBig {
  0% {
      opacity: 0;
      transform: translate3d(2000px,0,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
      opacity: 0;
      transform: translate3d(0,2000px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes fadeInUpBig {
  0% {
      opacity: 0;
      transform: translate3d(0,2000px,0)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }
}

@keyframes fadeOutDown {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,2000px,0)
  }
}

@keyframes fadeOutDownBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,2000px,0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }
}

@keyframes fadeOutLeft {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(-2000px,0,0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(-2000px,0,0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(100%,0,0)
  }
}

@keyframes fadeOutRight {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(100%,0,0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(2000px,0,0)
  }
}

@keyframes fadeOutRightBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(2000px,0,0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,-100%,0)
  }
}

@keyframes fadeOutUp {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,-100%,0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,-2000px,0)
  }
}

@keyframes fadeOutUpBig {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(0,-2000px,0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
      transform: perspective(400px) rotateY(-1turn)
  }

  0%,40% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  }

  50% {
      transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  }

  50%,80% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      transform: perspective(400px) scale3d(.95,.95,.95)
  }

  to {
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
      transform: perspective(400px) rotateY(-1turn)
  }

  0%,40% {
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }

  40% {
      transform: perspective(400px) translateZ(150px) rotateY(-190deg)
  }

  50% {
      transform: perspective(400px) translateZ(150px) rotateY(-170deg)
  }

  50%,80% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  80% {
      transform: perspective(400px) scale3d(.95,.95,.95)
  }

  to {
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }

  0%,40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  40% {
      transform: perspective(400px) rotateX(-20deg)
  }

  60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }

  0%,40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  40% {
      transform: perspective(400px) rotateX(-20deg)
  }

  60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateX(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }

  0%,40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  40% {
      transform: perspective(400px) rotateY(-20deg)
  }

  60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }

  0%,40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }

  40% {
      transform: perspective(400px) rotateY(-20deg)
  }

  60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
      transform: perspective(400px)
  }

  30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1
  }

  to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }
}

@keyframes flipOutX {
  0% {
      transform: perspective(400px)
  }

  30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1
  }

  to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
  0% {
      transform: perspective(400px)
  }

  30% {
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1
  }

  to {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }
}

@keyframes flipOutY {
  0% {
      transform: perspective(400px)
  }

  30% {
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1
  }

  to {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  0% {
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      transform: skewX(20deg)
  }

  60%,80% {
      opacity: 1
  }

  80% {
      transform: skewX(-5deg)
  }

  to {
      transform: none;
      opacity: 1
  }
}

@keyframes lightSpeedIn {
  0% {
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0
  }

  60% {
      transform: skewX(20deg)
  }

  60%,80% {
      opacity: 1
  }

  80% {
      transform: skewX(-5deg)
  }

  to {
      transform: none;
      opacity: 1
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
      opacity: 1
  }

  to {
      transform: translate3d(100%,0,0) skewX(30deg);
      opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
      opacity: 1
  }

  to {
      transform: translate3d(100%,0,0) skewX(30deg);
      opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
      transform-origin: center;
      transform: rotate(-200deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: center
  }

  to {
      transform-origin: center;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateIn {
  0% {
      transform-origin: center;
      transform: rotate(-200deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: center
  }

  to {
      transform-origin: center;
      transform: none;
      opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
      transform-origin: left bottom;
      transform: rotate(-45deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
      transform-origin: left bottom;
      transform: rotate(-45deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
      transform-origin: right bottom;
      transform: rotate(45deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
      transform-origin: right bottom;
      transform: rotate(45deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
      transform-origin: left bottom;
      transform: rotate(45deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
      transform-origin: left bottom;
      transform: rotate(45deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: none;
      opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
      transform-origin: right bottom;
      transform: rotate(-90deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
      transform-origin: right bottom;
      transform: rotate(-90deg);
      opacity: 0
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: none;
      opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
      transform-origin: center;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: center
  }

  to {
      transform-origin: center;
      transform: rotate(200deg);
      opacity: 0
  }
}

@keyframes rotateOut {
  0% {
      transform-origin: center;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: center
  }

  to {
      transform-origin: center;
      transform: rotate(200deg);
      opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
      transform-origin: left bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: rotate(45deg);
      opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
      transform-origin: left bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: rotate(45deg);
      opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
      transform-origin: right bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: rotate(-45deg);
      opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
      transform-origin: right bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: rotate(-45deg);
      opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
      transform-origin: left bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: rotate(-45deg);
      opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
      transform-origin: left bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: left bottom
  }

  to {
      transform-origin: left bottom;
      transform: rotate(-45deg);
      opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
      transform-origin: right bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: rotate(90deg);
      opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
      transform-origin: right bottom;
      opacity: 1
  }

  0%,to {
      -webkit-transform-origin: right bottom
  }

  to {
      transform-origin: right bottom;
      transform: rotate(90deg);
      opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
      transform-origin: top left
  }

  0%,20%,60% {
      -webkit-transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      transform: rotate(80deg);
      transform-origin: top left
  }

  40%,80% {
      transform: rotate(60deg);
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

@keyframes hinge {
  0% {
      transform-origin: top left
  }

  0%,20%,60% {
      -webkit-transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out
  }

  20%,60% {
      transform: rotate(80deg);
      transform-origin: top left
  }

  40%,80% {
      transform: rotate(60deg);
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1
  }

  to {
      transform: translate3d(0,700px,0);
      opacity: 0
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes rollIn {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0) rotate(-120deg)
  }

  to {
      opacity: 1;
      transform: none
  }
}

@keyframes rollIn {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0) rotate(-120deg)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(100%,0,0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      transform: translate3d(100%,0,0) rotate(120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

@keyframes zoomIn {
  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInDown {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInLeft {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInRight {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomInUp {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
      opacity: 1
  }

  50% {
      transform: scale3d(.3,.3,.3)
  }

  50%,to {
      opacity: 0
  }
}

@keyframes zoomOut {
  0% {
      opacity: 1
  }

  50% {
      transform: scale3d(.3,.3,.3)
  }

  50%,to {
      opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutDown {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
      opacity: 0;
      transform: scale(.1) translate3d(-2000px,0,0);
      transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
  }

  to {
      opacity: 0;
      transform: scale(.1) translate3d(-2000px,0,0);
      transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
      opacity: 0;
      transform: scale(.1) translate3d(2000px,0,0);
      transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
  }

  to {
      opacity: 0;
      transform: scale(.1) translate3d(2000px,0,0);
      transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

@keyframes zoomOutUp {
  40% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  to {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  0% {
      transform: translate3d(0,-100%,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
      transform: translate3d(0,-100%,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
      transform: translate3d(-100%,0,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
      transform: translate3d(-100%,0,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
      transform: translate3d(100%,0,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
      transform: translate3d(0,100%,0);
      visibility: visible
  }

  to {
      transform: translateZ(0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(0,100%,0)
  }
}

@keyframes slideOutDown {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(0,100%,0)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(-100%,0,0)
  }
}

@keyframes slideOutLeft {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(-100%,0,0)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(100%,0,0)
  }
}

@keyframes slideOutRight {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(100%,0,0)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(0,-100%,0)
  }
}

@keyframes slideOutUp {
  0% {
      transform: translateZ(0)
  }

  to {
      visibility: hidden;
      transform: translate3d(0,-100%,0)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.partner-req-banner-wrap {
  background-color: #efefef
}

.partner-req-banner-wrap .contents {
  background-image: url(http://www.changupin.kr/images/main/banner/partner-req-banner.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  justify-content: center;
  display: flex;
  flex-direction: column
}

.partner-req-banner-wrap .contents .button {
  display: inline-flex;
  flex-basis: 100%;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center
}

.partner-req-banner-wrap .contents .button a {
  color: #fff;
  font-size: 20px;
  background-color: #1d6dd4;
  padding: 16px 59.25px;
  border-radius: 4px;
  font-weight: 500;
  margin-right: 135px
}

.startup-request-step1-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  justify-content: center;
  display: flex;
  flex-direction: row
}

.startup-request-step1-wrap .contents .steps {
  display: flex;
  flex-direction: column;
  flex-basis: 230px;
  margin-top: 149px
}

.startup-request-step1-wrap .contents .steps .step {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap
}

.startup-request-step1-wrap .contents .steps .step .title {
  margin-left: 8px;
  color: #c5c5c5;
  font-weight: 300;
  letter-spacing: 1.2px;
  flex-basis: 187px;
  display: flex;
  align-items: center
}

.startup-request-step1-wrap .contents .steps .step .line img {
  margin: 4px 0 4px 16px
}

.startup-request-step1-wrap .contents .steps .step.bold .title {
  color: #222
}

.startup-request-step1-wrap .contents .content {
  display: flex;
  flex-direction: column;
  flex-basis: 970px
}

.startup-request-step1-wrap .contents .content h2 {
  margin: 12px 0
}

.startup-request-step1-wrap .contents .content h2 .step {
  font-size: 22px;
  color: #1d6dd4;
  font-weight: 600;
  padding: 0 0 17px
}

.startup-request-step1-wrap .contents .content h2 .title {
  font-size: 30px;
  font-weight: 600
}

.startup-request-step1-wrap .contents .content .main-categorys {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 25px
}

.startup-request-step1-wrap .contents .content .main-categorys a {
  display: flex;
  flex-basis: 276px;
  height: 140px;
  margin: 24px 22px 0 0;
  border: 2px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 5px
}

.startup-request-step1-wrap .contents .content .main-categorys a:nth-child(3n+1) {
  margin-left: 0
}

.startup-request-step1-wrap .contents .content .main-categorys a img {
  width: 64px;
  height: 64px
}

.startup-request-step1-wrap .contents .content .main-categorys a .title {
  font-size: 18px;
  font-weight: 300;
  color: #222
}

.startup-request-step1-wrap .contents .content .main-categorys a.active {
  border: 2px solid #1d6dd4
}

.startup-request-step1-wrap .contents .content .main-categorys a.active .title {
  font-weight: 500
}

.startup-request-step1-wrap .contents .content .sub-categorys {
  padding: 81px 20px 39px;
  width: 910px
}

.startup-request-step1-wrap .contents .content .sub-categorys h3 {
  font-size: 24px;
  font-weight: 600
}

.startup-request-step1-wrap .contents .content .sub-categorys .sub-category {
  display: flex;
  flex-wrap: wrap;
  padding: 23px 0 0;
  justify-content: flex-start
}

.startup-request-step1-wrap .contents .content .sub-categorys .sub-category a {
  display: flex;
  font-size: 16px;
  color: #707070;
  padding: 5px 18px;
  height: 37px;
  border-radius: 20px;
  background-color: #ececec;
  margin-right: 12px;
  margin-bottom: 12px
}

.startup-request-step1-wrap .contents .content .sub-categorys .sub-category a.active {
  background-color: #dcebff;
  color: #1d6dd4
}

.startup-request-step1-wrap .contents .btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 80px 96px 40px 0!important
}

.startup-request-step1-wrap .contents .btn-wrap a {
  width: 276px;
  height: 63px;
  background-color: #144f9b;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  font-size: 20px
}

.startup-request-step2-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  justify-content: center;
  display: flex;
  flex-direction: row
}

.startup-request-step2-wrap .contents .steps {
  display: flex;
  flex-direction: column;
  flex-basis: 230px;
  margin-top: 149px
}

.startup-request-step2-wrap .contents .steps .step {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap
}

.startup-request-step2-wrap .contents .steps .step .title {
  margin-left: 8px;
  color: #c5c5c5;
  font-weight: 300;
  letter-spacing: 1.2px;
  flex-basis: 187px;
  display: flex;
  align-items: center
}

.startup-request-step2-wrap .contents .steps .step .line img {
  margin: 4px 0 4px 16px
}

.startup-request-step2-wrap .contents .steps .step.bold .title {
  color: #222
}

.startup-request-step2-wrap .contents .content {
  display: flex;
  flex-direction: column;
  flex-basis: 970px
}

.startup-request-step2-wrap .contents .content h2 {
  margin: 12px 0
}

.startup-request-step2-wrap .contents .content h2 .step {
  font-size: 22px;
  color: #1d6dd4;
  font-weight: 600;
  padding: 0 0 17px
}

.startup-request-step2-wrap .contents .content h2 .title {
  font-size: 30px;
  font-weight: 600
}

.startup-request-step2-wrap .contents .content .deposit-wrap,.startup-request-step2-wrap .contents .content .place-size-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 53px
}

.startup-request-step2-wrap .contents .content .deposit-wrap h3,.startup-request-step2-wrap .contents .content .place-size-wrap h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 3px
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit,.startup-request-step2-wrap .contents .content .deposit-wrap .place-size,.startup-request-step2-wrap .contents .content .place-size-wrap .deposit,.startup-request-step2-wrap .contents .content .place-size-wrap .place-size {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit a,.startup-request-step2-wrap .contents .content .deposit-wrap .place-size a,.startup-request-step2-wrap .contents .content .place-size-wrap .deposit a,.startup-request-step2-wrap .contents .content .place-size-wrap .place-size a {
  display: flex;
  font-size: 20px;
  flex-basis: 276px;
  height: 90px;
  margin: 24px 22px 0 0;
  border: 2px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 5px;
  color: #222
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit a:nth-child(3n+1),.startup-request-step2-wrap .contents .content .deposit-wrap .place-size a:nth-child(3n+1),.startup-request-step2-wrap .contents .content .place-size-wrap .deposit a:nth-child(3n+1),.startup-request-step2-wrap .contents .content .place-size-wrap .place-size a:nth-child(3n+1) {
  margin-left: 0
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit a img,.startup-request-step2-wrap .contents .content .deposit-wrap .place-size a img,.startup-request-step2-wrap .contents .content .place-size-wrap .deposit a img,.startup-request-step2-wrap .contents .content .place-size-wrap .place-size a img {
  width: 64px;
  height: 64px
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit a .title,.startup-request-step2-wrap .contents .content .deposit-wrap .place-size a .title,.startup-request-step2-wrap .contents .content .place-size-wrap .deposit a .title,.startup-request-step2-wrap .contents .content .place-size-wrap .place-size a .title {
  font-size: 18px;
  font-weight: 300;
  color: #222
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit a.active,.startup-request-step2-wrap .contents .content .deposit-wrap .place-size a.active,.startup-request-step2-wrap .contents .content .place-size-wrap .deposit a.active,.startup-request-step2-wrap .contents .content .place-size-wrap .place-size a.active {
  border: 2px solid #1d6dd4
}

.startup-request-step2-wrap .contents .content .deposit-wrap .deposit a.active .title,.startup-request-step2-wrap .contents .content .deposit-wrap .place-size a.active .title,.startup-request-step2-wrap .contents .content .place-size-wrap .deposit a.active .title,.startup-request-step2-wrap .contents .content .place-size-wrap .place-size a.active .title {
  font-weight: 500
}

.startup-request-step2-wrap .contents .content .place-size-wrap {
  margin-top: 84px
}

.startup-request-step2-wrap .contents .btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 77px 96px 61px 0
}

.startup-request-step2-wrap .contents .btn-wrap a {
  width: 276px;
  height: 63px;
  background-color: #144f9b;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  font-size: 20px
}

.startup-request-step3-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  justify-content: center;
  display: flex;
  flex-direction: row
}

.startup-request-step3-wrap .contents .steps {
  display: flex;
  flex-direction: column;
  flex-basis: 230px;
  margin-top: 149px
}

.startup-request-step3-wrap .contents .steps .step {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap
}

.startup-request-step3-wrap .contents .steps .step .title {
  margin-left: 8px;
  color: #c5c5c5;
  font-weight: 300;
  letter-spacing: 1.2px;
  flex-basis: 187px;
  display: flex;
  align-items: center
}

.startup-request-step3-wrap .contents .steps .step .line img {
  margin: 4px 0 4px 16px
}

.startup-request-step3-wrap .contents .steps .step.bold .title {
  color: #222
}

.startup-request-step3-wrap .contents .content {
  display: flex;
  flex-direction: column;
  flex-basis: 970px
}

.startup-request-step3-wrap .contents .content h2 {
  margin: 12px 0
}

.startup-request-step3-wrap .contents .content h2 .step {
  font-size: 22px;
  color: #1d6dd4;
  font-weight: 600;
  padding: 0 0 17px
}

.startup-request-step3-wrap .contents .content h2 .title {
  font-size: 30px;
  font-weight: 600
}

.startup-request-step3-wrap .contents .content .loan-state {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 27px 0 33px
}

.startup-request-step3-wrap .contents .content .loan-state a {
  display: flex;
  font-size: 20px;
  flex-basis: 429px;
  height: 160px;
  margin: 22px 22px 0 0;
  border: 2px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 5px;
  color: #222
}

.startup-request-step3-wrap .contents .content .loan-state a:nth-child(3n+1) {
  margin-left: 0
}

.startup-request-step3-wrap .contents .content .loan-state a img {
  width: 64px;
  height: 64px
}

.startup-request-step3-wrap .contents .content .loan-state a .title {
  font-size: 18px;
  font-weight: 300;
  color: #222
}

.startup-request-step3-wrap .contents .content .loan-state a.active {
  border: 2px solid #1d6dd4
}

.startup-request-step3-wrap .contents .content .loan-state a.active .title {
  font-weight: 500
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 50px
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 4px
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate a {
  display: flex;
  font-size: 20px;
  flex-basis: 276px;
  height: 90px;
  margin: 24px 22px 0 0;
  border: 2px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 5px;
  color: #222
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate a:nth-child(3n+1) {
  margin-left: 0
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate a img {
  width: 64px;
  height: 64px
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate a .title {
  font-size: 18px;
  font-weight: 300;
  color: #222
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate a.active {
  border: 2px solid #1d6dd4
}

.startup-request-step3-wrap .contents .content .loan-rate-wrap .loan-rate a.active .title {
  font-weight: 500
}

.startup-request-step3-wrap .contents .btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 77px 96px 61px 0
}

.startup-request-step3-wrap .contents .btn-wrap a {
  width: 276px;
  height: 63px;
  background-color: #144f9b;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  font-size: 20px
}

.startup-request-step4-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  justify-content: center;
  display: flex;
  flex-direction: row
}

.startup-request-step4-wrap .contents .steps {
  display: flex;
  flex-direction: column;
  flex-basis: 230px;
  margin-top: 149px
}

.startup-request-step4-wrap .contents .steps .step {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap
}

.startup-request-step4-wrap .contents .steps .step .title {
  margin-left: 8px;
  color: #c5c5c5;
  font-weight: 300;
  letter-spacing: 1.2px;
  flex-basis: 187px;
  display: flex;
  align-items: center
}

.startup-request-step4-wrap .contents .steps .step .line img {
  margin: 4px 0 4px 16px
}

.startup-request-step4-wrap .contents .steps .step.bold .title {
  color: #222
}

.startup-request-step4-wrap .contents .content {
  display: flex;
  flex-direction: column;
  flex-basis: 970px
}

.startup-request-step4-wrap .contents .content h2 {
  margin: 12px 0
}

.startup-request-step4-wrap .contents .content h2 .step {
  font-size: 22px;
  color: #1d6dd4;
  font-weight: 600;
  padding: 0 0 17px
}

.startup-request-step4-wrap .contents .content h2 .title {
  font-size: 30px;
  font-weight: 600
}

.startup-request-step4-wrap .contents .content .area-wrap {
  margin: 49px 0
}

.startup-request-step4-wrap .contents .content .area-wrap select {
  width: 276px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 300;
  color: #8e8e8e;
  border: 1px solid #e6e6e6;
  margin-right: 22px;
  border-radius: 5px
}

.startup-request-step4-wrap .contents .content .area-wrap select:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #fff
}

.startup-request-step4-wrap .contents .content .end-date-wrap {
  display: flex;
  flex-direction: column;
  margin: 34px 0 60px
}

.startup-request-step4-wrap .contents .content .end-date-wrap h3 {
  font-size: 22px;
  font-weight: 600
}

.startup-request-step4-wrap .contents .content .end-date-wrap h4 {
  font-size: 18px;
  font-weight: 300;
  color: #707070;
  margin: 6px 0 28px
}

.startup-request-step4-wrap .contents .content .end-date-wrap input {
  background-image: url(http://www.changupin.kr/images/startup/icon_calendar.png);
  background-repeat: no-repeat;
  background-position: 10% 50%;
  width: 276px;
  padding: 13px 67px;
  font-size: 16px;
  font-weight: 300;
  color: #8e8e8e;
  border: 1px solid #e6e6e6;
  border-radius: 5px
}

.startup-request-step4-wrap .contents .btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 210px 96px 40px 0
}

.startup-request-step4-wrap .contents .btn-wrap a {
  width: 276px;
  height: 63px;
  background-color: #144f9b;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  font-size: 20px
}

.startup-request-step5-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  justify-content: center;
  display: flex;
  flex-direction: row
}

.startup-request-step5-wrap .contents .steps {
  display: flex;
  flex-direction: column;
  flex-basis: 230px;
  margin-top: 149px
}

.startup-request-step5-wrap .contents .steps .step {
  display: flex;
  font-size: 18px;
  flex-wrap: wrap
}

.startup-request-step5-wrap .contents .steps .step .title {
  margin-left: 8px;
  color: #c5c5c5;
  font-weight: 300;
  letter-spacing: 1.2px;
  flex-basis: 187px;
  display: flex;
  align-items: center
}

.startup-request-step5-wrap .contents .steps .step .line img {
  margin: 4px 0 4px 16px
}

.startup-request-step5-wrap .contents .steps .step.bold .title {
  color: #222
}

.startup-request-step5-wrap .contents .content {
  display: flex;
  flex-direction: column;
  flex-basis: 970px
}

.startup-request-step5-wrap .contents .content h2 {
  margin: 12px 0
}

.startup-request-step5-wrap .contents .content h2 .step {
  font-size: 22px;
  color: #1d6dd4;
  font-weight: 600;
  padding: 0 0 17px
}

.startup-request-step5-wrap .contents .content h2 .title {
  font-size: 30px;
  font-weight: 600
}

.startup-request-step5-wrap .contents .content .row {
  display: flex;
  flex-direction: column;
  margin: 50px 0 30px;
  position: relative
}

.startup-request-step5-wrap .contents .content .row input {
  font-size: 16px;
  font-weight: 300;
  color: #8e8e8e;
  border: 1px solid #e6e6e6;
  width: 480px;
  padding: 12px 20px;
  border-radius: 5px
}

.startup-request-step5-wrap .contents .content .row input:nth-child(2) {
  margin-top: 15px
}

.startup-request-step5-wrap .contents .content .row h3 {
  font-size: 20px;
  font-weight: 600
}

.startup-request-step5-wrap .contents .content .row h4 {
  font-size: 16px;
  font-weight: 300;
  margin: 2px 0 9px
}

.startup-request-step5-wrap .contents .content .row .select {
  display: flex;
  margin-top: 20px
}

.startup-request-step5-wrap .contents .content .row .select input[type=radio] {
  display: flex;
  flex-basis: 30px;
  height: 26px
}

.startup-request-step5-wrap .contents .content .row .select label {
  font-size: 16px;
  font-weight: 300;
  margin-left: 10px
}

.startup-request-step5-wrap .contents .content .row input[name=expType] {
  position: absolute;
  top: 115px;
  left: 261px
}

.startup-request-step5-wrap .contents .content .row textarea {
  width: 888px;
  height: 200px;
  font-weight: 300;
  padding: 12px 20px;
  border-radius: 5px;
  color: #8e8e8e;
  border: 1px solid #e6e6e6
}

.startup-request-step5-wrap .contents .content .row .checkbox {
  display: flex
}

.startup-request-step5-wrap .contents .content .row .checkbox input[type=checkbox] {
  display: flex;
  flex-basis: 30px;
  height: 26px
}

.startup-request-step5-wrap .contents .content .row .checkbox label {
  font-size: 16px;
  font-weight: 300;
  margin-left: 10px
}

.startup-request-step5-wrap .contents .content .row:nth-child(5) {
  margin: -10px 0 30px
}

.startup-request-step5-wrap .contents .content .row:nth-child(6) {
  background-color: #f9f9f9;
  color: #585858;
  font-weight: 300;
  padding: 25px 24px;
  line-height: 26px;
  width: 886px
}

.startup-request-step5-wrap .contents .content .row:nth-child(6) h5 {
  color: #1d6dd4;
  font-size: 20px
}

.startup-request-step5-wrap .contents .content .row:nth-child(6) span {
  font-weight: 500
}

.startup-request-step5-wrap .contents .content .row:nth-child(7) {
  width: 886px;
  flex-direction: row
}

.startup-request-step5-wrap .contents .content .row:nth-child(7) a {
  width: 276px;
  height: 63px;
  background-color: #144f9b;
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  font-size: 20px
}

.startup-request-complete-wrap .sectors {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

.startup-request-complete-wrap .sectors .sector {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center
}

.startup-request-complete-wrap .sectors .sector:first-child {
  margin: 80px 0 48px 58px
}

.startup-request-complete-wrap .sectors .sector:nth-child(2) {
  width: 786px;
  padding: 24px 22px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: flex-start;
  line-height: 28px;
  color: #585858;
  font-weight: 300;
  font-size: 16px;
  margin: 0 0 36px 167px
}

.startup-request-complete-wrap .sectors .sector:nth-child(3) {
  width: 788px;
  margin: 0 0 59px 167px;
  border-top: 2px solid #e6e6e6
}

.startup-request-complete-wrap .sectors .sector:nth-child(3) a {
  margin-top: 48px;
  border: 1px solid #144f9b;
  border-radius: 5px;
  width: 276px;
  display: flex;
  justify-content: center;
  padding: 18px 0;
  color: #144f9b;
  font-size: 20px
}

.startup-request-complete-wrap .sectors .sector .img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 12px
}

.startup-request-complete-wrap .sectors .sector .text {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px
}

.startup-request-complete-wrap .sectors .sector .text .first {
  font-size: 36px;
  font-weight: 600
}

.startup-request-complete-wrap .sectors .sector .text .first span {
  color: #1d6dd4
}

.startup-request-complete-wrap .sectors .sector .text .second {
  margin-top: 30px;
  font-size: 20px
}

.startup-request-complete-wrap .sectors .sector .text .second span {
  color: #1d6dd4
}

.startup-request-complete-wrap .sectors .sector .text .third {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 300
}

.startup-request-complete-wrap .sectors .sector .text .third span {
  color: #1d6dd4
}

.partner-request-wrap .contents {
  height: 326px;
  text-align: center
}

.partner-request-wrap .contents .title {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  padding: 70px 0 0;
  letter-spacing: 1.2px
}

.partner-request-wrap .contents .title div {
  font-size: 36px;
  font-weight: 600;
  margin: 8px 0 0;
  letter-spacing: 1px
}

.partner-request-wrap .contents .stats {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  margin: 58px 0 0;
  padding: 20px 0;
  flex-direction: row;
  justify-content: center;
  background-image: url(http://www.changupin.kr/images/partner/partner-request-banner-bot-background.png);
  background-repeat: no-repeat;
  background-position: 0 50%
}

.partner-request-wrap .contents .stats .stat {
  text-align: center;
  padding: 0 65px;
  opacity: 1
}

.partner-request-wrap .contents .stats .stat .text {
  margin: 6px 0 0;
  color: #c5c5c5;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px
}

.partner-request-wrap .sectors .sector {
  width: 786px;
  margin: 0 auto
}

.partner-request-wrap .sectors .service-info .title {
  margin: 109px 0 0;
  font-size: 24px;
  letter-spacing: 1.2px
}

.partner-request-wrap .sectors .service-info .title .bold {
  display: inline-flex;
  font-weight: 600
}

.partner-request-wrap .sectors .service-info .title .sub-title {
  letter-spacing: .8px;
  margin: 9px 0 0;
  font-size: 18px;
  color: #707070;
  font-weight: 300
}

.partner-request-wrap .sectors .service-info .table {
  margin: 32px 0 0
}

.partner-request-wrap .sectors .service-info .table .tr {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6
}

.partner-request-wrap .sectors .service-info .table .tr:first-child {
  padding: 0 0 9px;
  border-bottom: 2px solid #144f9b
}

.partner-request-wrap .sectors .service-info .table .tr:nth-child(3),.partner-request-wrap .sectors .service-info .table .tr:nth-child(4),.partner-request-wrap .sectors .service-info .table .tr:nth-child(5) {
  padding: 11px 0
}

.partner-request-wrap .sectors .service-info .table .tr:nth-child(6) {
  padding: 11px 0;
  border-bottom: 2px solid #c5c5c5
}

.partner-request-wrap .sectors .service-info .table .tr .th {
  font-size: 20px;
  color: #144f9b;
  font-weight: 500;
  text-align: center
}

.partner-request-wrap .sectors .service-info .table .tr .th:first-child {
  width: 280px
}

.partner-request-wrap .sectors .service-info .table .tr .th:nth-child(2),.partner-request-wrap .sectors .service-info .table .tr .th:nth-child(3),.partner-request-wrap .sectors .service-info .table .tr .th:nth-child(4) {
  width: 180px
}

.partner-request-wrap .sectors .service-info .table .tr .td {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px
}

.partner-request-wrap .sectors .service-info .table .tr .td:first-child {
  width: 280px;
  text-align: left;
  padding-left: 15px
}

.partner-request-wrap .sectors .service-info .table .tr .td:nth-child(2),.partner-request-wrap .sectors .service-info .table .tr .td:nth-child(3),.partner-request-wrap .sectors .service-info .table .tr .td:nth-child(4) {
  width: 180px;
  font-weight: 300
}

.partner-request-wrap .sectors .service-info .table .tr .td .thin {
  display: inline-flex;
  font-weight: 300;
  color: #acacac;
  font-size: 16px
}

.partner-request-wrap .sectors .service-info .text {
  padding: 16px 0 16px 14px;
  font-size: 16px;
  color: #acacac;
  font-weight: 300;
  letter-spacing: .8px
}

.partner-request-wrap .sectors .service-info .text a {
  color: #144f9b;
  font-weight: 400
}

.partner-request-wrap .sectors .service-info .text .bold {
  display: inline-flex;
  color: #144f9b;
  font-weight: 400
}

.partner-request-wrap .sectors .service-info .button {
  display: flex;
  justify-content: center;
  margin: 58px 0 126px
}

.partner-request-wrap .sectors .service-info .button a {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  background-color: #144f9b;
  border-radius: 5px;
  padding: 17px 90px
}

.partner-request-wrap .sectors .changupin-effect {
  width: 100%;
  margin: 0 auto;
  background-color: #f8fbff;
  padding: 0 0 102px
}

.partner-request-wrap .sectors .changupin-effect .title {
  width: 786px;
  margin: 0 auto;
  font-size: 24px;
  letter-spacing: 1px;
  padding: 112px 0 0
}

.partner-request-wrap .sectors .changupin-effect .title .bold {
  display: inline-flex;
  font-weight: 600
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper {
  width: 936px;
  margin: 0 auto
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel button {
  background-color: #fff;
  color: #222;
  border: 0;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  z-index: 99
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel button:focus,.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel button:hover {
  color: #fff;
  background-color: #1d6dd4!important
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .rec-slider div {
  outline: none
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items .items {
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
  flex-basis: 378px;
  border-radius: 5px;
  margin: 12px;
  background-color: #fff
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items .items .contents {
  display: flex;
  flex-direction: column;
  padding: 24px 16px;
  height: 260px
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items .items .contents .company {
  display: inline-flex;
  justify-content: flex-start;
  color: #1d6dd4;
  letter-spacing: .8px;
  font-size: 13px
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items .items .contents .company .ceo {
  border-left: 1px solid #e6e6e6;
  color: #222;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  display: inline-flex
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items .items .contents .title {
  color: #222;
  padding: 0;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1.2px;
  margin: 8px 0 22px
}

.partner-request-wrap .sectors .changupin-effect .rec-carousel-wrapper .rec-carousel .carousel-items .items .contents .content {
  text-align: left;
  font-weight: 300;
  height: 96px;
  overflow: hidden
}

.partner-request-wrap .sectors .partners-info {
  padding: 0 0 102px
}

.partner-request-wrap .sectors .partners-info .title {
  width: 786px;
  margin: 0 auto;
  font-size: 24px;
  letter-spacing: 1px;
  padding: 128px 0 0
}

.partner-request-wrap .sectors .partners-info .title .bold {
  display: inline-flex;
  font-weight: 600
}

.partner-request-wrap .sectors .partners-info .carousel-items {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  padding: 38px 0;
  align-items: center
}

.partner-request-wrap .sectors .partners-info .carousel-items .items {
  flex-basis: 156.5px;
  padding: 16px 0;
  align-items: center;
  flex-direction: column;
  display: inline-flex
}

.partner-request-wrap .sectors .partners-info .carousel-items .items img {
  width: 100px;
  height: 65px
}

.partner-request-wrap .sectors .partners-info .rec-slider-container {
  margin: 0!important
}

.partner-request-wrap .sectors .partners-info .rec-slider>div {
  outline: none
}

.partner-request-wrap .sectors .partners-info .rec-pagination button {
  font-size: 12px;
  border: 0;
  background-color: #e3e3e3;
  box-shadow: none;
  margin: -9px 0 0 25px
}

.partner-request-wrap .sectors .partners-info .rec-pagination button:first-child {
  margin-left: 0
}

.partner-request-wrap .sectors .partners-info .rec-pagination .rec-dot_active {
  background-color: #1d6dd4
}

.partner-request-step1-wrap .sector {
  width: 786px;
  margin: 0 auto;
  padding: 72px 0 50px
}

.partner-request-step1-wrap .sector:first-child {
  background-image: url(http://www.changupin.kr/images/partner/request_line.png);
  background-repeat: no-repeat;
  background-position: 0 100%
}

.partner-request-step1-wrap .sector:first-child .title {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px
}

.partner-request-step1-wrap .sector:first-child .title .bold {
  margin: 2px 0 0;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .8px
}

.partner-request-step1-wrap .sector:first-child .order {
  display: flex;
  flex-direction: row;
  margin: 41px 0 0;
  justify-content: center
}

.partner-request-step1-wrap .sector:first-child .order .agree,.partner-request-step1-wrap .sector:first-child .order .join {
  display: flex;
  align-items: center;
  font-size: 18px;
  background-image: url(http://www.changupin.kr/images/partner/step_line_white.png);
  background-repeat: no-repeat;
  background-position: 100% 46%;
  padding: 0 58px 0 0;
  margin: 0 7px 0 8px;
  font-weight: 300
}

.partner-request-step1-wrap .sector:first-child .order .join {
  color: #c5c5c5
}

.partner-request-step1-wrap .sector:first-child .order .reg {
  display: flex;
  align-items: center;
  color: #c5c5c5;
  font-size: 18px;
  margin: 0 7px 0 8px;
  font-weight: 300
}

.partner-request-step1-wrap .sector:nth-child(2) {
  padding: 61px 0 50px
}

.partner-request-step1-wrap .sector:nth-child(2) .title {
  font-size: 20px;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 1px
}

.partner-request-step1-wrap .sector:nth-child(2) .title .bold {
  display: inline-flex;
  margin: 2px 0 0;
  font-weight: 500;
  letter-spacing: .8px
}

.partner-request-step1-wrap .sector:nth-child(2) .title .thin {
  margin: 9px 0 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  color: #707070
}

.partner-request-step1-wrap .sector:nth-child(2) .order {
  margin: 28px 0 0;
  height: 109px;
  background-image: url(http://www.changupin.kr/images/partner/join-order-bg.png);
  background-repeat: no-repeat;
  background-position: 100% 48%
}

.partner-request-step1-wrap .sector:nth-child(2) .help {
  display: inline-flex;
  margin: 18px 0 0;
  letter-spacing: 1px
}

.partner-request-step1-wrap .sector:nth-child(2) .help .bold {
  color: #1d6dd4;
  font-weight: 500
}

.partner-request-step1-wrap .sector:nth-child(3) {
  padding: 26px 0 130px
}

.partner-request-step1-wrap .sector:nth-child(3) .title {
  font-size: 20px;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 1px
}

.partner-request-step1-wrap .sector:nth-child(3) .title .bold {
  display: inline-flex;
  margin: 2px 0 0;
  font-weight: 500;
  letter-spacing: .8px
}

.partner-request-step1-wrap .sector:nth-child(3) .title .thin {
  margin: 9px 0 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  color: #707070
}

.partner-request-step1-wrap .sector:nth-child(3) .agree,.partner-request-step1-wrap .sector:nth-child(3) .privacy,.partner-request-step1-wrap .sector:nth-child(3) .terms {
  display: flex;
  flex-wrap: wrap;
  margin: 32px 0 0
}

.partner-request-step1-wrap .sector:nth-child(3) .agree input,.partner-request-step1-wrap .sector:nth-child(3) .privacy input,.partner-request-step1-wrap .sector:nth-child(3) .terms input {
  display: inline-flex;
  flex-basis: 24px;
  height: 24px;
  margin: 2px 0
}

.partner-request-step1-wrap .sector:nth-child(3) .agree label,.partner-request-step1-wrap .sector:nth-child(3) .privacy label,.partner-request-step1-wrap .sector:nth-child(3) .terms label {
  display: inline-flex;
  font-size: 18px;
  width: 100%;
  flex-basis: 70%;
  font-weight: 500;
  margin: 0 0 0 12px
}

.partner-request-step1-wrap .sector:nth-child(3) .agree .content,.partner-request-step1-wrap .sector:nth-child(3) .privacy .content,.partner-request-step1-wrap .sector:nth-child(3) .terms .content {
  display: flex;
  flex-basis: 100%;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  margin: 14px 0 0;
  padding: 24px;
  height: 296px;
  overflow-y: auto
}

.partner-request-step1-wrap .sector:nth-child(3) .privacy {
  margin: 47px 0 0
}

.partner-request-step1-wrap .sector:nth-child(3) .privacy .content {
  height: 294px
}

.partner-request-step1-wrap .sector:nth-child(3) .agree {
  margin: 25px 0 55px;
  background-color: #f9f9f9;
  padding: 10px 0
}

.partner-request-step1-wrap .sector:nth-child(3) .agree input {
  margin: 2px 0 2px 22px
}

.partner-request-step1-wrap .sector:nth-child(3) .agree label {
  color: #707070;
  font-size: 16px;
  font-weight: 300
}

.partner-request-step1-wrap .sector:nth-child(3) .button {
  display: flex;
  justify-content: center
}

.partner-request-step1-wrap .sector:nth-child(3) .button a {
  background-color: #144f9b;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 276px;
  padding: 16.5px 0
}

.partner-request-step2-wrap .sector {
  width: 786px;
  margin: 0 auto;
  padding: 72px 0 50px
}

.partner-request-step2-wrap .sector:first-child {
  background-image: url(http://www.changupin.kr/images/partner/request_line.png);
  background-repeat: no-repeat;
  background-position: 0 100%
}

.partner-request-step2-wrap .sector:first-child .title {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px
}

.partner-request-step2-wrap .sector:first-child .title .bold {
  margin: 2px 0 0;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .8px
}

.partner-request-step2-wrap .sector:first-child .order {
  display: flex;
  flex-direction: row;
  margin: 41px 0 0;
  justify-content: center
}

.partner-request-step2-wrap .sector:first-child .order .agree {
  background-image: url(http://www.changupin.kr/images/partner/step_line.png)
}

.partner-request-step2-wrap .sector:first-child .order .agree,.partner-request-step2-wrap .sector:first-child .order .join {
  display: flex;
  align-items: center;
  font-size: 18px;
  background-repeat: no-repeat;
  background-position: 100% 46%;
  padding: 0 58px 0 0;
  margin: 0 7px 0 8px;
  font-weight: 300
}

.partner-request-step2-wrap .sector:first-child .order .join {
  background-image: url(http://www.changupin.kr/images/partner/step_line_white.png)
}

.partner-request-step2-wrap .sector:first-child .order .reg {
  display: flex;
  align-items: center;
  color: #c5c5c5;
  font-size: 18px;
  margin: 0 7px 0 8px;
  font-weight: 300
}

.partner-request-step2-wrap .sector:nth-child(2) {
  padding: 64px 0 50px
}

.partner-request-step2-wrap .sector:nth-child(2) .hp,.partner-request-step2-wrap .sector:nth-child(2) .name {
  display: flex;
  margin: 12px 0 0
}

.partner-request-step2-wrap .sector:nth-child(2) .email {
  display: flex
}

.partner-request-step2-wrap .sector:nth-child(2) label {
  flex-basis: 178px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.partner-request-step2-wrap .sector:nth-child(2) input {
  flex-basis: 612px;
  padding: 12px;
  font-size: 15px;
  color: #c5c5c5;
  border-radius: 5px;
  font-weight: 300;
  border: 1px solid #e6e6e6
}

.partner-request-step2-wrap .sector:nth-child(2) .button {
  margin: 56px 0 0;
  display: flex;
  justify-content: center
}

.partner-request-step2-wrap .sector:nth-child(2) .button a {
  background-color: #144f9b;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 276px;
  padding: 16.5px 0
}

.partner-request-step3-wrap .sector {
  width: 786px;
  margin: 0 auto;
  padding: 72px 0 50px
}

.partner-request-step3-wrap .sector:first-child {
  background-image: url(http://www.changupin.kr/images/partner/request_line.png);
  background-repeat: no-repeat;
  background-position: 0 100%
}

.partner-request-step3-wrap .sector:first-child .title {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px
}

.partner-request-step3-wrap .sector:first-child .title .bold {
  margin: 2px 0 0;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .8px
}

.partner-request-step3-wrap .sector:first-child .order {
  display: flex;
  flex-direction: row;
  margin: 41px 0 0;
  justify-content: center
}

.partner-request-step3-wrap .sector:first-child .order .agree,.partner-request-step3-wrap .sector:first-child .order .join {
  display: flex;
  align-items: center;
  font-size: 18px;
  background-image: url(http://www.changupin.kr/images/partner/step_line.png);
  background-repeat: no-repeat;
  background-position: 100% 46%;
  padding: 0 58px 0 0;
  margin: 0 7px 0 8px;
  font-weight: 300
}

.partner-request-step3-wrap .sector:first-child .order .reg {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin: 0 7px 0 8px;
  font-weight: 300
}

.partner-request-step3-wrap .sector:nth-child(2) {
  padding: 64px 0 50px
}

.partner-request-step3-wrap .sector:nth-child(2) .category,.partner-request-step3-wrap .sector:nth-child(2) .franchise-name,.partner-request-step3-wrap .sector:nth-child(2) .homepage,.partner-request-step3-wrap .sector:nth-child(2) .phone {
  display: flex;
  margin: 12px 0 0
}

.partner-request-step3-wrap .sector:nth-child(2) .company-name {
  display: flex
}

.partner-request-step3-wrap .sector:nth-child(2) label {
  flex-basis: 178px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.partner-request-step3-wrap .sector:nth-child(2) input {
  flex-basis: 612px;
  padding: 12px;
  font-size: 15px;
  color: #c5c5c5;
  font-weight: 300;
  border-radius: 5px;
  border: 1px solid #e6e6e6
}

.partner-request-step3-wrap .sector:nth-child(2) .sub-category {
  margin-left: 26px
}

.partner-request-step3-wrap .sector:nth-child(2) .button {
  margin: 56px 0 0;
  display: flex;
  justify-content: center
}

.partner-request-step3-wrap .sector:nth-child(2) .button a {
  background-color: #144f9b;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 276px;
  padding: 16.5px 0
}

.partner-request-complete-wrap .sectors {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

.partner-request-complete-wrap .sectors .sector {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center
}

.partner-request-complete-wrap .sectors .sector:first-child {
  margin: 80px 0 48px 58px
}

.partner-request-complete-wrap .sectors .sector:nth-child(2) {
  width: 786px;
  padding: 24px 22px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: flex-start;
  line-height: 28px;
  color: #585858;
  font-weight: 300;
  font-size: 16px;
  margin: 0 0 36px 167px
}

.partner-request-complete-wrap .sectors .sector:nth-child(3) {
  width: 788px;
  margin: 0 0 59px 167px;
  border-top: 2px solid #e6e6e6
}

.partner-request-complete-wrap .sectors .sector:nth-child(3) a {
  margin-top: 48px;
  border: 1px solid #144f9b;
  border-radius: 5px;
  width: 276px;
  display: flex;
  justify-content: center;
  padding: 18px 0;
  color: #144f9b;
  font-size: 20px
}

.partner-request-complete-wrap .sectors .sector .img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 12px
}

.partner-request-complete-wrap .sectors .sector .text {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px
}

.partner-request-complete-wrap .sectors .sector .text .first {
  font-size: 36px;
  font-weight: 600
}

.partner-request-complete-wrap .sectors .sector .text .first span {
  color: #1d6dd4
}

.partner-request-complete-wrap .sectors .sector .text .third {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 300
}

.partner-request-complete-wrap .sectors .sector .text .third span {
  color: #1d6dd4
}

.login-wrap .contents {
  padding: 80px 0;
  justify-content: center
}

.login-wrap .contents,.login-wrap .contents h2 {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column
}

.login-wrap .contents h2 {
  padding-bottom: 60px;
  border-bottom: 1px solid #e6e6e6;
  align-items: center
}

.login-wrap .contents h2 .sub-title {
  display: flex;
  font-size: 18px;
  font-weight: 300
}

.login-wrap .contents h2 .title {
  display: flex;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px
}

.login-wrap .contents .content {
  display: flex;
  padding-top: 60px
}

.login-wrap .contents .content .login-form {
  flex-basis: 57%;
  padding: 0 55px;
  border-right: 1px solid #e6e6e6
}

.login-wrap .contents .content .login-form .email,.login-wrap .contents .content .login-form .password {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
  flex-wrap: wrap;
  align-items: center
}

.login-wrap .contents .content .login-form .email:first-child,.login-wrap .contents .content .login-form .password:first-child {
  margin-top: 0
}

.login-wrap .contents .content .login-form .email label,.login-wrap .contents .content .login-form .password label {
  font-size: 16px;
  flex-basis: 100px;
  margin: 0 10px 0 0
}

.login-wrap .contents .content .login-form .email input,.login-wrap .contents .content .login-form .password input {
  border: 1px solid #e6e6e6;
  flex-basis: 340px;
  height: 45px;
  font-weight: 300;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 4px
}

.login-wrap .contents .content .login-form .email .error-msg,.login-wrap .contents .content .login-form .password .error-msg {
  display: none;
  color: red;
  font-size: 14px;
  font-weight: 300
}

.login-wrap .contents .content .login-form .error label {
  color: red
}

.login-wrap .contents .content .login-form .error input {
  border: 1px solid red
}

.login-wrap .contents .content .login-form .error .error-msg {
  display: flex;
  flex-basis: 100%;
  margin-left: 233px;
  margin-top: 5px;
  letter-spacing: -.5px
}

.login-wrap .contents .content .login-form .link {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px
}

.login-wrap .contents .content .login-form .link a {
  font-size: 14px;
  margin-left: 15px
}

.login-wrap .contents .content .login-form .btn {
  display: flex;
  justify-content: flex-end;
  padding: 0
}

.login-wrap .contents .content .login-form .btn input {
  margin-top: 10px;
  flex-basis: 340px;
  height: 45px;
  border: 0;
  border-radius: 5px;
  background-color: #1d6dd4;
  color: #fff;
  font-size: 18px
}

.login-wrap .contents .content .social-login-btn {
  flex-basis: 43%;
  padding: 0 55px
}

.login-wrap .contents .content .social-login-btn .help-text {
  font-size: 14px;
  margin-top: 25px;
  letter-spacing: 1px;
  letter-spacing: .1px
}

.login-wrap .contents .content .social-login-btn .kakao-login {
  overflow: hidden;
  border-radius: 5px
}

.login-wrap .contents .content .social-login-btn .naver-login {
  margin-top: 15px
}

.join-wrap .contents {
  padding: 80px 0;
  justify-content: center
}

.join-wrap .contents,.join-wrap .contents h2 {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column
}

.join-wrap .contents h2 {
  padding-bottom: 60px;
  border-bottom: 1px solid #e6e6e6;
  align-items: center
}

.join-wrap .contents h2 .sub-title {
  display: flex;
  font-size: 18px;
  font-weight: 300
}

.join-wrap .contents h2 .title {
  display: flex;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px
}

.join-wrap .contents .content {
  display: flex;
  padding-top: 60px
}

.join-wrap .contents .content .join-form {
  flex-basis: 63%;
  padding: 0 55px;
  border-right: 1px solid #e6e6e6
}

.join-wrap .contents .content .join-form .email,.join-wrap .contents .content .join-form .hp,.join-wrap .contents .content .join-form .name,.join-wrap .contents .content .join-form .password,.join-wrap .contents .content .join-form .re_password {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
  flex-wrap: wrap;
  align-items: center
}

.join-wrap .contents .content .join-form .email:first-child,.join-wrap .contents .content .join-form .hp:first-child,.join-wrap .contents .content .join-form .name:first-child,.join-wrap .contents .content .join-form .password:first-child,.join-wrap .contents .content .join-form .re_password:first-child {
  margin-top: 0
}

.join-wrap .contents .content .join-form .email label,.join-wrap .contents .content .join-form .hp label,.join-wrap .contents .content .join-form .name label,.join-wrap .contents .content .join-form .password label,.join-wrap .contents .content .join-form .re_password label {
  font-size: 16px;
  flex-basis: 140px;
  margin: 0 10px 0 0
}

.join-wrap .contents .content .join-form .email input,.join-wrap .contents .content .join-form .hp input,.join-wrap .contents .content .join-form .name input,.join-wrap .contents .content .join-form .password input,.join-wrap .contents .content .join-form .re_password input {
  border: 1px solid #e6e6e6;
  flex-basis: 400px;
  height: 45px;
  font-weight: 300;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 4px
}

.join-wrap .contents .content .join-form .email .error-msg,.join-wrap .contents .content .join-form .hp .error-msg,.join-wrap .contents .content .join-form .name .error-msg,.join-wrap .contents .content .join-form .password .error-msg,.join-wrap .contents .content .join-form .re_password .error-msg {
  display: none;
  color: red;
  font-size: 14px;
  font-weight: 300
}

.join-wrap .contents .content .join-form .error label {
  color: red
}

.join-wrap .contents .content .join-form .error input {
  border: 1px solid red
}

.join-wrap .contents .content .join-form .error .error-msg {
  display: flex;
  flex-basis: 100%;
  margin-left: 244px;
  margin-top: 5px;
  letter-spacing: -.5px
}

.join-wrap .contents .content .join-form .terms {
  margin-left: 247px;
  font-size: 16px;
  margin-top: 25px;
  line-height: 25px
}

.join-wrap .contents .content .join-form .terms label {
  margin-left: 8px
}

.join-wrap .contents .content .join-form .terms .error-msg {
  display: none;
  margin-left: 0;
  color: red;
  font-size: 14px;
  font-weight: 300
}

.join-wrap .contents .content .join-form .terms .is_age14.error label,.join-wrap .contents .content .join-form .terms .is_agree.error label {
  color: #222
}

.join-wrap .contents .content .join-form .terms .is_age14.error .error-msg,.join-wrap .contents .content .join-form .terms .is_agree.error .error-msg {
  display: flex;
  margin-top: 0;
  margin-bottom: 10px
}

.join-wrap .contents .content .join-form .btn {
  display: flex;
  justify-content: flex-end;
  padding: 0
}

.join-wrap .contents .content .join-form .btn input {
  margin-top: 10px;
  flex-basis: 400px;
  height: 45px;
  border: 0;
  border-radius: 5px;
  background-color: #1d6dd4;
  color: #fff;
  font-size: 18px
}

.join-wrap .contents .content .btn-wrap {
  flex-basis: 37%
}

.join-wrap .contents .content .btn-wrap .social-join-btn .help-text {
  font-size: 14px;
  margin-top: 25px;
  letter-spacing: 1px;
  letter-spacing: .1px;
  padding: 0 55px
}

.join-wrap .contents .content .btn-wrap .social-join-btn .kakao-login {
  overflow: hidden;
  border-radius: 5px;
  padding: 0 55px
}

.join-wrap .contents .content .btn-wrap .social-join-btn .naver-login {
  padding: 0 55px;
  margin-top: 15px
}

.join-wrap .contents .content .btn-wrap .login-btn {
  padding: 0 55px;
  border-top: 1px solid #e6e6e6;
  margin-top: 40px
}

.join-wrap .contents .content .btn-wrap .login-btn a {
  margin-top: 40px;
  width: 276px;
  height: 45px;
  border-radius: 5px;
  background-color: #fff;
  color: #1d6dd4;
  border: 1px solid #1d6dd4;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center
}

.join-wrap .contents .content .btn-wrap .login-btn .help-text {
  font-size: 14px;
  margin-top: 25px;
  letter-spacing: 1px;
  letter-spacing: .1px
}

#naver_id_login {
  display: none
}

.naver-login-btn {
  background-image: url(http://www.changupin.kr/images/btn-naver-login.png);
  background-size: 100% 100%;
  width: 276px;
  height: 45px;
  border: 0;
  border-radius: 5px;
  padding-left: 65px;
  font-size: 18px;
  font-weight: 500;
  color: #fff
}

.terms-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0
}

.terms-wrap .contents h2 {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  align-items: center
}

.terms-wrap .contents h2 .sub-title {
  display: flex;
  font-size: 18px;
  font-weight: 300
}

.terms-wrap .contents h2 .title {
  display: flex;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px
}

.terms-wrap .contents .content {
  padding: 60px 20px 0;
  font-weight: 300;
  line-height: 30px
}

.terms-wrap .contents .content h1 {
  font-size: 34px;
  font-weight: 600
}

.terms-wrap .contents .content h2 {
  border-bottom: 0;
  align-items: flex-start;
  font-size: 28px;
  padding-bottom: 0
}

.privacy-wrap .contents {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0
}

.privacy-wrap .contents h2 {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  align-items: center
}

.privacy-wrap .contents h2 .sub-title {
  display: flex;
  font-size: 18px;
  font-weight: 300
}

.privacy-wrap .contents h2 .title {
  display: flex;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 15px
}

.privacy-wrap .contents .content {
  padding: 60px 20px 0;
  font-weight: 300;
  line-height: 30px
}

.privacy-wrap .contents .content h1 {
  font-size: 34px;
  font-weight: 600
}

.privacy-wrap .contents .content h2 {
  border-bottom: 0;
  align-items: flex-start;
  font-size: 28px;
  padding-bottom: 0
}

.privacy-wrap .contents .content h5 {
  font-size: 18px;
  font-weight: 400
}

/*# sourceMappingURL=main.1244957c.chunk.css.map */
/*
   FILE ARCHIVED ON 23:28:56 Apr 16, 2021 AND RETRIEVED FROM THE
   INTERNET ARCHIVE ON 22:45:07 Mar 05, 2026.
   JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

   ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
   SECTION 108(a)(3)).
*/
/*
playback timings (ms):
capture_cache.get: 0.409
captures_list: 0.741
exclusion.robots: 0.026
exclusion.robots.policy: 0.014
esindex: 0.015
cdx.remote: 63.52
LoadShardBlock: 254.916 (3)
PetaboxLoader3.datanode: 278.569 (4)
load_resource: 108.065
PetaboxLoader3.resolve: 80.04
*/