@charset "UTF-8";
/*
    * px 값을 1680 기준으로 % 값으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtopersent1440( 10 )
    ( 10 / 1440 ) * 100% = 0.6944%
*/
/*
    * px 값을 1680 기준으로 vw 값으로 으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtovw1440( 10 )
    ( 10 / 1440 ) * 100vw = 0.6944vw
*/
/*
    * px 값을 1440 기준으로 % 값으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtopersent1440( 10 )
    ( 10 / 1440 ) * 100% = 0.6944%
*/
/*
    * px 값을 1440 기준으로 vw 값으로 으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtovw1440( 10 )
    ( 10 / 1440 ) * 100vw = 0.6944vw
*/
/*
    * px 값을 1440 기준으로 % 값으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtopersent1440( 10 )
    ( 10 / 1440 ) * 100% = 0.6944%
*/
/*
    * px 값을 1440 기준으로 vw 값으로 으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtovw1440( 10 )
    ( 10 / 1440 ) * 100vw = 0.6944vw
*/
/*
    * px 값을 720 기준으로 % 값으로 으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtopersend720( 10 )
    ( 10 / 720 ) * 100% = 1.3889%
*/
/*
    * px 값을 720 기준으로 vw 값으로 으로 변환하는 함수

    : 사용 방법
    margin-top : 10px ---> margin-top : pxtovw720( 10 )
    ( 10 / 720 ) * 100vw = 1.3889vw;
*/
.wrapper {
  position: relative;
  overflow: hidden; }

.header {
  position: relative; }

.sections > div {
  position: relative;
  z-index: 101; }

.header {
  position: relative;
  z-index: 101; }

.comp-fixed-type {
  position: relative;
  z-index: 0 !important;
  overflow: hidden;
  height: 100vh; }
  .comp-fixed-type .comp-fixed-overlay {
    position: relative; }
  .comp-fixed-type .comp-fixed-bx {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0; }
    .comp-fixed-type .comp-fixed-bx img {
      object-fit: cover;
      width: 100%;
      height: 100%; }

.full-screen_bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
  .full-screen_bg img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

.comp-visual {
  width: 100%;
  height: 100vh;
  min-height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-sizing: border-box;
  padding: 130px 120px 0;
  position: relative; }
  .comp-visual dl {
    position: relative;
    z-index: 200;
    width: 100%;
    transform: translate3d(0, 0, 0); }
    .comp-visual dl dt {
      font-family: 'HelveticaNeue-Bold';
      font-weight: normal !important;
      margin-bottom: 94px;
      font-size: 52px; }
    .comp-visual dl dd {
      font-size: 20px;
      margin-bottom: 35px;
      font-weight: 400;
      line-height: 35px;
      font-family: sans-serif; }
      .comp-visual dl dd.description {
        width: 500px;
        word-break: keep-all; }
      .comp-visual dl dd .comp-visual__list {
        display: block;
        clear: both;
        margin-bottom: 60px; }
        .comp-visual dl dd .comp-visual__list ul {
          overflow: hidden; }
          .comp-visual dl dd .comp-visual__list ul li {
            float: left;
            width: 230px; }
            .comp-visual dl dd .comp-visual__list ul li dl dt {
              font-weight: 700;
              font-size: 16px;
              margin-bottom: 10px;
              line-height: 22px; }
            .comp-visual dl dd .comp-visual__list ul li dl dd {
              line-height: 22px;
              font-weight: 400;
              font-size: 16px;
              margin-bottom: 0; }
              .comp-visual dl dd .comp-visual__list ul li dl dd a:hover {
                color: #ff4501 !important; }
            .comp-visual dl dd .comp-visual__list ul li:last-child {
              margin-right: 0; }
          .comp-visual dl dd .comp-visual__list ul:after {
            contain: '';
            display: block;
            clear: both; }
      .comp-visual dl dd:last-child {
        margin-bottom: 0; }
    .comp-visual dl:after {
      contain: '';
      display: block;
      clear: both; }
  .comp-visual .date {
    position: absolute;
    right: 120px;
    top: 130px;
    z-index: 200;
    float: right;
    font-size: 23px;
    font-family: 'HelveticaNeue-Bold';
    font-weight: normal !important; }
  .comp-visual .comp-visual__bg-video {
    background-color: #000;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .comp-visual .comp-visual__bg-video .comp-visual__bg-video__bx video {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

.sections {
  position: relative;
  z-index: 100;
  background-color: #fff; }

.comp-example {
  margin: 0 auto;
  padding: 170px 120px 270px;
  max-width: 1680px;
  box-sizing: border-box; }
  .comp-example.comp-example__last {
    padding-bottom: 300px; }
  .comp-example.comp-example__keynote {
    padding-bottom: 170px; }

.comp-video .comp-video__block {
  text-align: center;
  overflow: hidden; }
  .comp-video .comp-video__block video {
    max-width: 100%; }

.comp-keynote .comp-keynote__bx {
  max-width: 1251px;
  width: 100%;
  margin: 0 auto; }
  .comp-keynote .comp-keynote__bx .comp-keynote__video-bx {
    margin-bottom: 30px;
    box-shadow: 0px 0px 0px 1px #F8F8F9;
    font-size: 0; }
    .comp-keynote .comp-keynote__bx .comp-keynote__video-bx > div {
      display: inline-block;
      width: 100%;
      font-size: 0;
      overflow: hidden; }
      .comp-keynote .comp-keynote__bx .comp-keynote__video-bx > div video {
        width: 100%; }
  .comp-keynote .comp-keynote__bx .comp-keynote__download {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; }
    .comp-keynote .comp-keynote__bx .comp-keynote__download a {
      font-family: 'HelveticaNeue-Roman';
      color: #000000;
      font-size: 17px;
      text-decoration: underline; }
      .comp-keynote .comp-keynote__bx .comp-keynote__download a:first-child {
        font-family: 'HelveticaNeue-Bold';
        font-weight: normal !important; }
      .comp-keynote .comp-keynote__bx .comp-keynote__download a:last-child {
        font-weight: 400; }
      .comp-keynote .comp-keynote__bx .comp-keynote__download a.no-decoration {
        text-decoration: none !important; }
  .comp-keynote .comp-keynote__bx .comp-keynote__txt {
    text-align: right;
    font-size: 14px;
    opacity: 0.5;
    font-weight: 400;
    line-height: 33px; }

.comp-example__bx {
  text-align: center; }
  .comp-example__bx ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -100px; }
    .comp-example__bx ul li {
      margin-right: 11.80556%;
      width: 23.54167%;
      margin-top: 100px;
      text-align: center; }
      .comp-example__bx ul li:last-child {
        margin-right: 0; }

.comp-example__list {
  position: relative;
  transition: transform 0.7s cubic-bezier(0.33, 1, 0.68, 1); }
  .comp-example__list .comp-example__list-content {
    width: 92.62537%;
    position: absolute;
    border-radius: 30px;
    left: 3.83481%;
    margin-top: 3.53982%;
    overflow: hidden;
    font-size: 0; }
    .comp-example__list .comp-example__list-content > video {
      width: 100%;
      transition: opacity 0.5s 0.1s cubic-bezier(0.33, 1, 0.68, 1); }
    .comp-example__list .comp-example__list-content > img {
      width: 100%;
      transition: opacity 0.5s 0.1s cubic-bezier(0.33, 1, 0.68, 1); }
  .comp-example__list .comp-example__list-bg {
    width: 100%;
    border-radius: 40px;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.2);
    transition: box-shadow 1s, opacity 0.1s cubic-bezier(0.33, 1, 0.68, 1); }
  .comp-example__list.init-stage {
    transform: translate3d(5px, 5px, 0); }
    .comp-example__list.init-stage .comp-example__list-content > video {
      opacity: 0; }
    .comp-example__list.init-stage .comp-example__list-content > img {
      opacity: 0; }
    .comp-example__list.init-stage .comp-example__list-bg {
      box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); }

