@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

/**
 * Render the `main` element consistently in IE.
 */
aside,
section,
article,
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
}

html {
  overflow: auto;
}

address, em {
  font-style: normal;
}

/* font-face */
@font-face {
  font-family: "default-L";
  font-style: normal;
  src: local("※"), url("../font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff"), url("../font/Pretendard-Light.ttf") format("truetype");
}
/* 메인화면 폰트 */
 @font-face {
  font-family: "default";
  font-style: normal;
  src: local("※"), url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff"), url("../font/Pretendard-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "default-B";
  font-style: normal;
  src: local("※"), url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff"), url("../font/Pretendard-Bold.ttf") format("truetype");
} 
/* 메인화면 폰트 */
@font-face {
  font-family: "default-Black";
  font-style: normal;
  src: local("※"), url("../font/Pretendard-Black.woff2") format("woff2"), url("../font/Pretendard-Black.woff") format("woff"), url("../font/Pretendard-Black.ttf") format("truetype");
}
/* 타이틀 */
.tit-page h2 {
  display: inline-block;
  font-size: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  font-family: "default-B";
}

.bold {
  font-family: "default-B";
}

.emphasis, .point {
  font-family: "default-B";
  color: #006DFF;
}

h2.article-title,
h3.article-title,
h4.article-title {
  position: relative;
  margin-bottom: 20px;
  color: #000;
  font-size: 2.2rem;
  font-family: "default-B";
}
h2.article-title .sub,
h3.article-title .sub,
h4.article-title .sub {
  float: right;
}

.info_box {
  padding: 18px;
  border: 1px solid #D3D0D3;
  background-color: #F6FAFB;
  margin-top: 12px;
}
.info_box > *:first-child {
  margin-top: 0 !important;
}
table .info_box {
  margin-top: 0;
}
.info_box .title {
  color: #031D53;
  font-size: 1.6rem;
  font-family: "default-B";
}
.info_box > ul > li:not(:first-child) {
  margin-top: 4px;
}
.info_box > ul > li .img_wrap {
  margin: 0;
}
.info_box > ul > li .img_wrap img {
  max-width: max-content;
  width: 100%;
  height: auto;
}
.info_box > ul > li a {
  font-size: 1.6rem;
}
.info_box.co_orange .title {
  color: #ff7817;
}
.info_box a:hover {
  text-decoration: underline;
}

.area-box h3, .area-box h4, .area-box h5 {
  font-family: "default-B";
  font-size: 2.2rem;
}
.area-box h3:not(:first-child), .area-box h4:not(:first-child), .area-box h5:not(:first-child) {
  margin-top: 3rem;
}
.area-box p:not(:first-child) {
  margin-top: 0.5rem;
}

.tit-sub {
  margin-bottom: 20px;
}
.tit-sub h3 {
  position: relative;
  display: inline-block;
  padding-left: 2rem;
  font-family: "default-B";
  font-size: 2.6rem;
  line-height: 1.4;
}
.tit-sub h3::before {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 3rem;
  top: 3px;
  left: 0;
  width: 1.4rem;
  margin-top: 0;
  background-color: #0A2E80;
  border-radius: 0 0 0 0.8rem;
}
.normal .tit-sub h3::before {
  background-color: #FFB300;
}
.tit-sub h4 {
  position: relative;
  font-size: 2.6rem;
  font-family: "default-B";
  line-height: 1.4;
}
.tit-sub + .search_box {
  margin: 0 0 16px 0;
}

.sub_tit {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin-bottom: 12px;
  padding: 0px 30px;
  color: #0A2E80;
  font-size: 1.8rem;
  text-align: center;
  background: #d0ddfb;
  border-radius: 30px;
}
.sub_tit.co_red {
  background: #fbd0d0;
}
.sub_tit.type02 {
  line-height: 34px;
  background: #eee9ff;
  border: 2px solid #0A2E80;
}
.sub_tit + .desc {
  padding-left: 12px;
}
.sub_tit + .desc.r_yellow {
  position: relative;
  padding-left: 20px;
}
.sub_tit + .desc.r_yellow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 3px solid #FFB300;
  border-radius: 50%;
  box-sizing: border-box;
}

.co_red {
  color: #e81515 !important;
}

.co_blue {
  color: #0f1cd1 !important;
}

.co_orange {
  color: #ff7817 !important;
}

.f_s_default-title {
  font-size: 2rem !important;
}

/* 필수입력 */
.txt-req,
.req {
  display: inline-block;
  width: 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #e81515;
}

.item_hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}

.label_tip {
  margin-top: 12px;
  color: #ff7817;
  word-break: keep-all;
}

.fs_small {
  font-size: 1.4rem;
}

.hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}

span.next {
  display: block;
}

.float_box {
  line-height: 0;
}
.float_box > div {
  display: inline-block;
  width: 100%;
  line-height: initial;
}

.flex_box {
  display: flex;
  gap: 20px;
}
.flex_box:not(:first-child) {
  margin-top: 10px;
}
.flex_box:not(.default) > * {
  flex: 1;
}

.between {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.text_ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text_ellipsis.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 2;
}
.text_ellipsis.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-line-clamp: 3;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: block;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

/* 정렬 */
.ta-left {
  text-align: left !important;
}

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

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

.fl_l {
  float: left !important;
}

.fl_r {
  float: right !important;
}

.fl_n {
  float: none !important;
}

.sub {
  display: block !important;
  float: right;
}

/* 각종 높이 */
.h-0px {
  height: 0px !important;
  min-height: auto !important;
}

.h-10px {
  height: 10px !important;
  min-height: auto !important;
}

.h-20px {
  height: 20px !important;
  min-height: auto !important;
}

.h-30px {
  height: 30px !important;
  min-height: auto !important;
}

.h-40px {
  height: 40px !important;
  min-height: auto !important;
}

.h-50px {
  height: 50px !important;
  min-height: auto !important;
}

.h-60px {
  height: 60px !important;
  min-height: auto !important;
}

.h-70px {
  height: 70px !important;
  min-height: auto !important;
}

.h-80px {
  height: 80px !important;
  min-height: auto !important;
}

.h-90px {
  height: 90px !important;
  min-height: auto !important;
}

.h-100px {
  height: 100px !important;
  min-height: auto !important;
}

.h-110px {
  height: 110px !important;
  min-height: auto !important;
}

.h-120px {
  height: 120px !important;
  min-height: auto !important;
}

.h-130px {
  height: 130px !important;
  min-height: auto !important;
}

.h-140px {
  height: 140px !important;
  min-height: auto !important;
}

.h-150px {
  height: 150px !important;
  min-height: auto !important;
}

.h-160px {
  height: 160px !important;
  min-height: auto !important;
}

.h-170px {
  height: 170px !important;
  min-height: auto !important;
}

.h-180px {
  height: 180px !important;
  min-height: auto !important;
}

.h-190px {
  height: 190px !important;
  min-height: auto !important;
}

.h-200px {
  height: 200px !important;
  min-height: auto !important;
}

.h-210px {
  height: 210px !important;
  min-height: auto !important;
}

.h-220px {
  height: 220px !important;
  min-height: auto !important;
}

.h-230px {
  height: 230px !important;
  min-height: auto !important;
}

.h-240px {
  height: 240px !important;
  min-height: auto !important;
}

.h-250px {
  height: 250px !important;
  min-height: auto !important;
}

.h-260px {
  height: 260px !important;
  min-height: auto !important;
}

.h-270px {
  height: 270px !important;
  min-height: auto !important;
}

.h-280px {
  height: 280px !important;
  min-height: auto !important;
}

.h-290px {
  height: 290px !important;
  min-height: auto !important;
}

.h-300px {
  height: 300px !important;
  min-height: auto !important;
}

.h-310px {
  height: 310px !important;
  min-height: auto !important;
}

.h-320px {
  height: 320px !important;
  min-height: auto !important;
}

.h-330px {
  height: 330px !important;
  min-height: auto !important;
}

.h-340px {
  height: 340px !important;
  min-height: auto !important;
}

.h-350px {
  height: 350px !important;
  min-height: auto !important;
}

.h-360px {
  height: 360px !important;
  min-height: auto !important;
}

.h-370px {
  height: 370px !important;
  min-height: auto !important;
}

.h-380px {
  height: 380px !important;
  min-height: auto !important;
}

.h-390px {
  height: 390px !important;
  min-height: auto !important;
}

.h-400px {
  height: 400px !important;
  min-height: auto !important;
}

.h-410px {
  height: 410px !important;
  min-height: auto !important;
}

.h-420px {
  height: 420px !important;
  min-height: auto !important;
}

.h-430px {
  height: 430px !important;
  min-height: auto !important;
}

.h-440px {
  height: 440px !important;
  min-height: auto !important;
}

.h-450px {
  height: 450px !important;
  min-height: auto !important;
}

.h-460px {
  height: 460px !important;
  min-height: auto !important;
}

.h-470px {
  height: 470px !important;
  min-height: auto !important;
}

.h-480px {
  height: 480px !important;
  min-height: auto !important;
}

.h-490px {
  height: 490px !important;
  min-height: auto !important;
}

.h-500px {
  height: 500px !important;
  min-height: auto !important;
}

.h-0p {
  height: 0% !important;
  min-height: auto !important;
}

.h-5p {
  height: 5% !important;
  min-height: auto !important;
}

.h-10p {
  height: 10% !important;
  min-height: auto !important;
}

.h-15p {
  height: 15% !important;
  min-height: auto !important;
}

.h-20p {
  height: 20% !important;
  min-height: auto !important;
}

.h-25p {
  height: 25% !important;
  min-height: auto !important;
}

.h-30p {
  height: 30% !important;
  min-height: auto !important;
}

.h-35p {
  height: 35% !important;
  min-height: auto !important;
}

.h-40p {
  height: 40% !important;
  min-height: auto !important;
}

.h-45p {
  height: 45% !important;
  min-height: auto !important;
}

.h-50p {
  height: 50% !important;
  min-height: auto !important;
}

.h-55p {
  height: 55% !important;
  min-height: auto !important;
}

.h-60p {
  height: 60% !important;
  min-height: auto !important;
}

.h-65p {
  height: 65% !important;
  min-height: auto !important;
}

.h-70p {
  height: 70% !important;
  min-height: auto !important;
}

.h-75p {
  height: 75% !important;
  min-height: auto !important;
}

.h-80p {
  height: 80% !important;
  min-height: auto !important;
}

.h-85p {
  height: 85% !important;
  min-height: auto !important;
}

.h-90p {
  height: 90% !important;
  min-height: auto !important;
}

.h-95p {
  height: 95% !important;
  min-height: auto !important;
}

.h-100p {
  height: 100% !important;
  min-height: auto !important;
}

/* 각종 너비 */
.w-0px {
  width: 0px !important;
  min-width: auto !important;
}

.w-10px {
  width: 10px !important;
  min-width: auto !important;
}

.w-20px {
  width: 20px !important;
  min-width: auto !important;
}

.w-30px {
  width: 30px !important;
  min-width: auto !important;
}

.w-40px {
  width: 40px !important;
  min-width: auto !important;
}

.w-50px {
  width: 50px !important;
  min-width: auto !important;
}

.w-60px {
  width: 60px !important;
  min-width: auto !important;
}

.w-70px {
  width: 70px !important;
  min-width: auto !important;
}

.w-80px {
  width: 80px !important;
  min-width: auto !important;
}

.w-90px {
  width: 90px !important;
  min-width: auto !important;
}

.w-100px {
  width: 100px !important;
  min-width: auto !important;
}

.w-110px {
  width: 110px !important;
  min-width: auto !important;
}

.w-120px {
  width: 120px !important;
  min-width: auto !important;
}

.w-130px {
  width: 130px !important;
  min-width: auto !important;
}

.w-140px {
  width: 140px !important;
  min-width: auto !important;
}

.w-150px {
  width: 150px !important;
  min-width: auto !important;
}

.w-160px {
  width: 160px !important;
  min-width: auto !important;
}

.w-170px {
  width: 170px !important;
  min-width: auto !important;
}

.w-180px {
  width: 180px !important;
  min-width: auto !important;
}

.w-190px {
  width: 190px !important;
  min-width: auto !important;
}

.w-200px {
  width: 200px !important;
  min-width: auto !important;
}

.w-210px {
  width: 210px !important;
  min-width: auto !important;
}

.w-220px {
  width: 220px !important;
  min-width: auto !important;
}

.w-230px {
  width: 230px !important;
  min-width: auto !important;
}

.w-240px {
  width: 240px !important;
  min-width: auto !important;
}

.w-250px {
  width: 250px !important;
  min-width: auto !important;
}

.w-260px {
  width: 260px !important;
  min-width: auto !important;
}

.w-270px {
  width: 270px !important;
  min-width: auto !important;
}

.w-280px {
  width: 280px !important;
  min-width: auto !important;
}

.w-290px {
  width: 290px !important;
  min-width: auto !important;
}

.w-300px {
  width: 300px !important;
  min-width: auto !important;
}

.w-310px {
  width: 310px !important;
  min-width: auto !important;
}

.w-320px {
  width: 320px !important;
  min-width: auto !important;
}

.w-330px {
  width: 330px !important;
  min-width: auto !important;
}

.w-340px {
  width: 340px !important;
  min-width: auto !important;
}

.w-350px {
  width: 350px !important;
  min-width: auto !important;
}

.w-360px {
  width: 360px !important;
  min-width: auto !important;
}

.w-370px {
  width: 370px !important;
  min-width: auto !important;
}

.w-380px {
  width: 380px !important;
  min-width: auto !important;
}

.w-390px {
  width: 390px !important;
  min-width: auto !important;
}

.w-400px {
  width: 400px !important;
  min-width: auto !important;
}

.w-410px {
  width: 410px !important;
  min-width: auto !important;
}

.w-420px {
  width: 420px !important;
  min-width: auto !important;
}

.w-430px {
  width: 430px !important;
  min-width: auto !important;
}

.w-440px {
  width: 440px !important;
  min-width: auto !important;
}

.w-450px {
  width: 450px !important;
  min-width: auto !important;
}

.w-460px {
  width: 460px !important;
  min-width: auto !important;
}

.w-470px {
  width: 470px !important;
  min-width: auto !important;
}

.w-480px {
  width: 480px !important;
  min-width: auto !important;
}

.w-490px {
  width: 490px !important;
  min-width: auto !important;
}

.w-500px {
  width: 500px !important;
  min-width: auto !important;
}

.w-0p {
  width: 0% !important;
  min-width: auto !important;
}

.w-5p {
  width: 5% !important;
  min-width: auto !important;
}

.w-10p {
  width: 10% !important;
  min-width: auto !important;
}

.w-15p {
  width: 15% !important;
  min-width: auto !important;
}

.w-20p {
  width: 20% !important;
  min-width: auto !important;
}

.w-25p {
  width: 25% !important;
  min-width: auto !important;
}

.w-30p {
  width: 30% !important;
  min-width: auto !important;
}

.w-35p {
  width: 35% !important;
  min-width: auto !important;
}

.w-40p {
  width: 40% !important;
  min-width: auto !important;
}

.w-45p {
  width: 45% !important;
  min-width: auto !important;
}

.w-50p {
  width: 50% !important;
  min-width: auto !important;
}

.w-55p {
  width: 55% !important;
  min-width: auto !important;
}

.w-60p {
  width: 60% !important;
  min-width: auto !important;
}

.w-65p {
  width: 65% !important;
  min-width: auto !important;
}

.w-70p {
  width: 70% !important;
  min-width: auto !important;
}

.w-75p {
  width: 75% !important;
  min-width: auto !important;
}

.w-80p {
  width: 80% !important;
  min-width: auto !important;
}

.w-85p {
  width: 85% !important;
  min-width: auto !important;
}

.w-90p {
  width: 90% !important;
  min-width: auto !important;
}

.w-95p {
  width: 95% !important;
  min-width: auto !important;
}

.w-100p {
  width: 100% !important;
  min-width: auto !important;
}

.w-auto {
  width: auto !important;
  min-width: auto !important;
}

.w-33p {
  width: 33.333% !important;
}

.row-1-1 {
  display: flex !important;
  align-items: stretch;
}
.row-1-1 > div,
.row-1-1 > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
}
.row-1-1 > div.area-box,
.row-1-1 > section.area-box {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
}
.row-1-1 > div.area-box + .area-box,
.row-1-1 > section.area-box + .area-box {
  margin-top: 0 !important;
}
.row-1-1 > div:not(:first-of-type),
.row-1-1 > section:not(:first-of-type) {
  margin-left: 40px;
}
.row-1-1 > div.unit,
.row-1-1 > section.unit {
  flex: 0;
  margin-left: 12px;
}
.row-1-1 > div.unit.area-btn.col,
.row-1-1 > section.unit.area-btn.col {
  justify-content: center;
  align-items: center;
  margin-top: 0;
}
.row-1-2 {
  display: flex !important;
  flex-direction: row;
}
.row-1-2 > div,
.row-1-2 > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}
.row-1-2 > div.area-box:not(:last-of-type),
.row-1-2 > section.area-box:not(:last-of-type) {
  margin-bottom: 0;
}
.row-1-2 > div:last-of-type,
.row-1-2 > section:last-of-type {
  margin-left: 60px;
  flex: 2;
}
.row-1-3 {
  display: flex !important;
}
.row-1-3 > div,
.row-1-3 > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  flex: 1;
}
.row-1-3 > div.area-box:not(:last-of-type),
.row-1-3 > section.area-box:not(:last-of-type) {
  margin-bottom: 0;
}
.row-1-3 > div:last-of-type,
.row-1-3 > section:last-of-type {
  margin-left: 60px;
  flex: 2.5;
}
.row-2-1 {
  display: flex !important;
}
.row-2-1 > div,
.row-2-1 > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}
.row-2-1 > div.area-box:not(:first-of-type),
.row-2-1 > section.area-box:not(:first-of-type) {
  margin-bottom: 0;
}
.row-2-1 > div:first-of-type,
.row-2-1 > section:first-of-type {
  flex: 1.7;
}
.row-2-1 > div:not(:first-of-type),
.row-2-1 > section:not(:first-of-type) {
  margin-left: 40px;
}
.row-2-1.section > div:not(:first-of-type),
.row-2-1.section > section:not(:first-of-type) {
  margin-left: 60px;
}
.row-3-1 {
  display: flex !important;
}
.row-3-1 > div,
.row-3-1 > section {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
}
.row-3-1 > div.area-box:not(:first-of-type),
.row-3-1 > section.area-box:not(:first-of-type) {
  margin-bottom: 0;
}
.row-3-1 > div:first-of-type,
.row-3-1 > section:first-of-type {
  flex: 2.5;
}
.row-3-1 > div:not(:first-of-type),
.row-3-1 > section:not(:first-of-type) {
  margin-left: 40px;
}
.h-full .row- {
  flex: 1;
  min-height: 405px;
  overflow: hidden;
}

.col-1-1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.col-1-1 > div,
.col-1-1 > section,
.col-1-1 > section.area-box {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-bottom: 12px;
}
.col-1-1 > div:last-of-type,
.col-1-1 > section:last-of-type,
.col-1-1 > section.area-box:last-of-type {
  margin-bottom: 0;
}
.h-full .col-1-1 {
  flex: 1;
  min-height: 405px;
  overflow: hidden;
}

/* flex 레이아웃 */
.col-2,
.col-3,
.col-4,
.col-5 {
  display: flex;
}
.col-2 > div,
.col-3 > div,
.col-4 > div,
.col-5 > div {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mar_0auto {
  margin: 0 auto;
}

.max_w_500 {
  max-width: 500px;
}

.newwin {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 0 0 3px;
  text-indent: -99999px;
  vertical-align: middle;
  background: url("/res/img/common/newwin_sp.png") no-repeat 0 0;
}

html {
  display: block;
  min-height: 100vh;
  color: #333;
  font-family: "default";
  font-size: 10px;
}
html.over_f {
  overflow: hidden;
}

body {
  font-size: inherit;
}

.inner {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}

#skip_nav {
  position: absolute;
  left: 0;
  top: -1000px;
  width: 100%;
  height: 0;
  z-index: 1000;
  line-height: 0;
  font-size: 0;
}
#skip_nav a {
  display: block;
  width: 100%;
  line-height: 0;
  font-size: 0;
  text-align: center;
}
#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active {
  position: absolute;
  left: 0;
  top: 1000px;
  height: 4rem;
  background-color: #031D53;
  font-size: 1.5rem;
  line-height: 4rem;
  color: #fff;
}

.deco {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  overflow: hidden;
}
.deco .line::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -900px;
  background-color: #0A2E80;
  width: 2px;
  z-index: 2;
}
.deco .line .dot {
  position: absolute;
  top: 30%;
  right: 50%;
  margin-right: 800px;
  width: 100%;
  height: 2px;
  background-color: #0A2E80;
  z-index: 3;
}
.deco .line .dot::after {
  content: "";
  position: absolute;
  right: 100px;
  margin: -9px -11px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #0A2E80;
  box-sizing: border-box;
  background-color: #fff;
}
.normal .deco {
  height: calc(100% + 176px);
}

