@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap");

/* reset
------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Segoe UI",
    AppleSDGothicNeo, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo",
    "Microsoft NeoGothic", "Droid sans", Verdana, arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  height: 100%;
  color: #373737;
  -webkit-text-size-adjust: none;
  background-color: #fff;
  min-height: 100%;
}

dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

th,
td,
input,
textarea,
select,
button {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  -webkit-text-size-adjust: none;
  font-weight: 500;
}

th,
td {
  word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-text-size-adjust: none;
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
  -webkit-text-size-adjust: none;
}

em {
  font-weight: inherit;
}

ol,
ul,
li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

abbr,
acronym {
  border: 0;
}

hr {
  clear: both;
  display: none;
}

legend,
caption {
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
  font-size: 0;
}

img,
fieldset {
  border: 0 none;
}

label {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #162950;
  cursor: pointer;
}

a:active {
  text-decoration: none;
}

.hide {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  line-height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  font: 0/0 Arial;
}

input,
img {
  vertical-align: middle;
}

Input,
button {
  border: 0;
  border-radius: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0;
  font-size: 13px;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0;
}

textarea {
  resize: none;
  border: 0;
}

.bodyFixed {
  position: fixed;
  overflow: hidden;
}

#root {
  height: 100%;
}

.pc {
  display: block;
}

.tablet {
  display: none;
}

.m {
  display: none;
}

.section07 {
  max-width: 960px;
  position: relative;
  margin: 0 auto;
  padding: 70px 0;
}

.section07 > ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
}

.section07 > ul ul {
  margin-top: 20px;
  font-size: 18px;
  line-height: 44px;
  color: #373737;
}

.section07 > ul ul a {
  font-weight: 400;
  font-size: 16px;
  line-height: 44px;
}

.section07 > ul ul a:hover {
  font-weight: 700;
}

.section07 a:hover {
  color: #0069ff;
}

.hidden {
  position: absolute;
  left: -9999px;
  top: 0;
}

.section01 .inner {
  position: relative;
  max-width: 960px;
  margin: 0 auto 150px;
  height: 390px;
  padding-top: 120px;
}

.section01 h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 34px;
  /* or 145% */
  color: #373737;
}

.section01 h2 span {
  color: #0069ff;
  display: block;
}

.section01 li {
  margin-bottom: 25px;
}

.section01 .txt {
  display: none;
}

.section01 li strong {
  color: red;
}

.section01 .thumb_list {
  position: absolute;
  left: 323px;
  top: 130px;
  width: 637px;
  overflow: hidden;
  height: 378px;
}

.section01 .active .txt {
  display: block;
  padding: 12px 0 0 40px;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

.section01 .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #bebebe;
  padding-left: 40px;
  position: relative;
}

.section01 .active .title {
  color: #0069ff;
}

.section01 .active .title::after {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: -2px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_on.png")
    0 0 / 30px 30px no-repeat;
}

.section01 .btn_perv {
  position: absolute;
  left: 839px;
  top: 448px;
  width: 60px;
  height: 60px;
  background: #000;
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_left_01.png")
    center no-repeat;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  text-indent: -999px;
  z-index: 99;
}

.section01 .btn_perv:hover {
  background-color: #2346a0;
}

.section01 .btn_next {
  position: absolute;
  left: 900px;
  top: 448px;
  width: 60px;
  height: 60px;
  background: #000;
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_right_01.png")
    center no-repeat;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  text-indent: -999px;
  z-index: 99;
}

.section01 .btn_next:hover {
  background-color: #2346a0;
}

.main_visual {
  background: #0163f1
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_mainVisual_01.png")
    center 0 no-repeat;
}

.main_visual .inner {
  background: #0163f1
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_mainVisual_01.png")
    center 0 no-repeat;
  max-width: 960px;
  height: 640px;
  margin: 0 auto;
  position: relative;
}

.main_visual .inner p:first-child {
  top: 275px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

.main_visual .inner p {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.43);
  position: absolute;
  left: 0;
  top: 293px;
  font-weight: 900;
  font-size: 50px;
  line-height: 72px;
  color: #ffffff;
}

.main_visual .inner a {
  position: absolute;
  left: 0;
  top: 386px;
  width: 167px;
  height: 56px;
  line-height: 56px;
  background: #ffffff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
    116px center / 18px 15px no-repeat;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  text-indent: 35px;
  color: #0069ff;
}

.section01 .item01 {
  width: 637px;
  height: 378px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_mainThumb_0101.png")
    0 0 / 637px 378px no-repeat;
}

.section01 .item02 {
  width: 637px;
  height: 378px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_mainThumb_0102.png")
    0 0 / 637px 378px no-repeat;
}

.section01 .item03 {
  width: 637px;
  height: 378px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_mainThumb_0103.png")
    0 0 / 637px 378px no-repeat;
}

.section01 .item04 {
  width: 637px;
  height: 378px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_mainThumb_0104.png")
    0 0 / 637px 378px no-repeat;
}

.section01 .inner .slider .swiper-pagination {
  left: -9999px;
}

.section01 ul {
  position: relative;
  z-index: 20;
}

.section02 {
  position: relative;
  margin-bottom: 120px;
}

.section02 .inner {
  position: relative;
  max-width: 960px;
  height: 374px;
  margin: 0 auto;
}

.section02:after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 50.416%;
  height: 344px;
  background-color: #f5f5f5;
}

.section02 .inner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 69.1666%;
  height: 344px;
  background-color: #f5f5f5;
}

.section02 .inner h2 {
  position: absolute;
  left: 714px;
  top: 46px;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.section02 .inner h2 span {
  color: #0069ff;
}

.section02 .inner p {
  position: absolute;
  top: 206px;
  left: 714px;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

.section02 .counsel {
  position: absolute;
  left: 0;
  top: 0;
  width: 65.497%;
  height: 0;
  padding-top: 35.5378%;
}

.section02 .counsel a {
  width: 50%;
}

.section02 .counsel .btn01 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cs_01.png")
    0 0 no-repeat;
}

.section02 .counsel a {
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.section02 .counsel .btn01 strong {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #ffffff;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 32.488%;
}

.section02 .counsel .btn01 span {
  display: none;
}

.section02 .counsel .btn01:hover {
  z-index: 13;
  left: 0;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cs_01_on.png")
    0 0 no-repeat;
}

.section02 .counsel .btn01:hover strong {
  top: 64px;
}

.section02 .counsel .btn01:hover span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
  top: 158px;
}

.section02 .counsel .btn01:hover span:after {
  position: absolute;
  left: 50%;
  margin-left: -2.64%;
  top: -12px;
  border-top: 2px solid #fff;
  width: 5.283%;
  content: "";
}

.section02 .counsel .btn01:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_on.png")
    0 0 / 30px 30px no-repeat;
  position: absolute;
  left: 50%;
  top: 58.064%;
  margin: 0 0 0 -20px;
}

.section02 .counsel .btn01:hover:after {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_03.png")
    0 0 / 30px 30px no-repeat;
  top: 81.566%;
}

.section02 .counsel .btn02 {
  position: absolute;
  left: 0;
  margin-left: 50%;
  top: 0;
  height: 100%;
  z-index: 10;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_bpo_01.png")
    0 0 no-repeat;
}

.section02 .counsel .btn02 strong {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #ffffff;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 37.327%;
}

.section02 .counsel .btn02:after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_on.png")
    0 0 / 30px 30px no-repeat;
  position: absolute;
  left: 50%;
  top: 58.064%;
  margin: 0 0 0 -20px;
}

.section02 .counsel .btn02 span {
  display: none;
}

.section02 .counsel .btn02:hover {
  z-index: 13;
  right: 0;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_bpo_01_on.png")
    0 0 / 100% 100% no-repeat;
}

.section02 .counsel .btn02:hover strong {
  top: 91px;
}

.section02 .counsel .btn02:hover span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
  top: 150px;
}

.section02 .counsel .btn02:hover span:after {
  position: absolute;
  left: 50%;
  margin-left: -2.64%;
  top: -12px;
  border-top: 2px solid #fff;
  width: 5.283%;
  content: "";
}

.section02 .counsel .btn02:hover:after {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_03.png")
    0 0 / 30px 30px no-repeat;
  top: 81.566%;
}

.section03 {
  max-width: 960px;
  margin: 0 auto 120px;
  position: relative;
}

.section03 p:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 422px;
  height: 168px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_section_0301.png")
    0 0 / 100% 100% no-repeat;
}

.section03 h2 {
  font-size: 18px;
  line-height: 26px;
  padding-top: 32px;
  color: #919191;
}

.section03 p {
  font-weight: 700;
  padding-top: 5px;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.section03 p strong {
  color: #0069ff;
}

.section03 .tab {
  margin: 72px 0 40px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.section03 .tab li {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}

.section03 .tab li a {
  display: inline-block;
  height: 37px;
  line-height: 37px;
  padding: 0 17px;
  background: #f5f5f5;
  font-weight: 700;
  font-size: 12px;
  color: #919191;
}

.section03 .tab li a.on {
  background-color: #0069ff;
  color: #fff;
}

.section03 .tab .swiper-slide-active a {
  background-color: #0069ff;
  color: #fff;
}

.section03 .tab li:first-child {
  margin-left: 0;
}

.section03 .slider {
  max-width: 960px;
  overflow: hidden;
  position: relative;
  height: 25px;
}

.section03 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  height: auto;
}

.section03 .swiper-slide img {
  width: 76px;
  height: 25px;
}

.section04 {
  position: relative;
}

.section04 .inner {
  max-width: 960px;
  position: relative;
  height: 408px;
  margin: 0 auto 120px;
  z-index: 3;
}

.section04:after {
  content: "";
  position: absolute;
  right: 0;
  top: 73px;
  width: 50.416%;
  height: 335px;
  background-color: #f5f5f5;
}

.section04 .inner:after {
  content: "";
  position: absolute;
  right: 0;
  top: 73px;
  width: 59.23%;
  height: 335px;
  background-color: #f5f5f5;
}

.section04 h2 {
  position: absolute;
  left: 546px;
  top: 21px;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
  z-index: 10;
}

.section04 h2 span {
  color: #0069ff;
}

.section04 .slider {
  max-width: 960px;
  position: relative;
}

.section04 .thumb_list {
  position: absolute;
  left: 0;
  top: 0;
  width: 485px;
  height: 348px;
  overflow: hidden;
}

.section04 ul {
  padding-left: 546px;
  position: relative;
  z-index: 10;
}

.section04 ul li {
  display: none;
}

.section04 ul li.active {
  display: block;
}

.section04 ul li a {
  display: block;
}

.section04 ul li > a > span {
  display: block;
  padding-top: 156px;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #0069ff;
}

.section04 ul li a > strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #373737;
  padding-top: 10px;
}

.section04 ul li a > p {
  font-size: 16px;
  line-height: 23px;
  color: #373737;
  padding-top: 10px;
  height: 94px;
  overflow: hidden;
}

.section04 .btn_more {
  position: absolute;
  left: 546px;
  top: 304px;
  z-index: 10;
}

.section04 .btn_more span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  padding-top: 0;
  color: #0069ff;
  padding-right: 24px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
    right 7px / 12px auto no-repeat;
}

.section04 .btn_perv {
  position: absolute;
  left: 365px;
  top: 348px;
  width: 60px;
  height: 60px;
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_left_01.png")
    center / 18px auto no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  z-index: 4;
}

.section04 .btn_next {
  position: absolute;
  left: 426px;
  top: 348px;
  width: 60px;
  height: 60px;
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_right_01.png")
    center / 18px auto no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  z-index: 4;
}

.section04 .btn_perv:hover,
.section04 .btn_next:hover {
  background-color: #2346a0;
}

.section04 .inner .swiper-pagination {
  right: auto;
  left: 15px;
  z-index: 10;
  top: 318px;
  width: auto;
}

.section04 .inner .swiper-pagination span {
  border-radius: 0;
  background-color: #fff;
  opacity: 1;
}

.section04 .inner .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #0069ff;
}

.section05 {
  max-width: 960px;
  position: relative;
  margin: 0 auto 120px;
  height: 160px;
}

.section05 a {
  display: block;
  height: 100%;
}

.section05:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 247px;
  height: 156px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_isoiec27001.png")
    0 0 / 247px auto no-repeat;
}

.section05 h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.section05 h2 strong {
  color: #0069ff;
}

.section05 .txt01 {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
  margin-top: 30px;
}

.section05 .txt01 strong {
  font-weight: normal;
  color: #0069ff;
}

.section05 .txt02 {
  font-size: 16px;
  line-height: 23px;

  color: #919191;
}

.section06 {
  background: #3184fc
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_counsel_01.png")
    center 0 no-repeat;
}

.section06 .inner {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  height: 260px;
  text-align: center;
  background: #3184fc
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_counsel_01.png")
    center 0 no-repeat;
}

.section06 p {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  padding-top: 78px;
}

.section06 a {
  display: inline-block;
  width: 169px;
  height: 51px;

  line-height: 51px;
  font-weight: 700;
  font-size: 16px;
  margin-top: 20px;
  color: #ffffff;
  text-align: left;
  padding: 0 0 0 40px;
  box-sizing: border-box;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_04.png")
    113px center / 16px auto no-repeat;
  border: 2px solid #ffffff;
}

footer {
  position: relative;
  background-color: #373737;
}

footer .inner {
  max-width: 960px;
  margin: 0 auto;
  background-color: #373737;
  position: relative;
}

footer .link {
  line-height: 100px;
}

footer .link li {
  float: left;
  padding-right: 50px;
}

footer .link a {
  font-size: 14px;
  color: #ffffff;
}

footer .sns {
  position: absolute;
  right: 245px;
  top: 40px;
}

footer .sns li {
  float: left;
  padding: 0 15px;
}

footer .sns li .blog {
  width: 35px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  text-indent: -9999px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_blog_01.png")
    0 0 no-repeat;
}

footer .sns li .facebook {
  width: 14px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_facebook_01.png")
    0 0 / auto 20px no-repeat;
}

footer .sns li .youtube {
  width: 42px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_youtube_01.png")
    0 0 / auto 20px no-repeat;
}

footer .fmsite {
  position: absolute;
  right: 0;
  top: 30px;
}

footer .fmsite > button {
  width: 230px;
  height: 40px;
  border: 1px solid #fff;
  text-align: left;
  padding-left: 21px;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_05.png")
    right 18px top 16px no-repeat;
}

footer .btm {
  clear: both;
  padding: 10px 0 40px;
  position: relative;
  border-top: 1px solid #676767;
}

footer .btm address {
  padding-left: 250px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cgBI_03.svg")
    0 20px no-repeat;
}

footer .btm address > div {
  padding-top: 10px;
}

footer .btm address > div span {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #676767;
  margin-right: 30px;
}

footer .btm p {
  position: absolute;
  right: 0;
  top: 30px;
}

footer .btm p img {
  width: 107px;
  height: 110px;
}

.m {
  display: none;
}

.fmsite ul {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  border: 2px solid #000;
  box-sizing: border-box;
  padding: 0 20px;
  background: #fff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_10.png")
    right 18px top 21px / 12px 7px no-repeat;
}

.fmsite ul strong {
  font-weight: 700;
  font-size: 14px;
  line-height: 40px;
}

.fmsite a {
  display: block;
  line-height: 40px;
  font-weight: 400;
  font-size: 14px;
}

.fmsite a:hover {
  font-weight: 700;
  color: #0069ff;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9099;
}

header h1 a {
  position: absolute;
  left: 50px;
  top: 27px;
  z-index: 2;
  width: 156px;
  height: 25px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cgBI_01.svg")
    0 0 / 100% auto no-repeat;
}

header .btn_coun {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 65px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #0069ff;
  background-color: #fff;
  line-height: 1.4;
  padding: 15px 0 0;
}

header .btn_login {
  position: absolute;
  right: 200px;
  top: 0;
  width: 188px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

header nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
}

header nav > ul > li {
  display: inline-block;
  padding: 0 40px;
  line-height: 80px;
}

header nav > ul > li:nth-child(4) ul {
  height: auto;
  padding-bottom: 50px;
}

header nav > ul > li > a {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.bg_white header,
header.contentInner {
  background-color: #fff;
  height: 80px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.03);
}

.bg_white header h1 a,
header.contentInner h1 a {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cgBI_02.svg")
    0 0 no-repeat;
}

.bg_white header nav > ul > li a,
header.contentInner nav > ul > li a {
  color: #373737;
}

header nav > ul > li a.on,
header nav > ul > li a:hover {
  color: #0069ff;
}

.bg_white header .btn_coun,
header.contentInner .btn_coun {
  color: #fff;
  background-color: #0069ff;
}

.bg_white .btn_login,
header.contentInner .btn_login {
  color: #0069ff;
}

header nav > ul ul {
  position: absolute;
  left: -50px;
  top: 80px;
  width: 604px;
  height: 293px;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.03);
}

header nav > ul ul a {
  color: #373737;
  line-height: 1.5;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

header nav > ul ul a span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 5px;
}

header nav > ul ul {
  display: none;
}