.comp-example__txt {
  font-family: 'HelveticaNeue-Roman';
  font-weight: normal;
  font-size: 22px;
  color: #fff;
  margin-top: 70px; }

.comp-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
  position: relative; }
  .comp-info .comp_info__bx {
    display: flex;
    justify-content: flex-start; }
    .comp-info .comp_info__bx h2 {
      font-family: 'HelveticaNeue-Bold';
      font-weight: normal !important;
      width: 181px;
      font-size: 18px;
      position: relative;
      top: 7px; }
    .comp-info .comp_info__bx dl {
      width: 860px; }
      .comp-info .comp_info__bx dl dt {
        font-family: 'HelveticaNeue-Bold';
        font-weight: normal !important;
        word-break: keep-all;
        font-size: 30px; }
      .comp-info .comp_info__bx dl dd {
        word-break: keep-all;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        margin: 30px 0; }
        .comp-info .comp_info__bx dl dd:last-child {
          margin-bottom: 0; }
  .comp-info .count {
    font-size: 18px;
    position: relative;
    top: 7px;
    font-family: 'HelveticaNeue-Bold';
    font-weight: normal !important; }

.comp-icons .comp-icons__list {
  width: 910px;
  margin: 0 auto; }
  .comp-icons .comp-icons__list ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -95px; }
    .comp-icons .comp-icons__list ul li {
      font-size: 0;
      text-align: center;
      margin-top: 95px;
      margin-right: 70px;
      position: relative; }
      .comp-icons .comp-icons__list ul li:nth-child(5n) {
        margin-right: 0; }
      .comp-icons .comp-icons__list ul li > img {
        display: inline-block; }
      .comp-icons .comp-icons__list ul li > p {
        position: absolute;
        top: 137px;
        width: 100%;
        font-size: 16px;
        font-family: 'HelveticaNeue-Roman';
        font-weight: normal; }

.comp-theme-img {
  font-size: 0; }
  .comp-theme-img > img {
    width: 100%; }
  .comp-theme-img > video {
    width: 100%; }

.comp-phone__theme .comp-phone__theme-example {
  margin-bottom: 250px; }

.comp-phone__theme .comp-phone__theme-list {
  text-align: center;
  box-sizing: border-box; }
  .comp-phone__theme .comp-phone__theme-list > img {
    width: 100%; }