#wrap {
  font-size: 1.6rem;
}
#wrap.loading .loading_wrap {
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999999;
}
#wrap.loading .loading_wrap .item {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#wrap.loading .loading_wrap .item .dot {
  position: relative;
  display: block;
}
#wrap.loading .loading_wrap .item .dot > div {
  position: relative;
  display: block;
  float: left;
  width: 2rem;
  height: 2rem;
  margin: 2rem 0.6rem;
  background: #fff;
  border-radius: 50%;
  animation: 0.5s bounce infinite alternate;
}
#wrap.loading .loading_wrap .item .dot > div:nth-child(2) {
  animation-delay: 0.1s;
}
#wrap.loading .loading_wrap .item .dot > div:nth-child(3) {
  animation-delay: 0.2s;
}
#wrap.loading .loading_wrap .item .dot > div:nth-child(4) {
  animation-delay: 0.3s;
}
@keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -1.5rem, 0);
  }
}
#wrap.loading .loading_wrap .item .line_wrap .line {
  position: absolute;
  display: inline-block;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: 0 2px;
  border-radius: 15px;
  background-color: #fff;
}
#wrap.loading .loading_wrap .item .line_wrap .line:nth-child(1) {
  left: -30px;
  animation: loadingA 2s 0s infinite alternate;
}
#wrap.loading .loading_wrap .item .line_wrap .line:nth-child(2) {
  left: -10px;
  animation: loadingA 2s 0.3s infinite alternate;
}
#wrap.loading .loading_wrap .item .line_wrap .line:nth-child(3) {
  left: 10px;
  animation: loadingA 2s 0.6s infinite alternate;
}
#wrap.loading .loading_wrap .item .line_wrap .line:nth-child(4) {
  left: 30px;
  animation: loadingA 2s 0.9s infinite alternate;
}
@keyframes loadingA {
  0% {
    height: 15px;
  }
  25% {
    height: 30px;
  }
  50% {
    height: 45px;
  }
  75% {
    height: 30px;
  }
  100% {
    height: 15px;
  }
}
#wrap.loading .loading_wrap .round_dot {
  --offset: 25px;
}
#wrap.loading .loading_wrap .round_dot .dot {
  --size: 1em;
  --degrees: 0deg;
  aspect-ratio: 1;
  position: absolute;
  border-radius: 50%;
  width: var(--size);
  background-color: #0A2E80;
  opacity: 0;
  top: calc(var(--size) / 2);
  left: calc(var(--size) / 2);
  animation: animate-in;
  animation-duration: 900ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: alternate;
  animation-iteration-count: infinite;
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(1) {
  --degrees: 0 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(0 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(2) {
  --degrees: 1 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(1 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(3) {
  --degrees: 2 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(2 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(4) {
  --degrees: 3 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(3 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(5) {
  --degrees: 4 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(4 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(6) {
  --degrees: 5 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(5 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(7) {
  --degrees: 6 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(6 * 100ms);
}
#wrap.loading .loading_wrap .round_dot .dot:nth-of-type(8) {
  --degrees: 7 * 360deg / 8;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  animation-delay: calc(7 * 100ms);
}
@keyframes animate-in {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

#header {
  position: relative;
  background: #ECF6FF;
}
#header .top_box {
  padding: 8px 0;
  color: #333;
  border-bottom: 1px solid #666;
  overflow: hidden;
}
#header .top_box .util_box {
  float: right;
  font-size: 0;
}
#header .top_box .util_box ul {
  position: relative;
  display: inline-block;
  width: 100%;
}
#header .top_box .util_box ul li {
  float: left;
  font-size: 1.6rem;
}
#header .top_box .util_box ul li:not(:first-child) {
  margin-left: 30px;
}
#header .top_box .util_box ul li a {
  display: inline-block;
}
#header .top_box .util_box ul li a:hover {
  text-decoration: underline;
}
#header .top_box .btn_ico {
  position: relative;
  padding-left: 30px;
}
#header .top_box .btn_ico:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  width: 24px;
  margin-top: -12px;
  background: url("../img/common/layout_sp_b.png") no-repeat 0 0;
  background-size: auto 100%;
}
#header .top_box .btn_ico.ico_fresh::before {
  background-position-x: -120px;
}
#header .top_box .btn_ico.ico_total_search::before {
  background-position-x: 0px;
}
#header .top_box .btn_ico.ico_user::before {
  background-position-x: -24px;
}
#header .top_box .btn_ico.ico_sitemap::before {
  background-position-x: -48px;
}
#header .top_box .btn_ico.ico_font_size {
  padding-left: 20px;
  text-indent: -9999px;
}
#header .top_box .btn_ico.ico_font_size.plus:hover::before {
  background: url("../img/common/layout_sp_b_hover.png") no-repeat 0 0;
  background-size: auto 100%;
  background-position-x: -72px;
}
#header .top_box .btn_ico.ico_font_size.plus::before {
  background-position-x: -72px;
}
#header .top_box .btn_ico.ico_font_size.mius::before {
  background-position-x: -96px;
}
#header .top_box .btn_ico.ico_font_size.mius:hover::before {
  background: url("../img/common/layout_sp_b_hover.png") no-repeat 0 0;
  background-size: auto 100%;
  background-position-x: -96px;
}
#header .top_box .btn_ico.ico_password::before {
  background-position-x: -144px;
}
#header .top_box .btn_ico.ico_modify::before {
  background-position-x: -168px;
}
#header .top_box .btn_ico.ico_logout::before {
  background-position-x: -192px;
}
#header .top_box .btn_ico.ico_login::before {
  background-position-x: -216px;
}
#header .gnb_bg {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  min-height: 244px;
  background: #fff url(../img/main/bg_main_gnb.png) no-repeat 20% calc(50% + 40px);
  background-size: 300px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  z-index: 10;
  overflow: hidden;
  display: none;
}
#header .gnb_bg::before, #header .gnb_bg::after {
  display: none;
}
#header .bottom_box {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 99px;
  border-bottom: 1px solid #666;
}
#header .bottom_box .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 70px;
}
#header .bottom_box .logo {
  display: inline-block;
  vertical-align: middle;
}
#header .bottom_box .logo a {
  display: block;
}
#header .bottom_box .logo a img {
  vertical-align: middle;
  width: 266px;
}
#header .bottom_box .gnb_wrap {
  float: right;
  width: calc(100% - 266px - 40px);
}
#header .bottom_box .gnb_wrap .gnb > li {
  position: relative;
  float: left;
  width: 16.6666666667%;
  text-align: center;
}
#header .bottom_box .gnb_wrap .gnb > li > a {
  display: flex;
  height: 100px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  font-size: 2.2rem;
  line-height: 1.2;
  transition: 0.12s;
  word-break: keep-all;
  white-space: nowrap;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0;
  border-radius: 0;
  transition: 0.3s;
  box-sizing: border-box;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::before, #header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #000;
  border-radius: 50px;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::before {
  width: 20px;
  height: 2px;
  background-color: #000;
  border-radius: 50px;
  margin: -1px 0 0 -10px;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::after {
  width: 2px;
  height: 20px;
  background-color: #000;
  border-radius: 50px;
  margin: -10px 0 0 -1px;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::before, #header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::after {
  margin: 0;
  box-sizing: border-box;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::before {
  width: 12px;
  transform: rotate(45deg);
  margin: -1px 0 0 -9px;
}
#header .bottom_box .gnb_wrap .gnb > li > a .ico_arrow_bottom::after {
  height: 12px;
  transform: rotate(45deg);
  margin: -6px 0 0 3px;
}
#header .bottom_box .gnb_wrap .gnb > li > a.hover {
  color: #fff;
  background-color: #004583;
}
#header .bottom_box .gnb_wrap .gnb > li > a.hover .ico_arrow_bottom {
  transform: scaleY(-1);
}
#header .bottom_box .gnb_wrap .gnb > li > a.hover .ico_arrow_bottom::before, #header .bottom_box .gnb_wrap .gnb > li > a.hover .ico_arrow_bottom::after {
  background: #fff;
}
#header .bottom_box .gnb_wrap .gnb > li.click > a {
  color: #fff;
  background-color: #004583;
}
#header .bottom_box .gnb_wrap .gnb > li.click > a .ico_arrow_bottom {
  transform: scaleY(-1);
}
#header .bottom_box .gnb_wrap .gnb > li.click > a .ico_arrow_bottom::before, #header .bottom_box .gnb_wrap .gnb > li.click > a .ico_arrow_bottom::after {
  background: #fff;
}
#header .bottom_box .gnb_wrap .gnbB_wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-height: 244px;
  padding: 0;
  text-align: left;
  z-index: 11;
  border-top: 1px solid #666;
  display: none;
}
#header .bottom_box .gnb_wrap .gnbB_wrap:hover {
  background: linear-gradient(#2982C5, #004583);
}
#header .bottom_box .gnb_wrap .gnbB_wrap:hover .tit_wrap {
  color: #fff;
}
#header .bottom_box .gnb_wrap .gnbB_wrap:hover > ul li a {
  color: #fff;
}
#header .bottom_box .gnb_wrap .gnbB_wrap:hover > ul li a::before {
  background: #fff;
}
#header .bottom_box .gnb_wrap .gnbB_wrap:hover > ul li a .newwin {
  background-position-x: -18px;
}
#header .bottom_box .gnb_wrap .gnbB_wrap > ul {
  padding: 16px;
}
#header .bottom_box .gnb_wrap .gnbB_wrap > ul li {
  margin-bottom: 12px;
}
#header .bottom_box .gnb_wrap .gnbB_wrap > ul li a {
  position: relative;
  display: block;
  padding: 0px 0px 0px 10px;
  font-size: 1.8rem;
  line-height: 1.3;
}
#header .bottom_box .gnb_wrap .gnbB_wrap > ul li a:hover {
  background: transparent;
  text-decoration: underline;
}
#header .bottom_box .gnb_wrap .gnbB_wrap > ul li a:hover::before {
  background-color: #fff;
}
#header .bottom_box .gnb_wrap .gnbB_wrap > ul li a::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 1px;
  top: 50%;
  left: 0;
  width: 5px;
  margin-top: -0.5px;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap {
  padding: 20px;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: right;
  gap: 40px;
  padding: 0;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 > li {
  width: 20%;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 > li > a {
  position: relative;
  display: block;
  font-size: 2.2rem;
  padding: 4px 0px 8px 0;
  color: #0A2E80;
  font-family: "default-B";
  text-align: right;
  line-height: 1.1;
  white-space: nowrap;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 > li > a::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0px;
  right: 0;
  width: 220px;
  height: 1px;
  background: #8596BF;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 > li.hover > a {
  color: #004583;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_3_wrap {
  position: relative;
  margin-top: 10px;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_3_wrap ul.depth_3 {
  display: block;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_3_wrap ul.depth_3 li {
  display: block;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_3_wrap ul.depth_3 li > a {
  position: relative;
  display: block;
  padding: 6px 10px;
  color: #666;
  font-size: 1.6rem;
  text-align: right;
  line-height: 1.1;
}
#header .bottom_box .gnb_wrap .gnbB_wrap .depth_3_wrap ul.depth_3 li > a:hover {
  color: #fff;
  background: #0A2E80;
}
#header .btn_m_open {
  display: none;
}
#header .btn_m_open.active {
  background: url("../img/mobile/icon_close_b.png") no-repeat 50%;
  background-size: cover;
}
#header .m_nav {
  position: fixed;
  top: 71px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100% - 70px);
  background: rgba(0, 0, 0, 0.6);
  transition: ease-out all 0.5s;
  opacity: 0;
  z-index: 99;
}
#header .m_nav .m_wrap {
  position: absolute;
  left: 0;
  display: block;
  height: 88%;
  width: 100%;
  background: #fff;
  border-radius: 0 0 100px 0;
  background: #fff url(../img/mobile/bg_m_nav.png) no-repeat bottom left;
  background-size: 300px;
  opacity: 1;
  overflow: auto;
}
#header .m_nav .m_wrap .m_inner {
  position: relative;
  display: block;
}
#header .m_nav .m_wrap .m_inner .user_wrap {
  padding: 16px 40px;
  line-height: normal;
  text-align: center;
  border-bottom: 1px solid #1348BD;
}
#header .m_nav .m_wrap .m_inner .user_wrap .user_txt {
  margin-bottom: 8px;
  color: #666;
  font-size: 20px;
  line-height: normal;
}
#header .m_nav .m_wrap .m_inner .user_wrap .btn_area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
#header .m_nav .m_wrap .m_inner .user_wrap .btn_area .btn-comm {
  flex: 1;
  display: flex;
  padding: 0;
  min-height: 30px;
  align-items: center;
  justify-content: center;
}
#header .m_nav .m_wrap .m_inner .user_wrap .ico-home {
  margin-top: 10px;
  min-height: auto;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb {
  padding: 20px;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #666;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a {
  position: relative;
  display: block;
  padding: 16px 30px;
  color: #333;
  font-size: 2.2rem;
  font-weight: 400;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a::before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 2rem;
  top: 50%;
  left: 0;
  width: 1rem;
  margin-top: -1rem;
  left: 12px;
  background-color: #666;
  border-radius: 0 0 0 0.8rem;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  right: 0;
  margin-top: -0.5rem;
  right: 20px;
  margin-top: -0.8rem;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  background-color: transparent;
  transform: rotate(45deg);
  transition: all 0.6s;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a + .sub_menu {
  display: none;
  background: #eee;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a.active {
  color: #fff;
  background: #0A2E80;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a.active::before {
  background-color: rgba(255, 255, 255, 0.5);
}
#header .m_nav .m_wrap .m_inner ul.m_gnb > li > a.active::after {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: transparent;
  margin-top: -0.5rem;
  transform: rotate(-135deg);
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 {
  position: relative;
  display: block;
  padding: 0;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 > li > a {
  padding: 10px 16px;
  font-size: 1.8rem;
  text-align: left;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 > li > a::before {
  display: none;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 > li > a::after {
  content: "";
  position: absolute;
  right: 16px;
  display: block;
  width: 20px;
  height: 20px;
  border-right: none;
  border-bottom: none;
  margin-top: -10px;
  transform: none;
  transition: none;
  background: url(/res/img/common/ico-btn2.png) no-repeat;
  background-size: 330px;
  background-position: -135px -52px;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 > li > a.active {
  color: #0A2E80;
  background-color: #eee;
  font-family: "default-B";
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 > li > a.active::before {
  background-color: #0A2E80;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_02 > li > a.active::after {
  background-position: -135px -93px;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 {
  position: relative;
  display: block;
  padding: 0;
  border-top: 1px solid #999;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li {
  border-bottom: none;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li:last-child {
  margin-bottom: 0;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li > a {
  padding: 10px 32px;
  font-size: 1.8rem;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li > a::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 1px;
  top: 50%;
  left: 0;
  width: 5px;
  margin-top: -0.5px;
  left: 18px;
  background-color: #333;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li > a::after {
  display: none;
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li > a.active {
  color: #0A2E80;
  background: #dadada;
  font-family: "default-B";
}
#header .m_nav .m_wrap .m_inner ul.m_gnb.depth_03 > li > a.active::before {
  background-color: #0A2E80;
}

.swiper-notification {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}

#container {
  position: relative;
}
#container .main_wrapper {
  min-height: calc(100vh - 307px);
  padding-bottom: 60px;
}
#container .main_wrapper::before {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  left: 0;
  right: 0;
  bottom: calc(100% - 1080px);
  background: url(../img/main/bg_main.png) no-repeat bottom center;
  background-size: cover;
  z-index: -1;
}
#container .main_wrapper .search_wrap {
  padding: 10% 0;
  text-align: center;
}
#container .main_wrapper .search_wrap .title {
  display: inline-block;
  margin-bottom: 30px;
  color: #12599A;
  font-size: 5.2rem;
  font-family: "default-B";
}
#container .main_wrapper .search_wrap .search {
  width: 100%;
  max-width: 800px;
  padding: 36px 40px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  border: 4px solid #12599A;
  border-radius: 60px;
  vertical-align: middle;
}
#container .main_wrapper .search_wrap .search input {
  width: calc(100% - 40px);
  padding: 0;
  font-size: 2.6rem;
  text-align: center;
  border: none;
}
#container .main_wrapper .search_wrap .search .btn-ico.ico-search {
  text-indent: -99999px;
  border: 0;
  outline: none;
}
#container .main_wrapper .search_wrap .search .btn-ico.ico-search:focus {
  outline: 2px solid #000 !important;
}
#container .main_wrapper .search_wrap .search .btn-ico.ico-search::before {
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 700px;
  background-position: -201px -201px;
}
#container .main_wrapper .section.type01 {
  padding: 40px;
  background: url(../img/main/bg_pattern.png) no-repeat;
  background-size: cover;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
}
#container .main_wrapper .section.type01 .row_wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
#container .main_wrapper .section.type01 .row_wrap .notice {
  float: left;
  width: 40%;
  margin-right: 60px;
}
#container .main_wrapper .section.type01 .row_wrap .slide {
  float: left;
  width: calc(100% - 60px - 40%);
}
#container .main_wrapper .section.type01 .number_report {
  position: relative;
  margin-top: 5px;
  color: #12599A;
  font-size: 20px;
}
#container .main_wrapper .section.type01 .number_report::before {
  content: "";
  position: absolute;
  left: -30px;
  width: 20px;
  height: 20px;
  background: url(../img/main/ico_call.png) no-repeat;
  background-size: contain;
}
#container .main_wrapper .section.type01 .slide_wrap {
  position: relative;
  display: block;
  max-width: 970px;
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper {
  position: relative;
  display: inline-block;
  width: 91%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper {
  height: auto;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  display: block;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box {
  position: relative;
  display: block;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box .slide_img {
  position: relative;
  display: block;
  height: 80px;
  padding: 15px 0;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box .slide_img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  opacity: 0;
  border: 1px solid #000;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box .slide_img img {
  position: relative;
  max-height: max-content;
  height: 40px;
  width: auto;
  margin: 0 auto;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box .tit {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding-bottom: 10px;
  color: #000;
  font-size: 1.8rem;
  font-family: "default-B";
  line-height: 1.2;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box .tit::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  display: inline-block;
  background: #12599A;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box:hover .slide_img::before, #container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box:focus .slide_img::before {
  opacity: 1;
  transition: all 0.6s;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box:hover .tit::before, #container .main_wrapper .section.type01 .slide_wrap .swiper .swiper-wrapper .swiper-slide .slide_box:focus .tit::before {
  width: 100%;
  transition: width 0.6s;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper-button button {
  width: 30px;
  height: 30px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  cursor: pointer;
  text-indent: -99999px;
  border: 0;
  overflow: hidden;
  z-index: 10;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper-button-prev {
  left: 0;
  background-image: url(../img/main/ico_arr_left.png);
  background-size: contain;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper-button-prev:hover {
  background-image: url(../img/main/ico_arr_left_hover.png);
}
#container .main_wrapper .section.type01 .slide_wrap .swiper-button-next {
  right: 0;
  background-image: url(../img/main/ico_arr_right.png);
  background-size: contain;
}
#container .main_wrapper .section.type01 .slide_wrap .swiper-button-next:hover {
  background-image: url(../img/main/ico_arr_right_hover.png);
}
#container .main_wrapper .section.type01 .row {
  position: relative;
  display: inline-block;
  width: 100%;
}
#container .main_wrapper .section.type01 .row .txt_wrap {
  display: block;
  float: left;
  width: 200px;
  color: #000;
  font-size: 1.6rem;
}
#container .main_wrapper .section.type01 .row ul.list_facility {
  width: calc(100% - 200px);
  padding-left: 60px;
  overflow: hidden;
}
#container .main_wrapper .section.type02 .statistics_wrap {
  padding: 20px;
  border-radius: 30px 0 30px 30px;
  background: url(../img/main/bg_statistics.png) no-repeat;
  background-size: cover;
}
#container .main_wrapper .section.type02 .statistics_wrap .tit_wrap {
  display: block;
  float: left;
  width: 200px;
}
#container .main_wrapper .section.type02 .statistics_wrap .tit_wrap .desc {
  color: #000;
  font-size: 1.6rem;
}
#container .main_wrapper .section.type02 .statistics_wrap .list_wrap {
  width: calc(100% - 200px - 40px);
  float: right;
}
#container .main_wrapper .section.type02 .quickmenu_wrap {
  position: relative;
  display: block;
  padding: 33px 40px;
  font-size: 0;
  border-radius: 30px;
  background: linear-gradient(to bottom, #ffffff, #DBEFFF);
  border: 1px solid #eee;
}
#container .main_wrapper .section.type02 .event_wrap {
  position: relative;
  display: block;
  max-width: 548px;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  height: auto;
  padding: 2px;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box {
  position: relative;
  display: block;
  height: 100%;
  background: #f5f5f5;
  border-radius: 32px;
  overflow: hidden;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0px solid #0A2E80;
  border-radius: 32px;
  transition: 0.3s;
  pointer-events: none;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box img {
  width: 100%;
  object-fit: contain;
  height: 370px;
  max-width: 100%;
  border-radius: 30px 0 30px 30px;
  transition: 0.3s;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box:hover::after, #container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box:focus::after {
  border-width: 10px;
}
#container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box:hover img, #container .main_wrapper .section.type02 .event_wrap .sw_event .swiper-wrapper .swiper-slide .slide_box:focus img {
  transform: scale(1.05);
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: block;
  height: 40px;
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-next, #container .main_wrapper .section.type02 .event_wrap .swiper-button-prev, #container .main_wrapper .section.type02 .event_wrap .swiper-button-pause {
  position: relative;
  display: inline-block;
  left: auto;
  right: auto;
  top: auto;
  margin-top: auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  text-indent: -99999px;
  border: 0;
  overflow: hidden;
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-prev {
  background-image: url(../img/main/ico_arr_left2.png);
  background-size: contain;
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-prev:hover {
  background-image: url(../img/main/ico_arr_left2_hover.png);
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-next {
  background-image: url(../img/main/ico_arr_right2.png);
  background-size: contain;
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-next:hover {
  background-image: url(../img/main/ico_arr_right2_hover.png);
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-pause {
  background-image: url(../img/main/ico_pause.png);
  background-size: contain;
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-pause:hover {
  background-image: url(../img/main/ico_pause_hover.png);
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-pause.on {
  background-image: url(../img/main/ico_play.png);
  background-size: contain;
}
#container .main_wrapper .section.type02 .event_wrap .swiper-button-pause.on:hover {
  background-image: url(../img/main/ico_play_hover.png);
}
#container .main_wrapper .section + .section {
  margin-top: 60px;
}
#container .sub_wrapper {
  position: relative;
  min-height: calc(100vh - 324px);
  padding-bottom: 100px;
}
#container .tit-page {
  border-bottom: 2px solid #0A2E80;
  padding-bottom: 26px;
}
#container .tit-page .path {
  float: right;
  color: #666;
  line-height: 3.6rem;
}
#container .content {
  min-height: 300px;
  margin-top: 30px;
}
#container .content .area-box {
  position: relative;
  display: block;
}
#container .content .area-box + .area-box {
  margin-top: 30px;
}
.popup #container .content {
  margin-top: 0;
}
#container #content {
  background-color: #fff;
  /* @include shadow; */
  border: 1px solid #dadada;
  border-top: none;
  padding: 40px 40px 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#container .login #content {
  padding: 40px;
}
#container .login .tit_wrap {
  margin-bottom: 36px;
  text-align: center;
}
#container .login .tit_wrap .tit {
  margin-bottom: 16px;
  display: inline-block;
  font-size: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  font-family: "default-B";
}
#container .login .tit_wrap .txt {
  font-size: 1.6rem;
  font-family: "default-B";
}
#container .login .tit_wrap .logo img {
  vertical-align: middle;
  width: 266px;
}
#container .login .list_tabbox .tab_box {
  width: 100%;
}
#container .login .list_tabbox .tab_box:nth-child(1) .tab_btn {
  left: 0%;
}
#container .login .list_tabbox .tab_box:nth-child(2) .tab_btn {
  left: 25.25%;
}
#container .login .list_tabbox .tab_box:nth-child(3) .tab_btn {
  left: 50.5%;
}
#container .login .list_tabbox .tab_box:nth-child(4) .tab_btn {
  left: 75.75%;
}
#container .login .list_tabbox .tab_box:nth-child(5) .tab_btn {
  left: 101%;
}
#container .login .list_tabbox .tab_box.active .tab_btn {
  color: #12599A;
  background: #fff;
  border: 2px solid #12599A;
  z-index: 1;
}
#container .login .list_tabbox .tab_btn {
  width: 24.25%;
  height: 44px;
  font-size: 2rem;
  line-height: 40px;
  background: #f5f5f5;
  border: none;
  border-radius: 30px;
  border: 2px solid transparent;
}
#container .login .login_wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 450px;
  margin: 60px auto;
  font-size: 0;
}
#container .login .login_wrap .input_wrap .wrap_input {
  display: block;
}
#container .login .login_wrap .input_wrap .wrap_input .tit_label {
  display: block;
  margin-bottom: 4px;
  color: #0A2E80;
  font-size: 2rem;
  font-family: "default-B";
  text-align: left;
}
#container .login .login_wrap .input_wrap .wrap_input input {
  width: 100%;
  height: 50px;
  padding: 10px 16px;
  color: #333333;
  font-size: 1.6rem;
  border: 1px solid #00479D;
  background: #ffffff;
  border-radius: 10px;
}
#container .login .login_wrap .input_wrap .wrap_input + .wrap_input {
  margin-top: 16px;
}
#container .login .login_wrap .btn_area {
  margin-top: 20px;
}
#container .login .login_wrap .btn_area button {
  width: 100%;
  padding: 16px 18px;
}
#container .login .login_wrap .btn_area button.btn-ico-text {
  padding: 9px 18px;
  line-height: 1.2;
  white-space: normal;
  word-break: keep-all;
}
#container .login .login_wrap .row {
  position: relative;
  display: inline-block;
  width: 100%;
}
#container .login .login_wrap .row:not(:first-child) {
  margin-top: 12px;
}
#container .login .login_wrap .row .label-check {
  margin-left: 0;
}
#container .login .login_wrap .row ul.list_sign {
  position: relative;
  display: inline-block;
  float: right;
}
#container .login .login_wrap .row ul.list_sign li {
  position: relative;
  display: block;
  float: left;
  padding-left: 10px;
  margin-left: 10px;
}
#container .login .login_wrap .row ul.list_sign li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #ccc;
}
#container .login .login_wrap .row ul.list_sign li:first-child {
  padding-left: 0px;
  margin-left: 0px;
}
#container .login .login_wrap .row ul.list_sign li:first-child::before {
  display: none;
}
#container .login .login_wrap .row ul.list_sign li a {
  font-size: 1.6rem;
}
#container .login .login_wrap .row ul.list_sign li a:hover {
  text-decoration: underline;
}
#container .login .login_wrap .info_txt {
  font-size: 1.6rem;
}
#container .login .login_wrap .info_txt:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
#container .login .login_wrap .info_txt .title {
  color: #0A2E80;
  font-size: 2rem;
  font-family: "default-B";
}
#container .login .login_wrap .info_txt .info_img {
  display: block;
  float: left;
  height: 80px;
  margin-right: 20px;
}
#container .login .login_wrap .info_txt .info_img img {
  max-height: max-content;
  height: 100%;
  width: auto;
}
#container .login .login_wrap .info_txt + .input_wrap {
  margin-top: 20px;
}
#container .login .onepass_wrap {
  position: relative;
  display: block;
  width: 100%;
}
#container .login .ft_onepass {
  margin-top: 60px;
  padding-top: 30px;
  text-align: center;
}
#container .login .ft_onepass a:hover {
  text-decoration: underline;
}
#container.main_wrap .deco .line .dot {
  top: 170px;
  margin-right: 0px;
}
#container.main_wrap .deco .line .dot::after {
  left: 100%;
  right: auto;
  margin: -10px 0 0 -908px;
}
.normal #container.main_wrap .deco {
  height: calc(100% + 165px);
}
#container.main_wrap > .col-2 {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
}
#container.main_wrap > .col-2 .content_wrap {
  position: relative;
  height: 100%;
}
#container.main_wrap > .col-2 .visual_wrap {
  position: relative;
  height: 100%;
  background: url(/res/img/main/bg_half.png) no-repeat;
  background-size: cover;
}
#container.main_wrap > .col-2 .visual_wrap::before {
  content: "";
  position: absolute;
  top: 170px;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
#container.main_wrap .main_content {
  position: relative;
  width: 50%;
  padding: 40px 105px 40px 0;
}
#container.main_wrap .main_content .tit_wrap {
  margin-bottom: 80px;
}
#container.main_wrap .main_content .tit_wrap h2 {
  color: #0A2E80;
  font-size: 7rem;
  font-family: "default-B";
  line-height: 1.4;
}
#container.main_wrap .main_content .tit_wrap .sub-title {
  color: #666;
  font-size: 2.8rem;
  line-height: 1.2;
}
#container.main_wrap .main_content .schedule_wrap {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
#container.main_wrap .main_content .schedule_wrap > * {
  padding: 20px;
  border: 1px solid #999;
}
#container.main_wrap .main_content .schedule_wrap .title {
  margin-bottom: 10px;
  color: #000;
  font-size: 2.2rem;
  font-family: "default-B";
}
#container.main_wrap .main_content .schedule_wrap .ui-datepicker {
  width: 100%;
  padding: 0;
  height: 227px;
}
#container.main_wrap .main_content .schedule_wrap .ui-datepicker .ui-datepicker-header {
  border-radius: 4px 4px 0 0;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check li {
  position: relative;
  display: block;
  flex: 1;
  border-radius: 4px;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 32px 12px;
  font-size: 1.6rem;
  border: 1px solid #ccc;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check li a:hover {
  border-color: #0A2E80;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check li .th,
#container.main_wrap .main_content .schedule_wrap ul.list-check li .td {
  color: #333;
  font-size: 2.2rem;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check li .td {
  margin-right: 4px;
  margin-left: auto;
}
#container.main_wrap .main_content .schedule_wrap ul.list-check li:nth-child(even) {
  background: #F7F7F7;
}
#container.main_wrap .main_content .list_tabbox {
  padding: 20px;
  border: 1px solid #999;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap {
  position: relative;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(0) .tab_btn {
  left: -104px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(1) .tab_btn {
  left: 0px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(2) .tab_btn {
  left: 104px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(3) .tab_btn {
  left: 208px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(4) .tab_btn {
  left: 312px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(5) .tab_btn {
  left: 416px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(6) .tab_btn {
  left: 520px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box .tab_btn {
  width: 104px;
  height: auto;
  padding: 0;
  color: #666;
  font-size: 2.2rem;
  text-align: left;
  line-height: normal;
  background: transparent;
  border: none;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:first-child .tab_btn {
  border-right: 1px solid #ddd;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box:nth-child(2) .tab_btn {
  padding-left: 20px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .tab_box.active .tab_btn {
  color: #000;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap {
  padding: 46px 0px 0px 0px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap a.link_more {
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 0;
  text-indent: -9999px;
  transition: 0.7s;
  overflow: hidden;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap a.link_more::before, #container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap a.link_more::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #000;
  border-radius: 50px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap a.link_more::before {
  width: 20px;
  height: 2px;
  background-color: #000;
  border-radius: 50px;
  margin: -1px 0 0 -10px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap a.link_more::after {
  width: 2px;
  height: 20px;
  background-color: #000;
  border-radius: 50px;
  margin: -10px 0 0 -1px;
}
#container.main_wrap .main_content .list_tabbox .tab_wrap .content_wrap a.link_more:hover {
  transform: rotate(360deg);
}

#footer {
  padding: 0;
  background: transparent;
}
#footer .ft_wrap {
  padding: 20px 40px;
  background: #ECF6FF;
  border-radius: 30px 30px 0 0;
}
#footer .ft_wrap .top_box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
#footer .ft_wrap .top_box .logo {
  display: inline-block;
  height: 40px;
}
#footer .ft_wrap .top_box .logo a {
  height: 100%;
  position: relative;
  display: inline-block;
}
#footer .ft_wrap .top_box .logo a img {
  height: 100%;
  width: auto;
}
#footer .ft_wrap .top_box .group_box {
  float: right;
  display: flex;
}
#footer .ft_wrap .top_box .group_box ul.group_link {
  float: left;
  align-self: center;
}
#footer .ft_wrap .top_box .group_box .family_link {
  position: relative;
  display: inline-block;
}
#footer .ft_wrap .top_box .group_box .family_link select {
  color: #12599A;
  border: 1px solid #12599A;
  border-radius: 0;
  background: transparent url("../img/main/ico_select_blue.png") no-repeat center right 12px/16px;
}
#footer .ft_wrap .top_box .group_box .family_link .btn-move {
  height: 36px;
  border-radius: 0;
}
#footer .ft_wrap .bottom_box {
  position: relative;
  display: flex;
  margin: 0;
  padding-top: 20px;
  padding-left: 0;
  color: #000;
  font-size: 1.4rem;
  border-top: 1px solid #B5DCFF;
  justify-content: space-between;
  gap: 18px;
}
#footer .ft_wrap .bottom_box .footer_info {
  flex: 1;
}
#footer .ft_wrap .bottom_box .law_info {
  margin-top: 8px;
}
#footer .wa_mark {
  flex: none;
}
#footer .wa_mark img {
  width: 120px;
}