header nav > ul ul li {
  line-height: 1.5;
  float: left;
  padding-left: 70px;
  width: 220px;
  padding-top: 30px;
}
header nav > ul ul li.m1 {width: 170px;}
header nav > ul ul li.m2 {width: 290px;}
header .ham {
  display: none;
}

header .btn_close {
  display: none;
}

header nav > ul > li:nth-child(1),
header nav > ul > li:nth-child(4) {
  position: relative;
}

header nav > ul > li:nth-child(4) ul {
  width: 232px;
  left: -55px;
}

header nav > ul > li:nth-child(4) ul li {
  float: none;
  width: auto;
  text-align: center;
  padding-left: 0;
}

header nav > ul > li:nth-child(4) ul li a {
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

header nav > ul > li:nth-child(4) ul li a:hover {
  font-weight: 700;
}

@media screen and (max-width: 1300px) {
  .pc {
    display: none;
  }

  .tablet {
    display: block;
  }

  .m {
    display: none;
  }

  header nav {
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
  }

  header nav ul {
    position: fixed;
    width: 380px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
  }

  header nav > ul > li {
    line-height: 1.2;
    float: none !important;
    padding: 38px 0 0 50px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700;
    font-size: 24px;
  }

  header nav ul li a {
    color: #373737;
  }

  header nav ul li ul {
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding-top: 0 !important;
    position: static !important;
    box-shadow: none;
  }

  header nav > ul > li:nth-child(4) ul li,
  header nav ul li ul li {
    padding: 25px 0 0;
    line-height: 1.2;
    text-align: left;
  }

  header nav > ul > li:nth-child(4) ul li a,
  header nav ul li ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #373737;
  }

  header nav ul li ul li span {
    display: none;
  }

  header nav .btn_login,
  header nav .btn_coun {
    display: none;
  }

  header .ham {
    display: block;
    position: absolute;
    right: 40px;
    top: 23px;
    width: 40px;
    height: 40px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/ico_ham_02.svg")
      0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
  }

  .bg_white header,
  header.contentInner {
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.03);
  }

  .bg_white header .ham,
  header.contentInner .ham {
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/ico_ham_01.svg")
      0 0 no-repeat;
  }

  header .btn_close {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -999px;
    background: transparent
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/btn_close_01.png")
      0 0 / 50px 50px no-repeat;
  }

  .main_visual .inner {
    background: #0163f1
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_mainVisual_01.png")
      center 0 / auto 100% no-repeat;
    max-width: 100%;
    min-width: 100%;
    height: 768px;
  }

  .main_visual .inner p:first-child {
    top: 200px;
    font-size: 20px;
    line-height: 29px;
  }

  .main_visual .inner p {
    left: 15.82%;
    top: 224px;
    font-size: 66px;
    line-height: 96px;
  }

  .main_visual .inner a {
    left: 15.82%;
    top: 345px;
    width: 220px;
    height: 75px;
    line-height: 75px;
    padding: 0;
    background: #ffffff
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bul_arrow_02.png")
      154px center / 18px 15px no-repeat;
    font-size: 24px;
    text-indent: 50px;
  }

  .section01 .inner .slider .swiper-pagination {
    left: 0;
  }

  header h1 a {
    left: 40px;
    width: 196px;
    height: 32px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_cgBI_01.svg")
      0 0 no-repeat;
  }

  .bg_white header h1 a,
  header.contentInner h1 a {
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_cgBI_02.svg")
      0 0 no-repeat;
  }

  footer .inner {
    margin: 0 30px;
    max-width: 100%;
  }

  footer .fmsite {
    margin-bottom: 40px;
    clear: both;
    position: relative;
    top: 0;
  }

  footer .fmsite > button {
    width: 100%;
  }

  footer .sns {
    right: 0;
  }

  footer .btm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  footer .btm address {
    padding-left: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cgBI_03.svg")
      right 0 no-repeat;
  }

  footer .btm p {
    top: 85px;
  }

  footer .btm address > div span:last-child {
    display: block;
  }

  footer .btm address > div:nth-child(2) span:last-child {
    display: inline-block !important;
  }

  footer .btm address > div span {
    padding-top: 15px;
    margin-right: 20px;
  }

  footer .btm address > div {
    padding-top: 0;
  }

  .section01 .item01 {
    max-width: 700px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_mainThumb_0101.png")
      0 0 / 100% 100% no-repeat;
    padding-top: 61.119%;
  }

  .section01 .item02 {
    max-width: 700px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_mainThumb_0102.png")
      0 0 / 100% 100% no-repeat;
    padding-top: 61.119%;
  }

  .section01 .item03 {
    max-width: 700px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_mainThumb_0103.png")
      0 0 / 100% 100% no-repeat;
    padding-top: 61.119%;
  }

  .section01 .item04 {
    max-width: 700px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_mainThumb_0104.png")
      0 0 / 100% 100% no-repeat;
    padding-top: 61.119%;
  }

  .section01 {
    height: auto;
  }

  .section01 .inner {
    padding: 120px 0 62px;
    height: auto;
    margin-bottom: 120px;
  }

  .section01 h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 40px;
    line-height: 58px;
    text-align: center;
  }

  .section01 h2 span {
    display: inline;
  }

  .section01 .thumb_list {
    position: relative;
    margin: 50px auto;
    width: 100%;
    height: auto;
    max-width: 700px;
    left: 0;
    top: 0;
  }

  .section01 .thumb_list .swiper-slide {
    width: 100%;
    text-align: center;
  }

  .section01 .thumb_list .swiper-slide img {
    max-width: 637px;
    width: 100%;
  }

  .section01 li {
    margin-bottom: 0;
    display: none;
    text-align: center;
  }

  .section01 li.active {
    display: block;
  }

  .section01 li br {
    display: none;
  }

  .section01 li .txt span {
    display: block;
  }

  .section01 .txt {
    display: block;
    font-size: 20px;
    line-height: 29px;
  }

  .section01 .active .title::after {
    display: none;
  }

  .section01 .title {
    font-size: 24px;
    padding-left: 0;
    line-height: 35px;
  }

  .section01 .btn_perv,
  .section01 .btn_next {
    display: none;
  }

  .section01 .active .txt {
    padding-left: 0 !important;
  }

  .section01 .swiper-pagination {
    top: auto;
    bottom: 0;
  }

  .section01 .swiper-pagination span {
    border-radius: 0;
    background-color: #bebebe;
    opacity: 1;
  }

  .section01 .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #0069ff;
  }

  .section02 {
    margin-bottom: 120px;
  }

  .section02 .inner {
    height: auto;
    overflow: hidden;
    max-width: none;
  }

  .section02 .inner h2 {
    position: relative;
    left: 0;
    top: 0;
    font-size: 40px;
    line-height: 58px;
    text-align: center;
    z-index: 3;
  }

  .section02:after {
    display: none;
  }

  .section02 .inner:after {
    top: 89px;
    width: 100%;
    height: 580px;
    z-index: 1;
  }

  .section02 .inner p {
    position: relative;
    left: 0;
    top: 0;
    z-index: 3;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    width: auto;
    margin-top: 20px;
  }

  .section02 .counsel {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    z-index: 2;
    margin: 40px 0 0;
    padding-top: 0;
    height: 380px;
  }

  .section02 .counsel .btn01 {
    height: 100%;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_cs_01.png")
      center center / auto 480px no-repeat;
  }

  .section02 .counsel .btn01:hover {
    z-index: 13;
    left: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_cs_01_on.png")
      center center / auto 480px no-repeat;
  }

  .section02 .counsel .btn02 {
    margin-left: 50%;
    height: 100%;
    z-index: 10;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_bpo_01.png")
      center center / auto 480px no-repeat;
  }

  .section02 .counsel .btn02:hover {
    z-index: 13;
    left: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_bpo_01_on.png")
      center center / auto 480px no-repeat;
  }

  .section02 .counsel .btn01 strong {
    top: 50px !important;
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .section02 .counsel .btn01 span {
    display: block !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #ffffff !important;
    position: absolute !important;
    left: 0 !important;
    text-align: center !important;
    width: 100% !important;
    top: 168px !important;
  }

  .section02 .counsel .btn01 span:after {
    display: block !important;
    margin-left: -14px !important;
    top: -19px !important;
    width: 28px !important;
    position: absolute !important;
    left: 50% !important;
    border-top: 2px solid #fff !important;
    content: "";
  }

  .section02 .counsel .btn01:after {
    top: 290px !important;
  }

  .section02 .counsel .btn02 strong {
    top: 70px !important;
  }

  .section02 .counsel .btn02 span {
    display: block !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: #ffffff !important;
    position: absolute !important;
    left: 0 !important;
    text-align: center !important;
    width: 100% !important;
    top: 168px !important;
  }

  .section02 .counsel .btn02 span:after {
    position: absolute !important;
    left: 50% !important;
    margin-left: -14px !important;
    top: -19px !important;
    border-top: 2px solid #fff !important;
    width: 28px !important;
    content: "";
  }

  .section02 .counsel .btn02:after {
    top: 290px !important;
  }

  .section03 {
    margin-bottom: 120px;
    max-width: none;
  }

  .section03 h2 {
    padding-top: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
  }

  .section03 p {
    font-size: 40px;
    line-height: 58px;
    text-align: center;
  }

  .section03 p:after {
    content: "";
    position: relative;
    display: block;
    right: 0;
    top: 0;
    width: 522px;
    height: 210px;
    margin: 40px auto 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_section_0301.png")
      0 0 / 100% 100% no-repeat;
  }

  .section03 .tab {
    margin: 52px auto 49px;
  }

  .section03 .scroll-wrapper > .scroll-content {
    text-align: center;
  }

  .section03 .slider {
    max-width: none;
  }

  .section04 .inner {
    max-width: none;
    height: auto;
    margin-bottom: 120px;
  }

  .section04 h2 {
    position: relative;
    left: 0;
    text-align: center;
    top: 0;
    margin-bottom: 40px;
  }

  .section04 .slider {
    max-width: none;
    position: relative;
  }

  .section04 .thumb_list {
    position: relative;
    width: auto;
    margin: 0 30px;
    height: auto;
    z-index: 11;
  }

  .section04 .thumb_list .swiper-slide {
    width: 100%;
  }

  .section04 .thumb_list .swiper-slide img {
    width: 100%;
    height: auto;
  }

  .section04 .inner .swiper-pagination span {
    background-color: #bebebe;
  }

  .section04 .btn_perv,
  .section04 .btn_next {
    left: -999px;
    right: auto;
  }

  .section04:after {
    top: 388px;
    width: 100%;
    z-index: 2;
    height: 50%;
  }

  .section04 .inner:after {
    display: none;
  }

  .section04 ul {
    padding-left: 0;
    margin: 0 30px;
  }

  .section04 ul li a > span {
    padding-top: 40px;
    font-size: 20px;
    line-height: 29px;
  }

  .section04 ul li a > strong {
    font-size: 24px;
    line-height: 35px;
    padding-top: 10px;
  }

  .section04 ul li a > p {
    padding-top: 10px;
    font-size: 20px;
    line-height: 29px;
    height: auto;
    margin-bottom: 30px;
  }

  .section04 ul li a > p br {
    display: none;
  }

  .section04 .btn_more {
    max-width: 543px;
    position: static;
  }

  .section04 .btn_more a {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #0069ff;
    padding-right: 30px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
      right 8px / 18px 15px no-repeat;
  }

  .section04 .detail {
    background-color: #f5f5f5;
    padding-bottom: 120px;
  }

  .section04 .inner .swiper-pagination {
    right: auto;
    left: 0;
    width: 100%;
    bottom: 50px;
    top: auto;
  }

  .section05 {
    height: auto;
    margin-bottom: 120px;
  }

  .section05 h2 {
    text-align: center;
  }

  .section05 h2 br {
    display: none;
  }

  .section05 h2 span {
    display: block;
  }

  .section05 .txt01 {
    text-align: center;
    margin-bottom: 10px;
  }

  .section05 .txt02 {
    text-align: center;
    margin-bottom: 40px;
  }

  .section05:after {
    position: static;
    display: block;
    margin: 0 auto;
    width: 290px;
    height: 174px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_isoiec27001.png")
      0 0 / 290px 174px no-repeat;
  }

  .section07 {
    margin: 0 30px;
  }
}

