@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
* {
  box-sizing: border-box;
  outline: none;
  font-family: "Poppins", "Noto Sans KR", sans-serif !important;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
  font-family: "Poppins", "Noto Sans KR", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

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

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/* color */
/* Fontface */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/NotoSans-Thin.eot);
  src: url(/assets/fonts/NotoSans-Thin.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Thin.woff2) format("woff2"), url(/assets/fonts/NotoSans-Thin.woff) format("woff"), url(/assets/fonts/NotoSans-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/NotoSans-Light.eot);
  src: url(/assets/fonts/NotoSans-Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Light.woff2) format("woff2"), url(/assets/fonts/NotoSans-Light.woff) format("woff"), url(/assets/fonts/NotoSans-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/NotoSans-DemiLight.eot);
  src: url(/assets/fonts/NotoSans-DemiLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-DemiLight.woff2) format("woff2"), url(/assets/fonts/NotoSans-DemiLight.woff) format("woff"), url(/assets/fonts/NotoSans-DemiLight.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/NotoSans-Regular.eot);
  src: url(/assets/fonts/NotoSans-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Regular.woff2) format("woff2"), url(/assets/fonts/NotoSans-Regular.woff) format("woff"), url(/assets/fonts/NotoSans-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/NotoSans-Medium.eot);
  src: url(/assets/fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Medium.woff2) format("woff2"), url(/assets/fonts/NotoSans-Medium.woff) format("woff"), url(/assets/fonts/NotoSans-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/NotoSans-Bold.eot);
  src: url(/assets/fonts/NotoSans-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Bold.woff2) format("woff2"), url(/assets/fonts/NotoSans-Bold.woff) format("woff"), url(/assets/fonts/NotoSans-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/NotoSansKR-Black.woff2) format("woff2"), url(/assets/fonts/NotoSansKR-Black.woff) format("woff"), url(/assets/fonts/NotoSansKR-Black.otf) format("opentype");
}
.moOnlyBr,
.moOnlyImg {
  display: none;
}

.pcOnlyBr,
.pcOnlyImg {
  display: block;
}

.noDrag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.hidden {
  display: none;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .moOnlyBr,
.moOnlyImg {
    display: block;
  }

  .pcOnlyBr,
.pcOnlyImg {
    display: none;
  }
}
.only-mo {
  display: none;
}
@media screen and (max-width: 768px) {
  .only-mo {
    display: block;
  }
}

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

* {
  box-sizing: border-box;
  outline: none;
  font-family: "Poppins", "Noto Sans KR", sans-serif !important;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
  font-family: "Poppins", "Noto Sans KR", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

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

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/* color */
/* Fontface */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/NotoSans-Thin.eot);
  src: url(/assets/fonts/NotoSans-Thin.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Thin.woff2) format("woff2"), url(/assets/fonts/NotoSans-Thin.woff) format("woff"), url(/assets/fonts/NotoSans-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/NotoSans-Light.eot);
  src: url(/assets/fonts/NotoSans-Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Light.woff2) format("woff2"), url(/assets/fonts/NotoSans-Light.woff) format("woff"), url(/assets/fonts/NotoSans-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/NotoSans-DemiLight.eot);
  src: url(/assets/fonts/NotoSans-DemiLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-DemiLight.woff2) format("woff2"), url(/assets/fonts/NotoSans-DemiLight.woff) format("woff"), url(/assets/fonts/NotoSans-DemiLight.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/NotoSans-Regular.eot);
  src: url(/assets/fonts/NotoSans-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Regular.woff2) format("woff2"), url(/assets/fonts/NotoSans-Regular.woff) format("woff"), url(/assets/fonts/NotoSans-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/NotoSans-Medium.eot);
  src: url(/assets/fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Medium.woff2) format("woff2"), url(/assets/fonts/NotoSans-Medium.woff) format("woff"), url(/assets/fonts/NotoSans-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/NotoSans-Bold.eot);
  src: url(/assets/fonts/NotoSans-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Bold.woff2) format("woff2"), url(/assets/fonts/NotoSans-Bold.woff) format("woff"), url(/assets/fonts/NotoSans-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/NotoSansKR-Black.woff2) format("woff2"), url(/assets/fonts/NotoSansKR-Black.woff) format("woff"), url(/assets/fonts/NotoSansKR-Black.otf) format("opentype");
}
.moOnlyBr,
.moOnlyImg {
  display: none;
}

.pcOnlyBr,
.pcOnlyImg {
  display: block;
}

.noDrag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.hidden {
  display: none;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .moOnlyBr,
.moOnlyImg {
    display: block;
  }

  .pcOnlyBr,
.pcOnlyImg {
    display: none;
  }
}
.only-mo {
  display: none;
}
@media screen and (max-width: 768px) {
  .only-mo {
    display: block;
  }
}

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

a {
  color: #111;
}

.tc {
  text-align: center !important;
}

.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

a:hover,
a:focus {
  color: #00560E;
}

body.ofh {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #fff;
  height: auto;
  min-height: 100vh;
  z-index: 1;
}

