/* faq */
@font-face {
  font-family: "Cafe24Danjunghae";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GmarketSansBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

.nanumpenscript * {
 font-family: 'Nanum Pen Script', cursive;
}

.footer_top {background: url(../img/footer_top_bg.png) no-repeat top center; background-color: #fff; height: 169px;}
.footer_top .container {width: 1200px; margin: auto; padding-top: 68px;}
.footer_top .container ul {overflow: hidden;}
.footer_top .container ul li {float: left; padding-right: 50px; font-size:16px; color:#fff;font-weight: 600; line-height: 20px}
.li2_padding_top {padding-top: 18px;}
.footer_top .container ul li a {display: inline-block; padding:15px 30px; color:#7380ff; background-color: #ffe54d; border-radius: 30px;font-size: 18px; margin-top: 10px; font-weight: 900;}
.footer_top .container ul li a::after {content: url(../img/footer_top_arrow.png); padding-left: 20px;}

.search-form {
  padding: 137px 0 151px;
}

.search-form .container {
  width: 80%;
  max-width: 670px;
  margin: auto;
}

.search-form .container .search-container {
  width: 100%;
  position: relative;
}

.search-form .container .search-container h2 {
  font-size: 45px;
  color: #fff;
  text-align: center;
  margin-bottom: 48px;
}

.search-form .container .search-container .search-box {
  width: 100%;
  height: 70px;
  border: 1px solid #707070;
  background-color: #fff;
  padding: 0 34px;
  font-size: 18px;
}

.search-form
  .container
  .search-container
  .search-box::-webkit-input-placeholder {
  font-size: 18px;
  color: #aaa;
}

.search-form .container .search-container .search-box:-ms-input-placeholder {
  font-size: 18px;
  color: #aaa;
}

.search-form .container .search-container .search-box::-ms-input-placeholder {
  font-size: 18px;
  color: #aaa;
}

.search-form .container .search-container .search-box::placeholder {
  font-size: 18px;
  color: #aaa;
}

.search-form .container .search-container .search-btn {
  display: block;
  border: none;
  width: 61px;
  height: 70px;
  background-color: transparent;
  padding: 0 16px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.search-form .container .search-container .search-btn img {
  width: 100%;
}

.tab-container {
  width: 100%;
  position: relative;
  background: #fff;
}

.tab-container .container {
  width: 80%;
  max-width: 1160px;
  margin: auto;
  padding: 52px 0 240px;
}

.tab-container .container .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin-bottom: 43px;
}

.tab-container .container .tab-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 192px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  margin-right: 20px;
}

.tab-container .container .tab-list div:last-child {
  margin-right: 0;
}

.tab-container .container .tab-list div .tab-button {
  display: block;
  width: 100%;
  border-radius: 18px;
  color: #1f5caa;
  border: 1px solid #1f5caa;
  font-size: 18px;
  cursor: pointer;
}

.tab-container .container .tab-list div .tab-button.active {
  background-color: #1f5caa;
  color: #fff;
}

.tab-content {
  display: none;
}

.tab-content.show {
  display: block;
}

.tab-item-wrap .tab-item {
  border-bottom: 1px solid #ddd;
}

.tab-item-wrap .tab-item button[aria-expanded="true"] {
  border-bottom: 1px solid #eee;
}

.tab-item-wrap button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  color: #1f5caa;
  font-size: 20px;
  border: none;
  background: none;
  outline: none;
  padding: 16px 11px;
}

.tab-item-wrap button:hover,
.tab-item-wrap button:focus {
  cursor: pointer;
}

.tab-item-wrap button:hover::after,
.tab-item-wrap button:focus::after {
  cursor: pointer;
  border: 1px solid #eee;
}

.tab-item-wrap button .tab-title {
  padding: 1em 1.5em 1em 0;
}

.tab-item-wrap button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 18px;
  width: 20px;
  height: 20px;
  background: url(../img/down.png) no-repeat;
  background-size: 100%;
  background-position: center;
}

.tab-item-wrap button[aria-expanded="true"] {
  background-color: #eee;
  color: #1f5caa;
}

.tab-item-wrap button[aria-expanded="true"] .icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tab-item-wrap button[aria-expanded="true"] + .tab-txt {
  opacity: 1;
  max-height: 100%;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  background-color: #eee;
}

.tab-item-wrap .tab-txt {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
  background-color: #eee;
}

.tab-item-wrap .tab-txt p {
  font-size: 16px;
  color: #333;
  padding: 11px 45px 30px;
}

.ba-content {
  clear: both;
  position: relative;
  width: 100%;
  background: #1f5caa;
}

.ba-content .container {
  width: 80%;
  max-width: 1200px;
  margin: auto;
  padding: 102px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ba-content .container .img-wrap {
  max-width: 600px;
  width: 50%;
  margin-right: 191px;
}

.ba-content .container .img-wrap img {
  width: 100%;
}

.ba-content .container .txt-wrap h2 {
  font-size: 30px;
  letter-spacing: -0.6px;
  margin-bottom: 12px;
  color: #fff;
}

.ba-content .container .txt-wrap h2.ba-title span {
  font-weight: 700;
  font-size: 35px;
}

.ba-content .container .txt-wrap p {
  font-size: 17px;
  letter-spacing: -0.36px;
  line-height: 1.3;
  color: #fff;
}

.ba-content .container .txt-wrap .btn {
  display: block;
  width: 318px;
  height: 55px;
  line-height: 55px;
  background: #111;
  border-radius: 18px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #fff;
  margin-top: 50px;
  font-size: 16px;
}

.ba-content .container .txt-wrap .btn:hover {
  background: #0c1b2f;
}

/* End faq */
/* cs */
.main .visual {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}

.main .visual.visual-cs {
  background-image: url(../img/visual_cs.png);
}

.main .visual.visual-recruit {
  background-image: url(../img/visual_recruit.png);
}

.main .visual.visual-about {
  background-image: url(../img/visual_about.png);
}

.main .visual.visual-service {
  background-image: url(../img/visual_service.png);
}

.main .visual.visual-buy {
  background-image: url(../img/visual_buy.png);
}

.main .visual .visual-title {
  font-size: 40px;
  color: #fff;
  margin: 80px auto 24px;
  font-weight: 700;
}

.main .visual .visual-title span {
  font-size: 25px;
  font-weight: normal;
}

.main .visual .visual-title p {
  font-size: 18px;
  margin-top: 20px;
  font-weight: normal;
}

.main .visual .container > span {
  font-size: 20px;
  color: #fff;
}

.cs .contents h2 {
  position: relative;
  text-align: center;
  font-size: 25px;
  letter-spacing: -0.5px;
  color: #111;
  font-weight: 700;
  padding: 40px 0 18px;
  margin-bottom: 39px;
}

.cs .contents h2:after {
  display: block;
  clear: both;
  content: "";
  width: 50px;
  height: 5px;
  background: #1f5caa;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cs .contents .page {
  font-size: 14px;
  color: #111;
  letter-spacing: -0.28px;
  margin-bottom: 10px;
}

.cs .contents .table-container {
  width: 100%;
  border-top: 2px solid #1f5caa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cs .contents .table-container .title_icon {
  margin-right: 2px;
}
.cs .contents .table-container .fa-heart {
  color: #ff0000;
}
.cs .contents .table-container .fa-lock {
  display: inline-block;
  line-height: 14px;
  width: 16px;
  font-size: 0.833em;
  color: #4f818c;
  background: #cbe3e8;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid #cbe3e8;
  vertical-align: middle;
}
.cs .contents .table-container .new_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #23db79;
  background: #b9ffda;
  text-align: center;
  border-radius: 2px;
  margin-left: 2px;
  font-weight: bold;
  vertical-align: middle;
}
.cs .contents .table-container .hot_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #ff0000;
  background: #ffb9b9;
  text-align: center;
  border-radius: 2px;
  vertical-align: middle;
}
.cs .contents .table-container .fa-caret-right {
  color: #bbb;
}
.cs .contents .table-container .fa-download {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #daae37;
  background: #ffefb9;
  text-align: center;
  border-radius: 2px;
  margin-left: 5px;
  vertical-align: middle;
}
.cs .contents .table-container .fa-link {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #b451fd;
  background: #edd3fd;
  text-align: center;
  border-radius: 2px;
  margin-left: 5px;
  vertical-align: middle;
}

.cs .contents .table-container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.cs .contents .table-container .row.row-head {
  cursor: unset;
}

.cs .contents .table-container .row.row-head .col:nth-child(2) {
  text-align: center;
}