@media screen and (max-width: 768px) {
  body .m {
    display: block;
  }

  .bg_white header,
  header.contentInner {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.03);
  }

  .main_visual .inner {
    background: #0163f1
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_mainVisual_01.png")
      center 0 / auto 480px no-repeat;
    max-width: 100%;
    min-width: 100%;
    height: 480px;
  }

  .main_visual .inner p:first-child {
    top: 81px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 29px;
  }

  .main_visual .inner p {
    left: 0;
    top: 139px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 43px;
  }

  .main_visual .inner a {
    left: 50%;
    top: 197px;
    margin-left: -82px;
    width: 165px;
    height: 59px;
    line-height: 59px;
    padding: 0;
    background: #ffffff
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bul_arrow_02.png")
      119px center / 18px 15px no-repeat;
    font-size: 20px;
    text-indent: 30px;
  }

  header h1 a {
    left: 15px;
    top: 15px;
    width: 125px;
    height: 20px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_cgBI_01.svg")
      0 0 no-repeat;
  }

  header .ham {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 19px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/ico_ham_02.svg")
      0 0 no-repeat;
  }

  .bg_white header .ham,
  header.contentInner .ham {
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/ico_ham_01.svg")
      0 0 no-repeat;
  }

  .bg_white header,
  header.contentInner {
    height: 49px;
  }

  .bg_white header h1 a,
  header.contentInner h1 a {
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_cgBI_02.svg")
      0 0 no-repeat;
  }

  header .btn_close {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: transparent
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/btn_close_01.png")
      0 0 / 40px 40px no-repeat;
  }

  header nav ul {
    width: 100%;
  }

  header nav > ul > li {
    padding: 25px 0 0 40px !important;
  }

  header nav > ul > li:nth-child(1) {
    padding-top: 35px !important;
  }

  header nav > ul > li > a {
    font-size: 16px;
    line-height: 23px;
  }

  header nav > ul > li:nth-child(4) ul li,
  header nav ul li ul li {
    padding: 16px 0 0 0;
    font-size: 14px;
    line-height: 20px;
  }

  header nav > ul > li:nth-child(4) ul li a,
  header nav ul li ul li a {
    font-size: 14px;
    line-height: 20px;
  }

  footer .link {
    display: flex;
    justify-content: space-around;
    text-align: center;
  }

  footer .link li {
    line-height: 70px;
    padding-right: 0;
  }

  footer .sns {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    width: 100%;
    border-bottom: 1px solid #676767;
  }

  footer .sns ul {
    display: flex;
    height: 90px;
    justify-content: space-around;
    align-items: center;
  }

  footer .sns ul li {
    float: none;
  }

  footer .link a {
    font-size: 14px;
  }

  footer .inner {
    padding-top: 90px;
    margin: 0 10px;
  }

  footer .btm address > div span {
    font-size: 14px;
    line-height: 20px;
    margin-right: 0;
    display: block !important;
  }

  footer .btm {
    padding: 0 10px 190px;
  }

  footer .btm address {
    text-align: center;
    padding-bottom: 55px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cgBI_03.svg")
      center bottom no-repeat;
  }

  footer .btm p {
    left: 0;
    top: auto;
    text-align: center;
    bottom: 42px;
  }

  footer .btm p img {
    width: 108px;
    height: 118px;
  }

  .section02 .inner {
    height: auto;
  }

  .section02 .inner h2 {
    font-size: 20px;
    line-height: 29px;
  }

  .section02 .inner h2 br {
    display: none;
  }

  .section02 .inner h2 .m {
    display: block;
  }

  .section02 .inner p {
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
  }

  .section02 .inner:after {
    display: none;
  }

  .section02 .counsel {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    margin: 40px 0 0;
    padding-top: 0;
    font-size: 0;
    line-height: 0;
    background-color: #000;
  }

  .section02 .counsel .btn01 {
    position: relative;
    width: 100%;
    display: block;
    height: 0;
    padding-top: 108.75%;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_cs_01.png")
      center center / auto 100% no-repeat;
  }

  .section02 .counsel .btn01:hover {
    z-index: 13;
    left: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_cs_01_on.png")
      center center / auto 100% no-repeat;
  }

  .section02 .counsel .btn02 {
    position: relative;
    width: 100%;
    display: block;
    height: 0;
    margin: 0 !important;
    padding-top: 108.75%;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_bpo_01.png")
      center center / auto 100% no-repeat;
  }

  .section02 .counsel .btn02:hover {
    z-index: 13;
    left: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_bpo_01_on.png")
      center center / auto 100% no-repeat;
  }

  .section02 .counsel .btn01 strong {
    top: 13.4375vw !important;
    font-size: 7.5vw !important;
    line-height: 10.9375vw !important;
  }

  .section02 .counsel .btn01 span {
    display: block !important;
    font-weight: 700 !important;
    font-size: 5vw !important;
    line-height: 7.187vw !important;
    color: #ffffff !important;
    position: absolute !important;
    left: 0 !important;
    text-align: center !important;
    width: 100% !important;
    top: 47.8125vw !important;
  }

  .section02 .counsel .btn01 span:after {
    display: block !important;
    margin-left: -4.375vw !important;
    top: -6.25vw !important;
    width: 8.75vw !important;
    position: absolute !important;
    left: 50% !important;
    border-top: 0.625vw solid #fff !important;
    content: "";
  }

  .section02 .counsel .btn01:after {
    top: 82.8125vw !important;
  }

  .section02 .counsel .btn02 strong {
    top: 21.5625vw !important;
  }

  .section02 .counsel .btn02 span {
    display: block !important;
    font-weight: 700 !important;
    font-size: 5vw !important;
    line-height: 7.187vw !important;
    color: #ffffff !important;
    position: absolute !important;
    left: 0 !important;
    text-align: center !important;
    width: 100% !important;
    top: 46.5625vw !important;
  }

  .section02 .counsel .btn02 span:after {
    position: absolute !important;
    left: 50% !important;
    margin-left: -4.375vw !important;
    top: -6.25vw !important;
    width: 8.75vw !important;
    position: absolute !important;
    left: 50% !important;
    border-top: 0.625vw solid #fff !important;
    content: "";
  }

  .section02 .counsel .btn02:after {
    top: 82.8125vw !important;
  }

  .section01 .inner {
    padding: 70px 0 40px;
    height: auto;
    margin-bottom: 70px;
  }

  .section01 h2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
  }

  .section01 h2 span {
    display: block;
  }

  .section01 .thumb_list {
    position: relative;
    margin: 30px auto;
    width: 58.4375%;
    height: auto;
    max-width: 100%;
    left: 0;
    top: 0;
  }

  .section01 .txt {
    display: block;
    padding: 0 30px;
    font-size: 16px;
    line-height: 23px;
  }

  .section01 .title {
    padding-left: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .section01 .active .txt {
    padding: 0 30px !important;
    font-size: 16px;
    line-height: 23px;
  }

  .section01 .item01 {
    max-width: 768px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_mainThumb_0101.png")
      0 0 / 100% auto no-repeat;
    padding-top: 100%;
  }

  .section01 .item02 {
    max-width: 768px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_mainThumb_0102.png")
      0 0 / 100% auto no-repeat;
    padding-top: 100%;
  }

  .section01 .item03 {
    max-width: 768px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_mainThumb_0103.png")
      0 0 / 100% auto no-repeat;
    padding-top: 100%;
  }

  .section01 .item04 {
    max-width: 768px;
    height: 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_mainThumb_0104.png")
      0 0 / 100% auto no-repeat;
    padding-top: 100%;
  }

  .section01 li .txt span {
    display: inline;
  }

  .section01 li .txt {
    min-height: 70px;
  }

  .section04 .inner {
    margin-bottom: 70px;
    z-index: 3;
  }

  .section04:after {
    display: none;
  }

  .section05 {
    height: auto;
    margin-bottom: 70px;
  }

  .section05 h2 {
    text-align: center;
    font-size: 20px;
    line-height: 29px;
  }

  .section05 br {
    display: none;
  }

  .section05 br.m {
    display: block;
  }

  .section05 h2 span {
    display: block;
  }

  .section05 .txt01 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
  }

  .section05 .txt01 strong {
    display: block;
    font-weight: 700;
  }

  .section05 .txt02 {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
  }

  .section05:after {
    position: static;
    display: block;
    margin: 0 auto;
    width: 176px;
    height: 106px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_isoiec27001.png")
      0 0 / 176px 106px no-repeat;
  }

  .section03,
  .section02 {
    margin-bottom: 70px;
  }

  .section03 .tab li a {
    font-size: 16px;
    height: 43px;
    line-height: 43px;
  }

  .section03 h2 {
    font-size: 16px;
    line-height: 23px;
  }

  .section03 p {
    font-size: 20px;
    line-height: 29px;
  }

  .section03 p:after {
    content: "";
    position: relative;
    display: block;
    right: 0;
    top: 0;
    width: auto;
    height: 0;
    padding-top: 37.8125%;
    margin: 40px 10px 0;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/img_section_0301.png")
      0 0 / 100% 100% no-repeat;
  }

  .section04 h2 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 29px;
  }

  .section04 .detail {
    background-color: #f5f5f5;
    padding: 0 20px 70px;
  }

  .section04 .btn_more,
  .section04 ul {
    margin: 0;
  }

  .section04 ul li a > span {
    padding-top: 30px;
    font-size: 16px;
    line-height: 23px;
  }

  .section04 ul li a > strong {
    font-size: 18px;
    line-height: 26px;
    padding-top: 10px;
  }

  .section04 ul li a > p {
    padding-top: 10px;
    font-size: 16px;
    line-height: 23px;
    height: auto;
    margin-bottom: 20px;
  }

  .section04 ul li a > p br {
    display: none;
  }

  .section04 .thumb_list {
    margin: 0;
  }

  .section04 .btn_more a {
    font-size: 16px;
    line-height: 23px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
      right 4px / 18px 15px no-repeat;
  }

  .section04 .inner .swiper-pagination {
    bottom: 30px;
  }

  .section03 .slider img {
    width: auto;
    height: auto;
    max-height: 25px;
  }

  .section04 .btn_perv,
  .section04 .btn_next {
    left: -999px;
  }

  .section06 {
    height: 340px;
    background: #3184fc
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_counsel_01.png")
      center 0 / 100% 100% no-repeat;
  }

  .section06 .inner {
    height: 340px;
    background: #3184fc
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_counsel_01.png")
      center 0 / 100% 100% no-repeat;
  }

  .section06 p {
    padding-top: 106px;
    font-size: 16px;
    line-height: 23px;
  }

  .section06 a {
    width: 169px;
    height: 53px;
    line-height: 50px;
    font-size: 16px;
    padding-left: 39px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_04.png")
      113px center no-repeat;
  }

  .section07 {
    margin: 0 18px;
    padding: 70px 0;
  }

  .section07 > ul {
    display: block;
  }

  .section07 > ul > li {
    padding-top: 35px;
    line-height: 26px;
  }

  .section07 > ul > li:first-child {
    padding-top: 0;
  }

  .section07 > ul > li > a {
    font-size: 18px;
    line-height: 26px;
    color: #373737;
  }

  .section07 > ul ul {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .section07 > ul ul li {
    width: 33.33%;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #373737;
    padding-top: 15px;
  }
}

/* form */
.subTitle.normal {
  font-weight: normal !important;
}

.contact01 {
  background-color: #fcfcfc;
  min-height: 100%;
  box-sizing: border-box;
  margin: 0 0 0;
  position: relative;
  display: flex;
  align-items: center;
}

.contact01 .inner {
  width: 1300px;
  margin: 0 auto;
  position: relative;
  padding: 150px 0 0;
  box-sizing: border-box;
  display: flex;
  align-content: space-around;
  justify-content: space-around;
}

.contact01 .txt01 {
  font-weight: 700;
  font-size: 40px;
  line-height: 58px;
  color: #0069ff;
}

.contact01 .txt02 {
  padding-top: 25px;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: #373737;
}

.contact01 .txt02 strong {
  color: #0069ff;
}

.form_wrap01 .form-field {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
  padding-bottom: 20px;
}

.form_wrap01 .form-field .field-label {
  font-weight: 700;
  padding: 0;
  float: none;
  width: 80px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 26px;
  text-align: right;
  color: #373737;
  display: inline-block;
  margin-right: 30px;
}

.form_wrap01 form.form p.required label,
.form_wrap01 form.form span.required label {
  background: none;
}

.form_wrap01 .form-field.required .field-label:after {
  content: "*";
  color: red;
  margin-left: 5px;
}

.form_wrap01 .form-field input[type="text"] {
  width: 394px;
  height: 48px;
  color: #373737;
  box-sizing: border-box;
  padding-left: 15px;
  line-height: 48px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
}

.form_wrap01 .form-field select {
  width: 394px;
  height: 48px;
  color: #373737;
  box-sizing: border-box;
  padding-left: 15px;
  line-height: 48px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
}

.form_wrap01 form.form p.submit {
  padding: 20px 0 0 110px;
  margin: 0;
}

.form_wrap01 p.submit input[type="submit"] {
  width: 394px;
  height: 66px;
  line-height: 66px;
  background: #0069ff;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.form_wrap01 form.form textarea.standard {
  width: 394px;
  height: 150px;
  padding: 15px;
  margin: 0;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}

@media screen and (max-width: 1300px) {
  .contact01 {
    padding-top: 110px;
    margin-bottom: 0;
    padding-bottom: 120px;
  }

  .contact01 .txt01 {
    font-size: 40px;
    line-height: 58px;
    text-align: center;
  }

  .contact01 .txt02 {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
  }

  .contact01 .inner {
    display: block;
    padding-top: 120px;
    padding-bottom: 12px;
  }

  .form_wrap01 {
    width: 700px;
    margin: 50px auto 0;
  }

  .form_wrap01 .form-field {
    width: 485px;
    margin: 0 auto;
  }

  .form_wrap01 .form-field .field-label {
    margin-right: 10px;
  }

  .form_wrap01 .form-field select,
  .form_wrap01 .form-field input[type="text"] {
    width: 390px;
  }

  .form_wrap01 form.form p.submit {
    text-align: center;
    padding-left: 0;
  }

  .form_wrap01 p.submit input[type="submit"] {
    width: 480px;
  }

  .form_wrap01 form.form textarea.standard {
    width: 390px;
  }
}

@media screen and (max-width: 768px) {
  .contact01 .inner {
    padding-top: 50px;
    padding-bottom: 700px;
  }

  .contact01 {
    padding-top: 50px;
    margin-bottom: -671px;
  }

  .contact01 .txt01 {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
  }

  .contact01 .txt02 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  .form_wrap01 {
    width: auto;
    padding: 0 10px;
    margin: 20px auto 0;
  }

  .form_wrap01 .form-field {
    width: auto;
    display: block;
  }

  .form_wrap01 .form-field .field-label {
    width: auto;
    text-align: left;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 23px;
  }

  .form_wrap01 form.form p.submit {
    padding: 0;
    margin: 0;
  }

  .form_wrap01 .form-field select,
  .form_wrap01 .form-field input[type="text"] {
    width: 100%;
  }

  .form_wrap01 p.submit input[type="submit"] {
    width: 100%;
  }

  .form_wrap01 form.form textarea.standard {
    width: 100%;
  }
}

/* 서비스 소개 */
.serviceInfo_wrap {
  position: relative;
}

.serviceInfo_wrap .hd {
  background: #010205
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_header_01.png")
    center 0 no-repeat;
  margin-bottom: 150px;
}

.serviceInfo_wrap .hd h3 u {
  text-decoration: none;
  display: inline-block;
  border-bottom: 3px solid #fff;
  padding-bottom: 2px;
}

.serviceInfo_wrap .hd p {
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  color: #ffffff;
  margin-top: 20px;
}