.sub_footer {
  position: relative;
  z-index: 100;
  padding: 90px 120px 100px;
  font-family: 'HelveticaNeue-Bold', sans-serif;
  font-weight: normal !important;
  color: #000;
  overflow: hidden; }
  .sub_footer .contact {
    font-size: 18px;
    color: #ffffff;
    text-decoration: underline;
    width: 200px;
    display: inline-block;
    float: left; }
  .sub_footer .sns {
    font-size: 18px;
    text-decoration: underline;
    display: inline-block;
    float: left; }
  .sub_footer .copyright {
    font-size: 18px;
    float: right;
    text-align: right; }
  .sub_footer p {
    padding: 0 0 8px 0; }
  .sub_footer a {
    color: #000; }
    .sub_footer a:hover {
      color: #cccccc; }
    .sub_footer a a:visited {
      color: #f0f0f0; }

@media only screen and (max-width: 1440px) {
  .comp-example__bx ul li .comp-example__list .comp-example__list-content {
    border-radius: 2.08333vw; }
  .comp-example__bx ul li .comp-example__list .comp-example__list-bg {
    border-radius: 2.77778vw; }
  .comp-visual {
    padding: 9.02778vw 8.33333vw 0; }
    .comp-visual > dl {
      width: 73.61111vw; }
    .comp-visual .date {
      right: 8.33333vw;
      top: 9.72222vw; }
  .comp-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8.33333vw; }
    .comp-info .comp_info__bx {
      display: flex;
      justify-content: flex-start; }
      .comp-info .comp_info__bx h2 {
        font-family: 'HelveticaNeue-Bold';
        font-weight: normal !important;
        width: 12.56944vw;
        font-size: 18px;
        position: relative;
        top: 7px; }
      .comp-info .comp_info__bx dl {
        width: 59.72222vw; }
        .comp-info .comp_info__bx dl dt {
          font-family: 'HelveticaNeue-Bold';
          font-weight: normal !important;
          word-break: keep-all;
          font-size: 30px; }
        .comp-info .comp_info__bx dl dd {
          word-break: keep-all;
          font-size: 16px;
          font-weight: 400;
          line-height: 30px;
          margin: 30px 0; }
          .comp-info .comp_info__bx dl dd:last-child {
            margin-bottom: 0; }
  .comp-example {
    padding: 11.80556vw 8.33333vw 18.75vw; }
  .comp-icons {
    width: 100%;
    padding: 11.80556vw 8.33333vw 21.31944vw; }
    .comp-icons .comp-icons__list {
      width: 63.19444vw;
      margin: 0 auto; }
      .comp-icons .comp-icons__list ul {
        justify-content: flex-start;
        margin-top: -6.875vw; }
        .comp-icons .comp-icons__list ul li {
          width: 8.75vw;
          margin-right: 4.86111vw;
          margin-top: 6.875vw; }
          .comp-icons .comp-icons__list ul li img {
            width: 100%; }
          .comp-icons .comp-icons__list ul li p {
            font-size: 14px;
            top: 9.51389vw; }
  .comp-phone__theme {
    padding: 11.80556vw 8.33333vw 21.52778vw;
    width: 100%; }
    .comp-phone__theme .comp-phone__theme-example {
      margin-bottom: 17.36111vw; }
    .comp-phone__theme .comp-phone__theme-list {
      padding-left: 0.69444vw; }
      .comp-phone__theme .comp-phone__theme-list > img {
        width: 100%;
        margin: 0 auto; }
  .sub_footer {
    padding: 6.250vw 8.333vw 6.944vw; } }

@media only screen and (max-width: 1024px) {
  .comp-visual {
    min-height: 100vh; }
    .comp-visual dl dt {
      font-size: 45px; }
    .comp-visual dl dd .comp-visual__list ul li {
      width: 30.54449%; }
  .comp-example__bx ul {
    flex-direction: column;
    align-items: center; }
    .comp-example__bx ul li {
      margin-right: 0;
      width: 47.08333vw; }
  .comp-example__list .comp-example__list-content {
    border-radius: 3.47222vw; }
  .comp-example__list .comp-example__list-bg {
    border-radius: 5.55556vw; }
  .comp-info .comp_info__bx {
    display: block;
    width: 100%; }
    .comp-info .comp_info__bx h2 {
      margin-right: 0;
      margin-bottom: 60px; }
    .comp-info .comp_info__bx dl {
      width: 100%; }
      .comp-info .comp_info__bx dl dd {
        word-break: initial; }
  .comp-info .count {
    position: absolute;
    right: 0;
    top: 0; } }

@media only screen and (max-width: 720px) {
  .img-mobile {
    display: block !important; }
  .img-pc {
    display: none !important; }
  .comp-visual {
    padding: 13.88889vw 6.94444vw 0; }
    .comp-visual dl {
      width: 100%; }
      .comp-visual dl dt {
        font-size: 5.83333vw;
        margin-bottom: 5.55556%;
        line-height: 7.63889vw; }
      .comp-visual dl dd {
        font-size: 4.44444vw;
        margin-bottom: 5.55556vw;
        line-height: 6.94444vw; }
        .comp-visual dl dd .comp-visual__list ul li {
          width: 25.27778vw; }
          .comp-visual dl dd .comp-visual__list ul li dl dt {
            font-size: 3.19444vw;
            line-height: 4.16667vw;
            margin-bottom: 1.38889vw; }
          .comp-visual dl dd .comp-visual__list ul li dl dd {
            font-size: 3.19444vw;
            line-height: 4.16667vw; }
        .comp-visual dl dd.description {
          width: 100%; }
    .comp-visual .date {
      display: none; }
    .comp-visual .comp-visual__bg-video {
      height: 100vh;
      min-height: 100vh; }
      .comp-visual .comp-visual__bg-video .comp-visual__bg-video__bx {
        height: 100vh; }
        .comp-visual .comp-visual__bg-video .comp-visual__bg-video__bx video {
          position: absolute;
          min-width: 100%;
          min-height: 100%;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
  .comp-example {
    padding: 13.88889vw 6.94444vw 34.72222vw; }
  .comp-info {
    position: relative;
    margin-bottom: 13.88889vw; }
    .comp-info .comp_info__bx {
      width: 100%;
      display: block; }
      .comp-info .comp_info__bx h2 {
        margin-right: 0;
        font-size: 3.47222vw;
        top: 0;
        margin-bottom: 8.33333vw; }
      .comp-info .comp_info__bx dl {
        width: 100%; }
        .comp-info .comp_info__bx dl dt {
          font-size: 5.55556vw; }
        .comp-info .comp_info__bx dl dd {
          font-size: 3.61111vw;
          line-height: 6.94444vw;
          margin: 5.55556vw 0; }
    .comp-info .count {
      font-size: 3.47222vw;
      position: absolute;
      top: 0;
      right: 0; }
  .comp-example__bx ul {
    display: block;
    margin-left: 0px;
    margin-top: 0; }
    .comp-example__bx ul li {
      width: 46.94444vw;
      margin: 0 auto 13.88889vw; }
      .comp-example__bx ul li .comp-example__list {
        width: 100%;
        text-align: center; }
        .comp-example__bx ul li .comp-example__list .comp-example__list-content {
          border-radius: 4.16667vw;
          width: 92.89941%; }
        .comp-example__bx ul li .comp-example__list .comp-example__list-bg {
          width: 100%;
          border-radius: 5.5556vw; }
      .comp-example__bx ul li .comp-example__txt {
        margin-top: 8.33333vw;
        font-size: 3.47222vw; }
      .comp-example__bx ul li:last-child {
        margin: 0 auto; }
  .comp-icons {
    padding: 13.19444vw 6.94444vw 33.19444vw; }
    .comp-icons .comp-icons__list {
      padding: 0;
      width: 100%; }
      .comp-icons .comp-icons__list ul {
        margin-left: 1.11111vw;
        margin-top: -13.88889%; }
        .comp-icons .comp-icons__list ul li {
          width: 15.84967%;
          margin: 13.88889% 4.35484% 0; }
          .comp-icons .comp-icons__list ul li:nth-child(5n) {
            margin-right: 4.35484%; }
          .comp-icons .comp-icons__list ul li:last-child {
            margin-bottom: 0; }
          .comp-icons .comp-icons__list ul li img {
            width: 100%; }
          .comp-icons .comp-icons__list ul li p {
            font-size: 2.77778vw;
            top: 15.69444vw; }
  .comp-phone__theme {
    padding: 13.19444vw 6.94444vw 34.72222vw; }
    .comp-phone__theme .comp-phone__theme-example {
      margin-bottom: 27.77778vw; }
    .comp-phone__theme .comp-phone__theme-list {
      padding-left: 1.38889vw; }
      .comp-phone__theme .comp-phone__theme-list > img {
        width: 94.35484%;
        margin: 0 auto; }
  .comp-keynote .comp-keynote__bx .comp-keynote__video-bx {
    margin-bottom: 16.66667vw; }
  .comp-keynote .comp-keynote__bx .comp-keynote__download {
    display: block;
    margin-bottom: 5.55556vw; }
    .comp-keynote .comp-keynote__bx .comp-keynote__download a {
      font-size: 4.02778vw;
      display: block;
      margin-bottom: 5.55556vw; }
  .comp-keynote .comp-keynote__bx .comp-keynote__txt {
    text-align: left;
    font-size: 3.33333vw;
    line-height: 4.86111vw; }
  .sub_footer {
    padding: 50px 6.944vw;
    font-family: 'HelveticaNeue-Bold', sans-serif; }
    .sub_footer .contact {
      font-size: 4.1667vw;
      text-decoration: underline;
      width: 100%;
      display: block;
      clear: both;
      padding-bottom: 0px; }
    .sub_footer .sns {
      font-size: 4.1667vw;
      text-decoration: underline;
      display: block;
      clear: both;
      padding-bottom: 80px; }
    .sub_footer .copyright {
      font-size: 11px;
      text-align: left;
      display: block;
      clear: both;
      float: left; }
      .sub_footer .copyright p {
        padding: 0 0 1.6vw 0; }
    .sub_footer p {
      padding: 0 0 3.8vw 0; } }

@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url("font/HelveticaNeue-Bold.woff") format("woff"), url("font/HelveticaNeue-Bold.ttf") format("truetype");
  src: local(※), url("font/HelveticaNeue-Bold.woff") format("woff"); }

@font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url("font/HelveticaNeue-Roman.woff") format("woff"), url("font/HelveticaNeue-Roman.ttf") format("truetype");
  src: local(※), url("font/HelveticaNeue-Roman.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansCJKkr';
  src: url("font/NotoSansCJKkr-Regular.woff") format("woff"), url("font/NotoSansCJKkr-Regular.ttf") format("truetype");
  src: local(※), url("font/NotoSansCJKkr-Regular.woff") format("woff"); }

@font-face {
  font-family: 'NanumSquareB';
  src: url("font/NanumSquareB.woff") format("woff"), url("font/NanumSquareB.ttf") format("truetype");
  src: local(※), url("font/NanumSquareB.woff") format("woff"); }

@font-face {
  font-family: 'NanumSquareR';
  src: url("font/NanumSquareR.woff") format("woff"), url("font/NanumSquareR.ttf") format("truetype");
  src: local(※), url("font/NanumSquareR.woff") format("woff"); }

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* Add for this website */
a {
  color: #666; }

a:active, a:hover {
  outline: 0 none; }

a:hover {
  color: #666; }

a {
  outline: medium none;
  text-decoration: none; }

a img {
  border: medium none; }

a, a:link, a:visited, a:active {
  text-decoration: none; }

ul, li {
  list-style: none; }

ol, ul {
  margin-top: 0;
  margin-bottom: 0px !important; }

html, body {
  text-rendering: optimizelegibility; }

body {
  font-family: apple sd gothic neo, Apple SD Gothid Neo, 'apple sd gothic neo', 'Apple SD Gothid Neo', NotoSansCJKkr, "NotoSansCJKkr", sans-serif;
  -webkit-text-size-adjust: none;
  font-size: 14px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-weight: bold; }

table {
  border-collapse: collapse; }

/*------------- Common Layout : S ------------------------------*/
html, body {
  height: 100%; }

.clearBoth {
  clear: both; }

.img-mobile {
  display: none; }

.img-pc {
  display: block;
  position: relative;
  margin: 0 auto; }

.m-hide {
  display: block; }

.img100p {
  width: 100%; }

.no-bottom {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important; }

.no-top {
  padding-top: 0px;
  margin-top: 0px; }

.white-text {
  color: #ffffff !important; }

.white-text a {
  color: #ffffff !important; }

.white-text a:hover {
  color: #cfcfcf !important; }

.white-text a:visited {
  color: #ffffff !important; }

.black-text {
  color: #000000 !important; }

.black-text a {
  color: #000000 !important; }

.black-text a:hover {
  color: #FF4501 !important; }

.black-text a:visited {
  color: #333333 !important; }

.glayline {
  border: solid 1px #dddddd; }

.empty-h100 {
  position: relative;
  height: 30px; }

.pos-abs {
  position: absolute;
  top: 250px;
  width: 100%; }

.close-btn {
  position: fixed;
  margin: 50px;
  z-index: 100;
  right: 0px; }

.js-move-obj {
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s; }

.section1 .comp-example {
  padding-bottom: 170px; }

.section3 .cover-container {
  padding: 10px 0 0 155px;
  box-sizing: border-box; }
  .section3 .cover-container .cover-title {
    display: block;
    margin: 0 0 32px 25px;
    font-family: 'HelveticaNeue-Bold';
    font-weight: normal !important;
    font-size: 22px; }
  .section3 .cover-container img {
    width: 100%; }
  .section3 .cover-container .cover-list {
    position: relative;
    padding: 0 76px 0 0; }
    .section3 .cover-container .cover-list.cover-list_01 {
      margin: 0 0 121px 0; }
    .section3 .cover-container .cover-list.cover-list_02 {
      margin: 0 0 168px 0; }
    .section3 .cover-container .cover-list .cover-out-text {
      position: absolute;
      top: 70px;
      right: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      max-height: 184px;
      height: 10.7778vw;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      line-height: 23px; }
    .section3 .cover-container .cover-list .cover-in-text {
      position: absolute;
      top: 20px;
      right: 10px;
      display: flex;
      align-items: center;
      max-height: 184px;
      height: 10.7778vw;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      line-height: 23px; }

.section4 .inside-list_pc {
  width: calc(100% + 4.1667vw);
  position: relative;
  left: -2.0833vw; }
  .section4 .inside-list_pc ul {
    display: flex;
    justify-content: flex-start;
    text-align: center;
    font-size: 16px;
    font-weight: 500; }
    .section4 .inside-list_pc ul li {
      margin-bottom: 28px; }
      .section4 .inside-list_pc ul li:first-child {
        flex-basis: 9.1667%;
        margin-bottom: 17px;
        padding-left: 30px;
        box-sizing: border-box; }
        .section4 .inside-list_pc ul li:first-child span {
          margin-top: 0;
          line-height: 23px; }
      .section4 .inside-list_pc ul li:nth-child(2) {
        flex-basis: 12.0667%; }
      .section4 .inside-list_pc ul li:nth-child(3) {
        flex-basis: 25.1333%; }
      .section4 .inside-list_pc ul li:nth-child(4) {
        flex-basis: 26.0000%; }
      .section4 .inside-list_pc ul li:nth-child(5) {
        flex-basis: 12.8000%; }
      .section4 .inside-list_pc ul li:nth-child(6) {
        flex-basis: 14.8333%;
        padding-right: 30px;
        box-sizing: border-box; }
      .section4 .inside-list_pc ul li span {
        display: block;
        margin-top: 12.5px; }
  .section4 .inside-list_pc img {
    width: 100%; }

.section5 .comp-example {
  padding-top: 0; }
  .section5 .comp-example .outside-list_pc {
    width: calc(100% + 4.1667vw);
    position: relative;
    left: -2.0833vw; }
    .section5 .comp-example .outside-list_pc ul {
      display: flex;
      justify-content: flex-start;
      text-align: center;
      font-size: 16px;
      font-weight: 500; }
      .section5 .comp-example .outside-list_pc ul li {
        margin-bottom: 15px; }
        .section5 .comp-example .outside-list_pc ul li:first-child {
          flex-basis: 66.3333%;
          padding-left: 30px;
          box-sizing: border-box; }
        .section5 .comp-example .outside-list_pc ul li:nth-child(2) {
          flex-basis: 12.7333%; }
        .section5 .comp-example .outside-list_pc ul li:nth-child(3) {
          flex-basis: 12.2667%; }
        .section5 .comp-example .outside-list_pc ul li:nth-child(4) {
          flex-basis: 8.6667%;
          padding-right: 30px;
          box-sizing: border-box; }
          .section5 .comp-example .outside-list_pc ul li:nth-child(4) span {
            line-height: 23px;
            margin-top: 0; }
        .section5 .comp-example .outside-list_pc ul li span {
          display: block;
          margin-top: 12px; }
    .section5 .comp-example .outside-list_pc img {
      width: 100%; }

.section6 {
  position: relative;
  font-size: 0; }
  .section6 img {
    width: 100%; }
  .section6 .jespi-container {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10;
    transform: translateX(-50%);
    max-width: 1680px;
    width: 100%;
    height: 100%;
    padding: 0 120px;
    box-sizing: border-box; }
    .section6 .jespi-container .jespi-logo {
      width: 28.0%;
      height: 100%;
      max-width: 450px;
      margin: 0 auto;
      padding: 11.043vw 0 0 0;
      box-sizing: border-box; }
      .section6 .jespi-container .jespi-logo img {
        display: block;
        width: 100%; }
    .section6 .jespi-container .jespi-text {
      position: absolute;
      bottom: 11.043vw;
      left: 0;
      display: flex;
      justify-content: flex-start;
      padding: 0 120px;
      box-sizing: border-box;
      font-size: 21px;
      color: #fff;
      font-family: 'HelveticaNeue-Roman';
      font-weight: 100;
      line-height: 27px;
      opacity: 0.8; }
      .section6 .jespi-container .jespi-text p:first-child {
        flex-basis: 50%;
        margin-right: 120px; }
      .section6 .jespi-container .jespi-text p:last-child {
        flex-basis: 50%; }

.section7 .comp-info {
  color: #fff; }

.section7 img {
  width: calc(100% + 1.3889vw);
  position: relative;
  left: -0.6944vw; }

.section8 {
  position: relative; }
  .section8 .comp-example {
    padding: 170px 120px 0 120px; }
    .section8 .comp-example .reflet-container {
      position: relative;
      height: 59.043vw;
      max-height: 1358px; }
      .section8 .comp-example .reflet-container img {
        position: relative;
        left: 280px;
        z-index: 200;
        height: 100%; }
    .section8 .comp-example .comp-info {
      position: relative;
      z-index: 300; }
    .section8 .comp-example .patten_bg {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 100;
      max-width: 2300px;
      height: 100%; }
      .section8 .comp-example .patten_bg img {
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        height: 100%; }

.section9 {
  position: relative;
  overflow: hidden; }
  .section9 .comp-example .reflet-container {
    position: relative;
    height: 59.043vw;
    max-height: 1358px; }
    .section9 .comp-example .reflet-container img {
      position: absolute;
      right: 235px;
      z-index: 200;
      height: 100%; }
  .section9 .comp-example .comp-info {
    position: relative;
    z-index: 300; }
  .section9 .comp-example .patten_bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    max-width: 2300px;
    height: 100%;
    font-size: 0; }
    .section9 .comp-example .patten_bg img {
      left: 55%;
      transform: translate3d(-50%, 0, 0);
      height: 100%; }

.section10 img {
  width: 100%; }

.section11 .comp-example {
  padding-bottom: 183px; }
  .section11 .comp-example img {
    width: calc(100% + 3.4722vw);
    position: relative;
    left: -1.7361vw; }

.section12 .comp-example {
  padding: 0 120px 0 120px; }
  .section12 .comp-example .comp-info {
    margin-bottom: 0; }
  .section12 .comp-example img {
    width: calc(100% + 60px);
    position: relative;
    left: -30px; }

.section13 {
  font-size: 0; }
  .section13 img {
    width: 100%; }

.section14 video {
  width: 100%; }

.sub_footer {
  color: #000; }

@media only screen and (max-width: 1440px) {
  .section1 .comp-example {
    padding-bottom: 11.8056vw; }
  .section3 .cover-container {
    padding: 0.6944vw 0 0 11.4vw; }
    .section3 .cover-container .cover-title {
      margin: 0 0 2.2222vw 1.7361%; }
      .section3 .cover-container .cover-title.cover-title_02 {
        margin-bottom: 2.2222vw; }
    .section3 .cover-container .cover-list {
      padding: 0 5.2778vw 0 0; }
      .section3 .cover-container .cover-list.cover-list_01 {
        margin: 0 0 8.4028vw 0; }
      .section3 .cover-container .cover-list.cover-list_02 {
        margin: 0 0 11.6667vw 0; }
      .section3 .cover-container .cover-list .cover-out-text {
        top: 4.8611vw;
        right: 0.6944vw;
        line-height: 1.5972vw; }
      .section3 .cover-container .cover-list .cover-in-text {
        top: 1.3889vw;
        right: 0.6944vw;
        line-height: 1.5972vw; }
  .section4 .inside-list_pc ul li {
    margin-bottom: 1.9444vw; }
    .section4 .inside-list_pc ul li:first-child {
      margin-bottom: 1.1806vw;
      padding-left: 1.3889vw; }
      .section4 .inside-list_pc ul li:first-child span {
        line-height: 1.5972vw; }
    .section4 .inside-list_pc ul li:nth-child(6) {
      padding-right: 2.0833vw; }
    .section4 .inside-list_pc ul li span {
      margin-top: 0.8681vw; }
  .section5 .comp-example .outside-list_pc ul li {
    margin-bottom: 1.0417vw; }
    .section5 .comp-example .outside-list_pc ul li:first-child {
      padding-left: 1.3889vw; }
    .section5 .comp-example .outside-list_pc ul li:nth-child(4) {
      padding-right: 1.3889vw; }
      .section5 .comp-example .outside-list_pc ul li:nth-child(4) span {
        line-height: 1.5972vw; }
    .section5 .comp-example .outside-list_pc ul li span {
      margin-top: 0.8333vw; }
  .section6 .jespi-container {
    padding: 0 8.3333vw; }
    .section6 .jespi-container .jespi-text {
      bottom: 11.130vw;
      padding: 0 8.3333vw;
      font-size: 16px;
      line-height: 22px; }
      .section6 .jespi-container .jespi-text p:first-child {
        margin-right: 8.3333vw; }
  .section8 .comp-example {
    padding: 11.80556vw 8.33333vw 0vw; }
    .section8 .comp-example .reflet-container {
      height: 59.043vw; }
      .section8 .comp-example .reflet-container img {
        position: relative;
        left: 19.444vw; }
  .section9 .comp-example {
    padding-top: 8.9565vw;
    padding-bottom: 8.9565vw; }
    .section9 .comp-example .reflet-container {
      height: 59.043vw; }
      .section9 .comp-example .reflet-container img {
        right: 17.3611vw; }
  .section11 .comp-example {
    padding-bottom: 7.9565vw; }
  .section12 .comp-example {
    padding: 0 8.3333vw 0 8.3333vw; }
    .section12 .comp-example .comp-info {
      margin-bottom: 0; }
    .section12 .comp-example img {
      width: calc(100% + 60px);
      position: relative;
      left: -30px; } }

@media only screen and (max-width: 1024px) {
  .header .img-pc {
    display: none; }
  .header .img-mobile {
    display: block; }
  .section3 .cover-container {
    padding: 0; }
    .section3 .cover-container img {
      width: calc(100% + 2.9297vw);
      position: relative;
      left: -1.4648vw; }
    .section3 .cover-container .cover-title {
      margin: 0 0 1.5278vw 0; }
      .section3 .cover-container .cover-title.cover-title_02 {
        margin-bottom: 2.2222vw; }
    .section3 .cover-container .cover-list {
      padding: 0 5.2778vw 0 0; }
      .section3 .cover-container .cover-list .cover-out-text {
        top: 5.8611vw;
        right: -0.0977vw;
        height: 11.7778vw;
        font-size: 1.2695vw; }
      .section3 .cover-container .cover-list .cover-in-text {
        right: -0.0977vw;
        height: 11.7778vw;
        font-size: 1.2695vw; }
  .section4 .inside-list_pc ul {
    font-size: 1.3672vw; }
    .section4 .inside-list_pc ul li:first-child {
      padding-left: 1.4648vw; }
    .section4 .inside-list_pc ul li:nth-child(6) {
      padding-right: 1.9531vw; }
  .section5 .comp-example .outside-list_pc ul {
    font-size: 1.3672vw; }
    .section5 .comp-example .outside-list_pc ul li:nth-child(4) {
      padding-right: 1.4648vw; }
  .section6 .jespi-container .jespi-logo {
    max-width: 31.5430%;
    max-height: 12.5000%; }
  .section6 .jespi-container .jespi-text {
    position: absolute;
    bottom: 11.9141vw;
    font-size: 1.5625vw;
    line-height: 2.1vw; }
    .section6 .jespi-container .jespi-text p:first-child {
      flex-basis: 50%;
      margin-right: 5.4180vw; }
    .section6 .jespi-container .jespi-text p:last-child {
      flex-basis: 50%; }
  .section7 .img-pc {
    display: none; }
  .section7 .img-mobile {
    display: block; } }

@media only screen and (max-width: 720px) {
  .section1 .comp-example {
    padding-bottom: 15.2778vw; }
  .section3 .comp-example {
    padding-bottom: 19.7222vw; }
    .section3 .comp-example .cover-container {
      padding: 0; }
      .section3 .comp-example .cover-container .cover-title {
        margin: 0 0 4.8611vw 0;
        font-size: 3.4722vw; }
        .section3 .comp-example .cover-container .cover-title.cover-title_02 {
          margin-bottom: 4.8611vw; }
      .section3 .comp-example .cover-container img {
        width: calc(100% + 3.3333vw);
        position: relative;
        left: -1.6667vw; }
      .section3 .comp-example .cover-container .cover-list {
        padding: 0; }
        .section3 .comp-example .cover-container .cover-list.cover-list_01 {
          margin: 0 0 9.7222vw 0; }
        .section3 .comp-example .cover-container .cover-list.cover-list_02 {
          margin: 0 0 15.9722vw 0; }
        .section3 .comp-example .cover-container .cover-list .cover-out-text {
          top: 11.8056vw;
          right: 3.8889vw;
          font-size: 1.9444vw;
          line-height: 3.1944vw; }
        .section3 .comp-example .cover-container .cover-list .cover-in-text {
          top: 2.7778vw;
          right: 3.8889vw;
          font-size: 1.9444vw;
          line-height: 3.1944vw; }
  .section4 .inside-list_mobile {
    width: calc(100% + 13.8889vw);
    position: relative;
    left: -6.9444vw; }
    .section4 .inside-list_mobile.inside-list-top {
      margin-bottom: 20.6944vw; }
      .section4 .inside-list_mobile.inside-list-top ul {
        margin-bottom: 20.6944vw;
        display: flex;
        justify-content: flex-start;
        text-align: center;
        font-size: 2.7778vw;
        font-weight: 500; }
        .section4 .inside-list_mobile.inside-list-top ul li {
          margin-bottom: 1.9444vw;
          box-sizing: border-box; }
          .section4 .inside-list_mobile.inside-list-top ul li:first-child {
            flex-basis: 23.3333%;
            padding-left: 10.7778vw; }
            .section4 .inside-list_mobile.inside-list-top ul li:first-child span {
              margin-top: 0;
              line-height: 3.4722vw; }
          .section4 .inside-list_mobile.inside-list-top ul li:nth-child(2) {
            flex-basis: 20.4167%; }
          .section4 .inside-list_mobile.inside-list-top ul li:nth-child(3) {
            flex-basis: 56.1111%;
            padding-right: 30.2778vw;
            text-align: right; }
          .section4 .inside-list_mobile.inside-list-top ul li span {
            display: block;
            margin-top: 1.7361vw; }
    .section4 .inside-list_mobile.inside-list-bottom ul {
      display: flex;
      justify-content: flex-start;
      text-align: center;
      font-size: 2.7778vw;
      font-weight: 500; }
      .section4 .inside-list_mobile.inside-list-bottom ul li {
        margin-bottom: 4.0278vw;
        box-sizing: border-box; }
        .section4 .inside-list_mobile.inside-list-bottom ul li:first-child {
          flex-basis: 43.8889%; }
          .section4 .inside-list_mobile.inside-list-bottom ul li:first-child span {
            line-height: 3.4722vw; }
        .section4 .inside-list_mobile.inside-list-bottom ul li:nth-child(2) {
          flex-basis: 21.8056%; }
        .section4 .inside-list_mobile.inside-list-bottom ul li:nth-child(3) {
          flex-basis: 34.3056%;
          padding-right: 12.2778vw; }
        .section4 .inside-list_mobile.inside-list-bottom ul li span {
          display: block;
          margin-top: 1.7361vw; }
    .section4 .inside-list_mobile img {
      width: 100%; }
  .section5 .comp-example {
    padding-bottom: 28.3333vw; }
    .section5 .comp-example .outside-list_pc {
      width: calc(100% + 60px);
      position: relative;
      left: -30px; }
      .section5 .comp-example .outside-list_pc ul {
        display: flex;
        justify-content: flex-start;
        text-align: center;
        font-size: 16px;
        font-weight: 500; }
        .section5 .comp-example .outside-list_pc ul li {
          margin-bottom: 15px; }
          .section5 .comp-example .outside-list_pc ul li:first-child {
            flex-basis: 66.3333%;
            padding-left: 30px;
            box-sizing: border-box; }
          .section5 .comp-example .outside-list_pc ul li:nth-child(2) {
            flex-basis: 12.7333%; }
          .section5 .comp-example .outside-list_pc ul li:nth-child(3) {
            flex-basis: 12.2667%; }
          .section5 .comp-example .outside-list_pc ul li:nth-child(4) {
            flex-basis: 8.6667%;
            padding-right: 30px;
            box-sizing: border-box; }
            .section5 .comp-example .outside-list_pc ul li:nth-child(4) span {
              line-height: 23px;
              margin-top: 0; }
          .section5 .comp-example .outside-list_pc ul li span {
            display: block;
            margin-top: 12px; }
      .section5 .comp-example .outside-list_pc img {
        width: 100%; }
    .section5 .comp-example .outside-list_mobile {
      width: calc(100% + 13.8889vw);
      position: relative;
      left: -6.9444vw; }
      .section5 .comp-example .outside-list_mobile.outside-list-top {
        margin-bottom: 18.0556vw; }
        .section5 .comp-example .outside-list_mobile.outside-list-top ul {
          display: flex;
          justify-content: flex-start;
          text-align: center;
          font-size: 2.7778vw;
          font-weight: 500; }
          .section5 .comp-example .outside-list_mobile.outside-list-top ul li {
            margin-bottom: 4.0278vw; }
            .section5 .comp-example .outside-list_mobile.outside-list-top ul li:first-child {
              flex-basis: 100%;
              padding-left: 30px;
              box-sizing: border-box; }
          .section5 .comp-example .outside-list_mobile.outside-list-top ul span {
            display: block;
            margin-top: 12px; }
      .section5 .comp-example .outside-list_mobile.outside-list-bottom ul {
        display: flex;
        justify-content: flex-start;
        text-align: center;
        font-size: 2.7778vw;
        font-weight: 500; }
        .section5 .comp-example .outside-list_mobile.outside-list-bottom ul li {
          margin-bottom: 4.0278vw;
          box-sizing: border-box; }
          .section5 .comp-example .outside-list_mobile.outside-list-bottom ul li:first-child {
            flex-basis: 62.2222%;
            padding-left: 41.1111vw; }
          .section5 .comp-example .outside-list_mobile.outside-list-bottom ul li:nth-child(2) {
            flex-basis: 20.8333%; }
          .section5 .comp-example .outside-list_mobile.outside-list-bottom ul li:nth-child(3) {
            flex-basis: 16.9444%;
            padding-right: 4.6667vw; }
          .section5 .comp-example .outside-list_mobile.outside-list-bottom ul li span {
            display: block;
            margin-top: 1.6667vw;
            line-height: 3.1944vw; }
      .section5 .comp-example .outside-list_mobile img {
        width: 100%; }
  .section6 .jespi-container {
    padding: 0 6.94444vw; }
    .section6 .jespi-container .jespi-logo {
      width: 100%;
      max-width: 50.8611%;
      max-height: 17.7778%;
      padding: 25.2930vw 0 0 0; }
    .section6 .jespi-container .jespi-text {
      bottom: 16.9444vw;
      padding: 0 6.94444vw;
      font-size: 2.7778vw;
      line-height: 3.6111vw; }
      .section6 .jespi-container .jespi-text p:first-child {
        margin-right: 4.8611vw; }
  .section7 .comp-example {
    padding-bottom: 20.8333vw; }
    .section7 .comp-example img {
      width: 100%;
      left: 0; }
  .section8 {
    padding-bottom: 23.1944vw; }
    .section8 .comp-example {
      padding: 13.05556vw 6.94444vw 0vw; }
      .section8 .comp-example .reflet-container {
        height: 91.043vw; }
        .section8 .comp-example .reflet-container img {
          left: 3.4vw; }
      .section8 .comp-example .patten_bg img {
        left: 0;
        transform: translate3d(0, 0, 0); }
  .section9 {
    padding-bottom: 30.1944vw; }
    .section9 .comp-example {
      padding: 13.05556vw 6.94444vw 0vw; }
      .section9 .comp-example .reflet-container {
        height: 91.043vw; }
        .section9 .comp-example .reflet-container img {
          right: 0; }
      .section9 .comp-example .patten_bg img {
        left: 0;
        transform: translate3d(0, 0, 0); }
  .section11 .comp-example {
    padding: 13.05556vw 6.94444vw 0; }
    .section11 .comp-example .comp-info {
      margin-bottom: 10.88889vw; }
      .section11 .comp-example .comp-info dt {
        margin-bottom: 0; }
    .section11 .comp-example img {
      width: 100%;
      left: 0; }
  .section11 .pamphlet-container {
    padding: 0 0 13.05556vw 0; }
    .section11 .pamphlet-container img {
      width: 100%; }
  .section12 .comp-example {
    padding: 0 6.94444vw 0 6.94444vw; }
    .section12 .comp-example .comp-info {
      margin-bottom: 0; }
    .section12 .comp-example img {
      width: calc(100% + 50px);
      left: -25px; } }

/*# sourceMappingURL=jeju-jespi.css.map */