.cs .contents .table-container .row .col {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
  padding: 19px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.cs .contents .table-container .row .col:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs .contents .table-container .row .col:nth-child(2) {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
  text-align: left;
  padding: 19px;
}

.cs .contents .table-container .row .col:nth-child(3) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cs .contents .table-container .row .col:nth-child(4) {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.cs .form-container .form-type {
  border-top: 2px solid #1f5caa;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.cs .form-container .form-contents {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 20px;
  display: none;
}

.cs .form-container .form-contents.show {
  display: block;
}

.cs .form-container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cs .form-container .row .form-group {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.cs .form-container .row .form-group .form-label {
  -webkit-box-flex: 1;
  -ms-flex: 1 3px;
  flex: 1 3px;
  max-width: 180px;
}

.cs .form-container .row .form-group:last-child .form-label {
  border-left: 1px solid #ccc;
}

.cs .form-container .row .form-group .form-info input {
  width: 100%;
}

.cs .form-container .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.cs .form-container .form-group .form-label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #f6f6f6;
  font-size: 16px;
  letter-spacing: -0.32px;
  color: #111;
  border-right: 1px solid #ccc;
}

.cs .form-container .form-group.address-form .form-label {
  height: 180px;
  line-height: 180px;
}

.cs .form-container .form-group.address-form .input-group {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.cs .form-container .form-group.address-form .input-group .row {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 9px 21px;
}

.cs .form-container .form-group.address-form .input-group .row:nth-child(3) {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cs
  .form-container
  .form-group.address-form
  .input-group
  .row:nth-child(3)
  input {
  width: 50%;
  max-width: 360px;
  margin-right: 10px;
}

.cs
  .form-container
  .form-group.address-form
  .input-group
  .row:nth-child(3)
  input.address3 {
  max-width: 343px;
}

.cs .form-container .form-group.address-form .input-group .row input {
  height: 40px;
  padding: 8px 15px;
  width: 100%;
  max-width: 713px;
  font-size: 16px;
}

.cs
  .form-container
  .form-group.address-form
  .input-group
  .row
  input::-webkit-input-placeholder {
  color: #aaa;
}

.cs
  .form-container
  .form-group.address-form
  .input-group
  .row
  input:-ms-input-placeholder {
  color: #aaa;
}

.cs
  .form-container
  .form-group.address-form
  .input-group
  .row
  input::-ms-input-placeholder {
  color: #aaa;
}

.cs
  .form-container
  .form-group.address-form
  .input-group
  .row
  input::placeholder {
  color: #aaa;
}

.cs .form-container .form-group.address-form .input-group .row .postcode {
  width: 164px;
}

.cs .form-container .form-group.address-form .input-group .row .address-btn {
  width: 164px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 10px;
  cursor: pointer;
}

.cs .form-container .form-group.type-form .form-label {
  height: 149px;
  line-height: 149px;
}

.cs .form-container .form-group.type-form .form-info {
  padding: 18px 21px;
}

.cs .form-container .form-group.type-form .form-check-label {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.cs .form-container .form-group.type-form .form-check-label:last-child {
  margin-bottom: 0;
}

.cs .form-container .form-group.detail-form .form-label {
  height: 95px;
  line-height: 95px;
}

.cs .form-container .form-group .form-check-label {
  position: relative;
  margin-right: 40px;
  font-size: 16px;
  letter-spacing: -0.32px;
  color: #aaa;
  cursor: pointer;
}

.cs .form-container .form-group .form-check-label:last-child {
  margin-right: 0;
}

.cs .form-container .form-group .form-check-label .radiobox {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ddd;
  position: absolute;
  left: 0;
  top: 0;
}

.cs .form-container .form-group .form-check-label .radiobox:before {
  clear: both;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
}

.cs .form-container .form-group .form-check-label input[type="radio"] {
  opacity: 0;
}

.cs
  .form-container
  .form-group
  .form-check-label
  input[type="radio"]:checked
  + .radiobox {
  background-color: #1f5caa;
  border: 1px solid #1f5caa;
}

.cs .form-container .form-group .form-info {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 10px 21px;
  position: relative;
}

.cs .form-container .form-group .form-info input[type="text"] {
  width: 100%;
  max-width: 357px;
  height: 40px;
  padding: 8px 15px;
  font-size: 16px;
  letter-spacing: -0.32px;
  color: #111;
}

.cs
  .form-container
  .form-group
  .form-info
  input[type="text"]::-webkit-input-placeholder {
  color: #aaa;
}

.cs
  .form-container
  .form-group
  .form-info
  input[type="text"]:-ms-input-placeholder {
  color: #aaa;
}

.cs
  .form-container
  .form-group
  .form-info
  input[type="text"]::-ms-input-placeholder {
  color: #aaa;
}

.cs .form-container .form-group .form-info input[type="text"]::placeholder {
  color: #aaa;
}

.cs .form-container .form-group .form-info input[type="text"].extraInfo {
  max-width: 143px;
  margin-left: 20px;
}

.cs .form-container .form-group .form-info select {
  height: 40px;
  padding: 8px 15px;
  width: 50%;
  max-width: 357px;
  font-size: 16px;
  letter-spacing: -0.32px;
  color: #aaa;
  cursor: pointer;
  background: url(../img/down-arrow.png) no-repeat;
  background-position: 96% 50%;
  background-size: 20px;
}

.cs .form-container .form-group .form-info textarea {
  width: 100%;
  height: 70px;
  border: solid 1px #cccccc;
  background-color: #f6f6f6;
  resize: none;
  padding: 8px 15px;
  font-size: 16px;
  letter-spacing: -0.32px;
  color: #111;
  border-radius: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cs .form-container .form-group .form-info input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.cs .form-container .form-group .form-info .upload-label {
  display: inline-block;
  width: 94px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #111;
  font-size: 16px;
  letter-spacing: -0.32px;
  cursor: pointer;
  border: solid 1px #ccc;
  background-color: #f6f6f6;
}

.cs .form-container .form-group .form-info .upload-name {
  display: inline-block;
  color: #111;
  font-size: 16px;
  letter-spacing: -0.32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cs .form-container .form-group .form-info .upload-info {
  font-size: 16px;
  letter-spacing: -0.32px;
  color: #ff0000;
}

.cs
  .form-container
  .form-group
  .form-info.type-info
  .form-check-label:nth-child(5) {
  margin-right: 0;
}

.cs .form-container .form-privacy {
  text-align: center;
}

.cs .form-container .form-privacy .form-box {
  width: 100%;
  height: 220px;
  overflow-y: auto;
  background-color: #f6f6f6;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.32px;
  padding: 30px 17px 0;
  border: 1px solid #ccc;
  text-align: left;
}

.cs .form-container .form-privacy .form-check {
  width: 100%;
  margin: 19px auto 51px;
  text-align: left;
}

.cs .form-container .form-privacy .form-check .agree-check {
  position: relative;
  padding-top: 3px;
  padding-left: 10px;
  cursor: pointer;
  font-size: 16px;
  color: #111;
  letter-spacing: -0.32px;
}

.cs .form-container .form-privacy .form-check .agree-check .checkbox {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 7px;
  background-image: url(../img/correct.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}

.cs .form-container .form-privacy .form-check .agree-check .agree-checkbox {
  opacity: 0;
}

.cs
  .form-container
  .form-privacy
  .form-check
  .agree-check
  .agree-checkbox:checked
  + .checkbox {
  background-color: #1f5caa;
  background-image: url(../img/correct-w.png);
  border: 1px solid #1f5caa;
}

.cs .form-container .form-privacy .submit-btn {
  width: 288px;
  height: 60px;
  background-color: #1f5caa;
  text-align: center;
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 60px;
  margin: auto;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

/* End cs */
/* recruit */
.recruit .container {
  width: 90%;
  max-width: 1200px;
  margin: 115px auto 0;
}

.recruit .container .item-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recruit .container .item-container .item {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 1px solid #1f5caa;
  text-align: center;
  padding: 45px 0;
  background: #fff;
}

.recruit .container .item-container .item .title {
  font-size: 25px;
  letter-spacing: -0.5px;
  color: #1f5caa;
  font-weight: 700;
}

.recruit .container .item-container .item p {
  width: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
}

.recruit .table-content {
  position: relative;
  width: 100%;
  margin-top: -110px;
  z-index: -1;
  padding-bottom: 160px;
}

.recruit .table-content.blue {
  background: #1f5caa;
}

.recruit .table-content .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.recruit .table-content .container h2 {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 25px;
  letter-spacing: -0.5px;
  font-weight: 700;
  padding: 252px 0 23px;
  margin-bottom: 46px;
}

.recruit .table-content .container h2:after {
  display: block;
  clear: both;
  content: "";
  width: 50px;
  height: 5px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.recruit .table-content .container h2.black {
  color: #111;
}

.recruit .table-content .container h2.black:after {
  background: #1f5caa;
}

.recruit .table-content .container .table {
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ddd;
  border-top: 2px solid #1f5caa;
}

.recruit .table-content .container .table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dddddd;
  min-height: 55px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruit .table-content .container .table .row .col {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding: 16px 10px 15px;
  text-align: center;
  font-size: 16px;
  border-left: 1px solid #dddddd;
}

.recruit .table-content .container .table .row .col:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
}

.recruit .table-content .container .table .row .col:nth-child(2) {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.recruit .table-content .container .table .row .col:nth-child(3) {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.recruit .table-content .container .table .row .col.col-0 {
  padding-top: 26px;
}

.recruit .table-content .container .table .row .col-span {
  -webkit-box-flex: 4 !important;
  -ms-flex: 4 !important;
  flex: 4 !important;
}

.recruit .table-content .container .table .row.row-head {
  background: #eee;
}

.recruit .table-content .container .table .row.row-foot {
  background: #eee;
}

.recruit .table-content .container .table .row.row-foot .col {
  font-weight: 700;
  color: #1f5caa;
  letter-spacing: -0.32px;
}

.recruit .table-content .container .table .row.row-foot .col:nth-child(1) {
  padding: 16px 7.5px 15px;
}

.recruit .table-content .container .table .row.row-foot .col:nth-child(2) {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

/* End recruit */
/* about */
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.about {margin-bottom: 100px;}
.about .about-info {
  padding: 128px 0 168px;
  text-align: left;
  position: relative;
}

.about .about-info h2 {
  font-size: 45px;
  line-height: 51px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}

.about .about-info h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}
.about .about-info p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 27px;
}

.about .about-info h2 span {
  font-size: 20px;
  color: #0068e8;
  padding-left: 10px;
}

.about .about-info .txt {
  font-size: 24px;
  margin-bottom: 33.7px;
  line-height: 1.6;
}

.about .about-info .txt ul li {
  list-style: disc;
  font-size: 20px;
  margin-left: 20px;
}

.about .about-info img {
  position: absolute;
  left: 48%;
  top: 145px;
  box-shadow: 2px 2px 20px rgba(0,0,0,0.3);
}

.about .about-info2 {
  background: url(../img/info2_bg.png) no-repeat top center;
  background-color:#eee;
  padding-bottom: 100px;
}

.about .about-info2 .container {
  margin:0 auto;
  max-width: 1200px;
}
.about .about-info2 h1 {
  font-size: 50px;
  font-weight: 600;
text-align: center;
padding-top: 75px;
position: relative;
}
.about .about-info2 h1 span {
  display: block;
  font-size: 20px;
  color:#888;
}
.about .about-info2 h1::after {
  content: "";
  position: absolute;
  top:0;
  left:50%;
  width: 1px;
  height: 50px;
  background: #bbb;
  transform: translateX(-50%);
}

.about .about-info2 .container > ul {
  width: 1200px;
  margin-top: 70px;
  padding: 40px 100px;
  background: #fff;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.3);
  position: relative;
}

.about .about-info2 .container > ul > li {
  display: inline-block;
  margin-right: 100px;
}

.about .about-info2 .container > ul .ul_img {
  position: absolute; 
  top: -20px;
  right: 100px;
}

.about .about-info2 .container > ul > li ul {

}

.about .about-info2 .container > ul > li ul li {
  list-style:circle;
  font-size: 15px;
  font-weight: bold;
  line-height: 35px;
}

.about .about-solution {
  position: relative;
  width: 100%;
  background-color: #1f5caa;
  padding: 127px 0 123px;
  color: #fff;
  background-image: url(../img/7.png);
  background-repeat: no-repeat;
  background-size: 264px;
  background-position: 100% 20px;
}

.about .about-solution .container {
  width: 85%;
  max-width: 1076px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about .about-solution .container .txt-wrap {
  margin-top: 11px;
  text-align: center;
  width: 100%;
}

.about .about-solution .container .txt-wrap .txt-title {
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 56px;
}

.about .about-solution .container .txt-wrap .txt-title p {
  font-size: 30px;
  font-weight: normal;
}

.about .about-solution .container .txt-wrap .txt {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1.7;
}

.about .about-solution .container .txt-wrap .txt-list p:before {
  clear: both;
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url(../img/check-icon.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about .about-solution .container .img-wrap {
  max-width: 190px;
}

.about .about-solution .container .img-wrap img {
  width: 100%;
}

.about .about-solution .bg-icon {
  position: absolute;
  width: 50%;
}

.about .about-solution .bg-icon.icon1 {
  left: 0;
  top: 30px;
  max-width: 302px;
}

.about .about-solution .bg-icon.icon2 {
  left: 50%;
  bottom: -180px;
  max-width: 527px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.about .about-solution .bg-icon img {
  width: 100%;
}

.about .down-content {
  background: #fff;
}

.about .down-content .img-wrap {
  max-width: 398px;
  margin-right: 81px;
}

.about .down-content .txt-wrap h2 {
  margin-bottom: 25px;
}

.about .down-content .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about .down-content .btn-wrap .btn {
  width: 203px;
  margin-right: 20px;
  border: 1px solid #1f5caa;
  background: #fff;
  color: #1f5caa;
}

.about .down-content .btn-wrap .btn:hover {
  background: #1f5caa;
  color: #fff;
}

.about .down-content .btn-wrap .btn:last-child {
  margin-right: 0;
}

/* End about */
/* service */
.service-tab {
  position: relative;
  width: 100%;
  height: 595px;
  background-color: #1f5caa;
  color: #fff;
  padding: 70px 0 252px;
  text-align: center;
  overflow: hidden;
}

.service-tab .tab-title {
  font-size: 35px;
  letter-spacing: -0.7px;
  margin-bottom: 37px;
  line-height: 1.29;
}

.service-tab .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 38px;
}

.service-tab .tab-list div:first-child {
  margin-right: 69px;
}

.service-tab .tab-list .tab-button {
  position: relative;
  color: #fff;
  font-size: 20px;
  letter-spacing: -0.4px;
  padding: 0 3px 8px;
  cursor: pointer;
}

.service-tab .tab-list .tab-button:after {
  display: none;
  clear: both;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.service-tab .tab-list .tab-button.active:after {
  display: block;
}

.service-tab .tab-content {
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 1.5;
}

.service-tab .tab-img {
  width: 50%;
  max-width: 656px;
  position: absolute;
  left: 50%;
  bottom: -125px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}

.service-tab .tab-img.show {
  display: block;
}

.service-tab .tab-img img {
  width: 100%;
}

.service-item .service-item-container {
  width: 90%;
  max-width: 1200px;
  margin: 98px auto 109px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  display: none;
}

.service-item .service-item-container.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.service-item .item {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  text-align: center;
  padding-top: 43px;
}

.service-item .item:nth-of-type(1) {
  background-color: #f77e4f;
}

.service-item .item:nth-of-type(2) {
  background-color: #f7a902;
}

.service-item .item:nth-of-type(3) {
  background-color: #af4ebd;
}

.service-item .item:nth-of-type(4) {
  background-color: #81ae4a;
}

.service-item .item .txt {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin-top: 25px;
}

.service-ba {
  position: relative;
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding-bottom: 100px;
}

.service-ba .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 100px 0 0px;
}
.service_info { 
  display: block;
  text-align: center;
  width: 1200px;
  overflow: hidden;
}
.service_info h2 {
  font-size: 55px;
  font-weight: 900;
  font-family: "NotoSans";
  margin-bottom: 50px;
}

.service_info .service_box {
  float: left;
  width: 600px;
  padding:70px 45px;
  text-align: left;
  height: 350px;
}

.box1 {
 background:#3f529e;
 color:#fff;
 position: relative;
}
.box1 img {
  position:absolute;
   top:42px;
   right: 29px;
}
.box1 a {background: #6375c0; color:#fff}
.box2 {
  background:#f3f3f3;
  position: relative;
 }
 .box2 img {
  position:absolute;
   top:34px;
   right: 56px;
}
.box2 a {background: #979797; color:#fff}
.box3 {
  background:#f3f3f3;
  position: relative;
 }
 .box3 img {
  position:absolute;
   top:55px;
   right: 50px;
}
.box3 a {background: #979797; color:#fff}

 .box4 {
  background:#2dbdbd;
  position: relative;
  color:#fff;
  padding-top: 45px !important;
 }
 .box4 img {
  position:absolute;
   top:32px;
   right: 55px;
}
.box4 a {
  background: #0a7f82; color:#fff
}
 .service_info .service_box h4 {
   font-size: 25px;
   font-weight: bold;
   margin-bottom: 15px;
 }

 .service_info .service_box p {
  font-size: 14px;
  font-weight: 500;
  width: 300px;
  word-break: keep-all;
  margin-bottom: 40px;

}
.service_info .service_box a {
  padding:12px 20px;
  border-radius: 30px;
}

/*dhc*/
.service_info .alliancepc {}
.service_info .alliance {display:none}
.service_info .alliancepc ul {padding:0; margin:0; text-align:left}
.service_info .alliancepc ul li {list-style : none; width:31%; display:inline-block; margin:0 20px 20px 0;}
.service_info .alliancepc ul li:nth-child(3n) {margin-right:0}
.service_info .alliancepc ul li img {width:100%}


.service_info .service_dh {display:none}
.service_info .service_dhpc {}
.service_info .service_dhpc ul {text-align:center; margin:0; padding:10px 0 30px}
.service_info .service_dhpc ul li {display:inline-block;padding: 0 10px; list-style:none; font-size:24px;color:#333}
.service_info .service_dhpc ul li.on a {font-weight:bold; color:#0458b5 !important}

                        
.service_info .service_dhpc .tab_cont {}
.service_info .service_dhpc .tab_cont ul {border:none; text-align:left}
.service_info .service_dhpc .tab_cont ul li {padding-bottom:10px; width:32%; margin-right:1%;}
.service_info .service_dhpc .tab_cont ul li:nth-child(3n) {margin-right:0}
.service_info .service_dhpc .tab_cont ul li img {width:100% }


.service_middle {
  margin-top: 0px;
  vertical-align: top;
  margin-bottom: 100px;
  
}
.service_middle .middle_01 {
  display: inline-block;
  width:370px;
  margin-right: 100px;
  margin-top: 30px;
}
.service_middle .middle_01 h4 {
 font-size: 34px;
 font-weight: bold;
 margin-bottom: 18px;
}
.service_middle .middle_01 h5 {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 15px;
 }
 .service_middle .middle_01 p {
   font-size: 15px;
   word-break: keep-all;
 }

.service_middle .middle_02 {
  display: inline-block;
  width:700px;
  vertical-align: top;
}

.service_bottom {
  background: #f3f3f3;

}
.service_bottom .bottom_s {
  text-align: center;
  padding-bottom: 100px;
  margin-bottom: 100px;
}
.service_bottom .bottom_s h2 {
  font-size: 45px;
  padding-top: 70px;
  font-weight: bold;
  margin-bottom: 15px;
  
}
.service_bottom .bottom_s p {
  font-size: 16px;
  margin-bottom: 50px;
}

.service_bottom .bottom_s img {
  box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
}

.service-ba .txt {
  width: 50%;
}
.service-plat {
  width: 1200px;
  margin-bottom: 100px;
}
.service-plat h2 {
  font-size: 55px;
  font-weight: 600;
  margin-bottom: 10px;

}

.service-plat h2 span {
  color:#1f5caa;
}

.service-plat p {
  font-size: 20px;
  display: block;
  line-height: 35px;
}
.service-plat p span {
  display: block;
  font-family: 'Nanum Pen Script', cursive;
  font-size: 31px;
  margin-bottom: 50px;
}

.service-plat > img {
 box-shadow: 10px 10px 30px rgba(0,0,0,0.3);
 margin:40px 0;
}

.pc {display: block}
.mobile {display:none}

.card_leader {
  width: 1200px;
}
.card_leader p {
 font-size: 20px;
 margin-bottom: 50px;
}

.card_leader .card_txt {
  text-align: left;
  margin-top: 50px;
  padding-left: 20px;
}

.left_right_box {
  width:1200px;
  position: relative;
  height: 500px;
  text-align: left;
  border-bottom:1px solid #eee;
  padding:40px 0;
}

.left_right_box .img_box {
  width:600px;
  position: absolute;
  top: 50px;
  text-align: center;
}
.left_right_box .img_box img {
  width:550px;
  display: inline-block;
}

.left_right_box .txt_box {
  width:600px;
  position: absolute;
  top:80px;
  padding: 0 20px 
}

.right {
  left:50%;
}

.left {
  left: 0;
}

.left_right_box .txt_box .txt_title {
  font-size: 28px;
  margin-bottom: 20px;
}
.left_right_box .txt_box .txt_title span {
  font-size: 60px;
  font-weight: 600;
}

.left_right_box .txt_box p {
  font-size: 18px;
  margin-bottom: 15px;

}



.service-ba .txt a {
  padding: 10px 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #f6f6f6;
  transition: all 0.3s ease;
}

.service-ba .txt a:hover {
  background: #0458b5;
  color: #fff;
  border: 1px solid #0458b5;
}

.service-ba.ba-w {
  background-color: #fff;
}

.service-ba.ba-b {
  background-color: #1f5caa;
}

.service-ba.ba-b .untact {
  width: 100%;
  text-align: center;
  color: #fff;
}
.service-ba.ba-b .untact h1 {
  display: block;
  font-size: 40px;
  margin-bottom: 80px;
  color: #fff;
  font-family: "Cafe24Danjunghae";
  position: relative;
}
.service-ba.ba-b .untact h1:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: calc(50% - 25px);
  width: 50px;
  height: 5px;
  background: #fff;
}
.service-ba.ba-b .untact h2 {
  font-size: 35px;
  margin-bottom: 30px;
}

.service-ba.ba-b .untact p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.service-ba.ba-b .untact p span {
  font-weight: bold;
}

.service-ba.ba-b .untact table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.service-ba.ba-b .untact table tbody {
}

.service-ba.ba-b .untact table tbody td {
  background: #fff;
  color: #333;
  padding: 20px 0;
  border: 1px solid #ddd;
  vertical-align: middle;
}

.service-ba.ba-b .untact table tbody th {
  border: 1px solid #fff;
  padding: 20px 0;
  vertical-align: middle;
  background: #0458b5;
}

.service-ba.ba-b .txt {
  color: #fff;
}

.service-ba.ba-b .txt.txt-line {
  width: 483px;
}

.service-ba.ba-b .txt p {
  color: #fff;
}

.service-ba .img {
  width: 50%;
  max-width: 380px;
}

.service-ba .img img {
  width: 100%;
}

.service-ba .txt .txt-title {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: -2.25px;
  margin: 122px 0 30px;
}

.service-ba .txt .txt-title span {
  font-size: 35px;
  font-weight: normal;
  letter-spacing: -1.75px;
}

.service-ba .txt p {
  font-size: 18px;
  color: #000;
  letter-spacing: -0.9px;
  line-height: 1.5;
  margin-bottom: 40px;
}

.service-table {
  width: 90%;
  max-width: 1200px;
  text-align: center;
  padding: 85px 0 129px;
  margin: auto;
}

.service-table .title {
  position: relative;
  font-size: 25px;
  font-weight: 700;
  color: #111;
  letter-spacing: -0.5px;
  padding-bottom: 13px;
}

.service-table .title:after {
  display: block;
  clear: both;
  content: "";
  width: 50px;
  height: 5px;
  background-color: #1f5caa;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.service-table .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 47px auto 20px;
}

.service-table .table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  border-bottom: 1px solid #ddd;
}

.service-table .table .row.row-head {
  border-top: 2px solid #1f5caa;
  background-color: #eee;
}

.service-table .table .row.row-head .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-table .table .row .col {
  -webkit-box-flex: 4;
  -ms-flex: 4 2px;
  flex: 4 2px;
  padding: 18px 0;
  border-right: 1px solid #ddd;
}

.service-table .table .row .col:first-child {
  border-left: 1px solid #ddd;
}

.service-table .table .row .col.col-span {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.service-table .table .row .col.col-1 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.service-table .table .row .col.col-5 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.service-table .table-info {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.32px;
  text-align: left;
}

/* End service */
/* buy */
.buy .container {
  max-width: 1200px;
  width: 90%;
  margin: 89px auto 284px;
}

.buy .buy-item-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.buy .buy-item-wrap .buy-item {
  display: inline-block;
  width: 24%;
  padding: 0 1%;
  margin-bottom: 66px;
  vertical-align: top;
}

.buy .buy-item-wrap .buy-item .item-img {
  width: 100%;
}

.buy .buy-item-wrap .buy-item .item-img a {
  display: block;
  width: 100%;
}

.buy .buy-item-wrap .buy-item .item-img a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.buy .buy-item-wrap .buy-item .item-price {
  text-align: center;
}

.buy .buy-item-wrap .buy-item .item-price .item-title {
  margin: 22px auto 9px;
  font-size: 15px;
}

.buy .buy-item-wrap .buy-item .item-price .price {
  font-size: 18px;
}

.buy .buy-item-wrap .buy-item .item-price .price .sale {
  font-size: 14px;
  color: #aaa;
  text-decoration: line-through;
  margin-right: 10px;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}
.news {
  text-align: center;
}
.news h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 50px;
}

.news_table {
  text-align: center;
  width: 100%;
  border-top: 2px solid #1f5caa;
  border-collapse: collapse;
  margin-bottom: 80px;
}

.news_table thead th {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: bold;
}

.news_table tbody td {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}

.news_table tbody td .list_img {
  width: 120px;
  height: 90px;
  border: 1px solid #ddd;
  margin: 0 20px;
  background-color: #000;
}

.news_table tbody td .list_img img {
  width: 100%;
}

.news_table tbody td .list_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.news_table tbody td p {
  font-size: 16px;
  font-weight: 400;
}

.news .list_more {
  padding: 20px 100px;
  font-size: 17px;
  border: 1px solid #ddd;
  margin-top: 100px;
  border-radius: 10px;
  transition: all 0.4s ease;
}

.news .list_more:hover {
  border: 1px solid #ddd;
  background-color: #ddd;
  color: #333;
}

.shop {
}

.shop .shop_left {
  background: #f1f1f1;
  padding: 100px 0;
  overflow: hidden;
}

.shop .shop_right {
  background: #fff;
  padding: 100px 0;
  overflow: hidden;
}

.shop .shop_img {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.shop .shop_txt {
  width: 49%;
  padding: 50px 0 0 50px;
  display: inline-block;
}

.shop .shop_right .shop_txt {
  width: 49%;
  padding: 50px 100px 0 0;
  display: inline-block;
}

.shop .shop_txt .item_title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "GmarketSansBold";
}
.shop .shop_txt .item_pay span {
  font-size: 14px;
}

.mb20 {
  margin-bottom: 20px !important;
}
.shop .shop_txt .item_pay {
  font-size: 33px;
  padding-left: 5px;
  font-weight: bold;
  color: #1f5caa;
  font-family: "GmarketSansBold";
}

.shop .shop_txt .item_con_title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.shop .shop_txt .item_con {
  font-size: 16px;
  margin-bottom: 20px;
}

.shop .shop_txt .item_detail_title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.shop .shop_txt .item_detail {
  font-size: 16px;
  margin-bottom: 20px;
}

.shop .shop_txt a {
  font-size: 16px;
  text-decoration: underline;
  display: block;
}

.shop .shop_txt .Pur {
  font-size: 16px;
  padding: 13px 60px 13px 20px;
  text-decoration: none;
  background: #1f5caa;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  margin: 30px 0;
  transition: all 0.4s ease;
}

.shop .shop_txt .Pur:hover {
  background: #09366f;
}

.franchise_info {
  overflow: hidden;
}
.franchise_info .franchise_txt {
  width:600px;
  padding-right: 100px;
  float: left;
}
.franchise_info .franchise_txt p {
  width:100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 16px;
  word-break: keep-all;
}

.franchise_info .franchise_txt img {
  position: initial;
  box-shadow: none;
}
.franchise_info .franchise_img {
  float: right;
  width: 600px;
  padding: 20px 20px 20px 0;
}
.franchise_info .franchise_img img {
  width:580px;
  display: block;
  position: initial;
}

/* End buy */
@media (max-width: 1435px) {
  .cs .form-container .row .form-group .form-label {
    -webkit-box-flex: 1;
    -ms-flex: 1 5px;
    flex: 1 5px;
  }
}

@media (max-width: 1366px) {
  .cs .form-container .row .form-group .form-label {
    -webkit-box-flex: 1;
    -ms-flex: 1 20px;
    flex: 1 20px;
  }
}




@media (max-width:1200px) {
  .footer_top {background: url(../img/footer_top_bg.png) no-repeat; background-color: #7380ff; height: auto; background-position: top 25px right -353px;}
  .footer_top .container {width: 100%; padding-top: 17px; padding-bottom: 60px;}
  .footer_top .container ul {padding: 20px}

  .franchise_info .franchise_txt {
    width:100%;
    padding-right: 20px;
    padding-left: 20px;
  }
   
  .franchise_info .franchise_img {
    width: 100%;
    padding: 30px 20px 0 20px;
  }
  .franchise_info .franchise_img img {
    width:100%;
  }
  

}

@media (max-width:920px) {
  .footer_top {background: url(../img/footer_top_bg.png) no-repeat; background-color: #7380ff; height: auto; background-position: top 110px right -353px;}
  .footer_top .container ul li a {margin-top: 45px; }
}

@media (max-width:768px) {
  .footer_top {background: url(../img/footer_top_bg.png) no-repeat; background-color: #7380ff; height: auto; background-position: top 180px right -220px;}
  .footer_top {background-size: 1250px;}
  .footer_top .container ul li {float: none; font-size: 3.5vw;}
  .pc {display: none}
  .mobile {display:block}
  .service-plat > img { width: 100%;}

}



@media (max-width: 1024px) {
  .ba-content .container .img-wrap {
    width: 45%;
    margin-right: 61px;
  }
  .recruit .container {
    margin: 95px auto 0;
  }
  .recruit .container .item-container .item {
    height: 170px;
    width: 170px;
    padding: 40px 0;
  }
  .recruit .container .item-container .item .title {
    font-size: 22px;
  }
  .recruit .container .item-container .item p {
    font-size: 15px;
    top: 65%;
  }
  .recruit .table-content {
    margin-top: -90px;
  }
  .recruit .table-content .container h2 {
    padding: 212px 0 23px;
  }
  .service-item .item {
    width: 210px;
    height: 210px;
    padding-top: 33px;
  }
  .service-item .item .txt {
    margin-top: 15px;
    font-size: 14px;
  }
  .service-ba .service-item-container {
    width: 80%;
    padding: 99px 0 107px;
  }
  .service-ba .img {
    width: 40%;
  }
  .service-ba .txt .txt-title {
    font-size: 38px;
    margin: 122px 0 30px;
  }
  .service-ba .txt .txt-title span {
    font-size: 30px;
  }
  .service-tab {
    height: auto;
  }
  .service-tab .tab-img {
    bottom: -85px;
  }
  .service-ba.ba-b .txt.txt-line {
    width: 403px;
  }
  .search-form .container .search-container h2 {
    font-size: 38px;
  }
  .search-form .container .search-container .search-box {
    height: 60px;
  }
  .search-form .container .search-container .search-btn {
    height: 60px;
  }
  .cs .container .tab-list div .tab-button {
    font-size: 16px;
  }
  .cs .form-container .row .form-group .form-label {
    -webkit-box-flex: 1;
    -ms-flex: 1 100px;
    flex: 1 100px;
  }
  .cs .form-container .form-group .form-check-label {
    margin-right: 25px;
  }
  .cs .form-container .form-group .form-info input[type="text"].extraInfo {
    margin-left: 10px;
  }
}

@media (max-width: 768px) {
  .main .visual .visual-title {
    font-size: 40px;
  }
  .about .about-info .txt {
    font-size: 23px;
  }
  .about .about-solution .container .txt-wrap .txt-title {
    font-size: 28px;
  }
  .about .about-solution .container .txt-wrap .txt-title p {
    font-size: 18px;
  }
  .about .about-solution .container .txt-wrap .txt-list p {
    font-size: 18px;
  }
  .ba-content .container {
    width: 85%;
  }
  .ba-content .container .txt-wrap h2 {
    font-size: 26px;
  }
  .ba-content .container .txt-wrap h2.ba-title span {
    font-size: 30px;
  }
  .ba-content .container .txt-wrap p {
    font-size: 17px;
  }
  .recruit .container .item-container .item {
    width: 135px;
    height: 135px;
    padding: 32px 0;
  }
  .recruit .container .item-container .item .title {
    font-size: 18px;
  }
  .recruit .container .item-container .item p {
    font-size: 13px;
    top: 63%;
  }
  .recruit .table-content {
    margin-top: -65px;
    padding-bottom: 110px;
  }
  .recruit .table-content .container h2 {
    padding-top: 162px;
  }
  .recruit .table-content .container .table .row .col {
    padding: 16px 7px 15px;
    font-size: 15px;
  }
  .recruit .table-content .container .table .row.row-foot .col:nth-child(1) {
    padding: 16px 5px 15px;
  }
  .recruit .table-content .container .table-2 .row:nth-child(3) .col-0 {
    padding-top: 36px;
  }
  .service-tab {
    height: 535px;
    background-size: 77%;
  }
  .service-tab .tab-title {
    font-size: 32px;
  }
  .service-item {
    text-align: center;
  }
  .service-item .item {
    width: 165px;
    height: 165px;
    padding-top: 26px;
  }
  .service-item .item .img {
    width: 30%;
    margin: auto;
  }
  .service-item .item .img img {
    width: 100%;
  }
  .service-item .item .txt {
    margin-top: 10px;
    line-height: 1.3;
    font-size: 12px;
  }
  .service-ba .container {
    padding: 69px 0 77px;
  }
  .service-ba .txt .txt-title {
    font-size: 28px;
    margin-top: 82px;
  }
  .service-ba .txt .txt-title span {
    font-size: 22px;
  }
  .service-ba .txt p {
    font-size: 16px;
  }
  .service-ba.ba-b .txt.txt-line {
    width: 288px;
  }
  .cs .container {
    width: 85%;
  }
  .cs .container .tab-list div {
    margin-right: 10px;
  }
  .cs .container .tab-list div .tab-button {
    font-size: 15px;
  }
  .cs .form-container .row {
    display: block;
  }
  .cs .form-container .row .form-group:last-child .form-label {
    border-left: 0;
  }
  .cs .form-container .apply-option .form-label {
    height: 80px;
    line-height: 80px;
  }
  .cs .form-container .apply-option .form-check-label {
    margin-right: 35px;
    margin-bottom: 15px;
  }
  .cs .form-container .form-group .file-label {
    height: 80px;
    line-height: 80px;
  }
  .cs .form-container .form-group .form-info .upload-name {
    margin-left: 5px;
    font-size: 15px;
  }
  .cs .form-container .form-group .form-info .upload-info {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
  }
  .buy .buy-item-wrap .buy-item .item-price .price {
    font-size: 17px;
  }

  .service_info .service_box {
    width: 100%;
  }
  
  .box1 {
   background:#3f529e;
   color:#fff;
   position: relative;
  }
  .box1 img {
    top:auto;
    right: 29px;
    bottom:70px;
    width:21vw;
  }
   
   .box2 img {
      top:auto;
      right: 29px;
      bottom:70px;
      width:21vw;
  }
  
   .box3 img {
      top:auto;
      right: 29px;
      bottom:70px;
      width:21vw;
  }
  
   .box4 img {
      top:auto;
      right: 18px;
      bottom:50px;
      width:21vw;
  }
  
  .service_info h2 {
    font-size: 8vw;
  }

  
   .service_info .service_box h4 {
     font-size: 25px;
     font-weight: bold;
     margin-bottom: 15px;
   }
  
   .service_info .service_box p {
    font-size: 14px;
    font-weight: 500;
    width: 300px;
    word-break: keep-all;
    margin-bottom: 40px;
  
  }
  .service_info .service_box a {
    padding:12px 20px;
    border-radius: 30px;
  }
  .box3 {
    background: #ddd;
  }

.service_info .alliancepc {display:none}
.service_info .alliance {display:block}
.service_info .alliance ul {padding:0; margin:0;text-align: left;}
.service_info .alliance ul li {list-style : none; width:31%; display:inline-block; margin:0 1.2% 10px 0;}
.service_info .alliance ul li:nth-child(3n) {margin-right:0}
.service_info .alliance ul li img {width:100%}



.service_info .service_dhpc {}
.service_info .service_dhpc ul {text-align:center; margin:0; padding:10px 0 30px}
.service_info .service_dhpc ul li {display:inline-block;padding: 0 10px; list-style:none; font-size:24px;color:#333}
.service_info .service_dhpc ul li.on a {font-weight:bold; color:#0458b5 !important}

                        
.service_info .service_dhpc .tab_cont {}
.service_info .service_dhpc .tab_cont ul {border:none; text-align:left}
.service_info .service_dhpc .tab_cont ul li {padding-bottom:10px; width:32%; margin-right:1%;}
.service_info .service_dhpc .tab_cont ul li:nth-child(3n) {margin-right:0}
.service_info .service_dhpc .tab_cont ul li img {width:100% }

.service_info .service_dhpc {display:none}
.service_info .service_dh {display:block}
.service_info .service_dh ul {text-align:center; margin:2; padding:10px 0 15px ; overflow-x:scroll; border-bottom:2px solid #0458B5;}
.service_info .service_dh ul li {display:inline-block;padding: 0 10px; list-style:none; font-size:18px;color:#333}
.service_info .service_dh ul li.on a{font-weight:bold; color:#0458b5 !important}

.service_info .service_dh .tab_cont {}
.service_info .service_dh .tab_cont ul {border:none}
.service_info .service_dh .tab_cont ul li {padding-bottom:10px; width:100%}
.service_info .service_dh .tab_cont ul li img {width:100%; box-shadow:3px 3px 7px rgba(0,0,0,0.3); border-radius: 10px; }

  .service_middle .middle_01 {
    display: block;
    width:100%;
  }
  .service_middle .middle_01 h4 {
   font-size: 30px;
   font-weight: bold;
   margin-bottom: 18px;
  }
  .service_middle .middle_01 h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
   }
   .service_middle .middle_01 p {
     width: 90vw;
     font-size: 16px;
   }
  
  .service_middle .middle_02 {
    display: block;
    text-align: left;
    width:100vw;
    vertical-align: top;
  }
  .service_middle .middle_02 img {
    width:90vw;
    display:inline-block;
    margin-top: 20px;
  }


  .service_bottom .bottom_s {
    /* text-align: center; */
    /* padding-bottom: 100px; */
    /* margin-bottom: 100px; */
  }
  .service_bottom .bottom_s h2 {
    font-size: 35px;
    /* padding-top: 70px; */
    /* font-weight: bold; */
    /* margin-bottom: 15px; */
    
  }
  .service_bottom .bottom_s p {
    font-size: 16px;
    margin-bottom: 50px;
    word-break: keep-all;
  }
  
  .service_bottom .bottom_s .bottom_s_img {
    overflow-x: scroll;
  }




}

@media (max-width: 480px) {
  .service_info .service_box {
    padding:60px 30px;
    height: 460px;
  }
  .service_info .service_box h4 {
    font-size: 6vw;
  }

  .service_info .service_box p {
    font-size: 3.5vw;
    width:55vw;
  }

  .service_info .service_box a {
    padding: 3vw 6vw;
    font-size: 3vw;
      }
  .box1 img {width:25vw}
  .service-plat {
    margin-bottom: 2vw;}
  .service-plat h2 {
    font-size: 7vw;
    font-weight: bold;
  }

  .service-plat p {
    font-size: 3.8vw;
    line-height: 4.5vw;
  }

  .service-plat p span {
    font-size: 3.8vw !important;
    
  }

  .service-plat p span {
    font-size: 5vw;
    font-family: 'Nanum Pen Script', cursive;
  }

  .service-ba .container {
    padding:69px 0 3vw
  }
  
  .card_leader {
    width: 100%;
  }

  .card_leader p {
    font-size: 3.8vw;
  }

  .card_leader .card_txt {
    padding-left: 0;
    flex: 3.8vw;
  }

  .card_leader .card_leader_img {
    width:100vw;
    overflow-x: scroll;
  }
  .card_leader .card_leader_img img {
    margin-right: 10vw;
  }
  .img_scroll_txt{
    display:block !important;   
    font-size: 3.8vw;
    color:#aaa;
    margin-top: 10px;

  }

  .left_right_box {
    width: 100%;
  }

  .left_right_box .img_box {
    width:100%;
  }
  .left_right_box .txt_box {
    width:100%;
    top: 20px;
  }
  .left_right_box .txt_box .txt_title {
    font-size: 5vw;
    margin-top: 20px;
  }

  .left_right_box .txt_box .txt_title span {
    font-size: 12vw;
  }

  .left_right_box .txt_box p {
    font-size: 16px;
  }

  .right {
    left:0;
  }
  .left {
    left:0;
    bottom: 0;
  }

  .pt270 {padding-top: 270px !important;}
  .h585 {height: 585px !important;}

  .pt255 {padding-top: 255px !important;}
  .h575 {height: 575px !important;}

  .pt455 {padding-top: 455px !important;}
  .h755 {height: 755px !important;}

  .pt370 {padding-top: 370px !important;}
  .h685 {height: 685px !important;}

  .pt340 {padding-top: 340px !important;}
  .h655 {height: 655px !important;}

  .pt300 {padding-top: 300px !important;}
  .h615 {height: 615px !important;}

  .pt320 {padding-top: 320px !important;}
  .h635 {height: 635px !important;}

  .pt360 {padding-top: 360px !important;}
  .h675 {height: 675px !important;}

  .left_right_box .img_box img {
    width:100%;
  }


  .about .about-info h2 {
    font-size: 8vw;
    font-weight: bold;
    line-height: 1.2;
  }


  .about .about-info h3 {
    font-size: 5vw;
    font-weight: bold;
  }
  .about .about-info p {
    font-size: 2.6vw;
    line-height: 1.75;
  }

  .about .about-info img {
    display: none;
  }

  .about .about-info2 h1 {
    font-size: 7vw;
    padding-top: 50px;
    font-weight: bold;
  }

  .about .about-info2 h1 span {
    font-size: 3vw;
    font-weight: bold;
  }

  .about .about-info2 .container > ul {
    margin-top: 50px;
    padding: 40px 40px;
    width: 100%;
  }

  .about .about-info2 .container > ul .ul_img {
    top: -13px;
    right: 10px;
    width: 20vw;
  }

  .about .about-info2 .container > ul > li{
    display: block;
    margin-right: 0;
  }

  .about .about-info2 .container > ul > li ul li {
    font-size: 3vw; line-height: 2;
  }


  .main .visual {
    height: 260px;
  }
  .main .visual .visual-title {
    width: 80%;
    font-size: 24px;
    margin: 53px auto 24px;
  }
  .main .visual .visual-title span {
    font-size: 20px;
  }
  .about .about-info {
    padding: 88px 20px 82px;
  }
  .about .about-info .txt {
    font-size: 15px;
    width: 85%;
    margin: 0 auto 33.7px;
  }
  .about .about-solution {
    padding: 67px 0 83px;
    background-size: 174px;
  }
  .about .about-solution .container {
    display: block;
  }
  .about .about-solution .container .txt-wrap {
    margin-bottom: 45px;
  }
  .about .about-solution .container .txt-wrap .txt-title {
    font-size: 25px;
    margin-bottom: 36px;
  }
  .about .about-solution .container .txt-wrap .txt-title p {
    font-size: 16px;
  }
  .about .about-solution .container .txt-wrap .txt-list p {
    font-size: 16px;
  }
  .about .about-solution .container .img-wrap {
    margin: auto;
  }
  .about .about-solution .bg-icon.icon1 {
    width: 34%;
  }
  .about .about-solution .bg-icon.icon2 {
    bottom: -60px;
  }
  .ba-content .container {
    display: block;
    width: 80%;
    padding: 82px 0;
  }
  .ba-content .container .img-wrap {
    width: 80%;
    margin-bottom: 45px;
    margin: 0 auto 45px;
  }
  .ba-content .container .txt-wrap h2 {
    font-size: 20px;
  }
  .ba-content .container .txt-wrap h2.ba-title span {
    font-size: 26px;
  }
  .ba-content .container .txt-wrap p {
    font-size: 16px;
  }
  .about .down-content .btn-wrap .btn {
    margin-right: 10px;
  }
  .about .down-content .img-wrap {
    width: 60%;
    margin-left: 0;
  }
  .ba-content .container .txt-wrap .btn {
    width: 100%;
  }
  .recruit .container {
    margin: 45px auto;
  }
  .recruit .container .item-container {
    display: block;
    width: 345px;
    margin: auto;
  }
  .recruit .container .item-container .item {
    display: inline-block;
    margin: 10px;
    width: 150px;
    height: 150px;
  }
  .recruit .table-content {
    z-index: 1;
    margin-top: 0;
  }
  .recruit .table-content .container h2 {
    padding-top: 102px;
    font-size: 20px;
  }
  .recruit .table-content .container .table .row {
    min-height: 45px;
  }
  .recruit .table-content .container .table .row .col {
    font-size: 14px;
  }
  .recruit .table-content .container .table .row.row-foot .col:nth-child(1) {
    padding: 16px 5px 15px;
  }
  .service-tab {
    height: auto;
    padding-bottom: 150px;
    background-position: 50% 115%;
  }
  .service-tab .tab-title {
    font-size: 26px;
  }
  .service-tab .tab-list .tab-button {
    font-size: 18px;
  }
  .service-tab .tab-content {
    width: 88%;
    margin: auto;
    font-size: 14px;
  }
  .service-tab .tab-list div:first-child {
    margin-right: 39px;
  }
  .service-item .service-item-container {
    text-align: center;
    margin: 58px auto 69px;
  }
  .service-item .service-item-container.show {
    display: block;
  }
  .service-item .item {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
  }
  .service-tab .tab-img {
    bottom: -45px;
    width: 70%;
  }
  /* .service-ba .container {
    display: block;
  } */
  .service-ba .img {
    width: 50%;
  }
  .service-ba .txt .txt-title {
    margin-top: 42px;
  }
  .service-ba.ba-w .txt .txt-title {
    margin-top: 0;
  }
  .service-ba.ba-w .img {
    margin-top: 42px;
  }
  .service-table .table .row {
    min-height: 50px;
  }
  .service-table .table .row .col {
    font-size: 14px;
  }
  .service-table .table-info {
    font-size: 12px;
  }
  .service-ba.ba-b .txt.txt-line {
    width: 100%;
  }
  .search-form .container .search-container h2 {
    font-size: 32px;
  }
  .search-form .container .search-container .search-box {
    height: 50px;
    font-size: 16px;
    padding: 16px 14px;
  }
  .search-form
    .container
    .search-container
    .search-box::-webkit-input-placeholder {
    font-size: 12px;
  }
  .search-form .container .search-container .search-box:-ms-input-placeholder {
    font-size: 12px;
  }
  .search-form .container .search-container .search-box::-ms-input-placeholder {
    font-size: 12px;
  }
  .search-form .container .search-container .search-box::placeholder {
    font-size: 12px;
  }
  .search-form .container .search-container .search-btn {
    width: 56px;
    height: 50px;
  }
  .tab-container .container {
    padding-bottom: 120px;
  }
  .tab-container .container .tab-list div {
    margin-right: 10px;
    height: 50px;
    line-height: 50px;
  }
  .tab-container .container .tab-list div:last-child {
    margin-right: 0;
  }
  .tab-container .container .tab-list div .tab-button {
    font-size: 14px;
  }
  .tab-item-wrap button {
    font-size: 16px;
    padding: 16px 45px 16px 11px;
  }
  .tab-item-wrap button .icon {
    top: 14px;
  }
  .tab-item-wrap .tab-txt p {
    font-size: 14px;
    padding: 11px 25px 25px;
  }
  .cs .container .tab-list {
    margin-bottom: 23px;
  }
  .cs .container .tab-list div {
    height: 89px;
    line-height: 1.2;
  }
  .cs .container .tab-list div .tab-button {
    padding: 15px 5px;
  }
  .cs .container .tab-list div:nth-child(1) .tab-button {
    padding-top: 38px;
  }
  .cs .container .tab-list div:nth-child(2) .tab-button {
    padding-top: 30px;
  }
  .cs .container .tab-list div:nth-child(3) .tab-button {
    padding-top: 30px;
  }
  .cs .container .tab-list div:nth-child(4) .tab-button {
    padding-top: 38px;
  }
  .cs .container .tab-list div:nth-child(5) .tab-button {
    padding-top: 20px;
  }
  .cs .contents h2 {
    font-size: 22px;
  }
  .cs .contents .page {
    font-size: 12px;
  }
  .cs .contents .table-container .row {
    padding: 0 10px;
  }
  .cs .contents .table-container .row .col {
    font-size: 14px;
    padding: 16px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cs .contents .table-container .row .col:nth-child(2) {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding: 16px 10px;
  }
  .cs .form-container .form-group .form-label {
    font-size: 14px;
  }
  .cs .form-container .row .form-group .form-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .cs .form-container .form-group .form-info {
    padding: 10px 13px;
  }
  .cs .form-container .form-group .form-info select {
    width: 100%;
    font-size: 14px;
  }
  .cs .form-container .form-group.address-form .input-group {
    -webkit-box-flex: 2;
    -ms-flex: 2 25px;
    flex: 2 25px;
  }
  .cs .form-container .form-group.address-form .input-group .row {
    padding: 9px 13px;
  }
  .cs .form-container .form-group.address-form .input-group .row .postcode {
    width: 45%;
  }
  .cs .form-container .form-group.address-form .input-group .row .address-btn {
    width: 50%;
    margin-left: 5px;
  }
  .cs .form-container .form-group.address-form .input-group .row input {
    padding: 8px 10px;
    font-size: 14px;
  }
  .cs .form-container .form-group .form-check-label {
    font-size: 14px;
  }
  .cs .form-container .form-group.type-form .form-info {
    padding: 10px 13px;
  }
  .cs .form-container .form-group.type-form .form-label {
    height: 180px;
    line-height: 180px;
  }
  .cs .form-container .form-privacy .form-box {
    font-size: 14px;
  }
  .cs .form-container .form-privacy .form-check .agree-check {
    font-size: 14px;
  }
  .cs .form-container .form-privacy .submit-btn {
    width: 100%;
  }
  .cs .form-container .apply-option .form-check-label {
    margin-right: 12px;
    line-height: 2;
  }
  .cs .form-container .apply-option .form-label {
    height: 120px;
    line-height: 120px;
  }
  .cs .form-container .form-group .form-info input[type="text"] {
    font-size: 14px;
  }
  .cs .form-container .form-group .form-info input[type="text"].extraInfo {
    margin-left: 0;
  }
  .cs .form-container .form-group .form-info .upload-label {
    width: 70px;
    font-size: 14px;
  }
  .cs .form-container .form-group .form-info .upload-name {
    width: 140px;
    font-size: 14px;
    margin-left: 0;
  }
  .cs .form-container .form-group .form-info .upload-info {
    font-size: 14px;
  }
  .cs
    .form-container
    .form-group.address-form
    .input-group
    .row:nth-child(3)
    input.address3 {
    margin-right: 0;
  }
  .buy .buy-item-wrap .buy-item {
    width: 49%;
    margin-bottom: 36px;
  }
  .buy .buy-item-wrap .buy-item .item-price .item-title {
    margin: 17px auto 7px;
    font-size: 14px;
  }
  .buy .buy-item-wrap .buy-item .item-price .price {
    font-size: 16px;
  }
  .buy .buy-item-wrap .buy-item .item-price .price .sale {
    font-size: 13px;
    margin-right: 5px;
  }
}

@media (max-width: 380px) {
  .main .visual {
    height: 400px;
  }
  .main .visual .visual-title {
    margin-top: 116px;
  }
  .about .about-info .txt {
    width: 91%;
  }
  .about .about-solution .container .txt-wrap .txt-title {
    font-size: 23px;
  }
  .about .about-solution .container .txt-wrap .txt-title p {
    font-size: 15px;
  }
  .about .about-solution .container .txt-wrap .txt-list p {
    font-size: 14px;
    padding-left: 30px;
  }
  .about .about-solution .container .txt-wrap .txt-list p:before {
    width: 18px;
    height: 18px;
  }
  .ba-content .container .txt-wrap h2.ba-title span {
    font-size: 24px;
  }
  .ba-content .container .txt-wrap h2 {
    font-size: 18px;
  }
  .main .visual-recruit .visual-title {
    width: 88%;
  }
  .recruit .table-content .container h2 {
    padding-top: 82px;
    margin-bottom: 36px;
  }
  .service-tab {
    padding: 60px 0 130px;
  }
  .service-tab .tab-title {
    font-size: 24px;
  }
  .service-tab .tab-list .tab-button {
    font-size: 16px;
  }
  .service-tab .tab-content {
    width: 80%;
    font-size: 13px;
  }
  .service-item .item {
    width: 180px;
    height: 180px;
    margin-bottom: 20px;
  }
  .service-ba .txt .txt-title {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .service-ba .txt p {
    font-size: 15px;
  }
  .service-table .title {
    font-size: 23px;
  }
  .search-form {
    padding: 107px 0 121px;
  }
  .search-form .container .search-container h2 {
    font-size: 28px;
    margin-bottom: 38px;
  }
  .search-form .container .search-container .search-btn {
    padding: 0 10px;
    width: 41px;
  }
  .tab-container .container {
    width: 85%;
  }
  .tab-container .container .tab-list {
    margin-bottom: 33px;
  }
  .tab-container .container .tab-list div {
    margin-right: 5px;
  }
  .tab-item-wrap button .icon {
    width: 18px;
    height: 18px;
    top: 16px;
  }
  .cs .container {
    width: 90%;
  }
  .cs .container .tab-list {
    margin-bottom: 20px;
  }
  .cs .form-container .apply-option .form-check-label {
    margin-right: 8px;
  }
  .cs .form-container .form-group .form-info .upload-label {
    width: 65px;
  }
  .cs .form-container .form-group .form-info .upload-name {
    width: 135px;
  }
  .cs .form-container .form-group .form-check-label {
    margin-right: 20px;
  }
}

@media (max-width: 360px) {
  .main .visual .visual-title {
    font-size: 23px;
  }
  .about .about-info .txt {
    font-size: 14px;
  }
  .ba-content .container .txt-wrap p {
    font-size: 15px;
  }
  .recruit .container {
    width: 100%;
  }
  .main .visual-recruit .visual-title {
    width: 90%;
  }
  .recruit .container .item-container {
    width: 325px;
  }
  .recruit .container .item-container .item {
    margin: 5px;
  }
  .service-tab .tab-title {
    font-size: 22px;
  }
  .service-tab .tab-list {
    margin-bottom: 33px;
  }
  .service-ba .container {
    padding: 60px 0;
  }
  .service-table .table-info {
    font-size: 10px;
  }
  .search-form
    .container
    .search-container
    .search-box::-webkit-input-placeholder {
    font-size: 11px;
  }
  .search-form .container .search-container .search-box:-ms-input-placeholder {
    font-size: 11px;
  }
  .search-form .container .search-container .search-box::-ms-input-placeholder {
    font-size: 11px;
  }
  .search-form .container .search-container .search-box::placeholder {
    font-size: 11px;
  }
  .tab-container .container {
    width: 90%;
  }
  .cs .contents .table-container .row .col {
    font-size: 12px;
  }
  .cs .form-container .form-group.type-form .form-check-label {
    margin-bottom: 10px;
  }
  .cs .form-container .form-group.address-form .input-group {
    -webkit-box-flex: 2;
    -ms-flex: 2 28px;
    flex: 2 28px;
  }
  .cs .form-container .apply-option .form-check-label {
    margin-right: 5px;
  }
  .cs .form-container .form-group .form-info .upload-label {
    width: 60px;
  }
  .cs .form-container .form-group .form-info .upload-name {
    width: 132px;
  }
  .cs .form-container .form-group .form-check-label {
    margin-right: 17px;
  }
}

@media (max-width: 320px) {
  .main .visual .visual-title {
    font-size: 20px;
  }
  .main .visual .visual-title span {
    font-size: 16px;
  }
  .about .about-info .txt {
    width: 55%;
  }
  .about .about-info {
    padding: 58px 0 52px;
  }
  .about .about-solution .container .txt-wrap .txt-title {
    font-size: 21px;
  }
  .about .about-solution .container .txt-wrap .txt-title p {
    font-size: 13px;
  }
  .about .about-solution .container .txt-wrap .txt-list p {
    font-size: 12px;
  }
  .ba-content .container .txt-wrap h2 {
    font-size: 16px;
  }
  .ba-content .container .txt-wrap h2.ba-title span {
    font-size: 22px;
  }
  .ba-content .container .txt-wrap p {
    font-size: 13px;
  }
  .recruit .container .item-container {
    width: 305px;
  }
  .recruit .container .item-container .item {
    width: 140px;
    height: 140px;
  }
  .service-item .item {
    width: 170px;
    height: 170px;
    margin-bottom: 20px;
  }
  .service-ba .txt .txt-title {
    font-size: 22px;
  }
  .service-ba .txt .txt-title span {
    font-size: 18px;
  }
  .cs .container .tab-list div:nth-child(1) .tab-button {
    padding: 31px 8px 15px;
  }
  .cs .container .tab-list div:nth-child(4) .tab-button {
    padding: 31px 8px 15px;
  }
  .cs .contents .table-container .row .col {
    font-size: 12px;
  }
  .cs .form-container .form-group .form-label {
    font-size: 13px;
  }
  .cs .form-container .form-group .form-info input[type="text"] {
    font-size: 13px;
  }
  .cs .form-container .form-group.address-form .input-group .row input {
    font-size: 13px;
    padding: 8px 8px;
  }
  .cs .form-container .form-group.address-form .input-group .row .postcode {
    width: 43%;
  }
  .cs .form-container .form-group .form-check-label {
    margin-right: 11px;
    font-size: 13px;
  }
  .cs .form-container .form-group .form-label {
    height: 70px;
    line-height: 70px;
  }
  .cs .form-container .apply-option .form-label {
    height: 120px;
    line-height: 120px;
  }
  .cs .form-container .form-group .file-label {
    height: 95px;
    line-height: 95px;
  }
  .cs .form-container .form-group .form-info .upload-info {
    font-size: 13px;
    margin-top: 5px;
  }
  .cs .form-container .form-group .form-info .upload-name {
    width: 100%;
    margin-top: 5px;
  }
}
/*# sourceMappingURL=content.css.map */