.serviceInfo_wrap .hd .inner {
  width: 960px;
  margin: 0 auto;
  position: relative;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_header_01.png")
    center 0 no-repeat;
  height: 370px;
  padding-top: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.serviceInfo_wrap .hd.main {
  background: #070707
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_01.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.main .inner {
  background: #070707
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_01.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub01 {
  background: #070707
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0101.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub01 .inner {
  background: #070707
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0101.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub02 {
  background: #090909
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0102.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub02 .inner {
  background: #090909
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0102.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub03 {
  background: #060606
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0103.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub03 .inner {
  background: #060606
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0103.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub04 {
  background: #0a0a0a
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0104.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub04 .inner {
  background: #0a0a0a
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0104.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub05 {
  background: #666666
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0105.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd.sub05 .inner {
  background: #666666
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0105.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .hd h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 41px;
  color: #ffffff;
}

.serviceInfo_wrap .hd .btn {
  width: 238px;
  height: 63px;
  border: 2px solid #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 63px;
  color: #ffffff;
  text-align: center;
}

.serviceInfo_wrap .hd .btn:hover {
  background-color: #0069ff;
  border: 2px solid #0069ff;
}

.serviceInfo_wrap .hd .btn span {
  display: inline-block;
  padding-right: 45px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_06.png")
    right center / 30px auto no-repeat;
}

.serviceInfo_wrap .hd.sub05 .btn {
  width: 259px;
}

.serviceInfo_wrap .main .section {
  width: 960px;
  margin: 0 auto 120px;
  position: relative;
  padding-right: 560px;
  box-sizing: border-box;
}

.serviceInfo_wrap .main .section.rtl {
  padding-left: 560px;
  padding-right: 0;
}

.serviceInfo_wrap .main .section h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #0069ff;
}

.serviceInfo_wrap .main .section p:nth-of-type(1) {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
  margin-top: 10px;
}

.serviceInfo_wrap .main .section p:nth-of-type(2) {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
  margin-top: 10px;
}

.serviceInfo_wrap .main .section ul {
  padding-top: 18px;
}

.serviceInfo_wrap .main .section li {
  position: relative;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
  padding: 12px 0 0 14px;
}

.serviceInfo_wrap .main .section li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 6px;
  height: 6px;
  font-size: 0;
  line-height: 0;
  background-color: #0069ff;
}

.serviceInfo_wrap .main .section a {
  margin-top: 30px;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #0069ff;
  padding-right: 26px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
    right center / 16px auto no-repeat;
}

.serviceInfo_wrap .main .function01 ul::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 522px;
  height: 380px;
  background: url("/pics/K888VIP-1208.png")
    0 0 / 100% auto no-repeat;
}

.serviceInfo_wrap .main .function02 ul::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 493px;
  height: 356px;
  background: url("/pics/xrX5zXvP.jpg")
    0 0 / 100% auto no-repeat;
}

.serviceInfo_wrap .main .function03 ul::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 530px;
  height: 375px;
  background: url("/pics/xn7Z7tNH.jpg")
    0 0 / 100% auto no-repeat;
}

.serviceInfo_wrap .main .function04 ul::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 530px;
  height: 378px;
  background: url("/pics/xl7Fbvvf.jpg")
    0 0 / 100% auto no-repeat;
}

.serviceInfo_wrap .main .function05 ul::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 563px;
  height: 344px;
  background: url("/pics/xn31JDrR.jpg")
    0 0 / 100% auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .serviceInfo_wrap {
    padding-top: 0;
  }

  .serviceInfo_wrap .hd {
    margin-bottom: 120px;
    background: #010205
      url("/pics/xn3ZhV9H.jpg")
      center 0 / 100% auto no-repeat;
  }

  .serviceInfo_wrap .hd .inner {
    background: #010205
      url("/pics/xn71p9H1.jpg")
      center 0 / 100% auto no-repeat;
    width: auto;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    height: 570px;
  }

  .serviceInfo_wrap .hd.main {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_01.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.main .inner {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_01.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub01 {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0101.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub01 .inner {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0101.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub02 {
    background: #090909
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0102.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub02 .inner {
    background: #090909
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0102.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub03 {
    background: #060606
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0103.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub03 .inner {
    background: #060606
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0103.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub04 {
    background: #0a0a0a
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0104.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub04 .inner {
    background: #0a0a0a
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0104.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub05 {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0105.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub05 .inner {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0105.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd .inner > div {
    width: 100%;
  }

  .serviceInfo_wrap .hd p {
    margin-top: 25px;
  }

  .serviceInfo_wrap .hd .inner .btn {
    display: inline-block;
    margin-top: 40px;
  }

  .serviceInfo_wrap .main .section {
    width: auto;
    margin: 0 15.625% 120px;
    padding-right: 0;
    text-align: center;
  }

  .serviceInfo_wrap .main .section.rtl {
    padding-left: 0;
  }

  .serviceInfo_wrap .main .section ul::before {
    position: static;
    display: block;
    text-align: left;
    height: 0;
  }

  .serviceInfo_wrap .main .function01 ul::before {
    padding-top: 73.31%;
    width: auto;
  }

  .serviceInfo_wrap .main .function02 ul::before {
    padding-top: 72.253%;
    width: auto;
  }

  .serviceInfo_wrap .main .function03 ul::before {
    padding-top: 70.642%;
    width: auto;
  }

  .serviceInfo_wrap .main .function04 ul::before {
    padding-top: 71.571%;
    width: auto;
  }

  .serviceInfo_wrap .main .function05 ul::before {
    padding-top: 57.142%;
    width: auto;
  }

  .serviceInfo_wrap .main .section h4 {
    text-align: center;
  }

  .serviceInfo_wrap .main .section p:nth-of-type(1) {
    text-align: center;
  }

  .serviceInfo_wrap .main .section p:nth-of-type(2) {
    text-align: center;
  }

  .serviceInfo_wrap .main .section ul li {
    margin-left: 20%;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .serviceInfo_wrap .hd {
    background: #010205
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_subVisual_0101.png")
      center 0 / 100% auto no-repeat;
    margin-bottom: 40px;
  }

  .serviceInfo_wrap .hd .inner {
    background: #010205
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/img_subVisual_0101.png")
      center 0 / 100% auto no-repeat;
    width: auto;
    display: flex;
    text-align: center;
    height: 480px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
  }

  .serviceInfo_wrap .hd.main {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_01.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.main .inner {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_01.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub01 {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0101.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub01 .inner {
    background: #070707
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0101.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub02 {
    background: #090909
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0102.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub02 .inner {
    background: #090909
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0102.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub03 {
    background: #060606
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0103.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub03 .inner {
    background: #060606
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0103.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub04 {
    background: #0a0a0a
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0104.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub04 .inner {
    background: #0a0a0a
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0104.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub05 {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0105.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd.sub05 .inner {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0105.png")
      center 0 no-repeat;
  }

  .serviceInfo_wrap .hd h3 {
    font-size: 20px;
    line-height: 29px;
    width: 100%;
  }

  .serviceInfo_wrap .hd h3 u {
    border-bottom: 2px solid #fff;
  }

  .serviceInfo_wrap .hd p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-top: 20px;
  }

  .serviceInfo_wrap .hd .inner .btn {
    display: inline-block;
    font-size: 16px;
    line-height: 55px;
    width: 216px;
    height: 55px;
    margin-top: 30px;
  }

  .serviceInfo_wrap .main .section {
    width: auto;
    margin: 0 30px 70px;
    padding-right: 0;
    text-align: center;
  }

  .serviceInfo_wrap .main .section h4 {
    font-size: 16px;
    line-height: 23px;
  }

  .serviceInfo_wrap .main .section p:nth-of-type(1) {
    font-size: 20px;
    line-height: 29px;
    margin-top: 10px;
  }

  .serviceInfo_wrap .main .section p:nth-of-type(2) {
    font-size: 16px;
    line-height: 23px;
    margin-top: 5px;
  }

  .serviceInfo_wrap .main .section ul {
    padding-top: 20px;
  }

  .serviceInfo_wrap .main .section ul li {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 0 17px;
    margin-left: 0;
  }

  .serviceInfo_wrap .main .section li::before {
    top: 17px;
  }

  .serviceInfo_wrap .main .section a {
    font-size: 16px;
    line-height: 23px;
  }
}

.useCase_wrap {
  width: 960px;
  margin: 0 auto 120px;
}

.useCase_wrap .useCase {
  display: flex;
}

.useCase_wrap .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
}

.useCase_wrap .thumb img {
  width: 200px;
  height: auto;
}

.useCase_wrap .detail {
  width: 660px;
  height: 200px;
  box-sizing: border-box;
  padding: 0 0 0 50px;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  position: relative;
}

.useCase_wrap .detail p:nth-child(1) {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
  width: 100%;
}

.useCase_wrap .detail p:nth-child(2) {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  margin-top: 15px;
  color: #919191;
}

.useCase_wrap .detail a {
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #0069ff;
  padding-right: 24px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
    right 6px / 14px auto no-repeat;
}

.section + .useCase_wrap {
  margin-bottom: 70px;
}

.useCaseList_wrap {
  border-top: 1px solid #dcdcdc;
  padding-top: 70px;
  width: 960px;
  margin: 0 auto 120px;
  position: relative;
}

.useCaseList_wrap > p {
  margin-bottom: 20px;
}
.useCaseList_wrap h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 20px;
}

.useCaseList_wrap ul {
  overflow: hidden;
}

.useCaseList_wrap ul li {
  width: 300px;
  margin-left: 30px;
  float: left;
}

.useCaseList_wrap ul li:first-child {
  margin-left: 0;
}

.useCaseList_wrap ul li a {
  display: block;
  width: 300px;
  height: 220px;
  padding: 24px 30px;
  box-sizing: border-box;
  color: #373737;
  background: #fafafa
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_on.png")
    right 20px bottom 20px / 30px 30px no-repeat;
}

.useCaseList_wrap ul li a:hover {
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_off.png")
    right 20px bottom 20px / 30px 30px no-repeat;
}

.useCaseList_wrap ul li strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
}

.useCaseList_wrap ul li span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0069ff;
  display: block;
  margin-top: 10px;
}

.useCaseList_wrap ul li a:hover strong {
  color: #fff;
}

.useCaseList_wrap ul li a:hover span {
  color: #fff;
}

.useCaseList_wrap .btn_more span {
  position: absolute;
  right: 30px;
  top: 70px;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #0069ff;
  padding-right: 30px;
  background: url(https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png)
    right 8px / 18px 15px no-repeat;
}

.service01 .customer_case_01 {
  width: 100%;
}

.service01 .customer_case_01 > div {
  padding-top: 150px;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
}

.service01 .customer_case_01 > div .wecook_img {
  background-color: #25303b;
  width: 420px;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service01 .customer_case_01 > div .wecook_txt {
  width: 880px;
  background-color: #fafafa;
  padding-top: 78px;
  padding-left: 90px;
  position: relative;
  font-weight: 700;
}

.service01 .customer_case_01 > div .wecook_txt p {
  font-size: 24px;
  line-height: 34px;
  color: #373737;
  margin-bottom: 15px;
}

.service01 .customer_case_01 > div .wecook_txt span {
  font-size: 20px;
  line-height: 28px;
  color: #919191;
}

.service01 .customer_case_01 > div .wecook_txt a {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  color: #0069ff;
  position: absolute;
  left: 750px;
  top: 211px;
}

.service01 .customer_case_01 > div .wecook_txt a:after {
  position: absolute;
  width: 16px;
  height: 14px;
  margin-left: 10px;
  margin-top: 9px;
  background-image: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bul_arrow_02.png");
  background-size: 16px 14px;
  content: "";
}

.service01 .customer_case_01 {
  width: 100%;
  color: #373737;
}

.service01 .channel_info section {
  padding-bottom: 150px;
  max-width: 960px;
  margin: 0 auto;
}

.service01 .channel_info section > div {
  width: 100%;
}

.service01 .channel_info section > div h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
}

.service01 .channel_info section > div p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  padding-top: 10px;
}

.service01 .channel_info section > div p br:first-child {
  display: none;
}

.service01 .channel_info section ul {
  width: 100%;
  display: flex;
  padding-top: 49px;
}

.service01 .channel_info section ul li {
  width: 300px;
  padding-right: 30px;
  text-align: center;
}

.service01 .channel_info section ul li:last-child {
  padding-right: 0;
}

.service01 .channel_info section ul li strong {
  width: 100%;
  height: 34px;
  padding-top: 108%;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.service01 .channel_info section ul li p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  padding-top: 5px;
}

.service01 .channel_info section ul .item_0101 strong {
  background: url("/pics/yecmQUS4.jpg")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0102 strong {
  background: url("/pics/yc0C6kuu.jpg")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0103 strong {
  background: url("/pics/yen-banknote_1f4b4.png")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0201 strong {
  background: url("/pics/ygsCoQ0w.jpg")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0202 strong {
  background: url("/pics/yiU0k2Gq.jpg")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0203 strong {
  background: url("/pics/yin-yang_262f-fe0f.png")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0301 strong {
  background: url("/pics/yo-yo_1fa80.png")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0302 strong {
  background: url("/pics/y4W848s0.jpg")
    0 0 / 100% auto no-repeat;
}

.service01 .channel_info section ul .item_0303 strong {
  background: url("/pics/yweq2CoG.jpg")
    0 0 / 100% auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .serviceInfo_wrap .hd .inner {
    width: 100%;
  }

  .serviceInfo_wrap .hd h3 {
    width: 100%;
  }

  .service01 .channel_info section {
    width: auto;
    margin: 0 30px;
  }

  .service01 .channel_info section > div {
    display: block;
    text-align: center;
  }

  .service01 .channel_info section > div h5 {
    width: auto;
    margin-bottom: 20px;
  }

  .service01 .channel_info section > div h5 br {
    display: none;
  }

  .service01 .channel_info section > div p br:first-child {
    display: block;
  }

  .service01 .channel_info section > div p br:last-child {
    display: none;
  }

  .service01 .channel_info section ul {
    display: block;
    padding-top: 0;
  }

  .service01 .channel_info section ul li {
    width: 460px;
    margin: 0 auto;
    padding-top: 70px;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .service01 .channel_info section {
    width: auto;
    margin: 0 10px;
  }

  .service01 .channel_info section > div h5 {
    font-size: 24px;
    line-height: 34px;
  }

  .service01 .channel_info section > div h5 br {
    display: block;
  }

  .service01 .channel_info section > div p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
  }

  .service01 .channel_info section > div p br {
    display: none !important;
  }

  .service01 .channel_info section ul li {
    width: 100%;
    padding-top: 50px;
  }

  .service01 .channel_info section ul li:first-child {
    padding-top: 30px;
  }

  .service01 .channel_info section ul li strong {
    font-size: 18px;
    line-height: 26px;
  }

  .service01 .channel_info section ul li p {
    font-size: 16px;
    line-height: 23px;
    padding-top: 10px;
  }

  .useCaseList_wrap .btn_more {
    text-align: center;
    display: block;
    margin-top: 15px;
  }

  .useCaseList_wrap .btn_more span {
    position: static;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #0069ff;
    padding-right: 30px;
    background: url(https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png)
      right 8px / 18px 15px no-repeat;
  }
}

.service02 .section {
  position: relative;
  width: 960px;
  margin: 0 auto 120px;
}

.service02 .section h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.service02 .section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
}

.service02 .section ul {
  clear: both;
  padding-top: 30px;
  overflow: hidden;
}

.service02 .section ul li {
  float: left;
  margin-left: 30px;
  text-align: center;
  width: 300px;
}

.service02 .section ul li strong {
  padding-top: 109.523%;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.service02 .section ul li span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin-top: 5px;
  color: #373737;
}

.service02 .section ul li:first-child {
  margin-left: 0;
}

.service02 .section li.item_0101 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010101.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0102 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010102.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0103 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010103.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0201 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010201.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0202 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010202.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0203 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010203.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0301 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010301.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0302 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010302.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0303 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010303.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0401 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010401.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0402 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010402.png")
    0 0 / 100% auto no-repeat;
}

.service02 .section li.item_0403 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_010403.png")
    0 0 / 100% auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .useCase_wrap {
    width: auto;
    margin: 0 30px 120px;
  }

  .useCase_wrap .useCase {
    display: block;
  }

  .useCase_wrap .thumb {
    width: auto;
    height: 260px;
  }

  .useCase_wrap .detail {
    width: auto;
    height: auto;
    padding: 30px;
    display: block;
  }

  .useCaseList_wrap h4 {
    margin-bottom: 15px;
  }

  .useCase_wrap .detail p:nth-child(2) {
    margin: 10px 0 20px;
  }

  .useCase_wrap .detail a {
    position: static;
  }

  .service02 .section {
    width: auto;
    margin: 0 30px 120px;
  }

  .service02 .section h4 {
    float: none;
    text-align: center;
    width: auto;
  }

  .service02 .section h4 br {
    display: none;
  }

  .service02 .section p {
    display: block;
    height: auto;
    text-align: center;
    width: auto;
    float: none;
    margin-top: 20px;
  }

  .service02 .section ul {
    padding-top: 0;
  }

  .service02 .section ul li {
    display: block;
    float: none;
    width: 460px;
    padding-top: 70px;
    margin: 0 auto !important;
  }

  .service02 .section ul li strong {
    padding-top: 106.521%;
  }

  .useCaseList_wrap {
    width: auto;
    margin: 0 30px;
    padding: 50px 0 120px;
  }

  .useCaseList_wrap ul li {
    width: auto;
    float: none;
    margin: 0 !important;
    padding-top: 10px;
  }

  .useCaseList_wrap ul li a {
    width: auto;
    height: auto;
    padding: 30px;
    background: #fafafa
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_on.png")
      right 30px center / 40px 40px no-repeat;
  }

  .useCaseList_wrap ul li a:hover {
    background: #0069ff
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_off.png")
      right 30px center / 40px 40px no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .useCase_wrap {
    margin: 0 10px 70px;
  }

  .useCase_wrap .detail p:nth-child(1),
  .useCase_wrap .detail p:nth-child(2),
  .useCase_wrap .detail a {
    font-size: 16px;
    line-height: 23px;
  }

  .service02 .section h4 {
    font-size: 24px;
    line-height: 35px;
  }

  .service02 .section h4 br {
    display: block;
  }

  .service02 .section p {
    font-size: 16px;
    line-height: 23px;
  }

  .service02 .section p br {
    display: none;
  }

  .service02 .section {
    margin: 0 10px 70px;
  }

  .service02 .section ul li {
    width: auto;
    padding-top: 50px;
  }

  .service02 .section ul li strong {
    font-size: 18px;
    line-height: 26px;
  }

  .service02 .section ul li span {
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
  }

  .useCaseList_wrap {
    margin: 0 10px;
  }

  .section + .useCase_wrap {
    margin-bottom: 50px;
  }

  .useCaseList_wrap h4 {
    font-size: 20px;
    line-height: 29px;
    text-align: center;
  }

  .useCaseList_wrap ul li strong {
    font-size: 16px;
    line-height: 23px;
  }

  .useCaseList_wrap ul li span {
    font-size: 16px;
    line-height: 23px;
  }

  .useCaseList_wrap ul li a {
    width: auto;
    height: auto;
    padding: 15px 80px 40px 20px;
    background: #fafafa
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_on.png")
      right 20px bottom 20px / 40px 40px no-repeat;
  }

  .useCaseList_wrap ul li a:hover {
    background: #0069ff
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_01_off.png")
      right 20px bottom 20px / 40px 40px no-repeat;
  }
}

.service03 .section {
  position: relative;
  width: 960px;
  margin: 0 auto 120px;
}

.service03 .section h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.service03 .section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
}

.service03 .section ul {
  clear: both;
  padding-top: 30px;
  overflow: hidden;
}

.service03 .section ul li {
  float: left;
  margin-left: 30px;
  text-align: center;
  width: 300px;
}

.service03 .section ul li strong {
  padding-top: 109.523%;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.service03 .section ul li span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin-top: 5px;
  color: #373737;
}

.service03 .section ul li:first-child {
  margin-left: 0;
}

.service03 .section li.item_0101 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040101.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0102 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040102.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0103 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040103.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0201 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040201.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0202 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040202.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0203 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040203.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0301 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040301.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0302 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040302.png")
    0 0 / 100% auto no-repeat;
}

.service03 .section li.item_0303 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_040303.png")
    0 0 / 100% auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .service03 .section {
    width: auto;
    margin: 0 30px 120px;
  }

  .service03 .section h4 {
    float: none;
    text-align: center;
    width: auto;
  }

  .service03 .section h4 br {
    display: none;
  }

  .service03 .section p {
    display: block;
    height: auto;
    text-align: center;
    width: auto;
    float: none;
    margin-top: 20px;
  }

  .service03 .section ul {
    padding-top: 0;
  }

  .service03 .section ul li {
    display: block;
    float: none;
    width: 460px;
    padding-top: 70px;
    margin: 0 auto !important;
  }

  .service03 .section ul li strong {
    padding-top: 106.521%;
  }
}

@media screen and (max-width: 768px) {
  .service03 .section h4 {
    font-size: 24px;
    line-height: 35px;
  }

  .service03 .section h4 br {
    display: block;
  }

  .service03 .section p {
    font-size: 16px;
    line-height: 23px;
  }

  .service03 .section p br {
    display: none;
  }

  .service03 .section {
    margin: 0 10px 70px;
  }

  .service03 .section ul li {
    width: auto;
    padding-top: 50px;
  }

  .service03 .section ul li strong {
    font-size: 18px;
    line-height: 26px;
  }

  .service03 .section ul li span {
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
  }

  .useCase_wrap .detail p:nth-child(1) br {
    display: none;
  }
}

.service04 .section {
  position: relative;
  width: 500px;
  margin: 0 auto 120px;
  min-height: 320px;
  padding-right: 460px;
}

.service04 .section h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 30px;
}

.service04 .section p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}

.service04 .section.item01 p::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 460px;
  height: 100%;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_0501.png")
    right 0 / 460px auto no-repeat;
}

.service04 .section.item02 p::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 460px;
  height: 100%;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_0502.png")
    right 0 / 460px auto no-repeat;
}

.service04 .section.item03 p::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 460px;
  height: 100%;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_0503.png")
    right 0 / 460px auto no-repeat;
}

.service04 .section.item04 p::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 460px;
  height: 100%;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_0504.png")
    right 0 / 460px auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .service04 .section {
    width: auto;
    margin: 0 30px 120px;
    padding-right: 0;
  }

  .service04 .section h4 {
    text-align: center;
    margin-bottom: 70px;
  }

  .service04 .section p {
    text-align: center;
    padding-top: 76.666666666666667%;
    position: relative;
  }

  .service04 .section.item01 p::before {
    right: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 76.666666666666667%;
    background-size: contain;
  }

  .service04 .section.item02 p::before {
    right: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 76.666666666666667%;
    background-size: contain;
  }

  .service04 .section.item03 p::before {
    right: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 76.666666666666667%;
    background-size: contain;
  }

  .service04 .section.item04 p::before {
    right: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 76.666666666666667%;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .service04 .section {
    margin: 0 10px 70px;
  }

  .service04 .section h4 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 45px;
  }

  .service04 .section p {
    font-size: 16px;
    line-height: 23px;
  }

  .service04 .section p {
    padding-top: 68%;
  }

  .service04 .section p br {
    display: none;
  }

  .service04 .section.item01 p::before,
  .service04 .section.item02 p::before,
  .service04 .section.item03 p::before,
  .service04 .section.item04 p::before {
    padding-top: 68%;
  }
}

.service05 .section {
  position: relative;
  width: 960px;
  margin: 0 auto 120px;
}

.service05 .section h4 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 35px;
  color: #373737;
}

.service05 .section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
}

.service05 .section .item {
  clear: both;
  padding-top: 30px;
  overflow: hidden;
}

.service05 .section .item li {
  float: left;
  margin-left: 30px;
  text-align: center;
  width: 300px;
}

.service05 .section .item li strong {
  padding-top: 109.523%;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.service05 .section .item li span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin-top: 5px;
  color: #373737;
}

.service05 .section .item li:first-child {
  margin-left: 0;
}

.service05 .section li.item_0101 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060501_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0102 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060502_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0103 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060503_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0201 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060201.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0202 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060202.jpg")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0203 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060203.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0301 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060301.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0302 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060302.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0303 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060303.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0401 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060601_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0402 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060602_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .section li.item_0403 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060603_new.png")
    0 0 / 100% auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .service05 .section {
    width: auto;
    max-width: 700px;
    margin: 0 auto 120px;
  }

  .service05 .section h4 {
    float: none;
    text-align: center;
    width: auto;
  }

  .service05 .section h4 br {
    display: none;
  }

  .service05 .section p {
    display: block;
    height: auto;
    text-align: center;
    width: auto;
    float: none;
    margin-top: 20px;
  }

  .service05 .section .item {
    padding-top: 0;
  }

  .service05 .section .item li {
    display: block;
    float: none;
    width: 460px;
    padding-top: 70px;
    margin: 0 auto !important;
  }

  .service05 .section .item li strong {
    padding-top: 106.521%;
  }
}

@media screen and (max-width: 768px) {
  .service05 .section h4 {
    font-size: 24px;
    line-height: 35px;
  }

  .service05 .section h4 br {
    display: block;
  }

  .service05 .section p {
    font-size: 16px;
    line-height: 23px;
  }

  .service05 .section p br {
    display: none;
  }

  .service05 .section {
    margin: 0 10px 70px;
  }

  .service05 .section .item li {
    width: auto;
    padding-top: 50px;
  }

  .service05 .section .item li strong {
    font-size: 18px;
    line-height: 26px;
  }

  .service05 .section .item li span {
    font-size: 16px;
    line-height: 23px;
    margin-top: 10px;
  }

  .useCase_wrap .detail p:nth-child(1) br {
    display: none;
  }
}

.service05 .text_mainMent {
  padding: 0px 0 120px;
  text-align: center;
  margin-top: -30px;
}

.service05 .text_mainMent .txt01 {
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #0069ff;
  padding-bottom: 20px;
}

.service05 .text_mainMent .txt02 {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #373737;
}

.section.diagram {
  position: relative;
}

.section.diagram .inner p {
  position: absolute;
  left: 0;
  top: 230px;
  width: 240px;
  height: 240px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060401_new.png")
    0 0 / 240px 240px no-repeat;
}

.section.diagram h4 {
  float: none;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.section.diagram > p {
  margin-bottom: 30px;
}

.section.diagram dl {
  position: relative;
  padding-left: 340px;
  overflow: hidden;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_bar_01.png")
    240px 36px no-repeat;
}

.section.diagram dt {
  float: left;
  width: 200px;
  background: #fafafa;
  border: 1px solid #f5f5f5;
  border-right: 0;
  height: 63px;
  line-height: 63px;
  margin: 0 . 10px 0;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #0069ff;
}

.section.diagram dd {
  float: left;
  line-height: 63px;
  width: 418px;
  border: 1px solid #f5f5f5;
  border-left: 0;
  height: 63px;
  background: #fff;
  margin-bottom: 10px;
  font-size: 16px;
  text-indent: 40px;
}

@media screen and (max-width: 1300px) {
  .section.diagram h4 {
    float: none;
    text-align: center;
    width: auto;
  }

  .section.diagram .inner > p {
    position: static;
    margin: 0 auto 30px;
  }

  .section.diagram dl {
    position: relative;
    overflow: hidden;
    margin: 0;
    background: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .section.diagram dt {
    float: none;
    width: 200px;
    height: 69px;
    line-height: 69px;
  }

  .section.diagram dd {
    float: none;
    width: calc(100% - 204px);
    height: 69px;
  }
}

@media screen and (max-width: 768px) {
  .section.diagram h4 {
    margin-bottom: 30px;
  }

  .section.diagram .inner > p {
    width: 180px;
    height: 180px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060401.png")
      0 0 / 180px 180px no-repeat;
  }

  .section.diagram dt {
    width: 126px;
    height: 74px;
    line-height: 74px;
    margin-right: 0;
    font-size: 16px;
  }

  .section.diagram dd {
    width: calc(100% - 136px);
    height: auto;
    line-height: 1.3;
    word-break: break-all;
    text-indent: 0;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 23px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 380px) {
  .section.diagram dt {
    height: 90px;
    line-height: 90px;
  }

  .section.diagram dd {
    min-height: 90px;
  }
}

.hd.cx_slider {
  background: #181818
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0301.jpg")
    center 0 no-repeat;
}

.hd.cx_slider .inner {
  padding-top: 90px;
}

.hd.cx_slider .slider {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  height: 360px;
  text-align: center;
}

.hd.cx_slider .slider li strong {
  display: block;
  padding-top: 105px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #b4cdfa;
}

.hd.cx_slider .slider li span {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #fff;
  padding-top: 10px;
}

.hd.cx_slider .slider li a {
  display: inline-block;
  padding-right: 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-top: 40px;
  color: #fff;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_08.png")
    right 6px / 14px auto no-repeat;
}

.hd.cx_slider .btn_perv {
  position: absolute;
  left: 0;
  top: 155px;
  width: 60px;
  height: 60px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_left_02.png")
    center / 24px auto no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  z-index: 10;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}

.hd.cx_slider .btn_next {
  position: absolute;
  right: 0;
  top: 155px;
  width: 60px;
  height: 60px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_right_02.png")
    center / 24px auto no-repeat;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  z-index: 10;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}

.hd.cx_slider .btn_perv:hover,
.hd.cx_slider .btn_next:hover {
  background-color: #0069ff;
  border-radius: 100%;
  border: 1px solid #0069ff;
}

.hd.cx_slider .swiper-pagination {
  left: auto;
  z-index: 10;
  width: 100%;
  bottom: 30px;
  top: auto;
  text-align: center;
}

.hd.cx_slider .swiper-pagination span {
  border-radius: 0;
  background-color: #fff;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.cxDetail_wrap
  .hd.cx_slider
  .swiper-pagination
  span.swiper-pagination-bullet-active {
  background-color: #0069ff;
}

.cxDetail_wrap .main {
  position: relative;
  padding-top: 120px;
}

.cxDetail_wrap .main .categoryTab {
  overflow: hidden;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #0069ff;
  max-width: 960px;
  margin: 0 auto 40px;
  border-bottom: 1px solid #dcdcdc;
}

.cxDetail_wrap .main .categoryTab li {
  margin-right: 40px;
  padding-bottom: 40px;
  float: left;
}

.cxDetail_wrap .main .categoryTab a {
  font-weight: 700;
  font-size: 20px;
  color: #bebebe;
}

.cxDetail_wrap .main .categoryTab .on {
  color: #0069ff;
}

.cxList_wrap {
  max-width: 960px;
  margin: 0 auto 120px;
  position: relative;
  overflow: hidden;
}

.cxList_wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.cxList_wrap li {
  width: 300px;
  padding-bottom: 50px;
  padding-right: 30px;
}

.cxList_wrap li:nth-child(3n) {
  padding-right: 0px;
}

.cxList_wrap li a {
  display: block;
}

.cxList_wrap li .thumb {
  border: 1px solid #e8e8e8;
  overflow: hidden;
  position: relative;
  display: block;
}

.cxList_wrap .thumb img {
  transition: transform 0.2s;
  /* Animation */
}

.cxList_wrap a:hover .thumb img {
  transform: scale(1.1);
}

.cxList_wrap li .detail {
  display: block;
  padding-bottom: 50px;
}

.cxList_wrap li .detail strong {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  line-height: 26px;
  color: #0069ff;
}

.cxList_wrap li .detail span {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  line-height: 29px;
  color: #373737;
}

.cxDetail_wrap .main .cxList_wrap a:hover .detail span {
  color: #0069ff;
  font-weight: bold;
}

.cxDetail_wrap .main .btn_more {
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 65px;
  width: 172px;
  height: 65px;
  font-weight: 700;
  font-size: 20px;
  color: #373737;
  border: 2px solid #373737;
}

.cxDetail_wrap .view .btn_list a {
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 44px;
  width: 130px;
  height: 44px;
  font-weight: 700;
  font-size: 14px;
  color: #373737;
  border: 2px solid #373737;
}

.hd.cx_slider.service .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.hd.cx_slider.service .swiper-slide span {
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .cxDetail_wrap {
    padding-top: 0;
  }

  .hd.cx_slider .inner {
    padding-top: 0;
  }

  .hd.cx_slider {
    background: #181818
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0301.jpg")
      center 0 / auto 570px no-repeat;
  }

  .cxDetail_wrap .main {
    padding: 120px 0 0;
  }

  .cxDetail_wrap .main .categoryTab {
    margin: 0 30px 40px;
    max-width: none;
  }

  .hd.cx_slider .slider {
    height: 570px;
  }

  .hd.cx_slider .btn_perv,
  .hd.cx_slider .btn_next {
    left: -999px;
  }

  .hd.cx_slider .slider li strong {
    padding-top: 231px;
  }

  .hd.cx_slider .slider li br {
    display: none;
  }

  .hd.cx_slider .slider li {
    padding: 0 20%;
    box-sizing: border-box;
  }

  .cxList_wrap ul {
    margin: 0 20px;
  }

  .cxList_wrap li {
    width: 50%;
    padding: 0 10px 20px !important;
    box-sizing: border-box;
  }

  .cxList_wrap li img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .hd.cx_slider {
    background: #181818
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0301.jpg")
      center 0 / auto 480px no-repeat;
  }

  .cxDetail_wrap .main {
    padding: 70px 0 0;
  }

  .hd.cx_slider .slider {
    height: 480px;
  }

  .hd.cx_slider .inner {
    padding-top: 0;
  }

  .hd.cx_slider .slider li strong {
    padding-top: 134px;
    font-size: 16px;
    line-height: 23px;
  }

  .hd.cx_slider .slider li span {
    font-size: 20px;
    line-height: 29px;
  }

  .hd.cx_slider .slider li a {
    font-size: 16px;
    line-height: 23px;
  }

  .hd.cx_slider .swiper-pagination span {
    width: 8px;
    height: 8px;
  }

  .cxDetail_wrap .main .categoryTab {
    margin: 0 10px 30px;
    text-align: center;
    display: flex;
    justify-content: space-around;
  }

  .cxDetail_wrap .main .categoryTab li {
    float: none;
    margin: 0;
    padding-bottom: 30px;
    display: inline-block;
  }

  .cxDetail_wrap .main .categoryTab a {
    font-size: 18px;
    line-height: 26px;
  }

  .cxList_wrap ul {
    margin: 0 10px;
  }

  .cxList_wrap li {
    width: 100%;
    padding: 0 0 20px !important;
    box-sizing: border-box;
  }

  .cxList_wrap li .detail strong {
    font-size: 16px;
    line-height: 23px;
  }

  .cxList_wrap li .detail span {
    font-size: 18px;
    line-height: 26px;
    margin-top: 5px;
  }

  .cxList_wrap li .detail {
    padding-bottom: 40px;
  }
}

.cxDetail_wrap .view {
  position: relative;
  margin-top: 150px;
}

.cxDetail_wrap .subscription_wrap {
  background: #1c73f4
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_contentBtm_03.png")
    center 0 no-repeat;
}

.cxDetail_wrap .subscription_wrap .inner {
  background: #1c73f4
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_contentBtm_03.png")
    center 0 no-repeat;
  max-width: 960px;
  position: relative;
  height: 200px;
  margin: 0 auto;
}

.cxDetail_wrap .subscription_wrap .inner p {
  padding-top: 74px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.cxDetail_wrap .subscription_wrap .inner .btn_subscribe {
  position: absolute;
  right: 0;
  top: 75px;
  width: 164px;
  height: 50px;
  box-sizing: border-box;
  padding-left: 40px;
  border: 2px solid #fff;
  font-weight: 700;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 46px;
  padding-right: 25px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_08.png")
    right 33px top 20px / 16px auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .cxDetail_wrap .view {
    margin-top: 70px;
  }

  .cxDetail_wrap .subscription_wrap {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_contentBtm_03.png")
      center 0 no-repeat;
  }

  .cxDetail_wrap .subscription_wrap .inner {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_contentBtm_03.png")
      center 0 no-repeat;
    text-align: center;
    height: 320px;
  }

  .cxDetail_wrap .subscription_wrap .inner p {
    padding: 78px 0 30px;
  }

  .cxDetail_wrap .subscription_wrap .inner .btn_subscribe {
    display: inline-block;
    text-align: left;
    position: static;
  }
}

@media screen and (max-width: 768px) {
  .cxDetail_wrap .view {
    margin: 50px 10px 0;
  }

  .cxDetail_wrap .subscription_wrap {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_contentBtm_03.png")
      center 0 no-repeat;
  }

  .cxDetail_wrap .subscription_wrap .inner {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_contentBtm_03.png")
      center 0 no-repeat;
    text-align: center;
    height: 340px;
  }

  .cxDetail_wrap .subscription_wrap .inner p {
    padding: 94px 42px 30px;
    font-size: 16px;
    line-height: 23px;
  }

  .cxDetail_wrap .subscription_wrap .inner p br {
    display: none;
  }

  .cxDetail_wrap .subscription_wrap .inner .btn_subscribe {
    display: inline-block;
    text-align: left;
    position: static;
    font-size: 16px;
    width: 165px;
    height: 53px;
    line-height: 50px;
    box-sizing: border-box;
  }
}

.cxDetail_wrap .hd.cx {
  background: #181818
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0302.png")
    center 0 no-repeat;
}

.cxDetail_wrap .hd.cx .inner {
  max-width: 960px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 28px;
  line-height: 41px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #181818
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0302.png")
    center 0 no-repeat;
  padding-top: 80px;
  height: 220px;
}

.customerCaseStudies_wrap {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}

.customer_detail {
  width: 260px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.customer_detail .detail_inner {
  height: 100% !important;
}

.customer_detail .detail {
  padding-top: 30px;
  width: 220px;
}

.customer_detail dl dt {
  padding-bottom: 10px;
  color: #373737;
  line-height: 23px;
  font-size: 16px;
  font-weight: 700;
}

.customer_detail dl dd {
  padding-bottom: 30px;
  color: #919191;
  line-height: 29px;
  font-size: 16px;
}

.customer_detail .cate dt {
  color: #0069ff;
}

.customer_detail .cate dd {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
}

.customer_detail .solution dd {
  font-size: 20px;
}

.customer_detail .fun a {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 39px;
  color: #0069ff;
  padding: 0 10px;
  background-color: #fafafa;
  margin: 5px 10px 5px 0;
}

.customer_detail .fun a:hover {
  background-color: #0069ff;
  color: #fff;
}

.customer_interview {
  margin-left: 260px;
  min-height: 600px;
  text-align: center;
}

.customer_interview .img_one {
  padding-bottom: 50px;
}

.customer_interview .img_one img {
  max-width: 700px;
}

.customer_interview p {
  padding-bottom: 50px;
  font-size: 16px;
  line-height: 23px;
}

.customer_interview p + .img_one {
  padding-top: 30px;
}

.customer_interview dd .img_one {
  padding: 10px;
}

.img_two {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

.img_two span {
  width: 35%;
}

.img_two span img {
  width: 100%;
}

.qna dd .img_two {
  padding-top: 50px;
  text-align: center;
}

.customer_interview .subTit {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}

.qna dt {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  padding-bottom: 50px;
}

.qna dt .q {
  color: #0069ff;
}

.qna dd {
  padding-bottom: 70px;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

@media screen and (max-width: 1300px) {
  .customerCaseStudies_wrap {
    display: block;
  }

  .customerCaseStudies_wrap .customer_detail {
    position: relative !important;
    left: 0;
    top: 0;
    width: auto;
    margin: 0 30px;
  }

  .customerCaseStudies_wrap .customer_detail .detail {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
  }

  .customerCaseStudies_wrap .is-affixed .detail dl {
    display: none;
  }

  .customerCaseStudies_wrap .customer_detail h4 {
    display: none;
  }

  .customerCaseStudies_wrap .customer_detail .cate {
    width: 150px;
  }

  .customerCaseStudies_wrap .customer_detail .reason {
    width: 50%;
  }

  .customerCaseStudies_wrap .customer_detail .fun {
    clear: both;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding-top: 30px;
    margin: 30px 0 50px;
  }

  .customerCaseStudies_wrap .is-affixed .fun {
    position: relative;
    margin: 0 0 20px;
    border-top: 0;
    padding-top: 0;
  }

  .customerCaseStudies_wrap .customer_detail .fun dt {
    padding: 0 50px 0 0;
    white-space: nowrap;
  }

  .customerCaseStudies_wrap .customer_detail .fun dd {
    padding-bottom: 0;
  }

  .customerCaseStudies_wrap .customer_interview {
    margin: 0 30px;
    clear: both;
  }

  .customerCaseStudies_wrap .img_one img {
    max-width: 100%;
  }

  .customerCaseStudies_wrap .customer_detail .fun.fixedFunc {
    margin: 0;
    border: 0;
    padding: 0 0 20px;
    align-items: center;
  }

  .customerCaseStudies_wrap .customer_detail .fun.fixedFunc dt {
    font-size: 18px;
    line-height: 49px;
    padding: 0 50px 10px;
  }

  .customerCaseStudies_wrap .customer_detail .fun.fixedFunc dd {
    padding: 0 30px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .customerCaseStudies_wrap .customer_detail {
    margin: 0;
  }

  .customerCaseStudies_wrap .customer_detail .detail {
    display: block;
  }

  .customerCaseStudies_wrap .customer_detail dl,
  .customerCaseStudies_wrap .customer_detail .cate,
  .customerCaseStudies_wrap .customer_detail .reason {
    width: auto;
  }

  .customer_detail dl dt {
    padding-bottom: 5px;
  }

  .customer_detail dl dd {
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 20px;
  }

  .customer_detail .cate dd {
    font-size: 24px;
    line-height: 35px;
  }

  .customerCaseStudies_wrap .customer_detail .fun {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
    display: block;
    margin-bottom: 30px;
  }

  .customer_detail .fun a {
    font-size: 16px;
    height: 43px;
    line-height: 43px;
  }

  .customerCaseStudies_wrap .customer_interview {
    margin: 0;
  }

  .customer_interview p {
    font-size: 16px;
    line-height: 23px;
  }

  .customer_interview .subTit {
    font-size: 20px;
    line-height: 29px;
  }

  .qna dt {
    font-size: 18px;
    line-height: 26px;
  }

  .qna dd {
    font-size: 16px;
    line-height: 23px;
  }

  .customerCaseStudies_wrap .customer_detail .fun.fixedFunc {
    display: block;
    margin: 0;
    top: 49px;
    border: 0;
    padding: 0;
  }

  .customerCaseStudies_wrap .customer_detail .fixedFunc.fun dt {
    padding: 10px 10px 5px;
    font-size: 16px;
    line-height: 23px;
  }

  .customerCaseStudies_wrap .customer_detail .fixedFunc.fun dd {
    padding: 0 10px 20px;
  }
}

.customerCaseStudies_wrap + .useCaseList_wrap {
  margin-top: 70px;
}

.priceInfo_wrap .body_inner {
  padding-bottom: 80px;
}

.priceInfo_wrap .hd {
  background: #666666
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0201.png")
    center 0 no-repeat;
  margin-bottom: 120px;
}

.priceInfo_wrap .hd .inner {
  background: #666666
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0201.png")
    center 0 no-repeat;
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  height: 450px;
  margin: 0 auto;
}

.priceInfo_wrap .hd p {
  font-weight: 700;
  font-size: 28px;
  line-height: 41px;
  color: #ffffff;
  margin-top: 20px;
}

.priceInfo_wrap .hd .btn {
  width: 238px;
  height: 63px;
  border: 2px solid #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 63px;
  color: #ffffff;
  text-align: center;
}

.priceInfo_wrap .hd .btn:hover {
  background-color: #0069ff;
  border: 3px solid #0069ff;
}

.priceInfo_wrap .hd .btn span {
  display: inline-block;
  padding-right: 33px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_06.png")
    right center / 18px 15px no-repeat;
}

.priceInfo_wrap .section {
  max-width: 960px;
  margin: -20px auto 0;
  padding-bottom: 70px;
}

.priceInfo_wrap .section h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #373737;
  margin-bottom: 20px;
}

.priceInfo_wrap .section h3 + .subText {
  margin-top: -15px;
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
  margin-bottom: 20px;
}

.priceInfo_wrap .price_wrap {
  display: flex;
  justify-content: space-between;
}

.priceInfo_wrap .price_wrap .box {
  width: 300px;
  height: 337px;
  box-sizing: border-box;
  background: #fcfcfc;
  border: 1px solid #e8e8e8;
  padding: 22px 30px 0;
}

.priceInfo_wrap .price_wrap h4 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #373737;
}

.priceInfo_wrap .price_wrap h4 strong {
  font-weight: 900;
  font-size: 24px;
  line-height: 35px;
  color: #0069ff;
}

.priceInfo_wrap .price_wrap h4 span {
  color: #919191;
}

.priceInfo_wrap .price_wrap dt {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;

  color: #373737;
}

.priceInfo_wrap .price_wrap dd {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px;
  color: #373737;
}

.priceInfo_wrap .price_wrap ul {
  padding-top: 20px;
}

.priceInfo_wrap .price_wrap li {
  font-weight: 700;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 23px;
  padding-left: 14px;
  color: #373737;
  position: relative;
}

.priceInfo_wrap .price_wrap li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #0069ff;
}

.planFunc_wrap {
  max-width: 960px;
  background: #fcfcfc;
  height: 368px;
  border: 1px solid #e8e8e8;
}

.planFunc_wrap > ul {
  display: flex;
  padding-top: 39px;
  padding-left: 50px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.planFunc_wrap > ul > li {
  width: 150px;
}

.planFunc_wrap li li {
  position: relative;
  padding: 10px 0 0 14px;
  font-size: 14px;
  line-height: 20px;
}

.planFunc_wrap li li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 6px;
  height: 6px;
  background: #0069ff;
}

.planFunc_wrap > ul > li strong {
  display: block;
  padding-top: 120px;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

.planFunc_wrap li.func01 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_price_01.png")
    0 0 / 100px auto no-repeat;
}

.planFunc_wrap li.func02 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_price_02.png")
    0 0 / 100px auto no-repeat;
}

.planFunc_wrap li.func03 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_price_03.png")
    0 0 / 100px auto no-repeat;
}

.planFunc_wrap li.func04 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_price_04.png")
    0 0 / 100px auto no-repeat;
}

.planFunc_wrap li.func05 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_price_05.png")
    0 0 / 100px auto no-repeat;
}

.planFunc_wrap li.func06 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/ico_price_06.png")
    0 0 / 100px auto no-repeat;
}

.planDetail {
  padding-bottom: 70px;
}

.planDetail h3 {
  color: #0069ff !important;
}

.planDetail table {
  width: 100%;
  border-right: 1px solid #e8e8e8;
}

.planDetail table thead th {
  background: #fcfcfc;
  font-weight: 700;
  font-size: 16px;
  color: #373737;
  height: 48px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.planDetail table tbody th {
  font-weight: 700;
  font-size: 16px;
  color: #0069ff;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.planDetail table .subject {
  font-weight: 700;
  font-size: 16px;
  line-height: 50px;
  padding-left: 30px;
  text-align: left;
}

.planDetail table tbody td {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.section .btn_planToggle {
  width: 210px;
  height: 52px;
  line-height: 52px;
  display: block;
  border: 2px solid #0069ff;
  box-sizing: border-box;
  margin: 0 auto 70px;
  font-weight: 700;
  font-size: 14px;
  color: #0069ff;
  text-align: center;
}

.section .btn_planToggle span {
  display: inline-block;
  padding-right: 25px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_09_off.png")
    right center / 12px auto no-repeat;
}

.section .btn_planToggle.on span {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_09_on.png")
    right center / 16px auto no-repeat;
}

.actualCost {
  width: 100%;
  border-right: 1px solid #e8e8e8;
  table-layout: fixed;
}

.actualCost thead th {
  background: #fcfcfc;
  font-weight: 700;
  font-size: 16px;
  color: #373737;
  height: 53px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.actualCost tbody th {
  font-weight: 700;
  font-size: 16px;
  color: #0069ff;
  height: 50px;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.actualCost tbody td {
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  height: 50px;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.actualCost .c_black {
  color: #373737;
}

@media screen and (max-width: 1300px) {
  .priceInfo_wrap {
    padding-top: 0;
  }

  .priceInfo_wrap .body_inner {
    padding-bottom: 50px;
  }

  .priceInfo_wrap .section {
    margin: 0 30px;
    max-width: 100%;
    padding-bottom: 70px;
  }

  .priceInfo_wrap .hd {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0201.png")
      center 0 / auto 100% no-repeat;
    margin-bottom: 120px;
  }

  .priceInfo_wrap .hd .inner {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0201.png")
      center 0 / auto 100% no-repeat;
    height: 570px;
  }

  .priceInfo_wrap .hd .inner {
    flex-wrap: wrap;
  }

  .priceInfo_wrap .hd .inner > p {
    text-align: center;
    margin-bottom: 40px;
    width: 100%;
  }

  .priceInfo_wrap .hd .btn {
    display: block;
    margin: 0 auto;
  }

  .priceInfo_wrap .price_wrap {
    display: block;
  }

  .priceInfo_wrap .price_wrap .box {
    width: auto;
    position: relative;
    height: auto;
    padding: 30px 55px;
    margin-bottom: 20px;
  }

  .priceInfo_wrap .price_wrap h4 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
  }

  .priceInfo_wrap .price_wrap .box ul {
    position: absolute;
    left: 55%;
    top: 0;
  }

  .priceInfo_wrap .price_wrap dd {
    font-size: 16px;
    line-height: 23px;
  }

  .priceInfo_wrap .price_wrap li {
    font-size: 18px;
    line-height: 26px;
  }

  .planFunc_wrap {
    max-width: 100%;
    height: auto;
  }

  .planFunc_wrap > ul {
    justify-content: flex-start;
  }

  .planFunc_wrap > ul > li {
    padding-bottom: 50px;
    width: 33%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .plan {
    display: none;
  }

  .priceInfo_wrap .hd {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0201.png")
      center 0 / auto 100% no-repeat;
    margin-bottom: 70px;
  }

  .priceInfo_wrap .hd .inner {
    background: #666666
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0201.png")
      center 0 / auto 100% no-repeat;
    height: 470px;
  }

  .priceInfo_wrap .hd .inner > p {
    padding: 0 20%;
    font-size: 20px;
    line-height: 29px;
  }

  .priceInfo_wrap .price_wrap .box {
    padding: 25px;
  }

  .priceInfo_wrap .price_wrap .box ul {
    position: static;
    padding-top: 10px;
  }

  .priceInfo_wrap .section {
    margin: 0 10px;
  }

  .priceInfo_wrap .section h3 {
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 20px;
  }

  .priceInfo_wrap .price_wrap h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .priceInfo_wrap .price_wrap h4 strong {
    font-size: 20px;
    line-height: 29px;
  }

  .priceInfo_wrap .price_wrap dt {
    font-size: 18px;
    line-height: 26px;
  }

  .priceInfo_wrap .price_wrap dd {
    font-size: 16px;
    line-height: 23px;
  }

  .priceInfo_wrap .price_wrap li {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 8px;
  }

  .priceInfo_wrap .price_wrap li:after {
    top: 6px;
  }

  .priceInfo_wrap .section h3 + .subText {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
  }

  .planFunc_wrap > ul {
    padding-left: 0;
  }

  .planFunc_wrap > ul > li {
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
    padding-bottom: 30px;
  }

  .planFunc_wrap li li {
    padding-top: 5px;
  }

  .planFunc_wrap li li:after {
    top: 12px;
  }

  .planFunc_wrap ul li strong {
    background-size: 110px 110px !important;
    padding-top: 120px !important;
    font-size: 14px;
    line-height: 20px;
  }

  .priceInfo_wrap .actualCost td,
  .priceInfo_wrap .actualCost th {
    font-size: 12px !important;
  }

  .priceInfo_wrap .actualCost td {
    padding: 5px 12px;
  }

  .priceInfo_wrap .actualCost td br {
    display: none;
  }
}

.priceInfo_wrap .contactUs_wrap {
  background: #1c73f4
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_contentBtm_02.png")
    center 0 no-repeat;
}

.priceInfo_wrap .contactUs_wrap .inner {
  background: #1c73f4
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_contentBtm_02.png")
    center 0 no-repeat;
  max-width: 960px;
  position: relative;
  height: 200px;
  margin: 0 auto;
}

.priceInfo_wrap .contactUs_wrap .inner p {
  padding-top: 74px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.priceInfo_wrap .contactUs_wrap .inner .btn_subscribe {
  position: absolute;
  right: 0;
  top: 75px;
  width: 164px;
  height: 50px;
  box-sizing: border-box;
  padding-left: 40px;
  border: 2px solid #fff;
  font-weight: 700;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 46px;
  padding-right: 25px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_08.png")
    right 33px top 20px / 16px auto no-repeat;
}

@media screen and (max-width: 1300px) {
  .priceInfo_wrap .contactUs_wrap {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_contentBtm_02.png")
      center 0 / auto 100% no-repeat;
  }

  .priceInfo_wrap .contactUs_wrap .inner {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_contentBtm_02.png")
      center 0 / auto 100% no-repeat;
    text-align: center;
    height: 320px;
  }

  .priceInfo_wrap .contactUs_wrap .inner p {
    padding: 78px 0 30px;
  }

  .priceInfo_wrap .contactUs_wrap .inner .btn_subscribe {
    display: inline-block;
    text-align: left;
    position: static;
  }
}

@media screen and (max-width: 768px) {
  .priceInfo_wrap .contactUs_wrap {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_contentBtm_02.png")
      center 0 / auto 100% no-repeat;
  }

  .priceInfo_wrap .contactUs_wrap .inner {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_contentBtm_02.png")
      center 0 / auto 100% no-repeat;
    text-align: center;
    height: 340px;
  }

  .priceInfo_wrap .contactUs_wrap .inner p {
    padding: 94px 42px 30px;
    font-size: 16px;
    line-height: 23px;
  }

  .priceInfo_wrap .contactUs_wrap .inner p br {
    display: none;
  }

  .priceInfo_wrap .contactUs_wrap .inner .btn_subscribe {
    display: inline-block;
    text-align: left;
    position: static;
    font-size: 16px;
    width: 165px;
    height: 53px;
    line-height: 50px;
    box-sizing: border-box;
  }
}

.serviceInfo_wrap .contactUs_wrap {
  background: #166be4
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_contentBtm_01.png")
    center 0 no-repeat;
}

.serviceInfo_wrap .contactUs_wrap .inner {
  background: #166be4
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_contentBtm_01.png")
    center 0 no-repeat;
  max-width: 960px;
  position: relative;
  height: 200px;
  margin: 0 auto;
}

.serviceInfo_wrap .contactUs_wrap .inner p {
  padding-top: 74px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.serviceInfo_wrap .contactUs_wrap .inner .btn_subscribe {
  position: absolute;
  right: 0;
  top: 75px;
  width: 232px;
  height: 50px;
  box-sizing: border-box;
  padding-left: 40px;
  border: 2px solid #ffffff;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  line-height: 48px;
  color: #ffffff;
  padding-right: 26px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_08.png")
    right 33px top 20px / 16px auto no-repeat;
}

.serviceInfo_wrap .contactUs_wrap .inner .btn_subscribe.short {
  width: 200px;
}

@media screen and (max-width: 1300px) {
  .serviceInfo_wrap .contactUs_wrap {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_contentBtm_01.png")
      center 0 / 100% 100% no-repeat;
  }

  .serviceInfo_wrap .contactUs_wrap .inner {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_contentBtm_01.png")
      center 0 / 100% 100% no-repeat;
    text-align: center;
    height: 320px;
  }

  .serviceInfo_wrap .contactUs_wrap .inner p {
    padding: 78px 30px 30px;
  }

  .serviceInfo_wrap .contactUs_wrap .inner .btn_subscribe {
    display: inline-block;
    text-align: left;
    position: static;
  }
}

@media screen and (max-width: 768px) {
  .serviceInfo_wrap .contactUs_wrap {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_contentBtm_01.png")
      center 0 / 100% 100% no-repeat;
  }

  .serviceInfo_wrap .contactUs_wrap .inner {
    background: #1c73f4
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_contentBtm_01.png")
      center 0 / 100% 100% no-repeat;
    text-align: center;
    height: 340px;
  }

  .serviceInfo_wrap .contactUs_wrap .inner p {
    padding: 94px 42px 30px;
    font-size: 16px;
    line-height: 23px;
  }

  .serviceInfo_wrap .contactUs_wrap .inner p br {
    display: none;
  }

  .serviceInfo_wrap .contactUs_wrap .inner .btn_subscribe {
    display: inline-block;
    text-align: left;
    position: static;
    font-size: 16px;
    width: 237px;
    height: 53px;
    line-height: 50px;
    box-sizing: border-box;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_08.png")
      right 33px top 20px / 16px auto no-repeat;
  }
}

.tremsPrivacy_wrap {
  padding: 0 0 110px;
}

.tremsPrivacy_wrap .hd {
  background: #00001c
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0501.png")
    center 0 no-repeat;
}

.tremsPrivacy_wrap .hd .inner {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 80px;
  font-weight: 700;
  font-size: 28px;
  line-height: 41px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00001c
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_headerSub_0501.png")
    center 0 no-repeat;
  height: 220px;
}

.tremsPrivacy_wrap .view {
  margin-top: 120px;
}

.tremsPrivacy_wrap .view .tab {
  overflow: hidden;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #0069ff;
  max-width: 960px;
  margin: 0 auto 40px;
  border-bottom: 1px solid #dcdcdc;
}

.tremsPrivacy_wrap .view .tab li {
  margin-right: 40px;
  padding-bottom: 40px;
  float: left;
}

.tremsPrivacy_wrap .view .tab a {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #bebebe;
}

.tremsPrivacy_wrap .view .tab .on {
  color: #0069ff;
}

.agree_wrap {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}

.agree_wrap .titleCSS {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
  margin-bottom: 50px;
}

.agree_wrap .terms p {
  padding-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
}

.agree_wrap .terms p b {
  display: block;
  padding-top: 20px;
}

.agree_wrap .terms li {
  font-size: 14px;
  line-height: 20px;
}

.agree_wrap .table-1 {
  border-collapse: collapse;
}

.agree_wrap .table-1 table {
  width: 100%;
}

.agree_wrap .table-1 th {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
}

.agree_wrap .table-1 td {
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 10px;
}

.menuList {
  position: absolute;
  right: 0;
  top: 0;
}

.menuList span {
  display: inline-block;
  height: 30px;
  border-bottom: 1px solid #373737;
}

.menuList span select {
  border: 0;
  font-weight: 700;
  font-size: 18px;
  padding-right: 30px;
  line-height: 30px;
  height: 30px;
}

@media screen and (max-width: 1300px) {
  .tremsPrivacy_wrap {
    padding-top: 0;
  }

  .tremsPrivacy_wrap .view {
    margin: 120px 30px 0;
  }

  .menuList {
    position: static;
    margin-bottom: 50px;
  }

  .tremsPrivacy_wrap .hd {
    background: #00001c
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0501.png")
      center 0 / auto 100% no-repeat;
  }

  .tremsPrivacy_wrap .hd .inner {
    background: #00001c
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bg_headerSub_0501.png")
      center 0 / auto 100% no-repeat;
    font-size: 40px;
    line-height: 58px;
    height: 410px;
  }
}

@media screen and (max-width: 768px) {
  .tremsPrivacy_wrap .hd {
    background: #00001c
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0501.png")
      center 0 / auto 100% no-repeat;
  }

  .tremsPrivacy_wrap .hd .inner {
    background: #00001c
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_headerSub_0501.png")
      center 0 / auto 100% no-repeat;
    font-size: 20px;
    line-height: 29px;
    height: 320px;
  }

  .tremsPrivacy_wrap .view {
    margin: 50px 10px 0;
  }

  .agree_wrap .titleCSS {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #373737;
    margin-bottom: 20px;
  }

  .menuList {
    position: static;
    margin-bottom: 50px;
  }

  .agree_wrap .terms p {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .agree_wrap .terms li {
    font-size: 14px;
    line-height: 20px;
  }

  .tremsPrivacy_wrap .view .tab {
    margin: 0 0 30px;
    text-align: center;
    display: flex;
    justify-content: space-around;
  }

  .tremsPrivacy_wrap .view .tab li {
    float: none;
    margin: 0;
    padding-bottom: 30px;
    display: inline-block;
  }

  .tremsPrivacy_wrap .view .tab a {
    font-size: 18px;
    line-height: 26px;
  }
}

header .btn_counsel {
  display: none;
}

@media screen and (max-width: 1300px) {
  header nav {
    overflow: auto;
    padding-bottom: 85px;
    -webkit-overflow-scrolling: touch;
  }

  header .btn_counsel {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 380px;
    height: 75px;
    font-size: 20px;
    line-height: 75px;
    text-align: center;
    background: #0069ff;
    font-weight: 700;
    color: #ffffff;
    z-index: 50;
  }
}

.btn_link {
  color: #0069ff;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  header nav > ul {
    padding-bottom: 70px;
  }

  header .btn_counsel {
    display: block;
    width: 100%;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
  }
}

.leverageServices_wrap {
  padding-bottom: 70px;
}

.leverageServices_wrap .btn_list a {
  margin: 0 auto;
  display: block;
  text-align: center;
  line-height: 65px;
  width: 172px;
  height: 65px;
  font-weight: 700;
  font-size: 20px;
  color: #373737;
  border: 2px solid #373737;
}

.leverageServices_wrap .content {
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
}

.leverageServices_wrap .keyword {
  margin-bottom: 50px !important;
  text-align: center;
}

.leverageServices_wrap .keyword span {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #0069ff;
  margin: 0 10px;
}

.leverageServices_wrap .content .subTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #373737;
  margin-bottom: 50px;
}

.leverageServices_wrap .content p {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

.leverageServices_wrap .content .p_section {
  padding-bottom: 50px;
}

.leverageServices_wrap .content .txt_big_c {
  font-weight: 700;
  text-align: center;
  padding: 100px 0;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

.leverageServices_wrap .content .txt_big {
  font-weight: 700;
  padding: 20px 0 50px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 23px;
  color: #373737;
}

.leverageServices_wrap .content .txt_big_blue {
  font-weight: 700;
  padding: 20px 0 50px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 23px;
  color: #0069ff;
}

.leverageServices_wrap .img_one {
  padding-bottom: 50px;
}

.leverageServices_wrap .img_one .tac {
  line-height: 1.5;
  padding-top: 5px;
  text-align: center;
  display: block;
}

.leverageServices_wrap .img_one img {
  max-width: 700px;
}

.leverageServices_wrap p + .img_one {
  padding-top: 30px;
}

.leverageServices_wrap dd .img_one {
  padding: 10px;
}

@media screen and (max-width: 1300px) {
  .leverageServices_wrap {
    padding: 0 30px 70px;
  }

  .leverageServices_wrap .img_one img {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .leverageServices_wrap {
    padding: 0 10px 50px;
  }

  .leverageServices_wrap .keyword a {
    font-size: 20px;
    line-height: 29px;
  }

  .leverageServices_wrap .content .p_section {
    padding-bottom: 10px;
  }

  .leverageServices_wrap .content .subTitle {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 10px;
  }

  .leverageServices_wrap .content p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 23px;
  }

  .leverageServices_wrap .content .txt_big_c {
    padding: 50px 0;
    font-size: 20px;
    line-height: 30px;
  }
}

.contactComplete {
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contactComplete h1 {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  text-align: center;
}

.contactComplete h1 a {
  display: inline-block;
  width: 182px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_cgBI_04.svg")
    0 0 / 100% 100% no-repeat;
}

.contactComplete .text01 {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 10px;
  color: #0069ff;
  padding-top: 130px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_check_01.png")
    center 0 / 80px 80px no-repeat;
}

.contactComplete .text02 {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
  margin-bottom: 50px;
}

.contactComplete .btn_back {
  display: inline-block;
  width: 260px;
  height: 66px;
  background: #0069ff;
  text-align: center;
  line-height: 66px;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
}

.contactComplete .btn_back span {
  display: inline-block;
  padding-right: 33px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_06.png")
    right center / 18px 15px no-repeat;
}

@media screen and (max-width: 768px) {
  .contactComplete h1 {
    top: 30px;
  }

  .contactComplete .text01 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
    padding-top: 84px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_check_01.png")
      center 0 / 60px 60px no-repeat;
  }

  .contactComplete .text02 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #373737;
    margin-bottom: 40px;
  }

  .contactComplete .btn_back {
    width: 190px;
    height: 52px;
    font-size: 14px;
    line-height: 52px;
  }
}

form.form .pd-checkbox.required.form-field {
  padding-bottom: 10px;
}

form.form .pd-checkbox span.value {
  margin-left: 15px;
  width: 100%;
}

form.form .pd-checkbox label {
  overflow: hidden;
  text-indent: -99999px;
  text-align: left !important;
}

form.form .pd-checkbox .value label {
  display: inline-block !important;
  width: 280px;
  text-indent: 0;
}

form.form .pd-checkbox .value > span {
  position: relative;
  overflow: hidden;
  display: block;
  width: 394px;
  letter-spacing: -1px;
}

form.form .pd-checkbox .value span input {
  position: absolute;
  left: -9999px;
  top: 0;
}

form.form .pd-checkbox .value span label {
  display: inline-block;
  padding-left: 30px !important;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_checkbox_off.png")
    0 5px / 20px 20px no-repeat !important;
  font-size: 14px;
  line-height: 25px;
  color: #373737;
}

form.form .pd-checkbox .value span input:checked + label {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_checkbox_on.png")
    0 5px / 20px 20px no-repeat !important;
}

form.form .btn_openTerms {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
  font-size: 12px;
  color: #737373;
  border: 1px solid #919191;
  border-radius: 3px;
  height: 23px;
  width: 62px;
  line-height: 23px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  form.form .btn_openTerms {
    position: static;
    display: block;
    width: 100%;
    box-sizing: Border-box;
    margin-top: 13px;
    height: 25px;
  }

  .form_wrap01 .form-field.pd-checkbox .field-label {
    display: none !important;
  }

  form.form .pd-checkbox span.value {
    margin: 0 !important;
  }

  form.form .pd-checkbox .value span {
    width: 100%;
  }

  form.form .pd-checkbox.required.form-field {
    margin-bottom: 15px;
  }

  .form_wrap01 .form-field.pd-checkbox.required .field-label {
    display: none !important;
  }

  form.form .pd-checkbox .value span label {
    padding-right: 0;
    width: auto;
    margin: 0;
  }
}

.terms_popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
}

.terms_popup.show {
  display: flex;
}

.terms_popup .inner {
  width: 750px;
  background-color: #fff;
  position: relative;
}

.terms_popup .inner .hd {
  background-color: #0069ff;
  padding-left: 50px;
  font-weight: 700;
  font-size: 24px;
  line-height: 80px;
  color: #fff;
}

.terms_popup .inner .cont {
  height: 320px;
  padding: 40px;
  overflow-x: hidden;
  overflow-y: auto;
}

.terms_popup .btn_close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_close_01.png")
    0 0 / 40px 40px no-repeat;
  overflow: hidden;
  text-indent: -9999px;
}

.terms_popup p {
  padding-bottom: 30px;
}

.terms_popup h3 {
  margin-bottom: 10px;
}

.terms_popup table {
  margin: 0 0 30px;
  border-collapse: collapse;
  width: 100%;
}

.terms_popup table th {
  background-color: #fcfcfc;
  border: 1px solid #e8e8e8;
  height: 40px;
}

.terms_popup table td {
  border: 1px solid #e8e8e8;
  padding: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .terms_popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
  }

  .terms_popup.show {
    display: block !important;
  }

  .terms_popup .inner {
    width: 100%;
    background-color: #fff;
    position: relative;
  }

  .terms_popup .inner .hd {
    line-height: 60px;
    font-size: 14px;
    padding-left: 15px;
    letter-spacing: -1px;
  }

  .terms_popup .inner .cont {
    height: 100%;
    box-sizing: border-box;
    padding: 15px;
  }

  .terms_popup .btn_close {
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_close_01.png")
      0 0 / 30px 30px no-repeat;
  }
}

form.form p.error.no-label {
  display: block;
  text-indent: 112px !important;
  margin: -20px 0 20px !important;
  padding: 5px 0 0 !important;
  color: #f5222d !important;
}

@media screen and (max-width: 1300px) {
  form.form p.error.no-label {
    text-indent: 192px !important;
  }
}

@media screen and (max-width: 768px) {
  form.form p.error.no-label {
    text-indent: 0 !important;
  }
}

#twc-chat-plugin #chat-frame-box {
  z-index: 99999 !important;
}

.talkBox {
  box-sizing: border-box;
  width: 700px;
  padding: 20px;
  margin: 0 auto;
  margin-bottom: 50px;
  background: linear-gradient(0deg, #f5f5f5, #f5f5f5),
    linear-gradient(0deg, #fcfcfc, #fcfcfc);
  border: 1px solid rgba(245, 245, 245, 1);
  line-height: 24px;
  text-align: left;
  font-size: 16px;
}

.talkBox > li {
  display: block;
  padding: 20px 0 0;
}

.talkBox > li:first-child {
  padding-top: 0;
}

.talkBox .blueText {
  color: rgba(0, 105, 255, 1);
}

.wordBox {
  box-sizing: border-box;
  width: 700px;
  padding: 20px;
  margin: 0 auto;
  margin-bottom: 50px;
  background: linear-gradient(0deg, #f5f5f5, #f5f5f5),
    linear-gradient(0deg, #fcfcfc, #fcfcfc);
  border: 1px solid rgba(245, 245, 245, 1);
  line-height: 24px;
  text-align: left;
  font-size: 16px;
}

.wordBox > dt {
  padding: 20px 0 0;
  font-weight: bold;
}

.wordBox > dt:first-child {
  padding-top: 0;
}

.wordBox .blueText {
  color: rgba(0, 105, 255, 1);
}

.wordBox .redText {
  color: red;
}

.infoTitle {
  font-size: 16px;
  padding-bottom: 20px;
}

.p_section p {
  max-width: 700px;
  margin: 0 auto;
}

.leverageServices_wrap .tableType01 {
  width: 100%;
  margin-bottom: 20px;
  border-right: 1px solid #e8e8e8;
  table-layout: fixed;
}

.leverageServices_wrap .tableType01 thead th {
  background: #fcfcfc;
  font-weight: 700;
  font-size: 16px;
  color: #373737;
  height: 53px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.leverageServices_wrap .tableType01 tbody th {
  font-size: 16px;
  padding: 10px;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.leverageServices_wrap .tableType01 tbody td {
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.leverageServices_wrap .tableType01 .c_black {
  color: #373737;
}

.leverageServices_wrap .content .review_item {
  max-width: 700px;
  margin: 0 auto 100px;
}

.leverageServices_wrap .content .review_item h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #373737;
  margin-bottom: 20px;
}

.leverageServices_wrap .content .review_item p {
  margin-bottom: 10px;
}

.leverageServices_wrap .content .review_item i {
  font-style: italic;
  font-size: 16px;
}

.service05 .sectionPlan {
  position: relative;
  max-width: 960px;
  margin: 0 auto 120px;
}

.service05 .sectionPlan h4 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 35px;
  color: #373737;
}

.service05 .sectionPlan .mainTxt {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
}

.service05 .sectionPlan .item {
  clear: both;
  padding: 70px 0;
  overflow: hidden;
}

.service05 .sectionPlan .item li {
  float: left;
  margin-left: 30px;
  text-align: center;
  width: 300px;
}

.service05 .sectionPlan .item li strong {
  padding-top: 109.523%;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.service05 .sectionPlan .item li span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin-top: 5px;
  color: #373737;
}

.service05 .sectionPlan .item li:first-child {
  margin-left: 0;
}

.service05 .sectionPlan li.item_0401 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060601_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0402 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060602_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0403 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060603_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0501 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060701_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0502 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060702_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0503 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060703_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0601 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060801_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0602 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060802_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0603 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060803_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0701 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060901_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0702 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060902_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan li.item_0703 strong {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_060903_new.png")
    0 0 / 100% auto no-repeat;
}

.service05 .sectionPlan .planTab {
  display: flex;
  padding: 70px 0;
}

.service05 .sectionPlan .planTab li {
  padding: 0;
  width: auto;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  width: 25%;
}

.service05 .sectionPlan .planTab li:first-child {
  margin-left: 0;
}

.service05 .sectionPlan .planTab li a {
  display: block;
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #f5f5f5;
  text-align: left;
  position: relative;
}

.service05 .sectionPlan .planTab li strong {
  padding-top: 0;
}

.service05 .sectionPlan .planTab li .t1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #373737;
  padding: 20px 0 0 20px;
  display: block;
}

.service05 .sectionPlan .planTab li .t2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1;
  color: #919191;
  padding-left: 20px;
  display: block;
  margin-top: 0;
}

.service05 .sectionPlan .planTab li .t3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #0069ff;
  position: absolute;
  bottom: 11px;
  right: 15px;
  font-size: 16px;
}

.service05 .sectionPlan .planTab li .t3 strong {
  font-size: 24px;
}

.service05 .sectionPlan .planTab li .t3 .vat {
  position: absolute;
  right: 0;
  top: -6px;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #919191;
}

.service05 .sectionPlan .planTab a.active .t1 {
  color: #fff;
}

.service05 .sectionPlan .planTab a.active .t2 {
  color: #b4cdfa;
}

.service05 .sectionPlan .planTab a.active .t3 {
  color: #fff;
}

.service05 .sectionPlan .planTab a.active .t3 .vat {
  color: #b4cdfa;
}

.service05 .sectionPlan .planTab .lite a.active {
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_06_price01_new.png")
    right -4px bottom 45px / 69px auto no-repeat;
}

.service05 .sectionPlan .planTab .professinal a.active {
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_06_price02_new.png")
    right 0px bottom 45px / auto 30px no-repeat;
}

.service05 .sectionPlan .planTab .premium a.active {
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_06_price03_new.png")
    right 0 bottom 0 / auto 140px no-repeat;
}

.service05 .sectionPlan .planTab .enterprise a.active {
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/img_func_06_price04_new.png")
    right 0 bottom 0 / auto 140px no-repeat;
}

.service05 .text_mainMent .txt01 br {
  display: none;
}

.service05 .text_mainMent .txt01 br.tablet {
  display: none;
}

@media screen and (max-width: 1300px) {
  .service05 .sectionPlan {
    width: auto;
    max-width: 700px;
    margin: 0 auto 120px;
  }

  .service05 .sectionPlan h4 {
    float: none;
    text-align: center;
    width: auto;
  }

  .service05 .sectionPlan h4 br {
    display: none;
  }

  .service05 .sectionPlan .mainTxt {
    display: block;
    height: auto;
    text-align: center;
    width: auto;
    float: none;
    margin-top: 20px;
  }

  .service05 .sectionPlan .item {
    padding-top: 0;
  }

  .service05 .sectionPlan .item li {
    display: block;
    float: none;
    width: 460px;
    padding-top: 70px;
    margin: 0 auto !important;
  }

  .service05 .sectionPlan .item li strong {
    padding-top: 106.521%;
  }

  .service05 .text_mainMent {
    margin-top: 0;
  }

  .service05 .text_mainMent .txt01 {
    padding-bottom: 20px;
  }

  .service05 .text_mainMent .txt01 br {
    display: block;
  }

  .service05 .text_mainMent .txt01 br.tablet {
    display: block;
  }

  .service05 .text_mainMent .txt02 {
    color: #373737;
  }

  .service05 .text_mainMent .txt02 strong {
    font-weight: 400;
  }

  .service05 .sectionPlan .planTab {
    padding: 70px 0;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
  }

  .service05 .sectionPlan .planTab li {
    padding: 0 0 8px 8px;
    box-sizing: border-box;
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .service05 .sectionPlan .planTab li {
    padding: 0 0 10px 0;
    box-sizing: border-box;
    width: 100%;
  }
}

.service05 .contentBox {
}

.service05 .contentBox .cont {
  display: none;
}

.service05 .contentBox .cont.active {
  display: block;
}

.service05 .contentBox .cont p.sText01 {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 20px;
}

.service05 .contentBox .cont p.sText02 {
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #919191;
}

.service05 .planFunc {
  padding-bottom: 20px;
}

.service05 .planFunc .summary {
  text-align: right;
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #919191;
  padding-bottom: 5px;
}

.service05 .planFunc h3 {
  color: #0069ff !important;
}

.service05 .planFunc table {
  width: 100%;
  border-right: 1px solid #e8e8e8;
}

.service05 .planFunc table thead th {
  background: #fcfcfc;
  font-weight: 700;
  font-size: 16px;
  color: #373737;
  height: 51px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.service05 .planFunc table tbody th {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.5px;
  text-align: left;
  height: 50px;
  padding-left: 20px;
  color: #373737;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.service05 .planFunc table thead th.bg {
  background-color: #0069ff;
  color: #fff;
}

.service05 .planFunc table tbody td.bg {
  background-color: #f8faff;
}

.service05 .planFunc table tbody th strong {
  font-weight: 700;
  font-size: 16px;
  color: #0069ff;
  display: block;
  text-align: center;
}
.service05 .planFunc table tbody th[rowspan] {padding-left: 0 !important;}

.service05 .planFunc table .subject {
  font-weight: 700;
  font-size: 16px;
  line-height: 50px;
  padding-left: 30px;
  text-align: left;
}

.service05 .planFunc table tbody td {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  height: 50px;
  text-align: center;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.service05 .txt_sol {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #919191;
  margin-bottom: 70px;
}

.service05 .txt_sol a {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #0069ff;
  text-decoration: underline;
}

.service05 .banner_coun {
  max-width: 960px;
  height: 100px;
  margin: 0 auto 70px;
  text-align: left;
  position: relative;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_counsel_02.png")
    0 0 / 960px auto no-repeat;
}

.service05 .banner_coun p {
  text-align: left;
  padding-top: 36px;
  font-weight: 700;
  padding-left: 60px;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.service05 .banner_coun a {
  position: absolute;
  right: 60px;
  top: 26px;
  width: 137px;
  height: 47px;
  box-sizing: border-box;
  border: 2px solid #ffffff;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  padding-left: 28px;
  font-weight: 700;
  line-height: 45px;
  color: #ffffff;
  padding-right: 26px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_08.png")
    right 30px top 18px / 16px auto no-repeat;
}

.service05 .companyCase {
  background: #fcfcfc;
  border: 1px solid #e8e8e8;
  padding: 50px;
}

.service05 .companyCase .txt01 {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #0069ff;
  padding: 0 0 50px;
}

.service05 .companyCase .case {
  margin-bottom: 40px;
}

.service05 .companyCase .case dt {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #373737;
  margin-bottom: 5px;
}

.service05 .companyCase .case dd .tag {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #0069ff;
  margin-bottom: 20px;
}

.service05 .companyCase .case dd {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #373737;
}

.service05 .companyCase .caseAB {
  display: flex;
}

.service05 .companyCase .caseAB .box01 {
  margin-right: 42px;
  width: 100%;
}

.service05 .companyCase .caseAB .box02 {
  margin-left: 42px;
  width: 100%;
}

.service05 .companyCase .caseAB dt {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 10px;
}

.service05 .companyCase .caseAB .box02 dt {
  color: #0069ff;
}

.service05 .companyCase .caseAB .box01 dd {
  border: 1px solid #f5f5f5;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #373737;
  margin-bottom: 10px;
  position: relative;
  background-color: #fff;
}

.service05 .companyCase .caseAB .box01 dd:after {
  content: "";
  position: absolute;
  right: -57px;
  top: 50%;
  margin-top: -12px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_play_01.png")
    0 0 / 24px 24px no-repeat;
  width: 24px;
  height: 24px;
}

.service05 .companyCase .caseAB .box02 dd {
  border: 1px solid #fff;
  height: 90px;
  display: flex;
  background: #0069ff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bg_func_060101_new.png")
    center 0 / 388px 90px no-repeat;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}

.service05 .sText03 {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #373737;
  padding: 70px 0;
}

.service05 .sText03 strong {
  color: #0069ff;
}

.service05 .tableType01 table {
  width: 100%;
  border-right: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}

.service05 .tableType01 table th {
  background: #fcfcfc;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #373737;
  height: 49px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.service05 .tableType01 table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
  padding: 8px 30px;
}

.service05 .tableType01 .price {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #0069ff;
}

.ico_toolTip {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.ico_toolTip span {
  display: none;
  position: absolute;
  left: 0;
  top: 23px;
  transform: translate(-50%, 0);
  white-space: nowrap;
  padding: 10px 20px;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  background: #fff;
  font-weight: 400 !important;
  color: #0069ff !important;
  font-size: 14px !important;
}

.ico_toolTip.active span {
  display: block;
}

@media screen and (max-width: 1300px) {
  .service05 .planFunc table thead th {
    font-size: 14px;
  }

  .service05 .planFunc table tbody th {
    font-size: 14px;
    height: 50px;
  }

  .service05 .planFunc table tbody th[rowspan] {
    padding-left: 0;
  }

  .service05 .planFunc table tbody th strong {
    font-size: 14px;
  }

  .service05 .companyCase .txt01 {
    font-size: 20px;
  }

  .service05 .companyCase .caseAB .box01 dd,
  .service05 .companyCase .caseAB .box02 dd {
    font-size: 16px;
    line-height: 22px;
  }

  .service05 .sText03 {
    padding: 50px 0;
  }

  .service05 .tableType01 table th,
  .service05 .tableType01 table td {
    font-size: 16px;
  }

  .useCaseList_wrap .btn_more span {
    position: static;
  }

  .useCaseList_wrap .btn_more {
    text-align: center;
    margin-top: 50px;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .service05 .sectionPlan .mainTxt {
    margin: 0 10px;
    font-size: 16px;
    line-height: 23px;
  }

  .service05 .text_mainMent {
    padding: 0 10px 70px;
  }

  .service05 .text_mainMent .txt01 {
    font-size: 24px;
    line-height: 35px;
  }

  .service05 .tablet {
    display: none;
  }

  .service05 .m {
    display: block !important;
  }

  .service05 .text_mainMent .txt02 {
    font-size: 16px;
    line-height: 23px;
  }

  .service05 .sectionPlan .planTab {
    display: flex;
    padding: 70px 10px;
  }

  .service05 .contentBox .cont p.sText01 {
    font-size: 16px;
    line-height: 23px;
  }

  .service05 .contentBox .cont p.sText02 {
    font-size: 16px;
    line-height: 23px;
  }

  .service05 .sectionPlan {
    margin: 0 10px 70px;
  }

  .service05 .sectionPlan .item li {
    width: auto;
    padding-top: 50px;
  }

  .service05 .planFunc {
    display: none;
  }

  .service05 .txt_sol a {
    display: block;
    margin-top: 5px;
  }

  .service05 .banner_coun {
    max-width: 960px;
    height: 160px;
    margin: 0 auto 50px;
    text-align: center;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/m/bg_counsel_02.png")
      0 0 / 100% auto no-repeat;
  }

  .service05 .banner_coun p {
    padding-left: 0;
    text-align: center;
    padding-top: 25px;
  }

  .service05 .banner_coun a {
    display: block;
    position: static;
    margin: 15px auto 0;
  }

  .service05 .companyCase {
    padding: 20px;
  }

  .service05 .companyCase .txt01 {
    font-size: 16px;
    line-height: 1.5;
  }

  .service05 .companyCase .case dd .tag span {
    display: block;
  }

  .service05 .companyCase .caseAB {
    display: block;
  }

  .service05 .companyCase .caseAB .box01 {
    margin-right: 0;
    margin-bottom: 24px;
    position: relative;
  }

  .service05 .companyCase .caseAB .box01:after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -28px;
    margin-left: -12px;
    background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_play_01.png")
      0 0 / 24px 24px no-repeat;
    width: 24px;
    height: 24px;
    transform: rotate(90deg);
  }

  .service05 .sText03 {
    font-size: 18px;
  }

  .service05 .tableType01 table th,
  .service05 .tableType01 table td {
    font-size: 14px;
    padding: 8px 10px;
  }

  .service05 .companyCase .caseAB .box02 {
    margin-left: 0;
  }

  .service05 .companyCase .caseAB .box02 .ico_toolTip.active span {
    left: auto;
    right: 0;
    transform: translate(0, 0);
  }

  .service05 .companyCase .caseAB .box01 dd:after {
    display: none;
  }

  .service05 .tableType01 table th .ico_toolTip.active span {
    left: 0;
    transform: translate(0, 0);
  }
}

/* 이벤트 */
.eventPageIn_wrap {
  background: #4746d6
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/event/230119_bpo/bg_pc_top_02.jpg")
    center 0 / auto 570px no-repeat;
  position: relative;
  margin: -150px auto 150px;
}

.eventPageIn_wrap .inner {
  max-width: 960px;
  position: relative;
  margin: 0 auto;
}

.eventPageIn_wrap .btn_eventLink {
  position: absolute;
  right: 0;
  top: 79.824%;
  width: 41.666%;
  height: 9.649%;
  overflow: hidden;
  text-indent: -9999px;
}

@media screen and (max-width: 1300px) {
  body .eventPageIn_wrap .pc {
    display: block;
  }

  body .eventPageIn_wrap .tablet {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .eventPageIn_wrap {
    margin: -120px auto 100px;
  }

  body .eventPageIn_wrap .pc {
    display: none;
  }

  body .eventPageIn_wrap .tablet {
    display: block;
  }

  .eventPageIn_wrap .btn_eventLink {
    right: 15.9179%;
    top: 75.1351%;
    width: 34.765625%;
    height: 9.909%;
  }
}

@media screen and (max-width: 768px) {
  body .eventPageIn_wrap .tablet {
    display: none;
  }

  body .eventPageIn_wrap .m {
    display: block;
  }

  .eventPageIn_wrap .btn_eventLink {
    right: 3.1669%;
    top: 84.61111%;
    width: 93.8579%;
    height: 10%;
  }
}

.swiperMainViusal {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.main_enent01 {
  background: #4a4fd7
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/event/230119_bpo/main/bg.png")
    center 0 / auto 640px no-repeat;
}

.main_enent01 .inner {
  background: #4a4fd7
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/event/230119_bpo/main/bg.png")
    center 0 / auto 640px no-repeat;
  max-width: 960px;
  height: 640px;
  margin: 0 auto;
  position: relative;
}

.main_enent01 .inner p:first-child {
  top: 173px;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #ffe91a;
}

.main_enent01 .inner p:first-child span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffe91a;
}

.main_enent01 .inner p {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.43);
  position: absolute;
  left: 0;
  top: 213px;
  font-weight: 700;
  font-size: 32px;
  line-height: 46px;
  color: #ffffff;
}

.main_enent01 .inner p strong {
  color: #ffe91a;
}

.main_enent01 .inner a {
  position: absolute;
  left: 0;
  top: 386px;
  width: 183px;
  height: 56px;
  line-height: 56px;
  background: #ffffff
    url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/bul_arrow_02.png")
    132px center / 18px 15px no-repeat;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  font-size: 18px;
  text-align: left;
  text-indent: 35px;
  color: #0069ff;
}

.swiperMainViusal .controlPanel {
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin-left: -480px;
  z-index: 40;
  display: flex;
  width: 150px;
}

.swiperMainViusal .controlPanel .swiper-pagination {
  display: inline-block;
  position: static;
  line-height: 30px;
  width: 50px;
  color: #96b4f5;
  font-weight: 700;
  font-size: 18px;
  margin: 0 20px;
}

.swiperMainViusal .controlPanel .swiper-pagination .swiper-pagination-current {
  color: #fff;
}

.swiperMainViusal .controlPanel .swiper-pagination .swiper-pagination-total {
  color: #96b4f5;
}

.swiperMainViusal .controlPanel .btn_perv {
  width: 30px;
  height: 30px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_left_01_off.png")
    0 0 / 30px 30px no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
}

.swiperMainViusal .controlPanel .btn_perv:hover {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_left_01_off.png")
    0 0 / 30px 30px no-repeat;
}

.swiperMainViusal .controlPanel .btn_next {
  width: 30px;
  height: 30px;
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_right_01_off.png")
    0 0 / 30px 30px no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
}

.swiperMainViusal .controlPanel .btn_next:hover {
  background: url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/pc/btn_right_01_on.png")
    0 0 / 30px 30px no-repeat;
}

@media screen and (max-width: 1300px) {
  .swiperMainViusal .controlPanel {
    position: absolute;
    left: 0;
    bottom: 20px;
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }

  .main_enent01 .inner {
    background: #4a4fd7
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/event/230119_bpo/main/bg_tablet.png")
      center 0 / auto 100% no-repeat;
    max-width: 100%;
    min-width: 100%;
    height: 768px;
  }

  .main_enent01 .inner p:first-child {
    top: 200px;
    font-size: 18px;
    line-height: 25px;
  }

  .main_enent01 .inner p {
    left: 15.82%;
    top: 245px;
    font-size: 32px;
    line-height: 46px;
  }

  .main_enent01 .inner a {
    left: 15.82%;
    top: 511px;
    width: 183px;
    height: 56px;
    line-height: 56px;
    padding: 0;
    background: #ffffff
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bul_arrow_02.png")
      132px center / 18px 15px no-repeat;
    font-size: 18px;
    text-indent: 35px;
  }
}

@media screen and (max-width: 768px) {
  .main_enent01 .inner {
    background: #4a4fd7
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/event/230119_bpo/main/bg_m.png")
      center 0 / auto 100% no-repeat;
    max-width: 100%;
    min-width: 100%;
    height: 480px;
  }

  .main_enent01 .inner p:first-child {
    top: 70px;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }

  .main_enent01 .inner p {
    left: 0;
    text-align: center;
    top: 100px;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
  }

  .main_enent01 .inner a {
    left: 50%;
    margin-left: -92px;
    top: 200px;
    width: 184px;
    height: 59px;
    line-height: 59px;
    padding: 0;
    background: #ffffff
      url("https://public-common-sdk.s3.ap-northeast-2.amazonaws.com/thewc/cloudgate/images/tablet/bul_arrow_02.png")
      137px center / 18px 15px no-repeat;
    font-size: 20px;
    text-indent: 30px;
  }

  .main_enent01 .tablet {
    display: none;
  }
}