.admin #header {
  background: #fff;
}
.admin #header .bottom_box > .inner {
  position: static;
}
.admin #header .bottom_box .gnb_wrap .gnb {
  display: flex;
  justify-content: right;
}
.admin #header .bottom_box .gnb_wrap .gnb > li {
  position: static;
}
.admin #header .bottom_box .gnb_wrap .gnb > li a.hover > a {
  color: #fff;
  background-color: #0A2E80;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  text-align: left;
  background-color: #fff;
  z-index: 11;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap:hover {
  background: #fff;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .user_tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  background-color: #eee;
  text-align: center;
  min-height: 244px;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .user_tit strong {
  margin-top: 50px;
  font-family: "default-B";
  color: #333;
  font-size: 3.6rem;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap {
  width: 100%;
  padding: 20px 20px 50px 300px;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 {
  gap: 0;
  margin-bottom: -10px;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 > li {
  min-width: 20%;
  max-width: 25%;
  width: auto;
  flex: 1;
  margin: 0 0 10px 40px;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .depth_2_wrap ul.depth_2 > li > a::before {
  width: 100%;
}
.admin #header .bottom_box .gnb_wrap .gnbB_wrap .depth_3_wrap {
  word-break: keep-all;
}
.admin #footer {
  padding: 20px 0 90px;
  background-color: #f7f7f7;
}
.admin #footer .top_box {
  display: inline-block;
  width: 100%;
  height: 3.6rem;
  line-height: 3.6rem;
}
.admin #footer .top_box .left_box {
  float: left;
}
.admin #footer .top_box .left_box ul {
  overflow: hidden;
}
.admin #footer .top_box .left_box ul li {
  position: relative;
  float: left;
}
.admin #footer .top_box .left_box ul li:not(:last-child) {
  margin-right: 2rem;
  padding-right: 2rem;
}
.admin #footer .top_box .left_box ul li:not(:last-child)::before {
  content: "";
  position: absolute;
  width: 0.2rem;
  height: 1.6rem;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
  background-color: #999;
}
.admin #footer .top_box .left_box ul li a {
  display: block;
  height: 3.6rem;
  line-height: 3.6rem;
  color: #003333;
  font-size: 1.6rem;
}
.admin #footer .top_box .left_box ul li a.bold {
  color: #000;
  font-family: "default-B";
}
.admin #footer .top_box .left_box ul li a:hover, .admin #footer .top_box .left_box ul li a:focus {
  text-decoration: underline;
}
.admin #footer .top_box .right_box {
  float: right;
}
.admin #footer .top_box .right_box label {
  margin-right: 10px;
}
.admin #footer .top_box .right_box select {
  min-width: 220px;
}
.admin #footer .bottom_box {
  position: relative;
  margin: 4rem 5% 0;
  padding-left: 270px;
}
.admin #footer .bottom_box .footer_logo {
  position: absolute;
  top: 0;
  left: 0;
}
.admin #footer .bottom_box .footer_logo img {
  width: 270px;
}
.admin #footer .bottom_box .footer_cont {
  margin-left: 5%;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #666;
}
.admin #footer .bottom_box .footer_cont p {
  margin-top: 4px;
  line-height: 1.2;
}
.admin #footer .bottom_box .footer_cont .copyright {
  display: block;
  margin-top: 20px;
}

/* input */
input[type=text],
input[type=password],
input[type=tel],
input[type=search],
textarea {
  appearance: none;
  display: inline-block;
  min-height: 36px;
  padding: 0 8px;
  border: 1px solid #999;
  border-radius: 4px;
  color: #333;
  font-size: 1.6rem;
  outline: none;
  box-sizing: border-box;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
input[type=text]:hover, input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=search]:hover,
input[type=search]:focus,
textarea:hover,
textarea:focus {
  border-color: #999;
  border-color: #999;
  background-color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
  border-color: #0A2E80;
}
input[type=text]:read-only, input[type=text][readonly=readonly], input[type=text].read-only,
input[type=password]:read-only,
input[type=password][readonly=readonly],
input[type=password].read-only,
input[type=tel]:read-only,
input[type=tel][readonly=readonly],
input[type=tel].read-only,
input[type=search]:read-only,
input[type=search][readonly=readonly],
input[type=search].read-only,
textarea:read-only,
textarea[readonly=readonly],
textarea.read-only {
  opacity: 1;
  background: #eee;
}
.datapicker input[type=text]:read-only, .datapicker input[type=text][readonly=readonly], .datapicker input[type=text].read-only,
.datapicker input[type=password]:read-only,
.datapicker input[type=password][readonly=readonly],
.datapicker input[type=password].read-only,
.datapicker input[type=tel]:read-only,
.datapicker input[type=tel][readonly=readonly],
.datapicker input[type=tel].read-only,
.datapicker input[type=search]:read-only,
.datapicker input[type=search][readonly=readonly],
.datapicker input[type=search].read-only,
.datapicker textarea:read-only,
.datapicker textarea[readonly=readonly],
.datapicker textarea.read-only {
  background: #fff;
}
input[type=text]:disabled, input[type=text][disabled=disabled], input[type=text].disabled,
input[type=password]:disabled,
input[type=password][disabled=disabled],
input[type=password].disabled,
input[type=tel]:disabled,
input[type=tel][disabled=disabled],
input[type=tel].disabled,
input[type=search]:disabled,
input[type=search][disabled=disabled],
input[type=search].disabled,
textarea:disabled,
textarea[disabled=disabled],
textarea.disabled {
  opacity: 0.6;
  background: #eee;
  pointer-events: none;
}
.wrap-input input[type=text],
.wrap-input input[type=password],
.wrap-input input[type=tel],
.wrap-input input[type=search],
.wrap-input textarea {
  width: 100%;
}
.tbl-mainsearch input[type=text]:only-child,
.tbl-mainsearch input[type=password]:only-child,
.tbl-mainsearch input[type=tel]:only-child,
.tbl-mainsearch input[type=search]:only-child,
.tbl-mainsearch textarea:only-child {
  width: 100%;
}

textarea {
  width: 100%;
  height: 14rem;
  padding: 6px;
  resize: none;
}
.tbl-mainsearch textarea:only-child {
  width: 100%;
}

.hyphen {
  padding: 0 0.4rem 0 0.5rem;
  color: #333;
  line-height: 36px;
}