/* header ie 핵 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  h1 {
    position: absolute;
    left: 4%;
  }

  .gnb {
    margin: 0 14%;
  }

  .headerBtn {
    position: absolute;
    right: 4%;
  }
}
header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  padding: 0 80px;
  z-index: 3;
}
header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100px;
  z-index: 2;
  transition: 0.1s linear;
  transform: translateY(-100%);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header {
    padding: 0vw 6.25vw 0vw 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header {
    padding: 0vw 3.90625vw 0vw 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  header {
    padding: 0vw 0vw 0vw 4.1666666667vw;
  }
}
header h1 {
  display: flex;
  margin-top: 25px;
  z-index: 3;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header h1 {
    margin-top: 1.796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header h1 {
    margin-top: 2.44140625vw;
  }
}
@media screen and (max-width: 768px) {
  header h1 {
    margin-top: 3.6458333333vw;
  }
}
header h1 svg {
  width: 140px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header h1 svg {
    width: 10.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header h1 svg {
    width: 11.71875vw;
  }
}
@media screen and (max-width: 768px) {
  header h1 svg {
    width: 20.8333333333vw;
    height: 5.9895833333vw;
  }
}
header .gnb {
  display: flex;
  width: 100%;
  max-width: 870px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  header .gnb {
    display: none;
  }
}
header .gnb li {
  position: relative;
  flex: 0 0 20%;
}
header .gnb li a.depth1 {
  display: inline-block;
  align-items: center;
  width: 100%;
  padding: 38px 25px;
  font-size: 21px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -2px;
  color: #FFF;
  cursor: pointer;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header .gnb li a.depth1 {
    font-size: 1.640625vw;
    padding: 2.96875vw 1.953125vw 2.96875vw 1.953125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 731.4285714286px) {
  header .gnb li a.depth1 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header .gnb li a.depth1 {
    font-size: 1.953125vw;
    padding: 3.7109375vw 0.9765625vw 3.7109375vw 0.9765625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  header .gnb li a.depth1 {
    font-size: 12px;
  }
}
header .gnb li ul.depth2 {
  display: none;
  position: absolute;
  top: 120px;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header .gnb li ul.depth2 {
    width: 11.71875vw;
  }
}
header .gnb li ul.depth2 li {
  display: block;
  text-align: center;
  width: 100%;
}
header .gnb li ul.depth2 li a {
  display: inline-block;
  font-size: 20px;
  line-height: 45px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header .gnb li ul.depth2 li a {
    font-size: 1.5625vw;
    line-height: 3.515625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  header .gnb li ul.depth2 li a {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header .gnb li ul.depth2 li a {
    font-size: 1.5625vw;
    line-height: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  header .gnb li ul.depth2 li a {
    font-size: 12px;
  }
}
header .gnb li ul.depth2 li a:hover, header .gnb li ul.depth2 li a:focus {
  text-decoration: underline;
  color: #03A643;
  font-weight: 700;
}
header .headerBtn {
  display: flex;
  margin-top: 28px;
  z-index: 3;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header .headerBtn {
    margin-top: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header .headerBtn {
    margin-top: 2.44140625vw;
  }
}
@media screen and (max-width: 768px) {
  header .headerBtn {
    margin: 2.9947916667vw 2.6041666667vw 0vw 0vw;
  }
}
header .headerBtn a {
  display: inline-block;
  width: 45px;
  height: 45px;
  font-size: 0;
  text-indent: -99999px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  header .headerBtn a {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
header .headerBtn a:hover, header .headerBtn a:focus, header .headerBtn a.on {
  animation: bounce 1s ease-in-out infinite;
}
header .headerBtn a.searchBtn {
  background: url(/assets/img/front/ico-search-wh.svg) 50% 50% no-repeat;
  background-size: auto 100%;
}
header .headerBtn a.allMenuBtn {
  background: url(/assets/img/front/ico-menu-wh.svg) 50% 50% no-repeat;
  background-size: auto 100%;
}
header.on:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 430px;
  border-top: 1px solid #ddd;
  background-color: #fff;
  background-image: url("/assets/img/front/header_bg.png");
  background-position: left top;
  background-repeat: repeat-x;
  box-shadow: 0 7px 12px -5px rgba(0, 0, 0, 0.15);
  z-index: 2;
  transform: translateY(0);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header.on:before {
    height: 33.59375vw;
    background-position: left -10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header.on:before {
    height: 39.0625vw;
    background-position: left -8px;
  }
}
@media screen and (max-width: 768px) {
  header.on:before {
    height: 52.0833333333vw;
  }
}
header.on h1 .icon-logo {
  fill: #03A643;
}
header.on li a.depth1 {
  color: #111111;
}
header.on li ul.depth2 {
  display: block;
}
header.on .headerBtn a.searchBtn {
  background: url(/assets/img/front/ico-search.svg) 50% 50% no-repeat;
}
header.on .headerBtn a.allMenuBtn {
  background: url(/assets/img/front/ico-menu.svg) 50% 50% no-repeat;
}
header.bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100px;
  border-top: 1px solid #ddd;
  background: #FFF url("/assets/img/front/header_bg.png") left top repeat-x;
  box-shadow: 0 7px 12px -5px rgba(0, 0, 0, 0.15);
  z-index: 2;
  transform: translateY(0);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  header.bg:before {
    height: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header.bg:before {
    height: 9.765625vw;
  }
}
@media screen and (max-width: 768px) {
  header.bg:before {
    height: 13.0208333333vw;
  }
}
header.bg h1 .icon-logo {
  fill: #03A643;
}
header.bg li a.depth1 {
  color: #111111;
}
header.bg li ul.depth2 {
  display: none;
}
@media screen and (max-width: 768px) {
  header.bg .headerBtn a {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
header.bg .headerBtn a.searchBtn {
  background: url(/assets/img/front/ico-search.svg) 50% 50% no-repeat;
  background-size: auto 100%;
}
header.bg .headerBtn a.allMenuBtn {
  background: url(/assets/img/front/ico-menu.svg) 50% 50% no-repeat;
  background-size: auto 100%;
}

.btnTop {
  position: fixed;
  right: 60px;
  bottom: 40px;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  border-radius: 100%;
  background: #03A643;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
  line-height: 70px;
  text-align: center;
  overflow: hidden;
  transition: bounce linear 0.5s;
  z-index: 9999;
}
.btnTop:hover, .btnTop:focus {
  animation: bounce 0.5s infinite;
}
@media screen and (max-width: 768px) {
  .btnTop {
    right: 3.90625vw;
    bottom: 3.90625vw;
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    line-height: 11.0677083333vw;
  }
  .btnTop svg {
    width: 4.5572916667vw;
    height: 4.1666666667vw;
  }
}

.searchBox {
  display: none;
  position: absolute;
  left: 0;
  top: 130px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .searchBox {
    top: 0;
    height: 49.4791666667vw;
    padding: 0vw 5.2083333333vw 0vw 5.2083333333vw;
    background: #fff;
  }
  .searchBox:before {
    position: absolute;
    left: 0;
    top: 13.0208333333vw;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: 10;
  }
}
.searchBox .searchArea {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 60px auto 80px;
  border-bottom: 2px solid #03A643;
  text-align: left;
  z-index: 21;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .searchBox .searchArea {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .searchBox .searchArea {
    margin-top: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .searchBox .searchArea {
    margin-top: 26.0416666667vw;
  }
}
.searchBox .searchArea input {
  width: calc(100% - 60px);
  padding: 18px;
  border: 0;
  outline: 0;
  font-size: 28px;
  letter-spacing: -2.5px;
  color: #333333;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .searchBox .searchArea input {
    font-size: 4.6875vw;
    padding: 2.34375vw 2.34375vw 2.34375vw 2.34375vw;
  }
}
.searchBox .searchArea input::placeholder {
  color: #777777;
}
.searchBox .searchArea .btnSearch {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .searchBox .searchArea .btnSearch svg {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .searchBox .searchArea .btnSearch {
    right: 0;
    bottom: 0;
  }
}
.searchBox .closeSearchBox {
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  display: inline-block;
  width: 44px;
  height: 44px;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 100%;
  z-index: 25;
}
@media screen and (max-width: 768px) {
  .searchBox .closeSearchBox {
    position: absolute;
    right: 2.6041666667vw;
    top: 2.6041666667vw;
    background: transparent;
    z-index: 25;
    transform: translateX(0%);
  }
}

.siteMap {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #FFF;
  z-index: -1;
  animation: sitemap 0.5s ease;
}
@media screen and (max-width: 768px) {
  .siteMap {
    background: rgba(0, 0, 0, 0.5);
    animation: sitemap 0.2s ease;
  }
}
.siteMap h2 {
  display: none;
}
@media screen and (max-width: 768px) {
  .siteMap h2 {
    position: relative;
    display: block;
    width: 80%;
    margin-left: 20%;
    height: 13.0208333333vw;
    padding: 3.2552083333vw 0vw 0vw 3.90625vw;
    background: #03A643;
    z-index: 1000;
  }
}
@media screen and (max-width: 768px) {
  .siteMap h2 svg {
    display: block;
    width: 20.8333333333vw;
    height: 5.9895833333vw;
  }
}
.siteMap a {
  outline: none;
}
.siteMap a:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: transform 0.3s ease;
  transform: scaleX(0);
  transform-origin: bottom right;
}
.siteMap a:hover:before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.siteMap .allMenuList {
  position: relative;
  width: 100%;
  top: 0;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList {
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    overflow-y: auto;
  }
}
.siteMap .allMenuList .siteDepth1:last-child a.depth1,
.siteMap .allMenuList .siteDepth1:last-child .siteDepth2 {
  padding-bottom: 110px;
}
.siteMap .allMenuList .siteDepth1:last-child .siteDepth2 {
  border-bottom: 0;
}
.siteMap .allMenuList .siteDepth1:first-child a.depth1,
.siteMap .allMenuList .siteDepth1:first-child .siteDepth2 {
  padding-top: 110px;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList .siteDepth1:first-child a.depth1,
.siteMap .allMenuList .siteDepth1:first-child .siteDepth2 {
    padding: 5.2083333333vw 10.4166666667vw 5.2083333333vw 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList .siteDepth1:first-child a.depth1 {
    padding: 18.2291666667vw 10.4166666667vw 5.2083333333vw 2.6041666667vw;
    background-position: 95% 80% !important;
  }
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList .siteDepth1:last-child a.depth1 {
    padding: 5.2083333333vw 10.4166666667vw 5.2083333333vw 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList .siteDepth1:first-child .siteDepth2,
.siteMap .allMenuList .siteDepth1:last-child .siteDepth2 {
    padding: 0;
  }
}
.siteMap .allMenuList > .siteDepth1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 {
    flex-direction: column;
    width: 100%;
  }
}
.siteMap .allMenuList > .siteDepth1 a.depth1 {
  display: flex;
  position: relative;
  width: 364px;
  padding: 50px 0 50px 100px;
  background: #03A643;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 a.depth1 {
    width: 100%;
    background: #FFF;
    color: #333333;
    background: url("/assets/img/front/ico-menu-up.svg") 95% 50% no-repeat;
    border-bottom: 1px solid #DDD;
    background-size: 7.8125vw;
    font-size: 4.1666666667vw;
    padding: 5.2083333333vw 10.4166666667vw 5.2083333333vw 2.6041666667vw;
  }
}
.siteMap .allMenuList > .siteDepth1 a.depth1 i {
  display: none;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 a.depth1 i {
    display: block;
    margin-right: 10px;
  }
  .siteMap .allMenuList > .siteDepth1 a.depth1 i img {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
.siteMap .allMenuList > .siteDepth1 a.depth1.on {
  background-image: url("/assets/img/front/ico-menu-down.svg");
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: 50px 0 0 78px;
  border-bottom: 1px solid #DDD;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 {
    display: none;
    flex-direction: column;
    padding: 0;
    height: 100%;
    background-color: #F3F9F6;
  }
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2.on {
  display: flex;
  animation: fadeDown 0.5s;
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 > li {
  width: 16.6666%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1380px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li {
    width: 30%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li {
    width: 30%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
  }
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 > li a {
  display: block;
  position: relative;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  transform: translateX(0);
  /* 마우스 오버 효과 (pc)
  &:before{
  	content: "";
  	position: absolute;
  	z-index: -1;
  	left: 0;
  	right: 100%;
  	bottom:0;
  	padding-top: 15px;
  	background: $bg-green;
  	transition-property: right;
  	transition-duration: 0.3s;
  	transition-timing-function: ease-out;
  }

  &:hover,
  &:focus,
  &.on {
  	color: $primary-green;
  	font-weight: 700;

  	&:before{
  		right: 0;
  	}
  }*/
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 > li a:hover {
  text-decoration: underline;
  color: #03A643;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li a {
    border-bottom: 1px solid #eee;
    font-size: 3.90625vw;
    padding: 3.90625vw 16.9270833333vw 3.90625vw 10.4166666667vw;
    background-position: 93.5% 50%;
    background-repeat: no-repeat;
    background-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li .depth2 {
    background-image: url("/assets/img/front/ico-menu-plus.svg");
  }
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li .depth2.on {
    background-image: url("/assets/img/front/ico-menu-minus.svg");
  }
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 > li > .siteDepth3 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li > .siteDepth3 {
    display: none;
    width: 100%;
    margin-top: 0;
  }
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 > li > .siteDepth3.on {
  display: block;
  animation: fadeDown 0.5s;
}
.siteMap .allMenuList > .siteDepth1 .siteDepth2 > li > .siteDepth3 > li a {
  font-size: 16px;
  line-height: 16px;
  margin: 12px 0;
  font-weight: 400;
  color: #555;
}
@media screen and (max-width: 768px) {
  .siteMap .allMenuList > .siteDepth1 .siteDepth2 > li > .siteDepth3 > li a {
    margin: 0 !important;
    color: #00560E;
    border-bottom: 0;
    font-size: 3.6458333333vw;
    line-height: 3.6458333333vw;
  }
}
.siteMap .closeSiteMap {
  position: absolute;
  top: 40px;
  right: 90px;
  transition: all ease 0.5s;
}
.siteMap .closeSiteMap:hover, .siteMap .closeSiteMap:focus {
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .siteMap .closeSiteMap {
    top: 3.90625vw;
    right: 5.46875vw;
    z-index: 1000;
  }
}
.siteMap .closeSiteMap svg {
  fill: #333333;
}
@media screen and (max-width: 768px) {
  .siteMap .closeSiteMap svg {
    width: 4.5572916667vw;
    height: 4.5572916667vw;
  }
  .siteMap .closeSiteMap svg .icon-close {
    fill: #FFF;
  }
}
.siteMap.on {
  height: 100vh;
}

footer {
  position: relative;
  height: 330px;
  background: #375550;
}
@media screen and (max-width: 768px) {
  footer {
    height: auto;
  }
}
footer .footer_inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1260px;
  margin: 70px auto 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  footer .footer_inner {
    margin: 5.46875vw 0vw 0vw 0vw;
    padding: 0vw 3.125vw 0vw 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  footer .footer_inner {
    margin: 6.8359375vw 0vw 6.8359375vw 0vw;
    padding: 0vw 3.90625vw 0vw 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_inner {
    flex-direction: column;
    text-align: center;
    margin-top: 13.0208333333vw;
  }
}
footer .footer_inner * {
  color: #AEB4B2;
}
footer .footer_inner .footerBox {
  font-size: 14px;
  line-height: 30px;
  font-family: "Poppins" !important;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox {
    font-size: 2.8645833333vw;
    line-height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  footer .footer_inner .footerBox {
    font-size: 12px;
  }
}
footer .footer_inner .footerBox:first-child {
  width: 65%;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox:first-child {
    width: 100%;
  }
}
footer .footer_inner .footerBox:last-child {
  width: 35%;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox:last-child {
    width: 100%;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #4f6864;
    text-align: left;
  }
}
footer .footer_inner .footerBox .title {
  padding-bottom: 10px;
}
footer .footer_inner .footerBox p {
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  footer .footer_inner .footerBox p {
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox p {
    display: block;
  }
}
footer .footer_inner .footerBox p + p::before {
  content: " | ";
  padding: 0 12px;
  font-size: 10px;
  vertical-align: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  footer .footer_inner .footerBox p + p::before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox p + p::before {
    display: none;
  }
}
footer .footer_inner .footerBox a {
  color: #AEB4B2;
}
footer .footer_inner .footerBox .familyBox {
  display: block;
  position: relative;
  width: 100%;
  max-width: 200px;
  margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox .familyBox {
    margin: 30px auto 80px;
  }
}
footer .footer_inner .footerBox .familyBox button[type=button] {
  position: absolute;
  left: 0;
  top: 0;
  background: #375550 url(/assets/img/front/selec_arrow.svg) no-repeat 95% 50%;
  color: #fff;
  display: block;
  width: 100%;
  height: 44px;
  line-height: 40px;
  border: 1px solid #FFF;
  font-size: 14px;
  text-indent: 20px;
  text-align: left;
  cursor: pointer;
  z-index: 10;
}
footer .footer_inner .footerBox .familyBox ul {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 274px;
  padding: 20px;
  border: 1px solid #DDD;
  background: #1C3C2A;
  opacity: 0;
  transform: translateY(15%);
  transition: all 0.3s ease-out;
  z-index: 1;
  visibility: hidden;
}
footer .footer_inner .footerBox .familyBox ul.on {
  height: 274px;
  opacity: 1;
  transform: translateY(0);
  visibility: visible !important;
}
footer .footer_inner .footerBox .familyBox ul a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
footer .footer_inner .footerBox .familyBox ul a:hover, footer .footer_inner .footerBox .familyBox ul a:focus {
  color: #03A643;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox dl {
    padding: 0vw 3.90625vw 0vw 3.90625vw;
  }
}
footer .footer_inner .footerBox dl dt {
  padding-bottom: 5px;
}
footer .footer_inner .footerBox dl dd.newsletter {
  width: 100%;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox dl dd.newsletter {
    font-size: 3.6458333333vw;
  }
}
footer .footer_inner .footerBox dl dd.newsletter strong {
  color: #FFF;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox dl dd.newsletter strong {
    padding-top: 20px;
  }
}
footer .footer_inner .footerBox dl dd.newsletter a {
  display: block;
  padding: 5px 0 8px;
  border-bottom: 1px solid #aebab4;
  color: #03A643;
  background: url("/assets/img/front/newsletter_arrow.svg") right 60% no-repeat;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox dl dd.newsletter a {
    padding: 1.3020833333vw 0vw 2.6041666667vw 0vw;
  }
}
footer .footer_inner .footerBox dl:last-child {
  margin-top: 50px;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox dl:last-child {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 50px;
  }
}
footer .footer_inner .footerBox dl:last-child dt {
  display: inline-block;
  vertical-align: 5px;
}
@media screen and (max-width: 768px) {
  footer .footer_inner .footerBox dl:last-child dt {
    padding-right: 26px;
  }
}
footer .footer_inner .footerBox dl:last-child dd {
  display: inline-block;
  line-height: 24px;
}
footer .footer_inner .footerBox dl:last-child dd button {
  margin-left: 10px;
  vertical-align: top;
}

.layerPopup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  .layerPopup.pcPopup {
    display: none;
  }
}
.layerPopup.moPopup {
  display: none;
}
@media screen and (max-width: 768px) {
  .layerPopup.moPopup {
    display: block;
  }
}

.layerNewsletter {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: auto;
  min-height: 525px;
  padding: 30px;
  background: #fff;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .layerNewsletter {
    width: 100%;
    height: 100%;
  }
}
.layerNewsletter .btnNewsletterclose {
  position: absolute;
  right: 40px;
  top: 30px;
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  transform: rotateZ(90deg);
  z-index: 101;
}
@media screen and (max-width: 768px) {
  .layerNewsletter .btnNewsletterclose {
    right: 5.859375vw;
    top: 6.5104166667vw;
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
.layerNewsletter .btnNewsletterclose:hover, .layerNewsletter .btnNewsletterclose:focus {
  transform: rotateZ(180deg);
}
.layerNewsletter .btnNewsletterclose img {
  transform: scale(1.3);
}
@media screen and (max-width: 768px) {
  .layerNewsletter .btnNewsletterclose img {
    transform: scale(1);
  }
}
.layerNewsletter h3 {
  position: relative;
  margin-bottom: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #111111;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.5;
}
@media screen and (max-width: 768px) {
  .layerNewsletter h3 {
    margin-bottom: 7.8125vw;
    padding-bottom: 7.8125vw;
    font-size: 4.6875vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 768px) {
  .layerNewsletter dl {
    margin-bottom: 7.8125vw;
  }
}
.layerNewsletter dl dt {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: -0.5;
}
@media screen and (max-width: 768px) {
  .layerNewsletter dl dt {
    margin-bottom: 4.1666666667vw;
    font-size: 4.6875vw;
    line-height: 4.6875vw;
  }
}
.layerNewsletter dl dd {
  display: flex;
  justify-content: space-between;
  gap: 3%;
}
@media screen and (max-width: 768px) {
  .layerNewsletter dl dd {
    gap: 0;
    flex-direction: column;
  }
}
.layerNewsletter dl dd input:nth-child(1) {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .layerNewsletter dl dd input:nth-child(1) {
    width: 100%;
    margin-bottom: 2.6041666667vw;
  }
}
.layerNewsletter .agree p {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .layerNewsletter .agree p {
    margin-top: 3.90625vw;
    font-size: 3.6458333333vw;
    line-height: 5.2083333333vw;
  }
}
.layerNewsletter .agree .btnCenter {
  margin: 35px auto 0;
  padding-top: 35px;
  border-top: 1px solid #ddd;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .layerNewsletter .agree .btnCenter {
    margin-top: 7.8125vw;
    padding-top: 7.8125vw;
  }
}
.layerNewsletter .input, .layerNewsletter input[type=text], .layerNewsletter input[type=file], .layerNewsletter textarea {
  width: 100%;
  height: 20px;
  padding: 20px;
  border: 1px solid #bbb;
  line-height: 20px;
  font-size: 20px;
  color: #111111;
}
@media screen and (max-width: 768px) {
  .layerNewsletter .input, .layerNewsletter input[type=text], .layerNewsletter input[type=file], .layerNewsletter textarea {
    height: 11.71875vw;
    padding: 3.3854166667vw 2.6041666667vw 3.3854166667vw 2.6041666667vw;
    font-size: 3.6458333333vw;
    line-height: 11.71875vw;
  }
}
.layerNewsletter .input:focus, .layerNewsletter input[type=text]:focus, .layerNewsletter input[type=file]:focus, .layerNewsletter textarea:focus {
  border-color: #03A643;
}
.layerNewsletter textarea {
  height: 400px;
}
@media screen and (max-width: 768px) {
  .layerNewsletter textarea {
    line-height: 5.859375vw;
  }
}
.layerNewsletter input::-webkit-input-placeholder,
.layerNewsletter input:-ms-input-placeholder,
.layerNewsletter textarea::-webkit-input-placeholder,
.layerNewsletter textarea:-ms-input-placeholder {
  color: #777777;
}

#layerNewsletter {
  display: none;
}

input[type=checkbox] {
  /* 진짜 체크박스 숨김  */
  height: 0;
  width: 0;
}

input[type=checkbox] + label {
  /* 체크 박스 옆 텍스트  */
  position: relative;
  display: flex;
  margin: 0;
  align-items: center;
  color: #111111;
  transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
  cursor: pointer;
}

input[type=checkbox] + label > span {
  /* 체크박스 기본 */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px solid #9E9E9E;
  border-radius: 4px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
  overflow: hidden;
}

input[type=checkbox]:checked + label > span {
  /* 체크된 체크박스 */
  position: relative;
  border: 1px solid #03A643;
  background: #F3F9F6;
  animation: shrink-bounce 200ms cubic-bezier(0.4, 0, 0.23, 1);
}

input[type=checkbox]:checked + label > span:before {
  /* 체크 이미지 */
  content: "";
  position: absolute;
  top: 10px;
  left: 3px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}

.blind {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999em;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.btn,
a.btn,
button[type=button].btn {
  display: inline-block;
  width: 150px;
  height: 60px;
  border: 1px solid;
  font-size: 20px;
  font-weight: 500;
  line-height: 60px;
  text-align: center;
  color: #03A643;
  border-radius: 3px !important;
}
@media screen and (max-width: 768px) {
  .btn,
a.btn,
button[type=button].btn {
    width: auto;
    min-width: 26.0416666667vw;
    height: 11.71875vw;
    padding: 0vw 2.6041666667vw 0vw 2.6041666667vw;
    font-size: 4.1666666667vw;
    line-height: 11.71875vw;
  }
}
.btn:hover, .btn:focus, .btn.on,
a.btn:hover,
a.btn:focus,
a.btn.on,
button[type=button].btn:hover,
button[type=button].btn:focus,
button[type=button].btn.on {
  background: #03A643;
  color: #FFF;
}
.btn:hover.white, .btn:focus.white, .btn.on.white,
a.btn:hover.white,
a.btn:focus.white,
a.btn.on.white,
button[type=button].btn:hover.white,
button[type=button].btn:focus.white,
button[type=button].btn.on.white {
  background: #F3F9F6;
  color: #03A643;
  border-color: #03A643;
}
.btn:hover.grey, .btn:focus.grey, .btn.on.grey,
a.btn:hover.grey,
a.btn:focus.grey,
a.btn.on.grey,
button[type=button].btn:hover.grey,
button[type=button].btn:focus.grey,
button[type=button].btn.on.grey {
  background: #777777;
}
.btn:hover.green, .btn:focus.green, .btn.on.green,
a.btn:hover.green,
a.btn:focus.green,
a.btn.on.green,
button[type=button].btn:hover.green,
button[type=button].btn:focus.green,
button[type=button].btn.on.green {
  background: #00560E;
}
.btn:hover.greenLine, .btn:focus.greenLine, .btn.on.greenLine,
a.btn:hover.greenLine,
a.btn:focus.greenLine,
a.btn.on.greenLine,
button[type=button].btn:hover.greenLine,
button[type=button].btn:focus.greenLine,
button[type=button].btn.on.greenLine {
  background: #03A643;
  color: #FFF;
}
.btn:hover.down:after, .btn:focus.down:after, .btn.on.down:after,
a.btn:hover.down:after,
a.btn:focus.down:after,
a.btn.on.down:after,
button[type=button].btn:hover.down:after,
button[type=button].btn:focus.down:after,
button[type=button].btn.on.down:after {
  background: url(/assets/img/front/ico-save.svg) 50% 50% no-repeat;
}
.btn.white,
a.btn.white,
button[type=button].btn.white {
  border-color: #bbb;
  background: #fFf;
  color: #555;
}
.btn.grey,
a.btn.grey,
button[type=button].btn.grey {
  border-color: #999;
  background: #999;
  color: #fff;
}
.btn.green,
a.btn.green,
button[type=button].btn.green {
  border-color: #03A643;
  background: #03A643;
  color: #fff;
}
.btn.greenLine,
a.btn.greenLine,
button[type=button].btn.greenLine {
  border-color: #03A643;
  background: #fff;
  color: #03A643;
}
.btn.down:after,
a.btn.down:after,
button[type=button].btn.down:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: url(/assets/img/front/ico-save.svg) 50% 50% no-repeat;
  background-size: 20px 20px;
}

.caution {
  color: #ff0000;
  line-height: 1.8;
}

.green {
  color: #03A643;
}

.darkgreen {
  color: #00560E;
}

.yellowGreen {
  color: #c3fd56;
  display: inline-block;
  margin-left: 30px;
}

@keyframes shrink-bounce {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #03A643;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 14px;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    width: 5px;
    height: 14px;
    border-color: #03A643;
    transform: translate3d(0, -14px, 0) rotate(45deg);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bounceDown {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(15%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes card {
  0% {
    transform: scale(0.5);
    transform-origin: right top;
    border-radius: 300px 0 300px 300px;
  }
  100% {
    transform: scale(1);
    transform-origin: right top;
    border-radius: 0;
  }
}
@keyframes sitemap {
  0% {
    width: 100%;
    height: 100%;
    transition: 0.3s linear;
    transform: translateX(100%);
  }
  100% {
    width: 100%;
    height: 100%;
    transform: translateX(0);
  }
}
@keyframes fadeUp {
  0% {
    filter: alpha(opacity=0);
    opacity: 0.1;
    transform: translateY(100px);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeDown {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0);
  }
}
/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.sa.show {
  opacity: 1;
  transform: none;
}

/* 아래에서 위로 페이드 인 */
/* 위에서 아래로 페이드 인 */
.sa-down {
  transform: translate(0, -50px);
}

/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right {
  transform: translate(-50px, 0);
}

/* 오른쪽에서 왼쪽으로 페이드 인 */
.sa-left {
  transform: translate(50px, 0);
}

/* 왼쪽으로 회전하면서 페이드 인 */
.sa-rotateL {
  transform: rotate(180deg);
}

/* 오른쪽으로 회전하면서 페이드 인 */
.sa-rotateR {
  transform: rotate(-180deg);
}

/* 작아진 상태에서 커지면서 페이드 인 */
.sa-scaleUp {
  transform: scale(0.5);
}

/* 커진 상태에서 작아지면서 페이드 인 */
.sa-scaleDown {
  transform: scale(1.5);
}

.layerPopIn {
  z-index: 10000;
}
@media screen and (max-width: 768px) {
  .layerPopIn {
    width: 80%;
    top: 5% !important;
    margin-left: 0 !important;
    transform: translateX(-50%);
  }
}
.layerPopIn a img {
  width: 100%;
}

.layerPopFooter {
  background-color: #fff;
  padding: 4px 10px;
}
.layerPopFooter:after {
  display: block;
  content: "";
  clear: both;
}
.layerPopFooter .closeToday {
  float: left;
  margin-top: 1px;
}
.layerPopFooter .closeToday input[type=checkbox] {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
}
.layerPopFooter .closeToday label {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.layerPopFooter .layerPopClose {
  float: right;
  border: 1px solid #aaa;
  padding: 0px 5px;
  border-radius: 3px;
}
.layerPopFooter .layerPopClose:hover {
  color: #888;
}

* {
  box-sizing: border-box;
  outline: none;
  font-family: "Poppins", "Noto Sans KR", sans-serif !important;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: top;
  font-family: "Poppins", "Noto Sans KR", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

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

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

/* color */
/* Fontface */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/NotoSans-Thin.eot);
  src: url(/assets/fonts/NotoSans-Thin.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Thin.woff2) format("woff2"), url(/assets/fonts/NotoSans-Thin.woff) format("woff"), url(/assets/fonts/NotoSans-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 200;
  src: url(/assets/fonts/NotoSans-Light.eot);
  src: url(/assets/fonts/NotoSans-Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Light.woff2) format("woff2"), url(/assets/fonts/NotoSans-Light.woff) format("woff"), url(/assets/fonts/NotoSans-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(/assets/fonts/NotoSans-DemiLight.eot);
  src: url(/assets/fonts/NotoSans-DemiLight.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-DemiLight.woff2) format("woff2"), url(/assets/fonts/NotoSans-DemiLight.woff) format("woff"), url(/assets/fonts/NotoSans-DemiLight.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/NotoSans-Regular.eot);
  src: url(/assets/fonts/NotoSans-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Regular.woff2) format("woff2"), url(/assets/fonts/NotoSans-Regular.woff) format("woff"), url(/assets/fonts/NotoSans-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/NotoSans-Medium.eot);
  src: url(/assets/fonts/NotoSans-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Medium.woff2) format("woff2"), url(/assets/fonts/NotoSans-Medium.woff) format("woff"), url(/assets/fonts/NotoSans-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/NotoSans-Bold.eot);
  src: url(/assets/fonts/NotoSans-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/NotoSans-Bold.woff2) format("woff2"), url(/assets/fonts/NotoSans-Bold.woff) format("woff"), url(/assets/fonts/NotoSans-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(/assets/fonts/NotoSansKR-Black.woff2) format("woff2"), url(/assets/fonts/NotoSansKR-Black.woff) format("woff"), url(/assets/fonts/NotoSansKR-Black.otf) format("opentype");
}
.moOnlyBr,
.moOnlyImg {
  display: none;
}

.pcOnlyBr,
.pcOnlyImg {
  display: block;
}

.noDrag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.hidden {
  display: none;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .moOnlyBr,
.moOnlyImg {
    display: block;
  }

  .pcOnlyBr,
.pcOnlyImg {
    display: none;
  }
}
.only-mo {
  display: none;
}
@media screen and (max-width: 768px) {
  .only-mo {
    display: block;
  }
}

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

.container {
  position: relative;
  min-height: 100vh;
  z-index: 1;
  /* 페이지 타이틀 */
}
.container .subTitle {
  width: 100%;
  height: 340px;
  padding-top: 158px;
  text-align: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .container .subTitle {
    padding-top: 13.0208333333vw;
    height: 41.6666666667vw;
  }
}
.container .subTitle h2 {
  padding-bottom: 25px;
  font-size: 48px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: -5%;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .container .subTitle h2 {
    padding-bottom: 1.3020833333vw;
    font-size: 6.7708333333vw;
    line-height: 9.1145833333vw;
  }
}
.container .subTitle p {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .container .subTitle p {
    font-size: 3.6458333333vw;
    line-height: 5.2083333333vw;
  }
}
.container .subTitle.subBg-org {
  background-image: url("/assets/img/front/subBg/sub_org.png");
}
@media screen and (max-width: 768px) {
  .container .subTitle.subBg-org {
    background-image: url("/assets/img/front/subBg/sub_org_m.png");
  }
}
.container .subTitle.subBg-biz {
  background-image: url("/assets/img/front/subBg/sub_biz.png");
}
@media screen and (max-width: 768px) {
  .container .subTitle.subBg-biz {
    background-image: url("/assets/img/front/subBg/sub_biz_m.png");
  }
}
.container .subTitle.subBg-challenge {
  background-image: url("/assets/img/front/subBg/sub_challenge.png");
}
@media screen and (max-width: 768px) {
  .container .subTitle.subBg-challenge {
    background-image: url("/assets/img/front/subBg/sub_challenge_m.png");
  }
}
.container .subTitle.subBg-news {
  background-image: url("/assets/img/front/subBg/sub_news.png");
}
@media screen and (max-width: 768px) {
  .container .subTitle.subBg-news {
    background-image: url("/assets/img/front/subBg/sub_news_m.png");
  }
}
.container .subTitle.subBg-sponsor {
  background-image: url("/assets/img/front/subBg/sub_sponsor.png");
}
@media screen and (max-width: 768px) {
  .container .subTitle.subBg-sponsor {
    background-image: url("/assets/img/front/subBg/sub_sponsor_m.png");
  }
}
.container .subTitle.subBg-search {
  padding-top: 183px;
  background-image: url("/assets/img/front/subBg/sub_search.png");
}
@media screen and (max-width: 768px) {
  .container .subTitle.subBg-search {
    padding-top: 19.53125vw;
    background-image: url("/assets/img/front/subBg/sub_search_m.png");
  }
}
.container .subNav {
  width: 100%;
  height: 71px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .container .subNav {
    display: none;
  }
}
.container .subNav .inner {
  position: relative;
  display: flex;
  max-width: 1260px;
  margin: 0 auto;
}
.container .subNav .inner .home {
  display: inline-block;
  width: 70px;
  height: 69px;
  margin: 0;
  padding: 0;
  line-height: 90px;
  text-align: center;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  background: #f9f9f9;
  overflow: hidden;
}
.container .subNav .inner .selectMenu {
  display: block;
  position: relative;
  width: 100%;
  max-width: 260px;
}
.container .subNav .inner .selectMenu button[type=button] {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFF url(/assets/img/front/ico-menu-down-grey.svg) no-repeat 95% 50%;
  color: #333333;
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-right: 1px solid #eee;
  font-size: 18px;
  text-indent: 30px;
  text-align: left;
  cursor: pointer;
  z-index: 10 !important;
}
.container .subNav .inner .selectMenu ul {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 274px;
  padding: 20px 20px 20px 30px;
  border: 1px solid #DDD;
  background: #FFF;
  opacity: 0;
  transform: translateY(-15%);
  transition: all 0.3s ease-out;
  z-index: 1;
  visibility: hidden;
}
.container .subNav .inner .selectMenu ul.on {
  height: auto;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.container .subNav .inner .selectMenu ul a {
  display: block;
  color: #333333;
  font-size: 18px;
  line-height: 40px;
  font-weight: 400;
}
.container .subNav .inner .selectMenu ul a:hover, .container .subNav .inner .selectMenu ul a:focus, .container .subNav .inner .selectMenu ul a.on {
  color: #03A643;
}
.container .subNav .inner .selectMenu:last-child button {
  color: #03A643;
  background: url(/assets/img/front/ico-menu-down-green.svg) no-repeat 95% 50%;
}
.container h3.title {
  padding: 90px 0 60px;
  font-size: 45px;
  line-height: 50px;
  letter-spacing: -5%;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .container h3.title {
    padding: 10.4166666667vw 0vw 7.8125vw 0vw;
    font-size: 6.7708333333vw;
    line-height: 7.2916666667vw;
  }
}
.container .tabBt {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto 60px;
}
@media screen and (max-width: 768px) {
  .container .tabBt {
    flex-direction: column;
    text-align: center;
  }
}
.container .tabBt li {
  flex: 1 1 auto;
  width: calc(100% / 6);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container .tabBt li {
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .container .tabBt li {
    width: 100% !important;
  }
}
.container .tabBt li + li a {
  border-left: 0;
}
.container .tabBt li a {
  display: block;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-bottom: 1px solid #03A643;
  font-size: 20px;
  font-weight: 400;
  line-height: 72px;
  text-align: center;
  color: #333333;
  cursor: pointer;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .container .tabBt li a {
    font-size: 1.5625vw;
    line-height: 5.625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .container .tabBt li a {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container .tabBt li a {
    font-size: 1.953125vw;
    line-height: 7.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .container .tabBt li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .container .tabBt li a {
    font-size: 2.6041666667vw;
    line-height: 9.375vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .container .tabBt li a {
    font-size: 12px;
  }
}
.container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on {
  background: #FFF;
  border: 1px solid #03A643;
  border-bottom: 0;
  color: #03A643;
  font-weight: 700;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .container .tabBt li a:hover, .container .tabBt li a:focus, .container .tabBt li a.on {
    font-size: 12px;
  }
}
.container .tabCont {
  position: relative;
  margin-bottom: 120px;
}
.container .tabBt-mo > button {
  display: none;
}
@media screen and (max-width: 768px) {
  .container .tabBt-mo {
    display: block;
    position: relative;
    height: auto;
    margin: 0vw 2.6041666667vw 13.0208333333vw 2.6041666667vw;
  }
  .container .tabBt-mo > button {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 11.71875vw;
    margin: 2.6041666667vw 0vw 2.6041666667vw 0vw;
    font-size: 4.4270833333vw;
    line-height: 11.71875vw;
    background: url(/assets/img/front/ico-menu-down-green.svg) no-repeat 95% 50%;
    color: #03A643;
    border: 1px solid #bbb;
    text-align: center;
    letter-spacing: -4%;
    cursor: pointer;
    z-index: 10 !important;
  }
  .container .tabBt-mo > ul {
    position: absolute;
    top: 14.1927083333vw;
    left: 0;
    width: 100%;
    height: auto;
    padding: 2.6041666667vw 2.6041666667vw 2.6041666667vw 2.6041666667vw;
    border: 1px solid #bbb;
    background: #FFF;
    opacity: 0;
    transform: translateY(-15%);
    transition: all 0.3s ease-out;
    z-index: 4;
    visibility: hidden;
  }
  .container .tabBt-mo > ul.on {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  .container .tabBt-mo > ul a {
    display: block;
    background: #fff;
    border: 0;
    font-size: 4.4270833333vw;
    line-height: 10.4166666667vw;
    font-weight: 400;
    text-align: center;
  }
  .container .tabBt-mo > ul a:hover, .container .tabBt-mo > ul a:focus, .container .tabBt-mo > ul a.on {
    background: #FFF;
    border: 0 !important;
    color: #03A643;
    font-size: 3.90625vw;
    font-weight: 700;
  }
  .container .tabBt-mo > ul.tab_hidden {
    display: none;
  }
  .container .tabBt-mo .tabCont {
    padding-top: 19.53125vw;
  }
  .container .tabBt-mo .tabCont.tabCont-no-pd {
    padding-top: 0vw;
  }
}

.contents {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 1260px) and (min-width: 320px) {
  .contents {
    max-width: 100%;
    padding: 0vw 3.125vw 0vw 3.125vw;
    padding: 0vw 3.90625vw 0vw 3.90625vw;
    padding: 0vw 5.2083333333vw 0vw 5.2083333333vw;
  }
}

.tabBt + article {
  padding-top: 0 !important;
}

.title + article {
  padding-top: 0 !important;
}

article {
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article {
    padding: 6.25vw 0vw 6.25vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article {
    padding: 7.8125vw 0vw 7.8125vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  article {
    padding: 10.4166666667vw 0vw 10.4166666667vw 0vw;
  }
}
article.bg {
  background: #FAF6F1;
}
article .contents {
  position: relative;
  margin: 0 auto;
}
article .contents img {
  max-width: 100%;
  margin: 0 auto;
}
article .contents .tab .bt {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1260px) {
  article .contents .tab .bt li {
    margin-left: 40px;
  }
}
@media screen and (max-width: 1260px) and (min-width: 320px) {
  article .contents .tab .bt li {
    flex: 1;
    text-align: center;
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 768px) {
  article .contents .tab .bt li {
    margin: 0vw 0vw 7.8125vw 0vw;
  }
}
article .contents .tab .bt li a {
  position: relative;
  display: block;
  padding-bottom: 15px;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -2px;
  color: #333333;
  transform: translateX(0);
}
article .contents .tab .bt li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #03A643;
  height: 3px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
@media screen and (max-width: 1260px) and (min-width: 320px) {
  article .contents .tab .bt li a {
    border-bottom: 1px solid #ddd;
    height: 100%;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .contents .tab .bt li a {
    font-size: 1.71875vw;
    line-height: 1.71875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  article .contents .tab .bt li a {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .contents .tab .bt li a {
    font-size: 2.1484375vw;
    line-height: 2.1484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  article .contents .tab .bt li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .contents .tab .bt li a {
    font-size: 3.6458333333vw;
    line-height: 4.6875vw;
  }
}
article .contents .tab .bt li a:hover, article .contents .tab .bt li a:focus, article .contents .tab .bt li a.on {
  color: #03A643;
  font-weight: 700;
}
article .contents .tab .bt li a:hover:before, article .contents .tab .bt li a:focus:before, article .contents .tab .bt li a.on:before {
  left: 0;
  right: 0;
}
article .contents .tab .bt .ui-tabs-active a {
  padding-bottom: 15px;
  color: #03A643;
  font-weight: 700;
}
article .contents .tab .bt .ui-tabs-active a:before {
  left: 0;
  right: 0;
}
article h4 {
  padding: 0 0 25px 0;
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -2px;
  color: #111111;
}
article h4.tac {
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article h4 {
    font-size: 2.65625vw;
    padding: 0vw 0vw 1.953125vw 0vw;
    line-height: 3.125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 451.7647058824px) {
  article h4 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article h4 {
    font-size: 3.3203125vw;
    padding: 0vw 0vw 2.44140625vw 0vw;
    line-height: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 361.4117647059px) {
  article h4 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article h4 {
    padding: 0vw 0vw 3.125vw 0vw;
    font-size: 5.2083333333vw;
    line-height: 7.2916666667vw;
  }
}
article h4 em {
  font-weight: 400;
  font-style: normal;
}
article h4 p.small {
  margin-top: 15px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  font-weight: 400;
}
article h4 + p, article h4 + div, article h4 + ul {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #333333;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article h4 + p, article h4 + div, article h4 + ul {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  article h4 + p, article h4 + div, article h4 + ul {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article h4 + p, article h4 + div, article h4 + ul {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  article h4 + p, article h4 + div, article h4 + ul {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article h4 + p, article h4 + div, article h4 + ul {
    font-size: 3.6458333333vw;
    line-height: 5.9895833333vw;
  }
}
article > div {
  /* contents, did2 등 겉 div의 첫번째 것 */
}
article > div + div {
  /* contents, did2 등 겉 div 첫번째 이후의 것 */
  padding-top: 50px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article > div + div {
    padding-top: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article > div + div {
    padding-top: 4.8828125vw;
  }
}
@media screen and (max-width: 768px) {
  article > div + div {
    padding-top: 30px !important;
  }
}
article hr {
  width: 100%;
  height: 1px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #DDD;
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  article hr {
    margin: 5.2083333333vw 0vw 5.2083333333vw 0vw;
  }
}
article .did2 {
  display: flex;
  justify-content: space-between;
  align-items: start !important;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  article .did2 {
    flex-direction: column;
    padding-bottom: 2.6041666667vw;
  }
}
article .did2 h4 {
  padding-top: 50px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .did2 h4 {
    padding-top: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .did2 h4 {
    padding-top: 4.8828125vw;
  }
}
@media screen and (max-width: 768px) {
  article .did2 h4 {
    padding-top: 10.4166666667vw;
  }
}
article .did2 h4 span {
  display: block;
  padding: 20px 0 15px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: #555555;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  article .did2 h4 span {
    padding: 2.6041666667vw 0vw 5.2083333333vw 0vw;
    font-size: 3.6458333333vw;
    line-height: 7.03125vw;
  }
}
article .did2 .caption-info {
  margin: 30px 0 -30px;
}
article .did2 .caption-info span {
  display: inline-block;
  font-size: 14px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .did2 .caption-info span {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) {
  article .did2 .caption-info span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .did2 .caption-info span {
    font-size: 1.3671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) {
  article .did2 .caption-info span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .did2 .caption-info span {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  article .did2 .caption-info span {
    font-size: 12px;
  }
}
article .did2 .caption-info span + span {
  float: right;
}
article .did2 > p, article .did2 > div {
  width: 48%;
}
article .did2 > p img, article .did2 > div img {
  width: auto;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  article .did2 > p, article .did2 > div {
    width: 100%;
  }
  article .did2 > p + img, article .did2 > p + p, article .did2 > div + img, article .did2 > div + p {
    padding-top: 4.1666666667vw;
  }
}
article .company_bg01 {
  margin: 0;
  padding: 60px 0 0 400px;
  background-image: url(/assets/img/front/org/company_illu.png);
  background-repeat: no-repeat;
  background-position: left 50%;
  background-size: 308px auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .company_bg01 {
    padding: 4.6875vw 0vw 0vw 31.25vw;
    background-size: auto 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .company_bg01 {
    padding: 5.859375vw 0vw 0vw 24.4140625vw;
    background-size: auto 60%;
  }
}
@media screen and (max-width: 768px) {
  article .company_bg01 {
    padding: 39.0625vw 0vw 0vw 0vw;
    background-position: 50% 20px;
    background-size: 50% auto;
  }
}
article .company_bg01 p {
  text-align: justify;
}
article .company_bg01 p + p {
  padding-top: 10px;
}
article .company_bg02,
article .company_bg03 {
  position: relative;
  width: 50% !important;
  height: 400px;
  margin: 17px 0 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .company_bg02,
article .company_bg03 {
    height: 31.25vw;
    margin: 1.328125vw 0vw 2.34375vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .company_bg02,
article .company_bg03 {
    height: 39.0625vw;
    margin: 1.66015625vw 0vw 2.9296875vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  article .company_bg02,
article .company_bg03 {
    width: 100% !important;
    height: 54.6875vw;
    margin: 0vw 0vw 7.8125vw 0vw;
  }
}
article .company_bg02 .inner,
article .company_bg03 .inner {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 630px;
  text-align: center;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .company_bg02 .inner,
article .company_bg03 .inner {
    max-width: 49.21875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .company_bg02 .inner,
article .company_bg03 .inner {
    max-width: 61.5234375vw;
  }
}
@media screen and (max-width: 768px) {
  article .company_bg02 .inner,
article .company_bg03 .inner {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
article .company_bg02 h5, article .company_bg02 p, article .company_bg02 strong,
article .company_bg03 h5,
article .company_bg03 p,
article .company_bg03 strong {
  color: #fff;
}
article .company_bg02 h5,
article .company_bg03 h5 {
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #FFF;
  font-size: 34px;
  line-height: 34px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .company_bg02 h5,
article .company_bg03 h5 {
    margin-bottom: 2.34375vw;
    padding-bottom: 2.34375vw;
    font-size: 2.65625vw;
    line-height: 2.65625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 451.7647058824px) {
  article .company_bg02 h5,
article .company_bg03 h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .company_bg02 h5,
article .company_bg03 h5 {
    margin-bottom: 2.9296875vw;
    padding-bottom: 2.9296875vw;
    font-size: 3.3203125vw;
    line-height: 3.3203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 361.4117647059px) {
  article .company_bg02 h5,
article .company_bg03 h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .company_bg02 h5,
article .company_bg03 h5 {
    margin-bottom: 4.1666666667vw;
    padding-bottom: 4.1666666667vw;
    font-size: 5.2083333333vw;
    line-height: 5.2083333333vw;
  }
}
article .company_bg02 p,
article .company_bg03 p {
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .company_bg02 p,
article .company_bg03 p {
    font-size: 2.1875vw;
    line-height: 3.28125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 548.5714285714px) {
  article .company_bg02 p,
article .company_bg03 p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .company_bg02 p,
article .company_bg03 p {
    font-size: 2.734375vw;
    line-height: 4.1015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 438.8571428571px) {
  article .company_bg02 p,
article .company_bg03 p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .company_bg02 p,
article .company_bg03 p {
    font-size: 5.2083333333vw;
    line-height: 7.5520833333vw;
  }
}
article .company_bg02 p strong,
article .company_bg03 p strong {
  font-weight: 900;
}
article .company_bg02 {
  background: url(/assets/img/front/org/company_mask01.png) center top no-repeat;
  padding-left: calc(50% - 630px);
  background-size: auto 400px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .company_bg02 {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .company_bg02 {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  article .company_bg02 {
    padding-left: 0;
  }
}
article .company_bg03 {
  background: url(/assets/img/front/org/company_mask02.png) center top no-repeat;
  background-size: auto 400px;
}
article .slogan01,
article .slogan02 {
  position: relative;
  height: 260px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .slogan01,
article .slogan02 {
    height: 20.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .slogan01,
article .slogan02 {
    height: 25.390625vw;
  }
}
@media screen and (max-width: 768px) {
  article .slogan01,
article .slogan02 {
    height: 36.4583333333vw;
  }
}
article .slogan01 dl,
article .slogan02 dl {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}
article .slogan01 dl dt,
article .slogan02 dl dt {
  padding-bottom: 28px;
  font-family: "Poppins" !important;
  font-weight: 200;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  color: #FFF;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .slogan01 dl dt,
article .slogan02 dl dt {
    padding-bottom: 2.1875vw;
    font-size: 2.1875vw;
    line-height: 3.28125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 548.5714285714px) {
  article .slogan01 dl dt,
article .slogan02 dl dt {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .slogan01 dl dt,
article .slogan02 dl dt {
    padding-bottom: 2.734375vw;
    font-size: 2.734375vw;
    line-height: 4.1015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 438.8571428571px) {
  article .slogan01 dl dt,
article .slogan02 dl dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .slogan01 dl dt,
article .slogan02 dl dt {
    padding-bottom: 3.6458333333vw;
    font-size: 4.6875vw;
    line-height: 7.03125vw;
  }
}
article .slogan01 dl dd,
article .slogan02 dl dd {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -1px;
  font-weight: 700;
  text-align: center;
  color: #FFF;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .slogan01 dl dd,
article .slogan02 dl dd {
    font-size: 2.5vw;
    line-height: 3.75vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 480px) {
  article .slogan01 dl dd,
article .slogan02 dl dd {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .slogan01 dl dd,
article .slogan02 dl dd {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 384px) {
  article .slogan01 dl dd,
article .slogan02 dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .slogan01 dl dd,
article .slogan02 dl dd {
    font-size: 4.6875vw;
    line-height: 7.03125vw;
  }
}
article .slogan01 {
  background: #7CC59E;
}
@media screen and (max-width: 768px) {
  article .slogan01 {
    margin-bottom: 2.6041666667vw;
  }
}
article .slogan02 {
  background: #6AADA9;
}
article .youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
article .youtube video,
article .youtube iframe,
article .youtube object,
article .youtube embed {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
article .bl {
  padding-left: 15px;
  text-indent: -15px;
}
article .bl:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 5px;
  background: #03A643;
  vertical-align: 5px;
}
article .value {
  display: flex;
  justify-content: space-evenly;
}
@media screen and (max-width: 768px) {
  article .value {
    flex-direction: column;
    width: 70%;
    margin: 0 auto;
  }
}
article .value li {
  position: relative;
  display: inline-block;
  width: 380px;
  height: 380px;
  border-radius: 100%;
  text-align: center;
  z-index: auto;
  background: #fff;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .value li {
    width: 29.6875vw;
    height: 29.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .value li {
    width: 27.34375vw;
    height: 27.34375vw;
  }
}
@media screen and (max-width: 768px) {
  article .value li {
    width: 57.2916666667vw;
    height: 57.2916666667vw;
  }
}
article .value li:nth-child(even):before {
  transform: rotate(180deg);
  /* pc 짝수 */
}
@media screen and (max-width: 768px) {
  article .value li:nth-child(even):before {
    transform: rotate(90deg);
    /* 모바일 짝수 */
  }
}
article .value li:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background: url(/assets/img/front/org/circle_pc.png) 50% 50% no-repeat;
  background-size: cover;
  /* pc 일반 */
}
@media screen and (max-width: 768px) {
  article .value li:before {
    transform: rotate(270deg);
    /* 모바일 일반 */
  }
}
article .value li + li {
  margin-left: 60px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .value li + li {
    margin-left: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .value li + li {
    margin-left: 5.859375vw;
  }
}
@media screen and (max-width: 768px) {
  article .value li + li {
    margin-left: 0;
    margin-top: 5.2083333333vw;
  }
}
article .value li p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 25px;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -1px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .value li p {
    padding: 1.953125vw 1.953125vw 1.953125vw 1.953125vw;
    font-size: 1.40625vw;
    line-height: 2.1875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  article .value li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .value li p {
    padding: 2.44140625vw 2.44140625vw 2.44140625vw 2.44140625vw;
    font-size: 1.7578125vw;
    line-height: 2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  article .value li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .value li p {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translateY(30%);
    width: 100%;
    height: 100%;
    padding: 0vw 2.6041666667vw 0vw 2.6041666667vw;
    font-size: 3.6458333333vw;
    line-height: 4.6875vw;
  }
  article .value li p.up {
    transform: translateY(20%);
    height: 80%;
  }
}
article .value li p strong {
  display: block;
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
  color: #03A643;
}
@media screen and (max-width: 768px) {
  article .value li p strong {
    padding-bottom: 5.2083333333vw;
    font-size: 4.6875vw;
    line-height: 6.25vw;
  }
}
article .location > div {
  width: 100%;
}
article .location > ul {
  width: 100%;
  padding: 0 30px;
  border: 1px solid #ddd;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .location > ul {
    padding: 0vw 2.34375vw 0vw 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .location > ul {
    padding: 0vw 2.9296875vw 0vw 2.9296875vw;
  }
}
@media screen and (max-width: 768px) {
  article .location > ul {
    padding: 0;
  }
}
article .location > ul li {
  padding: 30px 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .location > ul li {
    padding: 2.34375vw 0vw 2.34375vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .location > ul li {
    padding: 0vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  article .location > ul li {
    padding: 0vw 3.125vw 0vw 3.125vw;
  }
}
article .location > ul li + li {
  border-top: 1px solid #EEE;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .location > ul li + li {
    border-top: 0;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  article .location > ul li + li {
    border-top: 0;
    margin: 0;
  }
}
article .location > ul li span + span {
  margin-left: 160px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  article .location > ul li span + span {
    margin-left: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .location > ul li span + span {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  article .location > ul li span + span {
    margin-left: 0;
  }
}
article .location > ul li span {
  display: inline-block;
}
article .location > ul li span.fax, article .location > ul li span.email {
  margin-left: 132px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .location > ul li span.fax, article .location > ul li span.email {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  article .location > ul li span.fax, article .location > ul li span.email {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  article .location > ul li span {
    display: block;
    border-bottom: 1px solid #EEE;
    padding: 2.34375vw 0vw 2.34375vw 7.8125vw;
    font-size: 2.734375vw;
    line-height: 2.734375vw;
    text-indent: -5.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 438.8571428571px) {
  article .location > ul li span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  article .location > ul li span {
    display: block;
    border-bottom: 1px solid #EEE;
    padding: 3.125vw 0vw 3.125vw 10.4166666667vw;
    font-size: 3.6458333333vw;
    line-height: 3.6458333333vw;
    text-indent: -7.8125vw;
  }
}
article .location > ul li span:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 7px;
  background-repeat: no-repeat;
  background-position: left 50%;
  background-size: auto 98%;
  vertical-align: -10px;
}
article .location > ul li .address:before {
  background-image: url("/assets/img/front/org/ico-location.svg");
}
article .location > ul li .tel:before {
  background-image: url("/assets/img/front/org/ico-call.svg");
  background-size: auto 82%;
}
article .location > ul li .fax:before {
  background-image: url("/assets/img/front/org/ico-fax.svg");
}
article .location > ul li .subway:before {
  background-image: url("/assets/img/front/org/ico-subway.svg");
}
article .location > ul li .email:before {
  background-image: url("/assets/img/front/org/ico-email.svg");
}

.selectArea {
  width: 150px;
  margin: 0 auto 40px;
  vertical-align: top;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .selectArea {
    justify-content: space-around;
    margin: 0px auto 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .selectArea {
    justify-content: space-around;
    margin: 0px auto 80px;
  }
}
@media screen and (max-width: 768px) {
  .selectArea {
    justify-content: space-between;
    width: 100%;
    margin: 0px auto 40px;
    height: 10.4166666667vw;
  }
}
.selectArea .letterBox {
  position: relative;
  flex: 1 1;
}
.selectArea .letterBox + .letterBox {
  margin-left: 20px;
}
.selectArea .letterBox button {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFF url(/assets/img/front/icon-newsletter.png) right top no-repeat;
  border: 1px solid #03A643;
  display: block;
  width: 100%;
  max-width: 150px;
  height: 44px;
  line-height: 40px;
  font-size: 16px;
  font-family: "Poppins" !important;
  text-indent: 20px;
  text-align: left;
  cursor: pointer;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .selectArea .letterBox button {
    max-width: 100%;
    height: 10.4166666667vw;
    font-size: 4.1666666667vw;
    line-height: 10.4166666667vw;
  }
}
.selectArea .letterBox button.bg-bottom {
  background-position: right bottom;
}
.selectArea .letterBox ul {
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  max-width: 150px;
  height: 80px;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #03A643;
  opacity: 0;
  transform: translateY(-15%);
  transition: all 0.3s ease-out;
  overflow: hidden;
  z-index: 1;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .selectArea .letterBox ul {
    max-width: 100%;
  }
}
.selectArea .letterBox ul.on {
  opacity: 1;
  transform: translateY(0);
  overflow-y: auto;
  visibility: visible;
}
.selectArea .letterBox ul li a {
  display: block;
  color: #333333;
  font-family: "Poppins" !important;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .selectArea .letterBox ul li a {
    line-height: 7.8125vw;
    font-size: 4.1666666667vw;
  }
}
.selectArea .letterBox ul li a:hover, .selectArea .letterBox ul li a:focus {
  color: #03A643;
}

.slider {
  width: 100%;
  margin: 0;
  padding: 0;
}
.slider .slick-list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slider .slick-list div {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.slider .slick-list div a {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  font-size: 0;
}
.slider .slick-list div a img {
  width: auto;
  max-width: 100%;
  transition: all 0.5s ease-in-out;
}
.slider .slick-arrow {
  position: absolute;
  top: 170px;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-indent: -99999px;
  z-index: 100;
  transition: background-image 0.3s;
}
@media screen and (max-width: 768px) {
  .slider .slick-arrow {
    top: 19.53125vw;
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
.slider .slick-prev {
  left: -30px;
  background: url("/assets/img/front/main/history_arrow_left.png") 50% 50% no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .slider .slick-prev {
    left: 2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slider .slick-prev {
    left: 1.46484375vw;
  }
}
@media screen and (max-width: 768px) {
  .slider .slick-prev {
    left: 1.3020833333vw;
  }
}
.slider .slick-prev:hover, .slider .slick-prev:focus {
  background: url("/assets/img/front/main/history_arrow_left_on.png") 50% 50% no-repeat;
  background-size: 100% 100%;
}
.slider .slick-next {
  right: -30px;
  background: url("/assets/img/front/main/history_arrow_right.png") 50% 50% no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .slider .slick-next {
    right: 2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slider .slick-next {
    right: 1.46484375vw;
  }
}
@media screen and (max-width: 768px) {
  .slider .slick-next {
    right: 1.3020833333vw;
  }
}
.slider .slick-next:hover {
  background: url("/assets/img/front/main/history_arrow_right_on.png") 50% 50% no-repeat;
  background-size: 100% 100%;
}
.slider ul.slick-dots {
  position: absolute;
  top: 320px;
  left: 530px;
  width: 200px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .slider ul.slick-dots {
    left: 36.71875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .slider ul.slick-dots {
    left: 34.1796875vw;
  }
}
@media screen and (max-width: 768px) {
  .slider ul.slick-dots {
    top: 32.5520833333vw;
    left: 31.25vw;
    transform: scale(0.5);
  }
}
@media screen and (max-width: 600px) and (min-width: 500px) {
  .slider ul.slick-dots {
    top: 32.5520833333vw;
    left: 29.9479166667vw;
    transform: scale(0.5);
  }
}
@media screen and (max-width: 500px) and (min-width: 400px) {
  .slider ul.slick-dots {
    top: 32.5520833333vw;
    left: 26.0416666667vw;
    transform: scale(0.5);
  }
}
@media screen and (max-width: 400px) and (min-width: 300px) {
  .slider ul.slick-dots {
    top: 32.5520833333vw;
    left: 23.4375vw;
    transform: scale(0.5);
  }
}
.slider ul.slick-dots li {
  display: inline-block;
}
.slider ul.slick-dots li button {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 5px;
  background: url("/assets/img/front/main/slick-dot.svg") 50% 50% no-repeat;
  text-indent: -99999px;
}
.slider ul.slick-dots .slick-active button {
  background: url("/assets/img/front/main/slick-select-wh.svg") 50% 50% no-repeat;
}

.history .year {
  width: 100%;
  height: 400px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .history .year {
    height: 46.875vw;
  }
}
.history .year.y00 {
  background-image: url(/assets/img/front/org/history_bg00.png);
}
.history .year.y01 {
  background-image: url(/assets/img/front/org/history_bg01.png);
}
.history .year.y02 {
  background-image: url(/assets/img/front/org/history_bg02.png);
}
.history .year.y03 {
  background-image: url(/assets/img/front/org/history_bg03.png);
}
.history .year.y04 {
  background-image: url(/assets/img/front/org/history_bg04.png);
}
.history .year h5 {
  padding: 118px 0 26px;
  font-family: "Poppins" !important;
  font-size: 56px;
  line-height: 56px;
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .history .year h5 {
    padding: 10.4166666667vw 0vw 2.6041666667vw 0vw;
    font-size: 5.2083333333vw;
    line-height: 5.2083333333vw;
  }
}
.history .year p {
  font-size: 20px;
  line-height: 30px;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .history .year p {
    padding: 0vw 5.2083333333vw 0vw 5.2083333333vw;
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
  }
}
.history .comment {
  padding: 30px 0 60px;
  border-bottom: 1px solid #111;
  font-size: 18px;
  line-height: 30px;
  text-align: left !important;
}
@media screen and (max-width: 768px) {
  .history .comment {
    padding: 5.2083333333vw 0vw 5.2083333333vw 0vw;
    font-size: 3.6458333333vw;
    line-height: 5.9895833333vw;
    -webkit-text-size-adjust: none;
  }
}
.history dl {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .history dl {
    flex-direction: column;
  }
}
.history dl dt {
  width: 200px;
  padding: 35px 0 35px 35px;
  font-size: 55px;
  line-height: 55px;
  font-weight: 700;
  letter-spacing: -2px;
  color: #7CC59E;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .history dl dt {
    width: 100%;
    padding: 5.2083333333vw 0vw 1.3020833333vw 3.125vw;
    font-size: 5.2083333333vw;
    line-height: 5.2083333333vw;
  }
}
.history dl dd {
  width: calc(100% - 200px);
  padding: 35px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .history dl dd {
    width: 100%;
    padding: 0vw 1.3020833333vw 5.2083333333vw 1.3020833333vw;
  }
}
.history dl dd ul li {
  font-size: 18px;
  line-height: 30px;
  padding-left: 7px;
  text-indent: -7px;
  -webkit-text-size-adjust: none;
}
@media screen and (max-width: 768px) {
  .history dl dd ul li {
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
  }
}

.way h4 {
  padding-bottom: 60px;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way h4 {
    padding-bottom: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way h4 {
    padding-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .way h4 {
    padding-bottom: 7.8125vw;
  }
}
.way ul {
  width: 500px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way ul {
    width: 39.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way ul {
    width: 39.0625vw;
  }
}
@media screen and (max-width: 768px) {
  .way ul {
    width: 100%;
  }
}
.way ul li {
  display: inline-block;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way ul li {
    width: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way ul li {
    width: 14.6484375vw;
  }
}
@media screen and (max-width: 768px) {
  .way ul li {
    width: 40%;
    margin: 0 5%;
  }
}
.way ul li + li {
  margin-left: 90px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way ul li + li {
    margin-left: 7.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way ul li + li {
    margin-left: 4.8828125vw;
  }
}
@media screen and (max-width: 768px) {
  .way ul li + li {
    margin-left: 0;
  }
}
.way ul li img {
  display: block;
  margin: 0 auto;
}
.way ul li strong {
  display: block;
  padding: 30px 0 10px;
  font-size: 24px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way ul li strong {
    padding: 2.34375vw 0vw 1.5625vw 0vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 480px) {
  .way ul li strong {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way ul li strong {
    padding: 2.9296875vw 0vw 1.953125vw 0vw;
    font-size: 3.125vw;
    line-height: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 384px) {
  .way ul li strong {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .way ul li strong {
    padding: 4.1666666667vw 0vw 1.5625vw 0vw;
    font-size: 4.1666666667vw;
    line-height: 4.1666666667vw;
  }
}
.way ul li span {
  display: block;
  font-size: 18px;
  line-height: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way ul li span {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .way ul li span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way ul li span {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .way ul li span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .way ul li span {
    font-size: 3.6458333333vw;
    line-height: 6.25vw;
    letter-spacing: -1px;
  }
}
.way ul li span .small {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -3px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .way ul li span .small {
    font-size: 1.09375vw;
    line-height: 1.875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) {
  .way ul li span .small {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .way ul li span .small {
    font-size: 1.3671875vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) {
  .way ul li span .small {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .way ul li span .small {
    font-size: 2.6041666667vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .way ul li span .small {
    font-size: 12px;
  }
}
.way .btn {
  width: auto;
  margin: 30px auto 0;
  padding-left: 20px;
  padding-right: 60px;
  background: url(/assets/img/front/org/ico-doc.svg) no-repeat 95% 50%;
  transition: all 0.2s;
}
.way .btn:hover {
  background: #F3F9F6 url(/assets/img/front/org/ico-doc.svg) no-repeat 95% 50%;
  color: #03A643;
}

.imgBg-way {
  height: 680px;
  background-image: url(/assets/img/front/sponsor/way_bg.png);
  background-repeat: no-repeat;
  background-position: 60% 50%;
  background-size: cover;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .imgBg-way {
    height: 177.0833333333vw;
    background-image: url(/assets/img/front/sponsor/way_bg_mo.png);
  }
}
.imgBg-way dl dt {
  display: inline-block;
  padding: 80px 0 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #fff;
  font-size: 34px;
  line-height: 34px;
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .imgBg-way dl dt {
    margin-bottom: 4.6875vw;
    padding: 10.4166666667vw 0vw 4.1666666667vw 0vw;
    font-size: 5.2083333333vw;
    line-height: 5.2083333333vw;
  }
}
.imgBg-way dl dd {
  font-size: 24px;
  line-height: 36px;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .imgBg-way dl dd {
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
  }
}
.imgBg-way dl dd .strong-bg {
  font-weight: 700;
  color: #c3fd56;
}

.table {
  width: 100%;
  margin-top: 40px;
  border-top: 1px solid #bbb;
}
@media screen and (max-width: 768px) {
  .table {
    padding-top: 5.2083333333vw;
  }
}
.table caption {
  position: absolute;
  left: -99999px;
  top: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: -99999px;
}
.table thead th {
  padding: 17px 0;
  background: #f5f5f5;
  text-align: center;
  font-weight: 400;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .table thead th {
    padding: 3.125vw 0vw 3.125vw 0vw;
  }
}
.table thead th:first-child {
  border-left: 0;
}
.table tbody td {
  padding: 17px 20px;
  background: #fff;
  border-bottom: 1px solid #DDD;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .table tbody td {
    padding: 3.125vw 3.125vw 3.125vw 3.125vw;
  }
}
.table tbody td .br0 {
  border-right: 0 !important;
}
.table tbody td + td {
  border-left: 1px solid #DDD;
}
.table tbody td:first-child, .table tbody td:first-child + td {
  border-right: 1px solid #DDD;
  /*border-right: 0;*/
}
.table tbody .group {
  border-right: 1px solid #ddd;
}
.table tbody .group p {
  display: none;
}
.table tbody .bgGreen {
  background: #F3F9F6 !important;
}
@media screen and (max-width: 768px) {
  .table tbody .bgGreen {
    background: #fff;
    font-weight: normal;
  }
}

.scroll {
  width: 100% !important;
  max-width: 1260px;
  padding-top: 50px;
}
@media screen and (max-width: 1280px) {
  .scroll {
    overflow-x: auto;
  }
}
.scroll:before {
  content: "(단위 : 원)";
  display: block;
  width: 100%;
  padding-bottom: 5px;
  text-align: right;
  font-size: 18px;
  line-height: 18px;
}
.scroll p.small {
  margin-top: -30px;
}
.scroll .table {
  margin-top: 0px;
}

table.vertical {
  width: 100%;
  margin-top: 40px;
  border-top: 1px solid #bbb;
}
@media screen and (max-width: 768px) {
  table.vertical {
    padding-top: 5.2083333333vw;
  }
}
table.vertical caption {
  font-size: 0;
  text-indent: -99999px;
}
table.vertical tbody th {
  padding: 17px 0;
  background: #f5f5f5;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  border-bottom: 1px solid #DDD;
}
@media screen and (max-width: 768px) {
  table.vertical tbody th {
    padding: 3.125vw 0vw 3.125vw 0vw;
  }
}
table.vertical tbody td {
  padding: 17px 20px;
  background: #fff;
  border-bottom: 1px solid #DDD;
  text-align: center;
}
@media screen and (max-width: 768px) {
  table.vertical tbody td {
    padding: 4.4270833333vw 3.125vw 3.125vw 3.125vw;
  }
}
table.vertical tbody td + td {
  border-left: 1px solid #DDD;
}
table.vertical tbody td.now {
  text-align: left;
}

@media screen and (max-width: 768px) {
  table.moTable {
    width: 100%;
  }
  table.moTable colgroup {
    display: none;
  }
  table.moTable tr {
    position: relative;
    display: block;
  }
  table.moTable th {
    display: none;
  }
  table.moTable td {
    display: block;
    width: 100%;
    text-align: left !important;
    border: 0 !important;
    padding: 3.90625vw 2.6041666667vw 3.90625vw 3.125vw;
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
  }
  table.moTable td span {
    display: inline-block;
    font-weight: 500;
    color: #375550;
    text-align: center;
    width: 16.9270833333vw;
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
  }
  table.moTable td strong {
    font-size: 3.6458333333vw;
    line-height: 5.2083333333vw;
    font-weight: 700;
  }
  table.moTable .group {
    float: left;
    display: block;
    background: #FAF6F1;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding: 6.5104166667vw 2.6041666667vw 0vw 1.3020833333vw;
  }
  table.moTable .group p {
    display: block;
    font-weight: 400;
    padding-bottom: 20px;
    float: right;
    text-align: right;
  }
  table.moTable .position {
    display: none;
  }
  table.moTable .name {
    float: left;
    display: inline-block;
    width: 60%;
    padding: 3.90625vw 2.6041666667vw 3.90625vw 3.125vw;
  }
  table.moTable .tel {
    display: inline-block;
    width: 40%;
    text-align: center !important;
    padding: 3.90625vw 2.6041666667vw 3.90625vw 3.125vw;
  }
  table.moTable .email {
    display: none;
    float: left;
    border-bottom: 1px solid #ddd !important;
    text-align: left;
    padding: 0vw 2.6041666667vw 3.90625vw 3.125vw;
    margin-top: -3.90625vw;
  }
  table.moTable .now {
    display: block;
    border-bottom: 1px solid #ddd !important;
    text-align: left;
    padding: 0vw 2.6041666667vw 3.90625vw 3.125vw;
    margin-top: -1.3020833333vw;
  }
}
.greeting div.only-pc {
  padding-top: 50px;
}
.greeting div.only-pc:first-child {
  padding-top: 0px;
}
.greeting div h4 img {
  width: 40%;
  float: right;
}
.greeting div div p {
  text-align: justify;
}
.greeting div div p .only-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .greeting div div p .only-mobile {
    display: block;
  }
}
.greeting div div p + p {
  padding-top: 10px;
}
.greeting .sign {
  display: flex;
  justify-content: flex-end;
  padding-top: 40px;
}
.greeting .sign span {
  text-align: right;
}
.greeting .sign img {
  margin-left: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .greeting .sign img {
    margin-top: 3.61328125vw;
    width: 15.33203125vw;
    height: 5.859375vw;
  }
}
@media screen and (max-width: 768px) {
  .greeting .sign img {
    margin-top: 3.90625vw;
    width: 20.4427083333vw;
    height: 7.8125vw;
  }
}

.org {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 85px;
}
@media screen and (max-width: 768px) {
  .org {
    flex-direction: column;
    padding-top: 7.8125vw;
  }
}
.org:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -45px;
  display: inline-block;
  width: 81%;
  height: 1px;
  background: #ddd;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .org:before {
    display: none;
  }
}
.org:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -90px;
  display: inline-block;
  width: 1px;
  height: 45px;
  background: #ddd;
}
@media screen and (max-width: 768px) {
  .org:after {
    top: -90px;
    height: 150px;
    z-index: -1;
  }
}
.org dl {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 19%;
  border: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .org dl {
    width: 100%;
  }
}
.org dl:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -45px;
  display: inline-block;
  width: 1px;
  height: 45px;
  background: #ddd;
}
@media screen and (max-width: 768px) {
  .org dl:before {
    display: none;
  }
}
.org dl dt {
  height: 50px;
  text-align: center;
  background: #F3F9F6;
  border-bottom: 1px solid #CCC;
  font-size: 16px;
  line-height: 50px;
  color: #375550;
}
.org dl dd {
  width: 100%;
  min-height: 150px;
  padding-top: 40px;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  color: #555555;
}
@media screen and (max-width: 768px) {
  .org dl dd {
    min-height: auto;
    padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw;
  }
}
.org dl:nth-child(4) dd, .org dl:nth-child(3) dd {
  padding-top: 50px;
}
@media screen and (max-width: 768px) {
  .org dl:nth-child(4) dd, .org dl:nth-child(3) dd {
    padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw;
  }
}
.org .dl {
  position: relative;
  width: 32%;
  border: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
  .org .dl {
    width: 100%;
  }
}
.org .dl:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -45px;
  display: inline-block;
  width: 1px;
  height: 45px;
  background: #ddd;
}
@media screen and (max-width: 768px) {
  .org .dl:before {
    display: none;
  }
}
.org .dl strong {
  display: block;
  padding: 15px 0;
  text-align: center;
  background: #F3F9F6;
  border-bottom: 1px solid #CCC;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #375550;
}
.org .dl dl {
  width: 50%;
  border: 0;
}
.org .dl dl:before {
  display: none;
}
.org .dl dl:nth-child(2) {
  float: left;
  border-right: 1px solid #ccc;
}
.org .dl dl dd {
  min-height: 100px;
  padding-top: 7px;
}
@media screen and (max-width: 768px) {
  .org .dl dl dd {
    min-height: auto;
    padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw;
  }
}
.org .dl dl:nth-child(3) dd {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .org .dl dl:nth-child(3) dd {
    padding: 2.6041666667vw 1.3020833333vw 2.6041666667vw 1.3020833333vw;
  }
}

.clean_header {
  height: 240px;
  margin: -40px auto 50px;
  padding-top: 70px;
  background: url(/assets/img/front/org/clean_header.png) 50% 50% no-repeat;
  text-align: center;
  font-size: 34px;
  line-height: 50px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .clean_header {
    height: auto;
    margin: 0;
    padding: 0 50px;
    background: none;
    margin-bottom: 7.8125vw;
    font-size: 4.6875vw;
    line-height: 6.9010416667vw;
  }
}
.clean_header strong {
  font-weight: 700;
}

.clean_bts {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .clean_bts {
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    margin-top: 10.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .clean_bts .selectArea {
    position: relative;
    width: 30%;
  }
}
.clean_bts .selectArea ul {
  height: auto;
  max-height: 152px;
}
.clean_bts .bts {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .clean_bts .bts {
    flex-direction: column;
    width: 65%;
    margin-top: 0;
    /*@include responsive-vw('padding', 10px 10px 10px 10px, $design-mobile);
    @include responsive-font(48px, $design-mobile);
    @include responsive-vw('line-height', 48px, $design-mobile);*/
  }
}
.clean_bts .bts li {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .clean_bts .bts li {
    width: 100%;
  }
}
.clean_bts .bts li + li {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .clean_bts .bts li + li {
    margin-left: 0;
    margin-top: 2.0833333333vw;
  }
}
.clean_bts .bts li:nth-child(1) a, .clean_bts .bts li:nth-child(4) a {
  background-image: url(/assets/img/front/org/ico-go.svg);
}
.clean_bts .bts li:nth-child(2) a, .clean_bts .bts li:nth-child(3) a {
  background-image: url(/assets/img/front/org/ico-doc.svg);
}
.clean_bts .bts li a {
  display: block;
  padding: 15px 20px;
  background-color: #F3F9F6;
  background-size: auto 40%;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  border: 1px solid #7CC59E;
  border-radius: 3px;
  color: #03A643;
}

.clean h4 {
  padding: 0 !important;
}
.clean .graph img {
  max-width: 100%;
}
.clean ul {
  max-width: 380px;
  margin: 50px 0 0 70px;
  border-top: 1px solid #DDD;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .clean ul {
    max-width: 41.015625vw;
    margin: 2.9296875vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .clean ul {
    width: 100%;
    max-width: 100%;
    margin: 7.8125vw 0vw 7.8125vw 0vw;
  }
}
.clean ul li {
  display: table;
  width: 100%;
  font-size: 22px;
  line-height: 56px;
  text-align: right;
  border-bottom: 1px solid #DDD;
}
@media screen and (max-width: 768px) {
  .clean ul li {
    font-size: 3.6458333333vw;
    line-height: 10.6770833333vw;
  }
}
.clean ul li span {
  display: table-cell;
  width: 150px;
  text-align: left;
}
.clean ul li span:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 10px;
}
.clean ul li strong {
  display: table-cell;
  width: calc(100% - 150px);
  font-size: 24px;
  line-height: 56px;
  font-weight: 600;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .clean ul li strong {
    font-size: 4.1666666667vw;
    line-height: 10.6770833333vw;
  }
}
.clean ul li strong:after {
  content: "원";
  padding-left: 3px;
  font-size: 22px;
  line-height: 56px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .clean ul li strong:after {
    font-size: 3.6458333333vw;
    line-height: 10.6770833333vw;
  }
}
.clean .income li:nth-child(1) span:before {
  background: #70AD47;
}
.clean .income li:nth-child(2) span:before {
  background: #4472C4;
}
.clean .income li:nth-child(3) span:before {
  background: #FFC000;
}
.clean .income li:nth-child(4) span:before {
  background: #43682B;
}
.clean .income li:nth-child(5) span:before {
  background: #777777;
}
.clean .income li:nth-child(6) span:before {
  background: #997300;
}
.clean .spend li:nth-child(1) span:before {
  background: #FFC000;
}
.clean .spend li:nth-child(2) span:before {
  background: #5B9BD5;
}
.clean .spend li:nth-child(3) span:before {
  background: #747474;
}
.clean .spend li:nth-child(4) span:before {
  background: #43682B;
}
.clean .spend li:nth-child(5) span:before {
  background: #255E91;
}

.nothing {
  padding: 25px 0 85px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .nothing {
    padding: 10.4166666667vw 0vw 10.4166666667vw 0vw;
  }
}
.nothing span {
  display: block;
  padding-top: 30px;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -3%;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .nothing span {
    padding-top: 5.2083333333vw;
    font-size: 4.1666666667vw;
    line-height: 6.5104166667vw;
  }
}
.nothing p {
  padding-top: 45px;
  font-size: 34px;
  font-weight: 300;
  color: #111111;
}
@media screen and (max-width: 768px) {
  .nothing p {
    padding-top: 6.5104166667vw;
    font-size: 5.2083333333vw;
    line-height: 6.5104166667vw;
  }
}
.nothing p strong {
  font-weight: 700;
}
.nothing p strong.green {
  background: transparent;
  color: #03A643;
}
.nothing p span {
  padding-top: 20px;
  font-size: 26px;
  color: #555555;
}
@media screen and (max-width: 768px) {
  .nothing p span {
    padding-top: 1.3020833333vw;
    font-size: 4.1666666667vw;
    line-height: 5.2083333333vw;
  }
}

.galleryList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.galleryList li {
  flex: 0 0 23.5%;
  margin-right: 2%;
  margin-bottom: 30px;
}
.galleryList li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .galleryList li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .galleryList li {
    /*flex: 0 0 32%;*/
    flex: 0 0 48%;
  }
  .galleryList li:nth-child(2n) {
    margin-right: 2%;
  }
  .galleryList li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .galleryList li {
    flex: 0 0 100%;
  }
}
.galleryList li a {
  position: relative;
  display: block;
}
.galleryList li a:before {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 100%;
  height: 218px;
  background-repeat: no-repeat;
  background-position: right top;
  content: "";
  z-index: 2;
}
.galleryList li a.ing:after {
  position: absolute;
  right: 1px;
  top: 1px;
  content: "진행중";
  width: auto;
  height: 30px;
  padding: 0 10px;
  background: #03A643;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #FFF;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .galleryList li a.ing:after {
    height: 6.7708333333vw;
    padding: 0vw 1.3020833333vw 0vw 1.3020833333vw;
    font-size: 3.3854166667vw;
    line-height: 6.7708333333vw;
  }
}
.galleryList li a.finish:before {
  background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .galleryList li a.finish:before {
    height: 17.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .galleryList li a.finish:before {
    height: 21.2890625vw;
  }
}
@media screen and (max-width: 768px) {
  .galleryList li a.finish:before {
    height: 65.1041666667vw;
  }
}
.galleryList li a.finish:after {
  position: absolute;
  right: 1px;
  top: 1px;
  content: "마감";
  width: auto;
  height: 30px;
  padding: 0 10px;
  background: #777777;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #FFF;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .galleryList li a.finish:after {
    height: 6.7708333333vw;
    padding: 0vw 1.3020833333vw 0vw 1.3020833333vw;
    font-size: 3.3854166667vw;
    line-height: 6.7708333333vw;
  }
}
.galleryList li a figure {
  width: 100%;
  height: 218px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .galleryList li a figure {
    height: 17.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .galleryList li a figure {
    height: 21.2890625vw;
  }
}
@media screen and (max-width: 768px) {
  .galleryList li a figure {
    height: 65.1041666667vw;
  }
}
.galleryList li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% top;
}
.galleryList li a span {
  display: block;
}
.galleryList li a .category {
  display: inline-block;
  width: auto;
  padding: 0 2px 3px 2px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #00560E;
  background: linear-gradient(to top, #d8ede2 55%, transparent 45%);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .galleryList li a .category {
    font-size: 1.25vw;
    line-height: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .galleryList li a .category {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .galleryList li a .category {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .galleryList li a .category {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .galleryList li a .category {
    font-size: 3.6458333333vw;
    line-height: 3.6458333333vw;
  }
}
.galleryList li a .subject {
  max-height: 54px;
  margin: 10px 0 9px;
  font-size: 18px;
  line-height: 27px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .galleryList li a .subject {
    max-height: 4.21875vw;
    font-size: 1.40625vw;
    line-height: 2.109375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .galleryList li a .subject {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .galleryList li a .subject {
    max-height: 5.2734375vw;
    font-size: 1.7578125vw;
    line-height: 2.63671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .galleryList li a .subject {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .galleryList li a .subject {
    max-height: 12.2395833333vw;
    font-size: 4.1666666667vw;
    line-height: 6.1197916667vw;
  }
}
.galleryList li a .date {
  font-family: "Poppins" !important;
  font-size: 14px;
  line-height: 21px;
  color: #555555;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .galleryList li a .date {
    font-size: 1.25vw;
    line-height: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .galleryList li a .date {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .galleryList li a .date {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .galleryList li a .date {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .galleryList li a .date {
    font-size: 3.6458333333vw;
    line-height: 3.6458333333vw;
  }
}
.galleryList li a .hashtag em {
  display: inline-block;
  margin: 0 3px 5px 0;
  padding: 0 10px;
  border: 1px solid #7CC59E;
  border-radius: 15px;
  font-size: 13px;
  line-height: 24px;
  color: #03A643;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .galleryList li a .hashtag em {
    font-size: 3.3854166667vw;
    padding: 0vw 3.125vw 0vw 3.125vw;
    line-height: 7.2916666667vw;
  }
}
.galleryList li a .hashtag em:before {
  content: "#";
  padding-right: 1px;
  font-size: 13px;
  line-height: 24px;
  color: #03A643;
}

.requestList {
  position: relative;
  width: 100%;
  margin-bottom: 80px;
  border-top: 1px solid #111;
}
.requestList.inteviewList li {
  padding: 20px 30px 20px 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList.inteviewList li {
    padding: 1.5625vw 2.34375vw 1.5625vw 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList.inteviewList li {
    padding: 1.953125vw 2.9296875vw 1.953125vw 2.9296875vw;
  }
}
@media screen and (max-width: 768px) {
  .requestList.inteviewList li {
    padding: 2.6041666667vw 3.90625vw 2.6041666667vw 3.90625vw;
  }
}
.requestList.inteviewList li a:before {
  display: none;
}
.requestList li {
  width: 100%;
  height: 193px;
  padding: 20px 30px 20px 96px;
  transition: all 0.2s;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li {
    height: 15.078125vw;
    padding: 1.5625vw 2.34375vw 1.5625vw 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li {
    height: 18.84765625vw;
    padding: 1.953125vw 2.9296875vw 1.953125vw 9.375vw;
  }
}
@media screen and (max-width: 768px) {
  .requestList li {
    height: 25.1302083333vw;
    padding: 2.6041666667vw 3.90625vw 2.6041666667vw 2.6041666667vw;
  }
}
.requestList li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.requestList li a.ing:before, .requestList li a.finish:before {
  position: absolute;
  left: -76px;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  font-size: 14px;
  font-weight: 400;
  line-height: 56px;
  color: #FFF;
  text-align: center;
  border-radius: 28px;
  z-index: 3;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a.ing:before, .requestList li a.finish:before {
    font-size: 1.09375vw;
    width: 4.375vw;
    height: 4.375vw;
    line-height: 4.375vw;
    left: -5.9375vw;
    margin-top: -2.1875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) {
  .requestList li a.ing:before, .requestList li a.finish:before {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a.ing:before, .requestList li a.finish:before {
    font-size: 1.3671875vw;
    width: 5.46875vw;
    height: 5.46875vw;
    line-height: 5.46875vw;
    left: -7.421875vw;
    margin-top: -2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) {
  .requestList li a.ing:before, .requestList li a.finish:before {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a.ing:before, .requestList li a.finish:before {
    width: auto;
    height: auto;
    top: 0px;
    margin-top: 0;
    border-radius: 0px;
    font-size: 1.8229166667vw;
    line-height: 2.6041666667vw;
    padding: 0.9114583333vw 1.3020833333vw 0.9114583333vw 1.3020833333vw;
    left: 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 658.2857142857px) {
  .requestList li a.ing:before, .requestList li a.finish:before {
    font-size: 12px;
  }
}
.requestList li a.ing:before {
  content: "진행중";
  background: #03A643;
}
.requestList li a.finish:before {
  content: "마감";
  background: #777777;
}
.requestList li a.finish figure:after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right top;
  content: "";
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.3);
}
.requestList li a figure {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 153px;
  border: 1px solid #ddd;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a figure {
    width: 15.625vw;
    height: 11.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a figure {
    width: 19.53125vw;
    height: 14.94140625vw;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a figure {
    width: 26.0416666667vw;
    height: 19.921875vw;
  }
}
.requestList li a figure img {
  width: 100%;
  height: auto;
}
.requestList li a:hover figure img {
  transform: none;
}
.requestList li a div {
  position: relative;
  display: inline-block;
  width: 79%;
  height: 153px;
  max-width: 904px;
  padding-left: 30px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a div {
    padding-left: 1.5625vw;
    height: 11.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a div {
    padding-left: 1.953125vw;
    height: 14.94140625vw;
    width: 57.12890625vw;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a div {
    padding-left: 2.6041666667vw;
    height: 19.921875vw;
    width: 50.1302083333vw;
  }
}
.requestList li a div span {
  display: block;
}
.requestList li a div span.category {
  display: inline-block;
  width: auto;
  padding: 0 2px 3px 2px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #00560E;
  background: linear-gradient(to top, #d8ede2 55%, transparent 45%);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a div span.category {
    font-size: 1.25vw;
    padding: 0vw 0.15625vw 0.234375vw 0.15625vw;
    line-height: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .requestList li a div span.category {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a div span.category {
    font-size: 1.5625vw;
    padding: 0vw 0.1953125vw 0.29296875vw 0.1953125vw;
    line-height: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .requestList li a div span.category {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a div span.category {
    font-size: 2.0833333333vw;
    padding: 0vw 0.2604166667vw 0.390625vw 0.2604166667vw;
    line-height: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .requestList li a div span.category {
    font-size: 12px;
  }
}
.requestList li a div span.title {
  margin-top: 15px;
  font-size: 24px;
  color: #111;
  font-weight: 500;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a div span.title {
    font-size: 1.71875vw;
    margin-top: 1.171875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .requestList li a div span.title {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a div span.title {
    font-size: 2.1484375vw;
    margin-top: 1.46484375vw;
    height: 2.9296875vw;
    line-height: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .requestList li a div span.title {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a div span.title {
    font-size: 2.8645833333vw;
    margin-top: 0.6510416667vw;
    height: 3.515625vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .requestList li a div span.title {
    font-size: 12px;
  }
}
.requestList li a div span.subject {
  height: 47px;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 400;
  color: #555;
  line-height: 23px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a div span.subject {
    font-size: 1.25vw;
    margin-top: 0.46875vw;
    height: 3.515625vw;
    line-height: 1.796875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .requestList li a div span.subject {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a div span.subject {
    font-size: 1.5625vw;
    margin-top: 0.5859375vw;
    height: 4.39453125vw;
    line-height: 2.24609375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .requestList li a div span.subject {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a div span.subject {
    font-size: 2.0833333333vw;
    margin-top: 0.78125vw;
    height: 6.5104166667vw;
    line-height: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .requestList li a div span.subject {
    font-size: 12px;
  }
}
.requestList li a div span.date {
  position: absolute;
  bottom: 10px;
  left: 30px;
  font-size: 15px;
  font-weight: 400;
  color: #555;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .requestList li a div span.date {
    font-size: 1.171875vw;
    bottom: 0.78125vw;
    left: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1024px) {
  .requestList li a div span.date {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .requestList li a div span.date {
    font-size: 1.46484375vw;
    bottom: 0.9765625vw;
    left: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 819.2px) {
  .requestList li a div span.date {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .requestList li a div span.date {
    font-size: 1.953125vw;
    bottom: 0vw;
    left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 614.4px) {
  .requestList li a div span.date {
    font-size: 12px;
  }
}
.requestList li:hover {
  background: #F3F9F6;
}
.requestList li:hover a figure {
  border: 1px solid #03A643;
}
.requestList li:hover a div .title {
  color: #00560E;
}

.portfolio li a.finish:before {
  height: 380px;
  z-index: 2;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .portfolio li a.finish:before {
    height: 27.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolio li a.finish:before {
    height: 36.328125vw;
  }
}
@media screen and (max-width: 768px) {
  .portfolio li a.finish:before {
    height: 106.7708333333vw;
  }
}
.portfolio li a figure {
  height: 380px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .portfolio li a figure {
    height: 27.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolio li a figure {
    height: 36.328125vw;
  }
}
@media screen and (max-width: 768px) {
  .portfolio li a figure {
    height: 106.7708333333vw;
  }
}

.portfolioView {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1260px;
  padding: 60px 2%;
  border-top: 1px solid #111;
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView {
    display: block;
  }
}
.portfolioView .left {
  top: 0;
  width: 54%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView .left {
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView .left {
    position: relative;
    width: 100%;
  }
}
.portfolioView .left dl {
  width: 100%;
}
.portfolioView .left dl dt.subject {
  font-size: 34px;
  line-height: 50px;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl dt.subject {
    font-size: 4.9479166667vw;
    line-height: 7.8125vw;
  }
}
.portfolioView .left dl .hashtagBox {
  margin: 0;
  padding-top: 30px;
}
.portfolioView .left dl .hashtagBox span {
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 0 15px;
  border: 1px solid #7CC59E;
  border-radius: 20px;
  background: #F3F9F6;
  font-size: 16px;
  font-weight: 400;
  color: #03A643;
  line-height: 35px;
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl .hashtagBox span {
    font-size: 3.3854166667vw;
    padding: 0vw 3.125vw 0vw 3.125vw;
    line-height: 7.2916666667vw;
    border-radius: 5.2083333333vw;
  }
}
.portfolioView .left dl .hashtagBox span:before {
  content: "#";
  font-size: 16px;
  font-weight: 400;
  color: #03A643;
}
.portfolioView .left dl .mo-img {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView .left dl .mo-img {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl .mo-img {
    display: block;
  }
}
.portfolioView .left dl .content {
  padding: 30px 0;
  font-size: 18px;
  line-height: 26px;
  word-wrap: break-word;
}
.portfolioView .left dl .content img {
  display: none;
}
.portfolioView .left dl .overview {
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView .left dl .overview {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl .overview {
    width: 100%;
  }
}
.portfolioView .left dl .overview li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
  line-height: 36px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #555;
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl .overview li {
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
  }
}
.portfolioView .left dl .overview li span {
  flex: 0 1 130px;
  text-indent: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl .overview li span {
    flex: 0 1 28%;
    font-size: 3.3854166667vw;
  }
}
.portfolioView .left dl .overview li span:before {
  content: "ㆍ";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 5px 0 0;
  font-size: 0;
  vertical-align: middle;
  background: #03A643;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .portfolioView .left dl .overview li span:before {
    vertical-align: 7px;
  }
}
.portfolioView .left dl .overview li a {
  font-family: "Poppins" !important;
  color: #555555;
  text-decoration: underline;
}
.portfolioView .left dl .overview li button {
  font-size: 0;
}
.portfolioView .left dl .overview li button img {
  height: 30px;
}
.portfolioView .left dl .overview li button + button {
  margin-left: 7px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .portfolioView .left dl .overview li button {
    margin-top: 15px;
    margin-bottom: -15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView .left dl {
    position: relative !important;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView .left dl {
    position: relative !important;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView .pc-img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView .pc-img {
    display: none;
  }
}
.portfolioView figure {
  width: 42%;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolioView figure {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .portfolioView figure {
    width: 100%;
  }
}
.portfolioView figure img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.boardTop {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .boardTop {
    margin-top: 30px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ddd;
    gap: 10px;
  }
}
.boardTop .btnZone {
  flex: 1 0;
}
.boardTop .btnZone .btn {
  height: 60px;
  line-height: 60px;
}
@media screen and (max-width: 768px) {
  .boardTop .btnZone .btn {
    width: 100%;
    text-align: center;
    height: 10.15625vw;
    line-height: 10.15625vw;
  }
}
.boardTop .boardSearch {
  flex: 0 0 350px;
  align-items: end;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .boardTop .boardSearch {
    flex: 3 1;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .boardTop .boardSearch label {
    height: 10.15625vw;
    line-height: 10.15625vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .boardTop .boardSearch label input {
    height: 10.15625vw;
    line-height: 10.15625vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .boardTop .boardSearch label button {
    height: 10.15625vw;
  }
}

@media screen and (max-width: 768px) {
  .boardTop.hashtag {
    flex-direction: column;
  }
}
.boardTop.hashtag .hashtagBox {
  flex: 1 0;
}
@media screen and (max-width: 768px) {
  .boardTop.hashtag .hashtagBox {
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 768px) {
  .boardTop.hashtag .boardSearch {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .boardTop.hashtag .boardSearch label {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .boardTop.hashtag .boardSearch label input {
    max-width: 100%;
  }
}

.boardSearch {
  flex: 0 350px;
  align-items: end;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .boardSearch {
    flex: 0 30%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .boardSearch {
    flex: 0 30%;
  }
}
@media screen and (max-width: 768px) {
  .boardSearch {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 16px;
  }
}
.boardSearch label {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 350px;
  height: 60px;
  padding: 0 10px 0 20px;
  line-height: 60px;
  border: 1px solid #BBB;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .boardSearch label {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .boardSearch label {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .boardSearch label {
    max-width: 100%;
    height: 11.71875vw;
    padding: 0vw 1.3020833333vw 0vw 2.6041666667vw;
    line-height: 11.71875vw;
    font-size: 4.1666666667vw;
    overflow: hidden;
  }
}
.boardSearch label input {
  width: 100%;
  border: 0;
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  outline: none;
}
.boardSearch label input::-webkit-input-placeholder {
  color: #999;
}
@media screen and (max-width: 768px) {
  .boardSearch label input {
    max-width: 100%;
    height: 11.71875vw;
    line-height: 11.71875vw;
    font-size: 4.1666666667vw;
  }
}
.boardSearch label button {
  flex: 0 1 36px;
  width: 24px;
  height: 60px;
  vertical-align: middle;
  outline: none;
}
.boardSearch label button img {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 768px) {
  .boardSearch label button img {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .boardSearch label button {
    flex: 0 1 60px;
    width: 7.8125vw;
    height: 11.71875vw;
    vertical-align: middle;
  }
}

.hashtagBox {
  width: 100%;
}
.hashtagBox:before, .hashtagBox:after {
  content: "";
  display: block;
  clear: both;
}
.hashtagBox button.btnHashtag {
  display: inline-block;
  height: 45px;
  margin-right: 10px;
  padding: 0 15px;
  border: 1px solid #03A643;
  border-radius: 3px;
  font-size: 18px;
  line-height: 45px;
  color: #03A643;
  z-index: 101 !important;
}
@media screen and (max-width: 768px) {
  .hashtagBox button.btnHashtag {
    font-size: 3.3854166667vw;
    height: 7.8125vw;
    padding: 0vw 1.3020833333vw 0vw 2.6041666667vw;
    line-height: 7.8125vw;
  }
}
.hashtagBox button.btnHashtag:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-left: 15px;
  background: url("/assets/img/front/ico-hash.svg") right 50% no-repeat;
  background-size: 20px 20px;
  vertical-align: -2px;
}
@media screen and (max-width: 768px) {
  .hashtagBox button.btnHashtag:after {
    width: 3.3854166667vw;
    height: 3.3854166667vw;
    padding-left: 1.3020833333vw;
    background-size: 13px 13px;
    vertical-align: -0.2604166667vw;
  }
}
.hashtagBox span {
  display: inline-block;
  margin: 10px 5px 0 0;
  padding: 0 15px;
  border: 1px solid #7CC59E;
  border-radius: 20px;
  background: #F3F9F6;
  font-size: 16px;
  font-weight: 400;
  color: #03A643;
  line-height: 35px;
}
@media screen and (max-width: 768px) {
  .hashtagBox span {
    font-size: 3.3854166667vw;
    padding: 0vw 3.125vw 0vw 3.125vw;
    line-height: 7.2916666667vw;
    border-radius: 5.2083333333vw;
  }
}
.hashtagBox span:before {
  content: "#";
  font-size: 16px;
  font-weight: 400;
  color: #03A643;
}

.hashtagLayer {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  max-width: 1260px;
  padding-top: 35px;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .hashtagLayer {
    top: 19.53125vw;
    padding-top: 10.4166666667vw;
  }
}
.hashtagLayer button.btnClose {
  position: absolute;
  right: 30px;
  top: 30px;
  display: inline-block;
  width: 25px;
  height: 25px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .hashtagLayer button.btnClose {
    top: 3.2552083333vw;
    right: 3.2552083333vw;
  }
}
.hashtagLayer .tagZone {
  position: relative;
  padding: 40px;
  overflow-y: scroll;
  max-height: 300px;
}
@media screen and (max-width: 768px) {
  .hashtagLayer .tagZone {
    padding: 2.6041666667vw 2.6041666667vw 2.6041666667vw 2.6041666667vw;
    max-height: 78.125vw;
  }
}
.hashtagLayer .tagZone .checkHash {
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 0 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  font-size: 18px;
  line-height: 36px;
  color: #777777;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .hashtagLayer .tagZone .checkHash {
    font-size: 3.3854166667vw;
    padding: 0vw 3.125vw 0vw 3.125vw;
    line-height: 7.2916666667vw;
  }
}
.hashtagLayer .tagZone .checkHash input {
  display: none;
}
.hashtagLayer .tagZone .checkHash:before {
  content: "#";
  font-size: 18px;
  line-height: 36px;
  color: #777777;
}
@media screen and (max-width: 768px) {
  .hashtagLayer .tagZone .checkHash:before {
    font-size: 3.3854166667vw;
    line-height: 7.2916666667vw;
  }
}
.hashtagLayer .tagZone .checkHash:hover, .hashtagLayer .tagZone .checkHash:focus, .hashtagLayer .tagZone .checkHash.on {
  background: #f3f9f6;
  border: 1px solid #7cc59e;
  color: #03A643;
}
.hashtagLayer .tagZone .checkHash:hover:before, .hashtagLayer .tagZone .checkHash:focus:before, .hashtagLayer .tagZone .checkHash.on:before {
  color: #03A643;
}
.hashtagLayer .btnZone {
  height: 104px;
  padding: 30px 40px;
  background: #f9f9f9;
}
@media screen and (max-width: 768px) {
  .hashtagLayer .btnZone {
    height: 13.5416666667vw;
    padding: 3.90625vw 5.2083333333vw 3.90625vw 5.2083333333vw;
  }
}
.hashtagLayer .btnZone .left {
  left: 40px;
}
@media screen and (max-width: 768px) {
  .hashtagLayer .btnZone .left {
    left: 10px;
  }
  .hashtagLayer .btnZone .left button {
    min-width: 19.53125vw;
  }
}
@media screen and (max-width: 768px) {
  .hashtagLayer .btnZone .center {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    text-align: right;
    left: initial;
  }
  .hashtagLayer .btnZone .center button {
    min-width: 19.53125vw;
  }
}

@media screen and (max-width: 768px) {
  .moDouble li {
    flex: 0 0 47.5%;
    margin-right: 5%;
  }
  .moDouble li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .moDouble li a figure {
    height: 31.25vw;
  }
}
.moDouble li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% top;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination li {
  width: 40px;
  height: 40px;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .pagination li {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    margin-left: 0.6510416667vw;
    margin-left: 0.6510416667vw;
  }
}
.pagination li.first, .pagination li.prev, .pagination li.next, .pagination li.last {
  text-indent: -99999px;
  overflow: hidden;
}
.pagination li.prev {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .pagination li.prev {
    margin-left: 2.0833333333vw;
     margin-right: 3.2552083333vw;
  }
}
.pagination li.next {
  margin-left: 28px;
}
@media screen and (max-width: 768px) {
  .pagination li.next {
    margin-left: 3.90625vw;
  }
}
.pagination li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .pagination li:last-child {
    margin-left: 2.0833333333vw;
  }
}
.pagination li.disabled {
  display: none;
}
.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
  text-align: center;
  font-size: 17px;
  font-family: "Poppins" !important;
  font-weight: 400;
  color: #555555;
  border: 1px solid #DDD;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media screen and (max-width: 768px) {
  .pagination li a {
    background-size: 50% 50%;
    font-size: 2.34375vw;
    line-height: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .pagination li a {
    font-size: 12px;
  }
}
.pagination li a:hover, .pagination li a:focus {
  border-color: #7CC59E;
  background-color: #F3F9F6;
  background-repeat: no-repeat;
}
.pagination li a.current {
  background-color: #03A643;
  color: #fff;
  font-weight: 900;
}
.pagination li.first a {
  background-image: url("/assets/img/front/page-first.svg");
}
.pagination li.prev a {
  background-image: url("/assets/img/front/page-prev.svg");
}
.pagination li.next a {
  background-image: url("/assets/img/front/page-next.svg");
}
.pagination li.last a {
  background-image: url("/assets/img/front/page-last.svg");
}

.boardList {
  position: relative;
  width: 100%;
  margin-bottom: 80px;
  border-top: 1px solid #111111;
}
.boardList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ddd;
  line-height: 79px;
}
@media screen and (max-width: 768px) {
  .boardList li {
    position: relative;
    flex-direction: column;
    padding: 2.8645833333vw 3.125vw 3.3854166667vw 3.125vw;
    font-size: 4.1666666667vw;
    line-height: 6.25vw;
  }
}
.boardList li:hover, .boardList li:focus {
  background: #F3F9F6;
}
.boardList li:hover a, .boardList li:focus a {
  color: #00560E;
}
.boardList li.notice {
  background: #F3F9F6;
}
.boardList li a {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #333333;
}
.boardList li a span {
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .boardList li a span {
    text-align: left;
  }
}
.boardList li a .list-category {
  width: 220px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .boardList li a .list-category {
    display: block;
  }
}
.boardList li a .list-subject {
  width: calc(100% - 450px);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .boardList li a .list-subject {
    width: 100%;
    -webkit-line-clamp: 2;
  }
}
.boardList li a .date {
  position: absolute;
  right: 0;
  width: 150px;
  font-family: "Poppins" !important;
  font-size: 16px;
  color: #555555;
}
@media screen and (max-width: 768px) {
  .boardList li a .date {
    position: relative;
    width: 100%;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .boardList li a .date {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .boardList li a {
    font-size: 3.6458333333vw;
    max-height: 15.625vw;
    line-height: 6.25vw;
  }
}
.boardList li a.file {
  padding-right: 3.2552083333vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boardList li a.file:before {
  position: absolute;
  right: 150px;
  content: url("/assets/img/front/ico-clip-green.svg");
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 768px) {
  .boardList li a.file:before {
    top: auto;
    right: 0vw;
    top: 0.390625vw;
    padding: 0vw 0vw 5.2083333333vw 0vw;
    /*padding: 0;*/
  }
}

.boardView {
  border-top: 1px solid #111;
}
.boardView img {
  max-width: 100%;
  height: auto !important;
}
.boardView .subject {
  padding: 35px 30px 25px;
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .boardView .subject {
    padding: 5.2083333333vw 2.6041666667vw 5.2083333333vw 2.6041666667vw;
    font-size: 4.1666666667vw;
    line-height: 6.25vw;
  }
}
.boardView .subject ul {
  display: flex;
  margin-top: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .boardView .subject ul {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .boardView .subject ul {
    flex-direction: column;
    margin-top: 0;
    padding: 3.90625vw 0vw 0vw 0vw;
  }
}
.boardView .subject ul li {
  flex: 1 50%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .boardView .subject ul li {
    flex: 1 100%;
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .boardView .subject ul li {
    flex: 1 100%;
    text-align: center !important;
  }
}
.boardView .subject ul li:nth-child(1) {
  text-align: left;
}
.boardView .subject ul li:nth-child(1) span {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  border-radius: 15px;
  vertical-align: 5px;
}
@media screen and (max-width: 768px) {
  .boardView .subject ul li:nth-child(1) span {
    font-size: 3.125vw;
    line-height: 6.7708333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .boardView .subject ul li:nth-child(1) span {
    font-size: 12px;
  }
}
.boardView .subject ul li:nth-child(1) span.tag-green {
  padding: 0 10px;
  background: #03A643;
}
.boardView .subject ul li:nth-child(1) span.tag-grey {
  padding: 0 10px;
  background: #777777;
}
.boardView .subject ul li:nth-child(1) .date {
  font-size: 18px;
  font-weight: 400;
  font-family: "Poppins" !important;
  color: #777777;
}
@media screen and (max-width: 768px) {
  .boardView .subject ul li:nth-child(1) .date {
    font-size: 3.3854166667vw;
  }
}
.boardView .subject ul li:nth-child(2) {
  text-align: right;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .boardView .subject ul li:nth-child(2) {
    margin-top: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .boardView .subject ul li:nth-child(2) {
    margin-top: 2.6041666667vw;
  }
}
.boardView .subject ul li:nth-child(2) button {
  font-size: 0;
  text-align: right;
  width: 105px;
}
.boardView .subject ul li:nth-child(2) button img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .boardView .subject ul li:nth-child(2) button img {
    height: 6.25vw;
  }
}
.boardView .subject ul li:nth-child(2) button + button {
  margin-left: 7px;
}
.boardView .subject:before, .boardView .subject:after {
  content: "";
  clear: both;
  display: block;
}
.boardView .file {
  padding: 25px 30px;
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .boardView .file {
    padding: 3.90625vw 2.6041666667vw 3.90625vw 2.6041666667vw;
  }
}
.boardView .file a {
  position: relative;
  display: inline-block;
  width: calc(100%);
  padding-left: 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 5px;
  white-space: pre-line;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .boardView .file a {
    padding-left: 6.5104166667vw;
    font-size: 3.3854166667vw;
    line-height: 4.1666666667vw;
  }
}
.boardView .file a:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  content: url("/assets/img/front/ico-clip.png");
  width: 20px;
  height: 20px;
}
.boardView .content {
  padding: 60px 30px;
  border-bottom: 1px solid #ddd;
}
.boardView .content table {
  width: 100% !important;
}
.boardView .content table table {
  width: auto !important;
}
.boardView .content table table tr {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
.boardView .content table table tr th, .boardView .content table table tr td {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
.boardView .content figure {
  width: 100%;
  text-align: center;
}
.boardView .content figure img {
  width: auto;
  max-width: 100%;
}
.boardView .content p {
  line-height: 1.5;
  word-break: break-all;
}
.boardView .content p img {
  max-width: 100%;
  height: auto;
}
.boardView .content p + figure {
  margin-top: 30px;
}
.boardView .content figure + p {
  margin-top: 30px;
}

.boardNav {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .boardNav {
    margin-top: 15px;
    border-bottom: 0;
  }
}
.boardNav p {
  flex: 1 0 50%;
  width: 50%;
  height: 80px;
}
.boardNav p a {
  display: flex;
  max-width: 100%;
}
.boardNav p strong {
  flex: 1 0 35px;
  font-size: 18px;
  background: #F3F9F6;
  line-height: 80px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .boardNav p strong {
    padding-right: 10px;
    text-align: right;
    background: transparent;
    font-size: 3.90625vw;
    line-height: 11.71875vw;
  }
}
.boardNav p span {
  flex: 4 0;
  line-height: 80px;
  padding: 0 5%;
  overflow: hidden;
  font-size: 20px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .boardNav p span {
    display: none;
  }
}
.boardNav p:nth-child(1) {
  border-right: 1px solid #EEE;
}
@media screen and (max-width: 768px) {
  .boardNav p:nth-child(1) {
    border-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .boardNav p:nth-child(1) strong {
    padding-left: 10px;
    text-align: left;
  }
}
.boardNav p:nth-child(1) strong:before {
  content: url("/assets/img/front/page-prev.svg");
  width: 9px;
  height: 15px;
  margin-right: 10px;
  vertical-align: -3px;
}
.boardNav p:nth-child(2) strong:after {
  content: url("/assets/img/front/page-next.svg");
  width: 9px;
  height: 15px;
  margin-left: 10px;
  vertical-align: -3px;
}
.boardNav:before, .boardNav:after {
  content: "";
  clear: both;
  display: block;
}

.boardRegist {
  border-top: 1px solid #111;
}
.boardRegist table {
  width: 100%;
  table-layout: fixed;
}
.boardRegist table caption {
  position: absolute;
  left: -9999px;
  top: -9999px;
  font-size: 0;
  text-indent: -999999px;
  overflow: hidden;
}
.boardRegist table th, .boardRegist table td {
  table-layout: fixed;
  padding: 15px;
  border-bottom: 1px solid #DDD;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .boardRegist table th, .boardRegist table td {
    padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 2.0833333333vw;
  }
}
.boardRegist table th {
  width: 20%;
  background: #F9F9F9;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #111111;
  letter-spacing: -0.4;
}
@media screen and (max-width: 768px) {
  .boardRegist table th {
    width: 30%;
    font-size: 3.6458333333vw;
  }
}
.boardRegist table td {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .boardRegist table td {
    width: 70%;
    font-size: 3.6458333333vw;
  }
}
.boardRegist table td .input, .boardRegist table td input,
.boardRegist table td textarea {
  width: 100%;
  height: 20px;
  padding: 20px;
  border: 1px solid #bbb;
  line-height: 20px;
  font-size: 20px;
  color: #111111;
}
@media screen and (max-width: 768px) {
  .boardRegist table td .input, .boardRegist table td input,
.boardRegist table td textarea {
    height: 11.71875vw;
    padding: 3.3854166667vw 2.6041666667vw 3.3854166667vw 2.6041666667vw;
    font-size: 3.6458333333vw;
    line-height: 11.71875vw;
  }
}
.boardRegist table td textarea {
  height: 400px;
}
@media screen and (max-width: 768px) {
  .boardRegist table td textarea {
    line-height: 5.859375vw;
  }
}
.boardRegist table td input::-webkit-input-placeholder,
.boardRegist table td input:-ms-input-placeholder,
.boardRegist table td textarea::-webkit-input-placeholder,
.boardRegist table td textarea:-ms-input-placeholder {
  color: #777777;
}
.boardRegist table td .sortable li {
  position: relative;
  margin: 0 0 5px 0;
}
.boardRegist table td .sortable li ul li {
  padding: 0;
}
.boardRegist table td .sortable li ul li:after {
  display: none;
}
.boardRegist table td .sortable .filepath {
  width: calc(100% - 120px);
  height: 42px;
  padding: 9px 15px;
  color: #616669;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .boardRegist table td .sortable .filepath {
    height: 11.71875vw;
    padding: 0vw 2.6041666667vw 0vw 2.6041666667vw;
    font-size: 3.6458333333vw;
    line-height: 11.71875vw;
  }
}
.boardRegist table td .sortable .addfiles {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.boardRegist table td .sortable .addfiles .button {
  display: inline-block;
  height: 43px;
  margin-left: 5px;
  padding: 0 20px;
  background: #999;
  border-radius: 3px;
  line-height: 43px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .boardRegist table td .sortable .addfiles .button {
    height: 11.71875vw;
    padding: 0vw 2.6041666667vw 0vw 2.6041666667vw;
    font-size: 3.6458333333vw;
    line-height: 11.71875vw;
  }
}
.boardRegist table td .sortable .addfiles i {
  font-style: normal;
  cursor: pointer;
}
.boardRegist table td .sortable .addfiles:last-child {
  margin-bottom: 0;
}
.boardRegist table td .check-box-list .check-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.boardRegist table td .check-box-list .check-box input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
.boardRegist table td .check-box-list .check-box label {
  border-radius: 4px;
  display: inline-flex;
  margin-right: 2px;
  padding: 0 15px;
  border: 1px solid #65636e;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s linear;
  background: #65636e;
  white-space: nowrap;
  height: 100%;
  align-items: center;
  line-height: 40px;
}
.boardRegist table td .check-box-list .check-box input[type=radio]:checked + label {
  background-color: #5fbe07;
  color: #fff;
}
.boardRegist .comment {
  margin: 30px auto 60px;
  font-size: 18px;
  text-align: center;
  color: #DE5F17;
}
@media screen and (max-width: 768px) {
  .boardRegist .comment {
    margin: 5.2083333333vw 0vw 7.8125vw 0vw;
    font-size: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .boardRegist + .btnCenter {
    margin-top: 0;
  }
}

.newsletter {
  position: relative;
}
.newsletter:before, .newsletter:after {
  content: "";
  display: block;
  clear: both;
}
.newsletter .selectArea {
  float: left;
  display: flex;
  justify-content: flex-start;
  width: 320px;
  vertical-align: top;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .newsletter .selectArea {
    justify-content: space-around;
    margin: 0px auto 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .newsletter .selectArea {
    justify-content: space-around;
    margin: 0px auto 80px;
  }
}
@media screen and (max-width: 768px) {
  .newsletter .selectArea {
    justify-content: space-between;
    width: 100%;
    margin: 0px auto 80px;
  }
}
.newsletter .selectArea .letterBox {
  position: relative;
  flex: 1 1;
}
.newsletter .selectArea .letterBox + .letterBox {
  margin-left: 20px;
}
.newsletter .selectArea .letterBox button {
  position: absolute;
  left: 0;
  top: 0;
  background: #FFF url(/assets/img/front/icon-newsletter.png) right top no-repeat;
  border: 1px solid #03A643;
  display: block;
  width: 100%;
  max-width: 150px;
  height: 44px;
  line-height: 40px;
  font-size: 14px;
  font-family: "Poppins" !important;
  text-indent: 20px;
  text-align: left;
  cursor: pointer;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .newsletter .selectArea .letterBox button {
    max-width: 100%;
    height: 10.4166666667vw;
    font-size: 4.1666666667vw;
    line-height: 10.4166666667vw;
  }
}
.newsletter .selectArea .letterBox button.bg-bottom {
  background-position: right bottom;
}
.newsletter .selectArea .letterBox ul {
  position: absolute;
  top: 43px;
  left: 0;
  width: 100%;
  max-width: 150px;
  height: 342px;
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #03A643;
  opacity: 0;
  transform: translateY(-15%);
  transition: all 0.3s ease-out;
  overflow: hidden;
  z-index: 1;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .newsletter .selectArea .letterBox ul {
    max-width: 100%;
  }
}
.newsletter .selectArea .letterBox ul.on {
  opacity: 1;
  transform: translateY(0);
  overflow-y: auto;
  visibility: visible;
}
.newsletter .selectArea .letterBox ul li a {
  display: block;
  color: #333333;
  font-family: "Poppins" !important;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .newsletter .selectArea .letterBox ul li a {
    line-height: 7.8125vw;
    font-size: 4.1666666667vw;
  }
}
.newsletter .selectArea .letterBox ul li a:hover, .newsletter .selectArea .letterBox ul li a:focus {
  color: #03A643;
}
.newsletter .newsArea {
  float: right;
  width: 100%;
  max-width: 860px;
  padding: 80px 0;
  background: #FAF6F1;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .newsletter .newsArea {
    max-width: 100%;
    padding: 6.25vw 0vw 6.25vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .newsletter .newsArea {
    max-width: 100%;
    padding: 7.8125vw 0vw 7.8125vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .newsletter .newsArea {
    max-width: 100%;
    padding: 10.4166666667vw 0vw 10.4166666667vw 0vw;
  }
}
.newsletter .newsArea p img {
  width: 100% !important;
  height: auto !important;
  max-width: 630px;
}
.newsletter .newsArea table {
  margin: 0 auto;
}

.search {
  margin: 90px auto;
  text-align: center;
}
.search label {
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  max-width: 600px;
  height: 70px;
  margin: 0 auto 40px;
  padding: 20px;
  border: 1px solid #03A643;
}
.search label input {
  width: 100%;
  font-size: 28px;
  line-height: 28px;
  color: #111111;
  border: 0;
  outline: none;
}
@media screen and (max-width: 768px) {
  .search label input {
    font-size: 4.6875vw;
    line-height: 4.9479166667vw;
  }
}
.search label button {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: -5px;
}
.search p {
  font-size: 34px;
  font-weight: 300;
  color: #111111;
}
@media screen and (max-width: 768px) {
  .search p {
    font-size: 5.2083333333vw;
    line-height: 7.8125vw;
  }
}
.search p strong {
  color: #03A643;
}

.searchResult {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .searchResult {
    padding-bottom: 10.4166666667vw;
  }
}
.searchResult h5 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #111111;
  font-size: 34px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: -0.5;
}
@media screen and (max-width: 768px) {
  .searchResult h5 {
    margin-bottom: 6.5104166667vw;
    padding-bottom: 4.1666666667vw;
    font-size: 5.2083333333vw;
    line-height: 5.2083333333vw;
  }
}
.searchResult h5 strong {
  font-weight: 700;
}
.searchResult h5 strong:before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  background: url("/assets/img/front/result-arrow.svg") 50% 50% no-repeat;
  vertical-align: -1px;
}
@media screen and (max-width: 768px) {
  .searchResult h5 strong:before {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    background-size: 90% 90%;
    background-position: 50% 50%;
    vertical-align: -3px;
  }
}
.searchResult .boardList {
  margin-top: -31px;
}

.fixed {
  position: fixed;
  top: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .fixed {
    position: relative;
    top: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fixed {
    position: relative;
    top: auto;
  }
}
@media screen and (max-width: 768px) {
  .fixed {
    position: relative;
    top: auto;
  }
}

.btnCenter {
  text-align: center;
}
.btnCenter a.btn,
.btnCenter button[type=button].btn {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .btnCenter {
    margin-top: -140px;
  }
}

.btnZone {
  position: relative;
}
.btnZone a.btn + .btn,
.btnZone button[type=button].btn + .btn {
  margin-left: 10px;
}
.btnZone .left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: auto;
  text-align: left;
}
.btnZone .center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  text-align: center;
}
.btnZone .right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: auto;
  text-align: right;
}
.btnZone:before, .btnZone:after {
  content: "";
  clear: both;
  display: block;
}

a:hover figure,
a:focus figure {
  border: 1px solid #03A643 !important;
  z-index: 1;
}
a:hover figure img,
a:focus figure img {
  transform: scale(1.3);
  transition: all 0.5s ease;
}

/*
	반응형 mixin 예제 start
	사이즈별로 자동으로 수치값을 반응형으로 계산해 주는 minin
	반드시 수치는 px로만 사용 가능
	데이터 값이 0일 경우, 0px
	모바일일 경우에만 모든 값을 2배로 계산해서 수치 입력
	수치가 들어가지 않는 속성은 @include 없이 그냥 사용 가능


@include screen(desktop){
  display: block;
  @include responsive-vw('padding', 10px 10px 10px 10px, $design-desktop);
  @include responsive-font(48px, $design-desktop);
  @include responsive-vw('line-height', 48px, $design-desktop);
}
@include screen(tablet){
  display: block;
  @include responsive-vw('padding', 10px 10px 10px 10px, $design-tablet);
  @include responsive-font(48px, $design-tablet);
  @include responsive-vw('line-height', 48px, $design-tablet);
}
@include screen(mobile){
  display: block;
  @include responsive-vw('padding', 10px 10px 10px 10px, $design-mobile);
  @include responsive-font(48px, $design-mobile);
  @include responsive-vw('line-height', 48px, $design-mobile);
}

 반응형 mixin 예제 end */
.tabBt li {
  flex: 1 !important;
}

.bgCo1 {
  background-color: #FAF6F1;
}

.bgCo2 {
  background-color: #F9F9F9;
}

.bgCo3 {
  background-color: #F3F9F5;
}

.contentHeaderText {
  font-size: 24px;
  line-height: 35px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contentHeaderText {
    font-size: 1.875vw;
    line-height: 2.734375vw;
    padding: 0vw 0vw 4.6875vw 0vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .contentHeaderText {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contentHeaderText {
    font-size: 2.34375vw;
    line-height: 3.41796875vw;
    padding: 0vw 0vw 5.859375vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .contentHeaderText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contentHeaderText {
    font-size: 3.3854166667vw;
    line-height: 5.2083333333vw;
    padding: 0vw 0vw 3.90625vw 0vw;
  }
}

.contents {
  position: relative;
}
.contents h4 span {
  font-weight: normal;
}
.contents h4 span.col_green {
  font-weight: 700;
  color: #03a643;
}
.contents h4 em {
  display: inline-block;
  font-size: 18px;
  margin: 5px 0 0 20px;
}

.rowImgType {
  display: flex;
}
@media screen and (max-width: 768px) {
  .rowImgType {
    display: block;
    position: relative;
  }
}
.rowImgType img {
  width: 540px;
  height: 300px;
  margin: 0 !important;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rowImgType img {
    width: 42.1875vw;
    height: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType img {
    width: 36.9140625vw;
    height: 20.5078125vw;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType img {
    width: 100%;
    height: auto;
    padding-top: 32.5520833333vw;
  }
}
.rowImgType.rowImgType2 img {
  width: 470px;
  height: 320px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rowImgType.rowImgType2 img {
    width: 40.625vw;
    height: 27.65625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType.rowImgType2 img {
    width: 36.9140625vw;
    height: 25.1953125vw;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType.rowImgType2 img {
    width: 100%;
    height: auto;
    padding-top: 28.6458333333vw;
  }
}
.rowImgType.rowImgType2 div .contentHeaderText {
  font-size: 22px;
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rowImgType.rowImgType2 div .contentHeaderText {
    font-size: 1.875vw;
    line-height: 2.734375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .rowImgType.rowImgType2 div .contentHeaderText {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType.rowImgType2 div .contentHeaderText {
    font-size: 1.953125vw;
    padding-bottom: 0.9765625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .rowImgType.rowImgType2 div .contentHeaderText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType.rowImgType2 div .contentHeaderText {
    font-size: 3.125vw;
    line-height: 4.5572916667vw;
    padding: 0vw 0vw 1.3020833333vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .rowImgType.rowImgType2 div .contentHeaderText {
    font-size: 12px;
  }
}
.rowImgType div {
  margin: 40px 0 0 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType div {
    margin: 0px 0 0 25px;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType div {
    position: absolute;
    top: 0;
    width: 90%;
    margin: 0 0 0 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType div .contentHeaderText {
    font-size: 1.953125vw;
    padding-bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .rowImgType div .contentHeaderText {
    font-size: 12px;
  }
}
@media screen and (max-width: 1280px) {
  .rowImgType div .contentHeaderText br {
    display: none;
  }
}
.rowImgType div .smallText li {
  position: relative;
  margin-left: 10px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rowImgType div .smallText li {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .rowImgType div .smallText li {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType div .smallText li {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .rowImgType div .smallText li {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType div .smallText li {
    text-align: left;
    font-size: 2.0833333333vw;
    line-height: 4.1666666667vw;
    margin-left: 6.5104166667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .rowImgType div .smallText li {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType div .smallText li br {
    display: none;
  }
}
.rowImgType div .smallText li:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 12px;
  left: -10px;
  width: 3px;
  height: 3px;
  background-color: #037215;
  vertical-align: middle;
}

.contBox {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .contBox {
    margin-top: 3.2552083333vw;
  }
}
.contBox h5 {
  font-size: 26px;
  height: 26px;
  line-height: 28px;
  border-left: 3px solid #03A643;
  vertical-align: middle;
  padding: 0 0 0 20px;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox h5 {
    font-size: 1.71875vw;
    line-height: 2.1875vw;
    padding: 0vw 0vw 0vw 1.5625vw;
    height: 2.03125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .contBox h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox h5 {
    font-size: 1.953125vw;
    line-height: 2.734375vw;
    padding: 0vw 0vw 0vw 0.9765625vw;
    height: 2.5390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .contBox h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox h5 {
    font-size: 3.6458333333vw;
    line-height: 3.6458333333vw;
    padding: 0vw 0vw 0vw 2.6041666667vw;
    height: 3.3854166667vw;
  }
}
.contBox .prcsStyle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contBox .prcsStyle li {
  display: table;
  position: relative;
  margin: 0 0 30px 0;
  width: 260px;
  height: 180px;
  border: 1px solid rgba(124, 197, 158, 0.5);
  box-sizing: border-box;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  text-align: center;
  background-color: #fff;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li {
    width: 18.75vw;
    height: 13.28125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li {
    width: 19.53125vw;
    height: 14.6484375vw;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li {
    width: 40.3645833333vw;
    height: 25.390625vw;
    margin: 0vw 0vw 3.90625vw 0vw;
  }
}
.contBox .prcsStyle li em {
  position: absolute;
  top: 20px;
  left: 18px;
  font-family: "Poppins" !important;
  font-weight: bold;
  font-size: 22px;
  font-style: normal;
  line-height: 22px;
  color: #03A643;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li em {
    font-size: 1.71875vw;
    top: 1.40625vw;
    left: 1.40625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .contBox .prcsStyle li em {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li em {
    font-size: 1.85546875vw;
    top: 1.46484375vw;
    left: 1.66015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 646.7368421053px) {
  .contBox .prcsStyle li em {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li em {
    font-size: 2.6041666667vw;
    top: 2.734375vw;
    left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contBox .prcsStyle li em {
    font-size: 12px;
  }
}
.contBox .prcsStyle li em:after {
  position: absolute;
  display: block;
  content: "";
  top: -19px;
  left: -12px;
  width: 53px;
  height: 53px;
  border-right: 2px solid rgba(124, 197, 158, 0.5);
  border-bottom: 2px solid rgba(124, 197, 158, 0.5);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 28px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li em:after {
    width: 4.140625vw;
    height: 4.140625vw;
    top: -1.328125vw;
    left: -0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li em:after {
    width: 4.4921875vw;
    height: 4.4921875vw;
    top: -1.46484375vw;
    left: -1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li em:after {
    width: 6.640625vw;
    height: 6.640625vw;
    top: -1.6927083333vw;
    left: -1.6927083333vw;
  }
}
.contBox .prcsStyle li div {
  display: table-cell;
  vertical-align: middle;
}
.contBox .prcsStyle li div h6 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #00560E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li div h6 {
    font-size: 1.875vw;
    line-height: 2.5vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .contBox .prcsStyle li div h6 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li div h6 {
    font-size: 1.953125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .contBox .prcsStyle li div h6 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li div h6 {
    font-size: 3.125vw;
    line-height: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .contBox .prcsStyle li div h6 {
    font-size: 12px;
  }
}
.contBox .prcsStyle li div h6 span {
  display: inline-block;
  margin-top: 3px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #00560E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li div h6 span {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .contBox .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li div h6 span {
    font-size: 1.7578125vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .contBox .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li div h6 span {
    font-size: 2.6041666667vw;
    line-height: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contBox .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li div h6 span br {
    display: none;
  }
}
.contBox .prcsStyle li div p {
  margin-top: 13px;
  font-size: 18px;
  line-height: 26px;
  color: #333;
  font-weight: normal;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li div p {
    font-size: 1.40625vw;
    line-height: 2.03125vw;
    margin-top: 1.015625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .contBox .prcsStyle li div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li div p {
    font-size: 1.7578125vw;
    line-height: 2.5390625vw;
    margin-top: 0.87890625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .contBox .prcsStyle li div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li div p {
    font-size: 2.6041666667vw;
    line-height: 3.6458333333vw;
    margin-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contBox .prcsStyle li div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li div p img {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li div p img {
    width: 70%;
  }
}
.contBox .prcsStyle li:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -53px;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background: url(/assets/img/front/biz/circle_arrow2.png);
  background-size: 100% 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contBox .prcsStyle li:after {
    left: -3.59375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li:after {
    left: -3.80859375vw;
    width: 2.5390625vw;
    height: 2.5390625vw;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li:after {
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li:nth-child(odd):after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li:nth-child(even):before {
    display: block;
    content: "";
    position: absolute;
    background: url(/assets/img/front/biz/circle_arrow2.png);
    background-size: 100% 100%;
    transform: rotate(-225deg);
    top: -3.90625vw;
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
.contBox .prcsStyle li:first-child em:after {
  left: -15px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox .prcsStyle li:first-child em:after {
    left: -1.46484375vw;
  }
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle li:first-child em:after {
    left: -1.953125vw;
  }
}
.contBox .prcsStyle li:first-child:after {
  display: none;
}
.contBox .prcsStyle li:first-child + li:before {
  display: none;
}
.contBox .prcsStyle.noBgMode li:after {
  background: url(/assets/img/front/biz/circle_arrow.png);
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .contBox .prcsStyle.noBgMode li:nth-child(even):before {
    background: url(/assets/img/front/biz/circle_arrow.png);
    background-size: 100% 100%;
  }
}

.imgBg-biz {
  background-repeat: no-repeat;
  background-position: 60% 50%;
  background-size: cover;
  vertical-align: top;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .imgBg-biz {
    height: auto !important;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz {
    height: auto !important;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz {
    height: auto !important;
    padding-bottom: 40px;
  }
}
.imgBg-biz .contents {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .imgBg-biz .contents {
    display: block;
  }
}
.imgBg-biz .contents h4 {
  color: #fff;
}
.imgBg-biz .contents div {
  width: 940px;
  position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .imgBg-biz .contents div {
    width: 65.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz .contents div {
    width: 68.359375vw;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz .contents div {
    width: 100%;
  }
}
.imgBg-biz .contents div:before, .imgBg-biz .contents div:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 400px;
  border-left: 1px solid #88887d;
}
.imgBg-biz .contents div:before {
  top: 9px;
  left: -1px;
}
.imgBg-biz .contents div:after {
  bottom: 44px;
  left: -1px;
}
.imgBg-biz .contents div dl {
  position: relative;
  display: flex;
  padding: 0 0 32px 23px;
}
.imgBg-biz .contents div dl dt, .imgBg-biz .contents div dl dd {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz .contents div dl dt, .imgBg-biz .contents div dl dd {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .imgBg-biz .contents div dl dt, .imgBg-biz .contents div dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz .contents div dl dt, .imgBg-biz .contents div dl dd {
    font-size: 2.6041666667vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .imgBg-biz .contents div dl dt, .imgBg-biz .contents div dl dd {
    font-size: 12px;
  }
}
.imgBg-biz .contents div dl dt {
  margin-right: 15px;
  width: 110px;
}
@media screen and (max-width: 768px) {
  .imgBg-biz .contents div dl dt {
    width: 16.9270833333vw;
  }
}
.imgBg-biz .contents div dl dt:before, .imgBg-biz .contents div dl dt:after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 9px;
  z-index: 1;
}
.imgBg-biz .contents div dl dt:before {
  top: 9px;
  left: -7px;
  width: 13px;
  height: 13px;
  background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz .contents div dl dt:before {
    top: 0.87890625vw;
    left: -0.78125vw;
    width: 1.46484375vw;
    height: 1.46484375vw;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz .contents div dl dt:before {
    top: 1.171875vw;
    left: -1.26953125vw;
    width: 2.24609375vw;
    height: 2.24609375vw;
  }
}
.imgBg-biz .contents div dl dt:after {
  top: 11px;
  left: -5px;
  width: 5px;
  height: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz .contents div dl dt:after {
    top: 1.07421875vw;
    left: -0.5859375vw;
    width: 0.68359375vw;
    height: 0.68359375vw;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz .contents div dl dt:after {
    top: 1.46484375vw;
    left: -0.9765625vw;
    width: 0.9765625vw;
    height: 0.9765625vw;
  }
}
.imgBg-biz .contents div dl dd {
  flex: 1;
}

img.mo_image {
  display: none !important;
}
@media screen and (max-width: 768px) {
  img.mo_image {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  img.pc_image {
    display: none !important;
  }
}

.bizAsk .contBox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bizAsk .contBox ul li {
  margin-top: 30px;
  padding: 23px 30px;
  width: 400px;
  font-size: 18px;
  line-height: 22px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-top: 1px solid #bbb;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizAsk .contBox ul li {
    font-size: 1.40625vw;
    width: 28.125vw;
    padding: 1.796875vw 2.34375vw 1.796875vw 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .bizAsk .contBox ul li {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizAsk .contBox ul li {
    font-size: 1.7578125vw;
    width: 41.9921875vw;
    padding: 2.24609375vw 2.9296875vw 2.24609375vw 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .bizAsk .contBox ul li {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizAsk .contBox ul li {
    font-size: 2.34375vw;
    padding: 2.9947916667vw 3.90625vw 2.9947916667vw 3.90625vw;
    width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .bizAsk .contBox ul li {
    font-size: 12px;
  }
}
.bizAsk .contBox ul li.leaderLine {
  border-top: 1px solid #03A643;
}
@media screen and (max-width: 768px) {
  .bizAsk .contBox ul li:first-child {
    margin-top: 30px;
  }
}
.bizAsk .contBox ul li div:after {
  display: block;
  content: "";
  clear: both;
}
.bizAsk .contBox ul li span {
  color: #333;
}
.bizAsk .contBox ul li span b {
  padding-left: 10px;
  font-size: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizAsk .contBox ul li span b {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .bizAsk .contBox ul li span b {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizAsk .contBox ul li span b {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .bizAsk .contBox ul li span b {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizAsk .contBox ul li span b {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .bizAsk .contBox ul li span b {
    font-size: 12px;
  }
}
.bizAsk .contBox ul li span.name {
  float: left;
}
.bizAsk .contBox ul li span.phnNum {
  color: #00560E;
  float: right;
}
.bizAsk .contBox ul li span.area {
  float: left;
  padding-top: 20px;
  font-size: 16px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizAsk .contBox ul li span.area {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .bizAsk .contBox ul li span.area {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizAsk .contBox ul li span.area {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .bizAsk .contBox ul li span.area {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizAsk .contBox ul li span.area {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .bizAsk .contBox ul li span.area {
    font-size: 12px;
  }
}
.bizAsk .contBox ul li span.email {
  float: right;
  padding-top: 20px;
  font-size: 16px;
  color: #333;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizAsk .contBox ul li span.email {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .bizAsk .contBox ul li span.email {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizAsk .contBox ul li span.email {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .bizAsk .contBox ul li span.email {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizAsk .contBox ul li span.email {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .bizAsk .contBox ul li span.email {
    font-size: 12px;
  }
}
.bizAsk .contBox + .contBox {
  margin-top: 100px;
}

.portfolio {
  margin-top: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolio {
    margin-top: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .portfolio {
    margin-top: 2.6041666667vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .portfolio li a.finish:before {
    height: 26.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolio li a.finish:before {
    height: 27.83203125vw;
  }
}
@media screen and (max-width: 768px) {
  .portfolio li a.finish:before {
    height: 54.9479166667vw;
  }
}
.portfolio li a figure img {
  transition: all 0.5s;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .portfolio li a figure {
    height: 26.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolio li a figure {
    height: 27.83203125vw;
  }
}
@media screen and (max-width: 768px) {
  .portfolio li a figure {
    height: 54.9479166667vw;
  }
}
.portfolio li a .subject {
  margin: 0 0 9px;
}
@media screen and (max-width: 768px) {
  .portfolio li a .subject {
    font-size: 2.8645833333vw;
    line-height: 4.1666666667vw;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .portfolio li a .subject {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .portfolio li a .hashtag em {
    font-size: 2.34375vw;
    padding: 0vw 1.8229166667vw 0vw 1.8229166667vw;
    line-height: 4.6875vw;
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .portfolio li a .hashtag em {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .portfolio li {
    flex: 0 0 24.4%;
    margin-right: 0.8%;
  }
  .portfolio li:nth-child(3n) {
    margin-right: 0.8%;
  }
  .portfolio li:nth-child(4n) {
    margin-right: 0%;
  }
}
@media screen and (max-width: 768px) {
  .portfolio li {
    flex: 0 0 48%;
    margin-right: 0%;
  }
  .portfolio li:nth-child(odd) {
    margin-right: 4%;
  }
  .portfolio li:nth-child(4n) {
    margin-right: 0%;
  }
}

.partition {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .partition {
    display: block;
    margin-top: 0;
  }
}
.partition li {
  width: 33%;
  padding: 205px 15px 0;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partition li {
    width: 31.25vw;
    padding-top: 14.84375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partition li {
    width: 39.0625vw;
    padding-top: 15.625vw;
  }
}
@media screen and (max-width: 768px) {
  .partition li {
    width: 100%;
    margin-top: 30px;
    background-size: 38% auto !important;
    padding-top: 39.0625vw;
  }
}
.partition li h5 {
  font-size: 24px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partition li h5 {
    font-size: 1.875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .partition li h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partition li h5 {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .partition li h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partition li h5 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .partition li h5 {
    font-size: 12px;
  }
}
.partition li p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 30px;
  white-space: pre-line;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partition li p {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .partition li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partition li p {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
    white-space: normal;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .partition li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partition li p {
    font-size: 2.34375vw;
    line-height: 4.6875vw;
    white-space: normal;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .partition li p {
    font-size: 12px;
  }
}

.lineBtm {
  border-bottom: 1px dashed #7CC59E;
}
@media screen and (max-width: 768px) {
  .lineBtm {
    border-bottom: none;
  }
}
.lineBtm:after {
  display: block;
  content: "";
  clear: both;
}
.lineBtm .l_tit {
  margin-top: 19px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .lineBtm .l_tit {
    font-size: 2.1484375vw;
    line-height: 3.41796875vw;
    margin: 1.7578125vw 0vw 1.26953125vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .lineBtm .l_tit {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .lineBtm .l_tit {
    font-size: 3.125vw;
    line-height: 4.5572916667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .lineBtm .l_tit {
    font-size: 12px;
  }
}
.lineBtm .r_text {
  border: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .lineBtm .r_text {
    padding: 2.44140625vw 0vw 2.05078125vw 0vw;
  }
}

.l_tit {
  float: left;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .l_tit {
    font-size: 3.3854166667vw;
    float: none;
    width: 100% !important;
  }
}
.l_tit.l_tit_second {
  margin-top: 26px !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l_tit.l_tit_second {
    margin-top: 13px !important;
  }
}
.l_tit.l_tit_line {
  padding-bottom: 15px;
}
.l_tit.l_tit2 {
  margin-top: 27px !important;
}
.l_tit.l_tit3 {
  margin-top: 37px;
}
.l_tit span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: -4px 10px 0 0;
  font-size: 18px;
  font-weight: 700;
  color: #03A643;
  border: 1px solid #def0e6;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  background-color: #fff;
  vertical-align: middle;
}

.r_text_box, .r_text {
  float: left;
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .r_text_box, .r_text {
    float: none;
    width: 100% !important;
  }
}
.r_text_box.r_text2:before, .r_text.r_text2:before {
  display: none;
}

.r_text_box li, .r_text {
  border-bottom: 1px dashed #7CC59E;
  padding: 21px 0 19px 10px;
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .r_text_box li, .r_text {
    font-size: 1.5625vw;
    line-height: 3.3854166667vw;
    padding: 1.07421875vw 0vw 0.9765625vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .r_text_box li, .r_text {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .r_text_box li, .r_text {
    float: none;
    width: 100%;
    border-bottom: none;
    font-size: 3.125vw;
    line-height: 4.6875vw;
    padding: 1.3020833333vw 0vw 1.3020833333vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .r_text_box li, .r_text {
    font-size: 12px;
  }
}
.r_text_box li.r_text_first, .r_text.r_text_first {
  margin-top: 16px !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .r_text_box li.r_text_first, .r_text.r_text_first {
    margin-top: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .r_text_box li.r_text_first, .r_text.r_text_first {
    margin-top: 0 !important;
  }
}
.r_text_box li:before, .r_text:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  margin-right: 7px;
  background-color: #037215;
  vertical-align: middle;
}

.contBox table {
  width: 100%;
  margin-top: 20px;
}
.contBox table tr th, .contBox table tr td {
  font-size: 16px;
  border-right: 1px solid #DDD;
}
.contBox table tr th:last-child, .contBox table tr td:last-child {
  border-right: none;
}
.contBox table thead tr {
  background-color: #f5f5f5;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #DDD;
}
.contBox table thead tr th {
  padding: 17px 0;
  line-height: 16px;
  font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox table thead tr th {
    font-size: 1.5625vw;
    padding: 1.46484375vw 0vw 1.46484375vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .contBox table thead tr th {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox table thead tr th {
    font-size: 2.34375vw;
    padding: 1.953125vw 0vw 1.953125vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .contBox table thead tr th {
    font-size: 12px;
  }
}
.contBox table tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #DDD;
}
.contBox table tbody tr th {
  background-color: #f5f5f5;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox table tbody tr th {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .contBox table tbody tr th {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox table tbody tr th {
    font-size: 2.34375vw;
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .contBox table tbody tr th {
    font-size: 12px;
  }
}
.contBox table tbody tr td {
  padding: 13px 0;
  line-height: 25px;
  color: #333;
  -webkit-text-size-adjust: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contBox table tbody tr td {
    font-size: 1.5625vw;
    padding: 1.26953125vw 0vw 1.26953125vw 0vw;
    line-height: 2.5390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .contBox table tbody tr td {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contBox table tbody tr td {
    font-size: 2.0833333333vw;
    padding: 1.953125vw 1.3020833333vw 1.953125vw 1.3020833333vw;
    line-height: 3.90625vw;
    -webkit-text-size-adjust: none;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .contBox table tbody tr td {
    font-size: 12px;
  }
}
.contBox table tbody tr td:first-child {
  vertical-align: middle;
  text-align: center;
}
.contBox table tbody tr td.textLeft {
  padding-left: 20px;
  text-align: left !important;
  -webkit-text-size-adjust: none;
}
@media screen and (max-width: 768px) {
  .contBox table tbody tr td.textLeft {
    padding-left: 1.953125vw;
    -webkit-text-size-adjust: none;
  }
}
.contBox table tbody tr td.bdrShow {
  border-right: 1px solid #DDD;
}

@media screen and (max-width: 768px) {
  .overfX {
    width: 100%;
    max-width: 940px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .overfX table {
    width: 800px;
    margin-top: 0;
  }
}

.contTabBox ul {
  display: flex;
  justify-content: space-between;
}
.contTabBox ul li {
  flex: 1;
  height: 90px;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: none;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contTabBox ul li {
    height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .contTabBox ul li {
    height: 10.4166666667vw;
  }
}
.contTabBox ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 26px;
  line-height: 90px;
  font-weight: 400;
  color: #555;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contTabBox ul li a {
    font-size: 2.5390625vw;
    line-height: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 472.6153846154px) {
  .contTabBox ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contTabBox ul li a {
    font-size: 3.125vw;
    line-height: 10.4166666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .contTabBox ul li a {
    font-size: 12px;
  }
}
.contTabBox ul li a span {
  font-weight: 300;
  color: #03A643;
}
.contTabBox ul li:first-child {
  border-left: 1px solid #ddd;
}
.contTabBox ul li.ui-tabs-active {
  background-color: #03A643;
  border-top: 1px solid #03A643;
  border-right: 1px solid #03A643;
}
.contTabBox ul li.ui-tabs-active a {
  color: #fff;
}
.contTabBox ul li.ui-tabs-active a span {
  color: #fff;
}
.contTabBox ul li.ui-tabs-active:hover a {
  color: #fff;
}
.contTabBox ul li:hover a {
  color: #03A643;
}
.contTabBox .tab-content {
  padding: 32px 0;
  font-size: 18px;
  color: #03A643;
  border: 1px solid #7CC59E;
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contTabBox .tab-content {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .contTabBox .tab-content {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contTabBox .tab-content {
    font-size: 2.6041666667vw;
    line-height: 4.1666666667vw;
    padding: 2.8645833333vw 1.3020833333vw 2.8645833333vw 1.3020833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contTabBox .tab-content {
    font-size: 12px;
  }
}

.mgt0 {
  margin-top: 0 !important;
}

.pofol-more {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #03A643;
  border-radius: 30px;
  font-size: 18px;
  line-height: 48px;
  color: #03A643;
}
@media screen and (max-width: 1260px) and (min-width: 320px) {
  .pofol-more {
    max-width: 100%;
    right: 3.125vw;
    right: 3.90625vw;
    right: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pofol-more {
    top: -1.3020833333vw;
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    padding: 3.2552083333vw 3.2552083333vw 3.2552083333vw 3.2552083333vw;
    line-height: 0vw;
    font-size: 0;
    border-radius: 0;
  }
}
.pofol-more:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  vertical-align: -3px;
  background: url("/assets/img/front/ico-hash.svg") right 50% no-repeat;
}
@media screen and (max-width: 768px) {
  .pofol-more:after {
    width: 3.90625vw;
    height: 3.90625vw;
    margin-left: 0;
    vertical-align: 0;
    background-position: 50% 50%;
  }
}

.bizApply .contBox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bizApply .contBox {
    display: block;
  }
}
.bizApply .contBox > div {
  width: 940px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizApply .contBox > div {
    width: 65.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizApply .contBox > div {
    width: 68.359375vw;
  }
}
@media screen and (max-width: 768px) {
  .bizApply .contBox > div {
    width: 100%;
    margin-top: 40px;
  }
}
.bizApply .contBox > div .applyBtnBox {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bizApply .contBox > div .applyBtnBox {
    display: block;
    margin: 0 0 0 0;
  }
}
.bizApply .contBox > div .applyBtnBox button {
  width: 460px;
  height: 60px;
  padding-left: 20px;
  font-size: 20px;
  line-height: 29px;
  color: #03A643;
  background-color: #F3F9F6;
  border: 1px solid #7CC59E;
  border-radius: 3px;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.3s;
  background: url(/assets/img/front/org/ico-go.svg) 95% 50% no-repeat;
  background-size: auto 40%;
}
.bizApply .contBox > div .applyBtnBox button + button {
  background: url(/assets/img/front/ico-save.svg) 95% 50% no-repeat;
  background-size: auto 45%;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizApply .contBox > div .applyBtnBox button {
    font-size: 1.5625vw;
    line-height: 2.265625vw;
    width: 32.03125vw;
    height: 4.6875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .bizApply .contBox > div .applyBtnBox button {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizApply .contBox > div .applyBtnBox button {
    font-size: 1.66015625vw;
    line-height: 2.83203125vw;
    width: 33.203125vw;
    height: 5.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 722.8235294118px) {
  .bizApply .contBox > div .applyBtnBox button {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizApply .contBox > div .applyBtnBox button {
    width: 100%;
    margin-bottom: 8px;
    font-size: 2.8645833333vw;
    line-height: 4.1666666667vw;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .bizApply .contBox > div .applyBtnBox button {
    font-size: 12px;
  }
}
.bizApply .contBox > div .applyBtnBox button:hover {
  background-color: #F3F9F6;
}
.bizApply .contBox + .contBox {
  margin-top: 80px;
}
.bizApply .contBox + .contBox div .prcsStyle li {
  width: 190px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizApply .contBox + .contBox div .prcsStyle li {
    width: 13.28125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizApply .contBox + .contBox div .prcsStyle li {
    width: 13.18359375vw;
  }
}
@media screen and (max-width: 768px) {
  .bizApply .contBox + .contBox div .prcsStyle li {
    width: 40.3645833333vw;
  }
}
.bizApply .contBox + .contBox div .prcsStyle li:after {
  left: -43px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizApply .contBox + .contBox div .prcsStyle li:after {
    left: -3.203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizApply .contBox + .contBox div .prcsStyle li:after {
    left: -4.00390625vw;
  }
}
@media screen and (max-width: 768px) {
  .bizApply .contBox + .contBox div .prcsStyle li:after {
    left: -6.25vw;
  }
}
.bizApply .contBox + .contBox div .applyBtnBox + p {
  margin-top: 40px;
  color: #DE5F17;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizApply .contBox + .contBox div .applyBtnBox + p {
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .bizApply .contBox + .contBox div .applyBtnBox + p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizApply .contBox + .contBox div .applyBtnBox + p {
    font-size: 1.5625vw;
    margin-top: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .bizApply .contBox + .contBox div .applyBtnBox + p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizApply .contBox + .contBox div .applyBtnBox + p {
    font-size: 2.34375vw;
    line-height: 3.90625vw;
    margin-top: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .bizApply .contBox + .contBox div .applyBtnBox + p {
    font-size: 12px;
  }
}

.imgBg-biz.bgType1 {
  height: 711px;
  background-image: url(/assets/img/front/biz/injijung_bg.png);
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType1 {
    background-image: url(/assets/img/front/biz/injijung_bg_mo.png);
  }
}
.imgBg-biz.bgType1 dl dt:after {
  border: 2px solid #4d4333;
}

.bizResult .contBox {
  margin: 40px 0 20px;
}
.bizResult .contBox h5 span {
  font-weight: normal;
}
.bizResult .contBox > div {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div {
    display: block;
  }
}
.bizResult .contBox > div .grpPointer {
  width: 230px;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .grpPointer {
    width: 17.96875vw;
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .grpPointer {
    display: flex;
    justify-content: space-around;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer {
    display: flex;
    justify-content: space-around;
    width: auto;
  }
}
.bizResult .contBox > div .grpPointer:first-child {
  border-top: 1px solid #ddd;
}
.bizResult .contBox > div .grpPointer dl {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px 15px;
  border-bottom: 1px solid #ddd;
  line-height: 26px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .grpPointer dl {
    padding: 1.171875vw 0.78125vw 1.171875vw 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .grpPointer dl {
    width: 50%;
    padding: 1.46484375vw 2.9296875vw 1.46484375vw 2.9296875vw;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer dl {
    width: 50%;
    padding: 1.953125vw 1.953125vw 1.953125vw 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .grpPointer dl + dl {
    border-left: 1px solid #ddd;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer dl + dl {
    border-left: 1px solid #ddd;
  }
}
.bizResult .contBox > div .grpPointer dl + dl dt:before {
  background-color: #FFC90C;
}
.bizResult .contBox > div .grpPointer dl dt {
  font-size: 22px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .grpPointer dl dt {
    font-size: 1.71875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .bizResult .contBox > div .grpPointer dl dt {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .grpPointer dl dt {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .bizResult .contBox > div .grpPointer dl dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer dl dt {
    font-size: 3.6458333333vw;
  }
}
.bizResult .contBox > div .grpPointer dl dt:before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-color: #03A643;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .grpPointer dl dt:before {
    margin-right: 0.78125vw;
    width: 1.171875vw;
    height: 1.171875vw;
  }
}
.bizResult .contBox > div .grpPointer dl dd {
  font-size: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .grpPointer dl dd {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer dl dd {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .grpPointer dl dd {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .bizResult .contBox > div .grpPointer dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer dl dd {
    font-size: 3.6458333333vw;
  }
}
.bizResult .contBox > div .grpPointer dl dd span {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .grpPointer dl dd span {
    font-size: 1.875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .bizResult .contBox > div .grpPointer dl dd span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .grpPointer dl dd span {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .bizResult .contBox > div .grpPointer dl dd span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .grpPointer dl dd span {
    font-size: 3.6458333333vw;
  }
}
.bizResult .contBox > div .graph {
  width: 940px;
  height: 275px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox > div .graph {
    width: 65.625vw;
    height: 21.484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox > div .graph {
    width: 100%;
    height: auto;
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox > div .graph {
    width: 100%;
    max-width: 940px;
    height: auto;
    margin-top: 12px;
    overflow-x: scroll;
    padding-bottom: 12px;
  }
  .bizResult .contBox > div .graph img {
    max-width: 940px;
  }
}
.bizResult .contBox > div .graph img {
  width: auto;
}
.bizResult .contBox .rightText {
  margin: 60px 0 0 360px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #DE5F17;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizResult .contBox .rightText {
    font-size: 1.25vw;
    margin: 1.171875vw 0vw 0vw 26.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .bizResult .contBox .rightText {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizResult .contBox .rightText {
    font-size: 1.5625vw;
    margin: 3.90625vw 0vw 0vw 3.41796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .bizResult .contBox .rightText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizResult .contBox .rightText {
    font-size: 2.34375vw;
    line-height: 3.90625vw;
    margin: 5.2083333333vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .bizResult .contBox .rightText {
    font-size: 12px;
  }
}

.contents .threePart1 li:first-child {
  background: url(/assets/img/front/biz/idea_img1.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart1 li:first-child + li {
  background: url(/assets/img/front/biz/idea_img2.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart1 li:first-child + li + li {
  background: url(/assets/img/front/biz/idea_img3.png) center top no-repeat;
  background-size: 44% auto;
}

.bizConsult .contBox p {
  margin-top: 20px;
  font-size: 18px;
  line-height: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizConsult .contBox p {
    font-size: 1.7578125vw;
    line-height: 2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .bizConsult .contBox p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizConsult .contBox p {
    font-size: 2.6041666667vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .bizConsult .contBox p {
    font-size: 12px;
  }
}
.bizConsult .contBox div .prcsStyle {
  margin-top: 27px;
}
.bizConsult .contBox div .prcsStyle li:after {
  left: -50px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizConsult .contBox div .prcsStyle li:after {
    left: -3.59375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizConsult .contBox div .prcsStyle li:after {
    left: -3.3203125vw;
  }
}
@media screen and (max-width: 768px) {
  .bizConsult .contBox div .prcsStyle li:after {
    left: -6.3802083333vw;
  }
}
.bizConsult .contBox div .prcsStyle.type1 li:nth-child(4), .bizConsult .contBox div .prcsStyle.type1 li:nth-child(5) {
  border: none;
  background: none;
}
.bizConsult .contBox div .prcsStyle.type1 li:nth-child(4):after, .bizConsult .contBox div .prcsStyle.type1 li:nth-child(5):after {
  display: none;
}
@media screen and (max-width: 768px) {
  .bizConsult .contBox div .prcsStyle.type1 li:nth-child(4), .bizConsult .contBox div .prcsStyle.type1 li:nth-child(5) {
    display: none;
  }
}
.bizConsult .contBox div .prcsStyle.type1 li:nth-child(6):after {
  top: -30px;
  left: 284px;
  transform: rotate(-225deg);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizConsult .contBox div .prcsStyle.type1 li:nth-child(6):after {
    top: -2.34375vw;
    left: 20vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizConsult .contBox div .prcsStyle.type1 li:nth-child(6):after {
    top: -2.9296875vw;
    left: 20.01953125vw;
  }
}
@media screen and (max-width: 768px) {
  .bizConsult .contBox div .prcsStyle.type1 li:nth-child(6):after {
    top: 11.0677083333vw;
    left: -6.3802083333vw;
    transform: rotate(0deg);
  }
}

.imgBg-biz.bgType2 {
  height: 600px;
  background-image: url(/assets/img/front/biz/custom_bg.png);
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType2 {
    background-image: url(/assets/img/front/biz/custom_bg_mo.png);
  }
}
.imgBg-biz.bgType2 .contents div:after {
  bottom: 70px;
}
.imgBg-biz.bgType2 .contents div dl dt:after {
  border: 2px solid #484c40;
}

.bizManage .contBox:after {
  display: block;
  content: "";
  clear: both;
}
.bizManage .contBox h5 {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .bizManage .contBox h5 {
    margin-top: 6.5104166667vw;
  }
}
.bizManage .contBox h5.first_tit {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .bizManage .contBox h5.first_tit {
    margin-top: 3.2552083333vw;
  }
}
.bizManage .contBox > h6 {
  font-size: 20px;
  margin-top: 42px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizManage .contBox > h6 {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .bizManage .contBox > h6 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizManage .contBox > h6 {
    font-size: 1.7578125vw;
    margin-top: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .bizManage .contBox > h6 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizManage .contBox > h6 {
    font-size: 3.3854166667vw;
    margin-top: 3.90625vw;
  }
}
.bizManage .contBox img {
  display: block;
  max-width: 1100px;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.bizManage .contBox img.mo_image {
  display: none;
}
@media screen and (max-width: 768px) {
  .bizManage .contBox img.mo_image {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .bizManage .contBox img.pc_image {
    display: none;
  }
}
.bizManage .contBox .l_tit {
  width: 14%;
}
.bizManage .contBox .r_text_box {
  margin-top: 19px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizManage .contBox .r_text_box {
    margin-top: 1.26953125vw;
  }
}
@media screen and (max-width: 768px) {
  .bizManage .contBox .r_text_box {
    margin-top: 1.0416666667vw;
  }
}
.bizManage .contBox .r_text_box, .bizManage .contBox .r_text {
  width: 86%;
}
.bizManage .contBox p {
  margin-top: 20px;
  font-size: 18px;
  line-height: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizManage .contBox p {
    font-size: 1.5625vw;
    line-height: 2.5390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .bizManage .contBox p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizManage .contBox p {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-top: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .bizManage .contBox p {
    font-size: 12px;
  }
}
.bizManage .contBox .imgSize {
  margin-top: 40px;
  max-width: 680px;
}

.bizMarket .contBox div {
  margin-top: 40px;
}
.bizMarket .contBox div .prcsStyle li {
  width: 380px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizMarket .contBox div .prcsStyle li {
    width: 26.5625vw;
    height: 17.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizMarket .contBox div .prcsStyle li {
    width: 27.34375vw;
    height: 19.53125vw;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li {
    width: 40.3645833333vw;
    height: 32.5520833333vw;
  }
}
.bizMarket .contBox div .prcsStyle li:after {
  left: -44px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizMarket .contBox div .prcsStyle li:after {
    left: -3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizMarket .contBox div .prcsStyle li:after {
    left: -3.22265625vw;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:after {
    left: -7.5520833333vw;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:first-child {
    left: 50%;
    transform: translateX(-50%);
    margin-right: 90px;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:first-child:before, .bizMarket .contBox div .prcsStyle li:first-child:after {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:nth-child(even):after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:nth-child(even):before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    background: url(/assets/img/front/biz/circle_arrow2.png);
    background-size: 100% 100%;
    transform: rotate(-225deg);
    top: -3.2552083333vw;
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) {
  .bizMarket .contBox div .prcsStyle li:nth-child(odd):after {
    display: block;
    left: -6.25vw;
  }
}

.contents .processBox img {
  max-width: 940px;
}
.contents .processBox .r_text_box {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  float: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .r_text_box {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .r_text_box li {
    font-size: 2.6041666667vw;
    line-height: 4.8177083333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contents .processBox .r_text_box li {
    font-size: 12px;
  }
}
.contents .processBox .processIcon {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon {
    display: block;
  }
}
.contents .processBox .processIcon li {
  width: 240px;
  padding: 20px;
  background-color: #fff !important;
  border: 1px solid #ddd;
  border-top: 1px solid #03A643;
  margin: 50px 9px 0;
  background-position: center 100px;
  background-repeat: no-repeat;
  background-size: 70px auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .processBox .processIcon li {
    padding: 1.5625vw 0.78125vw 1.5625vw 0.78125vw;
    margin: 3.90625vw 0.390625vw 0vw 0.390625vw;
    background-position: center 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .processIcon li {
    padding: 1.953125vw 0.9765625vw 1.953125vw 0.9765625vw;
    margin: 3.90625vw 0.48828125vw 0vw 0.48828125vw;
    background-position: center 80px;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon li {
    padding: 1.953125vw 1.3020833333vw 3.2552083333vw 16.9270833333vw;
    margin: 1.953125vw 0vw 0vw 0vw;
    height: auto;
    width: 100%;
    padding-left: 110px;
    background-position: 20px center;
    background-size: 60px auto;
  }
}
.contents .processBox .processIcon li:first-child {
  background-image: url(/assets/img/front/biz/ico1.png);
}
.contents .processBox .processIcon li:first-child + li {
  background-image: url(/assets/img/front/biz/ico2.png);
}
.contents .processBox .processIcon li:first-child + li h6 {
  padding-top: 18px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .processBox .processIcon li:first-child + li h6 {
    padding-top: 0.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .processIcon li:first-child + li h6 {
    padding-top: 1.07421875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon li:first-child + li h6 {
    padding-top: 0vw;
  }
}
.contents .processBox .processIcon li:first-child + li + li {
  background-image: url(/assets/img/front/biz/ico3.png);
}
.contents .processBox .processIcon li:first-child + li + li + li {
  background-image: url(/assets/img/front/biz/ico4.png);
}
.contents .processBox .processIcon li:first-child + li + li + li + li {
  background-image: url(/assets/img/front/biz/ico5.png);
}
.contents .processBox .processIcon li:first-child + li + li + li + li h6 {
  padding-top: 18px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .processBox .processIcon li:first-child + li + li + li + li h6 {
    padding-top: 0.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .processIcon li:first-child + li + li + li + li h6 {
    padding-top: 1.07421875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon li:first-child + li + li + li + li h6 {
    padding-top: 0vw;
  }
}
.contents .processBox .processIcon li:before {
  display: none;
}
.contents .processBox .processIcon li h6 {
  height: 70px;
  margin-top: 5px;
  margin-bottom: 90px;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .processBox .processIcon li h6 {
    font-size: 1.5625vw;
    line-height: 1.875vw;
    margin-bottom: 6.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .contents .processBox .processIcon li h6 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .processIcon li h6 {
    font-size: 1.7578125vw;
    line-height: 2.34375vw;
    margin-bottom: 8.7890625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .contents .processBox .processIcon li h6 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon li h6 {
    font-size: 2.8645833333vw;
    height: 6.5104166667vw;
    margin-bottom: 0vw;
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .contents .processBox .processIcon li h6 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon li h6 br {
    display: none;
  }
}
.contents .processBox .processIcon li p {
  position: relative;
  margin-top: 0;
  font-size: 16px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .processBox .processIcon li p {
    font-size: 1.40625vw;
    line-height: 2.03125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .contents .processBox .processIcon li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .processIcon li p {
    font-size: 1.5625vw;
    line-height: 2.34375vw;
    padding-left: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .contents .processBox .processIcon li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contents .processBox .processIcon li p {
    font-size: 2.34375vw;
    line-height: 3.90625vw;
    padding-left: 5px;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .contents .processBox .processIcon li p {
    font-size: 12px;
  }
}
.contents .processBox .processIcon li p:before {
  display: inline-block;
  content: "·";
  position: absolute;
  top: -1px;
  left: -7px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .processBox .processIcon li p:before {
    padding-left: 5px;
  }
}
.contents.bizExam ul {
  justify-content: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents.bizExam ul {
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents.bizExam ul {
    margin-top: 1.953125vw;
  }
}
.contents.bizExam ul li {
  width: 50%;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .contents.bizExam ul li {
    width: 100%;
  }
}
.contents.bizExam ul li img {
  max-width: 480px;
  width: 100%;
}
.contents .threePart2 {
  margin-top: 20px;
}
.contents .threePart2 li:first-child {
  background: url(/assets/img/front/biz/probono_img8.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart2 li:first-child + li {
  background: url(/assets/img/front/biz/probono_img7.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart2 li:first-child + li + li {
  background: url(/assets/img/front/biz/probono_img6.png) center top no-repeat;
  background-size: 44% auto;
}

.imgBg-biz.bgType3 {
  height: 493px;
  background-image: url(/assets/img/front/biz/probono_bg.png);
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3 {
    background-image: url(/assets/img/front/biz/probono_bg_mo.png);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bgType3 {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bgType3 {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .bgType3 {
    padding-bottom: 11.71875vw;
  }
}
.bgType3 .contents {
  display: block;
}
.bgType3 .contents h4 em {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  margin: 5px 0 0 20px;
}
@media screen and (max-width: 768px) {
  .bgType3 .contents h4 em {
    display: none;
  }
}
.bgType3 .contents .threePart3 {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bgType3 .contents .threePart3 {
    margin-top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bgType3 .contents .threePart3 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .bgType3 .contents .threePart3 {
    display: flex;
    margin-top: 10px;
  }
}
.bgType3 .contents .threePart3 li {
  padding-top: 120px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bgType3 .contents .threePart3 li {
    padding-top: 8.59375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bgType3 .contents .threePart3 li {
    padding-top: 8.7890625vw;
  }
}
@media screen and (max-width: 768px) {
  .bgType3 .contents .threePart3 li {
    padding-top: 19.53125vw;
    margin-top: 0;
    background-size: 60% auto !important;
  }
}
.bgType3 .contents .threePart3 li:first-child {
  background: url(/assets/img/front/biz/ico1_bg.png) center top no-repeat;
  background-size: 24% auto;
}
.bgType3 .contents .threePart3 li:first-child + li {
  background: url(/assets/img/front/biz/ico2_bg.png) center top no-repeat;
  background-size: 24% auto;
}
.bgType3 .contents .threePart3 li:first-child + li + li {
  background: url(/assets/img/front/biz/ico3_bg.png) center top no-repeat;
  background-size: 24% auto;
}
.bgType3 .contents .threePart3 li h5 {
  color: #fff;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .bgType3 .contents .threePart3 li h5 {
    font-size: 3.6458333333vw;
    line-height: 4.6875vw;
  }
}
.bgType3 .contents .threePart3 li p {
  margin-top: 27px;
  font-size: 20px;
  color: #C1FF3D;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bgType3 .contents .threePart3 li p {
    font-size: 1.71875vw;
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .bgType3 .contents .threePart3 li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bgType3 .contents .threePart3 li p {
    font-size: 1.953125vw;
    margin-top: 1.46484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .bgType3 .contents .threePart3 li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bgType3 .contents .threePart3 li p {
    font-size: 2.6041666667vw;
    margin-top: 1.953125vw;
    text-align: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .bgType3 .contents .threePart3 li p {
    font-size: 12px;
  }
}
.bgType3 .contents .threePart3 li p span {
  font-size: 50px;
  font-weight: 700;
  color: #C1FF3D;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bgType3 .contents .threePart3 li p span {
    font-size: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bgType3 .contents .threePart3 li p span {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .bgType3 .contents .threePart3 li p span {
    font-size: 5.2083333333vw;
  }
}

.contents .lastPrbn .first_tit {
  margin-bottom: 30px;
}
.contents .lastPrbn .first_tit + p {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .contents .lastPrbn .first_tit + p {
    font-size: 2.6041666667vw;
    line-height: 4.8177083333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contents .lastPrbn .first_tit + p {
    font-size: 12px;
  }
}
.contents .lastPrbn .l_tit {
  margin-top: 18px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .lastPrbn .l_tit {
    margin-top: 1.484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .lastPrbn .l_tit {
    margin-top: 0.87890625vw;
  }
}
.contents .lastPrbn .r_text {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .contents .lastPrbn .r_text {
    font-size: 2.6041666667vw;
    line-height: 4.8177083333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contents .lastPrbn .r_text {
    font-size: 12px;
  }
}

.contents .applyField div .prcsStyle li {
  width: 240px;
  height: 280px;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .applyField div .prcsStyle li {
    width: 17.1875vw;
    height: 20.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .applyField div .prcsStyle li {
    width: 26.3671875vw;
    height: 24.4140625vw;
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .contents .applyField div .prcsStyle li {
    width: 41.6666666667vw;
    height: 33.8541666667vw;
    margin: 0vw 0vw 5.2083333333vw 0vw;
  }
}
.contents .applyField div .prcsStyle li div p {
  font-size: 18px;
  line-height: 26px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .applyField div .prcsStyle li div p {
    font-size: 1.25vw;
    line-height: 1.875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .contents .applyField div .prcsStyle li div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .applyField div .prcsStyle li div p {
    font-size: 1.5625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .contents .applyField div .prcsStyle li div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contents .applyField div .prcsStyle li div p {
    font-size: 2.6041666667vw;
    line-height: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .contents .applyField div .prcsStyle li div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .applyField div .prcsStyle li:first-child + li + li + li {
    margin-left: 15.8203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .applyField div .prcsStyle li:first-child + li + li + li + li {
    margin-right: 15.8203125vw;
  }
}
@media screen and (max-width: 768px) {
  .contents .applyField div .prcsStyle li:first-child + li + li + li + li {
    left: 50%;
    margin-left: -19.53125vw;
  }
}
.contents .applyField div .prcsStyle li:after, .contents .applyField div .prcsStyle li:before {
  display: none;
}
.contents.collaboResult h4 em {
  display: inline-block;
  font-size: 18px;
  margin: 5px 0 0 20px;
}
@media screen and (max-width: 768px) {
  .contents.collaboResult h4 em {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .contents.collaboResult h4 em {
    font-size: 12px;
  }
}

.fivePart {
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fivePart {
    flex-wrap: wrap;
    margin-top: -40px;
  }
}
@media screen and (max-width: 768px) {
  .fivePart {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
  }
}
.fivePart li {
  padding: 130px 15px 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .fivePart li {
    padding: 8.59375vw 1.171875vw 0vw 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fivePart li {
    width: 33%;
    padding: 14.16015625vw 1.953125vw 0vw 1.953125vw;
    margin-top: 5.859375vw;
  }
}
@media screen and (max-width: 768px) {
  .fivePart li {
    width: 50%;
    padding: 20.1822916667vw 0vw 0vw 0vw;
    margin-top: 5.2083333333vw;
  }
}
.fivePart li:first-child {
  background: url(/assets/img/front/biz/collaboresult_icon1.png) center top no-repeat;
  background-size: 40% auto;
}
.fivePart li:first-child + li {
  background: url(/assets/img/front/biz/collaboresult_icon2.png) center top no-repeat;
  background-size: 40% auto;
}
.fivePart li:first-child + li + li {
  background: url(/assets/img/front/biz/collaboresult_icon3.png) center top no-repeat;
  background-size: 40% auto;
}
@media screen and (max-width: 768px) {
  .fivePart li:first-child + li + li {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 100px;
  }
}
.fivePart li:first-child + li + li + li {
  background: url(/assets/img/front/biz/collaboresult_icon4.png) center top no-repeat;
  background-size: 40% auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fivePart li:first-child + li + li + li {
    margin-left: 14.6484375vw;
  }
}
.fivePart li:first-child + li + li + li + li {
  background: url(/assets/img/front/biz/collaboresult_icon5.png) center top no-repeat;
  background-size: 40% auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fivePart li:first-child + li + li + li + li {
    margin-right: 14.6484375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .fivePart li h5 {
    font-size: 1.71875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .fivePart li h5 {
    font-size: 12px;
  }
}
.fivePart li p {
  margin-top: 25px;
  font-size: 20px;
  color: #03A643;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .fivePart li p {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fivePart li p {
    margin-top: 2.44140625vw;
  }
}
@media screen and (max-width: 768px) {
  .fivePart li p {
    text-align: center;
    margin-top: 1.953125vw;
  }
}
.fivePart li p span {
  font-size: 50px;
  font-weight: 700;
  color: #03A643;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .fivePart li p span {
    font-size: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fivePart li p span {
    font-size: 4.8828125vw;
  }
}
@media screen and (max-width: 768px) {
  .fivePart li p span {
    font-size: 7.03125vw;
  }
}

.imgBg-biz.bgType4 {
  height: 435px;
  background-image: url(/assets/img/front/biz/collabo_bg.png);
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType4 {
    background-image: url(/assets/img/front/biz/collabo_bg_mo.png);
  }
}
.imgBg-biz.bgType4 .contents div:after, .imgBg-biz.bgType4 .contents div:before {
  height: 200px;
}
.imgBg-biz.bgType4 .contents div:after {
  bottom: 70px;
}
.imgBg-biz.bgType4 .contents div dl dt {
  width: auto !important;
}
.imgBg-biz.bgType4 .contents div dl dt:after {
  border: 2px solid #646e66;
}

.bizField {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bizField {
    display: block;
  }
}
.bizField div {
  width: 940px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizField div {
    width: 64.84375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizField div {
    width: 67.3828125vw;
  }
}
@media screen and (max-width: 768px) {
  .bizField div {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .noBgMode li:first-child {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 200px;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .noBgMode li:first-child + li:after {
    left: 42.96875vw;
  }
}
.foundConsult .bizApply .contBox div .noBgMode li:first-child + li:before {
  display: block;
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .noBgMode li:first-child + li:before {
    background: url(/assets/img/front/biz/circle_arrow.png);
    background-size: 100% 100%;
    top: -3.6458333333vw;
    left: 42.96875vw;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .noBgMode + .resultBox {
    margin-bottom: 11.0677083333vw;
  }
}
.foundConsult .bizApply .contBox div .resultBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -15px;
}
.foundConsult .bizApply .contBox div .resultBox li {
  width: 420px;
  padding: 12px 5px;
  border-bottom: 1px dashed #7CC59E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .foundConsult .bizApply .contBox div .resultBox li {
    width: 31.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .foundConsult .bizApply .contBox div .resultBox li {
    width: 67.3828125vw;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .resultBox li {
    width: 100%;
    padding: 1.171875vw 0.48828125vw 1.171875vw 0.48828125vw;
  }
}
.foundConsult .bizApply .contBox div .resultBox li p {
  display: inline-block;
  font-size: 18px;
  color: #333;
  line-height: 38px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .foundConsult .bizApply .contBox div .resultBox li p {
    font-size: 1.5625vw;
    line-height: 2.96875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .resultBox li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .foundConsult .bizApply .contBox div .resultBox li p {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .foundConsult .bizApply .contBox div .resultBox li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .resultBox li p {
    font-size: 3.125vw;
    line-height: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .foundConsult .bizApply .contBox div .resultBox li p {
    font-size: 12px;
  }
}
.foundConsult .bizApply .contBox div .resultBox li p span {
  padding-right: 25px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .foundConsult .bizApply .contBox div .resultBox li p span {
    font-size: 1.5625vw;
    padding-right: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .resultBox li p span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .foundConsult .bizApply .contBox div .resultBox li p span {
    font-size: 2.1484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .foundConsult .bizApply .contBox div .resultBox li p span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .resultBox li p span {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .foundConsult .bizApply .contBox div .resultBox li p span {
    font-size: 12px;
  }
}
.foundConsult .bizApply .contBox div .resultBox li a {
  display: inline-block;
  padding: 10px 40px 10px 15px;
  color: #03A643;
  border: 1px solid #03A643;
  border-radius: 3px;
  float: right;
  background: url(/assets/img/front/ico-save.svg) 90% 50% no-repeat #fff;
  background-size: auto 55%;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .foundConsult .bizApply .contBox div .resultBox li a {
    font-size: 1.40625vw;
    padding: 0.78125vw 2.34375vw 0.78125vw 0.78125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .foundConsult .bizApply .contBox div .resultBox li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox div .resultBox li a {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .foundConsult .bizApply .contBox div .resultBox li a {
    font-size: 12px;
  }
}
.foundConsult .bizApply .contBox div .resultBox li a:hover {
  background-color: #F3F9F6;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .foundConsult .bizApply .contBox + .contBox {
    margin-top: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .foundConsult .bizApply .contBox + .contBox {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .foundConsult .bizApply .contBox + .contBox {
    margin-top: 7.8125vw;
  }
}

.bgType5 {
  height: 435px;
  background-image: url(/assets/img/front/biz/coop_bg.png);
}
@media screen and (max-width: 768px) {
  .bgType5 {
    background-image: url(/assets/img/front/biz/coop_bg_mo.png);
  }
}
.bgType5 .contents div:after, .bgType5 .contents div:before {
  height: 200px;
}
.bgType5 .contents div dl dt {
  width: auto !important;
}
.bgType5 .contents div dl dt:after {
  border: 2px solid #637551;
}

.partOpinion {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .partOpinion {
    display: block;
  }
}
.partOpinion div {
  width: 940px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinion div {
    width: 65.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinion div {
    width: 67.3828125vw;
  }
}
@media screen and (max-width: 768px) {
  .partOpinion div {
    width: 100%;
  }
}
.partOpinion div p {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  color: #333;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinion div p {
    font-size: 1.7578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .partOpinion div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partOpinion div p {
    font-size: 3.125vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .partOpinion div p {
    font-size: 12px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinionList {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinionList {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .partOpinionList {
    margin-top: 10px !important;
  }
}
.partOpinionList ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .partOpinionList ul {
    display: block;
  }
}
.partOpinionList ul li {
  width: 288px;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinionList ul li {
    width: 21.09375vw;
    padding-bottom: 1.09375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinionList ul li {
    width: 20.99609375vw;
    padding-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .partOpinionList ul li {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 2.0833333333vw;
  }
}
.partOpinionList ul li figure {
  height: 210px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinionList ul li figure {
    height: 14.84375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinionList ul li figure {
    height: 14.6484375vw;
  }
}
@media screen and (max-width: 768px) {
  .partOpinionList ul li figure {
    height: 53.3854166667vw;
  }
}
.partOpinionList ul li figure img {
  width: 100%;
  transition: all 0.1s;
}
.partOpinionList ul li h5 {
  position: relative;
  padding: 20px 20px 0 20px;
  font-size: 18px;
  font-weight: 500;
  color: #111;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinionList ul li h5 {
    font-size: 1.40625vw;
    line-height: 1.875vw;
    padding: 1.5625vw 1.171875vw 1.171875vw 1.171875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .partOpinionList ul li h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinionList ul li h5 {
    font-size: 1.7578125vw;
    line-height: 2.34375vw;
    padding: 1.953125vw 1.46484375vw 1.46484375vw 1.46484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .partOpinionList ul li h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partOpinionList ul li h5 {
    font-size: 3.125vw;
    padding: 3.90625vw 2.6041666667vw 1.953125vw 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .partOpinionList ul li h5 {
    font-size: 12px;
  }
}
.partOpinionList ul li p {
  padding: 20px 18px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #111;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinionList ul li p {
    font-size: 1.25vw;
    line-height: 1.875vw;
    padding: 1.171875vw 1.171875vw 0vw 1.171875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .partOpinionList ul li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinionList ul li p {
    font-size: 1.5625vw;
    line-height: 1.953125vw;
    padding: 1.46484375vw 1.46484375vw 0vw 1.46484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .partOpinionList ul li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partOpinionList ul li p {
    font-size: 2.8645833333vw;
    line-height: 4.4270833333vw;
    padding: 2.34375vw 2.34375vw 0vw 2.34375vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .partOpinionList ul li p {
    font-size: 12px;
  }
}

.rowImgType3 {
  margin-top: 25px;
}
.rowImgType3 img {
  width: 540px;
  height: 300px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rowImgType3 img {
    width: 42.1875vw;
    height: 23.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType3 img {
    width: 42.96875vw;
    height: 24.4140625vw;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType3 img {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
}
.rowImgType3 p {
  margin: 40px 0 0 35px;
  font-size: 20px;
  line-height: 29px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rowImgType3 p {
    font-size: 1.5625vw;
    line-height: 2.265625vw;
    margin: 1.171875vw 0vw 0vw 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .rowImgType3 p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rowImgType3 p {
    font-size: 1.66015625vw;
    line-height: 2.5390625vw;
    margin: 0vw 0vw 0vw 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 722.8235294118px) {
  .rowImgType3 p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType3 p {
    font-size: 2.8645833333vw;
    line-height: 4.4270833333vw;
    margin: 3.90625vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .rowImgType3 p {
    font-size: 12px;
  }
}

.bizField2 ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bizField2 ul {
    flex-wrap: wrap;
  }
}
.bizField2 ul li {
  position: relative;
  width: 224px;
  height: 222px;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .bizField2 ul li {
    width: 15.625vw;
    height: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizField2 ul li {
    width: 15.625vw;
    height: 15.625vw;
  }
}
@media screen and (max-width: 768px) {
  .bizField2 ul li {
    width: 26.0416666667vw;
    height: 26.0416666667vw;
  }
  .bizField2 ul li:first-child {
    position: relative;
    left: 50%;
    transform: translateX(-111%);
    margin-right: 100px;
  }
  .bizField2 ul li:first-child + li {
    transform: translateX(-61%);
  }
}
.bizField2 ul li span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #03A643;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bizField2 ul li span {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .bizField2 ul li span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .bizField2 ul li span {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .bizField2 ul li span {
    font-size: 12px;
  }
}
.bizField2 ul li:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/front/biz/plan_deco_bg.png") no-repeat;
  background-size: 100% auto;
}
.bizField2 ul li:first-child + li:before {
  transform: rotate(180deg);
}
.bizField2 ul li:first-child + li + li + li:before {
  transform: rotate(180deg);
}

.bgType6 {
  height: 548px;
  background-image: url(/assets/img/front/biz/plan_bg.png);
}
@media screen and (max-width: 768px) {
  .bgType6 {
    background-image: url(/assets/img/front/biz/plan_bg_mo.png);
  }
}
.bgType6 .contents div:after, .bgType6 .contents div:before {
  height: 200px;
}
.bgType6 .contents div dl dt {
  width: auto !important;
}
.bgType6 .contents div dl dt:after {
  border: 2px solid #44524a;
}

.startupType:after {
  content: "";
  display: block;
  clear: both;
}
.startupType div .prcsStyle li {
  height: 200px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .startupType div .prcsStyle li {
    height: 19.53125vw;
  }
}
@media screen and (max-width: 768px) {
  .startupType div .prcsStyle li {
    height: 26.0416666667vw;
  }
}
.startupType .dot-list-half {
  margin-top: 0;
}
.startupType .dot-list-half ul li {
  float: left;
  width: 47%;
  padding: 10px 0 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .startupType .dot-list-half ul li {
    height: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .startupType .dot-list-half ul li {
    height: 23.4375vw;
  }
}
@media screen and (max-width: 768px) {
  .startupType .dot-list-half ul li {
    float: none;
    width: 100%;
    padding-bottom: 0vw;
  }
}
.startupType .dot-list-half ul li .l_tit {
  float: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .startupType .dot-list-half ul li .l_tit {
    font-size: 2.1484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .startupType .dot-list-half ul li .l_tit {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .startupType .dot-list-half ul li .l_tit {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .startupType .dot-list-half ul li .l_tit {
    font-size: 12px;
  }
}
.startupType .dot-list-half ul li:first-child, .startupType .dot-list-half ul li:first-child + li + li {
  margin-right: 6%;
}
.startupType .dot-list-half ul li p {
  font-size: 18px;
  line-height: 27px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .startupType .dot-list-half ul li p br {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .startupType .dot-list-half ul li p {
    font-size: 1.85546875vw;
    line-height: 3.125vw;
    margin: 1.171875vw 0vw 0vw 0.48828125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 646.7368421053px) {
  .startupType .dot-list-half ul li p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .startupType .dot-list-half ul li p br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .startupType .dot-list-half ul li p {
    float: none !important;
    font-size: 2.4739583333vw;
    line-height: 4.4270833333vw;
    margin: 0.6510416667vw 0vw 0vw 0.6510416667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 485.0526315789px) {
  .startupType .dot-list-half ul li p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .startupType .dot-list-half ul li p br {
    display: none;
  }
}

.imgBg-biz.bgType3-1 {
  height: 762px;
  background-image: url(/assets/img/front/biz/startup_bg.png);
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 {
    background-image: url(/assets/img/front/biz/startup_bg_mo.png);
  }
}
.imgBg-biz.bgType3-1 .contents .partition {
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .imgBg-biz.bgType3-1 .contents .partition li {
    width: 33%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType3-1 .contents .partition li {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li {
    width: 33%;
  }
}
.imgBg-biz.bgType3-1 .contents .partition li:first-child {
  background: url(/assets/img/front/biz/startup1_icon1.png) center top no-repeat;
  background-size: 24% auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li:first-child {
    margin-left: 14.3229166667vw;
  }
}
.imgBg-biz.bgType3-1 .contents .partition li:first-child + li {
  background: url(/assets/img/front/biz/startup1_icon2.png) center top no-repeat;
  background-size: 24% auto;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li:first-child + li {
    margin-right: 14.3229166667vw;
    padding-left: 0;
    padding-right: 0;
  }
}
.imgBg-biz.bgType3-1 .contents .partition li:first-child + li + li {
  background: url(/assets/img/front/biz/startup1_icon3.png) center top no-repeat;
  background-size: 24% auto;
}
.imgBg-biz.bgType3-1 .contents .partition li:first-child + li + li + li {
  background: url(/assets/img/front/biz/startup1_icon4.png) center top no-repeat;
  background-size: 24% auto;
}
.imgBg-biz.bgType3-1 .contents .partition li:first-child + li + li + li + li {
  background: url(/assets/img/front/biz/startup1_icon5.png) center top no-repeat;
  background-size: 24% auto;
}
.imgBg-biz.bgType3-1 .contents .partition li:first-child + li + li + li + li + li {
  background: url(/assets/img/front/biz/startup1_icon6.png) center top no-repeat;
  background-size: 24% auto;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li:first-child + li + li + li + li + li {
    position: relative;
    width: 50%;
    transform: translateX(-50%);
    left: 50%;
    background-size: 40% auto !important;
    top: 3.90625vw;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .imgBg-biz.bgType3-1 .contents .partition li h5 {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType3-1 .contents .partition li h5 {
    font-size: 1.7578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .imgBg-biz.bgType3-1 .contents .partition li h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li h5 {
    font-size: 2.34375vw;
    line-height: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .imgBg-biz.bgType3-1 .contents .partition li h5 {
    font-size: 12px;
  }
}
.imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
  font-size: 40px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 512px) {
  .imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
    font-size: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 409.6px) {
  .imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .imgBg-biz.bgType3-1 .contents .partition li p.size-down span {
    font-size: 12px;
  }
}

.teamBox ul:after {
  content: "";
  display: block;
  clear: both;
}
.teamBox ul li {
  width: 100%;
  height: 320px;
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 1px, rgba(0, 0, 0, 0.05) 0px 1px 3px -2px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li {
    height: 25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li {
    height: 22.55859375vw;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li {
    height: auto;
  }
}
.teamBox ul li .team-left {
  float: left;
  position: relative;
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-left {
    float: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li .team-left img {
    width: 39.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-left img {
    width: 35.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-left img {
    width: 100%;
  }
}
.teamBox ul li .team-left p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 500px;
  height: 100px;
  padding-top: 13px;
  background-color: rgba(55, 85, 80, 0.6);
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li .team-left p {
    font-size: 1.40625vw;
    width: 39.0625vw;
    height: 8.59375vw;
    padding-top: 1.015625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .teamBox ul li .team-left p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-left p {
    font-size: 1.5625vw;
    line-height: 2.44140625vw;
    width: 35.15625vw;
    height: 9.27734375vw;
    padding-top: 1.26953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .teamBox ul li .team-left p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-left p {
    width: 100%;
    font-size: 2.6041666667vw;
    line-height: 3.90625vw;
    height: 14.3229166667vw;
    padding-top: 1.6927083333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .teamBox ul li .team-left p {
    font-size: 12px;
  }
}
.teamBox ul li .team-right {
  float: left;
  padding: 55px 50px 0 50px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li .team-right {
    padding: 4.296875vw 3.125vw 0vw 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-right {
    padding: 2.44140625vw 0.9765625vw 0vw 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-right {
    float: none;
    padding: 5.2083333333vw 3.2552083333vw 1.953125vw 3.2552083333vw;
  }
}
.teamBox ul li .team-right h5 {
  border-left: none;
  padding: 0;
}
.teamBox ul li .team-right .sub-copy {
  margin: 15px 0 20px 0;
  font-size: 22px;
  color: #00560E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li .team-right .sub-copy {
    font-size: 1.71875vw;
    margin: 1.171875vw 0vw 1.171875vw 0vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .teamBox ul li .team-right .sub-copy {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-right .sub-copy {
    font-size: 1.953125vw;
    margin: 0.9765625vw 0vw 1.46484375vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .teamBox ul li .team-right .sub-copy {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-right .sub-copy {
    font-size: 3.125vw;
    margin: 1.3020833333vw 0vw 0.6510416667vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .teamBox ul li .team-right .sub-copy {
    font-size: 12px;
  }
}
.teamBox ul li .team-right dl {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-right dl {
    margin-bottom: 0.48828125vw;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-right dl {
    margin-bottom: 1.3020833333vw;
  }
}
.teamBox ul li .team-right dl:after {
  display: block;
  content: "";
  clear: both;
}
.teamBox ul li .team-right dl dt, .teamBox ul li .team-right dl dd {
  float: left;
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-right dl dt, .teamBox ul li .team-right dl dd {
    float: none;
  }
}
.teamBox ul li .team-right dl dt {
  margin-right: 43px;
  font-size: 20px;
  font-weight: 500;
  color: #375550;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li .team-right dl dt {
    font-size: 1.40625vw;
    margin-right: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .teamBox ul li .team-right dl dt {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-right dl dt {
    font-size: 1.5625vw;
    margin-right: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .teamBox ul li .team-right dl dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-right dl dt {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .teamBox ul li .team-right dl dt {
    font-size: 12px;
  }
}
.teamBox ul li .team-right dl dd {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #333;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .teamBox ul li .team-right dl dd {
    font-size: 1.25vw;
    line-height: 2.109375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .teamBox ul li .team-right dl dd {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .teamBox ul li .team-right dl dd {
    font-size: 1.5625vw;
    line-height: 2.63671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .teamBox ul li .team-right dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .teamBox ul li .team-right dl dd {
    font-size: 2.734375vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 438.8571428571px) {
  .teamBox ul li .team-right dl dd {
    font-size: 12px;
  }
}

.yearTeam dl {
  position: relative;
  margin-top: 30px;
}
.yearTeam dl:after {
  display: block;
  content: "";
  clear: both;
}
.yearTeam dl dt, .yearTeam dl dd {
  float: left;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .yearTeam dl dt, .yearTeam dl dd {
    float: none;
  }
}
.yearTeam dl dt {
  position: relative;
  width: 16%;
  padding-left: 20px;
  font-size: 17px;
  line-height: 23px;
  font-weight: 500;
  color: #00560E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .yearTeam dl dt {
    width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .yearTeam dl dt {
    width: 100%;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 2.1484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .yearTeam dl dt {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .yearTeam dl dt br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .yearTeam dl dt {
    width: 100%;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .yearTeam dl dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .yearTeam dl dt br {
    display: none;
  }
}
.yearTeam dl dt.line-top:before, .yearTeam dl dt.line-bottom:before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 400px;
  border-left: 1px solid #ccc;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .yearTeam dl dt.line-top:before, .yearTeam dl dt.line-bottom:before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .yearTeam dl dt.line-top:before, .yearTeam dl dt.line-bottom:before {
    display: none;
  }
}
.yearTeam dl dt.line-top:before {
  top: 9px;
  left: -1px;
}
.yearTeam dl dt.line-bottom:before {
  bottom: 35px;
  left: -1px;
}
.yearTeam dl dt:after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 5px;
  z-index: 1;
  top: 8px;
  left: -3px;
  width: 5px;
  height: 5px;
  background-color: #03A643;
}
.yearTeam dl dt span {
  font-size: 16px;
  color: #00560E;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .yearTeam dl dt span {
    font-size: 1.7578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .yearTeam dl dt span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .yearTeam dl dt span {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .yearTeam dl dt span {
    font-size: 12px;
  }
}
.yearTeam dl dd {
  width: 84%;
  font-size: 18px;
  line-height: 30px;
  color: #111;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .yearTeam dl dd {
    width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .yearTeam dl dd {
    width: 100%;
    padding-left: 10px;
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .yearTeam dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .yearTeam dl dd {
    width: 100%;
    padding-left: 10px;
    font-size: 2.8645833333vw;
    line-height: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .yearTeam dl dd {
    font-size: 12px;
  }
}

.contents .threePart8 {
  margin-top: 20px;
}
.contents .threePart8 li:first-child {
  background: url(/assets/img/front/biz/startup1_icon7.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart8 li:first-child + li {
  background: url(/assets/img/front/biz/startup1_icon8.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart8 li:first-child + li + li {
  background: url(/assets/img/front/biz/startup1_icon9.png) center top no-repeat;
  background-size: 44% auto;
}

.img-size img {
  display: block;
  width: 100%;
  max-width: 854px !important;
  text-align: center;
}

.num-list-half ul {
  position: relative;
  margin: 30px 0 60px;
}
.num-list-half ul li {
  float: none;
  width: 46%;
  padding: 26px 0 22px;
  font-size: 18px;
  line-height: 26px;
  border-bottom: 1px dashed #7CC59E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .num-list-half ul li {
    width: 49%;
    padding: 15px 0 15px;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .num-list-half ul li {
    width: 100%;
    font-size: 1.7578125vw;
    line-height: 2.5390625vw;
    padding: 1.953125vw 0vw 1.5625vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .num-list-half ul li {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .num-list-half ul li {
    font-size: 2.6041666667vw;
    line-height: 1.3020833333vw;
    padding: 2.6041666667vw 0vw 2.0833333333vw 14.3229166667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .num-list-half ul li {
    font-size: 12px;
  }
}
.num-list-half ul li:first-child + li + li + li {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .num-list-half ul li:first-child + li + li + li {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .num-list-half ul li:first-child + li + li + li {
    position: relative;
  }
}
.num-list-half ul li:first-child + li + li + li + li {
  position: absolute;
  right: 0;
  top: 85px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .num-list-half ul li:first-child + li + li + li + li {
    top: 67px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .num-list-half ul li:first-child + li + li + li + li {
    position: relative;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .num-list-half ul li:first-child + li + li + li + li {
    position: relative;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .num-list-half ul li span {
    margin-left: -14.3229166667vw;
  }
}

.img-size2 img {
  display: block;
  width: 100%;
  max-width: 1040px !important;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .processIcon2 {
    margin-top: 3.90625vw;
  }
}
.processIcon2 li {
  background-position: center 80px !important;
  background-repeat: no-repeat;
  background-size: 70px auto;
}
.processIcon2 li:first-child {
  background-image: url(/assets/img/front/biz/startup2_icon1.png) !important;
}
.processIcon2 li:first-child + li {
  background-image: url(/assets/img/front/biz/startup2_icon2.png) !important;
}
.processIcon2 li:first-child + li + li {
  background-image: url(/assets/img/front/biz/startup2_icon3.png) !important;
}
.processIcon2 li:first-child + li + li + li {
  background-image: url(/assets/img/front/biz/startup2_icon4.png) !important;
}
.processIcon2 li:first-child + li + li + li + li {
  background-image: url(/assets/img/front/biz/startup2_icon5.png) !important;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .processIcon2 li {
    background-position: center 70px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .processIcon2 li {
    background-position: center 65px !important;
  }
}
@media screen and (max-width: 768px) {
  .processIcon2 li {
    background-position: 20px center !important;
  }
}
.processIcon2 li h6 {
  margin-bottom: 70px !important;
  padding-top: 5px !important;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .processIcon2 li h6 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 768px) {
  .processIcon2 li h6 {
    margin-top: 0 !important;
    margin-left: 5px;
    margin-bottom: 5px !important;
  }
}
.processIcon2 li p {
  font-size: 16px;
  line-height: 23px;
  color: #333;
}
.processIcon2 li p.noDot:before {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .tableType1.overfX {
    width: 100%;
    max-width: 940px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .tableType1.overfX table {
    width: 800px;
    margin-top: 0;
  }
}
.tableType1 table tr.lastRow {
  background-color: #F3F9F6;
}
.tableType1 table tr.lastRow td {
  font-weight: 700;
  color: #00560E;
}
.tableType1 table tr th, .tableType1 table tr td {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
  text-align: center !important;
}
.tableType1 table tr th {
  color: #111;
}
.tableType1 table tr td {
  color: #333;
}
.tableType1 table tr td span.coOrange {
  color: #DE5F17;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix h5 {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix h5 {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .partySix h5 {
    margin-top: 30px !important;
  }
}
.partySix div .prcsStyle {
  margin-top: 30px;
}
.partySix div .prcsStyle li {
  width: 165px;
  height: 150px;
  margin: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix div .prcsStyle li {
    width: 12.109375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix div .prcsStyle li {
    width: 25.390625vw;
    height: 14.6484375vw;
    margin-bottom: 2.9296875vw;
  }
}
@media screen and (max-width: 768px) {
  .partySix div .prcsStyle li {
    width: 40.3645833333vw;
    height: 25.390625vw;
    margin: 0vw 0vw 3.90625vw 0vw;
  }
}
.partySix div .prcsStyle li:first-child em:after {
  left: -10px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix div .prcsStyle li:first-child em:after {
    left: -0.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix div .prcsStyle li:first-child em:after {
    left: -1.46484375vw;
  }
}
.partySix div .prcsStyle li em {
  top: 13px;
  left: 13px;
  font-size: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix div .prcsStyle li em {
    font-size: 1.71875vw;
    top: 1.171875vw;
    left: 0.859375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .partySix div .prcsStyle li em {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix div .prcsStyle li em {
    font-size: 1.85546875vw;
    top: 1.46484375vw;
    left: 1.66015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 646.7368421053px) {
  .partySix div .prcsStyle li em {
    font-size: 12px;
  }
}
.partySix div .prcsStyle li em:after {
  width: 43px;
  height: 43px;
  top: -13px;
  left: -10px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix div .prcsStyle li em:after {
    width: 3.359375vw;
    height: 3.359375vw;
    top: -0.9375vw;
    left: -0.703125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix div .prcsStyle li em:after {
    width: 4.4921875vw;
    height: 4.4921875vw;
    top: -1.171875vw;
    left: -0.9765625vw;
  }
}
.partySix div .prcsStyle li div h6 {
  font-size: 22px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix div .prcsStyle li div h6 {
    font-size: 1.71875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .partySix div .prcsStyle li div h6 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix div .prcsStyle li div h6 {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .partySix div .prcsStyle li div h6 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partySix div .prcsStyle li div h6 {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .partySix div .prcsStyle li div h6 {
    font-size: 12px;
  }
}
.partySix div .prcsStyle li:after {
  left: -41px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix div .prcsStyle li:after {
    left: -3.046875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix div .prcsStyle li:after {
    left: -4.78515625vw;
  }
}
@media screen and (max-width: 768px) {
  .partySix div .prcsStyle li:after {
    left: -6.25vw;
  }
}
.partySix .dot-list-half {
  margin-top: 20px;
}
.partySix .dot-list-half li {
  float: left;
  width: 46%;
  padding: 26px 0 22px;
  font-size: 18px;
  line-height: 26px;
  border-bottom: 1px dashed #7CC59E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partySix .dot-list-half li {
    width: 48%;
    padding: 15px 0 15px;
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partySix .dot-list-half li {
    width: 100%;
    font-size: 1.7578125vw;
    line-height: 2.5390625vw;
    padding: 1.953125vw 0vw 1.5625vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .partySix .dot-list-half li {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .partySix .dot-list-half li {
    width: 100%;
    font-size: 2.6041666667vw;
    line-height: 4.9479166667vw;
    padding: 2.6041666667vw 0vw 2.0833333333vw 3.2552083333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .partySix .dot-list-half li {
    font-size: 12px;
  }
}
.partySix .dot-list-half li:first-child + li {
  float: right;
}
.partySix .dot-list-half li:first-child + li + li + li {
  float: right;
}
.partySix .dot-list-half li b {
  margin-right: 15px;
  font-weight: 500;
}
.partySix .dot-list-half li b:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #037215;
  vertical-align: middle;
  margin: 0 7px;
}
@media screen and (max-width: 768px) {
  .partySix .dot-list-half li b:before {
    margin-left: -2.6041666667vw;
  }
}

.img-size3 img {
  display: block;
  width: 100%;
  max-width: 1003px !important;
  text-align: center;
}

.img-size4 img {
  display: block;
  width: 100%;
  max-width: 986px !important;
  text-align: center;
}
.img-size4 h5 {
  margin: 60px 0 40px;
}
.img-size4 table tr th, .img-size4 table tr td {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
  text-align: center !important;
}
.img-size4 table tr th {
  color: #111;
}
.img-size4 table tr td {
  color: #333;
}
.img-size4 table tr td:first-child {
  color: #00560E;
}

.cbAddStyle h5 {
  margin-top: 30px !important;
}

.cbAddStyle2 div .prcsStyle {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .cbAddStyle2 div .prcsStyle li {
    margin-bottom: 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cbAddStyle2 div .prcsStyle li {
    margin-bottom: 0vw;
  }
}
.cbAddStyle2 div .prcsStyle li:after {
  left: -51px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .cbAddStyle2 div .prcsStyle li:after {
    left: -3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cbAddStyle2 div .prcsStyle li:after {
    left: -3.3203125vw;
  }
}
@media screen and (max-width: 768px) {
  .cbAddStyle2 div .prcsStyle li:after {
    left: -6.3802083333vw;
  }
}

.noneFlex {
  display: block;
}
.noneFlex p span {
  color: #03A643;
  font-weight: 700;
}

.partOpinionList2 ul {
  flex-wrap: wrap;
}
.partOpinionList2 ul li {
  width: 400px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .partOpinionList2 ul li {
    width: 32%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .partOpinionList2 ul li {
    width: 32%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .partOpinionList2 ul li {
    width: 100%;
  }
}
.partOpinionList2 ul li a figure {
  height: auto;
}

.num-list-half2 ul li:first-child + li + li {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .num-list-half2 ul li:first-child + li + li {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .num-list-half2 ul li:first-child + li + li {
    position: relative;
  }
}
.num-list-half2 ul li:first-child + li + li + li {
  position: absolute;
  right: 0;
  top: 85px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .num-list-half2 ul li:first-child + li + li + li {
    top: 67px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .num-list-half2 ul li:first-child + li + li + li {
    position: relative;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .num-list-half2 ul li:first-child + li + li + li {
    position: relative;
    top: 0;
  }
}

.processIcon3 li {
  background-position: center 70px !important;
  background-repeat: no-repeat;
  background-size: 70px auto;
}
.processIcon3 li:first-child {
  background-image: url(/assets/img/front/biz/startup4_pcsicon1.png) !important;
}
.processIcon3 li:first-child + li {
  background-image: url(/assets/img/front/biz/startup2_icon1.png) !important;
}
.processIcon3 li:first-child + li + li {
  background-image: url(/assets/img/front/biz/startup4_pcsicon3.png) !important;
}
.processIcon3 li:first-child + li + li + li {
  background-image: url(/assets/img/front/biz/startup4_pcsicon4.png) !important;
}
.processIcon3 li:first-child + li + li + li + li {
  background-image: url(/assets/img/front/biz/startup2_icon5.png) !important;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .processIcon3 li {
    background-position: center 65px !important;
  }
}
@media screen and (max-width: 768px) {
  .processIcon3 li {
    background-position: 20px center !important;
  }
}
.processIcon3 li h6 {
  margin-bottom: 70px !important;
  padding-top: 5px !important;
  font-weight: 500;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .processIcon3 li h6 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 768px) {
  .processIcon3 li h6 {
    margin-top: 0 !important;
    margin-left: 5px;
    margin-bottom: 7px !important;
  }
}
.processIcon3 li p {
  font-size: 16px;
  line-height: 23px;
  color: #333;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .processIcon3 li p {
    margin-left: 0.78125vw;
  }
}

.oneHalfWrap:after {
  content: "";
  display: block;
  clear: both;
}
.oneHalfWrap .oneHalf {
  float: left;
  width: 46%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneHalfWrap .oneHalf {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .oneHalfWrap .oneHalf {
    width: 100%;
  }
}
.oneHalfWrap .oneHalf h5 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneHalfWrap .oneHalf h5 {
    margin-bottom: 2.9296875vw;
  }
}
@media screen and (max-width: 768px) {
  .oneHalfWrap .oneHalf h5 {
    margin-bottom: 3.90625vw;
  }
}
.oneHalfWrap .oneHalf img {
  width: 100%;
  height: auto;
}
.oneHalfWrap h4 + .oneHalf {
  margin-right: 8%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneHalfWrap h4 + .oneHalf {
    margin-right: 4%;
  }
}
@media screen and (max-width: 768px) {
  .oneHalfWrap h4 + .oneHalf {
    margin-right: 0%;
  }
}
@media screen and (max-width: 768px) {
  .oneHalfWrap h4 + .oneHalf + .oneHalf {
    margin-top: 6.5104166667vw;
  }
}

.tableType2 table tbody tr th {
  padding: 13px 0 13px 72px;
  font-size: 18px;
  color: #00560E;
  text-align: left !important;
  background-color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tableType2 table tbody tr th {
    font-size: 1.5625vw;
    padding: 1.46484375vw 0vw 1.46484375vw 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .tableType2 table tbody tr th {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .tableType2 table tbody tr th {
    font-size: 2.0833333333vw;
    padding: 1.953125vw 0vw 1.953125vw 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .tableType2 table tbody tr th {
    font-size: 12px;
  }
}
.tableType2 table tr.lastRow td {
  color: #00560E;
}
.tableType2 table tr th, .tableType2 table tr td {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
  text-align: center !important;
}

.threePart3 {
  margin-top: 20px;
}
.threePart3 li:first-child {
  background: url(/assets/img/front/biz/startup4_icon1.png) center top no-repeat;
  background-size: 44% auto;
}
.threePart3 li:first-child + li {
  background: url(/assets/img/front/biz/startup4_icon2.png) center top no-repeat;
  background-size: 44% auto;
}
.threePart3 li:first-child + li + li {
  background: url(/assets/img/front/biz/startup4_icon3.png) center top no-repeat;
  background-size: 44% auto;
}

@media screen and (max-width: 768px) {
  .rowImgType4 img {
    padding-top: 23.4375vw;
    padding-bottom: 19.53125vw;
  }
}
@media screen and (max-width: 768px) {
  .rowImgType4 div .smallText {
    margin-top: 78%;
  }
}

.finBox .threePart4 {
  margin-top: 20px;
}
.finBox .threePart4 li {
  padding: 135px 15px 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .threePart4 li {
    padding: 8.984375vw 1.171875vw 0vw 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .threePart4 li {
    padding: 9.66796875vw 1.46484375vw 0vw 1.46484375vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .threePart4 li {
    padding: 36.4583333333vw 1.953125vw 0vw 1.953125vw;
  }
}
.finBox .threePart4 li h5 {
  font-weight: 500;
  line-height: 36px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .threePart4 li h5 {
    line-height: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .threePart4 li h5 {
    line-height: 3.515625vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .threePart4 li h5 {
    line-height: 4.6875vw;
  }
}
.finBox .threePart4 li .smallText {
  font-size: 14px;
  color: #555;
}
@media screen and (max-width: 768px) {
  .finBox .threePart4 li .smallText {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .finBox .threePart4 li .smallText {
    font-size: 12px;
  }
}
.finBox .threePart4 li:first-child {
  background: url(/assets/img/front/biz/finance1_icon1.png) center top no-repeat;
  background-size: 25% auto;
}
.finBox .threePart4 li:first-child + li {
  background: url(/assets/img/front/biz/finance1_icon2.png) center top no-repeat;
  background-size: 25% auto;
}
.finBox .threePart4 li:first-child + li + li {
  background: url(/assets/img/front/biz/finance1_icon3.png) center top no-repeat;
  background-size: 25% auto;
}
.finBox .contBox table {
  margin-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .contBox table {
    margin-top: 2.44140625vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .contBox table {
    margin-top: 2.6041666667vw;
  }
}
.finBox .contBox table tbody tr th {
  width: 15%;
}
.finBox .contBox table tbody tr td {
  padding: 26px 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .contBox table tbody tr td {
    padding: 1.46484375vw 0.9765625vw 1.46484375vw 0.9765625vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .contBox table tbody tr td {
    padding: 1.953125vw 0.6510416667vw 1.953125vw 0.6510416667vw;
  }
}
.finBox .contBox table tbody tr td img {
  display: block;
  width: 342px;
  margin-top: 20px;
}
.finBox .contBox table tbody tr td.f-vat {
  vertical-align: top;
}
.finBox .contBox + h4 {
  margin-top: 80px;
}
.finBox .slick-dots ul {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.finBox .slick-dots ul li {
  flex: 1;
  height: 90px;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: none;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slick-dots ul li {
    height: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slick-dots ul li {
    height: 10.4166666667vw;
  }
}
.finBox .slick-dots ul li button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 26px;
  line-height: 90px;
  font-weight: 400;
  color: #555;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slick-dots ul li button {
    font-size: 2.5390625vw;
    line-height: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 472.6153846154px) {
  .finBox .slick-dots ul li button {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slick-dots ul li button {
    font-size: 3.125vw;
    line-height: 10.4166666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .finBox .slick-dots ul li button {
    font-size: 12px;
  }
}
.finBox .slick-dots ul li:first-child {
  border-left: 1px solid #ddd;
}
.finBox .slick-dots ul li.slick-active {
  background-color: #03A643;
  border-top: 1px solid #03A643;
  border-right: 1px solid #03A643;
}
.finBox .slick-dots ul li.slick-active button {
  color: #fff;
}
.finBox .slick-dots ul li.slick-active:hover button {
  color: #fff;
}
.finBox .slick-dots ul li:hover button {
  color: #03A643;
}
.finBox .slider {
  display: block;
  width: 100%;
  height: 508px;
  border: 1px solid #7CC59E;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider {
    height: 39.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider {
    height: 44.921875vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider {
    height: 117.1875vw;
  }
}
.finBox .slider div p {
  width: 1100px;
  height: 120px;
  margin: 0 auto;
  padding-top: 45px;
  font-size: 18px;
  color: #111;
  line-height: 30px;
  border-bottom: 1px dashed #ddd;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider div p {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
    width: 85.9375vw;
    height: 9.375vw;
    padding-top: 3.515625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .finBox .slider div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider div p {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
    width: 87.890625vw;
    height: 11.71875vw;
    padding-top: 4.39453125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .finBox .slider div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider div p {
    font-size: 2.34375vw;
    line-height: 4.6875vw;
    width: 78.125vw;
    height: 16.9270833333vw;
    padding-top: 5.859375vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .finBox .slider div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider div p br {
    display: none;
  }
}
.finBox .slider div p.twoLine {
  padding-top: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider div p.twoLine {
    padding-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider div p.twoLine {
    padding-top: 2.9296875vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider div p.twoLine {
    padding-top: 3.90625vw;
  }
}
.finBox .slider div img {
  margin-top: 50px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider div img {
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider div img {
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider div img {
    width: 80%;
    margin-top: 6.5104166667vw;
  }
}
.finBox .slider .slick-arrow {
  position: absolute;
  top: 223px;
  width: 60px;
  height: 60px;
  z-index: 10;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider .slick-arrow {
    top: 17.421875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider .slick-arrow {
    top: 18.5546875vw;
  }
}
.finBox .slider .slick-prev {
  left: -30px;
  background: url("/assets/img/front/biz/slick_right_arrow.png") 0 0 no-repeat;
  background-size: 60px 60px;
  transform: rotate(180deg);
  text-indent: 99999px;
}
.finBox .slider .slick-next {
  left: inherit;
  right: -30px;
  background: url("/assets/img/front/biz/slick_right_arrow.png") 0 0 no-repeat;
  background-size: 60px 60px;
}

.finanBg {
  background: #F3F9F5 url("/assets/img/front/biz/finance1_bg1.png") no-repeat;
  background-position: 84% 430px;
  background-size: 400px 350px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finanBg {
    background-position: 90% 430px;
    background-size: 350px 306px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finanBg {
    background-position: 90% 430px;
    background-size: 350px 306px;
  }
}
@media screen and (max-width: 768px) {
  .finanBg {
    background: #F3F9F5;
  }
}

.gramBank p {
  margin: 20px 0 50px;
  font-size: 24px;
  line-height: 36px;
  color: #111;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .gramBank p {
    font-size: 1.875vw;
    line-height: 2.8125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .gramBank p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gramBank p {
    font-size: 2.1484375vw;
    line-height: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .gramBank p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .gramBank p {
    font-size: 3.125vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .gramBank p {
    font-size: 12px;
  }
}
.gramBank .yearTeam dt {
  color: #03A643;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gramBank .yearTeam dt {
    float: left;
    width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gramBank .yearTeam dd {
    float: left;
    width: 80%;
  }
}

.imgBg-biz.bgType7 {
  height: 194px;
  background-image: url(/assets/img/front/biz/finance1_bg2.png);
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType7 {
    padding-bottom: 10.4166666667vw;
    background-image: url(/assets/img/front/biz/finance1_bg2.png);
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType7 .contents h4 {
    text-align: center;
  }
}
.imgBg-biz.bgType7 .contents div:before, .imgBg-biz.bgType7 .contents div:after {
  display: none;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType7 .contents div {
    text-align: center;
    margin-top: -10px;
  }
}
.imgBg-biz.bgType7 .contents div p {
  margin-top: 5px;
  float: right;
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .imgBg-biz.bgType7 .contents div p {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 384px) {
  .imgBg-biz.bgType7 .contents div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType7 .contents div p {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType7 .contents div p {
    font-size: 5.2083333333vw;
    float: none;
  }
}
.imgBg-biz.bgType7 .contents div p strong {
  font-weight: 700;
  color: #fff;
}
.imgBg-biz.bgType7 .contents div p span {
  margin-left: 60px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType7 .contents div p span {
    margin-left: 7.8125vw;
  }
}

.oneHalfWrap2:after {
  content: "";
  display: block;
  clear: both;
}
.oneHalfWrap2 .oneHalf {
  float: left;
  margin-top: 0;
  width: 47%;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf {
    float: none;
    width: 100%;
  }
}
.oneHalfWrap2 .oneHalf h6 {
  margin-bottom: 50px;
  padding-bottom: 17px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf h6 {
    font-size: 3.6458333333vw;
  }
}
.oneHalfWrap2 .oneHalf h6 span {
  float: right;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #555;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf h6 span {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .oneHalfWrap2 .oneHalf h6 span {
    font-size: 12px;
  }
}
.oneHalfWrap2 .oneHalf img {
  display: block;
  max-width: 413px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf img {
    max-width: 652px;
  }
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf table tr td {
    padding: 1.6927083333vw 0vw 1.6927083333vw 0vw;
  }
}
.oneHalfWrap2 .oneHalf table tr td.textRight {
  text-align: right !important;
  padding-right: 20px;
}
.oneHalfWrap2 .oneHalf table tr.lastRow td {
  font-weight: 500;
  color: #03A643;
}
.oneHalfWrap2 .oneHalf + .oneHalf {
  margin-left: 6%;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf + .oneHalf {
    margin-left: 0%;
    margin-top: 6.5104166667vw;
  }
}
.oneHalfWrap2 .oneHalf + .oneHalf h6 {
  margin-bottom: 20px;
}
.oneHalfWrap2 .oneHalf + .oneHalf img {
  max-width: 405px;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2 .oneHalf + .oneHalf img {
    max-width: 652px;
  }
}
.oneHalfWrap2 .oneHalfNo {
  float: none;
  width: 100%;
}
.oneHalfWrap2 .oneHalfNo img {
  max-width: 889px;
}

.caption-info {
  margin-bottom: -10px;
}
.caption-info span {
  display: inline-block;
  font-size: 14px;
  color: #555;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .caption-info span {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 1097.1428571429px) {
  .caption-info span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .caption-info span {
    font-size: 1.3671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 877.7142857143px) {
  .caption-info span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .caption-info span {
    font-size: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .caption-info span {
    font-size: 12px;
  }
}
.caption-info span + span {
  float: right;
}

.oneHalfWrap2-1 .contBox .caption-info {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #bbb;
}

.tcImg {
  display: block;
  margin: 0 auto;
}

.f-smallText {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #333;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .f-smallText {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .f-smallText {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-smallText {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .f-smallText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .f-smallText {
    font-size: 2.34375vw;
    line-height: 3.90625vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .f-smallText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .f-smallText br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .finBox .tableType1 table tr th {
    padding: 1.6927083333vw 0.390625vw 1.6927083333vw 0.390625vw;
    padding-right: 3px !important;
  }
}
.finBox .slider2 {
  height: 803px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider2 {
    height: 69.53125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider2 {
    height: 75.1953125vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider2 {
    height: 203.125vw;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider2 div p {
    height: 26.0416666667vw;
    padding-top: 5.859375vw;
  }
}
.finBox .slider2 div p.twoLine {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .finBox .slider2 div p.twoLine {
    padding-top: 3.90625vw;
  }
}
.finBox .slider2 h5 {
  height: 90px;
  padding-top: 34px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background-color: #03A643;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider2 h5 {
    font-size: 1.875vw;
    height: 7.03125vw;
    padding-top: 2.65625vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .finBox .slider2 h5 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider2 h5 {
    font-size: 2.34375vw;
    height: 8.7890625vw;
    padding-top: 3.3203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .finBox .slider2 h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .finBox .slider2 h5 {
    font-size: 3.125vw;
    height: 11.71875vw;
    padding-top: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .finBox .slider2 h5 {
    font-size: 12px;
  }
}
.finBox .slider2 .slick-arrow {
  top: 396px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .finBox .slider2 .slick-arrow {
    top: 34.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .finBox .slider2 .slick-arrow {
    top: 37.109375vw;
  }
}

.imgBg-biz.bgType7-1 {
  background-image: url(/assets/img/front/biz/finance2_bg1.png);
}
.imgBg-biz.bgType7-1 .contents h4 em {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  margin: 2px 0 0 11px;
}

.oneHalfWrap2-1 .oneHalf h6 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .oneHalfWrap2-1 .oneHalf h6 span {
    display: none;
  }
}
.oneHalfWrap2-1 .oneHalf img {
  max-width: 600px !important;
}

@media screen and (max-width: 768px) {
  .oneHalfNo h6 span {
    display: none;
  }
}

.contents .threePart5 {
  margin-top: 20px;
}
.contents .threePart5 li:first-child {
  background: url(/assets/img/front/biz/finance3_icon1.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart5 li:first-child + li {
  background: url(/assets/img/front/biz/finance3_icon2.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart5 li:first-child + li + li {
  background: url(/assets/img/front/biz/finance3_icon3.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart6 {
  margin-top: 20px;
}
.contents .threePart6 li:first-child {
  background: url(/assets/img/front/biz/finance3_icon4.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart6 li:first-child + li {
  background: url(/assets/img/front/biz/finance3_icon5.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart6 li:first-child + li + li {
  background: url(/assets/img/front/biz/finance3_icon6.png) center top no-repeat;
  background-size: 44% auto;
}

.f-imgtex .oneHalf {
  margin-top: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex .oneHalf {
    width: 56%;
  }
}
@media screen and (max-width: 768px) {
  .f-imgtex .oneHalf {
    width: 100%;
  }
}
.f-imgtex .oneHalf img {
  max-width: 540px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex .oneHalf img {
    max-width: 350px !important;
  }
}
@media screen and (max-width: 768px) {
  .f-imgtex .oneHalf img {
    max-width: 100%;
  }
}
.f-imgtex .oneHalf h4 {
  margin-top: 145px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex .oneHalf h4 {
    margin-top: 8.7890625vw;
  }
}
@media screen and (max-width: 768px) {
  .f-imgtex .oneHalf h4 {
    margin-top: 0vw;
  }
}
.f-imgtex .oneHalf p {
  font-size: 22px;
  line-height: 35px;
  white-space: pre-line;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .f-imgtex .oneHalf p {
    font-size: 1.71875vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .f-imgtex .oneHalf p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex .oneHalf p {
    font-size: 1.953125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .f-imgtex .oneHalf p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .f-imgtex .oneHalf p {
    font-size: 3.3854166667vw;
    line-height: 4.9479166667vw;
    margin-bottom: 3.90625vw;
    white-space: normal;
  }
}
.f-imgtex .oneHalf + .oneHalf {
  margin-left: 8%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex .oneHalf + .oneHalf {
    margin-left: 4%;
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .f-imgtex .oneHalf + .oneHalf {
    margin-left: 0%;
  }
}
.f-imgtex.f-imgtex2 .oneHalf {
  float: right;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex.f-imgtex2 .oneHalf {
    width: 56%;
  }
}
.f-imgtex.f-imgtex2 .oneHalf + .oneHalf {
  margin-right: 8%;
  margin-left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .f-imgtex.f-imgtex2 .oneHalf + .oneHalf {
    margin-right: 4%;
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .f-imgtex.f-imgtex2 .oneHalf + .oneHalf {
    margin-right: 0%;
  }
}

.weakTop {
  margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .weakTop {
    margin-top: 0px !important;
  }
}
.weakTop div p {
  font-size: 24px;
  line-height: 35px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakTop div p {
    font-size: 1.875vw;
    line-height: 2.734375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 640px) {
  .weakTop div p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop div p {
    font-size: 2.34375vw;
    line-height: 3.41796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .weakTop div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .weakTop div p {
    font-size: 3.125vw;
    line-height: 4.5572916667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .weakTop div p {
    font-size: 12px;
  }
}
.weakTop div p b {
  font-weight: 700;
  color: #03A643;
}

.weakPartition .contBox .lineBtm .l_tit {
  width: 25%;
}
.weakPartition .contBox .lineBtm .r_text {
  width: 75%;
}

.weakPrcs h5 {
  margin-bottom: 42px;
}
.weakPrcs div .prcsStyle li {
  width: 145px;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakPrcs div .prcsStyle li {
    width: 10.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakPrcs div .prcsStyle li {
    width: 19.53125vw;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li {
    width: 40.3645833333vw;
    margin: 0vw 0vw 4.5572916667vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakPrcs div .prcsStyle li:first-child {
    margin-left: 11.62109375vw;
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:first-child {
    left: 50%;
    transform: translateX(-50%);
    margin-right: 14.6484375vw;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:first-child:before, .weakPrcs div .prcsStyle li:first-child:after {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakPrcs div .prcsStyle li:first-child + li + li {
    margin-right: 11.62109375vw;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:nth-child(even):after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:nth-child(even):before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:nth-child(odd):after {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    background: url(/assets/img/front/biz/circle_arrow2.png);
    background-size: 100% 100%;
    transform: rotate(-225deg);
    top: -3.90625vw;
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
.weakPrcs div .prcsStyle li div h6 {
  margin-top: 25px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakPrcs div .prcsStyle li div h6 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li div h6 {
    margin-top: 0vw;
  }
}
.weakPrcs div .prcsStyle li div h6 span {
  font-size: 18px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakPrcs div .prcsStyle li div h6 span {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .weakPrcs div .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakPrcs div .prcsStyle li div h6 span {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .weakPrcs div .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li div h6 span {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .weakPrcs div .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
.weakPrcs div .prcsStyle li div h6.mgt0 {
  margin-top: 0;
}
.weakPrcs div .prcsStyle li:after {
  left: -34px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakPrcs div .prcsStyle li:after {
    left: -2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakPrcs div .prcsStyle li:after {
    left: -3.41796875vw;
  }
}
@media screen and (max-width: 768px) {
  .weakPrcs div .prcsStyle li:after {
    left: -6.25vw;
  }
}

.oneStop h5 {
  margin-bottom: 25px;
}
.oneStop .lineBtm + .lineBtm {
  border: none;
}
.oneStop .lineBtm .l_tit {
  font-size: 22px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .l_tit {
    font-size: 2.1484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .oneStop .lineBtm .l_tit {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .l_tit {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .oneStop .lineBtm .l_tit {
    font-size: 12px;
  }
}
.oneStop .lineBtm .r_text:before {
  display: none;
}
.oneStop .lineBtm .r_text .weak1_img2 {
  width: 100%;
  max-width: 602px;
}
.oneStop .lineBtm .r_text .weak1_img3 {
  width: 100%;
  max-width: 940px;
}
.oneStop .lineBtm .r_text .processIcon {
  margin-bottom: 15px;
}
.oneStop .lineBtm .r_text .processIcon li {
  position: relative;
  margin: 50px 0 0 34px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .processIcon li {
    margin-top: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li {
    margin: 2.9296875vw 0vw 0vw 1.46484375vw;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li {
    margin: 2.6041666667vw 0vw 0vw 0vw;
    padding-left: 110px;
    background-position: 30px center !important;
  }
}
.oneStop .lineBtm .r_text .processIcon li:first-child {
  margin: 50px 0 0 0;
  background: url("/assets/img/front/biz/weak1_icon1.png") center 90px no-repeat;
  background-size: 71px auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child {
    margin-top: 2.34375vw;
    background-position: center 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child {
    margin-top: 2.9296875vw;
    background-position: center 70px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child {
    background-size: 48px auto;
  }
}
.oneStop .lineBtm .r_text .processIcon li:first-child:before {
  display: none;
}
.oneStop .lineBtm .r_text .processIcon li:first-child + li {
  background: url("/assets/img/front/biz/weak1_icon2.png") center 100px no-repeat;
  background-size: 57px auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li {
    background-position: center 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li {
    background-position: center 80px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li {
    background-size: 40px auto;
  }
}
.oneStop .lineBtm .r_text .processIcon li:first-child + li + li {
  background: url("/assets/img/front/biz/weak1_icon3.png") center 100px no-repeat;
  background-size: 64px auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li + li {
    background-position: center 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li + li {
    background-position: center 80px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li + li {
    background-size: 43px auto;
  }
}
.oneStop .lineBtm .r_text .processIcon li:first-child + li + li + li {
  background: url("/assets/img/front/biz/weak1_icon4.png") center 95px no-repeat;
  background-size: 87px auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li + li + li {
    background-position: center 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li + li + li {
    background-position: center 75px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li:first-child + li + li + li {
    background-size: 60px auto;
  }
}
.oneStop .lineBtm .r_text .processIcon li:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -27px;
  width: 20px;
  height: 30px;
  transform: translateY(-50%);
  background: url("/assets/img/front/biz/weak1_icon_arrow.png") 0 0 no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li:before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li:before {
    display: none;
  }
}
.oneStop .lineBtm .r_text .processIcon li h6 {
  padding-top: 20px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .processIcon li h6 {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .processIcon li h6 {
    padding-top: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li h6 {
    padding-top: 7px !important;
    line-height: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .processIcon li p {
    padding-left: 0 !important;
  }
}
.oneStop .lineBtm .r_text .processIcon li p:before {
  display: none;
}
.oneStop .lineBtm .r_text strong {
  display: inline-block;
  margin: 25px 0 15px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text strong {
    font-size: 1.5625vw;
    margin: 1.5625vw 0vw 0.625vw 0vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 768px) {
  .oneStop .lineBtm .r_text strong {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text strong {
    font-size: 1.953125vw;
    margin: 1.953125vw 0vw 0.78125vw 0vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .oneStop .lineBtm .r_text strong {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text strong {
    font-size: 3.125vw;
    line-height: 4.5572916667vw;
    margin: 2.6041666667vw 0vw 1.0416666667vw 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .oneStop .lineBtm .r_text strong {
    font-size: 12px;
  }
}
.oneStop .lineBtm .r_text .listDot {
  margin-top: 0;
  margin-left: 9px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .oneStop .lineBtm .r_text .listDot {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .oneStop .lineBtm .r_text .listDot {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .oneStop .lineBtm .r_text .listDot {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .oneStop .lineBtm .r_text .listDot {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .oneStop .lineBtm .r_text .listDot {
    font-size: 2.6041666667vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .oneStop .lineBtm .r_text .listDot {
    font-size: 12px;
  }
}
.oneStop .lineBtm .r_text .listDot:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  margin-left: -9px;
  margin-right: 7px;
  background-color: #037215;
  vertical-align: middle;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .seniorBox .contBox h5 {
    margin-top: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox h5 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox h5 {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox h5.mgt50 {
    margin-top: 6.5104166667vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox h5.preLine {
    line-height: 4.6875vw;
    height: 9.1145833333vw;
    white-space: normal;
  }
}
.seniorBox .contBox h6 {
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .seniorBox .contBox h6 {
    font-size: 1.71875vw;
    line-height: 2.5vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .seniorBox .contBox h6 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox h6 {
    font-size: 2.1484375vw;
    line-height: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 558.5454545455px) {
  .seniorBox .contBox h6 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox h6 {
    font-size: 3.125vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .seniorBox .contBox h6 {
    font-size: 12px;
  }
}
.seniorBox .contBox h6:before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  margin: 0 7px 5px 0;
  background-color: #037215;
  vertical-align: middle;
}
.seniorBox .contBox .tbBox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .tbBox {
    display: block;
  }
}
.seniorBox .contBox .tbBox table {
  width: 46.8%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .tbBox table {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .tbBox table {
    width: 100%;
  }
}
.seniorBox .contBox .tbBox table tr th {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .tbBox table tr th {
    font-size: 1.5625vw;
    padding: 1.46484375vw 0.48828125vw 1.46484375vw 0.48828125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .seniorBox .contBox .tbBox table tr th {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .tbBox table tr th {
    font-size: 2.0833333333vw;
    padding: 1.6927083333vw 0.6510416667vw 1.6927083333vw 0.6510416667vw;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .seniorBox .contBox .tbBox table tr th {
    font-size: 12px;
  }
}
.seniorBox .contBox .tbBox table tr td {
  padding: 13px 10px 13px 20px;
}
.seniorBox .contBox div .prcsStyle {
  margin-top: 16px;
}
.seniorBox .contBox div .prcsStyle li {
  width: 380px;
  height: 230px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .seniorBox .contBox div .prcsStyle li {
    width: 26.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox div .prcsStyle li {
    width: 26.85546875vw;
    height: 21.484375vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li {
    width: 40.3645833333vw;
    height: 31.25vw;
    margin: 0vw 0vw 4.5572916667vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li:first-child {
    left: 50%;
    transform: translateX(-50%);
    margin-right: 70px;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li:first-child:before, .seniorBox .contBox div .prcsStyle li:first-child:after {
    display: none !important;
  }
}
.seniorBox .contBox div .prcsStyle li:after {
  left: -44px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .seniorBox .contBox div .prcsStyle li:after {
    left: -3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox div .prcsStyle li:after {
    left: -3.80859375vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li:nth-child(even):after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li:nth-child(even):before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li:nth-child(odd):after {
    display: block;
    left: -6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox div .prcsStyle li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    background: url(/assets/img/front/biz/circle_arrow2.png);
    background-size: 100% 100%;
    transform: rotate(-225deg);
    top: -3.90625vw;
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
.seniorBox .contBox div .prcsStyle li h6::before {
  display: none;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .seniorBox .contBox p {
    font-size: 1.40625vw;
    line-height: 2.34375vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 853.3333333333px) {
  .seniorBox .contBox p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox p {
    font-size: 1.7578125vw;
    line-height: 2.9296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .seniorBox .contBox p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox p {
    font-size: 2.8645833333vw;
    line-height: 4.4270833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .seniorBox .contBox p {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox p br {
    display: none;
  }
}
.seniorBox .contBox .whiteBoard {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 25px 0 60px;
  padding: 46px 0;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .whiteBoard {
    padding: 0vw 0vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .whiteBoard img {
    margin: 0vw 0vw 0vw 0vw;
  }
}
.seniorBox .contBox .whiteBoard div {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .whiteBoard div {
    display: none;
  }
}
.seniorBox .contBox .whiteBoard div + div {
  border-left: 1px solid #7CC59E;
}
.seniorBox .contBox .whiteBoard div span {
  display: inline-block;
  vertical-align: middle;
}
.seniorBox .contBox .whiteBoard div span.wb1 {
  font-size: 24px;
  font-weight: 500;
  color: #333;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .whiteBoard div span.wb1 {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .seniorBox .contBox .whiteBoard div span.wb1 {
    font-size: 12px;
  }
}
.seniorBox .contBox .whiteBoard div span.wb2 {
  margin-left: 50px;
  font-size: 20px;
  font-weight: 500;
  color: #03A643;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .whiteBoard div span.wb2 {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 614.4px) {
  .seniorBox .contBox .whiteBoard div span.wb2 {
    font-size: 12px;
  }
}
.seniorBox .contBox .whiteBoard div span.wb2 strong {
  font-size: 50px;
  font-weight: 700;
  color: #03A643;
  vertical-align: middle;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .whiteBoard div span.wb2 strong {
    font-size: 4.8828125vw;
  }
}
.seniorBox .contBox .whiteBoard p {
  position: absolute;
  bottom: -40px;
  right: 0;
  font-size: 18px;
  font-weight: 500;
  color: #DE5F17;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .whiteBoard p {
    font-size: 1.7578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .seniorBox .contBox .whiteBoard p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .whiteBoard p {
    font-size: 2.34375vw;
    bottom: -5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .seniorBox .contBox .whiteBoard p {
    font-size: 12px;
  }
}
.seniorBox .contBox .fivePart {
  margin-top: 50px;
}
.seniorBox .contBox .fivePart li h5 {
  margin-top: 0;
  padding: 0 0 0 0;
  font-weight: 500 !important;
  border: none;
}
.seniorBox .contBox .fivePart li p {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .seniorBox .contBox .fivePart li p {
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .seniorBox .contBox .fivePart li p {
    margin-top: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .seniorBox .contBox .fivePart li p {
    margin-top: 2.6041666667vw;
  }
}
.seniorBox .contBox .fivePart li:first-child {
  background: url("/assets/img/front/biz/weak2_icon1.png") center top no-repeat;
  background-size: 40% auto;
}
.seniorBox .contBox .fivePart li:first-child + li {
  background: url("/assets/img/front/biz/weak2_icon2.png") center top no-repeat;
  background-size: 40% auto;
}
.seniorBox .contBox .fivePart li:first-child + li + li {
  background: url("/assets/img/front/biz/weak2_icon3.png") center top no-repeat;
  background-size: 40% auto;
}
.seniorBox .contBox .fivePart li:first-child + li + li + li {
  background: url("/assets/img/front/biz/weak2_icon4.png") center top no-repeat;
  background-size: 40% auto;
}
.seniorBox .contBox .fivePart li:first-child + li + li + li + li {
  background: url("/assets/img/front/biz/weak2_icon5.png") center top no-repeat;
  background-size: 40% auto;
}

.rightText {
  margin-top: 40px !important;
  text-align: right;
  font-size: 18px;
  font-weight: 500;
  color: #DE5F17;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .rightText {
    margin: 50px 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rightText {
    margin: 40px 0 !important;
  }
}

.weakTop2 h4 {
  margin-top: 40px;
  padding-bottom: 5px;
}
.weakTop2 .processBox .processIcon {
  margin-bottom: 15px;
}
.weakTop2 .processBox .processIcon li {
  position: relative;
  width: 265px;
  margin-top: 5px;
  padding-bottom: 35px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakTop2 .processBox .processIcon li {
    width: 19.53125vw;
    padding-bottom: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li {
    width: 19.53125vw;
    padding-bottom: 2.44140625vw;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li {
    margin: 2.6041666667vw 0vw 0vw 0vw;
    padding-bottom: 3.90625vw;
    padding-left: 110px;
    width: 100%;
    background-position: 30px center !important;
  }
}
.weakTop2 .processBox .processIcon li:first-child {
  background: url("/assets/img/front/biz/weak3_icon1.png") center 90px no-repeat;
  background-size: 70px auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li:first-child {
    background-position: center 75px;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li:first-child {
    background-size: 50px auto;
  }
}
.weakTop2 .processBox .processIcon li:first-child:before {
  display: none;
}
.weakTop2 .processBox .processIcon li:first-child + li {
  background: url("/assets/img/front/biz/weak3_icon2.png") center 90px no-repeat;
  background-size: 73px auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li:first-child + li {
    background-position: center 75px;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li:first-child + li {
    background-size: 50px auto;
  }
}
.weakTop2 .processBox .processIcon li:first-child + li + li {
  background: url("/assets/img/front/biz/weak3_icon3.png") center 90px no-repeat;
  background-size: 80px auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li:first-child + li + li {
    background-position: center 75px;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li:first-child + li + li {
    background-size: 58px auto;
  }
}
.weakTop2 .processBox .processIcon li:first-child + li + li + li {
  background: url("/assets/img/front/biz/weak1_icon4.png") center 95px no-repeat;
  background-size: 87px auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li:first-child + li + li + li {
    background-position: center 75px;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li:first-child + li + li + li {
    background-size: 60px auto;
  }
}
.weakTop2 .processBox .processIcon li:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -40px;
  width: 20px;
  height: 30px;
  transform: translateY(-50%);
  background: url("/assets/img/front/biz/weak1_icon_arrow.png") 0 0 no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakTop2 .processBox .processIcon li:before {
    left: -2.578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li:before {
    left: -2.734375vw;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li:before {
    display: none;
  }
}
.weakTop2 .processBox .processIcon li h6 {
  padding-top: 10px !important;
  font-weight: 500;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakTop2 .processBox .processIcon li h6 {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .processBox .processIcon li h6 {
    margin-bottom: 8.7890625vw;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li h6 {
    margin-bottom: 2.6041666667vw;
  }
}
.weakTop2 .processBox .processIcon li p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .weakTop2 .processBox .processIcon li p {
    text-align: left;
    padding-left: 0;
  }
}
.weakTop2 .processBox .processIcon li p:before {
  display: none;
}
.weakTop2 .bigCopy {
  font-size: 48px;
  font-weight: 700;
  color: #03A643;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .weakTop2 .bigCopy {
    font-size: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .weakTop2 .bigCopy {
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 768px) {
  .weakTop2 .bigCopy {
    font-size: 6.25vw;
  }
}
.weakTop2 .bigCopy:before {
  display: block;
  content: "";
  width: 32px;
  height: 1px;
  margin: 30px auto 50px;
  background-color: #808080;
}
@media screen and (max-width: 768px) {
  .weakTop2 .bigCopy:before {
    margin: 10px auto 25px;
  }
}

@media screen and (max-width: 768px) {
  .tableType3.overfX {
    width: 100%;
    max-width: 940px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  .tableType3.overfX table {
    width: 800px;
    margin-top: 0;
  }
}
.tableType3 + .tableType3 {
  margin-top: 50px;
}
.tableType3 table {
  margin-top: 30px !important;
}
.tableType3 table thead tr th {
  font-size: 16px;
  color: #fff;
  background-color: #03A643;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tableType3 table thead tr th {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .tableType3 table thead tr th {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .tableType3 table thead tr th {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .tableType3 table thead tr th {
    font-size: 12px;
  }
}
.tableType3 table tr td {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
  text-align: center !important;
}

.youthBox .tableType1 h5 {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .youthBox .tableType1 h5 {
    height: auto;
    white-space: normal;
    line-height: 4.9479166667vw;
  }
}
.youthBox .tableType1 h5 span {
  font-weight: 400;
}
.youthBox .tableType1 table tr td {
  padding: 20px;
}
.youthBox .contBox + .contBox {
  margin-top: 50px;
}
.youthBox .contBox div .prcsStyle {
  margin-top: 30px;
}
.youthBox .contBox div .prcsStyle li {
  width: 160px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li {
    width: 12.5vw;
    height: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li {
    width: 12.20703125vw;
    height: 16.6015625vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li {
    width: 40.3645833333vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child {
    left: 50%;
    transform: translateX(-50%);
    margin-right: 70px;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child:before, .youthBox .contBox div .prcsStyle li:first-child:after {
    display: none !important;
  }
}
.youthBox .contBox div .prcsStyle li:first-child + li {
  position: relative;
  width: 356px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li:first-child + li {
    width: 27.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li:first-child + li {
    width: 26.3671875vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child + li {
    width: 40.3645833333vw;
  }
}
.youthBox .contBox div .prcsStyle li:first-child + li div h6 {
  position: absolute;
}
.youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1 {
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1 {
    left: 1.796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1 {
    left: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1 {
    left: 2.0833333333vw;
  }
}
.youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 137px;
  transform: translateY(-50%);
  width: 1px;
  height: 149px;
  border-right: 1px solid #7cc59e;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1:before {
    height: 11.640625vw;
    left: 10.703125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1:before {
    height: 14.55078125vw;
    left: 10.25390625vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl1:before {
    height: 19.4010416667vw;
    left: 16.2760416667vw;
  }
}
.youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2 {
  text-align: left;
  top: 41px;
  left: 50%;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2 {
    top: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2 {
    top: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2 {
    top: 6.5104166667vw;
  }
}
.youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;
  transform: translateY(-50%);
  width: 187px;
  height: 1px;
  border-top: 1px solid #7cc59e;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2:before {
    width: 14.296875vw;
    left: -1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2:before {
    width: 12.6953125vw;
    left: -1.07421875vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:first-child + li div h6.pstnAbl2:before {
    width: 18.2291666667vw;
    left: -0.6510416667vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:nth-child(even):after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:nth-child(even):before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:nth-child(odd):after {
    display: block;
    left: -6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .youthBox .contBox div .prcsStyle li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    background: url(/assets/img/front/biz/circle_arrow2.png);
    background-size: 100% 100%;
    transform: rotate(-225deg);
    top: -3.90625vw;
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
.youthBox .contBox div .prcsStyle li:after {
  left: -47px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .youthBox .contBox div .prcsStyle li:after {
    left: -2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .youthBox .contBox div .prcsStyle li:after {
    left: -3.41796875vw;
  }
}

.imgBg-biz.bgType8 {
  height: 419px;
  padding-bottom: 80px;
  background-image: url(/assets/img/front/biz/weak3_bg.png);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType8 {
    padding-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType8 {
    background-image: url(/assets/img/front/biz/weak3_bg.png);
  }
}
.imgBg-biz.bgType8 .contents div:before, .imgBg-biz.bgType8 .contents div:after {
  display: none;
}
.imgBg-biz.bgType8 .contents div h5 {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType8 .contents div h5 {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 512px) {
  .imgBg-biz.bgType8 .contents div h5 {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType8 .contents div h5 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 384px) {
  .imgBg-biz.bgType8 .contents div h5 {
    font-size: 12px;
  }
}
.imgBg-biz.bgType8 .contents div h5.youthDeco {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType8 .contents div h5.youthDeco {
    margin-top: 3.90625vw;
  }
}
.imgBg-biz.bgType8 .contents div h5.youthDeco:before {
  display: block;
  content: "";
  width: 36px;
  height: 1px;
  margin-bottom: 40px;
  border-top: 1px solid #a7a59c;
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType8 .contents div h5.youthDeco:before {
    margin-bottom: 3.90625vw;
  }
}
.imgBg-biz.bgType8 .contents div p {
  margin-top: 15px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .imgBg-biz.bgType8 .contents div p {
    font-size: 1.7578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .imgBg-biz.bgType8 .contents div p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .imgBg-biz.bgType8 .contents div p {
    font-size: 2.6041666667vw;
    line-height: 4.6875vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 460.8px) {
  .imgBg-biz.bgType8 .contents div p {
    font-size: 12px;
  }
}

.medicalBox .contBox .lineBtm {
  padding-bottom: 20px;
}
.medicalBox .contBox .lineBtm .l_tit, .medicalBox .contBox .lineBtm .r_text {
  float: none;
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox .lineBtm .l_tit, .medicalBox .contBox .lineBtm .r_text {
    width: 87% !important;
    line-height: 4.9479166667vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .medicalBox .contBox .lineBtm .l_tit br, .medicalBox .contBox .lineBtm .r_text br {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .medicalBox .contBox .lineBtm .l_tit br, .medicalBox .contBox .lineBtm .r_text br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox .lineBtm .l_tit br, .medicalBox .contBox .lineBtm .r_text br {
    display: none;
  }
}
.medicalBox .contBox .lineBtm .l_tit {
  position: relative;
  margin-left: 50px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox .lineBtm .l_tit {
    line-height: 5.2083333333vw;
  }
}
.medicalBox .contBox .lineBtm .l_tit span {
  position: absolute;
  margin-left: -50px;
}
.medicalBox .contBox .lineBtm .l_tit strong {
  line-height: 34px;
  font-weight: 700;
  color: #03A643;
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox .lineBtm .l_tit strong {
    line-height: 5.2083333333vw;
  }
}
.medicalBox .contBox .lineBtm .r_text {
  margin-left: 55px;
  padding: 10px 0 0 10px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .medicalBox .contBox .lineBtm .r_text {
    line-height: 2.9296875vw;
  }
}
.medicalBox .contBox .lineBtm .r_text::before {
  margin-left: -10px;
}
.medicalBox .contBox .lineBtm + .lineBtm {
  border: none;
}
.medicalBox .contBox div .prcsStyle li {
  width: 200px;
  height: 200px;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .medicalBox .contBox div .prcsStyle li {
    width: 15.234375vw;
    height: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .medicalBox .contBox div .prcsStyle li {
    width: 15.13671875vw;
    height: 16.6015625vw;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li {
    width: 40.3645833333vw;
    height: 25.390625vw;
    margin: 0vw 0vw 5.2083333333vw 0vw;
  }
}
.medicalBox .contBox div .prcsStyle li div h6 {
  margin-top: 10px;
}
.medicalBox .contBox div .prcsStyle li div h6 span {
  font-size: 24px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .medicalBox .contBox div .prcsStyle li div h6 span {
    font-size: 1.71875vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 698.1818181818px) {
  .medicalBox .contBox div .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .medicalBox .contBox div .prcsStyle li div h6 span {
    font-size: 1.7578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 682.6666666667px) {
  .medicalBox .contBox div .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li div h6 span {
    font-size: 2.8645833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 418.9090909091px) {
  .medicalBox .contBox div .prcsStyle li div h6 span {
    font-size: 12px;
  }
}
.medicalBox .contBox div .prcsStyle li div h6 span:before {
  display: block;
  content: "";
  width: 30px;
  height: 1px;
  margin: 11px auto 17px;
  border-top: 1px solid #bee2cf;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .medicalBox .contBox div .prcsStyle li div h6 span:before {
    margin-top: 0.703125vw;
    margin-bottom: 1.015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .medicalBox .contBox div .prcsStyle li div h6 span:before {
    margin-top: 0.48828125vw;
    margin-bottom: 0.87890625vw;
  }
}
.medicalBox .contBox div .prcsStyle li:after {
  left: -46px;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .medicalBox .contBox div .prcsStyle li:after {
    left: -2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .medicalBox .contBox div .prcsStyle li:after {
    left: -3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li:first-child {
    left: 50%;
    transform: translateX(-50%);
    margin-right: 90px;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li:first-child:before, .medicalBox .contBox div .prcsStyle li:first-child:after {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li:nth-child(even):after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li:nth-child(even):before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    background: url(/assets/img/front/biz/circle_arrow.png);
    background-size: 100% 100%;
    transform: rotate(-225deg);
    top: -3.90625vw;
    left: -6.25vw;
    width: 3.3854166667vw;
    height: 3.3854166667vw;
  }
}
@media screen and (max-width: 768px) {
  .medicalBox .contBox div .prcsStyle li:nth-child(odd):after {
    display: block;
    left: -6.25vw;
  }
}

.contents .threePart7 {
  margin: 20px 0 60px;
}
.contents .threePart7 li:first-child {
  background: url(/assets/img/front/biz/weak4_icon1.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart7 li:first-child + li {
  background: url(/assets/img/front/biz/weak4_icon2.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .threePart7 li:first-child + li + li {
  background: url(/assets/img/front/biz/weak4_icon3.png) center top no-repeat;
  background-size: 44% auto;
}
.contents .tableType3 .rightText {
  margin-top: 20px !important;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .contents .tableType3 .rightText {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (max-width: 960px) {
  .contents .tableType3 .rightText {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .contents .tableType3 .rightText {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 768px) {
  .contents .tableType3 .rightText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contents .tableType3 .rightText {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 512px) {
  .contents .tableType3 .rightText {
    font-size: 12px;
  }
}

/*# sourceMappingURL=biz.css.map */