@charset "UTF-8";
/* Font */
@font-face {
  font-family: "Noto Sans KR";
  font-style: "normal";
  font-weight: 300;
  src: local("※"), url("../../_common/fonts/NotoSansKR-Light.woff2") format("woff2"), url("../../_common/fonts/NotoSansKR-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: "normal";
  font-weight: 400;
  src: local("※"), url("../../_common/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../../_common/fonts/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: "normal";
  font-weight: 500;
  src: local("※"), url("../../_common/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../../_common/fonts/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: "normal";
  font-weight: 600;
  src: local("※"), url("../../_common/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../../_common/fonts/NotoSansKR-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-style: "normal";
  font-weight: 300;
  src: local("※"), url("../../_common/fonts/NotoSans-Light.woff2") format("woff2"), url("../../_common/fonts/NotoSans-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-style: "normal";
  font-weight: 400;
  src: local("※"), url("../../_common/fonts/NotoSans-Regular.woff2") format("woff2"), url("../../_common/fonts/NotoSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-style: "normal";
  font-weight: 500;
  src: local("※"), url("../../_common/fonts/NotoSans-Medium.woff2") format("woff2"), url("../../_common/fonts/NotoSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-style: "normal";
  font-weight: 600;
  src: local("※"), url("../../_common/fonts/NotoSans-Bold.woff2") format("woff2"), url("../../_common/fonts/NotoSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "nixgonB";
  font-style: "normal";
  font-weight: 500;
  src: local("※"), url("../../_common/fonts/NIXGONB.woff") format("woff");
}
/* Reset */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a,
address,
area,
article,
aside,
audio,
b,
body,
br,
button,
canvas,
caption,
cite,
code,
col,
colgroup,
dd,
del,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
head,
header,
hr,
html,
i,
iframe,
img,
ins,
input,
label,
legend,
li,
link,
map,
meta,
nav,
object,
ol,
p,
pre,
q,
rp,
rt,
ruby,
s,
script,
section,
select,
source,
span,
strong,
style,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
title,
tr,
u,
ul,
video {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

html {
  -webkit-text-size-adjust: none;
}

body {
  -webkit-overflow-scrolling: touch;
  line-height: 1.5;
  font-family: "Noto Sans KR", Dotum;
  font-size: 13px;
  font-weight: 300;
  word-break: keep-all;
  color: #666;
  padding: 0;
  padding-right: constant(safe-area-inset-right);
  padding-left: constant(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-left: env(safe-area-inset-left);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  font-weight: normal;
}

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

a {
  text-decoration: none;
  color: #666;
}

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

a.tab-focus:focus {
	outline: 2px solid;
    outline-offset: -2.5px;
    padding-inline: 3px;
}

img {
  border: 0;
  vertical-align: top;
}

button {
  border: 0;
  background-color: transparent;
  vertical-align: middle;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
}

textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  font-family: inherit;
  font-weight: 300;
  resize: none;
}

em,
address {
  font-style: normal;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

caption {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
}

label {
  vertical-align: middle;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=date],
input[type=tel] {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
}

select,
textarea {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
}

main {
  display: block;
}

strong {
  font-weight: 500;
  color: #333;
}

select::-ms-expand {
  display: none;
}

::-webkit-input-placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

::-moz-placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

:-ms-input-placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

::-ms-input-placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

::placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

:-ms-input-placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

::-ms-input-placeholder {
  font-family: "Noto Sans KR";
  font-weight: 300;
  color: #666 !important;
}

.ie9 select {
  padding: 0 0 0 5px;
  background-image: none !important;
}

.p-0 {
  padding: 0px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-9 {
  padding: 9px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-11 {
  padding: 11px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-13 {
  padding: 13px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-17 {
  padding: 17px !important;
}

.p-18 {
  padding: 18px !important;
}

.p-19 {
  padding: 19px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-140 {
  padding: 140px !important;
}

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

.pt-2 {
  padding-top: 2px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

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

.pt-6 {
  padding-top: 6px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

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

.pt-11 {
  padding-top: 11px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

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

.pt-17 {
  padding-top: 17px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

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

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

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

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

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

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

.pt-60 {
  padding-top: 60px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

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

.pr-2 {
  padding-right: 2px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

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

.pr-6 {
  padding-right: 6px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

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

.pr-11 {
  padding-right: 11px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

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

.pr-17 {
  padding-right: 17px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

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

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

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

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

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

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

.pr-60 {
  padding-right: 60px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-140 {
  padding-right: 140px !important;
}

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

.pb-2 {
  padding-bottom: 2px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

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

.pb-6 {
  padding-bottom: 6px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

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

.pb-11 {
  padding-bottom: 11px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

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

.pb-17 {
  padding-bottom: 17px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

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

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

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

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

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

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

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

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

.pl-2 {
  padding-left: 2px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

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

.pl-6 {
  padding-left: 6px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

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

.pl-11 {
  padding-left: 11px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

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

.pl-17 {
  padding-left: 17px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

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

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

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

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

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

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

.pl-60 {
  padding-left: 60px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-140 {
  padding-left: 140px !important;
}

.m-0 {
  margin: 0px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.m-13 {
  margin: 13px !important;
}

.m-14 {
  margin: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-17 {
  margin: 17px !important;
}

.m-18 {
  margin: 18px !important;
}

.m-19 {
  margin: 19px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-140 {
  margin: 140px !important;
}

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

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

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

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

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

.mt-11 {
  margin-top: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

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

.mt-17 {
  margin-top: 17px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

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

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

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

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

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

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

.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

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

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

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

.mr-6 {
  margin-right: 6px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

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

.mr-11 {
  margin-right: 11px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

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

.mr-17 {
  margin-right: 17px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

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

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

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

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

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

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

.mr-60 {
  margin-right: 60px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-140 {
  margin-right: 140px !important;
}

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

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

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

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

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

.mb-11 {
  margin-bottom: 11px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

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

.mb-17 {
  margin-bottom: 17px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

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

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

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

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

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

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

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-140 {
  margin-bottom: 140px !important;
}

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

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

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

.ml-6 {
  margin-left: 6px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

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

.ml-11 {
  margin-left: 11px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

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

.ml-17 {
  margin-left: 17px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

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

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

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

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

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

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

.ml-60 {
  margin-left: 60px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-140 {
  margin-left: 140px !important;
}

@media screen and (max-width: 767px) {
  .sm-p-0 {
    padding: 0px !important;
  }
  .sm-p-2 {
    padding: 2px !important;
  }
  .sm-p-3 {
    padding: 3px !important;
  }
  .sm-p-4 {
    padding: 4px !important;
  }
  .sm-p-5 {
    padding: 5px !important;
  }
  .sm-p-6 {
    padding: 6px !important;
  }
  .sm-p-7 {
    padding: 7px !important;
  }
  .sm-p-8 {
    padding: 8px !important;
  }
  .sm-p-9 {
    padding: 9px !important;
  }
  .sm-p-10 {
    padding: 10px !important;
  }
  .sm-p-11 {
    padding: 11px !important;
  }
  .sm-p-12 {
    padding: 12px !important;
  }
  .sm-p-13 {
    padding: 13px !important;
  }
  .sm-p-14 {
    padding: 14px !important;
  }
  .sm-p-15 {
    padding: 15px !important;
  }
  .sm-p-17 {
    padding: 17px !important;
  }
  .sm-p-18 {
    padding: 18px !important;
  }
  .sm-p-19 {
    padding: 19px !important;
  }
  .sm-p-20 {
    padding: 20px !important;
  }
  .sm-p-25 {
    padding: 25px !important;
  }
  .sm-p-30 {
    padding: 30px !important;
  }
  .sm-p-35 {
    padding: 35px !important;
  }
  .sm-p-40 {
    padding: 40px !important;
  }
  .sm-p-50 {
    padding: 50px !important;
  }
  .sm-p-60 {
    padding: 60px !important;
  }
  .sm-p-80 {
    padding: 80px !important;
  }
  .sm-p-90 {
    padding: 90px !important;
  }
  .sm-p-140 {
    padding: 140px !important;
  }
  .sm-pt-0 {
    padding-top: 0px !important;
  }
  .sm-pt-2 {
    padding-top: 2px !important;
  }
  .sm-pt-3 {
    padding-top: 3px !important;
  }
  .sm-pt-4 {
    padding-top: 4px !important;
  }
  .sm-pt-5 {
    padding-top: 5px !important;
  }
  .sm-pt-6 {
    padding-top: 6px !important;
  }
  .sm-pt-7 {
    padding-top: 7px !important;
  }
  .sm-pt-8 {
    padding-top: 8px !important;
  }
  .sm-pt-9 {
    padding-top: 9px !important;
  }
  .sm-pt-10 {
    padding-top: 10px !important;
  }
  .sm-pt-11 {
    padding-top: 11px !important;
  }
  .sm-pt-12 {
    padding-top: 12px !important;
  }
  .sm-pt-13 {
    padding-top: 13px !important;
  }
  .sm-pt-14 {
    padding-top: 14px !important;
  }
  .sm-pt-15 {
    padding-top: 15px !important;
  }
  .sm-pt-17 {
    padding-top: 17px !important;
  }
  .sm-pt-18 {
    padding-top: 18px !important;
  }
  .sm-pt-19 {
    padding-top: 19px !important;
  }
  .sm-pt-20 {
    padding-top: 20px !important;
  }
  .sm-pt-25 {
    padding-top: 25px !important;
  }
  .sm-pt-30 {
    padding-top: 30px !important;
  }
  .sm-pt-35 {
    padding-top: 35px !important;
  }
  .sm-pt-40 {
    padding-top: 40px !important;
  }
  .sm-pt-50 {
    padding-top: 50px !important;
  }
  .sm-pt-60 {
    padding-top: 60px !important;
  }
  .sm-pt-80 {
    padding-top: 80px !important;
  }
  .sm-pt-90 {
    padding-top: 90px !important;
  }
  .sm-pt-140 {
    padding-top: 140px !important;
  }
  .sm-pr-0 {
    padding-right: 0px !important;
  }
  .sm-pr-2 {
    padding-right: 2px !important;
  }
  .sm-pr-3 {
    padding-right: 3px !important;
  }
  .sm-pr-4 {
    padding-right: 4px !important;
  }
  .sm-pr-5 {
    padding-right: 5px !important;
  }
  .sm-pr-6 {
    padding-right: 6px !important;
  }
  .sm-pr-7 {
    padding-right: 7px !important;
  }
  .sm-pr-8 {
    padding-right: 8px !important;
  }
  .sm-pr-9 {
    padding-right: 9px !important;
  }
  .sm-pr-10 {
    padding-right: 10px !important;
  }
  .sm-pr-11 {
    padding-right: 11px !important;
  }
  .sm-pr-12 {
    padding-right: 12px !important;
  }
  .sm-pr-13 {
    padding-right: 13px !important;
  }
  .sm-pr-14 {
    padding-right: 14px !important;
  }
  .sm-pr-15 {
    padding-right: 15px !important;
  }
  .sm-pr-17 {
    padding-right: 17px !important;
  }
  .sm-pr-18 {
    padding-right: 18px !important;
  }
  .sm-pr-19 {
    padding-right: 19px !important;
  }
  .sm-pr-20 {
    padding-right: 20px !important;
  }
  .sm-pr-25 {
    padding-right: 25px !important;
  }
  .sm-pr-30 {
    padding-right: 30px !important;
  }
  .sm-pr-35 {
    padding-right: 35px !important;
  }
  .sm-pr-40 {
    padding-right: 40px !important;
  }
  .sm-pr-50 {
    padding-right: 50px !important;
  }
  .sm-pr-60 {
    padding-right: 60px !important;
  }
  .sm-pr-80 {
    padding-right: 80px !important;
  }
  .sm-pr-90 {
    padding-right: 90px !important;
  }
  .sm-pr-140 {
    padding-right: 140px !important;
  }
  .sm-pb-0 {
    padding-bottom: 0px !important;
  }
  .sm-pb-2 {
    padding-bottom: 2px !important;
  }
  .sm-pb-3 {
    padding-bottom: 3px !important;
  }
  .sm-pb-4 {
    padding-bottom: 4px !important;
  }
  .sm-pb-5 {
    padding-bottom: 5px !important;
  }
  .sm-pb-6 {
    padding-bottom: 6px !important;
  }
  .sm-pb-7 {
    padding-bottom: 7px !important;
  }
  .sm-pb-8 {
    padding-bottom: 8px !important;
  }
  .sm-pb-9 {
    padding-bottom: 9px !important;
  }
  .sm-pb-10 {
    padding-bottom: 10px !important;
  }
  .sm-pb-11 {
    padding-bottom: 11px !important;
  }
  .sm-pb-12 {
    padding-bottom: 12px !important;
  }
  .sm-pb-13 {
    padding-bottom: 13px !important;
  }
  .sm-pb-14 {
    padding-bottom: 14px !important;
  }
  .sm-pb-15 {
    padding-bottom: 15px !important;
  }
  .sm-pb-17 {
    padding-bottom: 17px !important;
  }
  .sm-pb-18 {
    padding-bottom: 18px !important;
  }
  .sm-pb-19 {
    padding-bottom: 19px !important;
  }
  .sm-pb-20 {
    padding-bottom: 20px !important;
  }
  .sm-pb-25 {
    padding-bottom: 25px !important;
  }
  .sm-pb-30 {
    padding-bottom: 30px !important;
  }
  .sm-pb-35 {
    padding-bottom: 35px !important;
  }
  .sm-pb-40 {
    padding-bottom: 40px !important;
  }
  .sm-pb-50 {
    padding-bottom: 50px !important;
  }
  .sm-pb-60 {
    padding-bottom: 60px !important;
  }
  .sm-pb-80 {
    padding-bottom: 80px !important;
  }
  .sm-pb-90 {
    padding-bottom: 90px !important;
  }
  .sm-pb-140 {
    padding-bottom: 140px !important;
  }
  .sm-pl-0 {
    padding-left: 0px !important;
  }
  .sm-pl-2 {
    padding-left: 2px !important;
  }
  .sm-pl-3 {
    padding-left: 3px !important;
  }
  .sm-pl-4 {
    padding-left: 4px !important;
  }
  .sm-pl-5 {
    padding-left: 5px !important;
  }
  .sm-pl-6 {
    padding-left: 6px !important;
  }
  .sm-pl-7 {
    padding-left: 7px !important;
  }
  .sm-pl-8 {
    padding-left: 8px !important;
  }
  .sm-pl-9 {
    padding-left: 9px !important;
  }
  .sm-pl-10 {
    padding-left: 10px !important;
  }
  .sm-pl-11 {
    padding-left: 11px !important;
  }
  .sm-pl-12 {
    padding-left: 12px !important;
  }
  .sm-pl-13 {
    padding-left: 13px !important;
  }
  .sm-pl-14 {
    padding-left: 14px !important;
  }
  .sm-pl-15 {
    padding-left: 15px !important;
  }
  .sm-pl-17 {
    padding-left: 17px !important;
  }
  .sm-pl-18 {
    padding-left: 18px !important;
  }
  .sm-pl-19 {
    padding-left: 19px !important;
  }
  .sm-pl-20 {
    padding-left: 20px !important;
  }
  .sm-pl-25 {
    padding-left: 25px !important;
  }
  .sm-pl-30 {
    padding-left: 30px !important;
  }
  .sm-pl-35 {
    padding-left: 35px !important;
  }
  .sm-pl-40 {
    padding-left: 40px !important;
  }
  .sm-pl-50 {
    padding-left: 50px !important;
  }
  .sm-pl-60 {
    padding-left: 60px !important;
  }
  .sm-pl-80 {
    padding-left: 80px !important;
  }
  .sm-pl-90 {
    padding-left: 90px !important;
  }
  .sm-pl-140 {
    padding-left: 140px !important;
  }
  .sm-m-0 {
    margin: 0px !important;
  }
  .sm-m-2 {
    margin: 2px !important;
  }
  .sm-m-3 {
    margin: 3px !important;
  }
  .sm-m-4 {
    margin: 4px !important;
  }
  .sm-m-5 {
    margin: 5px !important;
  }
  .sm-m-6 {
    margin: 6px !important;
  }
  .sm-m-7 {
    margin: 7px !important;
  }
  .sm-m-8 {
    margin: 8px !important;
  }
  .sm-m-9 {
    margin: 9px !important;
  }
  .sm-m-10 {
    margin: 10px !important;
  }
  .sm-m-11 {
    margin: 11px !important;
  }
  .sm-m-12 {
    margin: 12px !important;
  }
  .sm-m-13 {
    margin: 13px !important;
  }
  .sm-m-14 {
    margin: 14px !important;
  }
  .sm-m-15 {
    margin: 15px !important;
  }
  .sm-m-17 {
    margin: 17px !important;
  }
  .sm-m-18 {
    margin: 18px !important;
  }
  .sm-m-19 {
    margin: 19px !important;
  }
  .sm-m-20 {
    margin: 20px !important;
  }
  .sm-m-25 {
    margin: 25px !important;
  }
  .sm-m-30 {
    margin: 30px !important;
  }
  .sm-m-35 {
    margin: 35px !important;
  }
  .sm-m-40 {
    margin: 40px !important;
  }
  .sm-m-50 {
    margin: 50px !important;
  }
  .sm-m-60 {
    margin: 60px !important;
  }
  .sm-m-80 {
    margin: 80px !important;
  }
  .sm-m-90 {
    margin: 90px !important;
  }
  .sm-m-140 {
    margin: 140px !important;
  }
  .sm-mt-0 {
    margin-top: 0px !important;
  }
  .sm-mt-2 {
    margin-top: 2px !important;
  }
  .sm-mt-3 {
    margin-top: 3px !important;
  }
  .sm-mt-4 {
    margin-top: 4px !important;
  }
  .sm-mt-5 {
    margin-top: 5px !important;
  }
  .sm-mt-6 {
    margin-top: 6px !important;
  }
  .sm-mt-7 {
    margin-top: 7px !important;
  }
  .sm-mt-8 {
    margin-top: 8px !important;
  }
  .sm-mt-9 {
    margin-top: 9px !important;
  }
  .sm-mt-10 {
    margin-top: 10px !important;
  }
  .sm-mt-11 {
    margin-top: 11px !important;
  }
  .sm-mt-12 {
    margin-top: 12px !important;
  }
  .sm-mt-13 {
    margin-top: 13px !important;
  }
  .sm-mt-14 {
    margin-top: 14px !important;
  }
  .sm-mt-15 {
    margin-top: 15px !important;
  }
  .sm-mt-17 {
    margin-top: 17px !important;
  }
  .sm-mt-18 {
    margin-top: 18px !important;
  }
  .sm-mt-19 {
    margin-top: 19px !important;
  }
  .sm-mt-20 {
    margin-top: 20px !important;
  }
  .sm-mt-25 {
    margin-top: 25px !important;
  }
  .sm-mt-30 {
    margin-top: 30px !important;
  }
  .sm-mt-35 {
    margin-top: 35px !important;
  }
  .sm-mt-40 {
    margin-top: 40px !important;
  }
  .sm-mt-50 {
    margin-top: 50px !important;
  }
  .sm-mt-60 {
    margin-top: 60px !important;
  }
  .sm-mt-80 {
    margin-top: 80px !important;
  }
  .sm-mt-90 {
    margin-top: 90px !important;
  }
  .sm-mt-140 {
    margin-top: 140px !important;
  }
  .sm-mr-0 {
    margin-right: 0px !important;
  }
  .sm-mr-2 {
    margin-right: 2px !important;
  }
  .sm-mr-3 {
    margin-right: 3px !important;
  }
  .sm-mr-4 {
    margin-right: 4px !important;
  }
  .sm-mr-5 {
    margin-right: 5px !important;
  }
  .sm-mr-6 {
    margin-right: 6px !important;
  }
  .sm-mr-7 {
    margin-right: 7px !important;
  }
  .sm-mr-8 {
    margin-right: 8px !important;
  }
  .sm-mr-9 {
    margin-right: 9px !important;
  }
  .sm-mr-10 {
    margin-right: 10px !important;
  }
  .sm-mr-11 {
    margin-right: 11px !important;
  }
  .sm-mr-12 {
    margin-right: 12px !important;
  }
  .sm-mr-13 {
    margin-right: 13px !important;
  }
  .sm-mr-14 {
    margin-right: 14px !important;
  }
  .sm-mr-15 {
    margin-right: 15px !important;
  }
  .sm-mr-17 {
    margin-right: 17px !important;
  }
  .sm-mr-18 {
    margin-right: 18px !important;
  }
  .sm-mr-19 {
    margin-right: 19px !important;
  }
  .sm-mr-20 {
    margin-right: 20px !important;
  }
  .sm-mr-25 {
    margin-right: 25px !important;
  }
  .sm-mr-30 {
    margin-right: 30px !important;
  }
  .sm-mr-35 {
    margin-right: 35px !important;
  }
  .sm-mr-40 {
    margin-right: 40px !important;
  }
  .sm-mr-50 {
    margin-right: 50px !important;
  }
  .sm-mr-60 {
    margin-right: 60px !important;
  }
  .sm-mr-80 {
    margin-right: 80px !important;
  }
  .sm-mr-90 {
    margin-right: 90px !important;
  }
  .sm-mr-140 {
    margin-right: 140px !important;
  }
  .sm-mb-0 {
    margin-bottom: 0px !important;
  }
  .sm-mb-2 {
    margin-bottom: 2px !important;
  }
  .sm-mb-3 {
    margin-bottom: 3px !important;
  }
  .sm-mb-4 {
    margin-bottom: 4px !important;
  }
  .sm-mb-5 {
    margin-bottom: 5px !important;
  }
  .sm-mb-6 {
    margin-bottom: 6px !important;
  }
  .sm-mb-7 {
    margin-bottom: 7px !important;
  }
  .sm-mb-8 {
    margin-bottom: 8px !important;
  }
  .sm-mb-9 {
    margin-bottom: 9px !important;
  }
  .sm-mb-10 {
    margin-bottom: 10px !important;
  }
  .sm-mb-11 {
    margin-bottom: 11px !important;
  }
  .sm-mb-12 {
    margin-bottom: 12px !important;
  }
  .sm-mb-13 {
    margin-bottom: 13px !important;
  }
  .sm-mb-14 {
    margin-bottom: 14px !important;
  }
  .sm-mb-15 {
    margin-bottom: 15px !important;
  }
  .sm-mb-17 {
    margin-bottom: 17px !important;
  }
  .sm-mb-18 {
    margin-bottom: 18px !important;
  }
  .sm-mb-19 {
    margin-bottom: 19px !important;
  }
  .sm-mb-20 {
    margin-bottom: 20px !important;
  }
  .sm-mb-25 {
    margin-bottom: 25px !important;
  }
  .sm-mb-30 {
    margin-bottom: 30px !important;
  }
  .sm-mb-35 {
    margin-bottom: 35px !important;
  }
  .sm-mb-40 {
    margin-bottom: 40px !important;
  }
  .sm-mb-50 {
    margin-bottom: 50px !important;
  }
  .sm-mb-60 {
    margin-bottom: 60px !important;
  }
  .sm-mb-80 {
    margin-bottom: 80px !important;
  }
  .sm-mb-90 {
    margin-bottom: 90px !important;
  }
  .sm-mb-140 {
    margin-bottom: 140px !important;
  }
  .sm-ml-0 {
    margin-left: 0px !important;
  }
  .sm-ml-2 {
    margin-left: 2px !important;
  }
  .sm-ml-3 {
    margin-left: 3px !important;
  }
  .sm-ml-4 {
    margin-left: 4px !important;
  }
  .sm-ml-5 {
    margin-left: 5px !important;
  }
  .sm-ml-6 {
    margin-left: 6px !important;
  }
  .sm-ml-7 {
    margin-left: 7px !important;
  }
  .sm-ml-8 {
    margin-left: 8px !important;
  }
  .sm-ml-9 {
    margin-left: 9px !important;
  }
  .sm-ml-10 {
    margin-left: 10px !important;
  }
  .sm-ml-11 {
    margin-left: 11px !important;
  }
  .sm-ml-12 {
    margin-left: 12px !important;
  }
  .sm-ml-13 {
    margin-left: 13px !important;
  }
  .sm-ml-14 {
    margin-left: 14px !important;
  }
  .sm-ml-15 {
    margin-left: 15px !important;
  }
  .sm-ml-17 {
    margin-left: 17px !important;
  }
  .sm-ml-18 {
    margin-left: 18px !important;
  }
  .sm-ml-19 {
    margin-left: 19px !important;
  }
  .sm-ml-20 {
    margin-left: 20px !important;
  }
  .sm-ml-25 {
    margin-left: 25px !important;
  }
  .sm-ml-30 {
    margin-left: 30px !important;
  }
  .sm-ml-35 {
    margin-left: 35px !important;
  }
  .sm-ml-40 {
    margin-left: 40px !important;
  }
  .sm-ml-50 {
    margin-left: 50px !important;
  }
  .sm-ml-60 {
    margin-left: 60px !important;
  }
  .sm-ml-80 {
    margin-left: 80px !important;
  }
  .sm-ml-90 {
    margin-left: 90px !important;
  }
  .sm-ml-140 {
    margin-left: 140px !important;
  }
}
@media screen and (min-width: 768px), print {
  .lg-p-0 {
    padding: 0px !important;
  }
  .lg-p-2 {
    padding: 2px !important;
  }
  .lg-p-3 {
    padding: 3px !important;
  }
  .lg-p-4 {
    padding: 4px !important;
  }
  .lg-p-5 {
    padding: 5px !important;
  }
  .lg-p-6 {
    padding: 6px !important;
  }
  .lg-p-7 {
    padding: 7px !important;
  }
  .lg-p-8 {
    padding: 8px !important;
  }
  .lg-p-9 {
    padding: 9px !important;
  }
  .lg-p-10 {
    padding: 10px !important;
  }
  .lg-p-11 {
    padding: 11px !important;
  }
  .lg-p-12 {
    padding: 12px !important;
  }
  .lg-p-13 {
    padding: 13px !important;
  }
  .lg-p-14 {
    padding: 14px !important;
  }
  .lg-p-15 {
    padding: 15px !important;
  }
  .lg-p-17 {
    padding: 17px !important;
  }
  .lg-p-18 {
    padding: 18px !important;
  }
  .lg-p-19 {
    padding: 19px !important;
  }
  .lg-p-20 {
    padding: 20px !important;
  }
  .lg-p-25 {
    padding: 25px !important;
  }
  .lg-p-30 {
    padding: 30px !important;
  }
  .lg-p-35 {
    padding: 35px !important;
  }
  .lg-p-40 {
    padding: 40px !important;
  }
  .lg-p-50 {
    padding: 50px !important;
  }
  .lg-p-60 {
    padding: 60px !important;
  }
  .lg-p-80 {
    padding: 80px !important;
  }
  .lg-p-90 {
    padding: 90px !important;
  }
  .lg-p-140 {
    padding: 140px !important;
  }
  .lg-pt-0 {
    padding-top: 0px !important;
  }
  .lg-pt-2 {
    padding-top: 2px !important;
  }
  .lg-pt-3 {
    padding-top: 3px !important;
  }
  .lg-pt-4 {
    padding-top: 4px !important;
  }
  .lg-pt-5 {
    padding-top: 5px !important;
  }
  .lg-pt-6 {
    padding-top: 6px !important;
  }
  .lg-pt-7 {
    padding-top: 7px !important;
  }
  .lg-pt-8 {
    padding-top: 8px !important;
  }
  .lg-pt-9 {
    padding-top: 9px !important;
  }
  .lg-pt-10 {
    padding-top: 10px !important;
  }
  .lg-pt-11 {
    padding-top: 11px !important;
  }
  .lg-pt-12 {
    padding-top: 12px !important;
  }
  .lg-pt-13 {
    padding-top: 13px !important;
  }
  .lg-pt-14 {
    padding-top: 14px !important;
  }
  .lg-pt-15 {
    padding-top: 15px !important;
  }
  .lg-pt-17 {
    padding-top: 17px !important;
  }
  .lg-pt-18 {
    padding-top: 18px !important;
  }
  .lg-pt-19 {
    padding-top: 19px !important;
  }
  .lg-pt-20 {
    padding-top: 20px !important;
  }
  .lg-pt-25 {
    padding-top: 25px !important;
  }
  .lg-pt-30 {
    padding-top: 30px !important;
  }
  .lg-pt-35 {
    padding-top: 35px !important;
  }
  .lg-pt-40 {
    padding-top: 40px !important;
  }
  .lg-pt-50 {
    padding-top: 50px !important;
  }
  .lg-pt-60 {
    padding-top: 60px !important;
  }
  .lg-pt-80 {
    padding-top: 80px !important;
  }
  .lg-pt-90 {
    padding-top: 90px !important;
  }
  .lg-pt-140 {
    padding-top: 140px !important;
  }
  .lg-pr-0 {
    padding-right: 0px !important;
  }
  .lg-pr-2 {
    padding-right: 2px !important;
  }
  .lg-pr-3 {
    padding-right: 3px !important;
  }
  .lg-pr-4 {
    padding-right: 4px !important;
  }
  .lg-pr-5 {
    padding-right: 5px !important;
  }
  .lg-pr-6 {
    padding-right: 6px !important;
  }
  .lg-pr-7 {
    padding-right: 7px !important;
  }
  .lg-pr-8 {
    padding-right: 8px !important;
  }
  .lg-pr-9 {
    padding-right: 9px !important;
  }
  .lg-pr-10 {
    padding-right: 10px !important;
  }
  .lg-pr-11 {
    padding-right: 11px !important;
  }
  .lg-pr-12 {
    padding-right: 12px !important;
  }
  .lg-pr-13 {
    padding-right: 13px !important;
  }
  .lg-pr-14 {
    padding-right: 14px !important;
  }
  .lg-pr-15 {
    padding-right: 15px !important;
  }
  .lg-pr-17 {
    padding-right: 17px !important;
  }
  .lg-pr-18 {
    padding-right: 18px !important;
  }
  .lg-pr-19 {
    padding-right: 19px !important;
  }
  .lg-pr-20 {
    padding-right: 20px !important;
  }
  .lg-pr-25 {
    padding-right: 25px !important;
  }
  .lg-pr-30 {
    padding-right: 30px !important;
  }
  .lg-pr-35 {
    padding-right: 35px !important;
  }
  .lg-pr-40 {
    padding-right: 40px !important;
  }
  .lg-pr-50 {
    padding-right: 50px !important;
  }
  .lg-pr-60 {
    padding-right: 60px !important;
  }
  .lg-pr-80 {
    padding-right: 80px !important;
  }
  .lg-pr-90 {
    padding-right: 90px !important;
  }
  .lg-pr-140 {
    padding-right: 140px !important;
  }
  .lg-pb-0 {
    padding-bottom: 0px !important;
  }
  .lg-pb-2 {
    padding-bottom: 2px !important;
  }
  .lg-pb-3 {
    padding-bottom: 3px !important;
  }
  .lg-pb-4 {
    padding-bottom: 4px !important;
  }
  .lg-pb-5 {
    padding-bottom: 5px !important;
  }
  .lg-pb-6 {
    padding-bottom: 6px !important;
  }
  .lg-pb-7 {
    padding-bottom: 7px !important;
  }
  .lg-pb-8 {
    padding-bottom: 8px !important;
  }
  .lg-pb-9 {
    padding-bottom: 9px !important;
  }
  .lg-pb-10 {
    padding-bottom: 10px !important;
  }
  .lg-pb-11 {
    padding-bottom: 11px !important;
  }
  .lg-pb-12 {
    padding-bottom: 12px !important;
  }
  .lg-pb-13 {
    padding-bottom: 13px !important;
  }
  .lg-pb-14 {
    padding-bottom: 14px !important;
  }
  .lg-pb-15 {
    padding-bottom: 15px !important;
  }
  .lg-pb-17 {
    padding-bottom: 17px !important;
  }
  .lg-pb-18 {
    padding-bottom: 18px !important;
  }
  .lg-pb-19 {
    padding-bottom: 19px !important;
  }
  .lg-pb-20 {
    padding-bottom: 20px !important;
  }
  .lg-pb-25 {
    padding-bottom: 25px !important;
  }
  .lg-pb-30 {
    padding-bottom: 30px !important;
  }
  .lg-pb-35 {
    padding-bottom: 35px !important;
  }
  .lg-pb-40 {
    padding-bottom: 40px !important;
  }
  .lg-pb-50 {
    padding-bottom: 50px !important;
  }
  .lg-pb-60 {
    padding-bottom: 60px !important;
  }
  .lg-pb-80 {
    padding-bottom: 80px !important;
  }
  .lg-pb-90 {
    padding-bottom: 90px !important;
  }
  .lg-pb-140 {
    padding-bottom: 140px !important;
  }
  .lg-pl-0 {
    padding-left: 0px !important;
  }
  .lg-pl-2 {
    padding-left: 2px !important;
  }
  .lg-pl-3 {
    padding-left: 3px !important;
  }
  .lg-pl-4 {
    padding-left: 4px !important;
  }
  .lg-pl-5 {
    padding-left: 5px !important;
  }
  .lg-pl-6 {
    padding-left: 6px !important;
  }
  .lg-pl-7 {
    padding-left: 7px !important;
  }
  .lg-pl-8 {
    padding-left: 8px !important;
  }
  .lg-pl-9 {
    padding-left: 9px !important;
  }
  .lg-pl-10 {
    padding-left: 10px !important;
  }
  .lg-pl-11 {
    padding-left: 11px !important;
  }
  .lg-pl-12 {
    padding-left: 12px !important;
  }
  .lg-pl-13 {
    padding-left: 13px !important;
  }
  .lg-pl-14 {
    padding-left: 14px !important;
  }
  .lg-pl-15 {
    padding-left: 15px !important;
  }
  .lg-pl-17 {
    padding-left: 17px !important;
  }
  .lg-pl-18 {
    padding-left: 18px !important;
  }
  .lg-pl-19 {
    padding-left: 19px !important;
  }
  .lg-pl-20 {
    padding-left: 20px !important;
  }
  .lg-pl-25 {
    padding-left: 25px !important;
  }
  .lg-pl-30 {
    padding-left: 30px !important;
  }
  .lg-pl-35 {
    padding-left: 35px !important;
  }
  .lg-pl-40 {
    padding-left: 40px !important;
  }
  .lg-pl-50 {
    padding-left: 50px !important;
  }
  .lg-pl-60 {
    padding-left: 60px !important;
  }
  .lg-pl-80 {
    padding-left: 80px !important;
  }
  .lg-pl-90 {
    padding-left: 90px !important;
  }
  .lg-pl-140 {
    padding-left: 140px !important;
  }
  .lg-m-0 {
    margin: 0px !important;
  }
  .lg-m-2 {
    margin: 2px !important;
  }
  .lg-m-3 {
    margin: 3px !important;
  }
  .lg-m-4 {
    margin: 4px !important;
  }
  .lg-m-5 {
    margin: 5px !important;
  }
  .lg-m-6 {
    margin: 6px !important;
  }
  .lg-m-7 {
    margin: 7px !important;
  }
  .lg-m-8 {
    margin: 8px !important;
  }
  .lg-m-9 {
    margin: 9px !important;
  }
  .lg-m-10 {
    margin: 10px !important;
  }
  .lg-m-11 {
    margin: 11px !important;
  }
  .lg-m-12 {
    margin: 12px !important;
  }
  .lg-m-13 {
    margin: 13px !important;
  }
  .lg-m-14 {
    margin: 14px !important;
  }
  .lg-m-15 {
    margin: 15px !important;
  }
  .lg-m-17 {
    margin: 17px !important;
  }
  .lg-m-18 {
    margin: 18px !important;
  }
  .lg-m-19 {
    margin: 19px !important;
  }
  .lg-m-20 {
    margin: 20px !important;
  }
  .lg-m-25 {
    margin: 25px !important;
  }
  .lg-m-30 {
    margin: 30px !important;
  }
  .lg-m-35 {
    margin: 35px !important;
  }
  .lg-m-40 {
    margin: 40px !important;
  }
  .lg-m-50 {
    margin: 50px !important;
  }
  .lg-m-60 {
    margin: 60px !important;
  }
  .lg-m-80 {
    margin: 80px !important;
  }
  .lg-m-90 {
    margin: 90px !important;
  }
  .lg-m-140 {
    margin: 140px !important;
  }
  .lg-mt-0 {
    margin-top: 0px !important;
  }
  .lg-mt-2 {
    margin-top: 2px !important;
  }
  .lg-mt-3 {
    margin-top: 3px !important;
  }
  .lg-mt-4 {
    margin-top: 4px !important;
  }
  .lg-mt-5 {
    margin-top: 5px !important;
  }
  .lg-mt-6 {
    margin-top: 6px !important;
  }
  .lg-mt-7 {
    margin-top: 7px !important;
  }
  .lg-mt-8 {
    margin-top: 8px !important;
  }
  .lg-mt-9 {
    margin-top: 9px !important;
  }
  .lg-mt-10 {
    margin-top: 10px !important;
  }
  .lg-mt-11 {
    margin-top: 11px !important;
  }
  .lg-mt-12 {
    margin-top: 12px !important;
  }
  .lg-mt-13 {
    margin-top: 13px !important;
  }
  .lg-mt-14 {
    margin-top: 14px !important;
  }
  .lg-mt-15 {
    margin-top: 15px !important;
  }
  .lg-mt-17 {
    margin-top: 17px !important;
  }
  .lg-mt-18 {
    margin-top: 18px !important;
  }
  .lg-mt-19 {
    margin-top: 19px !important;
  }
  .lg-mt-20 {
    margin-top: 20px !important;
  }
  .lg-mt-25 {
    margin-top: 25px !important;
  }
  .lg-mt-30 {
    margin-top: 30px !important;
  }
  .lg-mt-35 {
    margin-top: 35px !important;
  }
  .lg-mt-40 {
    margin-top: 40px !important;
  }
  .lg-mt-50 {
    margin-top: 50px !important;
  }
  .lg-mt-60 {
    margin-top: 60px !important;
  }
  .lg-mt-80 {
    margin-top: 80px !important;
  }
  .lg-mt-90 {
    margin-top: 90px !important;
  }
  .lg-mt-140 {
    margin-top: 140px !important;
  }
  .lg-mr-0 {
    margin-right: 0px !important;
  }
  .lg-mr-2 {
    margin-right: 2px !important;
  }
  .lg-mr-3 {
    margin-right: 3px !important;
  }
  .lg-mr-4 {
    margin-right: 4px !important;
  }
  .lg-mr-5 {
    margin-right: 5px !important;
  }
  .lg-mr-6 {
    margin-right: 6px !important;
  }
  .lg-mr-7 {
    margin-right: 7px !important;
  }
  .lg-mr-8 {
    margin-right: 8px !important;
  }
  .lg-mr-9 {
    margin-right: 9px !important;
  }
  .lg-mr-10 {
    margin-right: 10px !important;
  }
  .lg-mr-11 {
    margin-right: 11px !important;
  }
  .lg-mr-12 {
    margin-right: 12px !important;
  }
  .lg-mr-13 {
    margin-right: 13px !important;
  }
  .lg-mr-14 {
    margin-right: 14px !important;
  }
  .lg-mr-15 {
    margin-right: 15px !important;
  }
  .lg-mr-17 {
    margin-right: 17px !important;
  }
  .lg-mr-18 {
    margin-right: 18px !important;
  }
  .lg-mr-19 {
    margin-right: 19px !important;
  }
  .lg-mr-20 {
    margin-right: 20px !important;
  }
  .lg-mr-25 {
    margin-right: 25px !important;
  }
  .lg-mr-30 {
    margin-right: 30px !important;
  }
  .lg-mr-35 {
    margin-right: 35px !important;
  }
  .lg-mr-40 {
    margin-right: 40px !important;
  }
  .lg-mr-50 {
    margin-right: 50px !important;
  }
  .lg-mr-60 {
    margin-right: 60px !important;
  }
  .lg-mr-80 {
    margin-right: 80px !important;
  }
  .lg-mr-90 {
    margin-right: 90px !important;
  }
  .lg-mr-140 {
    margin-right: 140px !important;
  }
  .lg-mb-0 {
    margin-bottom: 0px !important;
  }
  .lg-mb-2 {
    margin-bottom: 2px !important;
  }
  .lg-mb-3 {
    margin-bottom: 3px !important;
  }
  .lg-mb-4 {
    margin-bottom: 4px !important;
  }
  .lg-mb-5 {
    margin-bottom: 5px !important;
  }
  .lg-mb-6 {
    margin-bottom: 6px !important;
  }
  .lg-mb-7 {
    margin-bottom: 7px !important;
  }
  .lg-mb-8 {
    margin-bottom: 8px !important;
  }
  .lg-mb-9 {
    margin-bottom: 9px !important;
  }
  .lg-mb-10 {
    margin-bottom: 10px !important;
  }
  .lg-mb-11 {
    margin-bottom: 11px !important;
  }
  .lg-mb-12 {
    margin-bottom: 12px !important;
  }
  .lg-mb-13 {
    margin-bottom: 13px !important;
  }
  .lg-mb-14 {
    margin-bottom: 14px !important;
  }
  .lg-mb-15 {
    margin-bottom: 15px !important;
  }
  .lg-mb-17 {
    margin-bottom: 17px !important;
  }
  .lg-mb-18 {
    margin-bottom: 18px !important;
  }
  .lg-mb-19 {
    margin-bottom: 19px !important;
  }
  .lg-mb-20 {
    margin-bottom: 20px !important;
  }
  .lg-mb-25 {
    margin-bottom: 25px !important;
  }
  .lg-mb-30 {
    margin-bottom: 30px !important;
  }
  .lg-mb-35 {
    margin-bottom: 35px !important;
  }
  .lg-mb-40 {
    margin-bottom: 40px !important;
  }
  .lg-mb-50 {
    margin-bottom: 50px !important;
  }
  .lg-mb-60 {
    margin-bottom: 60px !important;
  }
  .lg-mb-80 {
    margin-bottom: 80px !important;
  }
  .lg-mb-90 {
    margin-bottom: 90px !important;
  }
  .lg-mb-140 {
    margin-bottom: 140px !important;
  }
  .lg-ml-0 {
    margin-left: 0px !important;
  }
  .lg-ml-2 {
    margin-left: 2px !important;
  }
  .lg-ml-3 {
    margin-left: 3px !important;
  }
  .lg-ml-4 {
    margin-left: 4px !important;
  }
  .lg-ml-5 {
    margin-left: 5px !important;
  }
  .lg-ml-6 {
    margin-left: 6px !important;
  }
  .lg-ml-7 {
    margin-left: 7px !important;
  }
  .lg-ml-8 {
    margin-left: 8px !important;
  }
  .lg-ml-9 {
    margin-left: 9px !important;
  }
  .lg-ml-10 {
    margin-left: 10px !important;
  }
  .lg-ml-11 {
    margin-left: 11px !important;
  }
  .lg-ml-12 {
    margin-left: 12px !important;
  }
  .lg-ml-13 {
    margin-left: 13px !important;
  }
  .lg-ml-14 {
    margin-left: 14px !important;
  }
  .lg-ml-15 {
    margin-left: 15px !important;
  }
  .lg-ml-17 {
    margin-left: 17px !important;
  }
  .lg-ml-18 {
    margin-left: 18px !important;
  }
  .lg-ml-19 {
    margin-left: 19px !important;
  }
  .lg-ml-20 {
    margin-left: 20px !important;
  }
  .lg-ml-25 {
    margin-left: 25px !important;
  }
  .lg-ml-30 {
    margin-left: 30px !important;
  }
  .lg-ml-35 {
    margin-left: 35px !important;
  }
  .lg-ml-40 {
    margin-left: 40px !important;
  }
  .lg-ml-50 {
    margin-left: 50px !important;
  }
  .lg-ml-60 {
    margin-left: 60px !important;
  }
  .lg-ml-80 {
    margin-left: 80px !important;
  }
  .lg-ml-90 {
    margin-left: 90px !important;
  }
  .lg-ml-140 {
    margin-left: 140px !important;
  }
}
@media screen and (min-width: adaptive), print {
  .adap-fs-12 {
    font-size: 12px !important;
  }
  .adap-fs-13 {
    font-size: 13px !important;
  }
  .adap-fs-14 {
    font-size: 14px !important;
  }
  .adap-fs-15 {
    font-size: 15px !important;
  }
  .adap-fs-16 {
    font-size: 16px !important;
  }
  .adap-fs-17 {
    font-size: 17px !important;
  }
  .adap-fs-18 {
    font-size: 18px !important;
  }
  .adap-fs-19 {
    font-size: 19px !important;
  }
  .adap-fs-20 {
    font-size: 20px !important;
  }
  .adap-fs-22 {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 767px) {
  .sm-fs-12 {
    font-size: 12px !important;
  }
  .sm-fs-13 {
    font-size: 13px !important;
  }
  .sm-fs-14 {
    font-size: 14px !important;
  }
  .sm-fs-15 {
    font-size: 15px !important;
  }
  .sm-fs-16 {
    font-size: 16px !important;
  }
  .sm-fs-17 {
    font-size: 17px !important;
  }
  .sm-fs-18 {
    font-size: 18px !important;
  }
  .sm-fs-19 {
    font-size: 19px !important;
  }
  .sm-fs-20 {
    font-size: 20px !important;
  }
  .sm-fs-22 {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 768px), print {
  .lg-fs-12 {
    font-size: 12px !important;
  }
  .lg-fs-13 {
    font-size: 13px !important;
  }
  .lg-fs-14 {
    font-size: 14px !important;
  }
  .lg-fs-15 {
    font-size: 15px !important;
  }
  .lg-fs-16 {
    font-size: 16px !important;
  }
  .lg-fs-17 {
    font-size: 17px !important;
  }
  .lg-fs-18 {
    font-size: 18px !important;
  }
  .lg-fs-19 {
    font-size: 19px !important;
  }
  .lg-fs-20 {
    font-size: 20px !important;
  }
  .lg-fs-22 {
    font-size: 22px !important;
  }
}
/*----- mobile -----*/
body {
  font-size: 16px;
}

.pc_content {
  display: none !important;
}

.m_content {
  display: block !important;
}

input[type=text],
input[type=search],
input[type=password] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 41px;
  line-height: 41px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  vertical-align: middle;
  font-family: inherit;
  font-weight: 300;
  color: #666;
  border-radius: 6px;
  font-size: 16px;
}

.input-disabled:disabled {
  background: #f5f5f5;
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 41px;
  padding: 0 28px 0 10px;
  background-image: url(../images/ico_select.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: calc(100% - 10px) 50%;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  vertical-align: middle;
  font-family: inherit;
  font-weight: 300;
  color: #666;
  border-radius: 6px;
  font-size: 16px;
}

textarea {
  height: 125px;
  vertical-align: top;
  border-radius: 6px;
  font-size: 16px;
}

/* accessibility */
.accessibility {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
}
.accessibility a {
  display: block;
  width: 1px;
  height: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.accessibility a:focus, .accessibility a:active {
  width: 100%;
  height: auto;
  padding: 5px 0;
  background-color: #085cb7;
}

.inner {
  padding: 0 10px;
}

/* header */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 57px;
  background: #fff;
  z-index: 100;
}
.header .header_top {
  display: none;
}
.header .header_cont {
  height: 100%;
  border-bottom: 1px solid #e9e9e9;
}
.header .header_cont .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
}
.header .header_cont .inner .logo {
  width: 176px;
  height: 18px;
  background: url(../images/logo.png) 0 0/100% no-repeat;
  margin-right: 10px;
}
.header .header_cont .inner .logo_campus {
	display: none !important;
}
.header .header_cont .inner .logo_map {
	display: none !important;
}
.header .header_cont .inner .logo_campus_m {
	display: block !important;
	width: 86px;
  	height: auto;
}
.header .header_cont .inner .logo_map_m {
	display: block !important;
}
.header .header_cont .inner .logo_a {
	display: block !important;
	width: 90px;
  	height: auto;
  	margin-left: auto;
  	margin-right: 1.8%;
}
.header .header_cont .inner .logo_a .logo_voucher {
	display: block !important;
	width: 100%;
  	height: auto;
  	margin-left: auto;
  	margin-right: 0;
}

.header .header_cont .inner .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header .header_cont .inner .header_btn {
  margin-left: 0px;
  font-size: 0;
}
.header .header_cont .inner .header_btn > a {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  font-size: 13px;
}
.header .header_cont .inner .header_btn > a:not(:first-child) {
  margin-left: 15px;
}
.header .header_cont .inner .header_btn > a.btn_search {
  background-image: url(../images/btn_head_search.png);
}
.header .header_cont .inner .header_btn > a.btn_menu {
  background-image: url(../images/btn_menu.png);
}
.header .header_cont .inner .header_btn .search_form {
  display: none;
  position: absolute;
  left: 0%;
  top: 100%;
  width: 100%;
  padding: 10px 40px 10px 15px;
  background: #fff;
  -webkit-box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.2);
}
.header .header_cont .inner .header_btn .search_form input {
  border: 0;
  width: 100%;
  padding: 0;
  border-bottom: 2px solid #222;
  border-radius: 0;
  height: 35px;
}
.header .header_cont .inner .header_btn .search_form input[type=text]::-webkit-input-placeholder {
    color: #666 !important;
}
.header .header_cont .inner .header_btn .search_form input[type=text]::-moz-placeholder {
    color: #666 !important;
}
.header .header_cont .inner .header_btn .search_form input[type=text]:-ms-input-placeholder {
    color: #666 !important;
}
.header .header_cont .inner .header_btn .search_form input[type=text]::-ms-input-placeholder {
    color: #666 !important;
}
.header .header_cont .inner .header_btn .search_form input[type=text]::placeholder {
    color: #666 !important;
}
.header .header_cont .inner .header_btn .search_form button[type=submit] {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 12px;
  width: 22px;
  height: 22px;
  font-size: 16px;
  background: url("../images/btn_head_search.png") center/100% no-repeat;
}
.header .header_cont .inner .gnb_wrap {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  -webkit-transition: right 0.5s ease;
  transition: right 0.5s ease;
  background-color: #fff;
}
.header .header_cont .inner .gnb_wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 100vh;
  z-index: -1;
  background: #e9f6fd;
}
.header .header_cont .inner .gnb_wrap.open {
  right: 0;
}
.header .header_cont .inner .gnb_wrap .m_gnb_head {
  padding: 18px 0 18px 10px;
  background-color: #173964;
}
.header .header_cont .inner .gnb_wrap .m_gnb_head .btn_logo {
  display: block;
  width: 180px;
  height: 18px;
  background: url("../images/logo_m.png") 0 0/100% no-repeat;
}
.header .header_cont .inner .gnb_wrap .m_gnb_head .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 57px;
  background: url(../images/btn_close.png) 50% 50%/19px no-repeat;
}
.header .header_cont .inner .gnb_wrap .gnb {
  position: relative;
  height: 100vh;
  overflow: auto;
}
.header .header_cont .inner .gnb_wrap .gnb > ul {
  padding-top: 10px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li {
  width: 125px;
  padding: 0 10px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li:not(:first-child) > a {
  border-top: 1px solid #d8d8d8;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li > a {
  display: block;
  width: 100%;
  padding: 11px 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  width: 125px;
  height: 100%;
  padding: 11px 13px;
  background: #008cd4;
  color: #fff;
  z-index: 10;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active + .gnb_inner {
  display: block;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li > a.gnb_campus {
  position: relative;
  background: #00a651;
  border-radius: 4px;
  padding: 5px 15px 28px;
  color: #fff;
  border-top: 0;
  margin-top: 14px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li > a.gnb_campus:before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 21px;
  height: 30px;
  background: url("../images/bg_gnb_campus.png") 0 0/100% no-repeat;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner {
  position: absolute;
  left: 125px;
  width: calc(100% - 125px);
  top: 0;
  display: none;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l {
  display: none;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 25px;
  padding: 25px 25px calc(constant(safe-area-inset-bottom) + 190px) 25px;
  padding: 25px 25px calc(env(safe-area-inset-bottom) + 190px) 25px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul {
  width: 100%;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li {
  display: block;
  width: 100%;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:last-child) {
  margin-bottom: 25px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  font-size: 18px;
  color: #222;
  font-weight: 500;
  padding: 0 30px 13px 0;
  border-bottom: 1px solid #222;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background: 0 0/100% no-repeat;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.open::after {
  background-image: url("../images/ico_depth_m.png");
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.close {
  color: #085cb7;
  border-color: #085cb7;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.close + ul {
  display: block;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.close:after {
  background-image: url("../images/ico_depth_m_on.png");
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul {
  display: none;
  padding-top: 15px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li {
  position: relative;
  padding-left: 10px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:not(:first-child) {
  margin-top: 5px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #999;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li a {
  display: block;
  font-size: 16px;
}
.header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.active + ul {
  display: block;
}

/* container */
.container {
  padding-top: 57px;
  padding-bottom: 50px;
}
.container .sub_visual {
  background-size: auto 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-color: #345aa0;
  padding: 35px 0;
}
.container .sub_visual.bg01 {
  background-image: url("../images/bg_sub_visual01_m.jpg");
}
.container .sub_visual.bg02 {
  background-image: url("../images/bg_sub_visual02_m.jpg");
}
.container .sub_visual.bg03 {
  background-image: url("../images/bg_sub_visual03_m.jpg");
}
.container .sub_visual.bg04 {
  background-image: url("../images/bg_sub_visual04_m.jpg");
}
.container .sub_visual.bg05 {
  background-image: url("../images/bg_sub_visual05_m.jpg");
}
.container .sub_visual.bg06 {
  background-image: url("../images/bg_sub_visual06_m.jpg");
}
.container .sub_visual.bg07 {
  background-image: url("../images/bg_sub_visual07_m.jpg");
}
.container .sub_visual.bg08 {
  background-image: url("../images/bg_sub_visual08_m.jpg");
}
.container .sub_visual h2 {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
}
.container .unit_button {
  font-size: 0;
  white-space: nowrap;
}
.container .unit_button > li {
  display: inline-block;
}
.container .unit_button > li:not(:last-child) {
  margin-right: 5px;
}
.container .unit_button > li:not(:nth-last-child(-n+2)) {
  display: none;
}
.container .unit_button > li button,
.container .unit_button > li a {
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 37px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.container .unit_button > li button.btn_print,
.container .unit_button > li a.btn_print {
  background-image: url("../images/btn_print.png");
}
.container .unit_button > li button.btn_pdf,
.container .unit_button > li a.btn_pdf {
  background-image: url("../images/btn_pdf.png");
}
.container .unit_button > li button.btn_image,
.container .unit_button > li a.btn_image {
  background-image: url("../images/btn_image.png");
}
.container .unit_button > li button.btn_copy_url,
.container .unit_button > li a.btn_copy_url {
  background-image: url("../images/btn_url.png");
}
.container .unit_button > li button.btn_share,
.container .unit_button > li a.btn_share {
  display: none;
  background-image: url("../images/btn_share.png");
}
.container .unit_button > li button.btn_share.active,
.container .unit_button > li a.btn_share.active {
  background-image: url("../images/btn_share_on.png");
}
.container .unit_button > li button.btn_facebook,
.container .unit_button > li a.btn_facebook {
  background-image: url("../images/btn_facebook_m.png");
}
.container .unit_button > li button.btn_twitter,
.container .unit_button > li a.btn_twitter {
  background-image: url("../images/btn_twitter_m.png");
}
.container .unit_button > li button.btn_kakao,
.container .unit_button > li a.btn_kakao {
  background-image: url("../images/btn_kakao_m.png");
}
.container .unit_button > li .share_wrap > a:not(:first-child) {
  margin-left: 5px;
}
.container .inner .aside {
  display: none;
}
.container .inner .content {
  padding-top: 26px;
}
.container .inner .content .cnt_top {
  border-bottom: 1px solid #666;
  margin-bottom: 27px;
  padding-bottom: 15px;
}
.container .inner .content .cnt_top .tit_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d9d9d9;
}
.container .inner .content .cnt_top .page_tit {
  margin-bottom: 4px;
  font-size: 28px;
  font-weight: 600;
  color: #222;
}
.container .inner .content .cnt_top .location > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 15px;
}
.container .inner .content .cnt_top .location > li.btn_home > a {
  display: block;
  width: 14px;
  height: 13px;
  background: url(../images/ico_home_m.png) 0 0/100% no-repeat;
}
.container .inner .content .cnt_top .location > li:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -10px;
  width: 5px;
  height: 8px;
  background: url(../images/loc_arr.png) 0 0/100% no-repeat;
}
.container .inner .content .cnt_top .location > li:last-child {
  font-weight: 400;
  color: #222;
  margin-right: 0;
}

/* footer */
.footer {
  padding: 0 0 25px;
  background-color: #091325;
  text-align: center;
}
.footer .foot_menu {
  margin-bottom: 10px;
}
.footer .foot_menu > div {
  display: unset;
  vertical-align: top;
}
.footer .foot_menu > div > a {
  display: inline-block;
  margin: 2px 5px;
  color: #9a9fa5;
  font-weight: 400;
}
.footer .foot_menu > div > a strong {
  color: #fff;
}
.footer .logo {
  width: 189px;
  height: 19px;
  margin: 0 auto 14px;
  background: url(../images/foot_logo.png) 0 0/100% no-repeat;
}
.footer .address {
  font-size: 14px;
  color: #9a9fa5;
}
.footer .address .copy {
  color: #fff;
  margin-top: 6px;
}
.footer .family_site {
  display: block;
  border-bottom: 1px solid #354252;
  margin-bottom: 40px;
}
.footer .family_site > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .family_site > ul {
  padding: 0;
}
.footer .family_site > ul > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid #354252;
}
.footer .family_site > ul > li:last-child {
  border-right: 1px solid #354252;
}
.footer .family_site > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 54px;
  line-height: 1.2;
  text-align: left;
  color: #ddd;
  padding: 0 42px 0 15px;
  background: #091325 url("../images/ico_search_arr.png") no-repeat right 15px top 50%;
}
.footer .family_site > ul > li > a.active + .family_list {
  display: block;
}
.footer .family_site > ul > li .family_list {
  display: none;
  position: absolute;
  left: 0;
  bottom: 54px;
  width: 100%;
  padding: 20px 15px;
  background: #354252;
  z-index: 10;
}
.footer .family_site > ul > li .family_list > ul {
  max-height: 250px;
  overflow-y: auto;
}
.footer .family_site > ul > li .family_list > ul > li {
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
}
.footer .family_site > ul > li .family_list > ul > li:before {
  background: #fff;
}
.footer .family_site > ul > li .family_list > ul > li:first-child {
  margin-top: 0;
}
.footer .family_site > ul > li .family_list > ul > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  word-break: break-word;
  padding-right: 10px;
}
.footer .logo02 {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 86px;
  height: 55px;
  background: url("../images/foot_logo02.png") 0 0/100% no-repeat;
}
.footer .wa_mark {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
}
.footer .wa_mark a {
  display: inline-block;
}
.footer .wa_mark a img {
  width: 80px;
  vertical-align: baseline;
}

@media all and (min-width: 768px), print {
  body {
    font-size: 16px;
  }
  .pc_content {
    display: block !important;
  }
  .m_content {
    display: none !important;
  }
  input[type=text],
  input[type=search],
  input[type=password] {
    height: 48px;
  }
  select {
    height: 48px;
    background-size: 11px;
  }
  textarea {
    height: 240px;
  }
  /* accessibility */
  .accessibility {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
  }
  .accessibility a {
    display: block;
    width: 1px;
    height: 1px;
    margin-bottom: -1px;
    overflow: hidden;
    text-align: center;
    color: #fff;
  }
  .accessibility a:focus, .accessibility a:active {
    width: 100%;
    height: auto;
    padding: 5px 0;
    background-color: #085cb7;
  }
  .inner {
    padding: 0 22px;
  }
  /* container */
  .container {
    padding-bottom: 80px;
  }
  .container .sub_visual {
    background-size: auto 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    height: 190px;
    padding: 44px 0;
  }
  .container .sub_visual.bg01 {
    background-image: url("../images/bg_sub_visual01.jpg");
  }
  .container .sub_visual.bg02 {
    background-image: url("../images/bg_sub_visual02.jpg");
  }
  .container .sub_visual.bg03 {
    background-image: url("../images/bg_sub_visual03.jpg");
  }
  .container .sub_visual.bg04 {
    background-image: url("../images/bg_sub_visual04.jpg");
  }
  .container .sub_visual.bg05 {
    background-image: url("../images/bg_sub_visual05.jpg");
  }
  .container .sub_visual.bg06 {
    background-image: url("../images/bg_sub_visual06.jpg");
  }
  .container .sub_visual.bg07 {
    background-image: url("../images/bg_sub_visual07.jpg");
  }
  .container .sub_visual.bg08 {
    background-image: url("../images/bg_sub_visual08.jpg");
  }
  .container .sub_visual.bg09 {
    background-image: url("../images/bg_sub_visual09.jpg");
  }
  .container .sub_visual h2 {
    font-size: 34px;
  }
  .container .unit_button {
    font-size: 0;
  }
  .container .unit_button > li {
    display: inline-block !important;
  }
  .container .unit_button > li button,
  .container .unit_button > li a {
    display: inline-block !important;
    width: 42px;
    height: 42px;
  }
  .container .unit_button > li button.btn_facebook,
  .container .unit_button > li a.btn_facebook {
    background-image: url("../images/btn_facebook.png");
  }
  .container .unit_button > li button.btn_twitter,
  .container .unit_button > li a.btn_twitter {
    background-image: url("../images/btn_twitter.png");
  }
  .container .unit_button > li button.btn_kakao,
  .container .unit_button > li a.btn_kakao {
    background-image: url("../images/btn_kakao.png");
  }
  .container .unit_button > li button.btn_share.active,
  .container .unit_button > li a.btn_share.active {
    border: 0;
    background-image: url(../images/btn_share_close.png);
  }
  .container .unit_button > li:last-child {
    position: relative;
  }
  .container .unit_button > li .btn_share.active + .share_wrap {
    display: block;
  }
  .container .unit_button > li .share_wrap {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 45px;
    left: -5px;
    z-index: 1;
    padding: 17px 10px;
    border-radius: 40px;
    background: #f6f6f6;
    -webkit-box-shadow: 6px 10px 12px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 6px 10px 12px 0px rgba(0, 0, 0, 0.1);
    display: none;
  }
  .container .unit_button > li .share_wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0;
    border-width: 8px 4px 0 5px;
    border-color: #fff #fff transparent #fff;
  }
  .container .unit_button > li .share_wrap > a {
    width: 32px;
    height: 32px;
    border: 0;
  }
  .container .unit_button > li .share_wrap > a:not(:first-child) {
    margin-left: 0;
  }
  .container .unit_button > li .share_wrap > a:not(:last-child) {
    margin-bottom: 10px;
  }
  .container > .inner .aside {
    display: none;
  }
  .container > .inner .content {
    padding-top: 22px;
  }
  .container > .inner .content .cnt_top {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 45px;
    padding-bottom: 13px;
  }
  .container > .inner .content .cnt_top .tit_share {
    padding-bottom: 15px;
  }
  .container > .inner .content .cnt_top .page_tit {
    margin-bottom: 0;
    font-size: 40px;
    margin-right: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 1.2;
  }
  .container > .inner .content .cnt_top .location {
    white-space: nowrap;
    margin-left: auto;
  }
  .container > .inner .content .cnt_top .location > li {
    font-size: 15px;
    margin-right: 19px;
  }
  .container > .inner .content .cnt_top .location > li.btn_home > a {
    width: 16px;
    height: 15px;
    background-image: url("../images/ico_home.png");
  }
  .container > .inner .content .cnt_top .location > li:not(:first-child):before {
    margin-top: -4px;
    left: -12px;
    width: 6px;
    height: 9px;
  }
  /* footer */
  .footer {
    padding: 0 0 40px;
    text-align: left;
  }
  .footer .foot_menu {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 20px;
  }
  .footer .foot_menu > div {
    display: inline-block;
    vertical-align: top;
    margin-top: -6px;
  }
  .footer .foot_menu > div > a {
    display: block;
    margin: 0;
  }
  .footer .foot_menu > div > a:not(:first-child) {
    margin-top: 12px;
  }
  .footer .foot_menu > div:last-child {
    margin-left: 20px;
  }
  .footer .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer .logo {
    width: 256px;
    height: 26px;
    margin: 0;
  }
  .footer .address {
    font-size: 16px;
    margin-left: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: -5px;
  }
  .footer .address .copy {
    margin-top: 18px;
  }
  .footer .wa_mark {
    margin: 0 0 0 10px;
  }
}
@media all and (min-width: 1024px), print {
  .container > .inner {
    padding-top: 30px;
  }
  .container > .inner:after {
    content: "";
    display: block;
    clear: both;
  }
  .container > .inner .aside {
    display: block;
    float: left;
    width: 220px;
    margin-right: 20px;
  }
  .container > .inner .aside .lnb > ul {
    border: 1px solid #d9d9d9;
  }
  .container > .inner .aside .lnb > ul > li:not(:first-child) {
    border-top: 1px solid #d9d9d9;
  }
  .container > .inner .aside .lnb > ul > li > a {
    display: block;
    width: 100%;
    min-height: 65px;
    padding: 20px 45px 20px 20px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 20px) 50%;
    font-size: 17px;
    word-break: break-all;
    color: #333;
  }
  .container > .inner .aside .lnb > ul > li > a.dep3 {
    background: url(../images/ico_lnb.png) calc(100% - 20px) 50%/12px no-repeat;
  }
  .container > .inner .aside .lnb > ul > li > a.dep3:hover, .container > .inner .aside .lnb > ul > li > a.dep3:focus, .container > .inner .aside .lnb > ul > li > a.dep3.active {
    background-image: url(../images/ico_lnb_on.png);
  }
  .container > .inner .aside .lnb > ul > li > a:hover, .container > .inner .aside .lnb > ul > li > a:focus, .container > .inner .aside .lnb > ul > li > a.active {
    background-color: #173964;
    font-weight: 500;
    color: #fff;
  }
  .container > .inner .aside .lnb > ul > li > a.close {
    background-color: #173964;
    background-image: url(../images/ico_lnb_on.png);
    font-weight: 400;
    color: #fff;
  }
  .container > .inner .aside .lnb > ul > li > a.close + .depth3 {
    border-top: 0;
  }
  .container > .inner .aside .lnb > ul > li .depth3 {
    display: block;
    padding: 15px 20px;
    border-top: 1px solid #d9d9d9;
    background-color: #f6f6f6;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li {
    margin-bottom: 12px;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li:last-child {
    margin-bottom: 0;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li > a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li > a:hover, .container > .inner .aside .lnb > ul > li .depth3 > li > a:focus, .container > .inner .aside .lnb > ul > li .depth3 > li > a.active {
    font-weight: 400;
    color: #085cb7;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li > a:hover:before, .container > .inner .aside .lnb > ul > li .depth3 > li > a:focus:before, .container > .inner .aside .lnb > ul > li .depth3 > li > a.active:before {
    background-image: url("../images/ico_lnb_depth_on.png");
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li > a:hover:after, .container > .inner .aside .lnb > ul > li .depth3 > li > a:focus:after, .container > .inner .aside .lnb > ul > li .depth3 > li > a.active:after {
    width: calc(100% - 14px);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li > a:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: url("../images/ico_lnb_depth.png") 0 0/100% no-repeat;
  }
  .container > .inner .aside .lnb > ul > li .depth3 > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 14px;
    width: 0;
    height: 6px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: rgba(0, 140, 212, 0.2);
  }
  .container > .inner .content {
    float: left;
    width: calc(100% - 240px);
  }
}
@media all and (min-width: 1210px), print {
  .inner {
    width: auto;
    padding: 0 15px;
  }
  /* header */
  .header {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
  }
  .header .header_top {
    display: block;
    background: #f6f6f6;
  }
  .header .header_top .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .header_top .inner .l {
    margin-right: auto;
  }
  .header .header_top .inner .r {
    margin-left: auto;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .header .header_top .hd_link_menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .header .header_top .hd_link_menu > li {
    border-left: 1px solid #d0d0d0;
  }
  .header .header_top .hd_link_menu > li:last-child {
    border-right: 1px solid #d0d0d0;
  }
  .header .header_top .hd_sns {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    margin-right: 20px;
    vertical-align: top;
  }
  .header .header_top .hd_sns > li {
    position: relative;
  }
  .header .header_top .hd_sns > li:not(:last-child) {
    margin-right: 20px;
  }
  .header .header_top .hd_sns > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header_top .hd_sns > li > a::before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 7px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 22px;
  }
  .header .header_top .hd_sns > li > a.open + .sns_link {
    display: block;
  }
  .header .header_top .hd_sns .sns_link {
    display: none;
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 100;
    padding: 10px 15px;
    border: 1px solid #666;
    border-radius: 10px;
    -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
  }
  .header .header_top .hd_sns .sns_link::after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: -7px;
    width: 0;
    z-index: 1;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 8px 6.5px;
  }
  .header .header_top .hd_sns .sns_link::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: -8px;
    width: 0;
    z-index: 0;
    border-color: #666 transparent;
    border-style: solid;
    border-width: 0 6px 8px 6.5px;
  }
  .header .header_top .hd_sns .sns_link li:not(:last-child) {
    margin-bottom: 5px;
  }
  .header .header_top .hd_sns .sns_link a {
    white-space: nowrap;
  }
  .header .header_top .hd_sns .sns_link a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .header .header_top .hd_sns .fac::before {
    background-image: url(../images/ico_sns_facebook.png);
  }
  .header .header_top .hd_sns .ins::before {
    background-image: url(../images/ico_sns_instagram.png);
  }
  .header .header_top .hd_sns .yut::before {
    background-image: url(../images/ico_sns_yutube.png);
  }
  .header .header_top .hd_sns .blog::before {
    background-image: url(../images/ico_sns_blog.png);
  }
  .header .header_top .hd_util_menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: top;
    height: 48px;
  }
  .header .header_top .hd_util_menu > li {
    position: relative;
  }
  .header .header_top .hd_util_menu > li:not(:first-child) {
    margin-left: 30px;
  }
  .header .header_top .hd_util_menu > li:not(:first-child)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #d0d0d0;
    right: calc(100% + 15px);
    top: 6px;
  }
  .header .header_top .hd_util_menu > li > a {
    display: inline-block;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: auto 16px;
  }
  .header .header_top .hd_util_menu > li > a.util_home {
    padding-left: 28px;
    background-image: url(../images/ico_home_lg.png);
  }
  .header .header_top .hd_util_menu > li > a.util_login {
    background-image: url(../images/ico_login.png);
  }
  .header .header_top .hd_util_menu > li > a.util_join {
    background-image: url(../images/ico_join.png);
  }
  .header .header_top .hd_link {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 20px;
  }
  .header .header_top .hd_link.on {
    background-color: #fff;
  }
  .header .header_cont {
    height: 97px;
  }
  .header .header_cont .inner .logo {
    width: 220px;
    height: 22.3px;
  }
.header .header_cont .inner .logo_campus {
	display: block !important;
	width: 136px;
  	height: auto;
}
.header .header_cont .inner .logo_a {
	display: block !important;
	width: 105px;
  	height: auto;
  	margin-left: auto;
  	margin-right: 1.8%;
}
.header .header_cont .inner .logo_a .logo_voucher {
	display: block !important;
	width: 100%;
  	height: auto;
  	margin-left: auto;
  	margin-right: 0;
}

.header .header_cont .inner .logo_map {
	display: block !important;
}
.header .header_cont .inner .logo_campus_m {
	display: none !important;
}
.header .header_cont .inner .logo_map_m {
	display: none !important;
}  
.header .header_cont .inner .gnb_wrap {
    position: static;
    width: auto;
    height: auto;
    margin-left: auto;
  }
  .header .header_cont .inner .gnb_wrap:before {
    display: none;
  }
  .header .header_cont .inner .gnb_wrap .m_gnb_head {
    display: none;
  }
  .header .header_cont .inner .gnb_wrap .gnb {
    position: static;
    height: 100%;
    overflow: initial;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul {
    padding: 0;
    font-size: 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li {
    display: inline-block;
    width: auto;
    padding: 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li:not(:first-child) {
    margin-left: 30px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li:not(:first-child) > a {
    border-top: 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a {
    position: relative;
    padding: 33px 0;
    font-size: 20px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a:before, .header .header_cont .inner .gnb_wrap .gnb > ul > li > a:after {
    content: "";
    position: absolute;
    top: 61px;
    left: 50%;
    margin-left: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a:before {
    background: #008cd4 !important;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a:after {
    background: #085cb7;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.gnb_campus {
    background: transparent;
    color: #222;
    margin: 0;
    padding: 33px 0;
    -webkit-transition: background-color 0s;
    transition: background-color 0s;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.gnb_campus:before {
    width: 5px;
    height: 5px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active {
    display: block;
    width: auto;
    padding: 33px 0;
    background: none;
    color: #008cd4;
    z-index: 10;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active:before, .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active:after {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active:before {
    top: 71px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active:after {
    top: 81px;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li > a.active + .gnb_inner {
    display: block;
    z-index: 10;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    top: calc(100% - 1px);
    display: none;
    border-top: 1px solid #e9e9e9;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner > .l,
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r {
    display: table-cell;
    vertical-align: top;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l {
    width: 25.4vw;
    text-align: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l .info {
    display: inline-block;
    width: 350px;
    padding: 50px 15px 50px 10px;
    text-align: left;
    color: #fff;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l .info h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l .info > a {
    display: block;
    width: 34px;
    height: 34px;
    background: url("../images/ico_gnb_link.png") 0 0/100% no-repeat;
    margin-top: 50px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l.bg01 {
    background-image: url("../images/bg_gnb01.jpg");
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r {
    background: #fff;
    padding: 45px 15px 45px 50px;
    height: 372px;
    max-height: calc(100vh - 180px);
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333333333% - 30px);
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:last-child) {
    margin-bottom: 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:nth-child(3n)) {
    margin-right: 40px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:nth-child(-n+3)) {
    margin-top: 40px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:hover > a, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:focus > a {
    color: #085cb7;
    border-color: #085cb7;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:hover > a:after, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:focus > a:after {
    background-image: url("../images/ico_depth_on.png");
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a {
    font-size: 20px;
    padding: 0 30px 17px 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a:after {
    display: none;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul {
    display: block;
    padding-top: 30px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li {
    padding-left: 11px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:not(:first-child) {
    margin-top: 10px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:after {
    top: 12px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li a {
    font-size: 17px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:hover a, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:focus a {
    font-weight: 500;
    color: #222;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:hover:after, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:focus:after {
    background: #222;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.active + ul {
    display: block;
  }
  .header .header_cont .inner .header_btn {
    margin-left: 0px;
  }
  .header .header_cont .inner .header_btn > a {
    width: 26px;
    height: 26px;
    font-size: 16px;
    vertical-align: middle;
  }
  .header .header_cont .inner .header_btn > a:not(:first-child) {
    margin-left: 15px;
  }
  .container {
    padding-top: 0;
  }
  .container .sub_visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-position: 50% 0;
  }
  .container > .inner .aside {
    width: 260px;
    margin-right: 50px;
  }
  .container > .inner .content {
    width: calc(100% - 310px);
  }
  /* footer */
  .footer .foot_menu {
    display: block;
    margin-left: 118px;
  }
  .footer .foot_menu > div {
    display: inline-block;
    vertical-align: top;
    margin-top: -6px;
  }
  .footer .foot_menu > div > a {
    display: block;
    color: #9a9fa5;
    font-weight: 400;
  }
  .footer .foot_menu > div > a:not(:first-child) {
    margin-top: 12px;
  }
  .footer .foot_menu > div > a strong {
    color: #fff;
  }
  .footer .foot_menu > div:last-child {
    margin-left: 40px;
  }
  .footer .address {
    margin-left: 80px;
  }
}
@media screen and (min-width: 1310px), print {
  .header .header_cont .inner .gnb_wrap .gnb > ul > li:not(:first-child) {
    margin-left: 50px;
  }
  .header .header_cont .inner .header_btn {
    margin-left: 0px;
  }
  .header .header_cont .inner .header_btn > a:not(:first-child) {
    margin-left: 30px;
  }
  .footer .family_site > ul > li .family_list {
    padding: 20px 0;
  }
  .footer .family_site > ul > li .family_list > ul {
    position: relative;
    font-size: 0;
    max-height: none;
    overflow: auto;
  }
  .footer .family_site > ul > li .family_list > ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #79828b;
  }
  .footer .family_site > ul > li .family_list > ul > li {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    margin: 0 0 0 15px;
  }
  .footer .family_site > ul > li .family_list > ul > li:not(:nth-child(-n+2)) {
    margin-top: 10px;
  }
}
@media all and (min-width: 1467px), print {
  .inner {
    width: 1440px;
    margin: 0 auto;
    padding: 0;
  }
  /* header */
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    display: none;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner > .l,
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r {
    display: table-cell;
    vertical-align: top;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l {
    width: 25.4vw;
    text-align: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l .info {
    display: inline-block;
    width: 350px;
    padding: 50px 10px 50px 0;
    text-align: left;
    color: #fff;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l .info h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l .info > a {
    display: block;
    width: 34px;
    height: 34px;
    background: url("../images/ico_gnb_link.png") 0 0/100% no-repeat;
    margin-top: 50px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .l.bg01 {
    background-image: url("../images/bg_gnb01.jpg");
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r {
    width: 1090px;
    background: #fff;
    padding: 45px 0 45px 50px;
    height: 372px;
    max-height: calc(100vh - 180px);
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul {
    width: 1040px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333333333% - 30px);
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:last-child) {
    margin-bottom: 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:nth-child(3n)) {
    margin-right: 40px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:not(:nth-child(-n+3)) {
    margin-top: 40px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:hover > a, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:focus > a {
    color: #085cb7;
    border-color: #085cb7;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:hover > a:after, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li:focus > a:after {
    background-image: url("../images/ico_depth_on.png");
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a {
    font-size: 20px;
    padding: 0 30px 17px 0;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a:after {
    top: 5px;
    width: 25px;
    height: 25px;
    background-image: url("../images/ico_depth.png");
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul {
    display: block;
    padding-top: 30px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li {
    padding-left: 11px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:not(:first-child) {
    margin-top: 10px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:after {
    top: 12px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li a {
    font-size: 17px;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:hover a, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:focus a {
    font-weight: 500;
    color: #222;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:hover:after, .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > ul > li:focus:after {
    background: #222;
  }
  .header .header_cont .inner .gnb_wrap .gnb > ul > li .gnb_inner .r > ul > li > a.active + ul {
    display: block;
  }
  /* footer */
  .footer .inner {
    position: relative;
    padding-right: 90px;
  }
  .footer .logo02 {
    position: absolute;
    right: 0;
    top: 0;
    width: 86px;
    height: 55px;
    background: url("../images/foot_logo02.png") 0 0/100% no-repeat;
  }
  .footer .wa_mark {
    position: absolute;
    right: 0;
    top: 65px;
  }
  .footer .wa_mark a img {
    width: 90px;
  }
}
/* Common */
/*----- mobile -----*/
.blind {
  position: absolute;
  left: -1000%;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
}

.d_b {
  display: block !important;
}

.d_i_b {
  display: inline-block !important;
}

.d_f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ofh {
  overflow: hidden;
}

.fwl {
  font-weight: 300 !important;
}

.fwr {
  font-weight: 400 !important;
}

.fwm {
  font-weight: 500 !important;
}

.fwb {
  font-weight: 600 !important;
}

.bold {
  font-weight: 400;
  color: #222;
}

b {
  font-weight: bold !important;
}

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

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

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

.v_top {
  vertical-align: top !important;
}

.v_mid {
  vertical-align: middle !important;
}

.v_btm {
  vertical-align: bottom;
}

.f_l {
  float: left;
}

.f_r {
  float: right;
}

.color_default {
  color: #666;
}

.color_black {
  color: #222 !important;
}

.color_white {
  color: #fff !important;
}

.color_red {
  color: #D2042D !important;
}

.color_blue {
  color: #085cb7 !important;
}

.color_blue2 {
  color: #008cd4 !important;
}

.color_green {
  color: #00783B !important;
}

.color_orange {
  color: #f45f1e !important;
}

.color_gray {
  color: #666 !important;
}

.color_navy {
  color: #173964 !important;
}

.color_yellow {
  color: #eda206 !important;
}

.bg_gray {
  background-color: #666 !important;
}

.bg_gray02 {
  background-color: #888 !important;
}

.bg_light_gray {
  background-color: #999 !important;
}

.bg_navy {
  background-color: #173964 !important;
}

.bg_blue {
  background-color: #085cb7 !important;
}

.bg_orange {
  background-color: #f45f1e !important;
}

.bg_green {
  background-color: #00a651 !important;
}

.bg_light_blue {
  background-color: #edf7fc !important;
}

.bg_white {
  background: #fff !important;
}

.txt_underline {
  text-decoration: underline;
}

.tit {
  margin-bottom: 17px;
  padding-left: 27px;
  background: url("../images/bg_tit.png") no-repeat;
  background-position: 0 1px;
  background-size: 19px;
  line-height: 1;
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.sub_tit {
  margin-bottom: 15px;
  padding-left: 16px;
  background: url("../images/bg_sub_tit.png") no-repeat;
  background-position: 1px 5px;
  background-size: 9px;
  line-height: 1;
  font-size: 17px;
  font-weight: 500;
  color: #222;
}

.section + .section {
  margin-top: 35px;
}

.sub_section + .sub_section {
  margin-top: 25px;
}

ul[class^=list_] > li,
ol[class^=list_] > li {
  position: relative;
  font-size: 16px;
}
ul[class^=list_] > li:last-child,
ol[class^=list_] > li:last-child {
  margin-bottom: 0;
}
ul[class^=list_] > li:before,
ol[class^=list_] > li:before {
  content: "";
  position: absolute;
  left: 0;
  background: #999;
  color: #666;
}
ul[class^=list_] > li > ul,
ul[class^=list_] > li ol,
ol[class^=list_] > li > ul,
ol[class^=list_] > li ol {
  margin-top: 4px;
}
.list_square > li {
  padding-left: 10px;
  margin-bottom: 5px;
}
.list_square > li:before {
  top: 11px;
  width: 4px;
  height: 4px;
}

.list_dash > li {
  padding-left: 12px;
}
.list_dash > li:before {
  top: 12px;
  width: 6px;
  height: 1px;
}

.list_mark > li:before {
  content: "※" !important;
  display: inline-block;
  margin-right: 3px;
  position: static !important;
  font-size: 16px;
  background: transparent !important;
}
.list_check_bold > li:before {
  content: "✔" !important;
  display: inline-block;
  margin-right: 3px;
  position: static !important;
  font-size: 16px;
  background: transparent !important;
}

.list_dash > li,
.list_mark > li,
.list_check_bold > li,
.list_txt > li {
  margin-bottom: 3px;
}

.btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  font-size: 0;
}
.btn_wrap .l {
  margin-right: auto;
}
.btn_wrap .r {
  margin-left: auto;
}
.btn_wrap.txt_c {
  display: block;
}
.btn {
  display: inline-block;
  min-width: 70px;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  vertical-align: top;
  color: #fff;
}
.btn.btn_border {
  line-height: 44px;
}
.btn + .btn {
  margin-left: 15px;
}
.btn.sm {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 300;
}
.btn.md {
  height: 41px;
  line-height: 41px;
  font-size: 16px;
  font-weight: 300;
  padding: 0 17px;
}
.btn.md.btn_border {
  line-height: 39px;
}
.btn.md + .btn {
  margin-left: 10px;
}
.btn.w_full {
  width: 100%;
}

.btn_border {
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  color: #666;
}

.ck-lb,
.rd-lb {
  display: inline-block;
  margin-right: 12px;
  font-size: 0;
}
.ck-lb > input:focus + label,
.rd-lb > input:focus + label {
  outline: 1px dotted #085cb7;
}
.ck-lb > label,
.rd-lb > label {
  display: inline-block;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: 0 4px;
  background-size: 18px;
  font-size: 16px;
}
.ck-lb > input[type=checkbox]:checked + label {
  background-image: url(../images/ico_chkbox_on.png);
}
.ck-lb > label {
  background-image: url(../images/ico_chkbox.png);
}

.rd-lb > input[type=radio]:checked + label {
  background-image: url(../images/ico_rd_on.png);
}
.rd-lb > label {
  display: inline-block;
  background-image: url(../images/ico_rd.png);
}

.ck-lb.single > label,
.rd-lb.single > label {
  width: 18px;
  height: 18px;
  padding-left: 0;
  background-position-y: 0;
}
.ck-lb.mgn,
.rd-lb.mgn {
  margin-right: 0;
}

.pagination {
  margin-top: 20px;
  font-size: 0;
  text-align: center;
}
.pagination li:not(:first-child) {
  margin-left: 5px;
}
.pagination a {
  display: inline-block;
  width: 27px;
  height: 27px;
  font-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.pagination a.first, .pagination a.last {
  background-image: url(../images/ico_page01.png);
  background-size: 12px;
}
.pagination a.prev, .pagination a.next {
  background-image: url(../images/ico_page02.png);
  background-position: 5px 50%;
  background-size: 7px;
}
.pagination a.next, .pagination a.last {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination .page_num {
  display: inline-block;
}
.pagination .page_num:after {
  content: "";
  display: block;
  clear: both;
}
.pagination .page_num > li {
  position: relative;
  float: left;
}
.pagination .page_num > li.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  background: #666;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.pagination .page_num > li.active > a {
  font-weight: 500;
  color: #fff;
}
.pagination .page_num > li > a {
  display: table-cell;
  vertical-align: middle;
}

.img_box {
  position: relative;
  font-size: 0;
}
.img_box img {
  width: 100%;
}
.img_box > .btn_img_size {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 0 17px;
  height: 41px;
  line-height: 40px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 25px;
}
.img_box > .btn_img_size:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 18px;
  margin-right: 10px;
  vertical-align: -3px;
  background: url("../images/ico_img.png") 0 0/100% no-repeat;
}

.tab {
  position: relative;
  margin-bottom: 30px;
}
.tab .btn_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border-radius: 0 0 20px 0;
  background: #008cd4 url("../images/bg_tab.png") no-repeat;
  background-position: calc(100% - 15px) 100%;
  background-size: 55px;
  height: 50px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.tab .btn_tab:after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 12px;
  background: url("../images/ico_donw_arr.png") 0 0/100% no-repeat;
}
.tab .btn_tab.active + ul {
  display: block;
}
.tab > ul {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #008cd4;
  font-size: 0;
  z-index: 2;
}
.tab > ul > li > a {
  display: block;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  font-size: 17px;
}
.tab > ul > li > a.active, .tab > ul > li > a:hover, .tab > ul > li > a:focus {
  background: #e9f6fd;
  color: #008cd4;
  font-weight: 500;
}

.tab02 {
  margin-bottom: 30px;
}
.tab02 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.tab02 > ul > li {
  width: calc(50% - 10px);
  margin: 10px 0 0 10px;
}
.tab02 > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #d9d9d9;
  text-align: center;
  padding: 7px 10px;
}
.tab02 > ul > li > a:before {
  content: "";
  display: none;
  width: 18px;
  height: 18px;
  background: url("../images/ico_tab_chk.png") 0 0/100% no-repeat;
}
.tab02 > ul > li > a.active {
  background: #00a651;
  border-color: #00a651;
  font-weight: 400;
  color: #fff;
}
.tab02 > ul > li > a.active:before {
  display: inline-block;
  margin-right: 7px;
}

.list_board_top {
  margin-bottom: 15px;
}
.list_board_top strong {
  font-weight: 500;
  color: #085cb7;
}
.list_board_top .l {
  padding-top: 20px;
}
.list_board_top .l span {
  display: inline-block;
  font-size: 15px;
}
.list_board_top .l span:not(:last-child) {
  margin-right: 11px;
}
.list_board_top .l span.total {
  padding-left: 18px;
  background: url(../images/ico_total_post.png) no-repeat;
  background-position: 0 5px;
  background-size: 11px;
}
.list_board_top .r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
.list_board_top .r.flex_column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list_board_top .r.flex_column > .select_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.list_board_top .r.flex_column > .select_wrap select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list_board_top .r.flex_column > .select_wrap select:last-child {
  margin: 0;
}
.list_board_top .r.flex_column .list_search {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-top: 5px;
}
.list_board_top .r select {
  width: 90px;
  margin-right: 5px;
}
.list_board_top .r .list_search_txt {
  font-size: 16px;
  margin-right: 6px;
}
.list_board_top .r .list_search {
  position: relative;
  display: inline-block;
  width: calc(100% - 95px);
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding-right: 36px;
  height: 41px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list_board_top .r .list_search input[type=text] {
  border: 0;
  width: 100%;
  height: 100%;
}
.list_board_top .r .list_search input[type=text]::-webkit-input-placeholder {
  color: #666 !important;
}
.list_board_top .r .list_search input[type=text]::-moz-placeholder {
  color: #666 !important;
}
.list_board_top .r .list_search input[type=text]:-ms-input-placeholder {
  color: #666 !important;
}
.list_board_top .r .list_search input[type=text]::-ms-input-placeholder {
  color: #666 !important;
}
.list_board_top .r .list_search input[type=text]::placeholder {
  color: #666 !important;
}
.list_board_top .r .list_search .btn_search {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 36px;
  height: calc(100% + 2px);
  background: #085cb7 url("../images/btn_list_search.png") 50%/100% no-repeat;
  border-radius: 6px;
}

.board_box {
  border: 1px solid #d9d9d9;
}
.board_box + .board_box {
  margin-top: 15px;
}
.board_box .cate {
  display: inline-block;
  min-width: 100px;
  padding: 7px 17px;
  background: #f6f6f6;
  font-size: 14px;
  text-align: center;
}
.board_box .cate > strong {
  font-size: 16px;
  color: #173964;
}
.board_box .cate.cate_notice {
  background: #00a651;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}
.board_box .cate.cate_notice:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: -2px;
  background: url("../images/ico_notice_m.png") 0 0/100% no-repeat;
}
.board_box .info {
  padding: 15px 17px;
}
.board_box .info .board_tit > a,
.board_box .info .board_tit > strong {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  vertical-align: middle;
}
.board_box .info .board_tit > span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.board_box .info .board_tit > span.post_lock {
  width: 11px;
  height: 15px;
  background: url("../images/ico_lock.png") 0 0/100% no-repeat;
}
.board_box .info > ul {
  margin-top: 5px;
}
.board_box.board_faq .faq_state {
  margin-top: 15px;
  text-align: right;
}
.board_box.board_faq .faq_state > span {
  min-width: 88px;
  text-align: center;
}
.board_box.board_down .btn_down {
  text-align: right;
  font-size: 0;
  margin-top: 10px;
}
.board_box.board_down .btn_down > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: 0 0/100% no-repeat;
  background-image: url("../images/ico_download_m.jpg");
}

.post_new {
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 21px;
  font-size: 14px;
  font-weight: 500;
  color: #b84107;
  background: #f7e4dc;
  border-radius: 50%;
  text-align: center;
}

.view_wrap .view_con {
  padding: 0 20px 30px;
/*   border-bottom: 1px solid #d9d9d9;*/
  font-size: 16px;
  word-break: break-word;
  font-weight: normal;
}
.view_wrap .view_con table {
  table-layout: auto;
}
.view_wrap .view_con .view_file {
  background: #f6f6f6;
  padding: 17px 17px 20px;
  margin-top: 30px;
}
.view_wrap .view_con .view_file > strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin-bottom: 5px;
}
.view_wrap .view_con img {
  max-width: 100%;
}
.view_wrap .view_nav {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
/*  margin-top: 30px;*/
}
.view_wrap .view_nav ul > li {
  line-height: 50px;
}
.view_wrap .view_nav ul > li:not(:first-child) {
  border-top: 1px solid #d9d9d9;
}
.view_wrap .view_nav ul > li.prev dt {
  background-image: url("../images/ico_post_prev.png");
}
.view_wrap .view_nav ul > li.next dt {
  background-image: url("../images/ico_post_next.png");
  background-position-y: calc(50% + 1px);
}
.view_wrap .view_nav ul > li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}
.view_wrap .view_nav ul > li dl dt {
  width: 82px;
  font-weight: 500;
  color: #222;
  padding: 0 20px;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 0 50%;
}
.view_wrap .view_nav ul > li dl .nav_tit {
  width: calc(100% - 82px);
}
.view_wrap .view_nav ul > li dl .nav_tit > a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view_wrap .view_nav ul > li dl .date {
  display: none;
}

.view_tit {
  border-top: 1px solid #354252;
  padding: 17px;
  margin-bottom: 30px;
}
.view_tit .cate {
  margin-bottom: 16px;
}
.view_tit .info {
  padding: 0;
}
.view_tit .info .board_tit strong {
  font-size: 19px;
  line-height: 1.3;
}
.view_tit.view_tit2 {
  border-top-color: #d9d9d9;
}
.view_tit.view_tit2:hover {
  border-top-color: #d9d9d9;
}
.view_tit .cate_border {
  margin-bottom: 6px;
}

.view_add_file > li {
  padding-left: 21px;
  background: url("../images/ico_file.png") no-repeat;
  background-position: 0 5px;
  background-size: 16px;
  font-size: 16px;
}
.view_add_file > li:not(:first-child) {
  margin-top: 7px;
}
.view_add_file > li > a {
  display: inline-block;
  margin-left: 5px;
}

span[class^=cate_],
a[class^=cate_] {
  display: inline-block;
  border-radius: 15px;
  height: 30px;
  padding: 0 15px;
  line-height: 28px;
  font-size: 16px;
}

.cate_border {
  border-width: 1px;
  border-style: solid;
  border-color: currentColor !important;
  background-color: #fff;
}

.top_info_box {
  position: relative;
  margin-bottom: 30px;
  background: url("../images/bg_box_line.jpg") 0 0 repeat-x;
  background-size: auto 4px;
  font-size: 16px;
}
.top_info_box > div {
  padding: 26px 21px;
}
.top_info_box .info_tit {
  display: block;
  margin-bottom: 6px;
  color: #222;
  font-size: 17px;
  font-weight: 500;
}
.top_info_box:before, .top_info_box:after {
  content: "";
  position: absolute;
  left: 0;
}
.top_info_box:before {
  top: 0;
  width: 100px;
  height: 40px;
  border-left: 4px solid #00a651;
  border-top: 4px solid #00a651;
}
.top_info_box:after {
  bottom: 0;
  width: 100%;
  height: 4px;
  background: url("../images/bg_box_line.jpg") 0 0 repeat-x;
  background-size: auto 4px;
}

.tbl_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 17px;
}
.tbl_tit.column_direction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 12px;
}
.tbl_tit.column_direction .l .tit {
  margin-bottom: 17px;
}
.tbl_tit .l {
  margin-right: auto;
}
.tbl_tit .l .tit {
  margin-bottom: 0;
}
.tbl_tit .r {
  margin-left: auto;
  font-size: 16px;
}

.board_write {
  border-top: 1px solid #354252;
  border-bottom: 1px solid #d9d9d9;
}
.board_write.default_th .div_th {
  width: 100px;
}
.board_write.md_th .div_th {
  width: 98px;
}
.board_write.default_th2 .div_th {
  width: 108px;
}
.board_write.lg_th .div_th {
  width: 133px;
}
.board_write > .row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.board_write > .row:not(:last-child), .board_write > .row > .cell_div:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.board_write > .row:last-child > .row:last-child {
  border-bottom: 0;
}
.board_write > .row .div_th {
  display: table-cell;
  padding: 15px 15px;
  background-color: #f6f6f6;
  word-break: break-all;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.board_write > .row .div_td {
  display: table-cell;
  padding: 4px 15px;
  background-color: #fff;
  vertical-align: middle;
  font-size: 16px;
}
.board_write > .row .txt_td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.board_write.board_view .div_th {
  border-right: 1px solid #d9d9d9;
}
.board_write.bor_top_gray {
  border-top-color: #d9d9d9;
}

.email_inp .wr1 input[type=text] {
  width: calc(100% - 19px);
}
.email_inp .wr2 {
  margin-top: 5px;
}
.email_inp .wr2 > * {
  width: calc(50% - 5px);
  margin-right: 5px;
}
.email_inp .wr2 > *:last-child {
  margin-right: 0;
}

.input_tel_box {
  margin-left: -23px;
}
.input_tel_box:after {
  content: "";
  display: block;
  clear: both;
}
.input_tel_box > span {
  position: relative;
  float: left;
  width: calc(33.3% - 23px);
  margin-left: 23px;
}
.input_tel_box > span > input,
.input_tel_box > span > select {
  width: 100%;
}
.input_tel_box > span:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -1px;
  background: #666;
  width: 8px;
  height: 1px;
}

.addr_box .inp01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.addr_box .inp01 input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 70px);
}
.addr_box .inp01 > a {
  border-radius: 6px;
  height: 41px;
  line-height: 39px;
  margin: 0 0 0 5px;
  padding: 0 10px;
  font-size: 16px;
}
.addr_box .inp02 {
  margin-top: 5px;
}
.addr_box .inp02 > input {
  width: 100%;
}
.addr_box .inp02 > input:not(:first-child) {
  margin-top: 5px;
}

.w_full {
  width: 100%;
}

.birth_date_box {
  display: table;
}
.birth_date_box > span {
  display: table-cell;
  vertical-align: middle;
}
.birth_date_box > span > input {
  width: calc(100% - 21px);
  padding: 0 5px;
  margin-right: 2px;
}
.birth_date_box .year_inp {
  width: 35%;
}
.birth_date_box .mon_day_inp {
  padding-left: 15px;
}

.date {
  margin-bottom: -5px;
}
.date .date-inp {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  margin-bottom: 5px;
}
.date .date-inp > input {
  width: 100%;
}
.date .date-inp > button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: url("../images/btn_datepicker.png") no-repeat 0 0;
  background-size: 20px;
  text-indent: -1000%;
}
.date .date_char {
  margin-left: 4px;
  vertical-align: middle;
}

.inp_default {
  width: 100%;
}

.select_inp_box select {
  width: 100%;
}
.select_inp_box > *:not(:first-child) {
  margin-top: 5px;
}

.select_box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select_box > div:not(:first-child) {
  margin-top: 5px;
}
.select_box > div strong {
  margin-right: 7px;
}
.select_box > div select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.layer_popup_box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.layer_popup_box > .popup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% - 15px);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 101;
  background-color: #fff;
  border-radius: 0 12px 0 0;
  overflow: hidden;
}
.layer_popup_box > .popup > .popup_head {
  position: relative;
  padding: 10px 50px 10px 15px;
  background: #264368;
}
.layer_popup_box > .popup > .popup_head .popup_tit {
  font-weight: 500;
  font-size: 19px;
  color: #fff;
}
.layer_popup_box > .popup > .popup_content {
  max-height: calc(100vh - 125px);
  overflow-y: auto;
  padding: 30px 15px 0;
}
.layer_popup_box > .popup > .popup_content:after {
  content: "";
  display: block;
  height: 30px;
}
.layer_popup_box .btn_popup_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background: #f45f1e url("../images/btn_pop_close.png") no-repeat 50% 50%;
  background-size: 16px;
}
.layer_popup_box > .popup_size_540 {
  max-width: 540px;
}
.layer_popup_box > .popup_size_720 {
  max-width: 720px;
}
.layer_popup_box > .popup_size_923 {
  max-width: 923px;
}
.layer_popup_box > .popup_size_900 {
  max-width: 900px;
}

.list_pic_news > ul {
  padding-top: 25px;
  border-top: 1px solid #354252;
}
.list_pic_news > ul > li {
  margin-top: 25px;
  padding-bottom: 18px;
  border-bottom: 1px solid #d9d9d9;
}
.list_pic_news > ul > li:first-child {
  margin-top: 0;
}
.list_pic_news > ul > li .img > a {
  display: block;
}
.list_pic_news > ul > li .img > a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.list_pic_news > ul > li .news_tit {
  margin-top: 11px;
}
.list_pic_news > ul > li .news_tit > a {
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.list_pic_news > ul > li .news_tit .post_new {
  margin-left: 6px;
}
.list_pic_news > ul > li > span {
  display: block;
  margin-top: 3px;
  font-size: 16px;
}

.list_faq_box .faq_box {
  border: 1px solid #d9d9d9;
}
.list_faq_box .faq_box + .faq_box {
  margin-top: 15px;
}
.list_faq_box .faq_box .btn_faq {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 45px 20px 17px;
  font-size: 18px;
  font-weight: 500;
  color: #222;
  text-align: left;
}
.list_faq_box .faq_box .btn_faq:before {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -5px;
  width: 18px;
  height: 10px;
  background: url("../images/ico_down_arr.png") 0 0/100% no-repeat;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.list_faq_box .faq_box .a_con {
  padding: 17px 0 20px;
  font-size: 16px;
  border-top: 1px solid #d9d9d9;
  margin: 0 17px;
  display: none;
}
.list_faq_box .faq_box .a_con strong {
  color: #00a651;
}
.list_faq_box .faq_box .a_con table {
  table-layout: auto;
  max-width: 100% !important;
}
.list_faq_box .faq_box strong {
  display: block;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 500;
  color: #767676;
  font-family: "nixgonB";
  line-height: 1;
}
.list_faq_box .faq_box.active {
  border: 1px solid #354252;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.list_faq_box .faq_box.active .a_con {
  display: block;
}
.list_faq_box .faq_box.active .btn_faq:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.view_video_con .video > * {
  width: 100%;
}
.view_video_con .txt {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 17px 15px;
  height: 160px;
  overflow: hidden;
  margin-top: 15px;
}
.view_video_con .txt > div {
  height: 100%;
  overflow-y: auto;
}

.reply_user {
  display: inline-block;
}
.reply_user:before {
  content: "";
  display: inline-block;
  margin-right: 11px;
  width: 1px;
  height: 15px;
  background: #d9d9d9;
  vertical-align: -2px;
}

.privacy_agree_box {
  font-size: 16px;
  border: 1px solid #d9d9d9;
  padding: 17px 17px;
}
.privacy_agree_box .agree_con {
  max-height: 500px;
  overflow-y: auto;
}
.privacy_agree_box .agree_chk {
  border-top: 0px solid #d9d9d9;
  padding-top: 14px;
  margin-top: 14px;
}
.privacy_agree_box .agree_chk .r {
  text-align: right;
  margin-top: 3px;
  font-size: 0;
}

.popup_complete_box {
  padding-top: 101px;
  text-align: center;
  background: 50% 0 no-repeat;
  background-size: 90px;
  font-size: 16px;
}
.popup_complete_box.bg01 {
  background-image: url("../images/bg_popup_complete01.png");
}
.popup_complete_box.bg02 {
  background-image: url("../images/bg_popup_complete02.png");
}
.popup_complete_box .complete_tit {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.popup_complete_box .complete_tit.captcha_txt {
  margin-bottom: 9px;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  font-style: italic;
}
.popup_complete_box .captcha_inp {
  width: 242px;
  max-width: 100%;
}
.popup_complete_box .border_box {
  text-align: left;
  padding: 12px 17px;
  border: 2px solid #eee;
}

/*
* 240328 모집/교육 신청 > 특정 사업(사다리) 참가자격 확인 팝업 관련 
*/
.loading-indicator {
	display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    justify-content: center; /* 가로 방향 가운데 정렬 */
    align-items: center; /* 세로 방향 가운데 정렬 */
}

.spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px; /* 로더의 너비 */
    height: 120px; /* 로더의 높이 */
    animation: spin 2s linear infinite;
}
@media (max-width: 768px) {
	.loading-indicator {
	display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    justify-content: center; /* 가로 방향 가운데 정렬 */
    align-items: center; /* 세로 방향 가운데 정렬 */
	}
	
    .spinner {
        width: 80px; /* 로더의 너비를 작게 조정 */
        height: 80px; /* 로더의 높이를 작게 조정 */
    }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.precheck_popup {
    bottom: 0;
    align-items: flex-start; /* 상단 정렬 */
    overflow: hidden; /* 박스 밖의 내용을 숨깁니다 */
}

.layer_popup_box .flexible {
    margin-top: 20px; /* 상단 여백을 추가합니다 */
	width: 80%;
    max-height: 100vh; /* 뷰포트 높이에 맞춰 최대 높이를 설정합니다 */
    display: flex;
    overflow-y: auto;
    flex-wrap: wrap;
    justify-content: space-between; /* 요소 사이의 간격을 균등하게 조정 */
    padding: 15px 15px;
    gap: 15px;
}

.popup_content_cf { 
    width: calc(33.333% - 15px);
    border: 2px solid #eee;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 요소 사이의 간격을 균등하게 조정 */
	background-color: #efefef;
    
}

/* .popup_content_cf.yes {
    background-color: #d0eaff;
}

.popup_content_cf.no {
    background-color: #ffcccc;
}
 */
@media (max-width: 600px) {
	.precheck_popup {
    position: fixed; /* 팝업을 화면에 고정시킵니다 */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000; /* 다른 요소들 위에 팝업이 오도록 z-index를 높게 설정합니다 */
    justify-content: center; /* 가운데 정렬 */
    align-items: flex-start; /* 상단 정렬 */
    overflow: hidden; /* 박스 밖의 내용을 숨깁니다 */		
	}
	.layer_popup_box .flexible {
    width: 90%; /* 팝업의 폭을 설정합니다. 필요에 따라 조정하세요 */
    max-height: 90vh; /* 뷰포트 높이에 맞춰 최대 높이를 설정합니다 */
    overflow-y: auto; /* 세로 스크롤을 활성화합니다 */
    background-color: #fff; /* 배경색을 설정합니다 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 팝업에 그림자를 추가합니다 */
    margin-top: 20px; /* 상단 여백을 추가합니다 */
    border-radius: 8px; /* 팝업의 모서리를 둥글게 합니다 */
	}
    .popup_content_cf {
        width: 95%; /* 모바일 화면에서는 한 줄에 하나씩 표시 */
        display: flex;
        flex-direction: column;
		height: 90%;
		background-color: #eee;
    }
}

.chkrd {
	font-weight: bold;
}

.popup_complete_box_cf {
	overflow: auto;
	height: 60%;
    box-sizing: border-box;
    font-size: 18px;
}

.popup_complete_box_cf .complete_tit {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #222;
  text-align:left;
}
.popup_complete_box_cf .complete_tit.captcha_txt {
  margin-bottom: 9px;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  font-style: italic;
}
.popup_complete_box_cf .captcha_inp {
  width: 242px;
  max-width: 100%;
}
.popup_complete_box_cf .border_box {
  text-align: left;
  padding: 12px 17px;
  border: 2px solid #eee;
}
.btn .aply {
  border: 0px;
  height: 46px;
  padding: 0 20px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  vertical-align: top;
  color: #fff;
}


.bg-true{color:#fff; border-radius:5px; font-size: 18px;}
.bg-false{color:#fff; font-size: 18px; text-align: center;}
.bg-default{color:#00893e; font-size: 18px; text-align: center;}

.city-btns {
    display: flex;
    flex-wrap: wrap;
}

.city-btn {
    background-color: #FFFFFF;
    color: #0072B5; /* Cobalt blue */
    border: 1px solid #0072B5;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
/*    transition: background-color 0.3s, color 0.3s;*/
}

.city-btn.active {
    background-color: #0072B5;
    color: #FFFFFF;
}
.city-btn:hover {
    background-color: #0072B5;
    color: #FFFFFF;
}

/********************/

.table {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 1px solid #354252;
  border-bottom: 1px solid #d9d9d9;
}
.table .m_scroll {
  min-width: 650px;
}
.table th {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  padding: 15px 15px;
}
.table thead th {
  background: #edf7fc;
  border-bottom: 1px solid #d9d9d9;
}
.table thead th:not(:first-child) {
  border-left: 1px solid #d9d9d9;
}
.table tbody tr:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.table tbody th {
  background: #f6f6f6;
  border-right: 1px solid #d9d9d9;
  word-break: break-word;
}
.table tbody td {
  text-align: center;
  padding: 15px 15px;
  word-break: break-word;
}
.table tbody td:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}

.info-scroll {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  background: rgba(0, 0, 0, 0.3) url("../images/bg_tbl_scroll.png") 50% no-repeat;
  background-size: 99px;
  z-index: 1;
}

.cate_bg.color_blue {
  background-color: #e6f2fc;
  color: #0872ba;
}
.cate_bg.color_pink {
  background-color: #fcf0f0;
  color: #f22922;
}
.cate_bg.color_purple {
  background-color: #f3f1fd;
  color: #685bd8;
}
.cate_bg.color_emerald {
  background-color: #e1f0ef;
  color: #368b85;
}
.cate_bg.edu_end {
  background-color: #999;
  color: #fff;
}

@media print {
  @page {
    margin: 0 0.7cm;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  /*----- Print -----*/
  .accessibility,
  .header,
  .aside,
  .location,
  footer,
  .sub_visual {
    display: none !important;
  }
  .container {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .container .inner {
    width: 1100px;
    margin: 0;
  }
  .container .inner .content {
    margin: 0 auto;
    float: none;
  }
  #print_area {
    padding: 30px;
  }
  .doc_tit {
    margin-bottom: 20px !important;
  }
  .doc_tit + .box_gray {
    padding: 15px 20px;
  }
  .cert_tb th,
  .cert_tb td {
    padding: 8px 15px !important;
  }
}
.pc_img {
  display: none !important;
}

.m_img {
  display: block !important;
}

@media all and (min-width: 768px), print {
  /*----- pc -----*/
  .tit {
    margin-bottom: 25px;
    padding-left: 33px;
    background-position: 0 2px;
    background-size: 22px;
    font-size: 24px;
  }
  .sub_tit {
    margin-bottom: 20px;
    padding-left: 19px;
    background-size: 12px;
    font-size: 18px;
    line-height: 1.1;
    background-position: 0 4px;
  }
  .section + .section {
    margin-top: 60px;
  }
  .sub_section + .sub_section {
    margin-top: 40px;
  }
  .btn_wrap {
    margin-top: 30px;
  }
  .btn {
    min-width: 90px;
    height: 54px;
    line-height: 54px;
    padding: 0 30px;
    font-size: 18px;
  }
  .btn + .btn {
    margin-left: 20px;
  }
  .btn.btn_border {
    line-height: 52px;
  }
  .btn.sm {
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    min-width: auto;
  }
  .btn.md {
    height: 48px;
    line-height: 47px;
    padding: 0 25px;
  }
  .btn.md.btn_border {
    line-height: 46px;
  }
  ul[class^=list_] > li > ul,
  ul[class^=list_] > li ol,
  ol[class^=list_] > li > ul,
  ol[class^=list_] > li ol {
    margin-top: 9px;
  }
  .list_square > li {
    margin-bottom: 12px;
  }
  .list_dash > li,
  .list_mark > li,
  .list_check_bold > li,
  .list_txt > li {
    margin-bottom: 8px;
  }
  .list_mark > li:before {
    margin-right: 5px;
  }
  .list_check_bold > li:before {
    margin-right: 5px;
  }
  
  .ck-lb,
  .rd-lb {
    margin-right: 16px;
  }
  .ck-lb > label,
  .rd-lb > label {
    padding-left: 32px;
    background-size: 22px;
    background-position: 0 2px;
  }
  .ck-lb.single > label,
  .rd-lb.single > label {
    width: 22px;
    height: 22px;
  }
  .pagination {
    margin-top: 30px;
  }
  .pagination li:not(:first-child) {
    margin-left: 2px;
  }
  .pagination a {
    width: 30px;
    height: 30px;
    line-height: 29px;
    font-size: 16px;
  }
  .pagination a.first, .pagination a.last {
    background-size: 14px;
    margin-right: 2px;
  }
  .pagination a.prev, .pagination a.next {
    background-size: 8px;
  }
  .pagination .page_num > li.active:before {
    width: 30px;
    height: 30px;
  }
  .pagination + .btn_wrap {
    margin-top: -30px;
  }
  .tab {
    margin-bottom: 50px;
  }
  .tab .btn_tab {
    display: none;
  }
  .tab > ul {
    position: static;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: auto;
    background: transparent;
    border: 0;
    margin: 0 0 0 -4px;
  }
  .tab > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 4px;
  }
  .tab > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 17px 0;
    font-size: 18px;
    background-color: #f6f6f6;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-position: calc(100% - 20px) 100%;
  }
  .tab > ul > li > a.active, .tab > ul > li > a:hover, .tab > ul > li > a:focus {
    background: #008cd4 url("../images/bg_tab.png") no-repeat;
    background-position: calc(100% - 20px) 100%;
    background-size: auto;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 0 0 20px 0;
  }
  .tab.tab_type1 > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -4px 0 0 -4px;
  }
  .tab.tab_type1 > ul > li {
    width: calc(25% - 4px);
    margin: 4px 0 0 4px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .tab.tab_type2 > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -4px 0 0 -4px;
  }
  .tab.tab_type2 > ul > li {
    width: calc(20% - 4px);
    margin: 4px 0 0 4px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .tab02 {
    margin-bottom: 50px;
  }
  .tab02 > ul > li {
    width: calc(20% - 10px);
  }
  .tab02 > ul > li > a {
    padding: 11px 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .tab02 > ul > li > a:before {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -5px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .tab02 > ul > li > a.active, .tab02 > ul > li > a:hover {
    background: #00a651;
    border-color: #00a651;
    color: #fff;
    font-weight: 400;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .tab02 > ul > li > a.active:before, .tab02 > ul > li > a:hover:before {
    width: 22px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin-right: 8px;
  }
  .list_board_top {
    margin-bottom: 30px;
  }
  .list_board_top:after {
    content: "";
    display: block;
    clear: both;
  }
  .list_board_top .l {
    float: left;
    padding-top: 24px;
  }
  .list_board_top .l span {
    font-size: 16px;
  }
  .list_board_top .l span:not(:last-child) {
    margin-right: 14px;
  }
  .list_board_top .l span.total {
    padding-left: 23px;
    background-position: 0 4px;
    background-size: 14px;
  }
  .list_board_top .r {
    float: right;
  }
  .list_board_top .r.flex_column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list_board_top .r.flex_column > .select_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .list_board_top .r.flex_column > .select_wrap select {
    width: 150px;
    margin-right: 5px;
  }
  .list_board_top .r.flex_column .list_search {
    width: 300px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin: 0 0 0 5px;
  }
  .list_board_top .r select {
    width: 150px;
  }
  .list_board_top .r .list_search {
    width: 250px;
    padding-right: 44px;
    height: 48px;
  }
  .list_board_top .r .list_search .btn_search {
    width: 44px;
  }
  .board_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 26px 25px 26px 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .board_box + .board_box {
    margin-top: 20px;
  }
  .board_box .cate {
    width: 108px;
    text-align: center;
    padding: 7px 10px;
    background: transparent;
    font-size: 16px;
    text-align: center;
  }
  .board_box .cate > strong {
    display: block;
    font-size: 18px;
  }
  .board_box .cate.cate_notice {
    height: 56px;
    background: url("../images/ico_notice.png") 50%/56px no-repeat;
    font-size: 0;
    text-indent: -9999px;
  }
  .board_box .cate.cate_notice:before {
    display: none;
  }
  .board_box .info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-left: 2px dotted #e1e1e1;
    padding: 5px 0 5px 25px;
  }
  .board_box .info .board_tit > a,
  .board_box .info .board_tit > strong {
    font-size: 20px;
  }
  .board_box .info .board_tit > span {
    margin-left: 6px;
  }
  .board_box .info .board_tit > span.post_lock {
    width: 13px;
    height: 18px;
  }
  .board_box .info > ul {
    margin-top: 8px;
  }
  .board_box .info > ul li {
    display: inline-block;
  }
  .board_box .info > ul li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 16px;
  }
  .board_box:hover {
    border: 1px solid #354252;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  }
  .board_box.board_faq {
    padding: 26px 30px 26px 0;
  }
  .board_box.board_faq .info {
    position: relative;
    padding-right: 100px;
  }
  .board_box.board_faq .faq_state {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: 0;
  }
  .board_box.board_faq .faq_state > span {
    min-width: 83px;
  }
  .board_box.board_down {
    padding: 19px 25px 19px 0;
  }
  .board_box.board_down .cate {
    padding: 0 10px;
  }
  .board_box.board_down .info {
    position: relative;
    min-height: 41px;
    padding-right: 100px;
  }
  .board_box.board_down .info .board_tit {
    margin-bottom: 0;
  }
  .board_box.board_down .btn_down {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
  }
  .board_box.board_down .btn_down > a {
    display: block;
    width: 41px;
    height: 41px;
    background-image: url("../images/ico_download.jpg");
  }
  .board_box.cate_none .info {
    border-left: 0;
  }
  .post_new {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
  }
  .view_wrap .view_con {
    padding: 0 40px 50px;
  }
  .view_wrap .view_con .view_file {
    position: relative;
    padding: 30px 30px 30px 117px;
    margin-top: 50px;
  }
  .view_wrap .view_con .view_file > strong {
    position: absolute;
    left: 30px;
    top: 30px;
    margin-bottom: 0;
  }
  .view_wrap .view_nav {
/*    margin-top: 50px;*/
	margin-bottom: 50px;
  }
  .view_wrap .view_nav ul > li {
    line-height: initial;
  }
  .view_wrap .view_nav ul > li.next dt {
    background-position-y: 10px;
  }
  .view_wrap .view_nav ul > li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 64px;
    font-size: 16px;
  }
  .view_wrap .view_nav ul > li dl dt {
    width: 125px;
    padding: 0 30px 0 52px;
    background-position: 25px 50%;
  }
  .view_wrap .view_nav ul > li dl .nav_tit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: calc(100% - 250px);
    font-size: 0;
  }
  .view_wrap .view_nav ul > li dl .nav_tit > a,
  .view_wrap .view_nav ul > li dl .nav_tit > span {
    display: inline-block;
    max-width: 100%;
    font-size: 16px;
  }
  .view_wrap .view_nav ul > li dl .date {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    display: block;
    padding: 0 25px;
    width: 126px;
  }
  .view_tit {
    padding: 27px 25px 27px 0;
    margin-bottom: 50px;
  }
  .view_tit .cate {
    margin-bottom: 0;
  }
  .view_tit .cate + .info {
    padding: 0;
  }
  .view_tit .info {
    border: 0;
    padding-left: 25px;
  }
  .view_tit .info .board_tit strong {
    font-size: 22px;
  }
  .view_tit:hover {
    border: 1px solid #d9d9d9;
    border-top: 1px solid #354252;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: 0s;
    transition: 0s;
  }
  .view_tit .cate_border {
    margin: 0 15px 0 25px;
  }
  .view_tit .cate_border + .info {
    padding: 0;
  }
  .view_add_file > li {
    padding-left: 23px;
    background-position: 0 5px;
    background-size: 14px;
  }
  .view_add_file > li:not(:first-child) {
    margin-top: 12px;
  }
  .view_add_file > li > a {
    margin-left: 5px;
  }
  span[class^=cate_],
  a[class^=cate_] {
    display: inline-block;
    border-radius: 20px;
    height: 34px;
    padding: 0 19px;
    line-height: 32px;
  }
  .top_info_box {
    min-height: 144px;
    margin-bottom: 50px;
  }
  .top_info_box:before {
    width: 180px;
    height: 50px;
  }
  .top_info_box > div {
    padding: 40px 21px 40px 144px;
    background: 34px 39px/80px no-repeat;
  }
  .top_info_box > div.bg_info01 {
    background-image: url("../images/bg_info_box.png");
  }
  .top_info_box > div.bg_info02 {
    background-image: url("../images/bg_info_box02.png");
  }
  .top_info_box > div.bg_info03 {
    background-image: url("../images/bg_info_box03.png");
  }
  .top_info_box > div.bg_info04 {
    background-image: url("../images/bg_info_box04.png");
  }
  .top_info_box > div.bg_info05 {
    background-image: url("../images/bg_info_box05.png");
  }
  .top_info_box > div.bg_info06 {
    background-image: url("../images/bg_info_box06.png");
  }
  .top_info_box .info_tit {
    font-size: 18px;
    margin-bottom: 13px;
  }
  .tbl_tit {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px;
  }
  .tbl_tit.column_direction {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
    margin-bottom: 14px;
  }
  .tbl_tit.column_direction .l .tit {
    margin-bottom: 0;
  }
  .tbl_tit .tit {
    margin-bottom: 0;
  }
  .board_write.default_th .div_th {
    width: 130px;
    min-width: 130px;
  }
  .board_write.md_th .div_th {
    width: 158px;
    min-width: 158px;
  }
  .board_write.default_th2 .div_th {
    width: 185px;
    min-width: 185px;
  }
  .board_write.lg_th .div_th {
    width: 162px;
    min-width: 162px;
  }
  .board_write > .row .div_th {
    padding: 19px 15px 19px 30px;
    font-size: 16px;
  }
  .board_write > .row .div_td {
    padding: 7px 25px;
  }
  .board_write > .row .txt_td {
    padding-top: 19px;
    padding-bottom: 19px;
  }
  .board_write > .row .cell_div {
    display: table-cell;
    vertical-align: top;
  }
  .board_write > .row .cell_div:not(:last-child) {
    border-bottom: 0;
  }
  .board_write > .row .cell_div .div_th {
    vertical-align: middle;
  }
  .board_write > .row .cell_div .div_td {
    width: 100vw;
  }
  .board_write.board_view .cell_div:not(:first-child) .div_th {
    border-left: 1px solid #d9d9d9;
  }
  .board_write.board_view .div_th {
    padding: 19px 20px 19px 25px;
  }
  .email_inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .email_inp .wr1 {
    font-size: 0;
  }
  .email_inp .wr1 input[type=text] {
    width: 240px;
  }
  .email_inp .wr1 > span {
    display: inline-block;
    vertical-align: -3px;
    margin: 0 10px;
    font-size: 16px;
  }
  .email_inp .wr2 {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .email_inp .wr2 > * {
    width: calc(50% - 5px);
  }
  .input_tel_box {
    margin-left: -28px;
  }
  .input_tel_box > span {
    width: 100px;
    margin-left: 28px;
  }
  .input_tel_box > span:not(:last-child):before {
    right: -19px;
  }
  .addr_box .inp01 {
    display: block;
  }
  .addr_box .inp01 input[type=text] {
    width: 240px;
  }
  .addr_box .inp01 > a {
    height: 48px;
    line-height: 46px;
    padding: 0 15px;
  }
  .addr_box .inp02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .addr_box .inp02 > input {
    width: 50%;
  }
  .addr_box .inp02 > input:not(:first-child) {
    margin: 0 0 0 5px;
  }
  .birth_date_box {
    display: block;
  }
  .birth_date_box > span {
    display: inline-block;
  }
  .birth_date_box > span > input {
    padding: 0 10px;
    margin-right: 5px;
  }
  .birth_date_box .year_inp {
    width: auto;
  }
  .birth_date_box .year_inp > input {
    width: 160px;
  }
  .birth_date_box .mon_day_inp {
    padding-left: 0;
    margin-left: 10px;
  }
  .birth_date_box .mon_day_inp > input {
    width: 80px;
  }
  .date {
    margin: 0;
  }
  .date .date-inp {
    width: 180px;
    margin: 0;
  }
  .date .date-inp > button {
    top: 14px;
  }
  .date .date_char {
    margin: 0 6px;
  }
  .inp_default {
    width: 360px;
  }
  .select_inp_box select {
    width: 150px;
  }
  .select_inp_box > *:not(:first-child) {
    margin: 0 0 0 1px;
  }
  .select_box {
    display: inline-block;
    margin: -5px 0 0 -15px;
  }
  .select_box > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5px 0 0 15px;
  }
  .select_box > div strong {
    margin-right: 10px;
  }
  .select_box > div select {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 150px;
  }
  
  .layer_popup_box .popup {
    border-radius: 0 20px 0 0;
  }
  .layer_popup_box .popup .popup_head {
    padding: 18px 80px 19px 25px;
  }
  .layer_popup_box .popup .popup_head .popup_tit {
    font-size: 22px;
  }
  .layer_popup_box .popup .popup_content {
    max-height: calc(100vh - 246px);
    padding: 50px 25px 0;
  }
  .layer_popup_box .popup .popup_content:after {
    height: 50px;
  }
  .layer_popup_box .popup .btn_popup_close {
    width: 70px;
    height: 70px;
    background-size: 20px;
  }
  .layer_popup_box > .popup_size_540 {
    width: 540px;
  }
  .layer_popup_box > .popup_size_720 {
    width: 720px;
  }
  .layer_popup_box > .popup_size_940 {
    width: 940px;
  }
  .layer_popup_box > .popup_size_900 {
    width: 900px;
  }
  .list_pic_news > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 40px;
  }
  .list_pic_news > ul > li {
    position: relative;
    width: calc(33.3333333333% - 23px);
    margin: 40px 34px 0 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #d9d9d9;
  }
  .list_pic_news > ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .list_pic_news > ul > li:nth-child(-n+3) {
    margin-top: 0;
  }
  .list_pic_news > ul > li:not(:nth-child(3n)):before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 100%;
    width: 34px;
    height: 1px;
    background: #d9d9d9;
  }
  .list_pic_news > ul > li:first-child {
    margin-top: 0;
  }
  .list_pic_news > ul > li .img > a {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
  }
  .list_pic_news > ul > li .img > a img {
    aspect-ratio: 1/1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .list_pic_news > ul > li .img > a:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .list_pic_news > ul > li .news_tit {
    margin-top: 18px;
  }
  .list_pic_news > ul > li .news_tit > a {
    font-size: 20px;
  }
  .list_pic_news > ul > li .news_tit .post_new {
    margin-left: 10px;
  }
  .list_pic_news > ul > li > span {
    margin-top: 8px;
  }
  .list_faq_box .faq_box + .faq_box {
    margin-top: 20px;
  }
  .list_faq_box .faq_box .btn_faq {
    padding: 29px 55px 33px 79px;
    font-size: 20px;
  }
  .list_faq_box .faq_box .btn_faq:before {
    right: 20px;
    margin-top: -6px;
    width: 21px;
    height: 12px;
  }
  .list_faq_box .faq_box .a_con {
    position: relative;
    padding: 25px 0 31px 54px;
    margin: 0 20px;
  }
  .list_faq_box .faq_box .a_con strong {
    top: 29px;
    left: 14px;
  }
  .list_faq_box .faq_box strong {
    position: absolute;
    top: 33px;
    left: 30px;
    margin: 0;
    font-size: 28px;
  }
  .list_faq_box .faq_box.active {
    border: 1px solid #354252;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  }
  .list_faq_box .faq_box.active .a_con {
    display: block;
  }
  .list_faq_box .faq_box.active .btn_faq:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .view_video_con {
    position: relative;
    padding-right: 29.5%;
  }
  .view_video_con .video {
    position: relative;
    overflow: hidden;
    width: calc(100% - 20px);
    height: 0;
    padding-bottom: 54.8%;
  }
  .view_video_con .video > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
  }
  .view_video_con .txt {
    position: absolute;
    right: 0;
    top: 0;
    padding: 25px 20px;
    width: 29.5%;
    height: 100%;
    margin: 0 0 0 20px;
  }
  .reply_user:before {
    margin-right: 14px;
  }
  .privacy_agree_box {
    padding: 25px 25px 23px;
    margin-bottom: 50px; 
  }
  .privacy_agree_box .agree_con {
    max-height: 500px;
  }
  .privacy_agree_box .agree_chk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 0px 23px 0px;
  }
  .privacy_agree_box .agree_chk .l {
    margin-right: auto;
  }
  .privacy_agree_box .agree_chk .r {
    margin-left: auto;
    margin-top: 0;
  }
  .privacy_agree_box .agree_chk .r span:last-child {
    margin-right: 0;
  }
  .popup_complete_box {
    padding-top: 119px;
    background-size: 100px;
  }
  .popup_complete_box .complete_tit {
    margin-bottom: 14px;
    font-size: 20px;
  }
  .popup_complete_box .complete_tit.captcha_txt {
    margin-bottom: 15px;
  }
  .popup_complete_box .captcha_inp {
    width: 320px;
  }
  .popup_complete_box .border_box {
    padding: 21px 24px;
  }
  .table th {
    padding: 19px 25px;
  }
  .table tbody td {
    padding: 19px 25px;
  }
  .img_box .m_img {
    width: auto;
  }
  .img_box .btn_img_size {
    display: none;
  }
  .recruit_slide > ul > li > a:focus, .recruit_slide > ul > li > a:focus-visible,
  .family_list > ul > li > a:focus,
  .family_list > ul > li > a:focus-visible,
  .notice_tab > ul > li > a:focus,
  .notice_tab > ul > li > a:focus-visible,
  .popup_slide .swiper-slide > a:focus,
  .popup_slide .swiper-slide > a:focus-visible,
  .popup_slide_controller > button:focus,
  .popup_slide_controller > button:focus-visible,
  .org_slide .swiper-slide > a:focus,
  .org_slide .swiper-slide > a:focus-visible,
  .aside .lnb > ul > li > a:focus,
  .aside .lnb > ul > li > a:focus-visible {
    border: 2px dotted #ff1404 !important;
    outline: 0;
  }
  .select_tab .tab_list > li > a:focus, .select_tab .tab_list > li > a:focus-visible {
    border: 3px dotted blue !important;
    outline: 0;
  }
  .accessibility > a:focus, .accessibility > a:focus-visible,
  .list_board_top .r .list_search .btn_search:focus,
  .list_board_top .r .list_search .btn_search:focus-visible,
  .btn:focus,
  .btn:focus-visible,
  .keyword_search button:focus,
  .keyword_search button:focus-visible,
  .org1 > ul > li > a:focus,
  .org1 > ul > li > a:focus-visible,
  .org2 > ul > li > a:focus,
  .org2 > ul > li > a:focus-visible,
  .view_relate .swiper-button-prev.slide_prev:focus,
  .view_relate .swiper-button-prev.slide_prev:focus-visible,
  .view_relate .swiper-button-next.slide_next:focus,
  .view_relate .swiper-button-next.slide_next:focus-visible
   {
    outline: 2px dotted #ff1404 !important;
  }
  div.img > a:focus, div.img > a:focus-visible,
  li.gallery > a:focus, li.gallery > a:focus-visible {
    outline: 4px dotted #ff1404 !important;
  }
}
@media screen and (min-width: 1024px), print {
  .list_board_top .r .list_search {
    width: 300px;
  }
  .select_inp_box select {
    width: 240px;
  }
  .pc_img {
    display: block !important;
  }
  .m_img {
    display: none !important;
  }
}
@media screen and (min-width: 1210px), print {
  .email_inp .wr2 > * {
    width: 200px;
  }
}
.loader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.loader > .spin {
  width: 10em;
  height: 10em;
  margin: 0 auto;
  border-radius: 50%;
  font-size: 10px;
  position: relative;
  top: 50%;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.7);
  border-right: 1.1em solid rgba(255, 255, 255, 0.7);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.7);
  border-left: 1.1em solid #006cb8;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
}
.loader > .id-msg {
  position: relative;
  top: 53%;
  font-weight: 500;
  color: #fff;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*! jQuery UI - v1.11.4 - 2015-04-27
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=highlight_hard&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=highlight_hard&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=diagonals_thick&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=dots_small&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  text-decoration: none;
}
.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 18em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: calc(50% - 0.9em);
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: calc(50% - 0.9em);
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 3px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 43%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker table th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker table td {
  border: 0;
  padding: 1px;
}
.ui-datepicker table td span,
.ui-datepicker table td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #eee;
  background: #fff url("../images/common/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #333;
}
.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #e3a1a1;
  background: #c00 url("../images/common/ui-bg_highlight-soft_15_cc0000_1x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d8dcdf;
  background: #eee url("../images/common/ui-bg_highlight-hard_100_eeeeee_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #004276;
}

.ui-state-default a {
  color: #004276;
  text-decoration: none;
}
.ui-state-default a:link, .ui-state-default a:visited {
  color: #004276;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #cdd5da;
  background: #f6f6f6 url("../images/common/ui-bg_highlight-hard_100_f6f6f6_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #111;
}

.ui-state-hover a {
  color: #111;
  text-decoration: none;
}
.ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #111;
  text-decoration: none;
}

.ui-state-focus a {
  color: #111;
  text-decoration: none;
}
.ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #111;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #eee;
  background: #fff url("../images/common/ui-bg_flat_65_ffffff_40x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c00;
}

.ui-state-active a {
  color: #c00;
  text-decoration: none;
}
.ui-state-active a:link, .ui-state-active a:visited {
  color: #c00;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcd3a1;
  background: #fbf8ee url("../images/common/ui-bg_glass_55_fbf8ee_1x400.png") 50% 50% repeat-x;
  color: #444;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #444;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #c00;
  background: #f3d8d8 url("../images/common/ui-bg_diagonals-thick_75_f3d8d8_40x40.png") 50% 50% repeat;
  color: #2e2e2e;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #2e2e2e;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../images/ui-icons_cc0000_256x240.png");
}

.ui-widget-content .ui-icon {
  background-image: url("../images/ui-icons_cc0000_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
  background-image: url("../images/ui-icons_cc0000_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("../images/ui-icons_004276_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/ui-icons_cc0000_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start,
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px;
}

.ui-widget-overlay {
  background: #a6a6a6 url("../images/common/ui-bg_dots-small_65_a6a6a6_2x2.png") 50% 50% repeat;
  opacity: 0.4;
  filter: Alpha(Opacity=40);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #333 url("../images/common/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x;
  opacity: 0.1;
  filter: Alpha(Opacity=10);
  border-radius: 8px;
}

img.ui-datepicker-trigger {
  cursor: pointer;
}

/*----- mobile -----*/
.qna_login_box > div {
  border: 4px solid #eee;
  padding: 25px 45px;
  text-align: center;
}
.qna_login_box > div:not(:first-child) {
  margin-top: 15px;
}
.qna_login_box > div > strong {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.qna_login_box > div.phone_certi strong:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  margin: 12px auto 0;
  background: url("../images/login_phone.png") 0 0/100% no-repeat;
}
.qna_login_box .qna_login_form {
  margin-top: 9px;
}
.qna_login_box .qna_login_form > div {
  position: relative;
  width: 100%;
  height: 41px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.qna_login_box .qna_login_form > div:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: 0 0/100% no-repeat;
}
.qna_login_box .qna_login_form > div input {
  width: 100%;
  height: 100%;
  border: 0;
  padding-left: 40px;
}
.qna_login_box .qna_login_form > div input::-webkit-input-placeholder {
  color: #666 !important;
}
.qna_login_box .qna_login_form > div input::-moz-placeholder {
  color: #666 !important;
}
.qna_login_box .qna_login_form > div input:-ms-input-placeholder {
  color: #666 !important;
}
.qna_login_box .qna_login_form > div input::-ms-input-placeholder {
  color: #666 !important;
}
.qna_login_box .qna_login_form > div input::placeholder {
  color: #666 !important;
}
.qna_login_box .qna_login_form > div + div {
  margin-top: 10px;
}
.qna_login_box .qna_login_form > div.login_id:before {
  width: 20px;
  height: 20px;
  background-image: url("../images/ico_login_id_m.png");
}
.qna_login_box .qna_login_form > div.login_pw:before {
  width: 17px;
  height: 21px;
  background-image: url("../images/ico_login_pw_m.png");
}

.btn_link:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  background: url("../images/ico_link.png") 0 0/100% no-repeat;
  vertical-align: -1px;
}

.m_btn_wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.board_staff {
  border-top: 2px solid #00a651;
  padding: 15px 20px;
}
.board_staff .name {
  padding-bottom: 15px;
  border-bottom: 2px dotted #d9d9d9;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.board_staff .info {
  padding: 15px 0 0;
}

.map_wrap .map_info {
  position: relative;
  z-index: 10;
  margin: -111px auto 0;
  width: calc(100% - 40px);
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  background: #00a651;
  background: -webkit-gradient(linear, left top, right top, from(#00a651), to(#008cd4));
  background: linear-gradient(to right, #00a651, #008cd4);
  background: -webkit-linear-gradient(to right, #00a651, #008cd4);
}
.map_wrap .map_info ul > li:not(:first-child) {
  margin-top: 20px;
}
.map_wrap .map_info ul > li span {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 2px;
}
.map_wrap .map_info ul > li span:before {
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 9px;
  vertical-align: -2px;
  background-repeat: no-repeat;
  background-size: auto 15px;
  background-position: 0 0;
}
.map_wrap .map_info ul > li.bg_addr span:before {
  width: 12px;
  background-image: url("../images/ico_addr.png");
}
.map_wrap .map_info ul > li.bg_tel span:before {
  width: 14px;
  background-image: url("../images/ico_tel.png");
}
.map_wrap .map_info ul > li.bg_fax span:before {
  width: 16px;
  background-image: url("../images/ico_fax.png");
}

.transfer_con {
  padding-top: 139px;
  background: 0 0 no-repeat;
  background-size: 124px;
}
.transfer_con.bus {
  background-image: url("../images/ico_transfer_bus.jpg");
}
.transfer_con.car {
  background-image: url("../images/ico_transfer_car.jpg");
}
.transfer_con.subway {
  background-image: url("../images/ico_transfer_subway.jpg");
}
.transfer_con > ul > li:not(:first-child) {
  margin-top: 12px;
}
.transfer_con > ul.list_square > li {
  margin-bottom: 0;
}
.transfer_con > ul.list_square > li:not(:first-child) {
  margin: 10px 0 0 0;
}
.transfer_con .transfer_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
  color: #222;
}
.transfer_con .transfer_tit strong {
  font-size: 17px;
  font-weight: 500;
  color: #222;
  margin-right: 10px;
}
.transfer_con .transfer_tit > span {
  display: inline-block;
  width: 53px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  margin-right: 7px;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.transfer_con .transfer_tit > span.bg01 {
  background: #173964;
}
.transfer_con .transfer_tit > span.bg02 {
  background: #138922;
}
.transfer_con .transfer_tit > span.bg03 {
  background: #e05400;
}
.transfer_con .transfer_tit > span.bg04 {
  background: #1081c0;
}
.transfer_con .transfer_tit > span.bg06 {
  background: #b5500b;
}
.transfer_con .transfer_tit > span.bgSBD {
  background: #D4003B;
}
.transfer_con .transfer_tit > span.bg_mint {
  background: #5ba37f;
  width: auto;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  border-radius: 15px;
}

.service_top_box {
  padding: 19px 10px;
  border: 4px solid #eee;
  font-size: 21px;
  font-weight: 500;
  color: #222;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.3;
}

.customer_charter_box {
  background: #edf7fc;
  padding: 35px 12px;
  text-align: center;
}
.customer_charter_box .top h4 {
  font-size: 22px;
  font-weight: 500;
  color: #173964;
  margin-bottom: 14px;
}
.customer_charter_box .top h4:after {
  content: "";
  display: block;
  width: 100px;
  height: 12px;
  margin: 9px auto 0;
  background: url("../images/bg_customer.png") 0 0/100% no-repeat;
}
.customer_charter_box .top p {
  font-size: 17px;
  font-weight: 400;
}
.customer_charter_box .con {
  padding: 10px 15px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  margin-top: 25px;
}
.customer_charter_box .con > ul > li {
  padding: 20px 0;
}
.customer_charter_box .con > ul > li:not(:first-child) {
  border-top: 1px solid #d9d9d9;
}
.customer_charter_box .con > ul > li span {
  display: block;
  margin: 0 auto 9px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  font-weight: 500;
  color: #fff;
  background: #00a651;
  background: -webkit-gradient(linear, left top, right top, from(#00a651), to(#008cd4));
  background: linear-gradient(to right, #00a651, #008cd4);
  background: -webkit-linear-gradient(to right, #00a651, #008cd4);
}
.customer_charter_box .con > ul > li strong {
  display: block;
  font-size: 17px;
  margin-bottom: 2px;
}
.customer_charter_box .con.scroll_con {
  padding: 18px 25px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.customer_charter_box .con.scroll_con > ul {
  height: 403px;
  overflow-y: auto;
}
.customer_charter_box .con.scroll_con > ul > li {
  padding: 0;
  border: 0;
}
.customer_charter_box .con.scroll_con > ul > li:not(:first-child) {
  margin-top: 11px;
}
.customer_charter_box .con.scroll_con + .btm {
  margin-top: 20px;
}
.customer_charter_box .btm {
  margin-top: 25px;
  color: #222;
  font-weight: 400;
}
.customer_charter_box .btm strong {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: #222;
  margin-top: 10px;
}

.box_newsletter_form {
  border: 4px solid #eee;
  padding: 25px;
}
.box_newsletter_form > div + div {
  margin-top: 19px;
}
.box_newsletter_form > div > span {
  display: block;
  margin-bottom: 11px;
  font-weight: 500;
}

.name_inp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.name_inp input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.name_inp button.btn {
  border-radius: 6px;
  margin-left: 7px;
  padding: 0 10px;
}

.greeting_box {
  position: relative;
  padding: 0 25px 25px;
}
.greeting_box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 29px);
  background: #edf7fc;
}
.greeting_box:after {
  content: "";
  position: relative;
  display: block;
  width: 60%;
  height: 0;
  padding-bottom: 58%;
  background: url("https://gillcdn.cdn.gov-ntruss.com/asset/gill/images/bg_greeting.jpg") 50%/cover no-repeat;
  z-index: 1;
  margin-top: 15px;
}
.greeting_box .txt {
  position: relative;
  /*border-bottom: 4px solid #fff; 250502 블록처리*/ 
  padding: 64px 24px 35px;
}
.greeting_box .txt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  border-top: 4px solid #008cd4;
  border-left: 4px solid #008cd4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.greeting_box .txt strong {
  font-size: 21px;
  font-weight: 600;
  color: #222;
}
.greeting_box .txt strong:before {
  content: "";
  display: block;
  width: 30px;
  height: 25px;
  margin-bottom: 9px;
  background: url("../images/ico_quote.png") 0 0/100% no-repeat;
}

.box_border {
  border: 1px solid #d9d9d9;
  background: #f6f6f6;
  padding: 13px 17px;
}

.history_wrap > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history_wrap > div:not(:last-child) {
  margin-bottom: 17px;
}
.history_wrap > div:not(:last-child):before {
  content: "";
  position: absolute;
  left: 62px;
  top: 21px;
  height: 100%;
  border-left: 2px dotted #d8d8d8;
}
.history_wrap > div:nth-child(even) .year {
  color: #00a651;
}
.history_wrap > div:nth-child(even) .year:before {
  border-color: #00a651;
}
.history_wrap > div .year {
  position: relative;
  font-size: 19px;
  font-weight: 600;
  color: #085cb7;
  padding-right: 24px;
  margin-right: 13px;
  line-height: 1.4;
}
.history_wrap > div .year:before {
  content: "";
  position: absolute;
  right: 0;
  top: 7px;
  width: 12px;
  height: 12px;
  border: 3px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background: #fff;
  border-color: #085cb7;
}
.history_wrap > div ul li:not(:first-child) {
  margin-top: 15px;
}
.history_wrap > div ul li strong {
  margin-right: 12px;
  color: #222;
}

.btn_download:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/ico_down.png") 0 0/100% no-repeat;
  margin-right: 10px;
  vertical-align: middle;
}
.btn_download.btn_download_gray:before {
  background-image: url("../images/ico_down_gray.png");
}

.organization {
  text-align: center;
}
.organization .chairman {
  display: inline-block;
  width: 125px;
  height: 125px;
  background: #008cd4 url("../images/bg_chairman.png") 100% 100%/100% no-repeat;
  border-radius: 50%;
  line-height: 125px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.organization .org1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
.organization .org1:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 205px;
  background: #707070;
  z-index: -1;
}
.organization .org1 > ul {
  width: 100%;
}
.organization .org1 > ul > li {
  width: 100%;
  margin-top: 25px;
  text-align: center;
}
.organization .org1 > ul > li:nth-child(odd) {
  position: relative;
  text-align: right;
}
.organization .org1 > ul > li:nth-child(odd):before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 50%;
  height: 1px;
  background: #707070;
  z-index: -1;
}
.organization .org1 > ul > li > a {
  display: inline-block;
  text-align: center;
  width: 165px;
  line-height: 50px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.organization .org2 > ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 80px -25px -25px 0;
}

@media screen and (max-width: 950px), print {
	.organization .org2 > ul {  
	  display: flex;
	  -ms-flex-wrap: wrap;
	      flex-wrap: wrap;
	}
}

.organization .org2 > ul:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #707070;
  z-index: -1;
}
.organization .org2 > ul > li {
  position: relative;
  width: calc(50% - 25px);
  margin: 0 25px 25px 0;
}
.organization .org2 > ul > li:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  width: 1px;
  height: calc(100% + 25px);
  background: #707070;
  z-index: -1;
}
.organization .org2 > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border: 3px solid #173964;
  background: #fff;
  min-height: 74px;
  padding: 8px 10px;
  font-size: 17px;
  font-weight: 500;
  color: #222;
}
.organization .org2 > ul > li > ul {
  margin-top: 15px;
  border: 1px solid #d9d9d9;
}
.organization .org2 > ul > li > ul > li:not(:first-child) {
  border-top: 1px solid #d9d9d9;
}
.organization .org2 > ul > li > ul > li > a {
  display: block;
  padding: 13px 15px;
  text-align: center;
  background: #f6f6f6;
}
.organization .org3 {
  text-align: left;
  margin-top: 25px;
}
.organization .org3 > a {
  display: inline-block;
  min-width: 165px;
  padding: 13px 17px;
  font-size: 17px;
  font-weight: 500;
  color: #222;
  text-align: center;
}

.bg_yellow {
  background-color: #f2b330;
}

.search_board {
  border: 4px solid #eee;
  padding: 5px 20px;
  margin-bottom: 30px;
}
.search_board > ul > li {
  padding: 15px 0;
}
.search_board > ul > li:not(:first-child) {
  border-top: 1px solid #d9d9d9;
}
.search_board > ul > li > strong {
  display: block;
  margin-bottom: 11px;
  color: #222;
}
.search_board .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.search_board .date .date-inp {
  margin-bottom: 0;
}
.search_board .date .date_char {
  margin: 0 8px;
}
.search_board > .re_search {
  padding: 7px 0;
}
.search_board .chk_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -9px;
}
.search_board .chk_wrap > span {
  width: 33.3333333333%;
  margin-right: 0;
  margin-bottom: 9px;
}

.rd_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0;
  margin-bottom: -9px;
}
.rd_search > span {
  width: 50%;
  margin: 0;
  margin-bottom: 9px;
}

.keyword_search {
  position: relative;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding-right: 36px;
}
.keyword_search input {
  width: 100%;
  border: 0;
}
.keyword_search button {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 36px;
  height: calc(100% + 2px);
  background: #085cb7 url("../images/btn_list_search.png") 50%/100% no-repeat;
  border-radius: 6px;
}

.list_recruit .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.list_recruit .category .l {
  margin-right: auto;
  color: #008cd4;
  font-weight: 400;
}
.list_recruit .category .r {
  margin-left: auto;
}

.recruit_view_con {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px dotted #d9d9d9;
}
.recruit_view_con .con .txt {
  padding: 20px 20px;
  background: #f6f6f6;
  margin-top: 20px;
}
.recruit_view_con .con .txt > ul > li {
  position: relative;
  padding-left: 116px;
}
.recruit_view_con .con .txt > ul > li > strong {
  position: absolute;
  left: 9px;
  top: 0;
}

.btn_board.md {
  border-radius: 6px;
  padding: 0 10px;
}

.w_200 {
  width: 100%;
}

.list_teacher {
  border-top: 1px solid #354252;
}
.list_teacher > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0;
  border-bottom: 1px solid #d9d9d9;
}
.list_teacher > ul > li .img {
  width: 112px;
  margin-right: 17px;
}
.list_teacher > ul > li .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list_teacher > ul > li .txt > strong {
  position: relative;
  display: block;
  font-size: 18px;
  padding-bottom: 16px;
  margin-bottom: 11px;
  line-height: 1.3;
}
.list_teacher > ul > li .txt > strong:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -35px;
  width: 70px;
  height: 2px;
  background: #00a651;
}

.calendar_wrap .l .cal_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 9PX;
}
.calendar_wrap .l .cal_head > a {
  display: block;
  width: 9px;
  height: 17px;
  background: 0 0/100% no-repeat;
}
.calendar_wrap .l .cal_head > a.btn_prev {
  background-image: url("../images/btn_cal_prev.png");
}
.calendar_wrap .l .cal_head > a.btn_next {
  background-image: url("../images/btn_cal_next.png");
}
.calendar_wrap .l .cal_head h4 {
  font-size: 0;
  margin: 0 20px;
}
.calendar_wrap .l .cal_head h4 a {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #222;
}
.calendar_wrap .l .calendar {
  border-top: 1px solid #354252;
}
.calendar_wrap .l .calendar .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #d9d9d9;
}
.calendar_wrap .l .calendar .day > span {
  display: block;
  width: 14.2857142857%;
  padding: 11px 10px;
  color: #222;
  font-weight: 500;
  background: #edf7fc;
}
.calendar_wrap .l .calendar .day > span:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
.calendar_wrap .l .calendar .date_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.calendar_wrap .l .calendar .date_list > li {
  width: 14.2857142857%;
  border-bottom: 1px solid #d9d9d9;
}
.calendar_wrap .l .calendar .date_list > li:not(:nth-child(7n)) {
  border-right: 1px solid #d9d9d9;
}
.calendar_wrap .l .calendar .date_list > li.sun > a, .calendar_wrap .l .calendar .date_list > li.holiday > a {
  color: #ee3424 !important;
}
.calendar_wrap .l .calendar .date_list > li.sat > a {
  color: #085cb7 !important;
}
.calendar_wrap .l .calendar .date_list > li > a {
  position: relative;
  display: block;
  min-height: 80px;
  max-height: 90px;
  padding: 10px 10px;
}
.calendar_wrap .l .calendar .date_list > li > a > span {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.calendar_wrap .l .calendar .date_list > li > a .cal_cate {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 0;
  line-height: 0;
}
.calendar_wrap .l .calendar .date_list > li > a .cal_cate > span {
  display: block;
}
.calendar_wrap .l .calendar .date_list > li > a .cal_cate > span:not(:first-child) {
  margin-top: 3px;
}
.calendar_wrap .l .calendar .date_list > li > a .cal_cate > span.yellow {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f2b330;
}
.calendar_wrap .l .calendar .date_list > li > a .cal_cate > span.blue {
  width: 10px;
  height: 10px;
  background: #008cd4;
}
.calendar_wrap .l .calendar .date_list > li > a .cal_cate > span.green {
  border-bottom: 10px solid #00a651;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.calendar_wrap .l .calendar .date_list > li.today > a > span {
  position: relative;
  font-weight: 500;
  color: #173964;
}
.calendar_wrap .l .calendar .date_list > li.today > a > span:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #173964;
}
.calendar_wrap .l .calendar .date_list > li.active {
  background: #f6f6f6;
}
.calendar_wrap .l .calendar .sun,
.calendar_wrap .l .calendar .holiday {
  color: #ee3424 !important;
}
.calendar_wrap .l .calendar .sat {
  color: #085cb7 !important;
}
.calendar_wrap .r {
  margin-top: 25px;
  border: 4px solid #eee;
  padding: 15px 20px;
}
.calendar_wrap .r > h4 {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 12px;
  margin-bottom: 11px;
}
.calendar_wrap .r > h4:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -3px;
  margin-right: 7px;
  background: url("../images/ico_cal.png") 0 0/100% no-repeat;
}
.calendar_wrap .r > ul {
  height: 201px;
  overflow-y: auto;
}
.calendar_wrap .r > ul > li:not(:first-child) {
  margin-top: 7px;
}
.calendar_wrap .r > ul > li strong {
  display: block;
  color: #222;
  margin-bottom: 2px;
}
.calendar_wrap .r > ul > li strong:before {
  content: "";
  display: inline-block;
  margin-right: 5px;
}
.calendar_wrap .r > ul > li.yellow strong:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f2b330;
}
.calendar_wrap .r > ul > li.blue strong:before {
  width: 10px;
  height: 10px;
  background: #008cd4;
}
.calendar_wrap .r > ul > li.green strong:before {
  border-bottom: 10px solid #00a651;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.btn.btn_detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
}
.btn.btn_detail:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 5px;
  margin-left: 9px;
  background: url("../images/ico_search_arr.png") 0 0/100% no-repeat;
}
.btn.btn_detail.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.search_detail {
  display: none;
}

.list_board_top .r.w_full {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list_board_top .r.w_full .btn_detail {
  width: 100%;
}

.board_box.board_box_card .img_box {
  display: none;
}
.board_box.board_box_card .list_square > li {
  word-break: break-all;
}
.board_box.board_box_class .list_square > li {
  word-break: break-all;
}
.board_box.page_tit {
  position: relative;
  padding: 15px 40px;
}
.board_box.page_tit > a {
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  background: 50% no-repeat;
  background-size: 9px;
}
.board_box.page_tit > a.btn_prev {
  left: 0;
  background-image: url("../images/btn_page_prev.png");
}
.board_box.page_tit > a.btn_next {
  right: 0;
  background-image: url("../images/btn_page_next.png");
}
.board_box.page_tit h4 {
  font-size: 24px;
  font-weight: 600;
  color: #222;
  text-align: center;
}

.public_map_box {
  position: relative;
}
.public_map_box .public_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.public_map_box .public_btn > a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: 50%/auto no-repeat;
}
.public_map_box .public_btn > a:after {
  content: " ";
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -7px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-width: 11px 7px 0px 7px;
}
.public_map_box .public_btn > a.ico_heart {
  background-position: 50% calc(50% + 1px);
  background-image: url("../images/ico_heart.png");
}
.public_map_box .public_btn > a.ico_star {
  background-position: 50% calc(50% - 1px);
  background-image: url("../images/ico_star.png");
}
.public_map_box .public_btn > a.ico_circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}
.public_map_box .public_btn > a.orange {
  background-color: #ff9600;
}
.public_map_box .public_btn > a.orange:after {
  border-top-color: #ff9600;
}
.public_map_box .public_btn > a.red {
  background-color: #d71920;
}
.public_map_box .public_btn > a.red:after {
  border-top-color: #d71920;
}
.public_map_box .public_btn > a.light_blue {
  background-color: #00a0b8;
}
.public_map_box .public_btn > a.light_blue:after {
  border-top-color: #00a0b8;
}
.public_map_box .public_btn > a.blue {
  background-color: #005da4;
}
.public_map_box .public_btn > a.blue:after {
  border-top-color: #005da4;
}
.public_map_box .public_btn > a.navy {
  background-color: #173964;
}
.public_map_box .public_btn > a.navy:after {
  border-top-color: #173964;
}
.public_map_box .public_btn > a.brown {
  background-color: #b63e00;
}
.public_map_box .public_btn > a.brown:after {
  border-top-color: #b63e00;
}
.public_map_box .public_btn > a.brown2 {
  background-color: #6b5145;
}
.public_map_box .public_btn > a.brown2:after {
  border-top-color: #6b5145;
}
.public_map_box .public_btn > a.green {
  background-color: #00893e;
}
.public_map_box .public_btn > a.green:after {
  border-top-color: #00893e;
}
.public_map_box .public_btn > a.light_green {
  background-color: #549d3a;
}
.public_map_box .public_btn > a.light_green:after {
  border-top-color: #549d3a;
}
.public_map_box .public_btn > a.pink {
  background-color: #e27ab5;
}
.public_map_box .public_btn > a.pink:after {
  border-top-color: #e27ab5;
}
.public_map_box .public_btn > a.purple {
  background-color: #714c91;
}
.public_map_box .public_btn > a.purple:after {
  border-top-color: #714c91;
}

.list_sort {
  margin-bottom: 10px;
}
.list_sort > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list_sort > a + a {
  margin-left: 11px;
}
.list_sort > a:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background: url("../images/ico_sort_chk.png") 0 0/100% no-repeat;
}
.list_sort > a.active {
  font-weight: 500;
  color: #f45f1e;
}
.list_sort > a.active:before {
  background-image: url("../images/ico_sort_chk_on.png");
}

.popup_btn_full .btn {
  width: 100%;
  margin: 0;
}

.top_info_img {
  position: relative;
  padding-top: 35px;
  margin-bottom: 30px;
}
.top_info_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 31px;
  width: 188px;
  height: 188px;
  background: 0 0/100% no-repeat;
}
.top_info_img.bg_stay:before {
  background-image: url("../images/img_campus_stay.png");
}
.top_info_img.bg_oneday:before {
  background-image: url("../images/img_campus_oneday.png");
}
.top_info_img.bg_peace:before {
  background-image: url("../images/img_campus_peace.png");
}
.top_info_img.bg_creative:before {
  background-image: url("../images/img_campus_creative.png");
}
.top_info_img.bg_creative02:before {
  background-image: url("../images/img_campus_creative02.png");
}
.top_info_img.bg_culture:before {
  background-image: url("../images/img_campus_culture.png");
}
.top_info_img.bg_custom:before {
  background-image: url("../images/img_campus_custom.png");
}
.top_info_img.bg_online:before {
  background-image: url("../images/img_campus_online.png");
}
.top_info_img.bg_job:before {
  background-image: url("../images/img_campus_job.png");
}
.top_info_img.bg_world:before {
  background-image: url("../images/img_campus_world.png");
}
.top_info_img.bg_personality:before {
  background-image: url("../images/img_campus_personality.png");
}
.top_info_img.bg_science::before {
  background-image: url("../images/img_campus_science.png");
}
.top_info_img.bg_musical:before {
  background-image: url("../images/img_campus_musical.png");
}
.top_info_img.bg_theater:before {
  background-image: url("../images/img_campus_theater.png");
}
.top_info_img.bg_daily:before {
  background-image: url("../images/img_campus_daily.png");
}
.top_info_img.bg_bookclub:before {
  background-image: url("../images/img_campus_bookclub.png");
}
.top_info_img.bg_eng_musical:before {
  background-image: url("../images/img_campus_eng_musical.png");
}
.top_info_img.bg_makerspace::before {
  background-image: url("../images/img_campus_makerspace.png");
}
.top_info_img.bg_starrynight:before {
  background-image: url("../images/img_campus_starry_night.png");
}
.top_info_img.bg_k-culture:before {
  background-image: url("../images/img_campus_k-culture.png");
}
.top_info_img.bg_yp_seniorcamp:before {
  background-image: url("../images/img_campus_yp_seniorcamp.png");
}
.top_info_img.bg_yp_familycamp:before {
  background-image: url("../images/img_campus_yp_familycamp.png");
}
.top_info_img .txt {
  padding: 164px 25px 25px;
  border: 6px solid #e6ecf5;
  border-radius: 30px 0 30px 0;
  background: url("../images/bg_top_info.png") 100% 0 no-repeat;
  background-size: 125px;
}
.top_info_img .txt h4 {
  font-size: 22px;
  font-weight: 600;
  color: #222;
  margin-bottom: 5px;
}

.btm_info_box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 17px 16px 107px;
  min-height: 111px;
  background: no-repeat;
  background-size: 75px;
  background-position: 17px 17px;
  border: 1px solid #d9d9d9;
}
.btm_info_box > div.bg01 {
  background-image: url("../images/bg_campus_info01.png");
}
.btm_info_box > div.bg02 {
  background-image: url("../images/bg_campus_info02.png");
}
.btm_info_box > div.bg03 {
  background-image: url("../images/bg_campus_info03.png");
}
.btm_info_box > div.bg04 {
  background-image: url("../images/bg_campus_info04.png");
}
.btm_info_box > div.bg05 {
  background-image: url("../images/bg_campus_info05.png");
}
.btm_info_box > div.bg06 {
  background-image: url("../images/bg_campus_info06.png");
}
.btm_info_box > div.bg07 {
  background-image: url("../images/bg_campus_info07.png");
}
.btm_info_box > div.bg_makerspace_floor1 {
  border: none;
  background-image: url("../images/bg_makerspace_ico_1st.png");
}
.btm_info_box > div.bg_makerspace_floor2 {
  border: none;
  background-image: url("../images/bg_makerspace_ico_2nd.png");
}
.btm_info_box > div + div {
  margin-top: 15px;
}
.btm_info_box > div > strong {
  display: block;
  font-size: 17px;
  font-weight: 500;
  color: #222;
  margin-bottom: 3px;
}
.btm_info_box > div .tell {
  font-size: 18px;
}
.btm_info_box > div .ticket_price {
  font-weight: 500;
}
.btm_info_box > div .ticket_price span {
  text-decoration: line-through;
}
.btm_info_box > div .ticket_price strong {
  position: relative;
  font-size: 18px;
  color: #085cb7;
  margin-left: 36px;
}
.btm_info_box > div .ticket_price strong:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -30px;
  width: 20px;
  height: 9px;
  background: url("../images/price_arr.png") 0 0/100% no-repeat;
}

.table.table_type2 .pc_colgroup {
  display: none;
}
.table.table_type2 thead {
  display: none;
}
.table.table_type2 tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 0;
}
.table.table_type2 tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  padding: 0;
  text-align: left;
}
.table.table_type2 tbody tr td:not(:last-child) {
  margin-bottom: 5px;
}
.table.table_type2 tbody tr td > .m_th {
  display: inline-block;
  vertical-align: top;
  width: 90px;
  text-align: right;
  margin-right: 15px;
  font-weight: 500;
  color: #222;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.table.table_type2 tbody tr td > .m_th.w_auto {
  width: auto;
}
.table.table_type2 tbody tr td .cate_border {
  min-width: 88px;
  text-align: center;
}

.more_view_box {
  margin-bottom: -15px;
}
.more_view_box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d9d9d9;
  margin-bottom: 15px;
}
.more_view_box > div > * {
  display: block;
  padding: 10px 15px;
}
.more_view_box > div .more_tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.more_view_box > div > strong {
  font-size: 18px;
  color: #222;
}
.more_view_box > div > button,
.more_view_box > div > a {
  border-left: 1px solid #d9d9d9;
  background: #f6f6f6;
}

.file_name {
  padding-left: 21px;
  background: url("../images/ico_file.png") no-repeat;
  background-position: 0 5px;
  background-size: 14px;
  font-size: 16px;
}

.campus_map_info {
  position: relative;
  padding-top: 212px;
}
.campus_map_info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 220px;
}
.campus_map_info.bg_yp:before {
  background: url("../images/bg_campus_yp_m.jpg") 50%/cover no-repeat;
}
.campus_map_info.bg_pj:before {
  background: url("../images/bg_campus_pj_m.jpg") 50%/cover no-repeat;
}
.campus_map_info .txt {
  position: relative;
  padding-left: 10px;
  line-height: 22px;
}
.campus_map_info .txt:before {
  content: "";
  position: absolute;
  top: -27px;
  left: 0;
  width: calc(100% - 30px);
  height: 35px;
  background: #fff;
}
.campus_map_info .txt h4 {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  color: #222;
  margin-bottom: 8px;
  z-index: 1;
}
.campus_map_info .txt h4:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: #00a651;
  background: -webkit-gradient(linear, left top, right top, from(#00a651), to(#008cd4));
  background: linear-gradient(to right, #00a651, #008cd4);
  background: -webkit-linear-gradient(to right, #00a651, #008cd4);
  opacity: 0.2;
  z-index: -1;
}

.campus_ico {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin: -1px 0 0 2px;
}
.campus_ico > span {
  display: inline-block;
  width: 23px;
  height: 23px;
}
.campus_ico > span + span {
  margin-left: 5px;
}

.ico_toilet {
  background: url("../images/ico_toilet.png") 0 0/100% no-repeat;
}

.ico_smoking {
  background: url("../images/ico_smoking.png") 0 0/100% no-repeat;
}

.campus_img_slide.swiper-container.swiper-container-initialized {
  position: relative;
  padding: 0 25px;
}
.campus_img_slide.swiper-container.swiper-container-initialized:before, .campus_img_slide.swiper-container.swiper-container-initialized:after {
  content: "";
  position: absolute;
  top: 0;
  width: 25px;
  height: 100%;
  background: #fff;
  z-index: 5;
}
.campus_img_slide.swiper-container.swiper-container-initialized:before {
  left: 0;
}
.campus_img_slide.swiper-container.swiper-container-initialized:after {
  right: 0;
}
.campus_img_slide.swiper-container.swiper-container-initialized .swiper-btn {
  display: block;
}
.campus_img_slide.swiper-container.swiper-container-initialized .swiper-btn > button {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 12px;
  height: 23px;
  background: 0 0/100% no-repeat;
  z-index: 10;
}
.campus_img_slide.swiper-container.swiper-container-initialized .swiper-btn > button.swiper-button-prev {
  left: 0;
  background-image: url("../images/btn_slide_prev.png");
}
.campus_img_slide.swiper-container.swiper-container-initialized .swiper-btn > button.swiper-button-next {
  right: 0;
  background-image: url("../images/btn_slide_next.png");
}
.campus_img_slide.swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
}
.campus_img_slide.swiper-container .swiper-slide img {
  max-width: 100%;
  max-height: 380px;
}
.campus_img_slide.swiper-container .swiper-btn {
  display: none;
}

.btn_file_down {
  text-align: right;
  font-size: 0;
  margin-top: 10px;
}

.btn_file {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: 0 0/100% no-repeat;
}
.btn_file + .btn_file {
  margin-left: 7px;
}
.btn_file.btn_pdf {
  background-image: url("../images/ico_pdf.png");
}
.btn_file.btn_ppt {
  background-image: url("../images/ico_ppt.png");
}
.btn_file.btn_hwp {
  background-image: url("../images/ico_hwp.png");
}
.btn_file.btn_doc {
  background-image: url("../images/ico_doc.png");
}
.btn_file.btn_xls {
  background-image: url("../images/ico_xls.png");
}
.btn_file.btn_zip {
  background-image: url("../images/ico_zip.png");
}

.edu_top_info {
  position: relative;
  padding: 53.3% 25px 25px;
  background-image: url("../images/bg_edu_top_m.png");
  background-size: 137px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.edu_top_info:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 25px 0 25px 0;
  width: 100%;
  height: calc(100% - 25px);
  background: #00a651;
  background: -webkit-gradient(linear, left top, right top, from(#00a651), to(#008cd4));
  background: linear-gradient(to right, #00a651, #008cd4);
  background: -webkit-linear-gradient(to right, #00a651, #008cd4);
  z-index: -1;
}
.edu_top_info:after {
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  display: none;
  width: calc(100% - 50px);
  height: 0;
  padding-bottom: 53.3%;
  background: url("../images/img_edu_top.jpg") 0 0/100% no-repeat;
}
.edu_top_info .txt {
  margin-top: 19px;
  color: #fff;
}
.edu_top_info .txt strong {
  display: block;
  padding-bottom: 11px;
  margin-bottom: 11px;
  font-size: 19px;
  font-weight: 600;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.edu_top_info .txt p {
  font-size: 17px;
}

.list_hall_rental > ul {
  margin-bottom: -15px;
}
.list_hall_rental > ul > li {
  margin-bottom: 15px;
  border: 1px solid #d9d9d9;
  padding: 17px;
}
.list_hall_rental > ul > li .img img {
  width: 100%;
  max-width: 100%;
}
.list_hall_rental > ul > li .txt {
  margin-top: 11px;
}
.list_hall_rental > ul > li .txt > strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  color: #222;
}

.popup_img_slider.swiper-container {
  border: 1px solid #d9d9d9;
}
.popup_img_slider.swiper-container ul > li {
  position: relative;
  background: #f6f6f6;
}
.popup_img_slider.swiper-container ul > li .img {
  position: relative;
  height: 0;
  padding-bottom: 64.1509433962%;
}
.popup_img_slider.swiper-container ul > li .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.popup_img_slider.swiper-container ul > li .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.popup_thumb_slider.swiper-container {
  position: relative;
  padding: 0 28px;
  margin-top: 15px;
}
.popup_thumb_slider.swiper-container ul > li {
  border: 1px solid #d9d9d9;
  background: #f6f6f6;
}
.popup_thumb_slider.swiper-container ul > li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.popup_thumb_slider.swiper-container ul > li.swiper-slide-active:after {
  display: none;
}
.popup_thumb_slider.swiper-container ul > li .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 64.1509433962%;
}
.popup_thumb_slider.swiper-container ul > li .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.popup_thumb_slider.swiper-container ul > li .txt {
  display: none;
}
.popup_thumb_slider.swiper-container .swiper-button {
  position: absolute;
  top: 0;
  width: 18px;
  height: 100%;
  background: #f6f6f6 50% 50% no-repeat;
  background-size: 7px;
  z-index: 1;
}
.popup_thumb_slider.swiper-container .swiper-button.swiper-prev {
  left: 0;
  background-image: url("../images/img_slide_prev_m.png");
}
.popup_thumb_slider.swiper-container .swiper-button.swiper-next {
  right: 0;
  background-image: url("../images/img_slide_next_m.png");
}

.board_btn {
  text-align: right;
  font-size: 0;
  margin-top: 10px;
}
.board_btn > a {
  display: inline-block;
  background: 0 0/100% no-repeat;
}
.board_btn.btn_board_link > a {
  width: 33px;
  height: 33px;
  background-image: url(../images/ico_new_link.jpg);
}

.webzine_wrap .section1 {
  padding: 20px 15px 35px;
  background: #f0f1f2;
}
.webzine_wrap .section1 .webzine_header {
  position: relative;
  padding-top: 30px;
  text-align: center;
}
.webzine_wrap .section1 .webzine_header:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: url("../images/bg_webzine_line.png") 0 0 repeat-x;
}
.webzine_wrap .section1 .webzine_header a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}
.webzine_wrap .section1 .webzine_header a.logo_webzine {
  width: 130px;
  height: 37px;
  background-image: url("../images/img_logo_themore.png");
}
.webzine_wrap .section1 .webzine_header a.logo_gill {
  width: 141px;
  height: 14px;
  background-image: url("../images/img_logo.png");
}
.webzine_wrap .section1 .webzine_header a.btn_mail {
  margin-left: auto;
  font-size: 16px;
}
.webzine_wrap .section1 .webzine_header a.btn_mail:before {
  content: "";
  display: inline-block;
  vertical-align: -2px;
  width: 17px;
  height: 15px;
  margin-right: 7px;
  background: url("../images/ico_mail.png") 0 0/100% no-repeat;
}
.webzine_wrap .section1 .webzine_header > .logo02 {
  margin-top: 5px;
}
.webzine_wrap .section1 .webzine_header > .logo02 > div {
  font-size: 0;
}
.webzine_wrap .section1 .webzine_header > .logo02 .l {
  text-align: center;
}
.webzine_wrap .section1 .webzine_header > .logo02 .r {
  text-align: right;
  margin-top: 13px;
}
.webzine_wrap .section1 .input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 14px;
  padding: 7px 0;
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
  height: 45px;
  font-size: 17px;
  font-weight: 500;
  color: #222;
}
.webzine_wrap .section1 .input_box .l {
  margin-right: auto;
}
.webzine_wrap .section1 .input_box .r {
  margin-left: auto;
}
.webzine_wrap .section1 .webzine_banner {
  margin-top: 20px;
}
.webzine_wrap .section1 .webzine_banner > div {
  position: relative;
  width: 100%;
  height: 326px;
  background: 50%/cover no-repeat;
  overflow: hidden;
  border-radius: 0 0 25px 0;
}
.webzine_wrap .section1 .webzine_banner > div.bg01 {
  background-image: url("../images/img_webzine_banner.jpg");
}
.webzine_wrap .section1 .webzine_banner > div .txt {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 40px);
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.65);
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  border-radius: 25px 0 25px 0;
}
.webzine_wrap .section2 {
  padding: 35px 15px;
}
.webzine_wrap .section2 .webzine_con + .webzine_con {
  margin-top: 35px;
}
.webzine_wrap .section2 .webzine_con .webzine_con_tit {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.webzine_wrap .section2 .webzine_con > ul {
  overflow-x: auto;
  padding-bottom: 10px;
  white-space: nowrap;
  font-size: 0;
}
.webzine_wrap .section2 .webzine_con > ul > li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.3333333333% - 17px);
  min-width: 234px;
  margin-right: 17px;
  white-space: normal;
}
.webzine_wrap .section2 .webzine_con > ul > li:last-child {
  margin-right: 0;
}
.webzine_wrap .section2 .webzine_con > ul > li .img a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 76%;
  overflow: hidden;
}
.webzine_wrap .section2 .webzine_con > ul > li .img a img {
  width: 100%;
}
.webzine_wrap .section2 .webzine_con > ul > li .txt {
  margin-top: 13px;
}
.webzine_wrap .section2 .webzine_con > ul > li .txt a {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.webzine_wrap .webzine_con_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.webzine_wrap .webzine_con_tit strong {
  display: block;
  margin-right: auto;
  font-size: 21px;
  font-weight: 600;
  color: #222;
}
.webzine_wrap .webzine_con_tit a {
  display: block;
  margin-left: auto;
  width: 15px;
  height: 15px;
  background: url("../images/ico_plus.png") 0 0/100% no-repeat;
}
.webzine_wrap .section3 {
  padding: 35px 15px;
  background: #edf7fc;
}
.webzine_wrap .section3 .webzine_news > a {
  display: block;
  padding: 13px 17px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 500;
  color: #222;
}
.webzine_wrap .section3 .webzine_news > a + a {
  margin-top: 12px;
}
.webzine_wrap .section3 .webzine_news > a > span {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-height: 24px;
  max-height: 48px;
}
.webzine_wrap .section3 .webzine_btm_banner {
  padding: 20px 17px;
  margin-top: 35px;
  border-radius: 0 0 25px 0;
  background: url("../images/bg_btm_banner_m.jpg") 100% 100%/cover no-repeat;
  color: #fff;
}
.webzine_wrap .section3 .webzine_btm_banner a {
  padding: 0 15px;
  height: 38px;
  line-height: 36px;
  border: 1px solid #fff;
  border-radius: 25px;
  font-weight: 300;
  font-size: 16px;
}
.webzine_wrap .webzine_footer {
  position: relative;
  background: #354252;
  padding: 22px 15px;
  color: #a6acb2;
  text-align: center;
}
.webzine_wrap .webzine_footer strong {
  display: block;
  margin-bottom: 4px;
  font-weight: 400;
  color: #fff;
}
.webzine_wrap .webzine_footer .foot_logo {
  margin-top: 24px;
}
.webzine_wrap .webzine_footer .foot_logo > a {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  height: 49px;
}
.webzine_wrap .webzine_footer .foot_logo > a + a {
  margin-left: 16px;
}
.webzine_wrap .webzine_footer .foot_logo > a.logo01 {
  width: 69px;
  background-image: url("../images/img_foot_logo01.png");
}
.webzine_wrap .webzine_footer .foot_logo > a.logo02 {
  width: 86px;
  background-image: url("../images/img_foot_logo02.png");
}

.bor_r {
  border-right: 1px solid #d9d9d9;
}

.list_class_info > ul > li {
  border: 1px solid #d9d9d9;
  margin-bottom: 15px;
}
.list_class_info > ul > li.blue .class_tit {
  background: #edf7fc;
}
.list_class_info > ul > li.blue .class_tit:before {
  background: #085cb7;
}
.list_class_info > ul > li.yellow .class_tit {
  background: #faf4e8;
}
.list_class_info > ul > li.yellow .class_tit:before {
  background: #f2b330;
}
.list_class_info > ul > li.orange .class_tit {
  background: #faefea;
}
.list_class_info > ul > li.orange .class_tit:before {
  background: #f45f1e;
}
.list_class_info > ul > li.green .class_tit {
  background: #e8f5ee;
}
.list_class_info > ul > li.green .class_tit:before {
  background: #00a651;
}
.list_class_info > ul > li .class_tit {
  position: relative;
  display: block;
  padding: 12px 17px 11px;
  color: #222;
  font-size: 17px;
}
.list_class_info > ul > li .class_tit:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 2px;
}
.list_class_info > ul > li .txt {
  padding: 12px 17px;
}
.list_class_info > ul > li .txt > ul > li .cate_border {
  margin-bottom: 6px;
  padding: 0 11px;
  line-height: 31px;
  height: 33px;
  border-radius: 20px;
}
.list_class_info > ul > li .txt > ul > li + li {
  margin-top: 11px;
}
.list_class_info.list_type1 > ul > li {
  margin-bottom: 10px;
}

.program_video_con {
  position: relative;
  padding: 38.2% 0 0 25px;
}
.program_video_con .video {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 25px);
}
.program_video_con .video > a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 55.2%;
}
.program_video_con .video > a > * {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
}
.program_video_con .video > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: -7px;
  bottom: -7px;
  background: #fff;
}
.program_video_con .txt {
  padding: calc(16% + 25px) 25px 27px;
  background: #415c7f url("../images/bg_program_txt.jpg") 100% 100% no-repeat;
  background-size: 330px;
  color: #fff;
}
.program_video_con .txt > strong {
  display: block;
  color: #fff;
  font-size: 17px;
  margin-bottom: 9px;
}
.program_video_con .txt > ul > li {
  color: #fff;
}
.program_video_con .txt > ul > li:before {
  background: #fff;
}

.list_pic_report > ul > li .img {
  font-size: 0;
  text-align: center;
  border: 1px solid #d9d9d9;
}
.list_pic_report > ul > li .img a {
  display: inline-block;
  width: 188px;
  height: 270px;
}
.list_pic_report > ul > li .img a img {
  width: auto;
  max-width: 100%;
  height: 100%;
}
.list_pic_report > ul > li .img.no_img > a {
  display: block;
  width: 100%;
  height: 100%;
}
.list_pic_report > ul > li .txt {
  margin-top: 11px;
}
.list_pic_report > ul > li .txt .news_tit {
  margin: 4px 0;
}
.list_pic_report > ul > li .txt .btn {
  width: 100%;
}

.report_view_con .img_box {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.report_view_con .txt {
  margin-top: 20px;
  padding: 20px;
  background: #f6f6f6;
}
.report_view_con .txt > ul > li {
  padding-left: 87px;
}
.report_view_con .txt > ul > li > strong {
  position: absolute;
  left: 9px;
  top: 0;
}

.add_info_box .add_info_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.add_info_box .add_info_tit > strong {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-right: auto;
}
.add_info_box .add_info_tit > a {
  display: block;
  margin-left: auto;
  width: 35px;
  height: 35px;
  background: 0 0/100% no-repeat;
  background-image: url("../images/btn_info_open.png");
}
.add_info_box .add_info_tit > a.active {
  background-image: url("../images/btn_info_close.png");
}
.add_info_box .txt {
  display: none;
  border: 4px solid #eee;
  padding: 5px 20px;
  margin-top: 10px;
}
.add_info_box .txt > ul > li {
  padding: 15px 0;
}
.add_info_box .txt > ul > li:not(:first-child) {
  border-top: 2px dotted #d9d9d9;
}
.add_info_box .txt > ul > li > strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 9px;
  font-size: 17px;
  color: #222;
}
.add_info_box .txt > ul > li > strong:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: 0 0/100% no-repeat;
}
.add_info_box .txt > ul > li > strong.bg01:before {
  background-image: url("../images/ico_add_info01.png");
}
.add_info_box .txt > ul > li > strong.bg02:before {
  background-image: url("../images/ico_add_info02.png");
}
.add_info_box .txt > ul > li > strong.bg03:before {
  background-image: url("../images/ico_add_info03.png");
}
.add_info_box .txt > ul > li > strong.bg04:before {
  background-image: url("../images/ico_add_info04.png");
}

.srh-content {
  width: 100%;
}

.search-option {
  position: relative;
  padding: 20px 0 0 0;
  border: 1px solid #d9d9d9;
}
.search-option .srh-inp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.search-option .srh-inp .input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  height: auto;
}
.search-option .srh-inp .input_box input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  height: 37px;
  padding-left: 15px;
  border-radius: 0;
  border: 1.5px solid #085cb7;
  border-right: none;
  line-height: 1;
}
.search-option .srh-inp .input_box button[type=submit] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 84px;
  height: 37px;
  background-color: #085cb7;
  border: 0 !important;
  color: #fff;
  font-weight: 500;
  line-height: 37px;
}
.search-option .srh-inp .input_box button[type=submit]::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 13px;
  height: 100%;
  margin-right: 5px;
  background-image: url(../images/ico_search.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 13px 13px;
}

.error-box {
  margin-top: 30px;
  text-align: center;
}
.error-box strong {
  font-size: 18px;
}
.error-box span {
  color: #222;
  font-weight: 500;
}

.srh-inp ~ .opt-wrap {
  margin-top: 20px;
}

.opt-wrap {
  background-color: #edf7fc;
  padding: 20px;
}
.opt-wrap .opt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.opt-wrap .opt-area:not(:first-child) {
  margin-top: 10px;
}
.opt-wrap .opt-area:last-child {
  border-bottom: 0;
}
.opt-wrap .opt-area .l {
  float: none;
}
.opt-wrap .opt-area .l > strong {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: 35px;
  padding: 0 17px;
  border-radius: 35px;
  background-color: #999;
  font-weight: 400;
  color: #fff;
}
.opt-wrap .opt-area .r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  float: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.opt-wrap .opt-area .rd-lb-wrap {
  margin-top: 10px;
  font-size: 0;
}
.opt-wrap .opt-area .rd-lb {
  margin: 0 10px 5px 0;
}
.opt-wrap .opt-area .date {
  margin-top: 4px;
}
.opt-wrap .opt-area .date .date-inp {
  width: auto;
}

.search-result {
  margin-top: 30px;
  padding: 14px 10px;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  border: 4px solid #eee;
}
.search-result strong {
  color: #222;
}
.search-result strong.key {
  color: #085cb7;
}

.search-cate {
  margin-top: 25px;
}
.search-cate > ul:after {
  content: "";
  display: block;
  clear: both;
}
.search-cate > ul > li {
  float: left;
  position: relative;
  width: 50%;
  margin: 0 -1px -1px 0;
}
.search-cate > ul > li::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #d7d7d7;
}
.search-cate > ul > li > a {
  display: table-cell;
  position: relative;
  width: 100vw;
  height: 40px;
  vertical-align: middle;
  text-align: center;
}
.search-cate > ul > li > a > span, .search-cate > ul > li > a:hover > span {
  position: relative;
  z-index: 2;
}
.search-cate > ul > li > .current::before,
.search-cate > ul > li > a:hover::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  background: #04afb5;
}
.search-cate > ul > li > .current::after,
.search-cate > ul > li > a:hover::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.2);
}
.search-cate .current,
.search-cate > ul > li > a:hover {
  font-weight: 500;
  color: #fff;
}

.res-box {
  margin-top: 25px;
}
.res-box:after {
  content: "";
  display: block;
  clear: both;
}
.res-box .r {
  display: none;
}

.srh-res {
  position: relative;
}
.srh-res .top {
  border-bottom: 1px solid #d9d9d9;
}
.srh-res .top > h3 {
  margin-bottom: 10px;
}
.srh-res .top > h3,
.srh-res .top > span {
  display: inline-block;
}
.srh-res .top > span {
  margin-left: 6px;
}
.srh-res .top > span > strong {
  color: #222;
}
.srh-res .top > a {
  position: absolute;
  right: 0;
  top: 2px;
  width: 8px;
  height: 14px;
  background-image: url("../images/ico_search_arr02.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.menu-reslist {
  margin-top: 15px;
}
.menu-reslist > li {
  position: relative;
  padding-left: 9px;
}
.menu-reslist > li:not(:last-child) {
  margin-bottom: 7px;
}
.menu-reslist > li::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3.5px;
  height: 3.5px;
  background: #999;
}
.menu-reslist > li > a {
  font-weight: 400;
  color: #00aaa0;
}
.menu-reslist > li > a:hover {
  text-decoration: underline;
}

.search-word {
  font-weight: 400;
  color: #085cb7;
}

.res-con:not(:last-child) {
  margin-bottom: 20px;
}

.web-res {
  margin-top: 15px;
}
.web-res .web-top > a {
  display: block;
}
.web-res .web-top > span {
  font-weight: 200;
  color: #999;
}

.web-reslist {
  margin-top: 5px;
}
.web-reslist a {
  display: block;
  display: -webkit-box;
  max-height: 95px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
}

.web-file {
  margin-top: 12px;
  padding: 18px 18px;
  background: #fff;
  border: 1px solid #d9d9d9;
}
.web-file .view-add-file > li {
  position: relative;
  padding-left: 27px;
}
.web-file .view-add-file > li:not(:first-child) {
  margin-top: 6px;
}
.web-file .view-add-file > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/ico_file.png") 0 0/100% no-repeat;
}
.web-file .view-add-file > li > a {
  margin-left: 2px;
}

.prop_history_box > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
}
.prop_history_box > div:before {
  content: "";
  position: absolute;
  left: 40px;
  top: 85px;
  width: 6px;
  height: calc(100% - 82px);
  border-left: 6px dotted;
}
.prop_history_box > div:last-child {
  padding-bottom: 0;
}
.prop_history_box > div:last-child:before {
  display: none;
}
.prop_history_box > div .year {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  background: #fff;
  line-height: 78px;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  color: #222;
}
.prop_history_box > div .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 29px;
}
.prop_history_box > div.blue:before {
  border-color: #085cb7;
}
.prop_history_box > div.blue .year {
  border-color: #085cb7;
}
.prop_history_box > div.yellow:before {
  border-color: #f2b330;
}
.prop_history_box > div.yellow .year {
  border-color: #f2b330;
}
.prop_history_box > div.orange:before {
  border-color: #f45f1e;
}
.prop_history_box > div.orange .year {
  border-color: #f45f1e;
}
.prop_history_box > div.green:before {
  border-color: #00a651;
}
.prop_history_box > div.green .year {
  border-color: #00a651;
}

.citi_edu_box > div {
  border: 1px solid #d9d9d9;
}
.citi_edu_box > div + div {
  margin-top: 27px;
}
.citi_edu_box > div > strong {
  display: block;
  background: #f6f6f6;
  padding: 12px 17px;
  font-size: 17px;
  color: #222;
  text-align: center;
}
.citi_edu_box > div .txt {
  padding: 17px 15px;
}

.num_list > li {
  position: relative;
  padding-left: 40px;
  min-height: 30px;
}
.num_list > li:not(:first-child) {
  margin-top: 7px;
}
.num_list > li > span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #173964;
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  text-align: center;
}

.privacy_agree_box .guide_con {
  max-height: 324px;
}
.privacy_agree_box .guide_con.lg {
  max-height: 352px;
}
.privacy_agree_box .guide_con .guide_box + .guide_box {
  margin-top: 10px;
}
.privacy_agree_box .guide_con .guide_box > div + div {
  margin-top: 5px;
}
.privacy_agree_box .guide_con .guide_box > div strong + ul {
  margin-top: 5px;
}
.privacy_agree_box .guide_con .guide_box ul > li:not(:first-child) {
  margin-top: 5px;
}
.privacy_agree_box .guide_con .guide_box ul > li > ul {
  margin-top: 5px;
  padding-left: 15px;
}
.privacy_agree_box .guide_con .guide_tit {
  display: block;
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 500;
  color: #222;
}

.guide_list {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #d9d9d9;
}
.guide_list > ul {
  margin-bottom: -5px;
  font-size: 0;
}
.guide_list > ul li {
  display: inline-block;
  width: 50%;
}

.id_box input[type=text] {
  width: 100%;
}
.id_box > button.btn {
  margin-top: 5px;
  border-radius: 6px;
  padding: 0 10px;
}

.privacy_agree_box.notice_box {
  border-width: 2px;
}

.popup_complete_box.bg_standby {
  background-image: url("../images/bg_popup_standby.png");
}

.agency_login_box {
  background: #edf7fc;
  padding: 17px;
  margin-top: 25px;
}
.agency_login_box .l {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 70px;
  min-height: 55px;
}
.agency_login_box .l:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 55px;
  height: 55px;
  background: url("../images/ico_agency_lock.png") 0 0/100% no-repeat;
}
.agency_login_box .r {
  text-align: right;
  margin-top: 20px;
}

.labor_info_box {
  border: 1px solid #d9d9d9;
  padding: 17px 17px;
}
.labor_info_box .txt {
  margin-top: 18px;
}

.bg_tit {
  display: inline-block;
  padding: 7px 20px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background: #173964;
  border-radius: 25px;
  margin-bottom: 11px;
}

.edu_program_info > ul > li {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 25px;
}
.edu_program_info > ul > li:not(:first-child) {
  margin-top: 15px;
}
.edu_program_info > ul > li > .img_box {
  position: relative;
  width: 180px;
  margin: 0 auto;
  padding: 10px 15px 15px 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.edu_program_info > ul > li > .img_box:before, .edu_program_info > ul > li > .img_box:after {
  content: "";
  position: absolute;
  background: 0 0/100% no-repeat;
  z-index: -1;
}
.edu_program_info > ul > li > .img_box:before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/bg_program_circle01.png");
}
.edu_program_info > ul > li > .img_box:after {
  bottom: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-image: url("../images/bg_program_circle02.png");
}
.edu_program_info > ul > li > .img_box img {
  max-width: 100%;
}
.edu_program_info > ul > li > .txt {
  margin-top: 9px;
}
.edu_program_info > ul > li > .txt .sub_tit {
  margin-bottom: 9px;
}
.edu_program_info > ul > li > .txt .program_tit {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  margin-bottom: 8px;
}

.list_img_program {
  margin-left: -10px;
  font-size: 0;
}
.list_img_program > li {
  display: inline-block;
  width: calc(25% - 10px);
  margin-left: 10px;
}
.list_img_program > li img {
  width: 100%;
}

.program_view_box .txt {
  margin-top: 13px;
}
.program_view_box .txt > strong {
  position: relative;
  display: block;
  font-size: 18px;
  color: #222;
  margin-bottom: 6px;
}
.program_view_box .txt > strong:before {
  content: "";
  position: absolute;
  left: 15px;
  top: -33px;
  width: 2px;
  height: 30px;
  background: #00a651;
}
.program_view_box.type1 .img_box {
  position: relative;
  padding: 35px 0;
}
.program_view_box.type1 .img_box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  background: url("../images/bg_program_view.png") 50%/auto 100% no-repeat;
}
.program_view_box.type1 .txt {
  margin-top: 9px;
}
.program_view_box.type1 .txt > strong:before {
  top: -64px;
  left: 20px;
  height: 60px;
}
.program_view_box.type2 .img_box {
  width: 180px;
  max-width: 100%;
}
.program_view_box + .program_view_box {
  margin-top: 20px;
}

.program_border_box {
  border: 2px solid #eee;
}
.program_border_box .txt {
  padding: 17px;
}

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

.program_character_list {
  margin-bottom: -10px;
}
.program_character_list > li {
  font-size: 0;
  margin-bottom: 10px;
}
.program_character_list > li > div {
  display: inline-block;
  vertical-align: top;
}
.program_character_list > li .img_box {
  width: 97px;
}
.program_character_list > li .img_box > img {
  height: 70px;
}
.program_character_list > li .txt {
  width: calc(100% - 97px);
  font-size: 16px;
  padding: 11px 15px;
  background: #f6f6f6;
}
.program_character_list > li .txt > strong {
  display: block;
  color: #222;
  font-weight: 500;
}

.bg_copyright:before {
  background: url("../images/bg_copyright_m.jpg") 50%/cover no-repeat;
}

.bg_reject_email:before {
  background: url("../images/bg_reject_email_m.jpg") 50%/cover no-repeat;
}

.no_img {
  position: relative;
  background: #aaa;
}
.no_img:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  background: url("../images/no_img_ico.jpg") 0 0/100% no-repeat;
  z-index: 1;
}

/*----- pc -----*/
@media all and (min-width: 768px), print {
  .qna_login_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .qna_login_box > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 40px 5%;
  }
  .qna_login_box > div:not(:first-child) {
    margin: 0 0 0 20px;
  }
  .qna_login_box > div > strong {
    font-size: 20px;
  }
  .qna_login_box > div.phone_certi strong:after {
    width: 120px;
    height: 120px;
    margin: 35px auto 0;
  }
  .qna_login_box > div.phone_certi .btn_wrap {
    margin-top: 47px;
  }
  .qna_login_box .qna_login_form {
    margin-top: 24px;
  }
  .qna_login_box .qna_login_form > div {
    height: 48px;
  }
  .qna_login_box .qna_login_form > div input {
    padding-left: 38px;
  }
  .qna_login_box .qna_login_form > div.login_id:before {
    width: 18px;
    height: 18px;
    background-image: url("../images/ico_login_id.png");
  }
  .qna_login_box .qna_login_form > div.login_pw:before {
    width: 16px;
    height: 20px;
    background-image: url("../images/ico_login_pw.png");
  }
  .btn_link:after {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
  }
  .m_btn_wrap {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
  }
  .board_staff {
    border: 1px solid #d9d9d9;
    border-left: 2px solid #00a651;
    padding: 25px 0;
  }
  .board_staff:hover {
    border: 1px solid #d9d9d9;
    border-left: 2px solid #00a651;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .board_staff .name {
    width: 112px;
    padding-bottom: 0;
    border: 0;
    font-size: 20px;
    text-align: center;
  }
  .board_staff .info {
    padding: 4px 30px 3px;
  }
  .board_staff .info > ul > li:not(:last-child) {
    margin-right: 146px;
  }
  .map_wrap .map_info {
    margin: -67px auto 0;
    width: calc(100% - 60px);
    padding: 35px 30px;
    border-radius: 10px;
  }
  .map_wrap .map_info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .map_wrap .map_info ul > li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .map_wrap .map_info ul > li:not(:first-child) {
    margin-top: 15px;
  }
  .map_wrap .map_info ul > li span {
    display: inline-block;
    font-size: 18px;
    margin: 0 18px 0 0;
  }
  .map_wrap .map_info ul > li span:before {
    height: 15px;
    margin-right: 18px;
    vertical-align: -3px;
    background-size: auto;
  }
  .map_wrap .map_info ul > li.bg_addr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
  .map_wrap .map_info ul > li.bg_addr span:before {
    width: 16px;
    height: 20px;
    background-image: url("../images/ico_addr.png");
  }
  .map_wrap .map_info ul > li.bg_tel span:before {
    width: 17px;
    height: 18px;
    background-image: url("../images/ico_tel.png");
  }
  .map_wrap .map_info ul > li.bg_fax span:before {
    width: 21px;
    height: 20px;
    background-image: url("../images/ico_fax.png");
  }
  .transfer_con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 0 185px;
    background-size: auto;
    min-height: 137px;
  }
  .transfer_con > ul > li:not(:first-child) {
    margin-top: 23px;
  }
  .transfer_con > ul.list_square > li:not(:first-child) {
    margin: 19px 0 0 0;
  }
  .transfer_con .transfer_tit {
    margin-bottom: 8px;
  }
  .transfer_con .transfer_tit strong {
    font-size: 18px;
    margin-right: 10px;
  }
  .transfer_con .transfer_tit > span {
    width: 53px;
    height: 23px;
    line-height: 23px;
    margin-right: 5px;
  }
  .service_top_box {
    padding: 30px 10px;
    font-size: 26px;
    margin-bottom: 50px;
  }
  .customer_charter_box {
    padding: 60px 50px;
  }
  .customer_charter_box .top h4 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .customer_charter_box .top h4:after {
    width: 160px;
    height: 20px;
    margin: 12px auto 0;
  }
  .customer_charter_box .top p {
    font-size: 18px;
  }
  .customer_charter_box .con {
    padding: 15px 40px;
    -webkit-box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.1);
    margin-top: 46px;
  }
  .customer_charter_box .con > ul > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    padding: 24px 0 25px 70px;
    min-height: 103px;
  }
  .customer_charter_box .con > ul > li span {
    position: absolute;
    left: 0;
    top: 25px;
    margin: 0;
    width: 54px;
    height: 54px;
    line-height: 54px;
  }
  .customer_charter_box .con > ul > li strong {
    font-size: 18px;
    margin-bottom: 3px;
  }
  .customer_charter_box .con.scroll_con {
    padding: 25px 10px 25px 30px;
  }
  .customer_charter_box .con.scroll_con > ul {
    height: 256px;
  }
  .customer_charter_box .con.scroll_con > ul > li {
    padding: 0 0 0 70px;
    border: 0;
    min-height: 54px;
  }
  .customer_charter_box .con.scroll_con > ul > li span {
    top: 0;
  }
  .customer_charter_box .con.scroll_con > ul > li:not(:first-child) {
    margin-top: 20px;
  }
  .customer_charter_box .con.scroll_con + .btm {
    margin-top: 35px;
  }
  .customer_charter_box .btm {
    margin-top: 45px;
  }
  .customer_charter_box .btm strong {
    font-size: 18px;
    margin-top: 19px;
  }
  .box_newsletter_form {
    border: 4px solid #eee;
    padding: 40px;
  }
  .box_newsletter_form > div {
    position: relative;
    padding-left: 95px;
  }
  .box_newsletter_form > div + div {
    margin-top: 19px;
  }
  .box_newsletter_form > div > span {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-bottom: 0;
  }
  .name_inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .name_inp input {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 240px;
  }
  .name_inp button.btn {
    border-radius: 6px;
    margin-left: 7px;
    padding: 0 15px;
  }
  .greeting_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px 0 50px;
  }
  .greeting_box:before {
    height: 100%;
  }
  .greeting_box:after {
    content: "";
    display: block;
    width: 50%;
    padding: 0;
    height: auto;
    margin: 0;
    background: url("https://gillcdn.cdn.gov-ntruss.com/asset/gill/images/bg_greeting.jpg") 50%/cover no-repeat;
    z-index: 1;
  }
  .greeting_box .txt {
    width: 50%;
    padding: 100px 23px 52px;
    margin-right: 30px;
  }
  .greeting_box .txt:before {
    left: -10px;
    height: 60px;
  }
  .greeting_box .txt strong {
    font-size: 26px;
  }
  .greeting_box .txt strong:before {
    width: 37px;
    height: 30px;
    margin-bottom: 16px;
  }
  .box_border {
    padding: 21px 25px;
  }
  .history_wrap {
    position: relative;
    padding-left: 344px;
  }
  .history_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 285px;
    height: 571px;
    background: url("../images/bg_history.jpg") 0 0/100% no-repeat;
  }
  .history_wrap > div:not(:last-child) {
    margin-bottom: 35px;
  }
  .history_wrap > div:not(:last-child):before {
    left: 72px;
    top: 21px;
    height: calc(100% + 35px);
    border-left: 2px dotted #e1e1e1;
  }
  .history_wrap > div .year {
    font-size: 22px;
    padding-right: 27px;
    margin-right: 15px;
    line-height: 1.2;
  }
  .history_wrap > div .year:before {
    top: 8px;
  }
  .history_wrap > div ul li:not(:first-child) {
    margin-top: 12px;
  }
  .history_wrap > div ul li strong {
    margin-right: 14px;
  }
  .btn_download:before {
    width: 15px;
    height: 13px;
    margin-right: 10px;
    vertical-align: -1px;
  }
  .btn_download.btn_download_gray:before {
    height: 14px;
  }
  .organization .chairman {
    width: 160px;
    height: 160px;
    line-height: 160px;
    font-size: 20px;
  }
  .organization .org1 {
    margin-bottom: 60px;
  }
  .organization .org1:before {
    height: 225px;
  }
  .organization .org1 > ul > li {
    width: 100%;
    margin-top: 25px;
    text-align: center;
  }
  .organization .org1 > ul > li:first-child {
    padding-right: 50%;
  }
  .organization .org1 > ul > li:first-child > a {
    margin-right: 125px;
  }

/*   .organization .org1 > ul > li:last-child {
    padding-left: 50%;
    text-align: left;
  }
  .organization .org1 > ul > li:last-child:before {
    right: auto;
    left: 50%;
  }
  .organization .org1 > ul > li:last-child > a {
    margin-left: -105px;
  }
 */  .organization .org1 > ul > li:nth-child(odd):before {
    right: 50%;
    width: 125px;
  }
  .organization .org1 > ul > li > a {
    width: 210px;
    line-height: 62px;
    font-size: 18px;
  }

  .organization .org2 > ul {
    margin: 80px -10px -30px 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .organization .org2 > ul:before {
    top: -30px;
    margin-left: -5px;
    width: 100%;
  }
  .organization .org2 > ul > li {
    width: calc(20% - 10px);
    margin: 0 10px 30px 0;
  }
  .organization .org2 > ul > li:before {
    top: -30px;
  }
  .organization .org2 > ul > li > a {
    min-height: 90px;
    padding: 8px 5px;
    font-size: 18px;
    word-break: break-word;
  }
  .organization .org2 > ul > li > ul {
    margin-top: 20px;
  }
  .organization .org2 > ul > li > ul > li > a {
    padding: 18px 15px;
  }
  .organization .org3 {
    margin-top: 40px;
  }
  .organization .org3 > a {
    min-width: 210px;
    padding: 17px 17px;
    font-size: 18px;
  }
  .search_board {
    padding: 5px 30px;
    margin-bottom: 50px;
  }
  .search_board > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 69px;
    padding: 10px 0;
  }
  .search_board > ul > li > strong {
    min-width: 95px;
    margin: 0;
    padding-right: 15px;
  }
  .search_board > ul > li.align_start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .search_board .date .date-inp {
    width: 180px;
  }
  .search_board .date .date_char {
    margin: 0 10px;
  }
  .search_board > .rd_search {
    padding: 15px 0;
  }
  .search_board .chk_wrap {
    width: 100%;
    margin-bottom: -8px;
  }
  .search_board .chk_wrap > span {
    width: 20%;
    margin-bottom: 8px;
  }
  .rd_search {
    margin-bottom: -17px;
  }
  .rd_search > span {
    width: 20%;
    margin-bottom: 17px;
  }
  .keyword_search {
    width: 388px;
    padding-right: 44px;
  }
  .keyword_search button {
    width: 44px;
  }
  .list_recruit .category {
    margin-top: 15px;
  }
  .list_recruit > ul > li .img > a {
    padding-bottom: 100%;
  }
  .list_recruit > ul > li .news_tit {
    margin-top: 14px;
  }
  .recruit_view_con {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .recruit_view_con .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .recruit_view_con .con .img {
    width: 396px;
  }
  .recruit_view_con .con .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 26px 30px;
    margin: 0 0 0 30px;
  }
  .recruit_view_con .con .txt > ul > li {
    padding-left: 129px;
  }
  .recruit_view_con .con .txt > ul > li > strong {
    left: 10px;
  }
  .btn_board.md {
    padding: 0 15px;
  }
  .w_200 {
    width: 200px;
  }
  .list_teacher > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .list_teacher > ul > li {
    width: calc(50% - 20px);
    padding: 40px 0;
  }
  .list_teacher > ul > li:not(:nth-child(2n)) {
    position: relative;
    margin-right: 40px;
  }
  .list_teacher > ul > li:not(:nth-child(2n)):before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 100%;
    width: 50%;
    height: 1px;
    background: #d9d9d9;
  }
  .list_teacher > ul > li .img {
    width: 165px;
    margin-right: 25px;
  }
  .list_teacher > ul > li .txt > strong {
    font-size: 18px;
    padding-bottom: 25px;
    margin-bottom: 19px;
  }
  .list_teacher > ul > li .txt > strong:before {
    left: -50px;
    width: 100px;
    height: 2px;
  }
  .calendar_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .calendar_wrap .l {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .calendar_wrap .l .cal_head {
    margin-bottom: 16px;
  }
  .calendar_wrap .l .cal_head > a {
    width: 12px;
    height: 22px;
  }
  .calendar_wrap .l .cal_head h4 {
    margin: 0 30px;
  }
  .calendar_wrap .l .cal_head h4 a {
    font-size: 32px;
  }
  .calendar_wrap .l .calendar .day > span {
    padding: 15px;
  }
  .calendar_wrap .l .calendar .date_list > li > a {
    min-height: 90px;
    padding: 15px 15px;
  }
  .calendar_wrap .l .calendar .date_list > li > a .cal_cate {
    bottom: 15px;
    left: 15%;
  }
  .calendar_wrap .l .calendar .date_list > li > a .cal_cate > span {
    display: inline-block;
    vertical-align: top;
  }
  .calendar_wrap .l .calendar .date_list > li > a .cal_cate > span:not(:first-child) {
    margin: 0 0 0 5px;
  }
  .calendar_wrap .l .calendar .date_list > li > a .cal_cate > span.yellow {
    width: 12px;
    height: 12px;
  }
  .calendar_wrap .l .calendar .date_list > li > a .cal_cate > span.blue {
    width: 12px;
    height: 12px;
  }
  .calendar_wrap .l .calendar .date_list > li > a .cal_cate > span.green {
    border-bottom-width: 12px;
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .calendar_wrap .r {
    width: 35.4%;
    margin: 0 0 0 3.5%;
    padding: 30px 30px;
  }
  .calendar_wrap .r > h4 {
    font-size: 20px;
    padding-bottom: 14px;
    margin-bottom: 19px;
  }
  .calendar_wrap .r > h4:before {
    width: 22px;
    height: 22px;
    vertical-align: -3px;
    margin-right: 9px;
  }
  .calendar_wrap .r > ul {
    height: auto;
  }
  .calendar_wrap .r > ul > li:not(:first-child) {
    margin-top: 14px;
  }
  .calendar_wrap .r > ul > li strong {
    margin-bottom: 6px;
  }
  .calendar_wrap .r > ul > li strong:before {
    margin-right: 7px;
  }
  .calendar_wrap .r > ul > li.yellow strong:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
  }
  .calendar_wrap .r > ul > li.blue strong:before {
    width: 12px;
    height: 12px;
  }
  .calendar_wrap .r > ul > li.green strong:before {
    border-bottom-width: 12px;
    border-left-width: 6px;
    border-right-width: 6px;
  }
  .btn.btn_detail {
    padding: 0 15px;
  }
  .btn.btn_detail:after {
    width: 11px;
    height: 6px;
  }
  .list_board_top .r.w_full {
    width: auto;
  }
  .list_board_top .r.w_full .btn_detail {
    width: auto;
  }
  .board_box.board_box_card {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 25px;
  }
  .board_box.board_box_card:hover {
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .board_box.board_box_card .img_box {
    display: block;
    width: 204px;
  }
  .board_box.board_box_card .list_square > li {
    margin-right: 46px;
  }
  .board_box.board_box_card .list_square > li.block {
    display: block;
    margin-right: 0;
    margin-top: 11px;
  }
  .board_box.board_box_card .info {
    padding-top: 0;
    padding-bottom: 0;
  }
  .board_box.board_box_class:hover {
    border-color: #d9d9d9;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .board_box.board_box_class .list_square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -10px;
  }
  .board_box.board_box_class .list_square > li {
    width: 33.3333333333%;
    margin: 0 0 10px 0 !important;
    padding-right: 10px;
  }
  .board_box.page_tit {
    display: block;
    padding: 27px 55px;
  }
  .board_box.page_tit > a {
    width: 52px;
    background-size: auto;
  }
  .board_box.page_tit h4 {
    font-size: 32px;
  }
  .list_sort {
    margin-bottom: 15px;
    text-align: right;
  }
  .list_sort > a + a {
    margin-left: 16px;
  }
  .list_sort > a:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .popup_btn_full .btn {
    width: auto;
  }
  .top_info_img {
    padding-top: 60px;
    margin-bottom: 50px;
  }
  .top_info_img:before {
    left: 46px;
    width: 340px;
    height: 340px;
  }
  .top_info_img .txt {
    min-height: 326px;
    border-radius: 40px 0 40px 0;
    padding: 32px 40px 44px 420px;
    background-size: 254px;
  }
  .top_info_img .txt h4 {
    font-size: 28px;
    margin-bottom: 11px;
  }
  .btm_info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .btm_info_box > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 25px 25px 25px 134px;
    min-height: 142px;
    background-size: 90px;
    background-position: 25px 25px;
  }
  .btm_info_box > div + div {
    margin: 0 0 0 20px;
  }
  .btm_info_box > div > strong {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .btm_info_box > div .tell {
    font-size: 20px;
  }
  .btm_info_box > div .ticket_price strong {
    font-size: 20px;
    margin-left: 40px;
  }
  .btm_info_box > div .ticket_price strong:before {
    margin-top: -3px;
    left: -35px;
    width: 25px;
    height: 11px;
  }
  .table.table_type2 .pc_colgroup {
    display: table-column-group;
  }
  .table.table_type2 thead {
    display: table-header-group;
  }
  .table.table_type2 thead tr {
    border-bottom: 1px solid #d9d9d9;
  }
  .table.table_type2 thead tr th {
    border: 0;
  }
  .table.table_type2 tbody tr {
    display: table-row;
    padding: 16px 0;
  }
  .table.table_type2 tbody tr td {
    display: table-cell;
    border: 0;
    padding: 19px 30px;
    text-align: center;
  }
  .table.table_type2 tbody tr td:not(:last-child) {
    margin-bottom: 0;
  }
  .table.table_type2 tbody tr td > .m_th {
    display: none;
  }
  .table.table_type2 tbody tr td .cate_border {
    min-width: 96px;
    padding: 0 18px;
  }
  .campus_map {
    position: relative;
    overflow: hidden;
  }
  .campus_map .campus_map_btn > button {
    position: absolute;
    display: block;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.a_zone {
    width: 2.5%;
    height: 4.5%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b_zone {
    width: 3.7%;
    height: 4.5%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.a01 {
    top: 69%;
    left: 33.7%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.a02 {
    top: 69.2%;
    left: 24.6%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.a03 {
    top: 55%;
    left: 29.1%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.a04 {
    top: 67%;
    left: 49%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b01 {
    top: 30.1%;
    left: 62.6%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b02 {
    top: 38.5%;
    left: 62.2%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b03 {
    top: 46.1%;
    left: 64.8%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b04 {
    top: 50.4%;
    left: 69.5%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b05 {
    top: 64.7%;
    left: 75.2%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b06 {
    top: 51.9%;
    left: 54.8%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b07 {
    top: 45.2%;
    left: 51.1%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b08 {
    top: 36.3%;
    left: 49.5%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b09 {
    top: 30.3%;
    left: 50.5%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b10 {
    width: 4.5%;
    top: 25.3%;
    left: 43.6%;
  }
  .campus_map .campus_map_btn.campus_btn_yp > button.b11 {
    width: 4.5%;
    top: 25.2%;
    left: 52.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.sm {
    width: 2.7%;
    height: 3.6%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.md {
    width: 4.9%;
    height: 3.6%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.i01 {
    top: 80%;
    left: 67.7%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.b01 {
    top: 33.9%;
    left: 52.9%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.b02 {
    top: 43.5%;
    left: 51.7%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.b03 {
    top: 53.9%;
    left: 46.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.b04 {
    top: 64.1%;
    left: 41.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.b05 {
    top: 58.4%;
    left: 40.2%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m01 {
    top: 24%;
    left: 44.2%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m02 {
    top: 35.3%;
    left: 37.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m03 {
    top: 34.4%;
    left: 46.7%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m04 {
    top: 39.5%;
    left: 42.4%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m05 {
    top: 52.1%;
    left: 24%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m06 {
    top: 44.4%;
    left: 40.8%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m07 {
    top: 50.3%;
    left: 39.4%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m08 {
    top: 56.6%;
    left: 31%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m09 {
    top: 67.5%;
    left: 46.2%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.m10 {
    top: 41.6%;
    left: 34.7%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.s01 {
    top: 68.9%;
    left: 71%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.t01 {
    top: 18%;
    left: 37.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.o01 {
    top: 27.1%;
    left: 35.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.o02 {
    top: 32.1%;
    left: 21.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.o03 {
    top: 36.9%;
    left: 30.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.o04 {
    top: 41.3%;
    left: 17.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.o05 {
    top: 42.7%;
    left: 26.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.o06 {
    top: 50.3%;
    left: 8.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms01 {
    top: 74.2%;
    left: 40.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms02 {
    top: 71.3%;
    left: 35.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms03 {
    top: 67.7%;
    left: 30.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms04 {
    top: 63.3%;
    left: 32.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms05 {
    top: 53.9%;
    left: 43.3%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms06 {
    top: 59.8%;
    left: 36.7%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms07 {
    top: 65.4%;
    left: 37.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms08 {
    top: 68.9%;
    left: 40.2%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.ms09 {
    top: 71.4%;
    left: 44.5%;
  }
  .campus_map .campus_map_btn.campus_btn_pj > button.student {
    top: 15.7%;
    left: 24%;
  }
  .campus_map_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0 0 350px;
    min-height: 380px;
  }
  .campus_map_info:before {
    width: 410px;
    height: 380px;
  }
  .campus_map_info.bg_yp:before {
    background: url("../images/bg_campus_yp.jpg") 0 0/100% no-repeat;
  }
  .campus_map_info.bg_pj:before {
    background: url("../images/bg_campus_pj.jpg") 0 0/100% no-repeat;
  }
  .campus_map_info .txt {
    padding: 50px;
    z-index: 1;
    line-height: 26px;
  }
  .campus_map_info .txt:before {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .campus_map_info .txt h4 {
    font-size: 28px;
    margin-bottom: 17px;
  }
  .campus_map_info .txt h4:before {
    left: -10px;
    top: -1px;
  }
  .campus_ico {
    margin: -2px 0 0 2px;
  }
  .campus_ico > span {
    width: 30px;
    height: 30px;
  }
  .campus_img_slide.swiper-container.swiper-container-initialized {
    padding: 0 40px;
  }
  .campus_img_slide.swiper-container.swiper-container-initialized:before, .campus_img_slide.swiper-container.swiper-container-initialized:after {
    width: 40px;
  }
  .campus_img_slide.swiper-container.swiper-container-initialized .swiper-btn > button {
    margin-top: -19px;
    width: 20px;
    height: 38px;
  }
  .btn_file_down {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
  }
  .btn_file {
    width: 26px;
    height: 26px;
  }
  .btn_file + .btn_file {
    margin-left: 5px;
  }
  .top_info_box .bg_info07 {
    background-image: url("../images/bg_info_box07.png");
  }
  .top_info_box .bg_info08 {
    background-image: url("../images/bg_info_box08.png");
  }
  .list_pic_issue > ul > li .img a {
    padding-bottom: 76.4%;
  }
  .edu_top_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 50px;
    background-image: url("../images/bg_edu_top.png");
    background-position: 10px 50px;
    background-size: 525px;
  }
  .edu_top_info:before {
    border-radius: 25px 0 25px 0;
    height: calc(100% - 50px);
  }
  .edu_top_info:after {
    position: static;
    width: 50%;
    padding-bottom: 31%;
    margin-top: -50px;
  }
  .edu_top_info .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 50px 50px 0 0;
  }
  .edu_top_info .txt strong {
    padding-bottom: 19px;
    margin-bottom: 17px;
    font-size: 22px;
  }
  .edu_top_info .txt p {
    font-size: 18px;
  }
  .list_hall_rental > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px -20px 0;
  }
  .list_hall_rental > ul > li {
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
    padding: 25px;
  }
  .list_hall_rental > ul > li .img {
    position: relative;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
  }
  .list_hall_rental > ul > li .img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .list_hall_rental > ul > li .txt {
    margin-top: 20px;
  }
  .list_hall_rental > ul > li .txt > strong {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .list_hall_rental > ul > li .txt .btn_wrap {
    margin-top: 25px;
  }
  .list_hall_rental > ul > li .txt .btn_wrap > a:focus,
  .list_hall_rental > ul > li .txt .btn_wrap > a:focus-visible,
  .list_hall_rental > ul > li .txt .btn_wrap > a:focus-within{
        outline: 2px dotted #085cb7 !important;
  }  
  .more_view_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px -10px 0;
  }
  .more_view_box > div {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0;
  }
  .more_view_box > div > * {
    display: block;
    padding: 10px 15px;
  }
  .more_view_box > div .more_tit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .more_view_box > div > strong {
    font-size: 18px;
    color: #222;
  }
  .more_view_box > div > button,
  .more_view_box > div > a {
    border-left: 1px solid #d9d9d9;
    background: #f6f6f6;
  }
  .slider_wrap {
    overflow: hidden;
  }
  .slider_wrap > div {
    float: left;
  }
  .slider_wrap.facility_info .popup_img_slider.swiper-container {
    width: calc(100% - 140px);
    max-width: 692px;
  }
  .slider_wrap.facility_info .popup_img_slider.swiper-container ul > li .img {
    height: 0;
    padding-bottom: 64.21%;
  }
  .slider_wrap.facility_info .popup_thumb_slider.swiper-container {
    width: 130px;
    height: 443px;
  }
  .popup_img_slider.swiper-container {
    width: 532px;
  }
  .popup_img_slider.swiper-container ul > li .img {
    height: 339px;
    padding-bottom: 0;
  }
  .popup_img_slider.swiper-container ul > li .txt {
    padding: 15px 15px;
    font-size: 18px;
  }
  .popup_thumb_slider.swiper-container {
    width: calc(100% - 542px);
    height: 341px;
    margin: 0 0 0 10px;
    padding: 40px 0;
  }
  .popup_thumb_slider.swiper-container ul > li .img {
    height: 100%;
    padding-bottom: 0;
  }
  .popup_thumb_slider.swiper-container ul > li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    height: 100%;
  }
  .popup_thumb_slider.swiper-container .swiper-button {
    position: absolute;
    left: 0;
    width: 100%;
    height: 33px;
    background-size: auto;
    z-index: 1;
  }
  .popup_thumb_slider.swiper-container .swiper-button.swiper-prev {
    background-image: url("../images/img_slide_prev.png");
  }
  .popup_thumb_slider.swiper-container .swiper-button.swiper-next {
    top: auto;
    bottom: 0;
    background-image: url("../images/img_slide_next.png");
  }
  .board_btn {
    position: absolute;
    top: 50%;
    right: 0;
  }
  .board_btn > a {
    display: block;
  }
  .board_btn.btn_board_link {
    margin-top: -21px;
  }
  .board_btn.btn_board_link > a {
    width: 42px;
    height: 42px;
  }
  .webzine_wrap .section1 {
    padding: 30px 30px 60px;
  }
  .webzine_wrap .section1 .webzine_header {
    padding-top: 50px;
  }
  .webzine_wrap .section1 .webzine_header:before {
    top: -10px;
    height: 10px;
  }
  .webzine_wrap .section1 .webzine_header a.logo_webzine {
    width: 202px;
    height: 58px;
  }
  .webzine_wrap .section1 .webzine_header a.logo_gill {
    width: 200px;
    height: 20px;
  }
  .webzine_wrap .section1 .webzine_header a.btn_mail:before {
    width: 21px;
    height: 18px;
    margin-right: 10px;
  }
  .webzine_wrap .section1 .webzine_header > .logo02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -28px;
  }
  .webzine_wrap .section1 .webzine_header > .logo02 .l {
    margin-right: auto;
  }
  .webzine_wrap .section1 .webzine_header > .logo02 .r {
    margin: 0 0 0 auto;
  }
  .webzine_wrap .section1 .input_box {
    margin-top: 30px;
    padding: 7px 0;
    height: 57px;
    font-size: 18px;
  }
  .webzine_wrap .section1 .webzine_banner {
    margin-top: 30px;
  }
  .webzine_wrap .section1 .webzine_banner > div {
    height: 400px;
    border-radius: 0 0 35px 0;
  }
  .webzine_wrap .section1 .webzine_banner > div .txt {
    width: calc(100% - 178px);
    padding: 25px 30px;
    font-size: 18px;
    border-radius: 35px 0 35px 0;
  }
  .webzine_wrap .section2 {
    padding: 60px 30px;
  }
  .webzine_wrap .section2 .webzine_con + .webzine_con {
    margin-top: 48px;
  }
  .webzine_wrap .section2 .webzine_con .webzine_con_tit {
    border-bottom-width: 2px;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .webzine_wrap .section2 .webzine_con > ul {
    overflow: inherit;
    padding-bottom: 0px;
    white-space: normal;
  }
  .webzine_wrap .section2 .webzine_con > ul > li {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3333333333% - 17px);
    min-width: auto;
    margin-right: 25px;
  }
  .webzine_wrap .section2 .webzine_con > ul > li .txt {
    margin-top: 19px;
  }
  .webzine_wrap .section2 .webzine_con > ul > li .txt a {
    font-size: 20px;
    line-height: 30px;
  }
  .webzine_wrap .webzine_con_tit {
    margin-bottom: 13px;
  }
  .webzine_wrap .webzine_con_tit strong {
    font-size: 26px;
  }
  .webzine_wrap .webzine_con_tit a {
    width: 21px;
    height: 21px;
  }
  .webzine_wrap .section3 {
    padding: 60px 30px;
  }
  .webzine_wrap .section3 .webzine_news > a {
    padding: 20px 25px;
    font-size: 20px;
  }
  .webzine_wrap .section3 .webzine_news > a + a {
    margin-top: 15px;
  }
  .webzine_wrap .section3 .webzine_news > a > span {
    display: block !important;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    max-height: auto;
  }
  .webzine_wrap .section3 .webzine_btm_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 27px 25px;
    margin-top: 60px;
    border-radius: 0 0 35px 0;
    background: url("../images/bg_btm_banner.jpg") 100% 100%/cover no-repeat;
  }
  .webzine_wrap .section3 .webzine_btm_banner > p {
    margin-right: auto;
  }
  .webzine_wrap .section3 .webzine_btm_banner .btn_wrap {
    margin: 0 0 0 auto;
  }
  .webzine_wrap .section3 .webzine_btm_banner a {
    padding: 0 20px;
    height: 42px;
    line-height: 40px;
    border-radius: 25px;
  }
  .webzine_wrap .webzine_footer {
    padding: 34px 30px;
    text-align: left;
  }
  .webzine_wrap .webzine_footer strong {
    margin-bottom: 9px;
  }
  .webzine_wrap .webzine_footer .foot_logo {
    position: absolute;
    top: 35px;
    right: 30px;
    margin: 0;
  }
  .webzine_wrap .webzine_footer .foot_logo > a {
    height: 60px;
  }
  .webzine_wrap .webzine_footer .foot_logo > a + a {
    margin-left: 16px;
  }
  .webzine_wrap .webzine_footer .foot_logo > a.logo01 {
    width: 84px;
  }
  .webzine_wrap .webzine_footer .foot_logo > a.logo02 {
    width: 104px;
  }
  .list_class_info > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px -20px 0;
  }
  .list_class_info > ul > li {
    width: calc(50% - 20px);
    margin: 0 20px 20px 0;
  }
  .list_class_info > ul > li .class_tit {
    padding: 17px 24px 19px;
    font-size: 18px;
  }
  .list_class_info > ul > li .txt {
    padding: 25px 25px;
  }
  .list_class_info > ul > li .txt > ul > li .cate_border {
    margin-bottom: 8px;
    padding: 0 13px;
    height: 34px;
    line-height: 32px;
  }
  .list_class_info > ul > li .txt > ul > li + li {
    margin-top: 15px;
  }
  .list_class_info.list_type1 > ul {
    display: block;
  }
  .list_class_info.list_type1 > ul > li {
    display: table;
    width: 100%;
    margin: 0 0 10px 0;
  }
  .list_class_info.list_type1 > ul > li > * {
    display: table-cell;
    vertical-align: middle;
  }
  .list_class_info.list_type1 > ul > li .class_tit {
    width: 275px;
    font-size: 18px;
    padding: 20px 23px;
  }
  .list_class_info.list_type1 > ul > li .class_tit:before {
    width: 2px;
    height: calc(100% + 2px);
  }
  .list_class_info.list_type1 > ul > li .txt {
    padding: 20px 25px;
  }
  .program_video_con {
    padding: 0 0 60px;
  }
  .program_video_con .video {
    position: relative;
    width: 59.3%;
    z-index: 1;
  }
  .program_video_con .video > a {
    padding-bottom: 55.55%;
  }
  .program_video_con .video > a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
  }
  .program_video_con .video > a:before {
    right: -10px;
    bottom: -10px;
  }
  .program_video_con .txt {
    position: absolute;
    top: 50px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 50px 20px 50px 28.5%;
    background-size: auto;
    width: 63.9%;
    height: calc(100% - 50px);
  }
  .program_video_con .txt > strong {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .list_pic_report > ul {
    width: 100%;
    margin: 0 -30px -40px 0;
  }
  .list_pic_report > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 30px);
    margin: 0 30px 40px 0 !important;
  }
  .list_pic_report > ul > li .img {
    width: 160px;
    height: 230px;
  }
  .list_pic_report > ul > li .img a {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }
  .list_pic_report > ul > li .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: -3px 0 0 25px;
  }
  .list_pic_report > ul > li .txt .news_tit {
    margin: 8px 0;
  }
  .list_pic_report > ul > li .txt .btn_wrap {
    margin-top: 25px;
  }
  .list_pic_report > ul > li .txt .btn_wrap .btn {
    width: auto;
    white-space: nowrap;
  }
  .report_view_con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .report_view_con .img_box {
    width: 254px;
  }
  .report_view_con .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 30px;
    padding: 24px 30px 30px;
  }
  .report_view_con .txt > ul > li {
    padding-left: 99px;
  }
  .report_view_con .txt > ul > li > strong {
    left: 10px;
  }
  .add_info_box .add_info_tit > strong {
    font-size: 24px;
  }
  .add_info_box .add_info_tit > a {
    width: 40px;
    height: 40px;
  }
  .add_info_box .txt {
    margin-top: 16px;
    padding: 10px 30px;
  }
  .add_info_box .txt > ul > li {
    display: table;
    width: 100%;
    padding: 20px 0;
  }
  .add_info_box .txt > ul > li > * {
    display: table-cell;
  }
  .add_info_box .txt > ul > li > strong {
    display: table-cell;
    font-size: 18px;
    width: 232px;
    margin: 0;
  }
  .add_info_box .txt > ul > li > strong:before {
    width: 36px;
    height: 36px;
  }
  .container > .inner .content.srh-content {
    width: 100%;
    float: none;
  }
  .search-option {
    display: block !important;
    padding: 30px 0 0 0;
    overflow: visible;
  }
  .search-option .srh-inp {
    width: 640px;
    margin: 0 auto;
  }
  .search-option .srh-inp .input_box input[type=text] {
    height: 56px;
    padding-left: 24px;
    border: 2px solid #085cb7;
    border-right: none;
  }
  .search-option .srh-inp .input_box button[type=submit] {
    width: 118px;
    height: 56px;
    line-height: 56px;
    font-size: 17px;
  }
  .search-option .srh-inp .input_box button[type=submit]::before {
    content: "";
    width: 18px;
    margin-right: 8px;
    background-size: 18px 18px;
  }
  .error-box strong {
    font-size: 20px;
  }
  .srh-inp ~ .opt-wrap {
    margin-top: 30px;
  }
  .opt-wrap {
    border-radius: 8px;
    padding: 30px;
  }
  .opt-wrap .opt-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .opt-wrap .opt-area + .opt-area {
    margin-top: 15px;
  }
  .opt-wrap .opt-area .l {
    margin-right: 25px;
  }
  .opt-wrap .opt-area .l > strong {
    width: auto;
    height: 44px;
    padding: 0 25px;
    border-radius: 44px;
  }
  .opt-wrap .opt-area .r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .opt-wrap .opt-area .rd-lb-wrap {
    margin-top: 0px;
  }
  .opt-wrap .opt-area .rd-lb {
    margin: 0 20px 0 0;
  }
  .opt-wrap .opt-area .date {
    margin-top: 10px;
  }
  .search-result {
    margin-top: 50px;
    padding: 23px 10px;
  }
  .search-result .key {
    font-size: 18px;
  }
  .search-result strong {
    font-size: 18px;
  }
  .search-cate {
    margin-top: 40px;
  }
  .search-cate > ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .search-cate > ul > li {
    float: left;
    position: relative;
    width: 241px;
    margin: 0 -1px -1px 0;
  }
  .search-cate > ul > li::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #d7d7d7;
  }
  .search-cate > ul > li > a {
    display: block;
    position: relative;
    width: auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  .search-cate > ul > li > .current::before,
  .search-cate > ul > li > a:hover::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #04afb5;
  }
  .res-box {
    margin-top: 40px;
  }
  .res-box:after {
    content: "";
    display: block;
    clear: both;
  }
  .res-box > .r {
    display: block;
    float: right;
    width: 240px;
  }
  .srh-res:not(:last-child) {
    margin-bottom: 40px;
  }
  .srh-res .top > h3 {
    margin-bottom: 15px;
  }
  .srh-res .top > h3,
  .srh-res .top > span {
    display: inline-block;
  }
  .srh-res .top > span {
    margin-left: 3px;
  }
  .srh-res .top > a {
    top: 2px;
    width: 11px;
    height: 19px;
  }
  .menu-reslist {
    margin-top: 20px;
  }
  .menu-reslist > li {
    position: relative;
    padding-left: 9px;
  }
  .menu-reslist > li:not(:last-child) {
    margin-bottom: 10px;
  }
  .menu-reslist > li::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #666;
  }
  .menu-reslist > li > a {
    display: inline-block;
    margin: 0 0 0 3px;
  }
  .res-con:not(:last-child) {
    margin-bottom: 15px;
  }
  .res-con a:hover {
    text-decoration: underline;
  }
  .web-res {
    margin-top: 20px;
  }
  .web-res .web-top > span {
    font-size: 14px;
    color: #999;
  }
  .web-reslist {
    margin-top: 8px;
  }
  .web-reslist a {
    display: block;
    display: -webkit-box;
    height: auto;
    max-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    white-space: normal;
  }
  .web-file {
    margin-top: 13px;
    padding: 13px 15px;
  }
  .web-file .view-add-file > li {
    padding-left: 40px;
    line-height: 30px;
  }
  .web-file .view-add-file > li:before {
    width: 30px;
    height: 30px;
  }
  .web-file .view-add-file > li > a {
    margin-left: 5px;
  }
  .prop_history_box > div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 35px;
  }
  .prop_history_box > div:before {
    left: 42px;
    top: 87px;
    height: calc(100% - 90px);
  }
  .prop_history_box > div:after {
    top: 83px;
    left: 42px;
    height: calc(100% - 75px);
    background-size: 6px 12px;
  }
  .prop_history_box > div .year {
    position: relative;
    width: 90px;
    height: 90px;
    line-height: 82px;
    font-size: 22px;
    z-index: 1;
  }
  .prop_history_box > div .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 50px;
  }
  .citi_edu_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .citi_edu_box > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .citi_edu_box > div + div {
    margin: 0 0 0 17px;
  }
  .citi_edu_box > div > strong {
    padding: 12px 17px;
    font-size: 18px;
  }
  .citi_edu_box > div .txt {
    padding: 25px 20px;
  }
  .num_list > li:not(:first-child) {
    margin-top: 5px;
  }
  .num_list > li > span {
    font-size: 14px;
  }
  .privacy_agree_box .guide_con {
    max-height: 205px;
  }
  .privacy_agree_box .guide_con.lg {
    max-height: 416px;
  }
  .privacy_agree_box .guide_con .guide_box + .guide_box {
    margin-top: 20px;
  }
  .privacy_agree_box .guide_con .guide_box > div + div {
    margin-top: 12px;
  }
  .privacy_agree_box .guide_con .guide_box > div strong + ul {
    margin-top: 7px;
  }
  .privacy_agree_box .guide_con .guide_box ul > li > ul {
    margin-top: 7px;
    padding-left: 20px;
  }
  .privacy_agree_box .guide_con .guide_tit {
    margin-bottom: 12px;
    font-size: 18px;
  }
  .guide_list {
    padding-bottom: 22px;
    margin-bottom: 24px;
  }
  .guide_list > ul {
    margin-bottom: -5px;
  }
  .guide_list > ul li {
    width: 25%;
    margin: 0 0 8px 0;
  }
  .id_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .id_box input[type=text] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .id_box > button.btn {
    margin: 0 0 0 5px;
    padding: 0 15px;
  }
  .privacy_agree_box.notice_box {
    padding-bottom: 20px;
  }
  .privacy_agree_box.notice_box .agree_chk {
    padding-top: 20px;
  }
  .agency_login_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px;
    margin-top: 40px;
  }
  .agency_login_box .l {
    margin-right: auto;
    padding-left: 84px;
    min-height: 64px;
  }
  .agency_login_box .l:before {
    width: 64px;
    height: 64px;
  }
  .agency_login_box .r {
    margin: 0 0 0 auto;
  }
  .labor_info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px;
  }
  .labor_info_box .img_box {
    width: 374px;
  }
  .labor_info_box .txt {
    margin: 0 0 0 25px;
  }
  .bg_tit {
    padding: 10px 30px;
    font-size: 18px;
    border-radius: 30px;
    margin-bottom: 18px;
  }
  .edu_program_info > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 40px;
  }
  .edu_program_info > ul > li:not(:first-child) {
    margin-top: 25px;
  }
  .edu_program_info > ul > li > .img_box {
    width: 260px;
    margin: 0;
    padding: 15px 20px 20px 15px;
  }
  .edu_program_info > ul > li > .img_box:before {
    width: 30px;
    height: 30px;
  }
  .edu_program_info > ul > li > .img_box:after {
    width: 44px;
    height: 44px;
  }
  .edu_program_info > ul > li > .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 30px;
  }
  .edu_program_info > ul > li > .txt .sub_tit {
    margin-bottom: 11px;
  }
  .edu_program_info > ul > li > .txt .program_tit {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .list_img_program {
    margin-left: -15px;
  }
  .list_img_program > li {
    display: inline-block;
    width: 149px;
    max-width: calc(25% - 15px);
    margin-left: 15px;
  }
  .program_view_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .program_view_box .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 14px 0 0 30px;
  }
  .program_view_box .txt > strong {
    font-size: 20px;
    margin-bottom: 11px;
  }
  .program_view_box .txt > strong:before {
    top: 14px;
    left: -58px;
    width: 50px;
    height: 2px;
  }
  .program_view_box.type1 {
    padding: 47px 0;
  }
  .program_view_box.type1 .img_box {
    width: 400px;
    padding: 0;
  }
  .program_view_box.type1 .img_box:before {
    height: calc(100% + 94px);
  }
  .program_view_box.type1 .txt {
    margin: 25px 0 0 39px;
  }
  .program_view_box.type1 .txt > strong:before {
    width: 60px;
    height: 2px;
    top: 13px;
    left: -68px;
  }
  .program_view_box.type2 .img_box {
    width: 199px;
  }
  .program_border_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .program_border_box .img_box {
    width: 274px;
  }
  .program_border_box .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 21px 24px;
  }
  .layer_popup_box .table table thead th {
    padding: 15px;
  }
  .layer_popup_box .table table tbody td,
  .layer_popup_box .table table tbody th {
    padding: 15px;
  }
  .program_character_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -15px;
  }
  .program_character_list > li {
    width: calc(25% - 15px);
    margin: 0 0 0 15px;
    background: #f6f6f6;
  }
  .program_character_list > li > div {
    display: block;
  }
  .program_character_list > li .img_box {
    width: 100%;
  }
  .program_character_list > li .img_box > img {
    height: auto;
  }
  .program_character_list > li .txt {
    width: 100%;
    padding: 17px 20px;
    text-align: center;
  }
  .program_character_list > li .txt > strong {
    margin-bottom: 4px;
  }
  .program_character_list.fx_wp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .program_character_list.fx_wp li {
    margin-bottom: 20px;
  }
  .bg_copyright:before {
    background: url("../images/bg_copyright.jpg") 0 0/100% no-repeat;
  }
  .bg_reject_email:before {
    background: url("../images/bg_reject_email.jpg") 0 0/100% no-repeat;
  }
  .no_img:before {
    width: 120px;
    height: 120px;
  }
}
@media screen and (min-width: 1210px), print {
  .organization .org2 > ul {
    margin: 80px -20px -30px 0;
  }
  .organization .org2 > ul:before {
    margin-left: -10px;
  }
  .organization .org2 > ul > li {
    width: calc(20% - 20px);
    margin: 0 20px 30px 0;
  }
  .organization .org2 > ul > li > a {
    word-break: keep-all;
  }
  .search_board .chk_wrap > span {
    width: 16.6666666667%;
  }
  .rd_search > span {
    width: 16.6666666667%;
  }
  .opt-wrap .opt-area .r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .opt-wrap .opt-area .r .date {
    margin-top: 0;
  }
  .guide_list > ul li {
    width: 20%;
  }
}
@media screen and (min-width: 1310px), print {
  .qna_login_box > div {
    padding: 40px 114px;
  }
  .box_newsletter_form {
    padding-left: 15%;
  }
  .greeting_box:after {
    width: 480px;
    background-size: 60%;
  }
  .greeting_box .txt {
    width: calc(100% - 510px);
  }
  .search_board .chk_wrap > span {
    width: 12.5%;
  }
  .rd_search > span {
    width: 12.5%;
  }
  .guide_list > ul li {
    width: 16.6666666667%;
  }
}
.admit_list > li {
  display: inline-block;
  vertical-align: middle;
}
.admit_list > li:not(:last-child) {
  margin-right: 5px;
}
.admit_list .w_fix {
  width: 79px;
}

.popup_complete_box.bg_return {
  background-image: url("../images/bg_popup_return.png");
}

.rese_header {
  padding: 20px;
  -webkit-box-shadow: 0px 5px 9px 3px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 5px 9px 3px rgba(183, 183, 183, 0.5);
  background: #fff;
}
.rese_header h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rese_header h1 > img {
  width: 190px;
}
.rese_header h1 span {
  margin-left: 6px;
  font-weight: 500;
  color: #222;
}

.rese_cont {
  padding: 35px 20px;
}

.rese_list > li {
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px 1px rgba(183, 183, 183, 0.4);
          box-shadow: 0px 1px 5px 1px rgba(183, 183, 183, 0.4);
}
.rese_list > li:not(:last-child) {
  margin-bottom: 20px;
}
.rese_list h3 {
  font-size: 17px;
  font-weight: 500;
  color: #222;
}

.no_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 220px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d9d9d9;
}
.no_data > p {
  display: inline-block;
  padding-top: 100px;
  background: url(../images/ico_no_data.png) no-repeat 50% 0/90px;
  font-weight: 500;
  color: #222;
}

.bg_laboratory::before {
  background-image: url(../images/img_campus_laboratory.png);
}

.lab_step > li {
  padding-right: 18px;
}
.mobile .lab_step > li:not(:last-child) {
  margin-bottom: 20px;
}

.lab_step .step_img {
  position: relative;
}
.lab_step .step_img::before {
  content: "";
  position: absolute;
  right: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/img_lab_arrow.jpg) no-repeat;
  width: 10px;
  height: 18px;
}
.lab_step .grad {
  position: absolute;
  left: 0;
  bottom: -8%;
  padding: 8px 15px;
  background: rgb(0, 166, 84);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 166, 84)), color-stop(32%, rgb(0, 156, 129)), color-stop(63%, rgb(0, 151, 160)), to(rgb(0, 141, 208)));
  background: linear-gradient(90deg, rgb(0, 166, 84) 0%, rgb(0, 156, 129) 32%, rgb(0, 151, 160) 63%, rgb(0, 141, 208) 100%);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
.lab_step .lab_txt {
  margin-top: 8.5%;
  font-weight: 500;
  font-size: 17px;
  color: #222;
}
.lab_step img {
  width: 100%;
}

.lab_ytb iframe {
  display: block;
  width: calc(100% - 25px);
  height: 55vw;
  margin: 0 auto -28px;
}
.lab_ytb .lab_source {
  padding: 40px 25px 17px;
  background: #edf7f2;
}

.science_info {
  border: 1px solid #d9d9d9;
}
.science_info .sci_img {
  padding: 20px 17px;
}
.science_info .sci_img > img {
  width: 100%;
}
.science_info .sci_info_list {
  padding: 17px;
  background: #f6f6f6;
}

.makerspace_info {
  border: 0px solid #d9d9d9;
}

.makerspace_info > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.pgm_list > li > img {
  width: 100%;
}
.mobile .pgm_list > li:not(:last-child) {
  margin-bottom: 20px;
}

.txt_esg_busi {
  margin-top: 20px;
  padding: 20px 45px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 400;
  font-size: 17px;
  color: #222;
}

.esg_envi_txt {
  padding: 25px;
  border-radius: 20px 0 20px 0;
  background-color: #edf7fc;
  background-image: url(../images/bg_envi_box2_m.png), url(../images/bg_envi_box1_m.png);
  background-position: calc(100% - 45px) 120px, 100% calc(100% - 8px);
  background-repeat: no-repeat, no-repeat;
  background-size: 68px, 50px;
}
.esg_envi_txt h4 {
  margin-bottom: 15px;
  padding-bottom: 13px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 600;
  font-size: 19px;
  color: #173964;
}

.grad_list > li {
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
}
.grad_list .tit_thum {
  position: relative;
  margin: -1px -1px 0 -1px;
  padding-bottom: 20px;
}
.grad_list .tit_thum img {
  width: 100%;
}
.grad_list .tit_grad {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  padding: 12px 15px;
  border-top-left-radius: 15px;
  background: rgb(0, 166, 84);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 166, 84)), color-stop(32%, rgb(0, 156, 129)), color-stop(63%, rgb(0, 151, 160)), to(rgb(0, 141, 208)));
  background: linear-gradient(90deg, rgb(0, 166, 84) 0%, rgb(0, 156, 129) 32%, rgb(0, 151, 160) 63%, rgb(0, 141, 208) 100%);
  font-weight: 500;
  font-size: 17px;
  color: #fff;
}
.grad_list .exp_txt {
  padding: 12px 17px;
}

.txt_box {
  padding: 17px;
  border: 1px solid #d9d9d9;
  background: #f6f6f6;
}

.diag_line {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAChJREFUGFdjZEADr1+//s+ILAYSEBUVZYQLwgRAisCCyAJgQXQBkCAAAiITxjfTENsAAAAASUVORK5CYII=) repeat;
}

.esg_contr_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 25px 25px;
  border-radius: 20px 0 20px 0;
  background: #edf7fc url(../images/bg_envi_box1_m.png) no-repeat 100% calc(100% - 8px)/50px;
}
.esg_contr_txt::before {
  display: block;
  content: "";
  width: 100%;
  height: 54vw;
  margin-top: -25px;
  background: url(../images/img_box_dec.jpg) no-repeat 0 0/100% 100%;
}
.esg_contr_txt dl {
  padding-top: 20px;
  background: url(../images/bg_envi_box2_m.png) no-repeat 100% -23px/68px;
}
.esg_contr_txt dt {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 19px;
  font-weight: 600;
  color: #173964;
}
.esg_contr_txt dd {
  font-weight: 400;
}

.menu_section {
  position: relative;
  padding: 20px 20px 20px 135px;
  border: 2px solid #eee;
}
.menu_section:not(:last-child) {
  margin-bottom: 15px;
}
.menu_section .menu_tit {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 115px;
  height: calc(100% + 4px);
  padding: 20px;
  border-left-width: 2px;
  border-left-style: solid;
  font-weight: 600;
  font-size: 19px;
}
.menu_section .menu_tit::before {
  display: block;
  content: "";
  width: 46px;
  height: 42px;
  margin-bottom: 13px;
  background-repeat: no-repeat;
}
.menu_section .menu_list {
  margin-bottom: -8px;
}
.menu_section .menu_list > li {
  margin-bottom: 8px;
}
.menu_section .menu_list > li > a {
  font-weight: 500;
  font-size: 17px;
  color: #222;
}
.menu_section .menu_list > li > ul {
  margin-top: 5px;
}
.menu_section .ico_mn1::before {
  background-image: url(../images/ico_sitemap1.png);
}
.menu_section .ico_mn2::before {
  background-image: url(../images/ico_sitemap2.png);
}
.menu_section .ico_mn3::before {
  background-image: url(../images/ico_sitemap3.png);
}
.menu_section .ico_mn4::before {
  height: 43px;
  background-image: url(../images/ico_sitemap4.png);
}
.menu_section .ico_mn5::before {
  background-image: url(../images/ico_sitemap5.png);
}
.menu_section .ico_mn6::before {
  background-image: url(../images/ico_sitemap6.png);
}
.menu_section .ico_mn7::before {
  background-image: url(../images/ico_sitemap7.png);
}
.menu_section .ico_mn8::before {
  background-image: url(../images/ico_sitemap8.png);
}
.menu_section .bg_light_blue1 {
  border-left-color: #173964;
  background: #edf4fc;
  color: #173964;
}
.menu_section .bg_light_blue2 {
  border-left-color: #085cb7;
  background: #edf7fc;
  color: #085cb7;
}
.menu_section .bg_light_green {
  border-left-color: #00a651;
  background: #e8f5ee;
  color: #00984a;
}
.menu_section .bg_light_orange {
  border-left-color: #e85312;
  background: #faefea;
  color: #e85312;
}

@media screen and (min-width: 768px), print {
  .menu_section {
    padding: 30px 30px 30px 253px;
    border: 2px solid #eee;
  }
  .menu_section:not(:last-child) {
    margin-bottom: 15px;
  }
  .menu_section .menu_tit {
    width: 226px;
    padding: 32px 20px 32px 30px;
    font-size: 22px;
  }
  .menu_section .menu_tit::before {
    margin-bottom: 15px;
  }
  .menu_section .menu_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -23px;
  }
  .menu_section .menu_list > li {
    width: 33.3333333333%;
    margin-bottom: 23px;
  }
  .menu_section .menu_list > li > a {
    font-weight: 500;
    font-size: 17px;
    color: #222;
  }
  .menu_section .menu_list > li > ul {
    margin-top: 9px;
  }
  .esg_contr_txt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 50px 50px 0;
    border-radius: 20px 0 20px 0;
    background-image: url(../images/bg_envi_box1.png);
    background-position: 400px 100%;
    background-size: auto;
  }
  .esg_contr_txt::before {
    width: 515px;
    height: 320px;
    margin-top: -50px;
  }
  .esg_contr_txt dl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 340px;
    padding: 120px 50px 0 50px;
    background-image: url(../images/bg_envi_box3.png);
    background-position: 12px 0;
    background-size: auto;
  }
  .esg_contr_txt dt {
    margin-bottom: 18px;
    padding-bottom: 17px;
    font-size: 22px;
  }
  .esg_contr_txt dd {
    font-size: 18px;
  }
  .txt_box {
    padding: 25px;
  }
  .esg_envi_txt {
    padding: 35px 40px;
    border-radius: 30px 0 30px 0;
    background-image: url(../images/bg_envi_box1.png), url(../images/bg_envi_box2.png);
    background-position: 405px 100%, 100% calc(100% - 34px);
    background-size: auto, auto;
  }
  .esg_envi_txt h4 {
    margin-bottom: 17px;
    padding-bottom: 17px;
    font-size: 22px;
  }
  .grad_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .grad_list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
  }
  .grad_list > li:not(:last-child) {
    margin-right: 34px;
  }
  .grad_list > li .tit_thum {
    padding-bottom: 29px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1325px), print {
  .grad_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -34px;
  }
  .grad_list > li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: calc(50% - 17px);
    margin-bottom: 34px;
  }
  .grad_list > li:not(:last-child) {
    margin-right: unset;
  }
  .grad_list > li:nth-child(2n) {
    margin-left: 34px;
  }
}
@media screen and (min-width: 768px), print {
  .grad_list .tit_grad {
    padding: 17px 20px;
    border-top-left-radius: 19px;
    font-size: 17px;
  }
}
@media screen and (min-width: 768px), print {
  .grad_list .exp_txt {
    padding: 17px 25px;
  }
}
@media screen and (min-width: 768px), print {
  .txt_esg_busi {
    margin-top: 30px;
    padding: 30px 20px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px), print {
  .lab_step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -30px;
  }
  .lab_step > li {
    width: 33.3333333333%;
    margin-bottom: 30px;
    padding-right: 30px;
  }
  .mobile .lab_step > li:not(:last-child) {
    margin-bottom: 20px;
  }
  .lab_step .step_img::before {
    right: -20px;
  }
  .lab_step .grad {
    bottom: -8%;
    padding: 10px 20px;
  }
  .lab_step .lab_txt {
    margin-top: 10%;
    font-size: 18px;
  }
  .lab_step img {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .lab_ytb iframe {
    max-width: 560px;
    height: 315px;
    margin: 0 0 -228px 40px;
  }
  .lab_ytb .lab_source {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 275px;
    padding: 0 20px 42px 625px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1230px), print {
  .lab_ytb .lab_source {
    height: 318px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px), print {
  .science_info .sci_img {
    padding: 45px 0 75px;
    text-align: center;
  }
  .science_info .sci_img > img {
    width: auto;
  }
  .science_info .sci_info_list {
    padding: 25px;
  }
}
@media screen and (min-width: 768px), print {
  .pgm_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -30px;
  }
  .pgm_list > li {
    width: calc(50% - 10px);
    margin-bottom: 30px;
  }
  .pgm_list > li:nth-child(2n) {
    margin-left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .no_data > p {
    padding-top: 116px;
    background-size: auto;
  }
}
@media screen and (min-width: 768px), print {
  .rese_header {
    padding: 27px 30px;
  }
  .rese_header h1 > img {
    width: auto;
  }
  .rese_header h1 span {
    margin-left: 9px;
    font-size: 19px;
  }
}
@media screen and (min-width: 768px), print {
  .rese_cont {
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px 30px;
  }
}
@media screen and (min-width: 768px), print {
  .rese_list > li {
    padding: 25px;
  }
  .rese_list > li:not(:last-child) {
    margin-bottom: 35px;
  }
  .rese_list h3 {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px), print {
  .admit_list > li {
    display: revert;
  }
  .admit_list > li:not(:last-child) {
    margin: 0 0 5px;
  }
  .admit_list .w_fix {
    width: 89px;
  }
}
@media screen and (min-width: 768px), print {
  .table table {
    min-width: 1130px;
  }
}
.kwd {
  color: #085cb7 !important;
}

.ico_file {
  font-size: 1px;
  color: transparent;
  overflow: hidden;
  text-indent: -9999rem;
  display: inline-block;
  width: 14px;
  height: 16px;
  margin-left: 3px;
  margin-top: 5px;
  background-image: url(../images/ico_file.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  vertical-align: top;
}

.btn_flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -4px;
}
.btn_flex_wrap > [class^=btn],
.btn_flex_wrap > a {
  margin: 4px;
}
@media all and (min-width: 768px), print {
  .btn_flex_wrap {
    margin: -2.5px;
  }
  .btn_flex_wrap > [class^=btn],
  .btn_flex_wrap > a {
    margin: 2.5px;
  }
}

.align_start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.btn_sort {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 33px;
  padding: 0 12px;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-size: 16px;
  line-height: 33px;
  white-space: nowrap;
}
.btn_sort.active {
  background-color: #008cd4;
  border: 1px solid #666;
  color: #fff;
  font-weight: 400;
}
@media all and (min-width: 768px), print {
  .btn_sort {
    height: 38px;
    padding: 0 16px;
    line-height: 38px;
  }
}

.search_result {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 15px;
  background-color: #edf7fc;
  font-size: 17px;
  text-align: center;
}
@media all and (min-width: 768px), print {
  .search_result {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 20px;
    font-size: 18px;
  }
}

.link_arr {
  vertical-align: middle;
}
.link_arr::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-left: 4px;
  background-image: url(../images/ico_arr_right.png);
  background-repeat: no-repeat;
  background-size: auto 12px;
  background-position: center 0;
}

.board_archive > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board_archive > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  height: auto;
  padding: 5px;
}
.board_archive > ul > li > a {
  display: block;
  height: 100%;
}
.board_archive .img_box {
  width: 100%;
  height: 210px;
  overflow: hidden;
}
.board_archive .img_box img {
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.board_archive .img_box img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.board_archive .info_box {
  padding-top: 15px;
  padding-bottom: 10px;
}
.board_archive .info_box .cate {
  display: block;
  color: #008cd4;
  font-weight: 400;
  margin-bottom: 6px;
}
.board_archive .info_box .info_tit {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #222;
  font-weight: 500;
}
.board_archive > ul > li:not(.gallery) .info_box .info_tit {
  height: 48px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.board_archive .detail_box {
  padding-top: 12px;
  border-top: 1px solid #d9d9d9;
}
.board_archive .detail_box .detail_txt {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.board_archive.one_line_board > ul {
  overflow-x: auto;
  margin: 0 -10px -15px;
  padding-bottom: 15px;
}
.board_archive.one_line_board > ul > li {
  min-width: 270px;
  margin: 0 10px;
}
.board_archive.relate_slide {
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
  margin: 0 45px;
}
.board_archive.relate_slide > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.board_archive .gallery .info_box .info_tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_archive .card {
  border-top: 2px solid #00a651;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.board_archive .card > a {
  padding: 0 17px 15px;
}
@media all and (min-width: 768px), print {
  .board_archive .img_box {
    height: 270px;
  }
  .board_archive .info_box {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .board_archive .info_box .cate {
    margin-bottom: 10px;
  }
  .board_archive .info_box .info_tit {
    font-size: 20px;
    line-height: 30px;
  }
  .board_archive > ul > li:not(.gallery) .info_box .info_tit {
    height: 60px;
  }
  .board_archive .info_box + .img_box {
    height: 230px;
  }
  .board_archive .detail_box {
    padding-top: 16px;
  }
  .board_archive .detail_box .detail_txt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .board_archive.one_line_board > ul {
    margin: 0;
  }
  .board_archive.one_line_board > ul > li {
    margin: 0;
  }
  .board_archive.one_line_board > ul > li + li {
    margin-left: 30px;
  }
  .board_archive.relate_slide {
    margin: 0 55px;
  }
  .board_archive .card > a {
    padding: 0 25px 20px;
  }
}

@media all and (min-width: 1567px), print {
  .board_archive.relate_slide {
    margin: 0;
  }
}
.view_con > img {
  max-width: 100% !important;
}

.view_hash {
  border: 4px solid #eee;
  margin-top: 15px;
  padding: 5px 20px;
}
.view_hash > ul > li {
  padding: 15px 0;
}
.view_hash > ul > li:not(:first-child) {
  padding-top: 0;
}
.view_hash > ul > li > strong {
  display: block;
  margin-bottom: 11px;
  color: #222;
}
@media all and (min-width: 768px), print {
  .view_hash {
    padding: 5px 30px;
    margin-top: 20px;
  }
  .view_hash > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 0;
  }
  .view_hash > ul > li > strong {
    min-width: 95px;
    margin: 0;
    padding-right: 15px;
  }
  .view_hash > ul > li.align_start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.view_relate {
  position: relative;
  margin-top: 35px;
}
.view_relate .swiper-button-next.slide_next,
.view_relate .swiper-button-prev.slide_prev {
  top: calc(50% + 18px);
}
.view_relate .swiper-button-next.slide_next {
  right: 0px;
}
.view_relate .swiper-button-prev.slide_prev {
  left: 0px;
}
@media all and (min-width: 768px), print {
  .view_relate {
    margin-top: 60px;
  }
  .view_relate .swiper-button-next.slide_next,
  .view_relate .swiper-button-prev.slide_prev {
    top: calc(50% + 24px);
  }
  .view_relate .swiper-button-next.slide_next {
    right: 0px;
  }
  .view_relate .swiper-button-prev.slide_prev {
    left: 0px;
  }
}
@media all and (min-width: 1567px), print {
  .view_relate .swiper-button-next.slide_next {
    right: -55px;
  }
  .view_relate .swiper-button-prev.slide_prev {
    left: -55px;
  }
}

.tit_relate {
  display: block;
  margin-bottom: 17px;
  line-height: 1;
  font-size: 20px;
  font-weight: 700;
  color: #173964;
}
.tit_relate::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  margin-right: 6px;
  background-image: url(../images/ico_relate.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  vertical-align: top;
}
@media all and (min-width: 768px), print {
  .tit_relate {
    margin-bottom: 24px;
    font-size: 24px;
  }
  .tit_relate::before {
    width: 20px;
    height: 24px;
    margin-right: 6px;
  }
}

.swiper-button-next.slide_next,
.swiper-button-prev.slide_prev {
  width: 33px;
  height: 33px;
  margin: 0;
  border-radius: 4px;
  background-color: #666;
  background-image: url(../images/ico_slide_arr.png);
  background-repeat: no-repeat;
  background-size: 9px 15px;
  background-position: 11px center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
  text-indent: -9999rem;
  z-index: 1;
}

.swiper-button-prev.slide_prev {
  left: 0;
}

.swiper-button-next.slide_next {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

@media all and (min-width: 768px), print {
  .swiper-button-next.slide_next,
  .swiper-button-prev.slide_prev {
    width: 40px;
    height: 40px;
    background-size: 10px 16px;
    background-position: 14px center;
  }
}
.webzine_logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 124px;
  height: 36px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
  text-indent: -9999rem;
  background-image: url(../images/logo_webzine.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
@media all and (min-width: 768px), print {
  .webzine_logo {
    width: 149px;
    height: 43px;
  }
}

.webzine_box {
  background-color: #173964;
  margin-bottom: 30px;
  padding: 35px 0;
  background-image: url(../images/bg_webzine_pattern01.png), url(../images/bg_webzine_pattern02.png);
  background-repeat: no-repeat;
  background-size: auto 100px;
  background-position: right 40% top -50px, right 0 bottom -50px;
}
.webzine_box .webzine_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 25px;
  margin-bottom: 20px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
  text-indent: -9999rem;
}
.webzine_box .webzine_top .l {
  margin-right: auto;
}
.webzine_box .webzine_top .r {
  margin-left: auto;
}
.webzine_box .webzine_controller {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.webzine_box .webzine_controller [class*=swiper-button] {
  position: static;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.webzine_box .webzine_controller [class*=swiper-button] + [class*=swiper-button] {
  margin-left: 10px;
}
.webzine_box .webzine_controller .swiper-button-next {
  -webkit-transform: translateY(0) rotate(180deg);
          transform: translateY(0) rotate(180deg);
}
@media all and (min-width: 768px), print {
  .webzine_box {
    margin-bottom: 50px;
    padding: 60px 40px;
    background-size: auto 160px;
    background-position: right 30% top -60px, right 40px bottom -70px;
  }
  .webzine_box .webzine_top {
    padding: 0;
    margin-bottom: 30px;
  }
  .webzine_box .webzine_top .l {
    padding-bottom: 10px;
  }
}

.swiper-container.webzine_slide {
  padding: 0 25px;
}
.swiper-container.webzine_slide .swiper-slide {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.swiper-container.webzine_slide .item {
  position: relative;
  display: block;
}
.swiper-container.webzine_slide .item .img_box {
  position: relative;
  width: 220px;
  height: 167px;
  overflow: hidden;
}
.swiper-container.webzine_slide .item .img_box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(80%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
  left: 0;
  top: 0;
  z-index: 5;
}
.swiper-container.webzine_slide .item .img_box img {
  min-width: 100%;
  min-height: 100%;
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
}
.swiper-container.webzine_slide .item:hover .img_box img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.swiper-container.webzine_slide .item .txt_box {
  position: absolute;
  width: 100%;
  padding: 0 17px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #fff;
  left: 0;
  bottom: 17px;
  z-index: 10;
  background-color: initial;
  border: none;
}
@media all and (min-width: 768px), print {
  .swiper-container.webzine_slide {
    padding: 0;
  }
  .swiper-container.webzine_slide .item .img_box {
    position: relative;
    width: 330px;
    height: 250px;
  }
  .swiper-container.webzine_slide .item .txt_box {
    position: absolute;
    width: 100%;
    padding: 0 24px;
    font-size: 18px;
    line-height: 28px;
    bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media all and (max-width: 767px) {
  .webzine_slide .item .txt_box {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.board_webzine > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.board_webzine > ul > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.board_webzine > ul > li + li {
  margin-top: 24px;
}
.board_webzine > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.board_webzine > ul > li > a .badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.board_webzine > ul > li > a .img_box {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 270px;
}
.board_webzine > ul > li > a .img_box img {
  min-width: 100%;
  min-height: 100%;
  -webkit-transition: all 0.33s ease;
  transition: all 0.33s ease;
}
.board_webzine > ul > li > a:hover .img_box img, .board_webzine > ul > li > a:focus .img_box img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.board_webzine > ul > li > a .info_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px 17px;
  background-color: #f6f6f6;
}
.board_webzine > ul > li > a .info_tit {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #222;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board_webzine > ul > li > a .date {
  display: block;
  margin-top: 6px;
}
@media all and (min-width: 768px), print {
  .board_webzine > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 17px);
            flex: 0 0 calc(50% - 17px);
  }
  .board_webzine > ul > li + li {
    margin-top: 0;
  }
  .board_webzine > ul > li:nth-child(even) {
    margin-left: 34px;
  }
  .board_webzine > ul > li:nth-child(n+3) {
    margin-top: 34px;
  }
  .board_webzine > ul > li > a .info_box {
    padding: 20px 25px;
  }
  .board_webzine > ul > li > a .info_tit {
    font-size: 20px;
    height: 60px;
  }
}
@media all and (min-width: 1210px), print {
  .board_webzine > ul > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333333333% - 22.6666666667px);
            flex: 0 0 calc(33.3333333333% - 22.6666666667px);
  }
  .board_webzine > ul > li + li {
    margin-top: inherit;
  }
  .board_webzine > ul > li:nth-child(even) {
    margin-left: inherit;
  }
  .board_webzine > ul > li:not(:nth-child(3n-2)) {
    margin-left: 34px;
  }
  .board_webzine > ul > li:nth-child(-n+3) {
    margin-top: 0;
  }
}

.badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 56px;
  height: 56px;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.badge .bg_lightblue {
  background-color: #008cd4;
}
.badge .bg_blue {
  background-color: #085cb7;
}
.badge .bg_navy {
  background-color: #173964;
}
.badge .bg_green {
  background-color: #00a651;
}
@media all and (min-width: 768px), print {
  .badge {
    min-width: 60px;
    height: 60px;
    padding: 0 15px;
  }
}

.view_wrap .webzine_view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #d9d9d9;
}
.view_wrap .webzine_view .view_con {
  padding-left: 0;
  padding-right: 0;
  border-bottom: none;
}
.view_wrap .webzine_view .view_con img {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100% !important;
}
@media all and (min-width: 1024px), print {
  .view_wrap .webzine_view {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .view_wrap .webzine_view .view_con {
    margin-left: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.view_wrap .view_link {
  padding: 15px 18px;
  border-bottom: 1px solid #d9d9d9;
}
.view_wrap .view_link > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 40px;
  min-height: 31px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view_wrap .view_link > li::before {
  content: "";
  position: absolute;
  width: 31px;
  height: 31px;
  background-image: url(../images/ico_link_circle.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  left: 0;
  top: 0;
}
.view_wrap .view_link > li > a {
  word-break: break-all;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.view_wrap .view_link > li > a:hover, .view_wrap .view_link > li > a:focus {
  text-decoration: underline;
}
.view_wrap .view_link > li + li {
  margin-top: 10px;
}
@media all and (min-width: 1024px), print {
  .view_wrap .view_link {
    padding: 20px 26px;
  }
  .view_wrap .view_link > li {
    min-height: 32px;
  }
  .view_wrap .view_link > li::before {
    width: 32px;
    height: 32px;
  }
  .view_wrap .view_link > li > a {
    display: block;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.webzine_tit {
  position: relative;
  padding: 22px 0;
  height: auto;
  margin-bottom: 70px;
  border-top: 2px solid #354252;
  border-bottom: 4px solid #d9d9d9;
}
.webzine_tit::before {
  content: "";
  position: absolute;
  border-top: 15px solid #d9d9d9;
  border-right: 15px solid #d9d9d9;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: calc(50% - 10px);
  top: 100%;
}
.webzine_tit::after {
  content: "";
  position: absolute;
  border-top: 10px solid #fff;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  left: calc(50% - 4px);
  top: 100%;
}
.webzine_tit .badge {
  min-width: 52px;
  height: 52px;
}
.webzine_tit .badge + .board_tit {
  margin-top: 10px;
}
.webzine_tit .board_tit > strong {
  display: block;
  font-size: 23px;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
}
.webzine_tit .board_tit + [class*=list] {
  margin-top: 10px;
}
@media all and (min-width: 768px), print {
  .webzine_tit {
    padding: 35px 0;
  }
  .webzine_tit::before {
    border-top: 14px solid #d9d9d9;
    border-bottom: 14px solid transparent;
    border-right: 20px solid #d9d9d9;
    border-left: 20px solid transparent;
    left: calc(50% - 20px);
  }
  .webzine_tit::after {
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    border-right: 14px solid #fff;
    border-left: 14px solid transparent;
    left: calc(50% - 12px);
  }
  .webzine_tit .badge {
    min-width: 60px;
    height: 60px;
  }
  .webzine_tit .badge + .board_tit {
    margin-top: 15px;
  }
  .webzine_tit .board_tit > strong {
    font-size: 30px;
  }
  .webzine_tit .board_tit + [class*=list] {
    margin-top: 15px;
  }
}
@media all and (min-width: 1024px), print {
  .webzine_tit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 320px;
    margin-bottom: 0px;
  }
}

.list_bar > li {
  display: inline-block;
  vertical-align: middle;
}
.list_bar > li + li::before {
  content: "";
  position: static;
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: -1px 6px 0;
  background-color: #d9d9d9;
  vertical-align: middle;
}

.wbz_top {
  position: relative;
}
.wbz_top .webzine_promotion {
  position: relative;
  overflow: hidden;
}
.wbz_top .webzine_promotion .swiper-slide > a {
  display: block;
  position: relative;
  overflow: hidden;
}
.wbz_top .webzine_promotion .swiper-slide > a img {
  width: 100%;
}
.wbz_top .webzine_promotion .swiper-pagination {
  bottom: 32%;
  z-index: 1;
  padding-left: 10px;
  text-align: left;
}
.wbz_top .webzine_promotion .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
  opacity: 1;
}
.wbz_top .webzine_promotion .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 20px;
  border: 0;
  background: #00aa46;
}
.wbz_top .wbz_subscribe {
  position: absolute;
  right: 10px;
  bottom: 95px;
  z-index: 1;
}
.wbz_top .wbz_subscribe img {
  width: 100px;
}
.wbz_top .wbz_search {
  position: absolute;
  right: 10px;
  bottom: -91px;
  z-index: 1;
  width: calc(100% - 105px);
  max-width: 540px;
  padding: 20px 25px 25px;
  background: #f2b330;
}
.wbz_top .wbz_search::before, .wbz_top .wbz_search::after {
  content: "";
  position: absolute;
  background: #f2b330;
}
.wbz_top .wbz_search::before {
  left: -30px;
  top: -30px;
  width: 30px;
  height: 30px;
}
.wbz_top .wbz_search::after {
  left: -85px;
  top: 0;
  width: 55px;
  height: 55px;
  opacity: 0.5;
}
.wbz_top .wbz_search .wbz_srh_result {
  font-size: 20px;
  color: #222;
}
.wbz_top .wbz_search .wbz_srh_result > strong {
  display: block;
  font-weight: 500;
}
.wbz_top .wbz_search .wbz_srh_txt {
  position: relative;
}
.wbz_top .wbz_search .wbz_srh_txt input[type=search] {
  width: 100%;
  padding-right: 45px;
  border-radius: 0;
  border-style: none none solid;
  border-bottom-width: 3px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  background: transparent;
}
.wbz_top .wbz_search .wbz_srh_txt ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.wbz_top .wbz_search .wbz_srh_txt ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.wbz_top .wbz_search .wbz_srh_txt :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.wbz_top .wbz_search .wbz_srh_txt ::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.wbz_top .wbz_search .wbz_srh_txt ::placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.wbz_top .wbz_search .wbz_srh_txt button {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: url(../images/btn_webzine_search.png) no-repeat 100% 50%/20px;
}

.wbz_list_pd {
  position: relative;
  padding: 0 30px;
}

.cont_inner {
  max-width: 1440px;
  margin: 0 auto;
}

.swp_btn {
  position: absolute;
  top: 50%;
  z-index: 9;
  width: 20px;
  height: 100px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.swp_prev {
  left: 0;
  background-image: url(../images/btn_swp_prev.png);
}

.swp_next {
  right: 0;
  background-image: url(../images/btn_swp_next.png);
}

.wbz_list_tit {
  margin-bottom: 23px;
  font-weight: 600;
  font-size: 30px;
  color: #222;
}

.wbz_list_sec {
  padding-top: 95px;
}

.cont_wbz {
  padding: 45px 10px;
}

.list_swiper {
  position: relative;
  overflow: hidden;
}
.list_swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
}
.list_swiper .swiper-slide > a {
  display: block;
  width: 100%;
}
.list_swiper .swiper-slide > a:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.list_swiper .swiper-slide > a img {
  width: 100%;
}
.list_swiper .wbz_tit {
  margin-top: 12px;
}
.list_swiper .wbz_tit .t1 {
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 19px;
  color: #222;
}

.wbz_record {
  background: #173964;
}
.wbz_record .wbz_list_tit,
.wbz_record .wbz_tit .t1 {
  color: #fff;
}
.wbz_record .wbz_tit .t2 {
  color: #888;
}

.wbz_site {
  background: #f2b330;
}
.wbz_site .swp_btn {
  -webkit-filter: brightness(2);
          filter: brightness(2);
}

.wbz_thum_img {
  overflow: hidden;
}
.wbz_thum_img > img {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.wbz_news_list {
  border-top: 2px solid #354252;
  border-bottom: 1px solid #d9d9d9;
}
.wbz_news_list > li:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.wbz_news_list > li a {
  display: block;
  padding: 20px 76px 20px 20px;
  background: url(../images/ico_window_off.png) no-repeat calc(100% - 17px) 50%/35px;
  -webkit-transition: color 0.9s ease, background 0.9s ease;
  transition: color 0.9s ease, background 0.9s ease;
}
.wbz_news_list > li a:hover {
  background-image: url(../images/ico_window_on.png);
}
.wbz_news_list > li a:hover .news_tit,
.wbz_news_list > li a:hover .news_source {
  color: #085cb7;
}
.wbz_news_list .news_tit {
  margin-bottom: 5px;
  line-height: 1.3;
  font-weight: 500;
  font-size: 19px;
  color: #222;
}

@media screen and (max-width: 1209px) {
  .wbz_top {
    padding-top: 56px;
  }
}
@media screen and (min-width: 768px) {
  .wbz_top .webzine_promotion .swiper-pagination {
    left: 12.2%;
    bottom: 23%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 0;
  }
  .wbz_top .webzine_promotion .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 5px;
  }
  .wbz_top .webzine_promotion .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 20px;
    border: 0;
  }
  .wbz_top .wbz_subscribe {
    bottom: 23%;
  }
  .wbz_top .wbz_subscribe img {
    width: 115px;
  }
  .wbz_top .wbz_search {
    bottom: -98px;
  }
  .list_swiper .wbz_tit {
    margin-top: 21px;
  }
  .list_swiper .wbz_tit .t1 {
    margin-bottom: 6px;
    font-size: 22px;
  }
  .wbz_list_tit {
    max-width: 1440px;
    margin: 0 auto 45px;
    font-size: 44px;
  }
  .swp_btn {
    width: 50px;
  }
  .swp_prev {
    left: -30px;
    background-position-x: 0;
  }
  .swp_next {
    right: -30px;
    background-position-x: 100%;
  }
  .wbz_list_sec {
    padding-top: 107px;
  }
  .cont_wbz {
    padding: 80px 7vw;
  }
  .wbz_column .swiper-wrapper .swiper-slide:nth-child(1n) {
    width: 330px !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .wbz_column .swiper-wrapper .swiper-slide:nth-child(2n) {
    width: 660px !important;
  }
  .wbz_column .swiper-wrapper .swiper-slide:nth-child(2n) .wbz_thum_img {
    height: 504px;
  }
  .wbz_column .swiper-wrapper .swiper-slide:nth-child(3n) {
    width: 330px !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .wbz_column .swiper-wrapper .swiper-slide:nth-child(3n) .wbz_thum_img {
    height: auto;
  }
  .wbz_record .swiper-wrapper .swiper-slide:nth-child(1n) {
    width: 330px !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .wbz_record .swiper-wrapper .swiper-slide:nth-child(2n) {
    width: 330px !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .wbz_record .swiper-wrapper .swiper-slide:nth-child(3n) {
    width: 660px !important;
  }
  .wbz_record .swiper-wrapper .swiper-slide:nth-child(3n) .wbz_thum_img {
    height: 504px;
  }
  .wbz_human .swiper-wrapper .swiper-slide:nth-child(1n) {
    width: 330px !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .wbz_human .swiper-wrapper .swiper-slide:nth-child(2n) {
    width: 660px !important;
  }
  .wbz_human .swiper-wrapper .swiper-slide:nth-child(2n) .wbz_thum_img {
    height: 504px;
  }
  .wbz_human .swiper-wrapper .swiper-slide:nth-child(3n) {
    width: 330px !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .wbz_human .swiper-wrapper .swiper-slide:nth-child(3n) .wbz_thum_img {
    height: auto;
  }
  .wbz_site .swiper-wrapper .swiper-slide:nth-child(1n) {
    width: 660px !important;
  }
  .wbz_site .swiper-wrapper .swiper-slide:nth-child(1n) .wbz_thum_img {
    height: 504px;
  }
  .wbz_site .swiper-wrapper .swiper-slide:nth-child(2n) {
    width: 330px !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .wbz_site .swiper-wrapper .swiper-slide:nth-child(2n) .wbz_thum_img {
    height: auto;
  }
  .wbz_site .swiper-wrapper .swiper-slide:nth-child(3n) {
    width: 330px !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .wbz_site .swiper-wrapper .swiper-slide:nth-child(3n) .wbz_thum_img {
    height: auto;
  }
  .wbz_news_list > li a {
    padding: 30px 100px 30px 27px;
    background-size: auto;
  }
  .wbz_news_list .news_tit {
    margin-bottom: 11px;
    line-height: 1.4;
    font-size: 22px;
  }
}
@media screen and (min-width: 1510px), print {
  .wbz_top {
    padding-top: 0;
  }
  .wbz_top .webzine_promotion .swiper-slide > a {
    width: 100%;
    height: 760px;
  }
  .wbz_top .webzine_promotion .swiper-slide > a img {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    min-height: 760px;
  }
  .wbz_top .webzine_promotion .swiper-pagination {
    left: calc((100% - 1440px) / 2);
    bottom: 193px;
  }
  .wbz_top .wbz_subscribe {
    right: calc((100% - 1440px) / 2);
    bottom: 168px;
  }
  .wbz_top .wbz_subscribe img {
    width: auto;
  }
  .wbz_top .wbz_search {
    right: calc((100% - 1440px) / 2);
    bottom: -107px;
    width: 640px;
    max-width: none;
    padding: 43px 70px 50px;
  }
  .wbz_top .wbz_search::before {
    left: -60px;
    top: -60px;
    width: 60px;
    height: 60px;
  }
  .wbz_top .wbz_search::after {
    left: -168px;
    width: 108px;
    height: 108px;
  }
  .wbz_top .wbz_search .wbz_srh_result {
    font-size: 26px;
  }
  .wbz_top .wbz_search .wbz_srh_result > strong {
    display: inline;
  }
  .wbz_top .wbz_search .wbz_srh_txt {
    margin-top: 35px;
  }
  .wbz_top .wbz_search .wbz_srh_txt input[type=search] {
    width: 100%;
    padding: 0 45px 10px 12px;
    border-radius: 0;
    border-style: none none solid;
    border-bottom-width: 3px;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    background: transparent;
  }
  .wbz_top .wbz_search .wbz_srh_txt button {
    width: 40px;
    height: 100%;
    background-size: auto;
    background-position-y: 0;
  }
  .wbz_top .wbz_search .wbz_srh_txt ::-webkit-input-placeholder {
    font-size: 20px;
  }
  .wbz_top .wbz_search .wbz_srh_txt ::-moz-placeholder {
    font-size: 20px;
  }
  .wbz_top .wbz_search .wbz_srh_txt :-ms-input-placeholder {
    font-size: 20px;
  }
  .wbz_top .wbz_search .wbz_srh_txt ::-ms-input-placeholder {
    font-size: 20px;
  }
  .wbz_top .wbz_search .wbz_srh_txt ::placeholder {
    font-size: 20px;
  }
  .wbz_list_pd {
    padding: 0;
  }
  .swp_prev {
    left: -70px;
  }
  .swp_next {
    right: -70px;
  }
  .wbz_news .cont_inner {
    padding-right: 440px;
    background: url(../images/bg_wbz_news.jpg) no-repeat 100% 0;
  }
}

.email-disabled {
    opacity: 0.3;
}