select {
  appearance: none;
  display: inline-block;
  min-height: 36px;
  padding: 0 3rem 0 8px;
  border-radius: 4px;
  background: #fff url("../img/common/ico_select.png") no-repeat center right 10px/12px;
  color: #333;
  font-size: 1.6rem;
  outline: none;
  box-sizing: border-box;
  border-color: #999;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
select:hover, select:focus {
  border-color: #999;
  border-color: #999;
  background-color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
  border-color: #0A2E80;
}
.tbl-mainsearch select:only-child {
  width: 100%;
}
.wrap-input select {
  width: 100%;
}

.select_box > strong {
  font-size: 2.2rem;
  margin-right: 15px;
}

div.label-check,
label.label-check {
  display: inline-block;
}
div.label-check.col,
label.label-check.col {
  padding: 10px 0;
}
div.label-check.col label,
label.label-check.col label {
  display: block;
}
div.label-check.col label + label,
label.label-check.col label + label {
  margin-top: 8px;
  margin-right: 0;
}
div.label-check label,
label.label-check label {
  position: relative;
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  margin-bottom: 0;
  margin-right: 15px;
  cursor: pointer;
  vertical-align: middle;
}
div.label-check label:hover span::before,
label.label-check label:hover span::before {
  border-color: #0A2E80 !important;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
div.label-check input,
label.label-check input {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
div.label-check span,
label.label-check span {
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 1.6rem;
  line-height: 16px;
  pointer-events: none;
}
div.label-check span::before, div.label-check span::after,
label.label-check span::before,
label.label-check span::after {
  content: "";
  display: block;
  position: absolute;
}
div.label-check input[type=radio] + span::before,
div.label-check input[type=checkbox] + span::before,
label.label-check input[type=radio] + span::before,
label.label-check input[type=checkbox] + span::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
div.label-check input[type=radio]:focus + span::before,
div.label-check input[type=checkbox]:focus + span::before,
label.label-check input[type=radio]:focus + span::before,
label.label-check input[type=checkbox]:focus + span::before {
  border-color: #0A2E80;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
div.label-check input[type=radio]:checked + span,
label.label-check input[type=radio]:checked + span {
  color: #111;
}
/* div.label-check input[type=radio]:checked + span::before,
label.label-check input[type=radio]:checked + span::before {
  border-color: #0A2E80;
  outline: 2px solid rgba(10, 46, 128, 0.4);
} */
div.label-check input[type=radio]:checked + span::after,
label.label-check input[type=radio]:checked + span::after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0A2E80;
}
div.label-check input[type=radio]:disabled + span::before,
label.label-check input[type=radio]:disabled + span::before {
  background: #eee;
  border-color: #999 !important;
}
div.label-check input[type=radio]:disabled + span::after,
label.label-check input[type=radio]:disabled + span::after {
  opacity: 0;
  display: none;
}
div.label-check input[type=checkbox] + span,
label.label-check input[type=checkbox] + span {
  padding-left: 24px;
  line-height: 20px;
}
div.label-check input[type=checkbox] + span::before,
label.label-check input[type=checkbox] + span::before {
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
div.label-check input[type=checkbox]:checked + span,
label.label-check input[type=checkbox]:checked + span {
  color: #111;
}
div.label-check input[type=checkbox]:checked + span::before,
label.label-check input[type=checkbox]:checked + span::before {
  border-color: #0A2E80;
}
div.label-check input[type=checkbox]:checked + span::after,
label.label-check input[type=checkbox]:checked + span::after {
  top: 2px;
  left: 6.5px;
  width: 5px;
  height: 10px;
  border: solid #0A2E80;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
div.label-check input[type=checkbox]:disabled + span::before,
label.label-check input[type=checkbox]:disabled + span::before {
  background: #eee;
  border-color: #999 !important;
}
div.label-check input[type=checkbox]:disabled + span::after,
label.label-check input[type=checkbox]:disabled + span::after {
  opacity: 0;
  display: none;
}
div.label-check.single label,
label.label-check.single label {
  margin-right: 0;
}
div.label-check.single span,
label.label-check.single span {
  text-indent: -9999px;
}

label.label-check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
label.label-check + label {
  margin-left: 8px;
}
label.label-check:hover span::before {
  border-color: #0A2E80 !important;
}

.wrap-input {
  position: relative;
  display: flex;
  gap: 4px;
}
.wrap-input button,
.wrap-input a {
  margin-left: 6px;
}
.wrap-input.phone.hyphen {
  flex: none;
  width: auto;
}
.wrap-input.phone select {
  max-width: 80px;
  width: calc(36% - 32px);
  padding-right: 3rem;
}
.wrap-input.phone input {
  width: 32%;
  max-width: 100px;
}
.tbl-edit .wrap-input a, .tbl-edit .wrap-input button {
  margin-left: 6px;
  white-space: nowrap;
  padding: 8px;
}
.tbl-edit .wrap-input a:first-child, .tbl-edit .wrap-input button:first-child {
  margin-left: 0;
}
.wrap-input.certified .input_wrap {
  position: relative;
}
.wrap-input.certified .input_wrap input {
  width: auto;
}
.wrap-input.certified .input_wrap span {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 36px;
  color: #e81515;
}
.wrap-input .datapicker,
.wrap-input .wrap-datapacker {
  width: 100%;
}
.wrap-input.f_jc_sb {
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
}
.wrap-input.m_fd_col > a,
.wrap-input.m_fd_col > button {
  white-space: nowrap;
  min-width: auto;
  margin-left: 0;
}
.wrap-input.fw_wrap {
  flex-wrap: wrap;
}

.wrap-input-txt {
  display: inline-block;
  position: relative;
  padding-top: 20px;
}
.wrap-input-txt span {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "default-B";
  transition: all 0.4s;
}
.wrap-input-txt input {
  position: relative;
  padding: 10px 0;
  border: none;
  border-bottom: 2px solid #999;
  border-radius: 0;
  box-sizing: border-box;
}
.wrap-input-txt input::placeholder {
  color: #666;
}

/* 검색 */
.area-search {
  display: block;
  position: relative;
  padding: 12px;
  border: 1px solid #A1BFC7;
  background: #F6FAFB;
}
.area-tbl + .area-search {
  margin-top: 24px;
}

.input_box {
  display: flex;
  gap: 10px;
  align-items: center;
}
.input_box > label {
  min-width: 100px;
}
.input_box input, .input_box select {
  width: 100%;
  box-sizing: border-box;
}

.tb-scroll_wrap {
  position: relative;
  min-height: 240px;
}
.split-box .tb-scroll_wrap {
  min-height: 392px;
}

.tb-scroll_box {
  max-height: 392px;
  overflow-y: auto;
  border: solid #D3D0D3;
  border-width: 1px 0;
  margin-bottom: -1px;
}
.tb-scroll_box table thead tr th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.tb-scroll_box table thead tr:first-of-type th {
  border-top: 0;
}
.tb-scroll_box table thead tr:last-of-type th {
  border-bottom: 0;
}
.tb-scroll_box table tbody tr:last-of-type th, .tb-scroll_box table tbody tr:last-of-type td {
  border-bottom: 0;
}

/* -- 첨부파일 추가 영역 -- */
.file_wrap:not(:first-child) {
  margin-top: 10px;
}

.file_box {
  position: relative;
}
.file_box .file_input input:focus + label {
  background-color: #031D53;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.file_box .file_input input:focus + label:hover, .file_box .file_input input:focus + label:focus {
  background-color: #021335;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.file_box .file_input label {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  z-index: 2;
  cursor: pointer;
  background-color: #031D53;
  outline: 2px solid transparent;
  transition: all 0.4s;
  transition: 0.3s;
  background-color: #666;
}
.file_box .file_input label:hover, .file_box .file_input label:focus {
  background-color: #021335;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.file_box .file_input + .file_add {
  margin-top: 0;
}
.file_box .file_input + .file-add {
  margin-top: 42px;
}

.file_add {
  position: relative;
  min-height: 36px;
}
.file_add:not(:first-child) {
  margin-top: 10px;
}
.file_add li {
  position: relative;
  min-height: 36px;
  background-color: #e1e7f3;
  border-radius: 4px;
  overflow: hidden;
  padding: 6px 36px 6px 12px;
}
.file_add li:first-child {
  margin-right: 106px;
}
.file_add li:not(:first-child) {
  margin-top: 5px;
}
.file_add li strong {
  display: inline-block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: bottom;
  max-width: calc(100% - 170px);
}
.file_add li .file_del {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 33px;
  height: 33px;
  text-indent: -99999px;
  text-align: left;
  margin-top: -16.5px;
}
.file_add li .file_del::before, .file_add li .file_del::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -11px;
  background-color: #333;
  border-radius: 50px;
}
.file_add li .file_del::before {
  transform: rotate(-45deg);
}
.file_add li .file_del::after {
  transform: rotate(45deg);
}
.file_add li .file_del:hover {
  transition: 0.5s;
  transform: rotate(180deg);
}
.file-add {
  position: relative;
  min-height: 36px;
}
.file-add:not(:first-child) {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #D3D0D3;
}
.file-add li {
  position: relative;
}
.file-add li:not(:first-child) {
  margin-top: 5px;
}
.file-add li a:not(.file_del) {
  position: relative;
  display: block;
  min-height: 36px;
  background-color: #dadada;
  border-radius: 4px;
  overflow: hidden;
  padding: 6px 36px 6px 12px;
  transition: 0.3s;
}
.file-add li a:not(.file_del):hover {
  color: #333 !important;
  background-color: #FFB300;
}
.file-add li a:not(.file_del) img {
  vertical-align: bottom;
}
.file-add li a.file_del {
  position: absolute;
  top: 50%;
  right: 0;
  width: 35px;
  height: 35px;
  text-indent: -99999px;
  text-align: left;
  margin-top: -17.5px;
}
.file-add li a.file_del::before, .file-add li a.file_del::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -11px;
  background-color: #333;
  border-radius: 50px;
}
.file-add li a.file_del::before {
  transform: rotate(-45deg);
}
.file-add li a.file_del::after {
  transform: rotate(45deg);
}
.file-add li a.file_del:hover {
  transition: 0.5s;
  transform: rotate(180deg);
}

/* 데이터피커 */
.datapicker,
.datapicker-month {
  display: block;
  position: relative;
}
.datapicker .ui-datepicker-trigger,
.datapicker-month .ui-datepicker-trigger {
  position: absolute;
  top: 50%;
  right: 6px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.datapicker .hasDatepicker,
.datapicker-month .hasDatepicker {
  width: 100%;
  margin: 0;
}
.wrap-datapacker .datapicker,
.wrap-datapacker .datapicker-month {
  width: calc(50% - 10px);
  float: left;
}
.wrap-datapacker .datapicker + .unit,
.wrap-datapacker .datapicker-month + .unit {
  display: block;
  width: 20px;
  margin: 6px 0 0 0;
  float: left;
  text-align: center;
  line-height: normal;
}

a,
button {
  appearance: none;
  box-sizing: border-box;
  line-height: 1;
  cursor: pointer;
}
a:disabled, a.disabled,
button:disabled,
button.disabled {
  pointer-events: none;
}

a {
  position: relative;
}

.btn-comm {
  display: inline-block;
  position: relative;
  min-width: 65px;
  min-height: 34px;
  padding: 8px 18px;
  border: none;
  border-radius: 4px;
  font-family: "default-B";
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  box-sizing: border-box;
  vertical-align: top;
}
.btn-comm.type1 {
  border: 1px solid #0A2E80;
  color: #fff;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type1:hover, .btn-comm.type1:focus {
  background-color: #082464;
  color: #fff;
  outline: 4px solid rgba(10, 46, 128, 0.6);
}
.btn-comm.type2 {
  border: 1px solid #0A2E80;
  color: #0A2E80;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type2:hover, .btn-comm.type2:focus {
  border-color: #0A2E80;
  border-color: #0A2E80;
  background-color: #fff;
  border-color: #082464;
  outline: 4px solid rgba(6, 29, 81, 0.6);
}
.btn-comm.type3 {
  border: 1px solid #0148bf;
  color: #fff;
  background-color: #0148bf;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type3:hover, .btn-comm.type3:focus {
  border-color: #0148bf;
  border-color: #0148bf;
  background-color: #0148bf;
  color: #fff;
  border-color: #013da1;
  outline: 4px solid rgba(1, 53, 140, 0.6);
}
.btn-comm.type_gray {
  border: 1px solid #D3D0D3;
  background-color: transparent;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type_gray:hover, .btn-comm.type_gray:focus {
  border-color: #D3D0D3;
  border-color: #D3D0D3;
  background-color: transparent;
  border-color: #c4c0c4;
  outline: 2px solid rgba(186, 182, 186, 0.4);
}
.btn-comm:disabled, .btn-comm.disabled {
  border: 1px solid #777;
  color: #fff;
  background-color: #777;
  outline: 2px solid transparent;
  transition: all 0.4s;
  pointer-events: none;
}
.btn-comm:disabled:hover, .btn-comm:disabled:focus, .btn-comm.disabled:hover, .btn-comm.disabled:focus {
  border-color: #777;
  border-color: #777;
  background-color: #777;
  border-color: #686868;
  outline: 2px solid rgba(94, 94, 94, 0.4);
}
.btn-comm.type4 {
  border: 1px solid #031D53;
  color: #fff;
  background-color: #031D53;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type4:hover, .btn-comm.type4:focus {
  border-color: #031D53;
  border-color: #031D53;
  background-color: #031D53;
  color: #fff;
  border-color: #021335;
  outline: 2px solid rgba(1, 12, 34, 0.4);
}
.tbl-edit tr .btn-comm, .tbl-list tr .btn-comm {
  min-width: auto;
  padding: 8px;
  font-size: 1.4rem;
  word-break: keep-all;
  vertical-align: middle;
}
.btn-comm.ico {
  position: relative;
  height: 34px;
  padding: 0 15px;
  line-height: 34px;
  box-sizing: border-box;
  padding-left: 46px;
}
.btn-comm.ico::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
.btn-comm.ico::before {
  top: 7px;
  left: 15px;
}
.btn-comm.ico.regist::before {
  background: url("../img/common/ico_regist.png") no-repeat center center;
}
.btn-comm.type5 {
  border: 1px solid #666;
  color: #fff;
  background-color: #666;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type5:hover, .btn-comm.type5:focus {
  border-color: #666;
  border-color: #666;
  background-color: #666;
  border-color: #575757;
  outline: 2px solid rgba(77, 77, 77, 0.4);
}
.btn-comm.onepass {
  color: #fff;
  background-color: #192575;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.onepass:hover, .btn-comm.onepass:focus {
  border-color: #666;
  border-color: #666;
  background-color: #192575;
  border-color: #575757;
  outline: 2px solid rgba(77, 77, 77, 0.4);
}
.btn-comm.onepass_bd {
  color: #192575;
  border: 1px solid #192575;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.onepass_bd:hover, .btn-comm.onepass_bd:focus {
  border-color: #192575;
  border-color: #192575;
  background-color: #fff;
  border-color: #141d5c;
  outline: 2px solid rgba(16, 24, 75, 0.4);
}
.btn-comm.type_red {
  border: 1px solid #e81515;
  color: #fff;
  background-color: #e81515;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-comm.type_red:hover, .btn-comm.type_red:focus {
  border-color: #e81515;
  border-color: #e81515;
  background-color: #e81515;
  border-color: #cc1212;
  outline: 2px solid rgba(185, 17, 17, 0.4);
}

.btn-icon_text {
  display: inline-block;
  position: relative;
  padding: 0 14px;
  border: none;
  border-radius: 4px;
  font-family: "default-B";
  font-size: 1.6rem;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  height: 34px;
  line-height: 34px;
}
.btn-icon_text.type1 {
  border: 1px solid #0A2E80;
  color: #fff;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
  position: relative;
  color: #fff;
}
.btn-icon_text.type1:hover, .btn-icon_text.type1:focus {
  background-color: #082464;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.btn-icon_text.type2 {
  border: 1px solid #0A2E80;
  color: #0A2E80;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-icon_text.type2:hover, .btn-icon_text.type2:focus {
  border-color: #0A2E80;
  border-color: #0A2E80;
  background-color: #fff;
  border-color: #082464;
  outline: 2px solid rgba(6, 29, 81, 0.4);
}
.btn-icon_text.type3 {
  border: 1px solid #777;
  color: #fff;
  background-color: #777;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-icon_text.type3:hover, .btn-icon_text.type3:focus {
  border-color: #777;
  border-color: #777;
  background-color: #777;
  border-color: #686868;
  outline: 2px solid rgba(94, 94, 94, 0.4);
}
.btn-icon_text::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -3px 7px 0 0;
  position: relative;
  height: 18px;
  padding: 0 7px;
  line-height: 18px;
  box-sizing: border-box;
  width: 18px;
  padding: 0;
  text-align: left;
  text-indent: -999px;
  overflow: hidden;
}
.btn-icon_text::before::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
}
.btn-icon_text::before::before {
  top: -1px;
  left: -1px;
}

.btn-ico {
  display: inline-block;
  border-radius: 4px;
  min-height: 36px;
  width: 36px;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
  position: relative;
}
.btn-ico:hover, .btn-ico:focus, .btn-ico:active {
  background-color: #ededed !important;
}
.btn-ico:hover, .btn-ico:focus, .btn-ico:active {
  outline: 2px solid rgba(230, 230, 230, 0.4);
}
.btn-ico::before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  background-image: url("../img/common/ico-btn2.png");
  background-repeat: no-repeat;
  background-size: 400px;
}
.btn-ico.ico-search:before {
  left: 0;
  top: 0;
  background-position: -112px -114px;
}

.btn-ico-text {
  position: relative;
  display: inline-block;
  min-width: 98px;
  min-height: 34px;
  padding: 0 18px;
  color: #fff;
  font-size: 1.6rem;
  font-family: "default";
  line-height: 1.6rem;
  white-space: nowrap;
  border: none;
  border-radius: 2px;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
  position: relative;
  padding-left: 38.4px;
}
.btn-ico-text:hover, .btn-ico-text:focus, .btn-ico-text:active {
  background-color: #07225f !important;
}
.btn-ico-text:hover, .btn-ico-text:focus, .btn-ico-text:active {
  outline: 2px solid rgba(6, 29, 81, 0.4);
}
.btn-ico-text::before {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  background-image: url("../img/common/ico-btn2.png");
  background-repeat: no-repeat;
  background-size: 400px;
}
.btn-ico-text::before {
  top: calc(50% - 12px);
  left: 12px;
}
.btn-ico-text.ico-home {
  color: #666;
  background: #fff;
  position: relative;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
}
.btn-ico-text.ico-home::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background-image: url("../img/common/ico-btn2.png");
  background-repeat: no-repeat;
  background-size: 400px;
}
.btn-ico-text.ico-home:hover, .btn-ico-text.ico-home:focus, .btn-ico-text.ico-home:active {
  background-color: #ededed !important;
}
.btn-ico-text.ico-home:hover, .btn-ico-text.ico-home:focus, .btn-ico-text.ico-home:active {
  outline: 2px solid rgba(230, 230, 230, 0.4);
}
.btn-ico-text.ico-home::before {
  top: 50%;
  margin-top: -9px;
  background: url(../img/mobile/icon_home.png) no-repeat;
  background-size: contain;
}
.btn-ico-text.onepass {
  height: auto;
  color: #fff;
  line-height: 1.6rem;
  position: relative;
  padding-right: 32px;
  background-color: #192575;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
}
.btn-ico-text.onepass::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  background-image: url("../img/common/ico-btn2.png");
  background-repeat: no-repeat;
  background-size: 400px;
}
.btn-ico-text.onepass::before {
  top: calc(50% - 10px);
  right: 10px;
}
.btn-ico-text.onepass:hover, .btn-ico-text.onepass:focus, .btn-ico-text.onepass:active {
  background-color: #131c58 !important;
}
.btn-ico-text.onepass:hover, .btn-ico-text.onepass:focus, .btn-ico-text.onepass:active {
  outline: 2px solid rgba(16, 24, 75, 0.4);
}
.btn-ico-text.onepass::before {
  position: relative;
  display: inline-block;
  top: auto;
  right: auto;
  left: auto;
  width: 34px;
  height: 30px;
  margin-right: 12px;
  background: url(/res/img/ico_onepass_w.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.btn-search {
  position: relative;
  display: inline-block;
  min-width: 70px;
  border: 1px solid #0A2E80;
  border-radius: 4px;
  color: #fff;
  font-size: 1.6rem;
  font-family: "default-B";
  white-space: nowrap;
  vertical-align: top;
  position: relative;
  height: 34px;
  padding: 0 15px;
  line-height: 34px;
  box-sizing: border-box;
  padding-left: 46px;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
  padding-left: 40px;
}
.btn-search::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
.btn-search::before {
  top: 7px;
  left: 15px;
}
.btn-search:hover, .btn-search:focus {
  background-color: #082464;
  color: #fff;
  outline: 4px solid rgba(10, 46, 128, 0.6);
}
.btn-search::before {
  background: url("../img/common/ico_search.png") no-repeat center center;
}

.btn-excel {
  display: inline-block;
  position: relative;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 2.2rem;
  font-family: "default-B";
  position: relative;
  height: 34px;
  padding: 0 15px;
  line-height: 34px;
  box-sizing: border-box;
  padding-left: 46px;
  background-color: #058943;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-excel::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
.btn-excel::before {
  top: 7px;
  left: 15px;
}
.btn-excel:hover, .btn-excel:focus {
  background-color: #046b35;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.btn-excel::before {
  background: url("../img/common/ico_excel.png") no-repeat center center;
}

.btn-detail {
  display: inline-block;
  position: relative;
  height: 34px;
  border: 1px solid #0A2E80;
  border-radius: 4px;
  padding: 8px 32px 8px 8px;
  color: #0A2E80;
  font-size: 2.2rem;
  font-family: "default-B";
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-detail::before, .btn-detail::after {
  content: "";
  display: block;
  position: absolute;
}
.btn-detail:hover, .btn-detail:focus {
  outline: 2px solid rgba(10, 46, 128, 0.4);
  border-color: #0A2E80;
}
.btn-detail::before, .btn-detail::after {
  top: 17px;
  width: 7px;
  height: 1px;
  background: #0A2E80;
  transition: all 0.4s;
}
.btn-detail::before {
  right: 8px;
  transform: rotate(-45deg);
}
.btn-detail::after {
  right: 13px;
  transform: rotate(45deg);
}
.btn-detail.active::before {
  transform: rotate(45deg);
}
.btn-detail.active::after {
  transform: rotate(-45deg);
}

.btn-ico_file {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  padding: 0;
  margin: 0;
  border: 0;
  background: url("../img/common/ico_file.svg") no-repeat center;
  background-size: contain;
  text-indent: -99999px;
  vertical-align: middle;
}
a .btn-ico_file {
  margin-right: 7px;
}
.tbl-list .btn-ico_file:hover .preview_wrap, .tbl-main .btn-ico_file:hover .preview_wrap {
  display: block;
  opacity: 1;
  animation: ani_show linear 0.15s;
}
@keyframes ani_show {
  from {
    opacity: 0;
    display: block;
  }
  to {
    opacity: 1;
    display: block;
  }
}

.link-txt {
  display: inline-block;
  color: #0A2E80;
  font-size: 1.6rem;
}
.link-txt:hover, .link-txt:focus {
  text-decoration: underline;
}

.link-more {
  display: inline-block;
  position: relative;
  padding: 6px 18px 6px 4px;
  border: none;
  background: none;
  font-size: 1.4rem;
  color: #666;
}
.link-more::before, .link-more::after {
  content: "";
  display: block;
  position: absolute;
}
.link-more::before, .link-more::after {
  right: 2px;
  width: 7px;
  height: 1px;
  background: #666;
}
.link-more::before {
  top: 10px;
  transform: rotate(45deg);
}
.link-more::after {
  top: 15px;
  transform: rotate(-45deg);
}
.link-more:hover, .link-more:focus {
  color: #0A2E80;
}
.link-more:hover::before, .link-more:hover::after, .link-more:focus::before, .link-more:focus::after {
  background-color: #0A2E80;
}

.btn-toggle {
  position: absolute;
  top: 8px;
  left: 12px;
  width: 48px;
  height: 48px;
  border: none;
  padding: 0;
  overflow: hidden;
  text-indent: -999px;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-toggle::before, .btn-toggle::after {
  content: "";
  display: block;
  position: absolute;
}
.btn-toggle:hover, .btn-toggle:focus {
  outline: 2px solid rgba(123, 160, 245, 0.4);
}
.btn-toggle::before, .btn-toggle::after {
  left: 19px;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  background: #333;
  transition: all 0.4s;
}
.btn-toggle::before {
  top: 27px;
  transform: rotate(45deg);
}
.btn-toggle::after {
  top: 21px;
  transform: rotate(-45deg);
}
.btn-toggle.active::before {
  transform: rotate(-45deg);
}
.btn-toggle.active::after {
  transform: rotate(45deg);
}

.area-btn {
  display: block;
  text-align: right;
  font-size: 0;
}
.area-btn:not(:first-child) {
  margin-top: 10px;
}
.area-btn a + a,
.area-btn a + button,
.area-btn button + a,
.area-btn button + button {
  margin-left: 6px;
}
.area-search .area-btn {
  float: right;
  padding-top: 6px;
}
.area-btn.left {
  display: inline-block;
  position: relative;
  padding: 6px 0 0 0;
}
.tit-sub h3 + .area-btn {
  margin-top: 0;
}

.paging {
  margin-top: 20px;
  text-align: center;
}
.paging a,
.paging button {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  padding: 6px 4px;
  color: #333;
  text-align: center;
  font-size: 1.4rem;
  vertical-align: middle;
  box-sizing: border-box;
  border: none;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.paging a:hover, .paging a:focus,
.paging button:hover,
.paging button:focus {  
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  outline: 2px solid rgba(0, 0, 0, 0.6);
}
.paging a.btn-paging,
.paging button.btn-paging {
  position: relative;
  height: 30px;
  padding: 0 13px;
  line-height: 30px;
  box-sizing: border-box;
  width: 30px;
  padding: 0;
  text-align: left;
  text-indent: -999px;
  overflow: hidden;
  border: 1px solid;
}
.paging a.btn-paging::before,
.paging button.btn-paging::before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
}
.paging a.btn-paging::before,
.paging button.btn-paging::before {
  top: 6px;
  left: 6px;
}
.paging a.btn-paging::before,
.paging button.btn-paging::before {
  background: url("../img/common/ico_paging.png") no-repeat;
}
.paging a.btn-paging.first::before,
.paging button.btn-paging.first::before {
  background-position: -8px -8px;
}
.paging a.btn-paging.prev,
.paging button.btn-paging.prev {
  margin-right: 12px;
}
.paging a.btn-paging.prev::before,
.paging button.btn-paging.prev::before {
  background-position: -43px -8px;
}
.paging a.btn-paging.next,
.paging button.btn-paging.next {
  margin-left: 12px;
}
.paging a.btn-paging.next::before,
.paging button.btn-paging.next::before {
  background-position: -77px -8px;
}
.paging a.btn-paging.last::before,
.paging button.btn-paging.last::before {
  background-position: -113px -8px;
}
.paging a.btn-paging:disabled,
.paging button.btn-paging:disabled {
  border: 1px dashed !important;
  pointer-events: none;
}
.paging a.btn-paging:disabled::before,
.paging button.btn-paging:disabled::before {
  opacity: 0.6;
}
.paging a.active,
.paging button.active {
  color: #006DFF;
  font-family: "default-B";
  outline: 3px solid rgba(19, 114, 236, 0.4);
}
.paging a + a,
.paging a + button,
.paging button + a,
.paging button + button {
  margin-left: 4px;
  border: 1px solid;
}

.btn-file {
  position: relative;
  display: inline-block;
  color: #303a49;
  font-size: 2.2rem;
  font-family: "default-B";
  background-color: #fff;
  border: 1px solid #303a49;
  border-radius: 4px;
  outline: 2px solid transparent;
  transition: outline 0.4s, background 0.4s;
  position: relative;
  height: 34px;
  padding: 0 15px;
  line-height: 34px;
  box-sizing: border-box;
  padding-left: 46px;
  background-color: #fff;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.btn-file::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
.btn-file::before {
  top: 7px;
  left: 15px;
}
.btn-file:hover, .btn-file:focus {
  background-color: #f0f0f0;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.btn-file::before {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  background-position: -272px -85px;
  background-size: 300px;
  background-image: url(../img/common/ico-btn.png);
  background-repeat: no-repeat;
}

.login_wrap .btn_box {
  gap: 10px;
}
.login_wrap .btn_box button {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-family: "default-B";
  font-size: 2.6rem;
  padding: 0;
}
.login_wrap .btn_box button:hover, .login_wrap .btn_box button:focus {
  background-color: #082464;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.login_wrap .btn_box button.btn_join {
  background-color: transparent;
  outline: 2px solid transparent;
  transition: all 0.4s;
  color: #0A2E80;
  border: 1px solid #0A2E80;
}
.login_wrap .btn_box button.btn_join:hover, .login_wrap .btn_box button.btn_join:focus {
  background-color: rgba(0, 0, 0, 0);
  border-color: #082464;
  outline: 2px solid rgba(6, 29, 81, 0.4);
}
.login_wrap .btn_box button.btn_login {
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.login_wrap .btn_box button.btn_login:hover, .login_wrap .btn_box button.btn_login:focus {
  background-color: #082464;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}

.btn_certification {
  position: relative;
  display: block;
  width: 100%;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-family: "default-B";
  font-size: 3.6rem;
  padding: 43px 0;
}
.btn_certification:hover, .btn_certification:focus {
  background-color: #082464;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.btn_certification::before {
  content: "";
  display: block;
  text-align: center;
  width: 44px;
  height: 44px;
  background: url("../img/common/ico_certification.png") no-repeat center center;
  margin: 0 auto 12px;
}

.tabmenu .tab-menu {
  display: flex;
  margin: 0;
  padding: 0;
}
.tabmenu .tab-menu li {
  flex: 1;
  list-style: none;
}
.tabmenu .tab-menu li button {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
}
.tabmenu .tab-menu li button.active {
  background: seagreen;
  color: white;
}
.tabmenu .tab-conts {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
}
.tabmenu .tab-conts.active {
  display: block;
}

.list_tabbox {
  position: relative;
  width: 100%;
  display: inline-block;
}
.list_tabbox .m_tab_btn_wrap {
  position: relative;
  display: none;
  border-bottom: 1px solid #ccc;
}
.list_tabbox .m_tab_btn_wrap > a {
  position: relative;
  display: block;
  padding: 15px 20px;
  color: #333;
  font-family: "default-B";
  background-color: #FFB300;
}
.list_tabbox .m_tab_btn_wrap > a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 18px;
  right: 20px;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid #333;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.list_tabbox .m_tab_btn_wrap > a.open::before {
  top: 8px;
  transform: rotate(180deg);
}
.list_tabbox .m_tab_btn_wrap .tab_btn_box {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 2px solid #FFB300;
  background-color: #fff;
  z-index: 2;
  display: none;
}
.list_tabbox .m_tab_btn_wrap .tab_btn_box li:not(:first-child) {
  border-top: 1px solid #ccc;
}
.list_tabbox .m_tab_btn_wrap .tab_btn_box li a {
  display: block;
  padding: 10px 20px;
  text-align: left;
}
.list_tabbox .tab_wrap.w_20p .tab_btn {
  width: 20% !important;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(0) .tab_btn {
  left: -20%;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(1) .tab_btn {
  left: 0%;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(2) .tab_btn {
  left: 20%;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(3) .tab_btn {
  left: 40%;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(4) .tab_btn {
  left: 60%;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(5) .tab_btn {
  left: 80%;
}
.list_tabbox .tab_wrap.w_20p .tab_box:nth-child(6) .tab_btn {
  left: 100%;
}
.list_tabbox.type1 .tab_btn {
  position: absolute;
  top: 0;
  width: 16%;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  text-align: center;
  border: 1px solid #D3D0D3;
  background-color: #fff;
  transition: 0.3s;
}
.list_tabbox.type1 .tab_btn:hover, .list_tabbox.type1 .tab_btn:focus {
  background-color: #D04915 !important;
  color: #fff;
}
.list_tabbox.type1 .tab_box:nth-child(0) .tab_btn {
  left: -16%;
}
.list_tabbox.type1 .tab_box:nth-child(1) .tab_btn {
  left: 0%;
}
.list_tabbox.type1 .tab_box:nth-child(2) .tab_btn {
  left: 16%;
}
.list_tabbox.type1 .tab_box:nth-child(3) .tab_btn {
  left: 32%;
}
.list_tabbox.type1 .tab_box:nth-child(4) .tab_btn {
  left: 48%;
}
.list_tabbox.type1 .tab_box:nth-child(5) .tab_btn {
  left: 64%;
}
.list_tabbox.type1 .tab_box:nth-child(6) .tab_btn {
  left: 80%;
}
.list_tabbox.type1 .tab_box.active .tab_btn {
  font-family: "default-B";
  background-color: #FFB300;
  border: 1px solid #FFB300;
}
.list_tabbox.type1 .tab_box.active .tab_btn::before, .list_tabbox.type1 .tab_box.active .tab_btn::after {
  width: 50%;
}
.list_tabbox.type1 .tab_box.active .content_wrap {
  display: block;
}
.list_tabbox.type1 .tab_box.active .content_wrap > .area-box:first-child {
  margin-top: 20px;
}
.list_tabbox.type1 .content_wrap {
  display: none;
  padding: 60px 0px;
  margin-top: -1px;
}
.list_tabbox.type2 .tab_box {
  width: 100%;
}
.list_tabbox.type2 .tab_box .tab_btn {
  position: absolute;
  left: 0;
  width: 16%;
  min-width: 120px;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  text-align: left;
  border-bottom: 1px solid #D3D0D3;
  background-color: #fff;
  transition: 0.3s;
}
.list_tabbox.type2 .tab_box .tab_btn:hover, .list_tabbox.type2 .tab_box .tab_btn:focus {
  background-color: #D04915 !important;
  color: #fff;
}
.list_tabbox.type2 .tab_box:nth-child(0) .tab_btn {
  top: -40px;
}
.list_tabbox.type2 .tab_box:nth-child(1) .tab_btn {
  top: 0px;
}
.list_tabbox.type2 .tab_box:nth-child(2) .tab_btn {
  top: 40px;
}
.list_tabbox.type2 .tab_box:nth-child(3) .tab_btn {
  top: 80px;
}
.list_tabbox.type2 .tab_box:nth-child(4) .tab_btn {
  top: 120px;
}
.list_tabbox.type2 .tab_box:nth-child(5) .tab_btn {
  top: 160px;
}
.list_tabbox.type2 .tab_box.active .tab_btn {
  font-family: "default-B";
  background-color: #FFB300;
  border: 1px solid #FFB300;
}
.list_tabbox.type2 .tab_box.active .tab_btn::before, .list_tabbox.type2 .tab_box.active .tab_btn::after {
  width: 50%;
}
.list_tabbox.type2 .tab_box.active .content_wrap {
  display: block;
}
.list_tabbox.type2 .tab_box .content_wrap {
  display: none;
  width: calc(84% - 40px);
  float: right;
  padding: 0;
  margin-top: -1px;
}
.list_tabbox.type3 .tab-menu {
  display: block;
  position: relative;
  top: 1px;
  font-size: 0;
  z-index: 2;
  margin-bottom: -6px;
}
.list_tabbox.type3 .tab-menu li {
  display: inline-block;
  margin-bottom: 6px;
}
.list_tabbox.type3 .tab-menu li:not(:last-child) {
  margin-right: 8px;
}
.list_tabbox.type3 .tab-menu li button {
  position: relative;
  padding: 0;
  border: none;
  color: #111;
  font-size: 2.2rem;
  background: transparent;
}
.list_tabbox.type3 .tab-menu li button.active {
  border-bottom-color: #fff !important;
}
.list_tabbox.type3 .tab-menu li button.active::before {
  content: "";
  display: block;
  position: absolute;
}
.list_tabbox.type3 .tab-menu li button.active::before {
  display: none;
}
.list_tabbox.type3 .tab-menu li button:disabled {
  background: #eee;
  color: #666;
  pointer-events: none;
}
.list_tabbox.type3 .tab-conts {
  position: relative;
  display: none;
  padding: 0;
  margin-top: 8px;
  border: none;
  background: transparent;
}
.list_tabbox.type3 .tab-conts.no_conts {
  margin-top: 0;
}
.list_tabbox.type3 .tab-conts.active {
  display: block;
}
.list_tabbox.type3 .tab-conts label.label-check {
  margin-right: 6px;
  font-size: 1.6rem;
  line-height: 36px;
  vertical-align: bottom;
}
.list_tabbox ul.tab-menu {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 0;
}
.list_tabbox ul.tab-menu li {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: 0.3s;
}
.list_tabbox ul.tab-menu li button {
  width: 100%;
  min-width: auto;
  min-height: auto;
  padding: 0;
  color: #333;
  line-height: 40px;
  background: none;
  border: 1px solid #ddd;
  border-radius: 0;
}
.list_tabbox ul.tab-menu li button:hover, .list_tabbox ul.tab-menu li button:focus, .list_tabbox ul.tab-menu li button.active {
  color: #333;
  background: #FFB300;
  border: 1px solid #FFB300;
  border-radius: 0;
}
.list_tabbox ul.tab-menu li.active button {
  background: #FFB300;
  border: 1px solid #FFB300;
  border-radius: 0;
}
.list_tabbox ul.tab-menu li.active .label-check button {
  background: transparent;
  border: none;
}
.list_tabbox ul.tab-menu li .label-check button:hover, .list_tabbox ul.tab-menu li .label-check button:focus, .list_tabbox ul.tab-menu li .label-check button.active {
  background: transparent;
  border: none;
}
.list_tabbox ul.tab-menu + .tbl-toggle_wrap {
  margin-top: 20px;
}

.popup_wrapper {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  font-size: 1.6rem;
}
.popup_wrapper .popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
}
.popup_wrapper .popup .pop_inner {
  background-color: #fff;
  min-width: 500px;
  max-width: calc(100vw - 40px);
}
.popup_wrapper .popup .pop_inner .title_box {
  position: relative;
  background-color: #0A2E80;
  color: #fff;
  padding: 0 56px 0 20px;
}
.popup_wrapper .popup .pop_inner .title_box h2 {
  height: 56px;
  line-height: 56px;
}
.popup_wrapper .popup .pop_inner .title_box .pop_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  text-indent: -99999px;
}
.popup_wrapper .popup .pop_inner .title_box .pop_close::before, .popup_wrapper .popup .pop_inner .title_box .pop_close::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -15px;
  background-color: #fff;
  border-radius: 50px;
}
.popup_wrapper .popup .pop_inner .title_box .pop_close::before {
  transform: rotate(-45deg);
}
.popup_wrapper .popup .pop_inner .title_box .pop_close::after {
  transform: rotate(45deg);
}
.popup_wrapper .popup .pop_inner .title_box .pop_close:hover, .popup_wrapper .popup .pop_inner .title_box .pop_close:focus{
  transition: 0.5s;
  transform: rotate(180deg);
  outline: 4px solid rgba(9, 231, 57, 0.6);
}
.popup_wrapper .popup .pop_inner .title_box + .area-btn {
  padding-top: 20px;
}
.popup_wrapper .popup .pop_inner .pop_cont {
  position: relative;
  padding: 20px;
}
.popup_wrapper .popup .pop_inner .pop_cont .title {
  display: block;
  font-size: 2.2rem;
}
.popup_wrapper .popup .pop_inner .pop_cont .title + * {
  margin-top: 10px;
}
.popup_wrapper .popup .pop_inner .pop_cont .area-check .wrap-datapacker {
  margin-left: 6px;
}
.popup_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu {
  display: inline-block;
}
.popup_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li {
  width: auto;
  height: auto;
  line-height: normal;
}
.popup_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button {
  line-height: normal;
}
.popup_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:hover, .popup_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:focus {
  background: transparent;
}
.popup_wrapper .popup .pop_inner .pop_cont .content {
  margin-top: 0 !important;
}
.popup_wrapper .popup .pop_inner > .area-btn {
  padding: 12px 20px;
  border-top: 1px solid #D3D0D3;
  margin: 0;
}
.popup_wrapper .popup .pop_inner > .area-btn + .pop_cont {
  padding-top: 0;
}
.popup_wrapper .popup .pop_inner.size_small {
  width: 550px;
}
.popup_wrapper .popup .pop_inner.size_normal {
  width: 800px;
}
.popup_wrapper .popup .pop_inner.size_big {
  width: 1200px;
}
.popup_wrapper .popup .scroll_wrap {
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
}
.popup_wrapper.window {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.popup_wrapper.window .popup {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.popup_wrapper.window .popup .pop_inner {
  min-width: unset;
  max-width: unset;
}
.popup_wrapper.window .popup .pop_inner .title_box .pop_close {
  display: none;
}
.popup_wrapper:has(.fixed) {
  padding-bottom: calc(44px + 4.8rem + 24px);
}
.popup_wrapper:has(.fixed) .fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f1f2f5;
  padding: 12px 20px;
  border-top: 1px solid #D3D0D3;
}
.popup_wrapper:has(.fixed) .fixed .area-btn {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 10px;
  margin: 0;
}
.popup_wrapper:has(.fixed) .fixed.agree .area-btn {
  border-top: 1px solid #D3D0D3;
  padding-top: 12px;
  margin-top: 12px;
}
@media screen and (max-width: 630px) {
  .popup_wrapper:has(.fixed):has(.agree) {
    padding-bottom: calc(44px + 7.2rem + 24px);
  }
  .popup_wrapper:has(.fixed):not(:has(.agree)) {
    padding-bottom: 68px;
  }
}
@media screen and (max-width: 370px) {
  .popup_wrapper:has(.fixed):has(.agree) {
    padding-bottom: calc(44px + 9.6rem + 24px);
  }
}
@media print {
  .popup_wrapper {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .popup_wrapper .popup {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .popup_wrapper .scroll_wrap {
    max-height: none !important;
    overflow: visible !important;
  }
}

.popup_append_wrapper, .pop-wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 210;
  font-size: 1.6rem;
}
.popup_append_wrapper .popup, .pop-wrap .popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
}
.popup_append_wrapper .popup .pop_inner, .pop-wrap .popup .pop_inner {
  position: relative;
  background-color: #fff;
  min-width: 300px;
  max-width: calc(100vw - 50px);
}
.popup_append_wrapper .popup .pop_inner > .title_box, .pop-wrap .popup .pop_inner > .title_box {
  position: relative;
  background-color: #0A2E80;
  color: #fff;
  padding: 0 56px 0 20px;
  margin: 0;
  border: 0;
}
.popup_append_wrapper .popup .pop_inner > .title_box h2, .pop-wrap .popup .pop_inner > .title_box h2 {
  height: 56px;
  line-height: 56px;
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close, .pop-wrap .popup .pop_inner > .title_box .pop_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 49px;
  text-indent: -99999px;
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close::before, .popup_append_wrapper .popup .pop_inner > .title_box .pop_close::after, .pop-wrap .popup .pop_inner > .title_box .pop_close::before, .pop-wrap .popup .pop_inner > .title_box .pop_close::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -15px;
  background-color: #fff;
  border-radius: 50px;
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close::before, .pop-wrap .popup .pop_inner > .title_box .pop_close::before {
  transform: rotate(-45deg);
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close::after, .pop-wrap .popup .pop_inner > .title_box .pop_close::after {
  transform: rotate(45deg);
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close:hover, .pop-wrap .popup .pop_inner > .title_box .pop_close:hover {
  transition: 0.5s;
  transform: rotate(180deg);
  outline: 4px solid rgba(9, 231, 57, 0.6);
  margin: 4px 4px 4px 0px;
}
.popup_append_wrapper .popup .pop_inner .pop_cont, .pop-wrap .popup .pop_inner .pop_cont {
  position: relative;
  /* .title{
    display: block; 
    font-size: $font-size-large;

    + *{
      margin-top: 10px;
    }
  } */
}
.popup_append_wrapper .popup .pop_inner .pop_cont .area-check .wrap-datapacker, .pop-wrap .popup .pop_inner .pop_cont .area-check .wrap-datapacker {
  margin-left: 6px;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .tbl-search tbody th, .popup_append_wrapper .popup .pop_inner .pop_cont .tbl-search tbody td, .pop-wrap .popup .pop_inner .pop_cont .tbl-search tbody th, .pop-wrap .popup .pop_inner .pop_cont .tbl-search tbody td {
  line-height: 0;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu, .pop-wrap .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu {
  display: inline-block;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li, .pop-wrap .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li {
  width: auto;
  height: auto;
  line-height: normal;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button, .pop-wrap .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button {
  line-height: normal;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:hover, .popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:focus, .pop-wrap .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:hover, .pop-wrap .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:focus {
  background: transparent;
}
.popup_append_wrapper .popup .pop_inner > .area-btn, .pop-wrap .popup .pop_inner > .area-btn {
  padding: 12px 20px;
  border-top: 1px solid #ccc;
  margin: 0;
}
.popup_append_wrapper .popup .pop_inner > .area-btn > *, .pop-wrap .popup .pop_inner > .area-btn > * {
  min-width: 80px;
  height: 32px;
}
.popup_append_wrapper .popup .pop_inner > .area-btn::after, .pop-wrap .popup .pop_inner > .area-btn::after {
  content: none;
}
.popup_append_wrapper .popup .pop_inner.alert, .pop-wrap .popup .pop_inner.alert {
  width: auto;
  min-width: 300px;
  max-width: 90vw;
}
.popup_append_wrapper .popup .pop_inner.size_small, .pop-wrap .popup .pop_inner.size_small {
  width: 60vw;
}
.popup_append_wrapper .popup .pop_inner.size_normal, .pop-wrap .popup .pop_inner.size_normal {
  width: 80vw;
}
.popup_append_wrapper .popup .pop_inner.size_big, .pop-wrap .popup .pop_inner.size_big {
  width: 90vw;
}
.popup_append_wrapper .popup .scroll_wrap, .pop-wrap .popup .scroll_wrap {
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.popup_append_wrapper .popup.ui-draggable .pop_inner > .title_box, .pop-wrap .popup.ui-draggable .pop_inner > .title_box {
  cursor: move;
}

.popup_append_wrapper {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 210;
  font-size: 1.6rem;
}
.popup_append_wrapper .popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
}
.popup_append_wrapper .popup .pop_inner {
  position: relative;
  background-color: #fff;
  min-width: 300px;
  max-width: calc(100vw - 50px);
}
.popup_append_wrapper .popup .pop_inner > .title_box {
  position: relative;
  background-color: #0A2E80;
  color: #fff;
  padding: 0 56px 0 20px;
  margin: 0;
  overflow: hidden;
}
.popup_append_wrapper .popup .pop_inner > .title_box h2 {
  height: auto;
  min-height: 56px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  padding: 6px 0;
}
@media all and (max-width: 800px) {
  .popup_append_wrapper .popup .pop_inner > .title_box h2 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 56px;
    padding: 0;
  }
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 49px;
  text-indent: -99999px;
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close::before, .popup_append_wrapper .popup .pop_inner > .title_box .pop_close::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -15px;
  background-color: #fff;
  border-radius: 50px;
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close::before {
  transform: rotate(-45deg);
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close::after {
  transform: rotate(45deg);
}
.popup_append_wrapper .popup .pop_inner > .title_box .pop_close:hover,.popup_append_wrapper .popup .pop_inner > .title_box .pop_close:focus  {
  transition: 0.5s;
  transform: rotate(180deg);
  outline: 4px solid rgba(9, 231, 57, 0.6);
  margin: 4px 4px 4px 0px;
}
.popup_append_wrapper .popup .pop_inner .pop_cont {
  position: relative;
  /* .title{
    display: block; 
    font-size: $font-size-large;

    + *{
      margin-top: 10px;
    }
  } */
}
.popup_append_wrapper .popup .pop_inner .pop_cont .area-check .wrap-datapacker {
  margin-left: 6px;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .tbl-search tbody th, .popup_append_wrapper .popup .pop_inner .pop_cont .tbl-search tbody td {
  line-height: 0;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu {
  display: inline-block;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li {
  width: auto;
  height: auto;
  line-height: normal;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button {
  line-height: normal;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:hover, .popup_append_wrapper .popup .pop_inner .pop_cont .list_tabbox.type3 .tab-menu li button:focus {
  background: transparent;
}
.popup_append_wrapper .popup .pop_inner .pop_cont .notice_content img {
  width: 100%;
}
.popup_append_wrapper .popup .pop_inner > .area-btn {
  padding: 12px 20px;
  border-top: 1px solid #D3D0D3;
  margin: 0;
}
.popup_append_wrapper .popup .pop_inner.size_small {
  width: 60vw;
}
.popup_append_wrapper .popup .pop_inner.size_normal {
  width: 80vw;
}
.popup_append_wrapper .popup .pop_inner.size_big {
  width: 90vw;
}
.popup_append_wrapper .popup .scroll_wrap {
  max-height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.popup_append_wrapper.window {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.popup_append_wrapper.window .popup {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.popup_append_wrapper.window .popup .pop_inner {
  min-width: fit-content;
  max-width: max-content;
}
.popup_append_wrapper.window .popup .pop_inner .title_box .pop_close {
  display: none;
}
.popup_append_wrapper:not(.popup_warning) {
  width: 0 !important;
  height: 0 !important;
}
.popup_append_wrapper:not(.popup_warning)[data-popup_type=modal] {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
}
.popup_append_wrapper:not(.popup_warning) .focusout {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
.popup_append_wrapper:not(.popup_warning) .popup {
  background: none;
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: 0 6px 24px 6px rgba(0, 0, 0, 0.4);
  opacity: 0;
  width: auto !important;
  height: auto !important;
}
.popup_append_wrapper.popup_warning {
  background-color: rgba(59, 26, 26, 0.7);
  z-index: 1100;
}
.popup_append_wrapper.popup_warning .popup {
  background: none;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  cursor: move;
  display: none;
  animation: popup_warning ease-in-out 0.3s;
}
@keyframes popup_warning {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.popup_append_wrapper.popup_warning .pop_inner {
  border: 4px solid #e81515;
  min-width: 0;
  border-radius: 12px;
  max-width: 300px;
}
.popup_append_wrapper.popup_warning .title_box {
  margin: 0;
  padding: 0;
  border: 0;
}
.popup_append_wrapper.popup_warning .title_box h2 {
  color: #e81515;
  font-size: 36px;
}
.popup_append_wrapper.popup_warning .pop_cont_inner {
  margin-top: 12px;
}
.popup_append_wrapper.popup_warning .pop_cont_inner .type-submit {
  background-color: #e81515;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.popup_append_wrapper.popup_warning .pop_cont_inner .type-submit:hover, .popup_append_wrapper.popup_warning .pop_cont_inner .type-submit:focus {
  background-color: #cc1212;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.popup_append_wrapper.popup_warning + .popup_append_wrapper {
  position: fixed;
  z-index: 1110;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup_append_wrapper .todayClose {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
}
.popup_append_wrapper .todayClose label.label-check span {
  color: #fff;
}
.popup_append_wrapper .todayClose label.label-check input[type=checkbox]:checked + span {
  color: #fff;
}
.popup_append_wrapper .nottoday {
  text-align: right;
  margin-top: 12px;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* box list */
.list-box {
  display: flex;
}
.list-box.col {
  flex-direction: column;
}
.list-box > li {
  flex: 1;
  position: relative;
  border: 1px solid #D3D0D3;
  background: #fff;
}
.list-box > li:not(:first-of-type) {
  margin-left: 8px;
}
.detail-search.active .list-box {
  display: flex !important;
  max-height: 240px;
}
.detail-search.active .list-box > li {
  padding-top: calc(24px + 2.2rem);
  overflow: hidden;
}
.detail-search.active .list-box > li::before {
  content: "";
  display: block;
  position: absolute;
}
.detail-search.active .list-box > li::before {
  top: calc(24px + 2.2rem - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background: #D3D0D3;
}
.detail-search.active .list-box > li > .label-check {
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  z-index: 10;
}
.detail-search.active .list-box > li > .label-check span {
  font-family: "default-B";
  font-size: 2.2rem;
}
.detail-search.active .list-box > li ul {
  position: relative;
  height: 100%;
  padding: 12px;
  overflow: auto;
  box-sizing: border-box;
}

/* tbl-info */
.result-info {
  display: block;
  margin: 0 0 6px;
}
.result-info::after {
  content: "";
  display: block;
  clear: both;
}
.result-info .sub {
  float: right;
}
.tit-page .result-info, .tit-sub .result-info {
  margin: 0;
}
.result-info dl {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  line-height: 1;
}
.result-info dl dt,
.result-info dl dd {
  display: inline-block;
  margin: 0;
  color: #333;
  font-size: 1.6rem;
  font-family: "default-B";
}
.result-info dl dt::after {
  content: " : ";
}
.result-info dl dd {
  margin: 0 12px 0 4px;
}
.result-info dl dd strong {
  color: #0A2E80;
  font-family: "default-B";
}
.txt-desc .result-info dl dt::after {
  display: none;
}

.basic {
  margin: 8px 0 0 8px;
  color: #333;
  font-size: 1.6rem;
  font-family: "default";
}
.basic > li {
  position: relative;
  padding-left: 14px;
}
.basic > li:not(:first-child) {
  margin-top: 8px;
}
.basic > li::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #0A2E80;
}
.basic > li > a {
  display: block;
  font-size: 2.2rem;
  line-height: 1.2;
}
.basic > li > a.active {
  color: #006DFF;
}
.basic > li > ul {
  margin-top: 4px;
}
.basic > li > .title {
  color: #031D53;
  font-size: 1.6rem;
  font-family: "default-B";
}
.basic.type1 > li {
  padding-left: 0;
}
.basic.type1 > li::before {
  content: none;
}

.list-basic > li {
  position: relative;
  padding-left: 12px;
}
.list-basic > li:not(:first-child) {
  margin-top: 6px;
}
.list-basic > li::before {
  content: "-";
  position: absolute;
  left: 0;
  font-size: 16px;
}
.list-basic > li > a {
  display: block;
  font-size: 2.2rem;
  line-height: 1.2;
}
.list-basic > li .link:hover {
  text-decoration: underline;
}
.list-basic > li > ul {
  padding-left: 20px;
}
.list-basic > li > ul li {
  position: relative;
  margin-top: 6px;
}

.list-dot > li:not(:first-child) {
  margin-top: 15px;
}
.list-dot > li > .title {
  position: relative;
  display: block;
  margin-bottom: 8px;
  padding-left: 20px;
  font-size: 2rem;
  font-family: "default-B";
  line-height: 1.2;
  text-align: left;
}
.list-dot > li > .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  width: 12px;
  height: 12px;
  border: 4px solid #FFB300;
  border-radius: 50%;
  box-sizing: border-box;
}
.list-dot > li .img_wrap {
  margin-top: 8px;
}
.list-dot > li .img_wrap img {
  max-width: max-content;
  width: 100%;
  height: auto;
}

.list-ga {
  margin: 8px 0 0 8px;
  color: #333;
  font-size: 1.6rem;
  font-family: "default";
}
.list-ga > li {
  position: relative;
  padding-left: 24px;
}
.list-ga > li + li {
  margin-top: 8px;
}
.list-ga > li > .title {
  position: relative;
  display: block;
  margin-left: -24px;
  font-size: 2rem;
  font-family: "default-B";
  line-height: 1.2;
  text-align: left;
}
.list-ga > li > ul {
  margin-top: 4px;
}

.list_flex {
  display: flex;
  flex-direction: column;
}
.list_flex > .list_col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cdcdcd;
}
.list_flex > .list_col + .list_col {
  padding: 16px 0;
}
.list_flex > .list_col .thumb {
  height: 100px;
}
.list_flex > .list_col .thumb img {
  width: auto;
  height: 100%;
  max-width: max-content;
}
.list_flex > .list_col .info {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}
.list_flex > .list_col .info .tit {
  margin-bottom: 8px;
  color: #111;
  font-size: 2rem;
  font-family: "default-B";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.list_flex > .list_col .info .txt {
  margin-bottom: 3px;
  color: #111;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
}
.list_flex > .list_col .info .date {
  margin-top: 8px;
  color: #888;
}
.list_flex > .list_col:hover .tit {
  text-decoration: underline;
}
.list_flex + .more_area {
  text-align: right;
}
.list_flex + .more_area .btn_more {
  position: relative;
  display: inline-block;
  padding: 12px 0px;
  font-size: 1.6rem;
  color: rgb(51, 51, 51);
  font-family: "default-B";
  padding-right: 24px;
  vertical-align: middle;
  line-height: 1;
}
.list_flex + .more_area .btn_more::after {
  content: "+";
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  vertical-align: middle;
  text-align: center;
}

ul.list_article {
  position: relative;
  display: block;
  padding: 16px 40px;
  border: 1px solid #ddd;
  border-radius: 30px 0 30px 30px;
}
ul.list_article li {
  position: relative;
  display: block;
  font-size: 0;
}
ul.list_article li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 24px 0;
  color: #000;
  border-bottom: 1px solid #ddd;
}
ul.list_article li a .tit,
ul.list_article li a .date {
  font-size: 1.8rem;
  line-height: 1;
}
ul.list_article li a .tit {
  width: calc(100% - 130px);
  float: left;
}
ul.list_article li a .date {
  min-width: 100px;
  float: right;
  padding-left: 20px;
}
ul.list_article li a:hover .tit, ul.list_article li a:focus .tit {
  text-decoration: underline;
}
ul.list_article li:first-child {
  margin-top: auto;
}
ul.list_article li:last-child {
  margin-top: auto;
}
ul.list_article li:last-child a {
  border-bottom: none;
}
.main_wrap ul.list_article {
  padding: 0;
  border: none;
  border-radius: unset;
}
.main_wrap ul.list_article li a {
  padding: 18px 0;
}

ul.list_facility {
  position: relative;
  display: block;
}
ul.list_facility li {
  position: relative;
  display: block;
  float: left;
  margin-right: 40px;
}
ul.list_facility li:last-child {
  margin-right: 0 !important;
}
ul.list_facility li a {
  position: relative;
  display: inline-block;
  width: 100%;
}
ul.list_facility li a .ico_fac {
  position: relative;
  display: block;
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background: #F5F9FC;
  border-radius: 50%;
  border: 2px solid #12599A;
  transition: all 0.4s;
}
ul.list_facility li a .ico_fac::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 40px;
  height: 40px;
}
ul.list_facility li a .ico_fac.type01::before {
  background: url("../img/main/ico_facility.png") no-repeat;
  background-position: -6px -7px;
  background-size: 144px;
}
ul.list_facility li a .ico_fac.type02::before {
  background: url("../img/main/ico_facility.png") no-repeat;
  background-position: -50px -7px;
  background-size: 144px;
}
ul.list_facility li a .ico_fac.type03::before {
  background: url("../img/main/ico_facility.png") no-repeat;
  background-position: -97px -7px;
  background-size: 144px;
}
ul.list_facility li a .tit_fac {
  float: right;
  color: #12599A;
  font-size: 1.4rem;
  font-family: "default-B";
  line-height: 70px;
}
ul.list_facility li a:focus .ico_fac, ul.list_facility li a:hover .ico_fac {
  background: #2371B8;
}
ul.list_facility li a:focus .ico_fac.type01::before, ul.list_facility li a:hover .ico_fac.type01::before {
  background-position: -6px -53px;
}
ul.list_facility li a:focus .ico_fac.type02::before, ul.list_facility li a:hover .ico_fac.type02::before {
  background-position: -50px -53px;
}
ul.list_facility li a:focus .ico_fac.type03::before, ul.list_facility li a:hover .ico_fac.type03::before {
  background-position: -97px -53px;
}

ul.list_info {
  position: relative;
  display: inline-block;
  width: 100%;
}
ul.list_info li {
  position: relative;
  display: inline-block;
  width: calc(33.3% - 24px + 8px);
  float: left;
  margin-left: 24px;
}
ul.list_info li:first-child, ul.list_info li:nth-child(4) {
  margin-left: 0;
}
ul.list_info li:nth-child(3) ~ li {
  margin-top: 20px;
}
ul.list_info li a {
  position: relative;
  display: block;
  padding: 24px 20px;
  color: #000;
  font-size: 1.6rem;
  border-radius: 30px 0 30px 30px;
  background: #F7FBFF;
  transition: all 0.4s;
  z-index: 0;
}
ul.list_info li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  display: inline-block;
  width: 104px;
  height: 104px;
  opacity: 0.7;
  transition: all 0.6s;
  z-index: -1;
}
ul.list_info li a.type01::before {
  background: url(../img/main/ico_info_01.png) no-repeat;
  background-size: contain;
}
ul.list_info li a.type02::before {
  background: url(../img/main/ico_info_02.png) no-repeat;
  background-size: contain;
}
ul.list_info li a.type03::before {
  background: url(../img/main/ico_info_03.png) no-repeat;
  background-size: contain;
}
ul.list_info li a.type04::before {
  background: url(../img/main/ico_info_04.png) no-repeat;
  background-size: contain;
}
ul.list_info li a.type05::before {
  background: url(../img/main/ico_info_05.png) no-repeat;
  background-size: contain;
}
ul.list_info li a.type06::before {
  background: url(../img/main/ico_info_06.png) no-repeat;
  background-size: contain;
}
ul.list_info li a .tit {
  margin-bottom: 44px;
  font-size: 20px;
  font-family: "default-B";
}
ul.list_info li a .link_more {
  position: relative;
  display: inline-block;
}
ul.list_info li a .link_more::before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: calc(100% + 8px);
  display: inline-block;
  width: 16px;
  height: 6px;
  background: url(../img/main/ico_linkmore_b.png) no-repeat;
  background-size: contain;
  transition: all 0.6s;
}
ul.list_info li a:hover, ul.list_info li a:focus {
  color: #fff;
  background: linear-gradient(to right, #2982C5, #004583);
}
ul.list_info li a:hover.type01::before, ul.list_info li a:focus.type01::before {
  background: url(../img/main/ico_info_01_h.png) no-repeat;
  background-size: contain;
}
ul.list_info li a:hover.type02::before, ul.list_info li a:focus.type02::before {
  background: url(../img/main/ico_info_02_h.png) no-repeat;
  background-size: contain;
}
ul.list_info li a:hover.type03::before, ul.list_info li a:focus.type03::before {
  background: url(../img/main/ico_info_03_h.png) no-repeat;
  background-size: contain;
}
ul.list_info li a:hover.type04::before, ul.list_info li a:focus.type04::before {
  background: url(../img/main/ico_info_04_h.png) no-repeat;
  background-size: contain;
}
ul.list_info li a:hover.type05::before, ul.list_info li a:focus.type05::before {
  background: url(../img/main/ico_info_05_h.png) no-repeat;
  background-size: contain;
}
ul.list_info li a:hover.type06::before, ul.list_info li a:focus.type06::before {
  background: url(../img/main/ico_info_06_h.png) no-repeat;
  background-size: contain;
}
ul.list_info li a:hover .link_more::before, ul.list_info li a:focus .link_more::before {
  background: url(../img/main/ico_linkmore_w.png) no-repeat;
  background-size: contain;
}

ul.list_statistics {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-left: 80px;
}
ul.list_statistics li {
  position: relative;
  display: block;
  width: 33.3%;
  float: left;
  margin: 0 -16px;
}
ul.list_statistics li a {
  position: relative;
  display: block;
  padding: 20px 0;
  text-align: center;
  background: rgba(39, 128, 195, 0.1);
  border-radius: 30px;
  transition: all 0.4s;
}
ul.list_statistics li a:hover, ul.list_statistics li a:focus {
  background: rgba(39, 128, 195, 0.4);
}
ul.list_statistics li a::before {
  content: "";
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 20px;
}
ul.list_statistics li a .tit {
  color: #000;
  font-size: 20px;
  font-family: "default-B";
}
ul.list_statistics li a.type01::before {
  background: url("../img/main/ico_statistics_01.png") no-repeat;
  background-size: contain;
}
ul.list_statistics li a.type02::before {
  background: url("../img/main/ico_statistics_02.png") no-repeat;
  background-size: contain;
}
ul.list_statistics li a.type03::before {
  background: url("../img/main/ico_statistics_03.png") no-repeat;
  background-size: contain;
}

ul.list_quickmenu {
  position: relative;
  display: inline-block;
  width: 100%;
}
ul.list_quickmenu li {
  position: relative;
  display: block;
  float: left;
  width: 21%;
  margin-right: 4%;
}
ul.list_quickmenu li:last-child {
  margin-right: 0;
}
ul.list_quickmenu li a {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  color: #000;
  font-size: 1.6rem;
  font-family: "default-B";
  line-height: 24px;
  white-space: nowrap;
}
ul.list_quickmenu li a:hover, ul.list_quickmenu li a:focus {
  text-decoration: underline;
}
ul.list_quickmenu li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
}
ul.list_quickmenu li:nth-child(1) a::before {
  background: url(../img/main/ico_quick_01.png) no-repeat;
  background-size: contain;
}
ul.list_quickmenu li:nth-child(2) a::before {
  background: url(../img/main/ico_quick_02.png) no-repeat;
  background-size: contain;
}
ul.list_quickmenu li:nth-child(3) a::before {
  background: url(../img/main/ico_quick_03.png) no-repeat;
  background-size: contain;
}
ul.list_quickmenu li:nth-child(4) a::before {
  background: url(../img/main/ico_quick_04.png) no-repeat;
  background-size: contain;
}

ul.group_link {
  position: relative;
  display: inline-block;
}
ul.group_link li {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  padding-right: 10px;
}
ul.group_link li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #ccc;
}
ul.group_link li:last-child::before {
  display: none;
}
ul.group_link li a {
  position: relative;
  color: #000;
  font-size: 1.6rem;
}
ul.group_link li a:hover, ul.group_link li a:focus {
  color: #12599A;
}

.sitemap_wrap ul.sitemap {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.sitemap_wrap ul.sitemap > li {
  border: 1px solid #d5dbed;
  min-width: 300px;
  width: calc(33.3333333333% - 12px);
}
.sitemap_wrap ul.sitemap > li > a {
  display: block;
  padding: 16px;
  color: #333;
  font-size: 2rem;
  text-align: center;
  font-family: "default-B";
  border-bottom: 1px solid #d5dbed;
  background-color: #7ba0f5;
  outline: 2px solid transparent;
  transition: all 0.4s;
}
.sitemap_wrap ul.sitemap > li > a:hover, .sitemap_wrap ul.sitemap > li > a:focus {
  background-color: #5e8cf2;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.sitemap_wrap ul.sitemap > li.active ~ li {
  color: #aaa;
}
.sitemap_wrap ul.sitemap > li > ul {
  padding: 18px 18px 36px;
}
.sitemap_wrap ul.sitemap > li > ul > li:not(:first-child) {
  margin-top: 15px;
}
.sitemap_wrap ul.sitemap > li > ul > li > a {
  position: relative;
  display: block;
  padding-left: 12px;
  line-height: 1.2;
}
.sitemap_wrap ul.sitemap > li > ul > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #333;
  margin-top: -2px;
  border-radius: 50%;
}
.sitemap_wrap ul.sitemap > li > ul > li > a:hover {
  text-decoration: underline;
}

.list-number {
  margin-top: 8px;
}
.list-number > li {
  position: relative;
  padding-left: 18px;
  text-align: left;
}
.list-number > li:not(:first-child) {
  margin-top: 8px;
}
.list-number > li.title {
  color: #12599A;
  font-size: 1.8rem;
  font-family: "default-B";
}
.list-number > li .title {
  color: #12599A;
  font-size: 1.8rem;
  font-family: "default-B";
}
.list-number > li .title::before {
  color: #12599A;
  font-size: 1.8rem;
  font-family: "default-B";
}
.list-number > li:nth-child(1)::before {
  content: "1.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(2)::before {
  content: "2.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(3)::before {
  content: "3.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(4)::before {
  content: "4.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(5)::before {
  content: "5.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(6)::before {
  content: "6.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(7)::before {
  content: "7.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(8)::before {
  content: "8.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(9)::before {
  content: "9.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(10)::before {
  content: "10.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(11)::before {
  content: "11.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(12)::before {
  content: "12.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(13)::before {
  content: "13.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(14)::before {
  content: "14.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(15)::before {
  content: "15.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(16)::before {
  content: "16.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(17)::before {
  content: "17.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(18)::before {
  content: "18.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(19)::before {
  content: "19.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(20)::before {
  content: "20.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(21)::before {
  content: "21.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(22)::before {
  content: "22.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(23)::before {
  content: "23.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(24)::before {
  content: "24.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(25)::before {
  content: "25.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(26)::before {
  content: "26.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(27)::before {
  content: "27.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(28)::before {
  content: "28.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(29)::before {
  content: "29.";
  position: absolute;
  left: 0;
}
.list-number > li:nth-child(30)::before {
  content: "30.";
  position: absolute;
  left: 0;
}
.list-number ul.basic {
  margin: 8px 0 0 0;
}
.list-number.c_gray {
  color: #666;
}

ul.family_link {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
ul.family_link > li {
  border: 1px solid #d5dbed;
  width: calc(20% - 14.4px);
}
ul.family_link > li > a {
  display: block;
}
ul.family_link > li > a .img_wrap {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
ul.family_link > li > a .img_wrap img {
  max-width: max-content;
  width: 100%;
  height: auto;
}

ul.img_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  padding: 0;
}
ul.img_flex > li {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: center;
}
ul.img_flex > li:not(:first-child) {
  margin-top: 0;
}
ul.img_flex > li .img_wrap img {
  width: 100%;
  height: auto;
}
ul.img_flex > li.flex_3 {
  flex: 3.2;
}
.info_box + ul.img_flex {
  margin-top: 12px;
}

table {
  position: relative;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
table caption {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
table th,
table td {
  vertical-align: middle;
}
table + .area-btn, table + .paging {
  margin-top: 12px;
}

.tbl-list:not(:first-child) {
  margin-top: 16px;
}
.tbl-list .tit_box {
  margin-bottom: 12px;
}
.tbl-list .tit_box h3 {
  position: relative;
  padding-left: 10px;
  color: #000;
  font-size: 2.2rem;
  font-family: "default-B";
  display: inline-block;
  margin-right: 12px;
}
.tbl-list .tit_box h3::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 16px;
  top: 50%;
  left: 0;
  width: 4px;
  margin-top: -8px;
  background-color: #006DFF;
}
.tbl-list .tit_box h3 + span {
  font-size: 1.4rem;
}
.tbl-list table {
  border-bottom: 1px solid #D3D0D3;
  border-top: 2px solid #0A2E80;
}
.normal .tbl-list table {
  border-top: 2px solid #666;
}
.tbl-list tr > * {
  /* &:not(:first-child){
    border-left: 1px solid $tbl-border;
  } */
}
.tbl-list tr > *:not(:last-child) {
  border-right: 1px solid #D3D0D3;
}
.tbl-list tr:not(:last-child) > * {
  border-bottom: 1px solid #D3D0D3;
}
.tbl-list td {
  padding: 6px;
  background: #fff;
  text-align: center;
  line-height: 1.2;
  height: 42px;
  word-break: break-word;
}
.tbl-list thead tr {
  /* &:first-child {

    th {
      &:first-child{
        border-left: none;
      }
    }
  } */
}
.tbl-list thead tr:not(:last-child) th {
  border-right: 1px solid #D3D0D3;
}
.tbl-list thead th {
  padding: 8px 0;
  background: #f5f5f5;
  color: #000;
  text-align: center;
  font-family: "default-B";
  border-bottom: 1px solid #D3D0D3;
}
.tbl-list thead th.th_bd {
  border-right: 1px solid #ccc;
}
.tbl-list tbody tr {
  /* td {
    &:not(:first-child){
      border-left: 1px solid $tbl-border;
    }
  } */
}
.tbl-list tbody tr.no-result td {
  padding: 18px;
}
.tbl-list tbody tr th {
  background: #f5f5f5;
  word-break: break-all;
}
.tbl-list tbody a:hover, .tbl-list tbody a:focus {
  color: #061d51;
  text-decoration: underline;
}
.tbl-list.toggle tr > *:not(:first-child) {
  border-left: none;
}
.tbl-list.toggle tr td {
  line-height: 1.4;
}
.tbl-list.toggle tr:hover td, .tbl-list.toggle tr.open td {
  background: #f5f5f5;
}
.tbl-list.toggle .tr_border_q {
  cursor: pointer;
}
.tbl-list.toggle .tr_border_q .list_open {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 4px;
}
.tbl-list.toggle .tr_border_q .list_open::before, .tbl-list.toggle .tr_border_q .list_open::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 2px;
  background: #ccc;
}
.tbl-list.toggle .tr_border_q .list_open::after {
  height: 20px;
  width: 2px;
}
.tbl-list.toggle .tr_border_q.open + .tr_border_a {
  display: table-row;
}
.tbl-list.toggle .tr_border_q.open .list_open {
  transform: rotate(45deg);
  transition: all 0.4s;
}
.tbl-list.toggle .tr_border_q.open .list_open::before, .tbl-list.toggle .tr_border_q.open .list_open::after {
  background: #333;
}
.tbl-list.toggle .tr_border_a {
  display: none;
}
.tbl-list.toggle .tr_border_a td {
  background: #f5f5f5;
}
.tbl-list.toggle .tr_border_a td:nth-child(1) {
  vertical-align: text-top;
  padding-top: 16px;
}
.tbl-list.toggle .tr_border_a td:nth-child(2) {
  padding: 10px 0px 30px 0px;
}
.tbl-list.toggle .tr_border_a td .keyword {
  padding: 4px 8px;
  color: #fff;
  font-size: 14px;
  background: #00369F;
  border-radius: 2px;
}
.tbl-list.flicking_wrapper .flicking {
  height: auto;
  overflow-x: scroll;
}
.tbl-list.flicking_wrapper .flicking table {
  min-width: 800px;
}
.tbl-list.type02 {
  width: 100%;
  color: #000;
  border-collapse: collapse;
}
.tbl-list.type02 table {
  border-top: 2px solid #2f5993;
  border-bottom: 1px solid #ccc;
}
.tbl-list.type02 caption {
  display: none;
}
.tbl-list.type02 tr {
  border-bottom: 1px solid #666;
}
.tbl-list.type02 tr th, .tbl-list.type02 tr td {
  padding: 10px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  border-right: 1px solid #ccc;
}
.tbl-list.type02 tr th:last-child, .tbl-list.type02 tr td:last-child {
  border-right: none;
}
.tbl-list.type02 tr th {
  font-family: "default-B";
  background: #f5f5f5;
}
.tbl-list.type02 tr th.th_bd {
  border-right: 1px solid #ccc;
}
.tbl-list.type02 tr td {
  color: #555;
  vertical-align: middle;
  border-left: none;
  border-top: 1px solid #e3e6f0;
}
.tbl-list.type02 tr td.td_bd {
  border-right: 1px solid #ccc;
}
.tbl-list.type02 tr:nth-child(even) td {
  background: #f5f5f5;
}
.tit-sub + .tbl-list {
  margin-top: 0;
}
.tbl-list.tbl-chk {
  container: cont-tbl-chk/inline-size;
}
.tbl-list.tbl-chk .col_check {
  width: calc(22rem + 12px);
}
@container cont-tbl-chk (max-width: 800px) {
  .tbl-list.tbl-chk .col_check {
    width: calc(17rem + 12px);
  }
}
@container cont-tbl-chk (max-width: 450px) {
  .tbl-list.tbl-chk .col_check {
    width: calc(15rem + 12px);
  }
}

.tbl-toggle_wrap .tbl-toggle_head {
  table-layout: fixed;
  width: 100%;
}
.tbl-toggle_wrap .tbl-toggle_head ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #666;
}
.tbl-toggle_wrap .tbl-toggle_head ul li {
  display: table-cell;
  padding: 8px 0;
  color: #000;
  text-align: center;
  font-family: "default-B";
  background: #f5f5f5;
  border-bottom: 1px solid #D3D0D3;
  border-right: 1px solid #D3D0D3;
  word-break: break-all;
}
.tbl-toggle_wrap .tbl-toggle_head ul li:nth-child(1) {
  width: 60px;
}
.tbl-toggle_wrap .tbl-toggle_head ul li:last-child {
  border-right: none;
}
.tbl-toggle_wrap .tbl-toggle_head ul li.cate {
  width: 20%;
}
.tbl-toggle_wrap ul.tbl-toggle {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #D3D0D3;
}
.tbl-toggle_wrap ul.tbl-toggle li .item {
  display: table;
  width: 100%;
  table-layout: fixed;
  transition: ease-in-out 0.3s;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col {
  position: relative;
  display: table-cell;
  padding: 16px 6px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col:nth-child(1) {
  width: 60px;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col:nth-child(2) {
  text-align: left;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col:last-child {
  border-right: none;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col.cate {
  width: 20%;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont {
  position: relative;
  display: block;
  padding-right: 60px;
  line-height: 1.4;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .icon_que {
  left: 10px;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .icon_que::before {
  content: "";
  background: red;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .title {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 60px;
  line-height: 1.4;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  min-height: auto;
  border: 0;
  background-color: #0A2E80;
  outline: 2px solid transparent;
  transition: all 0.4s;
  font-size: 0;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:hover, .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:focus {
  background-color: #082464;
  color: #fff;
  outline: 2px solid rgba(10, 46, 128, 0.4);
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico::before {
  left: 0;
  top: 0;
  background-position: -60px -10px;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:hover {
  background-color: #0A2E80 !important;
}
.tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont.active .btn-ico::before {
  background-position: -10px -10px;
}
.tbl-toggle_wrap ul.tbl-toggle li .item:hover {
  background: #f0f0f0;
}
.tbl-toggle_wrap ul.tbl-toggle li .item:hover a .title {
  text-decoration: underline;
}
.tbl-toggle_wrap ul.tbl-toggle li .answer_box {
  position: relative;
  display: none;
  padding: 30px 30px 30px 60px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ccc;
}
.tbl-toggle_wrap ul.tbl-toggle li .answer_box .text_hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.tbl-toggle_wrap ul.tbl-toggle li .answer_box .viewbox {
  padding: 20px 20px 50px;
  background-color: #fff;
}
.tbl-toggle_wrap ul.tbl-toggle li .answer_box .viewbox .text_viewbox {
  line-height: 1.4;
}
.tbl-toggle_wrap ul.tbl-toggle li .answer_box .viewbox .text_viewbox .icon_que::before {
  background: blue;
}
.tbl-toggle_wrap ul.tbl-toggle li .icon_que {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 15px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  z-index: 0;
}
.tbl-toggle_wrap ul.tbl-toggle li .icon_que::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: -1;
}
.tbl-toggle_wrap ul.tbl-toggle li.data-none {
  height: 42px;
  padding: 6px;
  line-height: 30px;
  text-align: center;
  word-break: break-all;
  background: #fff;
}

.tbl-edit col.th,
.tbl-search col.th {
  width: 140px;
}
.tbl-edit [colspan="3"] .input_box.base_width,
.tbl-search [colspan="3"] .input_box.base_width {
  width: calc((100% - 140px - 12px) / 2);
}

.b_l_none {
  border-left: none !important;
}

.b_r_none {
  border-right: none !important;
}

.b_l_tbl {
  border-left: 1px solid #D3D0D3 !important;
}

.b_r_tbl {
  border-right: 1px solid #D3D0D3 !important;
}

.tbl-edit table {
  /* background: #fcfcfc; */
  font-size: 1.6rem;
  border-bottom: 1px solid #D3D0D3;
  border-top: 2px solid #0A2E80;
}
.normal .tbl-edit table {
  border-top: 2px solid #666;
}
.tbl-edit thead tr {
  /* &:first-child {

    th {
      &:first-child{
        border-left: none;
      }
    }
  } */
}
.tbl-edit thead tr > *:not(:last-child) {
  border-right: 1px solid #D3D0D3;
}
.tbl-edit thead th {
  padding: 8px 0;
  background: #f5f5f5;
  color: #000;
  text-align: center;
  font-family: "default-B";
  border-bottom: 1px solid #D3D0D3;
}
.tbl-edit thead th.th_bd {
  border-right: 1px solid #ccc;
}
.tbl-edit tbody tr > *:not(:last-child) {
  border-right: 1px solid #D3D0D3;
}
.tbl-edit tbody tr:not(:last-child) > * {
  border-bottom: 1px solid #D3D0D3;
}
.tbl-edit tbody th {
  padding: 8px 14px 8px;
  color: #000;
  text-align: left;
  background: #f5f5f5;
}
.tbl-edit tbody td {
  padding: 6px;
  color: #333;
  text-align: left;
  word-break: break-word;
}

.tbl-search colgroup col:nth-child(odd) {
  width: 15%;
}
.tbl-search + .tbl-list {
  margin-top: 10px;
}
.tbl-search + .tit-sub {
  margin-top: -20px;
}
.tbl-search table {
  /* background: #fcfcfc; */
  font-size: 1.6rem;
  border-bottom: 1px solid #D3D0D3;
  border-top: 2px solid #0A2E80;
}
.normal .tbl-search table {
  border-top: 2px solid #666;
}
.tbl-search tr > *:not(:last-child) {
  border-right: 1px solid #D3D0D3;
}
.tbl-search tr:not(:last-child) > * {
  border-bottom: 1px solid #D3D0D3;
}
.tbl-search thead th {
  padding: 8px 0;
  background: #f5f5f5;
  color: #000;
  text-align: center;
  font-family: "default-B";
}
.tbl-search tbody th {
  padding: 8px 14px 8px;
  color: #000;
  text-align: left;
  background: #f5f5f5;
}
.tbl-search tbody td {
  padding: 6px;
  color: #333;
  text-align: left;
  word-break: break-all;
}
.tbl-search .area-btn button {
  z-index: 1;
}

.tbl-main table {
  border-top: 2px solid #0A2E80;
  border-bottom: 2px solid #0A2E80;
}
.normal .tbl-main table {
  border-top: 2px solid #666;
}
.tbl-main td {
  padding: 12px 8px;
  border-bottom: 1px solid #A1BFC7;
  background: #fff;
  color: #111;
  text-align: center;
  line-height: 1.2;
}
.tbl-main thead th {
  padding: 8px 0;
  background: #d0ddfb;
  border-bottom: 2px solid #0A2E80;
  color: #0A2E80;
  text-align: center;
  font-family: "default-B";
}
.tbl-main tbody tr {
  /* &:hover {

    td {
      background: $co-bg-main-light;
    }
  } */
}
.tbl-main tbody tr:first-child td {
  border-top: none;
}
.tbl-main tbody a {
  display: block;
  color: #0A2E80;
}
.tbl-main tbody a:hover, .tbl-main tbody a:focus {
  color: #061d51;
  text-decoration: underline;
}
.tbl-main.link tr {
  cursor: pointer;
}

.area-search + .area-tbl {
  margin-top: 24px;
}
.area-tbl > *:not(:first-child) {
  margin-top: 12px;
}

.view_docu > div:not(:first-child) {
  margin-top: 60px;
}

.view_table table th,
.view_table table td {
  padding: 7px;
  border: 1px solid #ddd;
  vertical-align: middle;
  word-break: break-all;
  line-height: 2.2rem;
  height: 42px;
}
.view_table table th {
  background: #f4f5f8;
  color: #333;
  font-size: 1.6rem;
  font-family: "default-B";
  text-align: center;
  word-break: keep-all;
}
.view_table table td > select:not(:only-child),
.view_table table td > input:not(:only-child) {
  width: calc(50% - 4px);
  max-width: initial;
}
.view_table table thead th {
  text-align: center;
}
.view_table table thead + tbody tr:first-child th,
.view_table table thead + tbody tr:first-child td {
  border-top: none;
}
.view_table table thead + tbody td {
  text-align: center;
}
.view_table table tbody td {
  color: #333;
  text-align: left;
}
.area-calamity-detail .view_table table {
  padding: 12px;
}
.tabmenu:not(.sub-conts) .view_table table {
  padding: 0 !important;
}
.tabmenu:not(.sub-conts) .view_table table th,
.tabmenu:not(.sub-conts) .view_table table td {
  border-bottom: none;
}
.tabmenu:not(.sub-conts) .view_table table th:first-child,
.tabmenu:not(.sub-conts) .view_table table td:first-child {
  border-left: none;
}
.tabmenu:not(.sub-conts) .view_table table thead th {
  border-top: none;
}
.write_con .view_table table {
  background: #fff;
  /* tr {
    &:hover {
      td {
        background-color: $co-bg-white;
      }
    }
  } */
}
.write_con .view_table table th,
.write_con .view_table table td {
  height: 26px;
}
.write_con .view_table table th {
  background-color: #f4f5f8;
}
.write_con .view_table table td {
  text-align: left;
}
.view_table .cont {
  min-height: 200px;
}
.view_table .area-btn {
  margin-top: 15px;
}

.tbl-card table tr th.m_show {
  display: none;
}

.area-box:not(:first-child) {
  margin-top: 40px;
}
input[type=hidden] + .area-box, form + .area-box {
  margin-top: 0px !important;
}

fieldset {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
}
fieldset legend {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}

.apply_intro {
  gap: 2%;
  flex-wrap: wrap;
}
.apply_intro > div {
  position: relative;
  border: 1px solid #D3D0D3;
  border-radius: 4px;
  padding-bottom: 66px;
}
.apply_intro .tit {
  padding: 12px;
  background-color: #FFB300;
  font-family: "default-B";
  border-bottom: 1px solid #D3D0D3;
  text-align: center;
}
.apply_intro .cont {
  padding: 12px;
  margin-bottom: 18px;
}
.apply_intro .btn-comm {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  font-size: 1.4rem;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.area-check {
  display: flex;
  gap: 0.5rem;
  font-size: 0;
}
.area-check .label-check {
  position: relative;
  display: inline-block;
}
.area-check .label-check label {
  margin: 0;
}
.area-check .label-check input[type=checkbox] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check input[type=checkbox]:checked + span {
  color: #fff;
  background: #0A2E80;
}
.area-check .label-check input[type=checkbox] + span {
  padding: 8px 18px;
}
.area-check .label-check input[type=checkbox] + span::after, .area-check .label-check input[type=checkbox] + span::before {
  display: none;
}
.area-check .label-check input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check input[type=radio]:checked + span {
  color: #000;
  background: #FFB300;
  border: 1px solid #FFB300;
}
.area-check .label-check input[type=radio] + span {
  border-radius: 100px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  width: 4rem;
  height: 4rem;
  font-size: 1.4rem;
}
.area-check .label-check input[type=radio] + span::after, .area-check .label-check input[type=radio] + span::before {
  display: none;
}
@container cont-tbl-chk (max-width: 800px) {
  .area-check .label-check input[type=radio] + span {
    width: 3rem;
    height: 3rem;
    font-size: 1.2rem;
  }
}
@container cont-tbl-chk (max-width: 450px) {
  .area-check .label-check input[type=radio] + span {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.area-check .label-check:first-child input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check:first-child input[type=radio]:checked + span {
  color: #fff;
  background: #0DB919;
  border: 1px solid #0DB919;
}
.area-check .label-check:nth-child(2) input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check:nth-child(2) input[type=radio]:checked + span {
  color: #fff;
  background: #FFCC00;
  border: 1px solid #FFCC00;
}
.area-check .label-check:nth-child(3) input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check:nth-child(3) input[type=radio]:checked + span {
  color: #fff;
  background: #DC0000;
  border: 1px solid #DC0000;
}
.area-check .label-check:nth-child(4) input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check:nth-child(4) input[type=radio]:checked + span {
  color: #fff;
  background: #0F3ED8;
  border: 1px solid #0F3ED8;
}
.area-check .label-check:last-child input[type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
}
.area-check .label-check:last-child input[type=radio]:checked + span {
  color: #fff;
  background: #A03C9D;
  border: 1px solid #A03C9D;
}

.introduce_wrap {
  text-align: center;
}
.introduce_wrap .tit_wrap {
  position: relative;
  display: block;
}
.introduce_wrap .tit_wrap h3 {
  position: relative;
  display: inline-block;
  width: 80%;
  max-width: 500px;
  padding: 12px;
  color: #fff;
  font-size: 2.2rem;
  font-family: "default";
  font-weight: 400;
  background: #041539;
  border-radius: 30px;
}
.introduce_wrap .list_wrap {
  position: relative;
  display: inline-block;
  width: 80%;
  max-width: 500px;
}
.introduce_wrap .list_wrap .title {
  padding: 10px 0;
  color: #fff;
  font-size: 2rem;
  background: #555;
}
.introduce_wrap .list_wrap ul {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #D3D0D3;
}
.introduce_wrap .list_wrap ul li {
  position: relative;
  width: 50%;
  float: left;
  padding-left: 12px;
  font-size: 1.6rem;
  text-align: left;
}
.introduce_wrap .list_wrap ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  display: block;
  width: 4px;
  height: 4px;
  background: #006DFF;
}
.introduce_wrap .flex_wrap {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
.introduce_wrap .flex_wrap .box {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  width: 120px;
  height: 120px;
  color: #fff;
  border-radius: 50%;
}
.introduce_wrap .flex_wrap .box:nth-child(odd) {
  background: #031D53;
}
.introduce_wrap .flex_wrap .box:nth-child(even) {
  background: #006DFF;
}
.introduce_wrap .flex_wrap .box + .box::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(50%);
  left: -30px;
  display: block;
  width: 30px;
  height: 1px;
  background: #ccc;
}
.introduce_wrap > * {
  margin-bottom: 120px;
  z-index: 1;
}
.introduce_wrap > *::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  max-width: 500px;
  height: 180px;
  background: url(/res/img/sub/bg_arrow.png) no-repeat 50%;
  background-size: contain;
  z-index: -1;
}
.introduce_wrap > *:last-child::before {
  display: none;
}

ul.box_wrap {
  display: flex;
  gap: 20px;
  margin-top: 8px !important;
}
ul.box_wrap > li {
  flex: 1;
  border: 1px solid #ccc;
}
ul.box_wrap > li .box_tit {
  padding: 10px 0;
  color: #333;
  text-align: center;
  background: #f5f5f5;
}
ul.box_wrap > li .box_tit.type1 {
  color: #fff;
  background: #0A2E80;
}
ul.box_wrap > li .box_tit.type2 {
  color: #fff;
  background: #D04915;
}
ul.box_wrap > li .content {
  min-height: auto !important;
  padding: 20px;
  margin-top: 8px !important;
  overflow: auto;
}
ul.box_wrap > li .content > .basic {
  margin: 0;
}

.Privacy_Policy .inner {
  max-width: 1400px;
  margin: 0 auto;
}
.Privacy_Policy .cont_item {
  margin-bottom: 30px;
}
.Privacy_Policy .tit_wrap {
  margin-bottom: 12px;
}
.Privacy_Policy .tit_wrap h1 {
  font-size: 2.6rem;
  font-family: "default-B";
}
.Privacy_Policy .tit_wrap h2 {
  position: relative;
  /* padding-left: 40px; */
  font-size: 2.2rem;
  font-family: "default-B";
}
.Privacy_Policy .tit_wrap + p {
  padding-left: 20px;
}
.Privacy_Policy ul.flex_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  padding: 0;
}
.Privacy_Policy ul.flex_wrap li {
  position: relative;
  display: flex;
  width: calc(33.3% - 13.3333333333px);
  flex-direction: column;
  padding: 12px 18px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  cursor: pointer;
}
.Privacy_Policy ul.flex_wrap li i {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.Privacy_Policy ul.flex_wrap li .box_tit {
  margin-top: 8px;
  color: #333;
  font-size: 1.6rem;
  word-break: keep-all;
}
.Privacy_Policy ul.flex_wrap li .box {
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 400px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 1;
  display: none;
}
.Privacy_Policy ul.flex_wrap li .box .box_top {
  padding: 8px;
  background: #004a8f;
  color: #ffffff;
}
.Privacy_Policy ul.flex_wrap li .box .box_bot {
  padding: 8px;
  letter-spacing: -1px;
  background: #ffffff;
}
.Privacy_Policy ul.flex_wrap li:nth-child(1) i {
  background: url(/res/img/sub/ico_label.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: 0px 2px;
}
.Privacy_Policy ul.flex_wrap li:nth-child(2) i {
  background: url(/res/img/sub/ico_label.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -79px 2px;
}
.Privacy_Policy ul.flex_wrap li:nth-child(3) i {
  background: url(/res/img/sub/ico_label.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -158px 2px;
}
.Privacy_Policy ul.flex_wrap li:nth-child(4) i {
  background: url(/res/img/sub/ico_label.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -237px 2px;
}
.Privacy_Policy ul.flex_wrap li:nth-child(5) i {
  background: url(/res/img/sub/ico_label.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -316px 2px;
}
.Privacy_Policy ul.flex_wrap li:nth-child(6) i {
  background: url(/res/img/sub/ico_label.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -395px 2px;
}
.Privacy_Policy ul.flex_wrap li:hover .box {
  display: inline-block;
}
.Privacy_Policy .list_index {
  padding: 24px;
  border: 1px solid #ddd;
}
.Privacy_Policy .list_index ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 0px;
}
.Privacy_Policy .list_index ul li {
  position: relative;
  display: block;
  width: 50%;
  padding: 0 12px;
}
.Privacy_Policy .list_index ul li a {
  position: relative;
  display: block;
  padding: 0 32px;
  color: #333;
  line-height: 1.6;
}
.Privacy_Policy .list_index ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 24px;
  height: 24px;
}
/* .Privacy_Policy .list_index ul li:nth-child(1) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: 0px 0;
}
.Privacy_Policy .list_index ul li:nth-child(2) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -24px 0;
}
.Privacy_Policy .list_index ul li:nth-child(3) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -48px 0;
}
.Privacy_Policy .list_index ul li:nth-child(4) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -72px 0;
}
.Privacy_Policy .list_index ul li:nth-child(5) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -96px 0;
}
.Privacy_Policy .list_index ul li:nth-child(6) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -120px 0;
}
.Privacy_Policy .list_index ul li:nth-child(7) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -144px 0;
}
.Privacy_Policy .list_index ul li:nth-child(8) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -168px 0;
}
.Privacy_Policy .list_index ul li:nth-child(9) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -192px 0;
}
.Privacy_Policy .list_index ul li:nth-child(10) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -216px 0;
}
.Privacy_Policy .list_index ul li:nth-child(11) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -240px 0;
}
.Privacy_Policy .list_index ul li:nth-child(12) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -264px 0;
}
.Privacy_Policy .list_index ul li:nth-child(13) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -288px 0;
}
.Privacy_Policy .list_index ul li:nth-child(14) a::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -312px 0;
} */
.Privacy_Policy .list_index.type02 ul li {
  padding: 0px 20px 0px 30px;
}
.Privacy_Policy .list_index.type02 ul li a {
  color: #333;
}
/* .Privacy_Policy .list_index.type02 ul li:nth-child(1) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: 0px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(2) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -24px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(3) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -48px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(4) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -72px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(5) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -96px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(6) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -120px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(7) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -144px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(8) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -168px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(9) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -192px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(10) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -216px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(11) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -240px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(12) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -264px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(13) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -288px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(14) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -312px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(15) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -336px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(16) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -360px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(17) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -384px 0;
}
.Privacy_Policy .list_index.type02 ul li:nth-child(18) a::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 24px;
  background-position: -408px 0;
} */
.Privacy_Policy .list_policy {
  margin-top: 30px;
}
.Privacy_Policy .list_policy > .cont_item .tit_wrap h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 34px;
  height: 34px;
}
.Privacy_Policy .list_policy > .cont_item .tit_wrap.sub_role h2 {
  padding-left: 14px;
}
.Privacy_Policy .list_policy > .cont_item .tit_wrap.sub_role h2::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 14px;
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 50%;
}
/* .Privacy_Policy .list_policy > .cont_item:nth-child(1) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: 0px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(2) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -34px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(3) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -68px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(4) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -102px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(5) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -136px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(6) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -170px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(7) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -204px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(8) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -238px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(9) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -272px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(10) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -306px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(11) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -340px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(12) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -374px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(13) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -408px 0px;
}
.Privacy_Policy .list_policy > .cont_item:nth-child(14) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list.png) no-repeat 50%;
  background-size: auto 100%;
  background-position: -442px 0px;
} */
.Privacy_Policy .list_policy.tit_img_none > .cont_item .tit_wrap h2 {
  padding-left: 0px;
}
.Privacy_Policy .list_policy.tit_img_none > .cont_item .tit_wrap h2::before {
  display: none;
}
.Privacy_Policy .list_policy .flicking_wrapper {
  margin: 10px 0;
}
.Privacy_Policy .list_policy .flicking_wrapper .flicking_tip {
  position: relative;
  padding-left: 20px;
  color: #333;
  font-family: "default-B";
  display: none;
}
.Privacy_Policy .list_policy .flicking_wrapper .flicking_tip::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/res/img/sub/ico_flicking.png) no-repeat 50%;
  background-size: contain;
}
.Privacy_Policy .list_policy .flicking_wrapper table {
  width: 100%;
  color: #000;
  border-top: 2px solid #2f5993;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
}
.Privacy_Policy .list_policy .flicking_wrapper table caption {
  display: none;
}
.Privacy_Policy .list_policy .flicking_wrapper table tr {
  border-bottom: 1px solid #666;
}
.Privacy_Policy .list_policy .flicking_wrapper table tr th, .Privacy_Policy .list_policy .flicking_wrapper table tr td {
  padding: 10px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
  border-right: 1px solid #ccc;
}
.Privacy_Policy .list_policy .flicking_wrapper table tr th:last-child, .Privacy_Policy .list_policy .flicking_wrapper table tr td:last-child {
  border-right: none;
}
.Privacy_Policy .list_policy .flicking_wrapper table tr th {
  font-family: "default-B";
  background: #f5f5f5;
}
.Privacy_Policy .list_policy .flicking_wrapper table tr td {
  color: #555;
  vertical-align: middle;
  border-top: 1px solid #e3e6f0;
}
.Privacy_Policy .list_policy .flicking_wrapper table tr td.td_bd {
  border-right: 1px solid #ccc;
}
.Privacy_Policy .list_policy p {
  margin-bottom: 4px;
}
.Privacy_Policy .list_policy ul,
.Privacy_Policy .list_policy ol {
  padding-left: 20px;
}
.Privacy_Policy .list_policy ul li,
.Privacy_Policy .list_policy ol li {
  margin-bottom: 4px;
  font-size: 1.6rem;
  color: #333;
  text-indent: -14px;
  word-break: break-all;
}
.Privacy_Policy .list_policy ul li p,
.Privacy_Policy .list_policy ol li p {
  margin-bottom: 4px;
  text-indent: 0px;
}
.Privacy_Policy .list_policy ul ol,
.Privacy_Policy .list_policy ul ul,
.Privacy_Policy .list_policy ol ol,
.Privacy_Policy .list_policy ol ul {
  margin-top: 8px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(1) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: 0px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(2) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -34px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(3) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -68px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(4) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -102px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(5) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -136px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(6) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -170px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(7) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -204px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(8) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -238px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(9) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -272px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(10) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -306px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(11) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -340px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(12) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -374px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(13) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -408px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(14) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -442px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(15) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -476px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(16) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -510px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(17) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -544px 0px;
}
.Privacy_Policy .list_policy.type02 > .cont_item:nth-child(18) .tit_wrap h2::before {
  background: url(/res/img/sub/ico_list2.png) no-repeat 50%;
  background-size: auto 34px;
  background-position: -578px 0px;
}

.step_wrap {
  margin-top: 20px;
  overflow: auto;
}
.step_wrap .img_wrap {
  max-width: 860px;
}
.step_wrap .img_wrap img {
  max-width: max-content;
  width: 100%;
  height: auto;
}
.step_wrap ol {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  top: -1px;
  left: -1px;
  height: 1px;
  width: 1px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0;
}
.step_wrap ol > li {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 70px;
  word-break: keep-all;
}
.step_wrap ol > li .situation {
  position: relative;
  text-align: center;
  z-index: 0;
}
.step_wrap ol > li .situation > ul {
  position: relative;
  display: flex;
  gap: 70px;
}
.step_wrap ol > li .situation > ul > li {
  position: relative;
  display: block;
  float: left;
  align-self: center;
}
.step_wrap ol > li .situation > ul > li .tit_step {
  align-self: center;
  min-width: 120px;
  padding: 6px 30px;
  color: #0A2E80;
  font-size: 1.6rem;
  font-family: "default-B";
  text-align: center;
  background: #d0ddfb;
  border-radius: 30px;
}
.step_wrap ol > li .situation > ul > li .tit_action,
.step_wrap ol > li .situation > ul > li .tit_question,
.step_wrap ol > li .situation > ul > li .tit_result {
  align-self: center;
  width: 280px;
  padding: 6px 30px;
  color: #333;
  line-height: 1.4;
  word-break: keep-all;
  border-radius: 10px;
  background: #f5f5f5;
}
.step_wrap ol > li .situation > ul > li .tit_question {
  background: #ccedff;
}
.step_wrap ol > li .situation > ul > li .rhombus_wrap {
  display: flex;
  align-items: center;
  width: 280px;
  height: 100px;
  text-align: center;
  z-index: 1;
}
.step_wrap ol > li .situation > ul > li .rhombus_wrap .rhombus {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.step_wrap ol > li .situation > ul > li .rhombus_wrap .rhombus::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-right: 140px solid #ccedff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}
.step_wrap ol > li .situation > ul > li .rhombus_wrap .rhombus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 140px;
  border-left: 140px solid #ccedff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: -1;
}
.step_wrap ol > li .situation > ul > li .rhombus_wrap .ta-center {
  padding: 0 40px;
  line-height: 1.4;
}
.step_wrap ol > li .situation > ul > li .diamond_wrap {
  display: flex;
  align-items: center;
  width: 280px;
  height: 100px;
  text-align: center;
  z-index: 1;
}
.step_wrap ol > li .situation > ul > li .diamond_wrap .diamond {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.step_wrap ol > li .situation > ul > li .diamond_wrap .diamond::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 200px;
  height: 100px;
  background: #ccb9ff;
  margin: 0 auto;
  transform: sKewX(-45deg);
}
.step_wrap ol > li .situation > ul > li .diamond_wrap .ta-center {
  padding: 0 40px;
  line-height: 1.4;
}
.step_wrap ol > li .situation > ul > li .diamond_wrap::before {
  display: none !important;
}
.step_wrap ol > li .situation > ul > li .result_wrap {
  display: flex;
  align-items: center;
  width: 280px;
  text-align: center;
  z-index: 1;
}
.step_wrap ol > li .situation > ul > li .result_wrap::after {
  display: none;
}
.step_wrap ol > li .situation > ul > li:nth-child(2).arr_down::after {
  background: url(/res/img/sub/img_arr_down.png) no-repeat;
}
.step_wrap ol > li .situation > ul > li:nth-child(2).arr_right_none::before {
  display: none;
}
.step_wrap ol > li .situation > ul > li:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -18px;
  display: block;
  width: 70px;
  height: 18px;
  background: url(/res/img/sub/img_arr_yes.png) no-repeat;
  z-index: -1;
}
.step_wrap ol > li .situation > ul > li:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  display: block;
  height: 40px;
  width: 19px;
  background: url(/res/img/sub/img_arr_no.png) no-repeat;
  z-index: -1;
}
.step_wrap ol > li .situation > ul > li.result::after {
  display: none;
}
.step_wrap ol > li .situation > ul > li .arr_down::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  display: block;
  height: 40px;
  width: 6px;
  background: url(/res/img/sub/img_arr_down.png) no-repeat;
  z-index: -1;
}
.step_wrap ol > li .situation > ul > li .arr_right::before {
  transform: translateY(-50%);
  margin-top: auto;
  height: 6px;
  background: url(/res/img/sub/img_arr_right.png) no-repeat;
}
.step_wrap ol > li + li {
  margin-top: 40px;
}
.step_wrap ol > li.h_100px {
  height: 100px;
}

.img_wrap.h_max_500 {
  max-height: 500px;
}
.img_wrap.h_max_500 img {
  height: 100% !important;
  width: auto !important;
  max-width: unset !important;
  max-height: inherit;
}
.img_wrap.f_j_space_around {
  display: flex;
  justify-content: space-around;
}

.page_404error {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
  text-align: center;
  background: #fff;
}
.page_404error .cont_top {
  margin-bottom: 20px;
}
.page_404error .cont_top .ico_error {
  margin-bottom: 6px;
}
.page_404error .cont_bot {
  margin-bottom: 20px;
}
.page_404error .tit {
  color: #000;
}
.page_404error .tit.type1 {
  font-size: 40px;
  font-family: "default-B";
}
.page_404error .tit.type2 {
  margin-bottom: 6px;
  font-size: 22px;
}
.page_404error .tit.type3 {
  font-size: 18px;
  line-height: 1.2;
}

#qrcode_banner {
  margin-bottom: 20px;
}
#qrcode_banner img {
  max-width: max-content;
  width: 100%;
  height: auto;
}

.intro08_01_flow ul li {
  position: relative;
}
.intro08_01_flow ul li:not(:last-child) {
  margin-bottom: 40px;
}
.intro08_01_flow ul li:not(:last-child)::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  width: 10px;
  height: 10px;
  border: solid #004583;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-left: -5px;
}
.intro08_01_flow ul li .contbox {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.intro08_01_flow ul li .contbox > * {
  display: block;
  text-align: center;
  padding: 7px;
}
.intro08_01_flow ul li .contbox > *:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.intro08_01_flow ul li .contbox > *:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.intro08_01_flow ul li .contbox .title {
  background-color: #004583;
  color: #fff;
}
.intro08_01_flow ul li .contbox .cont {
  background-color: #F6FAFB;
}

.MobileWrap.layout {
  position: relative;
  display: block;
  height: 100%;
  padding-bottom: 80px;
}
.MobileWrap.layout.main {
  background: #E3E3E3;
}
.MobileWrap.layout.main::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 360px;
  z-index: 0;
  background: url(../img/bg_header.png) no-repeat;
  background-size: cover;
}
.MobileWrap header.header {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  z-index: 10;
}
.MobileWrap header.header .header-inner {
  position: relative;
  display: block;
  padding: 10px 20px;
}
.MobileWrap header.header .header-inner > .logo {
  position: relative;
  display: block;
  width: 160px;
  height: 30px;
  background: url(../img/img_logo_white.png) no-repeat left;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
}
.MobileWrap .container {
  position: relative;
  display: block;
  padding: 0 20px 20px;
  min-height: calc(100vh - 50px - 80px);
}
.MobileWrap .container .inner {
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.MobileWrap .container .inner > section:not(:first-of-type) {
  margin-top: 20px;
}
.MobileWrap .container .inner .area-box {
  padding: 10px;
  background: #fff;
}
.MobileWrap .container .inner .area-box section + section {
  margin-top: 16px;
}
.MobileWrap .container.main .inner {
  padding: 10px 0 0 0;
  background: transparent;
  box-shadow: none;
}
.MobileWrap .container.main .title_wrap {
  font-family: "default-B";
  text-align: center;
}
.MobileWrap .container.main .title_wrap > * {
  color: #fff;
  line-height: 1.2;
}
.MobileWrap .container.main .title_wrap h2 {
  font-size: 4.4rem;
}
.MobileWrap .container.main .title_wrap .txt {
  margin-top: 8px;
  font-size: 2.2rem;
}
.MobileWrap .container.main .title_wrap .txt span {
  color: #C6E8FF;
  font-family: "default";
}
.MobileWrap .container.main .title_wrap .c_sub02 {
  color: #FFCC32;
}
.MobileWrap .container.main .info_wrap ul.info_link {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  text-align: center;
  border-radius: 10px;
  background: linear-gradient(-45deg, #1373EE, #95BFF5);
  list-style: none;
}
.MobileWrap .container.main .info_wrap ul.info_link li {
  width: calc(50% - 5px);
  height: calc(50% - 5px);
}
.MobileWrap .container.main .info_wrap ul.info_link li a {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  padding: 10px;
  color: #666;
  font-size: 1.6rem;
  text-align: left;
  border-radius: 10px;
  background: #fff url(../img/main/bg_info_box.png) no-repeat;
  background-size: cover;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  overflow-y: auto;
}
.MobileWrap .container.main .info_wrap ul.info_link li a > * {
  margin-bottom: 6px;
  line-height: 1.2;
}
.MobileWrap .container.main .info_wrap ul.info_link li a .title {
  position: relative;
  display: block;
  padding-left: 24px;
  color: #031D53;
  line-height: 1.2;
  font-family: "default-B";
}
.MobileWrap .container.main .info_wrap ul.info_link li a .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
}
.MobileWrap .container.main .info_wrap ul.info_link li:nth-child(1) a .title::before {
  background: url("../img/main/ico_info.png") no-repeat;
  background-size: auto 100%;
  background-position: 0px 0;
}
.MobileWrap .container.main .info_wrap ul.info_link li:nth-child(2) a .title::before {
  background: url("../img/main/ico_info.png") no-repeat;
  background-size: auto 100%;
  background-position: -20px 0;
}
.MobileWrap .container.main .info_wrap ul.info_link li:nth-child(3) a .title::before {
  background: url("../img/main/ico_info.png") no-repeat;
  background-size: auto 100%;
  background-position: -40px 0;
}
.MobileWrap .container.main .info_wrap ul.info_link li:nth-child(4) a .title::before {
  background: url("../img/main/ico_info.png") no-repeat;
  background-size: auto 100%;
  background-position: -60px 0;
}
.MobileWrap .container.main .info_wrap ul.info_link .btn_info {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 8px 0;
  margin: 0 auto;
  text-align: center;
  border-radius: 8px;
}
.MobileWrap .container.main .info_wrap ul.info_link .btn_info span {
  position: relative;
  color: #fff;
  font-size: 1.4rem;
}
.MobileWrap .container.main .info_wrap ul.info_link .btn_info span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/ico-btn2.png) no-repeat;
  background-position: -10px -86px;
  background-size: 300px;
}
.MobileWrap .container.main .info_wrap ul.info_link .btn_info.on {
  background: rgba(0, 0, 0, 0.16);
}
.MobileWrap .container.main .report_wrap {
  position: relative;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  max-width: 310px;
  margin: 0 auto;
  margin-top: 10px;
  padding: 32px 16px;
  border-radius: 10px;
  background: #fff url(../img/main/bg_report.png) no-repeat right;
  background-size: auto 100%;
}
.MobileWrap .container.main .report_wrap .tit_wrap {
  position: relative;
  display: inline-block;
  color: #1373EE;
  font-size: 2.2rem;
  text-align: center;
  font-family: "default-B";
  line-height: 1.2;
}
.MobileWrap .container.main .report_wrap .tit_wrap .c_dark {
  color: #0058A1;
  font-size: 3.6rem;
}
.MobileWrap .container.main .report_wrap .tit_wrap .txt {
  color: #A6B4C6;
  font-size: 1.4rem;
  font-family: "default";
}
.MobileWrap .container.main .report_wrap .btn_report {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 170px;
  padding: 7px 20px 7px 60px;
  margin-top: 2px;
  color: #fff;
  font-size: 2.2rem;
  text-align: center;
  border-radius: 25px;
  background: #0058A1;
}
.MobileWrap .container.main .report_wrap .btn_report span {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  text-align: center;
}
.MobileWrap .container.main .report_wrap .btn_report::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16%;
  width: 30px;
  height: 30px;
  display: block;
  background: url(../img/main/ico_report.png) no-repeat;
  background-size: contain;
}
.MobileWrap .container.sub {
  padding: 20px 20px 100px;
}
.MobileWrap footer.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  display: block;
  background: linear-gradient(to bottom, #031D53, #00316D);
  border-radius: 10px 10px 0 0;
}
.MobileWrap footer.footer .footer-inner {
  position: relative;
  display: block;
  height: 100%;
  padding: 6px 20px;
}
.MobileWrap footer.footer .footer-inner .ft_menu {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  height: 100%;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  padding: 10px 0;
  z-index: 0;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100% + 6px);
  background: #001B3B;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.16);
  border-radius: 10px 10px 0 0;
  z-index: -1;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a .ico_menu {
  position: relative;
  display: block;
  width: 32px;
  min-height: 32px;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a .ico_menu.type1 {
  background: url("../img/ico_ft.png") no-repeat center;
  background-size: auto 100%;
  background-position: 0px 0;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a .ico_menu.type2 {
  background: url("../img/ico_ft.png") no-repeat center;
  background-size: auto 100%;
  background-position: -32px 0;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a .ico_menu.type3 {
  background: url("../img/ico_ft.png") no-repeat center;
  background-size: auto 100%;
  background-position: -64px 0;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a .ico_menu.type4 {
  background: url("../img/ico_ft.png") no-repeat center;
  background-size: auto 100%;
  background-position: -96px 0;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a .tit {
  margin-top: 8px;
  color: #fff;
  font-size: 1.4rem;
}
.MobileWrap footer.footer .footer-inner .ft_menu > a.on::before {
  display: block;
}

@media screen and (max-width: 350px) {
  .MobileWrap .container.main .info_wrap ul.info_link {
    flex-direction: column;
  }
  .MobileWrap .container.main .info_wrap ul.info_link li {
    width: 100%;
    height: auto;
  }
  .MobileWrap .container.main .info_wrap ul.info_link li a {
    height: auto;
  }
}
@media screen and (min-width: 1600px) {
  .tree-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    margin-bottom: 50px;
    box-sizing: border-box;
  }
  .tree-wrap .item {
    float: left;
    width: calc(30% - 40px);
    margin-left: 40px;
    box-sizing: border-box;
  }
  .tree-wrap .item:first-child {
    margin-left: 0;
  }
  .tree-wrap .item.tree-viewlist {
    width: 40%;
  }
  .tree-wrap .item .tit-sub {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .tree-wrap .item .tit-sub h2 {
    margin: 15px 0 25px;
    color: #000;
    font-family: "default-B";
  }
  .tree-wrap .item .search_box {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }
  .tree-wrap .item .search_box > select, .tree-wrap .item .search_box > input {
    width: auto;
    min-width: 150px;
    max-width: 150px;
  }
  .tree-wrap .item .contwrapper {
    position: relative;
    height: 100%;
  }
  .tree-wrap .item .contwrapper .btn_box {
    position: absolute;
  }
  .tree-wrap .item .contwrapper .btn_box:first-of-type {
    position: relative;
    margin: 16px 0 10px 0;
    text-align: right;
  }
  .tree-wrap .item .contwrapper .btn_box:first-of-type > button {
    height: 24px;
    line-height: 22px;
    padding: 0;
    min-width: 45px;
    min-height: auto;
  }
  .tree-wrap .item .contwrapper .btn_box:last-of-type {
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 -13px;
  }
  .tree-wrap .item .contwrapper .btn_box:last-of-type > button {
    margin-top: 3px;
    padding: 0;
    min-width: 25px;
    border: 0;
    border-radius: 5px 0 0 5px;
    height: 80px;
    line-height: 1.5em;
    white-space: normal;
  }
  .tree-wrap .item .contwrapper .btn_box:last-of-type > button:first-child {
    margin-top: 0;
    color: #fff;
    background-color: #333;
  }
  .tree-wrap .item .contwrapper > div {
    margin-top: 10px;
  }
  .tree-wrap .item .contwrapper > div:first-child {
    margin-top: 0;
  }
  .tree-wrap .item .contwrapper + .tbl-list, .tree-wrap .item .contwrapper + .tbl-edit {
    margin-top: 20px;
  }
  .tree-wrap .item .tree-box {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    overflow: auto;
  }
  .tree-wrap .item.tree-list .tree-box {
    min-height: 300px;
  }
  .tree-wrap .item.tree-composition .tree-box {
    min-height: 500px;
  }
  .tree-wrap .area-btn {
    margin-top: 10px;
  }
  .tree-wrap .area-btn.paging {
    display: flex;
    justify-content: center;
  }
  .tree-wrap .area-btn.paging > #divPagingInfo {
    display: none;
  }
  .tree-wrap input[type=text], .tree-wrap select {
    height: 30px;
  }
  .tree-wrap .btn-comm {
    padding: 7px 18px;
  }
  .tree-wrap .tbl-list th, .tree-wrap .tbl-list td {
    padding: 8px 4px;
  }
  .tree-wrap .search_box label {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1599px) {
  .tree-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    margin-bottom: 50px;
    box-sizing: border-box;
  }
  .tree-wrap .item {
    float: left;
    width: calc(30% - 20px);
    margin-left: 20px;
    box-sizing: border-box;
  }
  .tree-wrap .item:first-child {
    margin-left: 0;
  }
  .tree-wrap .item.tree-viewlist {
    width: 40%;
  }
  .tree-wrap .item .tit-sub {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .tree-wrap .item .tit-sub h2 {
    margin: 15px 0 25px;
    color: #000;
    font-family: "default-B";
  }
  .tree-wrap .item .search_box {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }
  .tree-wrap .item .search_box > select, .tree-wrap .item .search_box > input {
    width: auto;
    min-width: 150px;
    max-width: 150px;
  }
  .tree-wrap .item .contwrapper {
    position: relative;
    height: 100%;
  }
  .tree-wrap .item .contwrapper .btn_box {
    position: absolute;
  }
  .tree-wrap .item .contwrapper .btn_box:first-of-type {
    position: relative;
    margin: 16px 0 10px 0;
    text-align: right;
  }
  .tree-wrap .item .contwrapper .btn_box:first-of-type > button {
    height: 24px;
    line-height: 22px;
    padding: 0;
    min-width: 45px;
    min-height: auto;
  }
  .tree-wrap .item .contwrapper .btn_box:last-of-type {
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 -13px;
  }
  .tree-wrap .item .contwrapper .btn_box:last-of-type > button {
    margin-top: 3px;
    padding: 0;
    min-width: 25px;
    border: 0;
    border-radius: 5px 0 0 5px;
    height: 80px;
    line-height: 1.5em;
    white-space: normal;
  }
  .tree-wrap .item .contwrapper .btn_box:last-of-type > button:first-child {
    margin-top: 0;
    color: #fff;
    background-color: #333;
  }
  .tree-wrap .item .contwrapper > div {
    margin-top: 10px;
  }
  .tree-wrap .item .contwrapper > div:first-child {
    margin-top: 0;
  }
  .tree-wrap .item .contwrapper + .tbl-list, .tree-wrap .item .contwrapper + .tbl-edit {
    margin-top: 20px;
  }
  .tree-wrap .item .tree-box {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    overflow: auto;
  }
  .tree-wrap .item.tree-list .tree-box {
    min-height: 300px;
  }
  .tree-wrap .item.tree-composition .tree-box {
    min-height: 500px;
  }
  .tree-wrap .area-btn {
    margin-top: 10px;
  }
  .tree-wrap .area-btn.paging {
    display: flex;
    justify-content: center;
  }
  .tree-wrap .area-btn.paging > #divPagingInfo {
    display: none;
  }
  .tree-wrap input[type=text], .tree-wrap select {
    height: 30px;
  }
  .tree-wrap .btn-comm {
    padding: 7px 18px;
  }
  .tree-wrap .tbl-list th, .tree-wrap .tbl-list td {
    padding: 8px 4px;
  }
  .tree-wrap .search_box label {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1621px) {
  #wrap .inner {
    margin: 0 1.2%;
  }
  #wrap:not(.admin) #header .gnb_bg {
    background: #fff !important;
  }
  #wrap:not(.admin) #header .gnb_bg .user_tit {
    display: none;
  }
  #wrap:not(.admin) #header .gnb_wrap .gnb > li .gnbB_wrap {
    left: 0;
    width: calc(100% - 0px);
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row ul.list_facility {
    padding-left: 40px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row ul.list_facility li {
    margin-right: 20px;
  }
  #wrap:not(.admin) #footer .ft_wrap .bottom_box .minister_info,
  #wrap:not(.admin) #footer .ft_wrap .bottom_box .law_info {
    float: none;
    text-align: left;
  }
  #wrap:not(.admin) #footer .ft_wrap .bottom_box .law_info {
    margin-top: 8px;
  }
  #wrap .main_wrap .deco {
    display: none;
  }
  #wrap .main_wrap > .col-2 .visual_wrap::before {
    display: none;
  }
  #wrap .main_wrap .main_content {
    padding: 40px 50px 40px 0;
  }
  #wrap .main_wrap .main_content .tit_wrap {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1460px) {
  #wrap:not(.admin) #container .section.type01 .row ul.list_facility li {
    width: calc(33.3% - 20px);
  }
  #wrap:not(.admin) #container .section.type01 .row ul.list_facility li a {
    text-align: center;
  }
  #wrap:not(.admin) #container .section.type01 .row ul.list_facility li a .ico_fac {
    float: none;
    margin: 0 auto;
  }
  #wrap:not(.admin) #container .section.type01 .row ul.list_facility li a .tit_fac {
    float: none;
    margin-top: 10px;
    line-height: normal;
  }
  #wrap:not(.admin) #container .section.type02 .row-2-1 {
    flex-direction: column;
  }
  #wrap:not(.admin) #container .section.type02 .row-2-1 > div.area-box:not(:first-of-type),
  #wrap:not(.admin) #container .section.type02 .row-2-1 > section.area-box:not(:first-of-type) {
    margin-bottom: 40px;
  }
  #wrap:not(.admin) #container .section.type02 .row-2-1 > div:first-of-type,
  #wrap:not(.admin) #container .section.type02 .row-2-1 > section:first-of-type {
    flex: 1.7;
  }
  #wrap:not(.admin) #container .section.type02 .row-2-1 > div:not(:first-of-type),
  #wrap:not(.admin) #container .section.type02 .row-2-1 > section:not(:first-of-type) {
    margin-left: 0px;
    margin-top: 30px;
  }
  #wrap:not(.admin) #container .section.type02 .statistics_wrap .list_wrap ul.list_statistics {
    margin-left: 30px;
  }
  #wrap:not(.admin) #container .section.type02 .statistics_wrap .list_wrap ul.list_statistics li {
    margin: 0 -6px;
  }
  #wrap:not(.admin) #container .section.type02 .quickmenu_wrap ul.list_quickmenu li {
    text-align: center;
  }
  #wrap:not(.admin) #container .section.type02 .event_wrap {
    width: 100%;
    max-width: max-content;
  }
}
@media screen and (max-width: 1401px) {
  #wrap #header .gnb_bg {
    background-position-x: -209px;
  }
  #wrap #header .bottom_box .logo a img {
    width: 226px;
  }
  #wrap:not(.admin) #container .search_wrap .title {
    font-size: 4.4rem;
  }
  #wrap:not(.admin) #container .search_wrap .search {
    padding: 24px;
  }
  #wrap:not(.admin) #container .section.type01 {
    padding: 30px;
  }
  #wrap:not(.admin) #container .section.type01 .row_wrap .notice {
    margin-right: 30px;
  }
  #wrap:not(.admin) #container .section.type01 .slide_wrap {
    max-width: max-content;
  }
  #wrap:not(.admin) #container .section.type01 .slide_wrap .swiper {
    width: 100%;
  }
  #wrap .area-box:not(:first-child) {
    margin-top: 30px;
  }
  #wrap .main_wrap .main_content .tit_wrap h2 {
    font-size: 5.6rem;
  }
  #wrap .main_wrap .main_content .tit_wrap .sub-title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1220px) {
  #wrap #header .gnb_wrap {
    width: calc(100% - 266px);
  }
}
@media screen and (max-width: 1200px) {
  #wrap #header .top_box {
    display: none;
  }
  #wrap #header > .bottom_box {
    line-height: 70px;
  }
  #wrap #header > .bottom_box .logo a img {
    height: 40px;
    width: auto;
  }
  #wrap #header > .bottom_box .gnb_wrap {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 50;
  }
  #wrap #header > .bottom_box .gnb_wrap nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    max-width: 400px;
  }
  #wrap #header > .bottom_box .btn_m_open {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    background: url(/res/img/mobile/icon_menu.png) no-repeat 50%;
    background-size: contain;
    transition: all 0.4s;
  }
  #wrap #header > .bottom_box .m_nav.active {
    display: block;
    opacity: 1;
  }
  #wrap .sub_wrapper #content .row-1-1, #wrap .sub_wrapper #content .row-3-1 {
    flex-direction: column;
  }
  #wrap .sub_wrapper #content .row-1-1 > div,
  #wrap .sub_wrapper #content .row-1-1 > section, #wrap .sub_wrapper #content .row-3-1 > div,
  #wrap .sub_wrapper #content .row-3-1 > section {
    width: 100%;
    flex: none;
  }
  #wrap .sub_wrapper #content .row-1-1 > div:not(:first-of-type),
  #wrap .sub_wrapper #content .row-1-1 > section:not(:first-of-type), #wrap .sub_wrapper #content .row-3-1 > div:not(:first-of-type),
  #wrap .sub_wrapper #content .row-3-1 > section:not(:first-of-type) {
    margin-left: 0px;
    margin-top: 40px !important;
  }
  #wrap .sub_wrapper #content .tree-wrap > .item {
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
  }
  #wrap .sub_wrapper #content .tree-wrap > .item:first-child {
    margin-top: 0;
  }
  #wrap .sub_wrapper #content .tb-scroll_wrap {
    min-height: auto;
  }
  #wrap .sub_wrapper #content .tbl-edit table .wrap-input.certified .input_wrap {
    width: 100%;
  }
  #wrap .sub_wrapper #content .tbl-edit table .wrap-input.certified .input_wrap input {
    width: 100%;
  }
  #wrap:not(.admin) #container .main_wrapper .inner {
    margin: 0 2%;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap {
    padding: 15% 0;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .title {
    font-size: 4rem;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .search {
    padding: 18px 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .search input {
    font-size: 2rem;
  }
  #wrap:not(.admin) #container .main_wrapper .section + .section {
    margin-top: 40px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .notice,
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide {
    float: none;
    width: 100%;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .notice {
    margin-right: 0px;
    margin-bottom: 30px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide .number_report {
    margin-top: 6px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide .number_report::before {
    left: -24px;
  }
  #wrap:not(.admin) #container .sub_wrapper .sitemap_wrap ul.sitemap > li {
    width: calc(50% - 9px);
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box ul.group_link li a {
    font-size: 1.4rem;
  }
  #wrap .main_wrap > .col-2 .visual_wrap {
    display: none;
  }
  #wrap .main_wrap .main_content {
    width: 100%;
    padding: 40px 20px;
  }
  #wrap .main_wrap .main_content .tit_wrap .sub-title br {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  #wrap #container .sub_wrapper #content {
    padding: 30px 30px 60px;
  }
  #wrap #container .sub_wrapper #content .tit-page .path {
    float: none;
    margin-top: 6px;
  }
  #wrap #container .sub_wrapper .list_tabbox .m_tab_btn_wrap {
    display: block;
  }
  #wrap #container .sub_wrapper .list_tabbox ul.tab-menu {
    display: none;
  }
  #wrap #container .sub_wrapper .list_tabbox .tab_wrap .tab_box .tab_btn {
    display: none;
  }
  #wrap #container .sub_wrapper .list_tabbox .tab_wrap .tab_box .content_wrap {
    width: 100%;
    padding: 20px 0;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap .tbl-toggle_head {
    margin-top: 0;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap li .box {
    top: 66%;
  }
  #wrap #container .sub_wrapper ul.family_link li {
    width: calc(33.3333333333% - 12px);
  }
  #wrap #container .sub_wrapper ul.img_flex li {
    flex: none;
    width: calc(33.3% - 16px);
  }
  #wrap #container .sub_wrapper .tbl-list.tbl-scrollX {
    overflow-x: auto;
  }
  #wrap #container .sub_wrapper .tbl-list.tbl-scrollX table {
    min-width: 1200px;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(1) .tab_btn {
    left: 0%;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(2) .tab_btn {
    left: 51%;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(3) .tab_btn {
    left: 102%;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(4) .tab_btn {
    left: 153%;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(5) .tab_btn {
    left: 204%;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(3) .tab_btn {
    top: 52px;
    left: 0;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box:nth-child(4) .tab_btn {
    top: 52px;
    left: auto;
    right: 0%;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box .tab_btn {
    width: calc(50% - 6px);
    display: block;
  }
  #wrap #container .login .list_tabbox .tab_wrap .tab_box .login_wrap {
    margin-top: 100px;
  }
  #wrap:not(.admin) #footer .ft_wrap {
    padding: 30px;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box {
    gap: 1rem;
    align-items: flex-start;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .logo {
    display: block;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box {
    float: none;
    margin-top: 8px;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box .family_link {
    float: none;
    display: flex;
    gap: 6px;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box .family_link .btn-move {
    flex: none;
  }
  #wrap:not(.admin) #footer .ft_wrap .bottom_box {
    gap: 1rem;
    align-items: flex-start;
  }
  #wrap:not(.admin) #footer .ft_wrap .bottom_box .footer_logo {
    position: static;
  }
  #wrap .main_wrap .main_content .tit_wrap h2 {
    font-size: 4.4rem;
  }
  #wrap .main_wrap .main_content .tit_wrap .sub-title br {
    display: none;
  }
  #wrap .main_wrap .main_content .schedule_wrap {
    flex-direction: column;
  }
  #wrap.admin #footer {
    padding: 16px 16px 60px;
    background-color: #f7f7f7;
  }
  #wrap.admin #footer .top_box {
    height: auto;
  }
  #wrap.admin #footer .top_box > * {
    display: block;
    float: none;
    margin-bottom: 4px;
  }
  #wrap.admin #footer .bottom_box {
    margin: 2rem 0% 0;
    padding-left: 0;
  }
  #wrap.admin #footer .bottom_box .footer_logo {
    position: relative;
  }
  #wrap.admin #footer .bottom_box .footer_logo img {
    width: 240px;
  }
  #wrap.admin #footer .bottom_box .footer_cont {
    margin-left: 0%;
    margin-top: 2%;
  }
}
@media screen and (max-width: 768px) {
  #wrap #container #content .flex_box,
  #wrap #container #content .box_wrap {
    flex-direction: column;
    gap: 20px;
  }
  #wrap #container #content .row-1-1, #wrap #container #content .row-1-2, #wrap #container #content .row-1-3, #wrap #container #content .row-3-1 {
    flex-direction: column;
  }
  #wrap #container #content .row-1-1 > div,
  #wrap #container #content .row-1-1 > section, #wrap #container #content .row-1-2 > div,
  #wrap #container #content .row-1-2 > section, #wrap #container #content .row-1-3 > div,
  #wrap #container #content .row-1-3 > section, #wrap #container #content .row-3-1 > div,
  #wrap #container #content .row-3-1 > section {
    flex: 1;
    margin-top: 40px;
    margin-left: 0px;
  }
  #wrap #container #content .row-1-1 > div:first-of-type,
  #wrap #container #content .row-1-1 > section:first-of-type, #wrap #container #content .row-1-2 > div:first-of-type,
  #wrap #container #content .row-1-2 > section:first-of-type, #wrap #container #content .row-1-3 > div:first-of-type,
  #wrap #container #content .row-1-3 > section:first-of-type, #wrap #container #content .row-3-1 > div:first-of-type,
  #wrap #container #content .row-3-1 > section:first-of-type {
    margin-top: 0px;
    flex: 1;
  }
  #wrap #container #content .row-1-1 > div:last-of-type,
  #wrap #container #content .row-1-1 > section:last-of-type, #wrap #container #content .row-1-2 > div:last-of-type,
  #wrap #container #content .row-1-2 > section:last-of-type, #wrap #container #content .row-1-3 > div:last-of-type,
  #wrap #container #content .row-1-3 > section:last-of-type, #wrap #container #content .row-3-1 > div:last-of-type,
  #wrap #container #content .row-3-1 > section:last-of-type {
    margin-left: 0px;
    flex: 1;
  }
  #wrap #container #content .tbl-list {
    height: auto;
    overflow-x: scroll;
    margin-top: 0;
  }
  .tit-sub #wrap #container #content .tbl-list {
    margin-top: 0;
  }
  #wrap #container #content .tbl-list.mw_auto table {
    min-width: auto !important;
  }
  #wrap #container #content .tbl-edit.tbl-card table,
  #wrap #container #content .tbl-list.tbl-card table,
  #wrap #container #content .tbl-search.tbl-card table {
    min-width: auto;
  }
  #wrap #container #content .tbl-edit.tbl-card table thead,
  #wrap #container #content .tbl-list.tbl-card table thead,
  #wrap #container #content .tbl-search.tbl-card table thead {
    display: none;
  }
  #wrap #container #content .tbl-edit.tbl-card table col,
  #wrap #container #content .tbl-list.tbl-card table col,
  #wrap #container #content .tbl-search.tbl-card table col {
    display: block;
    width: 100% !important;
  }
  #wrap #container #content .tbl-edit.tbl-card table tr > *:not(:first-child),
  #wrap #container #content .tbl-list.tbl-card table tr > *:not(:first-child),
  #wrap #container #content .tbl-search.tbl-card table tr > *:not(:first-child) {
    border-left: none;
  }
  #wrap #container #content .tbl-edit.tbl-card table th,
  #wrap #container #content .tbl-edit.tbl-card table td,
  #wrap #container #content .tbl-list.tbl-card table th,
  #wrap #container #content .tbl-list.tbl-card table td,
  #wrap #container #content .tbl-search.tbl-card table th,
  #wrap #container #content .tbl-search.tbl-card table td {
    display: block;
    width: 100%;
    min-height: 42px;
    height: auto;
    padding: 8px 14px 8px;
    text-align: left !important;
    border-bottom: 1px solid #D3D0D3;
    border-right: none;
  }
  #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-20p, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-30p, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-40p, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-50p, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-60p,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-20p,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-30p,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-40p,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-50p,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-60p,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-20p,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-30p,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-40p,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-50p,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-60p {
    width: 100% !important;
  }
  #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-20p .datapicker:only-child, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-30p .datapicker:only-child, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-40p .datapicker:only-child, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-50p .datapicker:only-child, #wrap #container #content .tbl-edit.tbl-card table .wrap-input.w-60p .datapicker:only-child,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-20p .datapicker:only-child,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-30p .datapicker:only-child,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-40p .datapicker:only-child,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-50p .datapicker:only-child,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.w-60p .datapicker:only-child,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-20p .datapicker:only-child,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-30p .datapicker:only-child,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-40p .datapicker:only-child,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-50p .datapicker:only-child,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.w-60p .datapicker:only-child {
    width: 100%;
  }
  #wrap #container #content .tbl-edit.tbl-card table .wrap-input.m_fd_col,
  #wrap #container #content .tbl-list.tbl-card table .wrap-input.m_fd_col,
  #wrap #container #content .tbl-search.tbl-card table .wrap-input.m_fd_col {
    flex-direction: column;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table colgroup,
  #wrap #container #content .tbl-edit.tbl-card-guide table thead,
  #wrap #container #content .tbl-list.tbl-card-guide table colgroup,
  #wrap #container #content .tbl-list.tbl-card-guide table thead,
  #wrap #container #content .tbl-search.tbl-card-guide table colgroup,
  #wrap #container #content .tbl-search.tbl-card-guide table thead {
    display: none;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr {
    display: block;
    padding: 0;
    border-bottom: 1px solid #999;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr th,
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr td,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr th,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr td,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr th,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr td {
    position: relative;
    display: block;
    height: auto;
    padding: 6px;
    border: 0;
    text-align: left !important;
    white-space: normal;
    border-bottom: 1px solid #dadada;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr th:last-child,
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr td:last-child,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr th:last-child,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr td:last-child,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr th:last-child,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr td:last-child {
    border-bottom: none !important;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr th[aria-label]::before,
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr td[aria-label]::before,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr th[aria-label]::before,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr td[aria-label]::before,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr th[aria-label]::before,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr td[aria-label]::before {
    content: attr(aria-label);
    position: relative;
    display: inline-block;
    width: 14rem;
    padding: 0 6px;
    color: #333;
    font-family: "default-B";
    text-align: left;
    box-sizing: border-box;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr.selected:not([onclick]),
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr.selected:not([onclick]),
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr.selected:not([onclick]) {
    background: #7ba0f5;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr.selected:not([onclick]) th,
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr.selected:not([onclick]) td[aria-label],
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr.selected:not([onclick]) th,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr.selected:not([onclick]) td[aria-label],
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr.selected:not([onclick]) th,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr.selected:not([onclick]) td[aria-label] {
    border-bottom: 1px solid #3d6388;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr.selected:not([onclick]) th::before,
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr.selected:not([onclick]) td[aria-label]::before,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr.selected:not([onclick]) th::before,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr.selected:not([onclick]) td[aria-label]::before,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr.selected:not([onclick]) th::before,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr.selected:not([onclick]) td[aria-label]::before {
    color: #fff;
  }
  #wrap #container #content .tbl-edit.tbl-card-guide table tbody tr.row_add .wrap-input,
  #wrap #container #content .tbl-list.tbl-card-guide table tbody tr.row_add .wrap-input,
  #wrap #container #content .tbl-search.tbl-card-guide table tbody tr.row_add .wrap-input {
    display: inline-block;
    width: calc(100% - 9rem);
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li {
    padding: 1rem;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li i {
    width: 40px;
    height: 40px;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li .box {
    top: 54%;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li:nth-child(1) i {
    background-position: 0px 2px;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li:nth-child(2) i {
    background-position: -39.5px 2px;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li:nth-child(3) i {
    background-position: -79px 2px;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li:nth-child(4) i {
    background-position: -118.5px 2px;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li:nth-child(5) i {
    background-position: -158px 2px;
  }
  #wrap #container .Privacy_Policy ul.flex_wrap li:nth-child(6) i {
    background-position: -197.5px 2px;
  }
  #wrap:not(.admin) #container .main_wrapper .inner {
    margin: 0 3%;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li {
    width: calc(50% - 24px + 8px);
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li a::before {
    width: 70px;
    height: 70px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:nth-child(2n+1) {
    margin-left: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:nth-child(2) ~ li {
    margin-top: 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:nth-child(4) {
    margin-left: 20px;
  }
  #wrap:not(.admin) #container .sub_wrapper .sitemap_wrap ul.sitemap > li {
    width: 100%;
    min-width: auto;
  }
  #wrap:not(.admin) #container .sub_wrapper ul.box_wrap > li .content {
    padding: 14px;
    margin-top: 0px !important;
  }
  #wrap:not(.admin) #footer .ft_wrap {
    padding: 20px;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box {
    display: block;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box ul.group_link {
    float: none;
    margin-top: 8px;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box ul.group_link li {
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 640px) {
  #wrap #container #content .tit_wrap .tit {
    font-size: 3rem;
  }
  #wrap #container #content .tit-page {
    padding-bottom: 20px;
  }
  #wrap #container #content .tit-page h2 {
    font-size: 3rem;
  }
  #wrap #container #content .tit-page .path {
    line-height: 2.6rem;
  }
  #wrap #container #content .tit-sub {
    position: relative;
    display: flex;
    flex-flow: wrap;
    /* width: 100%; */
    justify-content: space-between;
  }
  #wrap #container #content .tit-sub h3 {
    font-size: 2.2rem;
  }
  #wrap #container #content .tit-sub h3::before {
    height: 2.4rem;
  }
  #wrap #container .Privacy_Policy .list_index ul {
    flex-direction: column;
  }
  #wrap #container .Privacy_Policy .list_index ul li {
    width: 100%;
  }
  #wrap #container .Privacy_Policy .list_index ul li a {
    padding-right: 0px;
  }
  #wrap #container .Privacy_Policy .list_policy .flicking_wrapper .flicking_tip {
    display: block;
  }
  #wrap #container .Privacy_Policy .list_policy .flicking_wrapper .flicking {
    height: auto;
    overflow-x: scroll;
  }
  #wrap #container .Privacy_Policy .list_policy .flicking_wrapper table {
    min-width: 500px;
  }
  #wrap #container .sub_wrapper .step_wrap .img_wrap {
    min-width: 700px;
  }
  #wrap:not(.admin) #container .main_wrapper {
    padding-bottom: 40px;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .title {
    margin-bottom: 20px;
    font-size: 3.2rem;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .search {
    padding: 10px;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .search input {
    font-size: 1.6rem;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .search .btn-ico {
    width: 28px;
  }
  #wrap:not(.admin) #container .main_wrapper .search_wrap .search .btn-ico.ico-search::before {
    width: 28px;
    height: 28px;
    background-size: 500px;
    background-position: -142px -142px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_article {
    padding: 10px 24px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_article li a {
    padding: 16px 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide .row .txt_wrap {
    width: auto;
    margin-bottom: 12px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide .row .txt_wrap br {
    display: none;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_facility {
    width: 100%;
    padding-left: 0px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_facility li {
    width: calc(33.3% - 20px);
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_facility li a {
    text-align: center;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_facility li a .ico_fac {
    float: none;
    margin: 0 auto;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_facility li a .tit_fac {
    float: none;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li a .tit {
    margin-bottom: 24px;
    font-size: 18px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .tit_wrap {
    width: auto;
    margin-bottom: 12px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap {
    width: 100%;
    float: none;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics {
    margin-left: 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics li a .tit {
    font-size: 18px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .quickmenu_wrap {
    padding: 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .quickmenu_wrap ul.list_quickmenu li {
    width: 46%;
    margin-right: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .quickmenu_wrap ul.list_quickmenu li:nth-child(2) ~ li {
    margin-top: 16px;
  }
  #wrap:not(.admin) #container .main_wrapper h2.article-title,
  #wrap:not(.admin) #container .main_wrapper h3.article-title,
  #wrap:not(.admin) #container .main_wrapper h4.article-title {
    margin-bottom: 12px;
  }
  #wrap:not(.admin) #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box .login_wrap .input_wrap .wrap_input .tit_label {
    font-size: 1.8rem;
  }
  #wrap .main_wrap .main_content .tit_wrap {
    margin-bottom: 20px;
  }
  #wrap .main_wrap .main_content .tit_wrap h2 {
    font-size: 3.2rem;
  }
  #wrap .main_wrap .main_content .tit_wrap .sub-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 500px) {
  #wrap #header > .bottom_box .logo {
    padding-left: 10px;
  }
  #wrap #header > .bottom_box .logo a img {
    height: 30px;
  }
  #wrap #container .sub_wrapper #content {
    padding: 20px 20px 40px;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box:nth-child(1) .tab_btn {
    top: 0px;
    left: 0;
    right: 0;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box:nth-child(2) .tab_btn {
    top: 52px;
    left: 0;
    right: 0;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box:nth-child(3) .tab_btn {
    top: 104px;
    left: 0;
    right: 0;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box:nth-child(4) .tab_btn {
    top: 156px;
    left: 0;
    right: 0;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box:nth-child(5) .tab_btn {
    top: 208px;
    left: 0;
    right: 0;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box .tab_btn {
    width: 100%;
    display: block;
  }
  #wrap #container .sub_wrapper.login .list_tabbox .tab_wrap .tab_box .login_wrap {
    margin-top: 200px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .desc {
    font-size: 1rem;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .tit_wrap h1 {
    font-size: 2rem;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .tit_wrap h2 {
    font-size: 1.8rem;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap {
    gap: 10px;
    flex-direction: column;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap li {
    width: auto;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap li .box_tit {
    font-weight: 600;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap li .box {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    transform: unset;
    width: 100%;
    margin-top: 0.6rem;
    border: none;
    box-shadow: none;
    border-radius: unset;
    border-top: 1px solid #ddd;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap li .box .box_top {
    display: none;
  }
  #wrap #container .sub_wrapper .Privacy_Policy ul.flex_wrap li .box .box_bot {
    padding: 10px 8px;
    word-break: keep-all;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_index {
    padding: 1.6rem 2rem;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item .tit_wrap h2 {
    padding-left: 3rem;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item .tit_wrap h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 24px;
    height: 24px;
  }
  /* #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(1) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: 0px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(2) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -24px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(3) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -48px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(4) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -72px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(5) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -96px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(6) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -120px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(7) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -144px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(8) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -168px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(9) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -192px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(10) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -216px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(11) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -240px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(12) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -264px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(13) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -288px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy > .cont_item:nth-child(14) .tit_wrap h2::before {
    background: url(/res/img/sub/ico_list.png) no-repeat 50%;
    background-size: auto 100%;
    background-position: -312px 0px;
  } */
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy .flicking_wrapper {
    margin: 0.6rem 0;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy table tr th, #wrap #container .sub_wrapper .Privacy_Policy .list_policy table tr td {
    font-size: 14px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy ul,
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy ol {
    padding-left: 1.2rem;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy ul li,
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy ol li {
    margin-bottom: 6px;
    font-size: 14px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy p {
    font-size: 14px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(1) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: 0px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(2) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -24px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(3) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -48px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(4) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -72px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(5) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -96px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(6) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -120px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(7) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -144px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(8) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -168px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(9) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -192px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(10) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -216px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(11) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -240px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(12) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -264px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(13) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -288px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(14) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -312px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(15) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -336px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(16) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -360px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(17) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -384px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.type02 > .cont_item:nth-child(18) .tit_wrap h2::before {
    background: url(/res/img/ico_list2.png) no-repeat 50%;
    background-size: auto 24px;
    background-position: -408px 0px;
  }
  #wrap #container .sub_wrapper .Privacy_Policy .list_policy.tit_img_none > .cont_item .tit_wrap h2 {
    padding-left: 0px;
  }
  #wrap #container .sub_wrapper ul.family_link li {
    width: 100%;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap .tbl-toggle_head ul li {
    padding: 8px 0;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont {
    padding-right: 44px;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .title {
    padding-left: 30px;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico {
    right: 8px;
    width: 28px;
    height: 28px;
    background-color: transparent;
    outline: 2px solid transparent;
    transition: all 0.4s;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:hover, #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:focus {
    background-color: rgba(0, 0, 0, 0);
    outline: 2px solid rgba(10, 46, 128, 0.4);
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico::before {
    width: 28px;
    height: 28px;
    background-position: -61px -60px;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:hover, #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont .btn-ico:focus {
    outline: none !important;
    background-color: transparent !important;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .item .col .basic_cont.active .btn-ico::before {
    background-position: -11px -60px;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .answer_box {
    padding: 20px 20px 20px 60px;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .answer_box .viewbox {
    padding: 20px;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .answer_box .viewbox .icon_que {
    left: 25px;
    color: #0f1cd1;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .icon_que {
    left: 5px;
    width: auto;
    height: auto;
    color: #e81515;
    font-family: "default-B";
    line-height: normal;
  }
  #wrap #container .sub_wrapper .tbl-toggle_wrap ul.tbl-toggle li .icon_que::before {
    display: none;
  }
  #wrap.admin #footer .top_box .left_box ul li a {
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: 1.4rem;
  }
  #wrap.admin #footer .bottom_box .footer_logo img {
    width: 160px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide .number_report {
    float: none;
    display: block;
    padding-left: 26px;
    font-size: 1.6rem;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap .slide .number_report::before {
    left: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li {
    width: 100%;
    margin-left: 0;
    margin-top: 16px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:first-child {
    margin-top: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:nth-child(2n+1) {
    margin-left: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:nth-child(2) ~ li {
    margin-top: 16px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li:nth-child(4) {
    margin-left: 0;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .logo {
    height: 30px;
  }
  #wrap:not(.admin) #footer .ft_wrap .top_box .group_box .family_link select {
    width: 100%;
  }
  .popup_wrapper .popup .pop_inner {
    width: 90% !important;
    min-width: auto;
    max-width: none;
  }
  .popup_wrapper .popup .pop_inner .pop_cont .tbl-list table:not(:has(.area-check)) .btn-comm {
    min-width: auto;
  }
  .popup_wrapper .popup .pop_inner .pop_cont .tbl-list.mw_800px {
    overflow: auto;
  }
  .popup_wrapper .popup .pop_inner .pop_cont .tbl-list.mw_800px table {
    min-width: 800px;
  }
  .popup_wrapper.window .popup .pop_inner {
    width: 100% !important;
  }
}
@media screen and (max-width: 420px) {
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.phone {
    flex-flow: wrap;
    font-size: 0;
  }
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.phone a,
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.phone button {
    display: block;
    width: 100% !important;
    margin-left: 0;
  }
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.phone select {
    width: 30%;
    max-width: max-content;
  }
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.phone input {
    width: calc(30% - 6px);
  }
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.phone .hyphen {
    padding: 0;
    font-size: 1.6rem;
  }
  #wrap #container .sub_wrapper .tbl-edit table .wrap-input.certified .input_wrap input {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  #wrap #container #content .area-btn.paging a + a, #wrap #container #content .area-btn.paging a + button, #wrap #container #content .area-btn.paging a.prev, #wrap #container #content .area-btn.paging a.next,
  #wrap #container #content .area-btn.paging button + a,
  #wrap #container #content .area-btn.paging button + button,
  #wrap #container #content .area-btn.paging button.prev,
  #wrap #container #content .area-btn.paging button.next {
    margin-left: 0;
    margin-right: 0;
    margin: 0 2px;
  }
  #wrap #container .Privacy_Policy .desc {
    padding: 1.6rem;
  }
  #wrap #container .Privacy_Policy .list_index {
    padding: 1.2rem;
  }
  #wrap:not(.admin) #container .main_wrapper .inner {
    margin: 0 5%;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 {
    padding: 20px;
    border-radius: 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type01 .row_wrap ul.list_article {
    border-radius: 20px 0 20px 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li {
    width: 100%;
    margin-left: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 ul.list_info li + li {
    margin-top: 20px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics {
    margin-left: 0px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics li {
    width: 100%;
    margin: 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics li + li {
    margin-top: 16px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics li a {
    padding: 12px 0;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics li a i {
    margin-bottom: 10px;
  }
  #wrap:not(.admin) #container .main_wrapper .section.type02 .statistics_wrap .list_wrap ul.list_statistics li a .tit {
    font-size: 18px;
  }
  #wrap:not(.admin) #container .sub_wrapper.login .login_wrap {
    margin-top: 200px;
  }
  #wrap:not(.admin) #container .sub_wrapper.login .login_wrap .row ul.list_sign {
    display: block;
    float: none;
    margin-top: 12px;
  }
  #wrap:not(.admin) #footer .top_box {
    gap: 1rem;
  }
  #wrap:not(.admin) #footer .top_box .left_box,
  #wrap:not(.admin) #footer .top_box .right_box {
    float: none;
  }
  #wrap:not(.admin) #footer .top_box .left_box ul li a,
  #wrap:not(.admin) #footer .top_box .right_box ul li a {
    height: 2.6rem;
    line-height: 2.6rem;
  }
  #wrap:not(.admin) #footer .top_box .left_box select,
  #wrap:not(.admin) #footer .top_box .right_box select {
    min-width: auto;
  }
  #wrap.admin #footer .top_box .right_box select {
    min-width: 140px;
  }
  #wrap.admin #footer .bottom_box .footer_logo {
    display: block;
    width: 60%;
  }
  #wrap.admin #footer .bottom_box .footer_logo img {
    width: 100%;
  }
  #wrap .main_wrap .main_content .schedule_wrap ul.list-check li a {
    display: block;
    padding: 12px;
  }
  #wrap .main_wrap .main_content .schedule_wrap ul.list-check li .th,
  #wrap .main_wrap .main_content .schedule_wrap ul.list-check li .td {
    display: inline-block;
    font-size: 1.6rem;
  }
  #wrap .main_wrap .main_content .schedule_wrap ul.list_article li a .tit {
    width: calc(100% - 90px);
  }
  #wrap .main_wrap .main_content .schedule_wrap ul.list_article li a .date {
    min-width: auto;
    padding-left: 0;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 800px) {
  #wrap:not(.admin) #footer .ft_wrap .bottom_box {
    flex-direction: column;
    align-items: end;
  }
}
/* jquery datepicker */
input.datepicker + .ui-datepicker-trigger {
  padding: 0;
  border: none;
  background: none;
  font-size: 0;
  vertical-align: bottom;
}
input.datepicker + .ui-datepicker-trigger img {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: bottom;
}

.wrap-datepicker {
  display: inline-block;
}
.wrap-datepicker input.datepicker {
  width: 120px;
}
.wrap-datepicker .unit {
  display: inline-block;
  width: 20px;
  text-align: center;
}

.ui-datepicker {
  font-size: 1.6rem;
  z-index: 100 !important;
}
.ui-datepicker table {
  min-width: auto;
}
.ui-datepicker select {
  min-width: 0;
  min-height: 28px;
}
.ui-datepicker .ui-datepicker-title select {
  width: calc(45% - 10px);
  min-width: 0;
  padding: 0 2.4rem 0 8px;
}
.ui-datepicker .ui-datepicker-title select + select {
  margin-left: 8px;
}
.ui-datepicker.ui-widget-content {
  background: #fff;
}
.ui-datepicker.only .ui-datepicker-calendar {
  display: none !important;
}
.ui-datepicker.only.onlyyear .ui-datepicker-prev, .ui-datepicker.only.onlyyear .ui-datepicker-next, .ui-datepicker.only.onlyyear .ui-datepicker-month {
  display: none !important;
}
.ui-datepicker.only.onlymonth .ui-datepicker-prev, .ui-datepicker.only.onlymonth .ui-datepicker-next, .ui-datepicker.only.onlymonth .ui-datepicker-year {
  display: none !important;
}
.ui-datepicker .ui-widget-header {
  padding: 4px 0;
  border: none;
  background: #0A2E80;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev,
.ui-datepicker .ui-widget-header .ui-datepicker-next {
  cursor: pointer;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span,
.ui-datepicker .ui-widget-header .ui-datepicker-next span {
  position: relative;
  background: none;
  text-align: left;
  text-indent: -999px;
  overflow: hidden;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span::before,
.ui-datepicker .ui-widget-header .ui-datepicker-next span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover {
  border: 1px solid #0A2E80;
  background: none;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span::before {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  left: 5px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next span::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 5px;
}
.ui-datepicker .ui-widget-header select {
  position: relative;
  width: auto;
  background: url("../img/ico_detepicker_select.png") no-repeat top calc(50% + 1px) right;
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 0 18px 0 0;
  margin: 0;
  cursor: pointer;
  transition: 0.15s;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ui-datepicker .ui-widget-header select:hover {
  background-position-y: calc(50% + 3px);
}
.ui-datepicker .ui-widget-header select.ui-datepicker-year {
  margin-right: 5px;
}
.ui-datepicker .ui-widget-header select::-ms-expand {
  display: none;
}
.ui-datepicker .ui-widget-header select:not(:first-child) {
  margin-left: 10px;
  letter-spacing: 0.5px;
}
.ui-datepicker .ui-widget-header select option {
  color: #000;
  font-weight: normal;
}
.ui-datepicker .ui-state-default {
  border: 1px solid #fff;
  border-radius: 4px;
  background: none;
  color: #333;
  text-align: center;
  font-family: "default-B";
}
.ui-datepicker .ui-state-default.ui-state-highlight, .ui-datepicker .ui-state-default.ui-state-hover {
  border: 1px solid #0A2E80;
  background: #fff;
  color: #000;
}
.ui-datepicker .ui-state-default.ui-state-active {
  border: 1px solid #0A2E80;
  background: #0e3faf;
  color: #fff;
}
.ui-datepicker.datapicker-typemonth .ui-datepicker-calendar {
  display: none;
}
.box-disabled{
  border: 1px dashed !important;
}
/*# sourceMappingURL=style.css.map */