@charset "UTF-8";
.imgToCover {
  /* background-cover */
  position: relative;
  overflow: hidden;
}
.imgToCover > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}

.imgToContain {
  /* background-contain */
  position: relative;
  overflow: hidden;
}
.imgToContain > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

/*
font.scss
*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype");
}
/*
common.scss
*/
.memorial_comment {
  width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
  min-width: 1200px;
}

html,
body,
div,
span,
input,
select,
textarea,
button,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
section,
footer {
  border: 0;
  margin: 0;
  padding: 0;
}

address {
  font-style: normal;
}

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

div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
form,
fieldset,
input,
table,
tr,
th,
td,
button,
textarea,
select {
  margin: 0;
  padding: 0;
}

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

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
}

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

table,
th,
td {
  border-spacing: 0;
  font-weight: normal;
}

th,
td {
  border-collapse: collapse;
}

caption {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

fieldset,
blockquote,
iframe,
button {
  border: none;
}

i,
em,
u,
cite {
  font-style: normal;
}

strong,
em,
b {
  font-weight: normal;
}

img,
fieldset {
  border: 0;
  outline: none;
}

input,
button {
  outline: none;
}

option,
label,
textarea {
  margin: 0;
}

label {
  font-weight: normal;
  vertical-align: middle;
}

button {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  background: transparent;
}

section,
nav,
article,
aside,
header,
footer,
main {
  display: block;
}

select,
textarea,
button {
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
}

* {
  box-sizing: border-box;
}

.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background: none;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: #cecece;
}

button,
input[type='submit'],
input[type='button'],
input[type='reset'] {
  cursor: pointer;
  -webkit-appearance: none;
}

input[type='date']::-webkit-calendar-picker-indicator,
input[type='date']::-webkit-inner-spin-button {
  display: none;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

input {
  font-family: inherit;
  margin: 0;
  line-height: normal;
  -webkit-border-radius: 0;
  resize: none;
}

input[type='email'],
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='number'],
input[type='password'] {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type='file'] {
  width: 100%;
  padding: 0;
  line-height: normal;
}

input[type='checkbox'] {
  padding: 0;
}

input[type='radio'] {
  width: 14px;
  padding: 0;
  vertical-align: middle;
  margin-right: 5px;
}

input[type='image'] {
  border: none;
  background: 0;
}

input[type='text'],
input[type='file'],
input[type='number'],
input[type='password'] {
  text-overflow: '';
}

input[type='text'],
input[type='file'],
input[type='number'],
input[type='password'],
select {
  background-color: #fff;
  margin: 0;
  vertical-align: middle;
  border: solid 1px #e0e0e0;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  zoom: 1;
}

ul.skip li a {
  text-indent: -9999px;
  font-size: 0;
  height: 0;
  position: absolute;
  top: 0;
}
ul.skip li a:focus {
  text-indent: 0;
  font-size: 14px;
  width: 100%;
  min-width: 1250px;
  height: 30px;
  background-color: #0c3874;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  z-index: 999;
}

.mt_5 {
  margin-top: 5px;
}
.mt_10 {
  margin-top: 10px;
}
.mt_15 {
  margin-top: 15px;
}
.mt_20 {
  margin-top: 20px;
}
.mt_25 {
  margin-top: 25px;
}
.mt_30 {
  margin-top: 30px;
}
.mt_35 {
  margin-top: 35px;
}
.mt_40 {
  margin-top: 40px;
}
.mt_45 {
  margin-top: 45px;
}
.mt_50 {
  margin-top: 50px;
}
.mt_55 {
  margin-top: 55px;
}
.mt_60 {
  margin-top: 60px;
}
.mt_65 {
  margin-top: 65px;
}
.mt_70 {
  margin-top: 70px;
}
.mt_75 {
  margin-top: 75px;
}
.mb_5 {
  margin-bottom: 5px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_15 {
  margin-bottom: 15px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_25 {
  margin-bottom: 25px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mb_35 {
  margin-bottom: 35px;
}
.mb_40 {
  margin-bottom: 40px;
}
.mb_45 {
  margin-bottom: 45px;
}
.mb_50 {
  margin-bottom: 50px;
}
.mb_55 {
  margin-bottom: 55px;
}
.mb_60 {
  margin-bottom: 60px;
}
.mb_65 {
  margin-bottom: 65px;
}
.mb_70 {
  margin-bottom: 70px;
}
.mb_75 {
  margin-bottom: 75px;
}
.ml_5 {
  margin-left: 5px;
}
.ml_10 {
  margin-left: 10px;
}
.ml_15 {
  margin-left: 15px;
}
.ml_20 {
  margin-left: 20px;
}
.ml_25 {
  margin-left: 25px;
}
.ml_30 {
  margin-left: 30px;
}
.ml_35 {
  margin-left: 35px;
}
.ml_40 {
  margin-left: 40px;
}
.ml_45 {
  margin-left: 45px;
}
.ml_50 {
  margin-left: 50px;
}
.ml_55 {
  margin-left: 55px;
}
.ml_60 {
  margin-left: 60px;
}
.ml_65 {
  margin-left: 65px;
}
.ml_70 {
  margin-left: 70px;
}
.ml_75 {
  margin-left: 75px;
}
.mr_5 {
  margin-right: 5px;
}
.mr_10 {
  margin-right: 10px;
}
.mr_15 {
  margin-right: 15px;
}
.mr_20 {
  margin-right: 20px;
}
.mr_25 {
  margin-right: 25px;
}
.mr_30 {
  margin-right: 30px;
}
.mr_35 {
  margin-right: 35px;
}
.mr_40 {
  margin-right: 40px;
}
.mr_45 {
  margin-right: 45px;
}
.mr_50 {
  margin-right: 50px;
}
.mr_55 {
  margin-right: 55px;
}
.mr_60 {
  margin-right: 60px;
}
.mr_65 {
  margin-right: 65px;
}
.mr_70 {
  margin-right: 70px;
}
.mr_75 {
  margin-right: 75px;
}

.pt_5 {
  padding-top: 5px;
}
.pt_10 {
  padding-top: 10px;
}
.pt_15 {
  padding-top: 15px;
}
.pt_20 {
  padding-top: 20px;
}
.pt_25 {
  padding-top: 25px;
}
.pt_30 {
  padding-top: 30px;
}
.pt_35 {
  padding-top: 35px;
}
.pt_40 {
  padding-top: 40px;
}
.pt_45 {
  padding-top: 45px;
}
.pt_50 {
  padding-top: 50px;
}
.pt_55 {
  padding-top: 55px;
}
.pt_60 {
  padding-top: 60px;
}
.pt_65 {
  padding-top: 65px;
}
.pt_70 {
  padding-top: 70px;
}
.pt_75 {
  padding-top: 75px;
}
.pb_5 {
  padding-bottom: 5px;
}
.pb_10 {
  padding-bottom: 10px;
}
.pb_15 {
  padding-bottom: 15px;
}
.pb_20 {
  padding-bottom: 20px;
}
.pb_25 {
  padding-bottom: 25px;
}
.pb_30 {
  padding-bottom: 30px;
}
.pb_35 {
  padding-bottom: 35px;
}
.pb_40 {
  padding-bottom: 40px;
}
.pb_45 {
  padding-bottom: 45px;
}
.pb_50 {
  padding-bottom: 50px;
}
.pb_55 {
  padding-bottom: 55px;
}
.pb_60 {
  padding-bottom: 60px;
}
.pb_65 {
  padding-bottom: 65px;
}
.pb_70 {
  padding-bottom: 70px;
}
.pb_75 {
  padding-bottom: 75px;
}
.pl_5 {
  padding-left: 5px;
}
.pl_10 {
  padding-left: 10px;
}
.pl_15 {
  padding-left: 15px;
}
.pl_20 {
  padding-left: 20px;
}
.pl_25 {
  padding-left: 25px;
}
.pl_30 {
  padding-left: 30px;
}
.pl_35 {
  padding-left: 35px;
}
.pl_40 {
  padding-left: 40px;
}
.pl_45 {
  padding-left: 45px;
}
.pl_50 {
  padding-left: 50px;
}
.pl_55 {
  padding-left: 55px;
}
.pl_60 {
  padding-left: 60px;
}
.pl_65 {
  padding-left: 65px;
}
.pl_70 {
  padding-left: 70px;
}
.pl_75 {
  padding-left: 75px;
}
.pr_5 {
  padding-right: 5px;
}
.pr_10 {
  padding-right: 10px;
}
.pr_15 {
  padding-right: 15px;
}
.pr_20 {
  padding-right: 20px;
}
.pr_25 {
  padding-right: 25px;
}
.pr_30 {
  padding-right: 30px;
}
.pr_35 {
  padding-right: 35px;
}
.pr_40 {
  padding-right: 40px;
}
.pr_45 {
  padding-right: 45px;
}
.pr_50 {
  padding-right: 50px;
}
.pr_55 {
  padding-right: 55px;
}
.pr_60 {
  padding-right: 60px;
}
.pr_65 {
  padding-right: 65px;
}
.pr_70 {
  padding-right: 70px;
}
.pr_75 {
  padding-right: 75px;
}

._b0 {
  color: black;
}

._b1 {
  color: #111111;
}

._b2 {
  color: #222222;
}

._b3 {
  color: #333333;
}

._b4 {
  color: #444444;
}

._b5 {
  color: #555555;
}

._b6 {
  color: #666666;
}

._b7 {
  color: #777777;
}

._b8 {
  color: #888888;
}

._b9 {
  color: #999999;
}

.lighter {
  font-weight: lighter;
  font-weight: 100;
}

.light {
  font-weight: 300;
}

.bold {
  font-weight: 500;
}

.bolder {
  font-weight: 700;
}

.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
.text_line {
  text-decoration: underline !important;
}
.text_line_th {
  text-decoration: line-through !important;
}

.ver_middle {
  vertical-align: middle;
}
.ver_top {
  vertical-align: top;
}
.ver_bot {
  vertical-align: bottom;
}

.posi_a {
  position: absolute;
}
.posi_r {
  position: relative;
}
.posi_s {
  position: static;
}
.posi_f {
  position: fixed;
}

.dis_inline {
  display: inline;
}
.dis_block {
  display: block;
}
.dis_inblock {
  display: inline-block;
}
.dis_tbl {
  display: table;
  width: 100%;
  height: 100%;
}
.dis_cel {
  display: table-cell;
  vertical-align: middle;
}

.root_daum_roughmap {
  width: 100% !important;
}

i.xs {
  display: none;
}
i.sm {
  display: none;
}
i.lg {
  display: none;
}
@media screen and (max-width: 1024px) {
  i.lg {
    display: block;
  }
}
i.br {
  display: block;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rowscroll,
.colscroll {
  -webkit-overflow-scrolling: touch;
}
.rowscroll::-webkit-scrollbar-track,
.colscroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.rowscroll::-webkit-scrollbar,
.colscroll::-webkit-scrollbar {
  width: 5px;
  height: 7px;
  background-color: #fff;
}
.rowscroll::-webkit-scrollbar-thumb,
.colscroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #999;
}

.rowscroll {
  overflow-x: auto;
  overflow-y: hidden;
}

.colscroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.comboBx {
  text-align: left;
  position: relative;
}
.comboBx .btn {
  display: block;
  line-height: 34px;
  padding: 0 15px;
  padding-right: 30px;
  position: relative;
}
.comboBx .btn:after {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.comboBx .btn:after {
  position: absolute;
  width: 30px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: 300ms all;
}
.comboBx .btn.on:after {
  transform: translateY(-50%) rotateX(-180deg);
}
.comboBx .list {
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
  padding: 10px 15px;
  line-height: 1.3;
}
.comboBx .list a {
  display: block;
}
.comboBx .list a:hover {
  text-decoration: underline;
}
.comboBx .list li {
  margin-top: 0.5em;
}
.comboBx .list li:nth-child(1) {
  margin-top: 0;
}

.modal.start_pop {
  position: absolute;
  top: 110px;
  left: 10px;
  width: auto;
  height: auto;
  right: auto;
  bottom: auto;
  cursor: move;
}
.modal.start_pop .modal-body {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.modal.start_pop .modal-header {
  text-align: center;
}
.modal.start_pop .modal-header,
.modal.start_pop .modal-footer {
  padding: 15px;
}
.modal.start_pop .modal-footer .pop-close {
  float: right;
  display: inline-block;
  cursor: pointer;
}
.modal.start_pop .modal-footer .chk_area,
.modal.start_pop .modal-footer .check-area {
  float: left;
  display: inline-block;
}
.modal.start_pop .modal-footer .chk_area label,
.modal.start_pop .modal-footer .chk_area input,
.modal.start_pop .modal-footer .check-area label,
.modal.start_pop .modal-footer .check-area input {
  cursor: pointer;
}
.modal.start_pop .modal_standard {
  position: relative;
  display: block;
  width: auto;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .modal.start_pop {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
  .modal.start_pop .modal-content {
    width: 96% !important;
  }
  .modal.start_pop .modal_standard {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
  }
  .modal.start_pop .modal-body {
    max-height: 300px;
    max-height: calc(90vh - 100px);
    overflow-y: auto;
  }
  .modal.start_pop .modal-body img {
    width: auto !important;
  }
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal .close {
  z-index: 100;
  position: absolute;
  top: 10px;
  right: 10px;
  float: right;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.5;
}
.modal .close:hover, .modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.8;
}
.modal-open {
  padding-right: 0 !important;
}
.modal button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -15%);
  transform: translate(0, -15%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open {
  overflow-x: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-content {
  display: inline-block;
  max-width: 600px;
  min-width: 300px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
}
.modal-dialog {
  margin: 0 auto;
  width: 100%;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 1000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-title {
  margin: 0;
}
.modal-body {
  position: relative;
}

[class*='btn-type-0'] {
  line-height: 60px;
  display: inline-block;
  text-align: center;
  padding: 0 80px;
  box-sizing: border-box;
  transition: 0.3s;
  box-sizing: border-box;
}
[class*='btn-type-0'].small {
  font-size: 14px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
  transition: 0.3s;
}

.btn-type-01 {
  color: #fff;
  background-color: #009fde;
  border: 1px solid #009fde;
}
.btn-type-01._bg {
  background-color: #009fde;
  border-color: #009fde;
}

.btn-type-02 {
  color: #fff;
  background-color: #999;
  border: 1px solid #999;
}

.btn-type-03 {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}

.btn-type-04 {
  color: #cccccc;
  background-color: #fff;
  border: 1px solid #cccccc;
  color: #555;
}

.btn_flex_wrap {
  display: flex;
  justify-content: center;
}
.btn_flex_wrap li {
  padding: 0 4px;
}
@media screen and (max-width: 1024px) {
  .btn_flex_wrap li {
    padding: 0 2px;
  }
}

/* component/_grid.scss*/
.row,
[class*='row_'] {
  zoom: 1;
}
.row:before, .row:after,
[class*='row_']:before,
[class*='row_']:after {
  content: '';
  display: table;
}
.row:after,
[class*='row_']:after {
  clear: both;
}

.row [class*='col-'],
[class*='row_'] [class*='col-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  float: left;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row [class*='col-'] {
  padding-right: 15px;
  padding-left: 15px;
}

.row_0 {
  margin-right: 0px;
  margin-left: 0px;
}
.row_0 [class*='col-'] {
  padding-right: 0px;
  padding-left: 0px;
}

.row_5 {
  margin-right: -5px;
  margin-left: -5px;
}
.row_5 [class*='col-'] {
  padding-right: 5px;
  padding-left: 5px;
}

.row_10 {
  margin-right: -10px;
  margin-left: -10px;
}
.row_10 [class*='col-'] {
  padding-right: 10px;
  padding-left: 10px;
}

.col-lg-0 {
  display: none;
}

.col-lg-05 {
  width: 4.16667%;
}

.col-lg-1 {
  width: 8.33333%;
}

.col-lg-15 {
  width: 12.5%;
}

.col-lg-2 {
  width: 16.66667%;
}

.col-lg-25 {
  width: 20.83333%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-35 {
  width: 29.16667%;
}

.col-lg-4 {
  width: 33.33333%;
}

.col-lg-45 {
  width: 37.5%;
}

.col-lg-5 {
  width: 41.66667%;
}

.col-lg-55 {
  width: 45.83333%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-65 {
  width: 54.16667%;
}

.col-lg-7 {
  width: 58.33333%;
}

.col-lg-75 {
  width: 62.5%;
}

.col-lg-8 {
  width: 66.66667%;
}

.col-lg-85 {
  width: 70.83333%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-95 {
  width: 79.16667%;
}

.col-lg-10 {
  width: 83.33333%;
}

.col-lg-105 {
  width: 87.5%;
}

.col-lg-11 {
  width: 91.66667%;
}

.col-lg-115 {
  width: 95.83333%;
}

.col-lg-12 {
  width: 100%;
}

.tab2 li {
  width: 50%;
}
.tab3 li {
  width: 33.3333333333%;
}
.tab4 li {
  width: 25%;
}
.tab5 li {
  width: 20%;
}
.tab6 li {
  width: 16.6666666667%;
}
.tab7 li {
  width: 14.2857142857%;
}
.tab8 li {
  width: 12.5%;
}
.tab9 li {
  width: 11.1111111111%;
}
.tab10 li {
  width: 10%;
}
.tab11 li {
  width: 9.0909090909%;
}
.tab12 li {
  width: 8.3333333333%;
}

.tab-wrap,
.tabwrap {
  position: relative;
}
.tab-wrap .tab,
.tabwrap .tab {
  position: relative;
  overflow: hidden;
  padding: 0;
  list-style: none;
}
.tab-wrap .tab li,
.tabwrap .tab li {
  float: left;
}
.tab-wrap .tab a,
.tabwrap .tab a {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 100%;
}
.tab-wrap .tab a.active, .tab-wrap .tab a.on, .tab-wrap .tab a:hover,
.tabwrap .tab a.active,
.tabwrap .tab a.on,
.tabwrap .tab a:hover {
  z-index: 1;
}
.tab-wrap .tab-content,
.tabwrap .tab-content {
  display: none;
}

.tab.cup {
  margin: 0 auto;
  width: 100%;
  word-break: keep-all;
}
.tab.cup:before, .tab.cup:after {
  display: table;
  content: '';
}
.tab.cup:after {
  clear: both;
}
.tab.cup li {
  float: left;
  display: table;
  height: 60px;
}
.tab.cup li:first-child a {
  border-left: 0;
}
.tab.cup li a {
  background-color: #fafafa;
  border-right: 0;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  letter-spacing: -0.5px;
  color: #666;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #666;
}
.tab.cup li a:not(.on):hover {
  color: #009fde;
}
.tab.cup li a.on, .tab.cup li a.active {
  background-color: #fff;
  border: 1px solid #666;
  border-bottom: 0;
}
.tab.border {
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
}
.tab.border.no_border {
  border-bottom: 0;
}
.tab.border li {
  display: table;
}
.tab.border a {
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
  padding: 10px 0;
  color: #222;
  font-weight: 500;
  background-color: #fff;
  letter-spacing: -0.05em;
  position: relative;
  padding-bottom: 15px;
}
.tab.border a:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #009fde;
  opacity: 0;
}
.tab.border a.on {
  color: #009fde;
}
.tab.border a.on:before {
  opacity: 1;
}
.tab.bar li {
  font-size: 0;
  margin-bottom: 5px;
  width: auto !important;
  display: inline-block;
  float: none;
  padding: 0 10px;
  border-left: 1px solid #ddd;
}
.tab.bar li:first-child {
  border-left: 0;
  padding-left: 0;
}
.tab.bar a {
  border: 0;
  width: 100%;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #666;
  font-size: 16px;
  position: relative;
}
.tab.bar a:after {
  position: absolute;
  width: 0;
  height: 1px;
  content: '';
  display: inline-block;
  bottom: 0;
  left: 0;
  background-color: #009fde;
  transition: width 300ms;
}
.tab.bar a:hover {
  color: #009fde;
}
.tab.bar a.on {
  color: #009fde;
}
.tab.bar a.on:after {
  width: 100%;
}
.tab.box {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.tab.box:before, .tab.box:after {
  display: table;
  content: '';
}
.tab.box:after {
  clear: both;
}
.tab.box li {
  display: table;
  float: left;
  border: 1px solid #ddd;
  border-left: 0;
  height: 60px;
  table-layout: fixed;
}
.tab.box li:first-child {
  border-left: 1px solid #ddd;
}
.tab.box a {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  border: 0;
  width: 100%;
  line-height: 1.3;
  letter-spacing: -0.05em;
  color: #222;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.tab.box a.on, .tab.box a.active {
  color: #fff;
  background-color: #009fde;
}

/*
board.scss
*/
.board-box strong,
.board-box b {
  font-weight: bold;
}
.board-box u {
  text-decoration: underline;
}
.board-box i,
.board-box em {
  font-style: italic;
}
.board-box strike,
.board-box s {
  text-decoration: line-through;
}
.board-box ol,
.board-box ol li {
  list-style: decimal;
}
.board-box ul,
.board-box ul li {
  list-style: disc;
}
.board-box img {
  width: auto !important;
  height: auto !important;
}
.board-box h1 {
  font-size: 2em;
}
.board-box h2 {
  font-size: 1.5em;
}
.board-box h3 {
  font-size: 1.17em;
}
.board-box h4 {
  font-size: normal;
}
.board-box h5 {
  font-size: 0.83em;
}
.board-box h6 {
  font-size: 0.67em;
}

input[type='file'] {
  padding: 10px;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select {
  width: 100%;
}

.table-btn-01,
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select {
  height: 60px;
  border: solid 1px #e0e0e0;
  padding: 0 10px;
}

textarea {
  padding: 10px;
  border: solid 1px #e0e0e0;
}

select {
  text-overflow: ellipsis;
  width: 100%;
  background-image: url(../images/icon/select_down.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}
select::-ms-expand {
  display: none;
}
.lt-ie10 select {
  font-family: inherit;
  background: none;
  padding: 0;
}
.lt-ie10 select:before {
  display: block;
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  height: 1em;
  width: 1em;
  margin: 2px;
  background: red;
  z-index: 5;
}

.lt-ie9 select {
  font-family: inherit;
  background: none;
  padding: 6px;
}

textarea {
  border: solid 1px #e0e0e0;
  background-color: #fff;
  overflow: auto;
  line-height: 1.5;
  min-height: 150px;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  resize: none;
}
textarea.txtarea {
  width: 100%;
  padding: 8px;
  overflow-y: auto;
}

.file_box {
  position: relative;
  padding-right: 100px;
}
.file_box:hover .btn_type_file {
  background: #666;
}
.file_box .text_01 {
  position: absolute;
  top: 2px;
  left: 0;
}
.file_box p {
  text-align: left;
  word-break: break-all;
  border: 1px solid #ccc;
  line-height: 50px;
  height: 50px;
  padding: 0 10px;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_box .btn_type_file {
  display: block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #999;
  font-weight: 300;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.file_box .btn_type_file:hover {
  background: #666;
}
.file_box input {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 102px;
  height: 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  -webkit-appearance: none;
}
@media screen and (max-width: 1024px) {
  .file_box {
    padding-right: 60px;
  }
  .file_box p {
    line-height: 40px;
    height: 40px;
  }
  .file_box .btn_type_file {
    width: 60px;
    height: 40px;
    line-height: 40px;
  }
  .file_box input {
    width: 62px;
    height: 40px;
  }
}

input[type='checkbox'],
input[type='radio'] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type='checkbox'] {
  line-height: 24px;
}
input[type='checkbox'] + label {
  padding-left: 32px;
}
input[type='checkbox'] + label:before {
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  content: '';
  position: absolute;
  left: 0;
  text-align: center;
  background-position: center;
  background-size: cover;
  border: 1px solid #ddd;
  font-size: 22px;
  box-sizing: border-box;
}
input[type='checkbox'] + label:hover:before {
  border-color: #009fde;
}
input[type='checkbox']:checked + label:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e929';
  color: #fff;
  background-color: #009fde;
  border-color: #009fde;
}

input[type='radio'] {
  line-height: 20px;
}
input[type='radio'] + label {
  padding-right: 50px;
  padding-left: 28px;
}
input[type='radio'] + label:before {
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  content: '';
  border: 1px solid #ddd;
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  box-sizing: border-box;
}
input[type='radio']:hover + label:before {
  border-color: #222;
}
input[type='radio']:checked + label:before {
  border: 5px solid #009fde;
}

.chk_area--tab {
  text-align: center;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.chk_area--tab input[type='radio']:checked + label,
.chk_area--tab input[type='checkbox']:checked + label {
  color: #009fde;
  border-color: #009fde;
  z-index: 2;
}
.chk_area--tab input[type='radio'] + label,
.chk_area--tab input[type='checkbox'] + label {
  padding: 0;
  border: 0;
  position: relative;
  color: #222;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 0;
  border: 1px solid #e0e0e0;
}
.chk_area--tab input[type='radio'] + label:before, .chk_area--tab input[type='radio'] + label:after,
.chk_area--tab input[type='checkbox'] + label:before,
.chk_area--tab input[type='checkbox'] + label:after {
  content: none !important;
}
.chk_area--term {
  line-height: 1.2;
}
.chk_area--term input[type='radio']:checked + label:before {
  color: #fff;
  background-color: #009fde;
  border-color: #009fde;
}
.chk_area--term input[type='radio'] + label {
  font-size: 16px;
  color: #333;
  padding-left: 27px;
}
.chk_area--term input[type='radio'] + label:before {
  padding: 0;
  margin: 0;
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e929';
  color: #cccccc;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  position: absolute;
  left: 0;
  text-align: center;
  background-position: center;
  background-size: cover;
  border: 1px solid #ccc;
  font-size: 22px;
}

.input_date {
  background-image: url(../images/icon/input_date.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 40px;
}
.input_r_txt {
  padding-right: 1.2em;
  position: relative;
  width: 100%;
}
.input_r_txt input {
  width: 100%;
}
.input_r_txt .r_txt {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}
.input_find {
  padding-right: 205px;
  position: relative;
}
.input_find input {
  width: 100%;
  max-width: 100%;
}
.input_find .table-btn-01 {
  width: 200px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009fde;
  border-color: #009fde;
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.bar_span {
  position: relative;
  overflow: hidden;
}
.bar_span span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.bar_span span:first-child:before {
  content: none;
}
.bar_span span.no_pl {
  padding-left: 0;
}
.bar_span span:before {
  height: 10px;
  margin-top: -5px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  border-left: 1px solid #ddd;
}

.hyphen_list > li:before {
  content: '- ';
}

.dot_list > li:before {
  content: '· ';
}

.hyphen_list > li,
.dot_list > li {
  line-height: 1.3;
  margin-top: 0.5em;
  position: relative;
  padding-left: 0.7em;
  font-size: 15px;
}
.hyphen_list > li.none:before,
.dot_list > li.none:before {
  content: '';
}
.hyphen_list > li:before,
.dot_list > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.hyphen_list--manual > li,
.dot_list--manual > li {
  padding-left: 1.3em;
}
.hyphen_list--manual > li:before,
.dot_list--manual > li:before {
  content: attr(data-li);
}

.decimal_list,
.decimal_list > li {
  list-style: decimal;
}

.dl_list dt {
  float: left;
  color: #333;
  font-weight: 600;
  padding-right: 1em;
}
.dl_list dd {
  overflow: hidden;
  position: relative;
}

.tbl_scrollwrap_wrap {
  overflow-x: auto;
  position: relative;
}
.tbl_scrollwrap_txt {
  text-align: center;
  display: none;
  color: #888;
  font-weight: 300;
  margin-bottom: 5px;
  line-height: 1.3;
  font-size: 0.8em;
  padding-bottom: 0.3em;
}

.border-list-type {
  max-width: 1400px;
  margin: 0 auto;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
}
.border-list-type li {
  border-bottom: solid 1px #f0f0f0;
  height: 60px;
  line-height: 60px;
  position: relative;
  text-align: left;
}
.border-list-type li .wrap {
  padding: 0 30px;
  display: block;
}
.border-list-type li .wrap.disable .w-con {
  opacity: 0.3;
}
.border-list-type li .list-title {
  float: left;
  width: 120px;
  font-size: 18px;
  color: #777;
  font-weight: 300;
}
.border-list-type li .list-title i {
  margin-right: 0.5em;
  color: #8a8a8a;
}
.border-list-type li .w-con {
  font-size: 18px;
  color: #333;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paging-area {
  position: relative;
  margin-top: 30px;
  font-size: 0;
}
.paging-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.paging-area li {
  display: inline-block;
  margin-left: 2px;
  padding: 0;
}
.paging-area li:nth-child(1) {
  margin-left: 0;
}
.paging-area a {
  font-size: 14px;
  position: relative;
  display: block;
  width: 36.6666666667px;
  height: 36.6666666667px;
  line-height: 36.6666666667px;
  border-radius: 50%;
  background-size: 23.3333333333px;
  background-repeat: no-repeat;
  background-position: center;
  color: #999;
}
.paging-area a span {
  display: inline-block;
  text-indent: -9999px;
}
.paging-area a.active {
  background-color: #36393c;
  text-decoration: none;
  color: #fff;
}
.paging-area a.prev {
  background-image: url("../images/icon/paging-prev.png");
}
.paging-area a.next {
  background-image: url("../images/icon/paging-next.png");
}

.qna {
  border-top: 1px solid #f0f0f0;
  text-align: left;
  line-height: 1.4;
}
.qna.type_b .qna-header a {
  background: none !important;
}
.qna.type_b .qna-header a {
  position: relative;
}
.qna.type_b .qna-header a.select:before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.qna .qna-header,
.qna .qna-body {
  padding: 20px;
  padding-left: 50px;
  border-bottom: solid 1px #f0f0f0;
  position: relative;
}
.qna .qna-header:before,
.qna .qna-body:before {
  font-family: "Montserrat", sans-serif;
  position: absolute;
  top: 50%;
  font-size: 24px;
  line-height: 1;
  margin-top: -12px;
  left: 0;
  width: 50px;
  text-align: center;
  font-weight: 500;
}
.qna .qna-header {
  font-size: 18px;
  padding-right: 50px;
  line-height: 1.3;
}
.qna .qna-header,
.qna .qna-header a {
  color: #333;
}
.qna .qna-header:after {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.qna .qna-header:after {
  width: 50px;
  text-align: center;
  color: #b0b0b0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.qna .qna-header.select:after {
  transform: translateY(-50%) rotateX(-180deg);
}
.qna .qna-header:before {
  content: 'Q.';
}
.qna .qna-header a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  color: #222;
}
.qna .qna-body {
  display: none;
  color: #333;
  background-color: #f9f9f9;
}
.qna .qna-body:before {
  content: 'A.';
  color: #009fde;
}

.gallery__list {
  margin: 30px auto;
  word-break: keep-all;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.3;
  margin: -20px -10px 0;
}
.gallery__list--cyber_memorial .gallery__item {
  width: 18%;
}
.gallery__list--cyber_memorial .gallery__wrap .txt_bx, .gallery__list--webzine .gallery__wrap .txt_bx {
  text-align: center;
}
.gallery__list--cyber_memorial .gallery__wrap .img_bx, .gallery__list--webzine .gallery__wrap .img_bx {
  position: relative;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  height: 0;
  padding-bottom: 100%;
}
.gallery__list--cyber_memorial .gallery__wrap .img_bx > img, .gallery__list--webzine .gallery__wrap .img_bx > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.gallery__list--cyber_memorial .gallery__wrap .img_bx img, .gallery__list--webzine .gallery__wrap .img_bx img {
  width: 100%;
}
.gallery__item {
  width: 25%;
  padding: 30px 10px;
}
.gallery__wrap {
  display: block;
  height: 100%;
}
.gallery__wrap .txt_bx {
  margin-top: 10px;
  letter-spacing: -0.03em;
}
.gallery__wrap .txt_bx .tit {
  font-weight: 500;
  font-size: 20.8px;
  color: #333;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery__wrap .txt_bx .date {
  margin-top: 0.5em;
  color: #aaa;
  font-size: 14.4px;
  font-weight: 300;
}
.gallery__wrap .img_bx {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}
.gallery__wrap .img_bx > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}

.board__view {
  max-width: 1400px;
  margin: 0 auto;
}
.board__view__title {
  text-align: center;
  line-height: 1.3;
  word-break: keep-all;
  border-bottom: 1px solid #f0f0f0;
}
.board__view__title .tit {
  font-size: 24px;
  color: #222;
  font-weight: 500;
}
.board__view__title .date {
  margin: 15px 0;
  font-size: 16.8px;
}
.board__view__title .date * {
  vertical-align: middle;
}
.board__view__title .desc {
  margin: 15px 0;
  color: #aaa;
  font-size: 0;
}
.board__view__title .desc span {
  font-size: 14.4px;
  left: -10px;
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.board__view__title .desc span:first-child:before {
  content: none;
}
.board__view__title .desc span:before {
  height: 10px;
  margin-top: -5px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  border-left: 1px solid #ddd;
}
.board__view__title .file {
  font-size: 14.4px;
  margin: 15px 0;
}
.board__view__title .file__item {
  display: block;
  margin-top: 0.2em;
  color: #009fde;
}
.board__view__title .file__item:nth-child(1) {
  margin-top: 0;
}
.board__view__title .file__item:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.board__view .board-box {
  padding: 30px 0;
}
.board__view .btnwrap {
  padding: 50px 0;
  text-align: center;
  border-top: 1px solid #f0f0f0;
}

.thumnail__list {
  margin: 30px auto;
  word-break: keep-all;
  line-height: 1.3;
  margin: -20px 0;
}
.thumnail__list--video .img_bx:before {
  z-index: 2;
  content: '';
  background-image: url(../images/board/video_mask.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.thumnail__item {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}
.thumnail__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.thumnail__wrap .txt_bx {
  padding-left: 15px;
  letter-spacing: -0.03em;
  width: calc(100% - 30%);
}
.thumnail__wrap .txt_bx .tit {
  font-weight: 500;
  font-size: 16.8px;
  color: #333;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board__view .cate,
.thumnail__list .cate {
  font-size: 14.4px;
  display: inline-block;
  padding: 0.3em 0.4em;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.4em;
  border: 1px solid #009fde;
  color: #009fde;
}
.board__view .cate._end,
.thumnail__list .cate._end {
  color: #999999;
  border-color: #cccccc;
}
.thumnail__wrap .txt_bx .date {
  margin-top: 0.5em;
  color: #aaa;
  font-size: 14.4px;
  font-weight: 300;
}
.thumnail__wrap .img_bx {
  width: 360px;
  height: 210px;
  position: relative;
  overflow: hidden;
}
.thumnail__wrap .img_bx > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}

.table_board_for {
  margin-top: 30px;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #444;
  border-bottom: 1px solid #ddd;
  text-align: center;
  word-break: break-all;
}
.table_board_for thead th {
  color: #444;
  font-weight: bold;
}
.table_board_for a:hover {
  color: #009fde;
  text-decoration: underline !important;
}
.table_board_for th,
.table_board_for td {
  vertical-align: middle;
}
.table_board_for th {
  padding: 13px 2px;
  position: relative;
  color: #000;
  font-weight: 700;
}
.table_board_for th:first-child:before {
  display: none;
}
.table_board_for td {
  padding: 15px 5px;
  border-top: 1px solid #ddd;
  text-align: center;
}
.table_board_for td.text_left {
  text-align: left;
}
.table_board_for td .img_bx {
  overflow: hidden;
  width: 80px;
  margin: 0 auto;
  background: url(../images/board/no_img.jpg) no-repeat center center;
  background-size: cover;
}
.table_board_for td .img_bx .img_src {
  display: block;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 75%;
}
@media screen and (max-width: 1024px) {
  .table_board_for th,
  .table_board_for td {
    padding: 8px 5px;
  }
}

/*
inc.scss
*/
._mc {
  color: #009fde;
}

._mc2 {
  color: #394250;
}

.red {
  color: #d93e3d;
}

.tit02 {
  line-height: 1.3;
  font-size: 30px;
  color: #222;
  letter-spacing: -0.03em;
}

.tit03 {
  line-height: 1.3;
  font-size: 24px;
  letter-spacing: -0.03em;
}

.txt03 {
  font-size: 18px;
  line-height: 1.2;
  color: #333;
}

.txt04 {
  font-size: 15px;
}

.txt05 {
  font-size: 14px;
}

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  margin: 0 auto;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  width: 100%;
  color: #666;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  min-width: 1024px;
  overflow-x: hidden;
}

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

.wrapper {
  max-width: 1430px;
  min-width: 1024px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
}
.wrapper .mw_1200 {
  max-width: 1200px;
}

::selection {
  background: #d9d9d9;
  color: #1695c8;
  text-shadow: none;
}

#loading {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 9999;
  transition: 500ms all;
  animation-delay: 500ms;
  animation-duration: 1s;
  animation-fill-mode: both;
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
#loading img {
  width: 70px;
  opacity: 0.7;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}
.js #loading {
  opacity: 0;
  animation-name: delete_loading;
}

.no-js #loading {
  opacity: 1;
}

@-webkit-keyframes delete_loading {
  to {
    width: 0;
    height: 0;
  }
}
@keyframes delete_loading {
  to {
    width: 0;
    height: 0;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#header {
  z-index: 1000;
  position: relative;
  height: 100px;
}

.header {
  min-width: 1400px;
  height: 100px;
  margin: 0 auto;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  position: fixed;
  top: 0;
  text-align: center;
  height: 100px;
  background-color: #fff;
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
  transition: all 500ms cubic-bezier(0.04, 0.4, 0.35, 1.02);
}
.header .page_title {
  text-align: center;
  background-color: #fff;
  color: #222;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 100px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.header .logo {
  position: relative;
  display: inline-block;
}
.header .logo a {
  display: block;
  line-height: 100px;
}
.header .logo img {
  vertical-align: middle;
}

[class*='header__btn'] {
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
[class*='header__btn']:before {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../images/main/spr_gnb_pc.png);
  background-repeat: no-repeat;
  background-position-x: 0;
}

.header__btn--login:before {
  background-position-y: 0;
}
.header__btn--logout:before {
  background-position-y: 25%;
}
.header__btn--join:before {
  background-position-y: 50%;
}
.header__btn--mypage:before {
  background-position-y: 50%;
}
.header__btn--search.on:before {
  background-position-y: 100%;
}
.header__btn--search:before {
  background-position-y: 75%;
}
.header__btn--back {
  position: absolute;
  right: 50%;
  margin-right: -700px;
  top: 50%;
  margin-top: -15px;
}
.header__btn--back:before, .header__btn--close:before {
  background-position-y: 100%;
}

.header__wrapper {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  position: relative;
  padding-right: 140px;
  padding-left: 340px;
}
.header__wrapper .logo {
  position: absolute;
  left: 0;
  top: 0;
}
.header__wrapper .header__util {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100px;
}
.header__wrapper .header__util a {
  margin-left: 10px;
}
.header__wrapper .header__gnb {
  font-size: 18px;
}
.header__wrapper .header__gnb .depth {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100px;
}
.header__wrapper .header__gnb .depth a {
  color: #222;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.header__nav {
  display: none;
  top: 100px;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.header__nav .depth {
  display: flex;
  text-align: left;
  max-width: 1400px;
  margin: 0 auto;
  justify-content: space-between;
  border-left: 1px solid #ddd;
}
.header__nav .depth01 {
  line-height: 1.3;
  border-right: 1px solid #ddd;
  padding: 30px;
  text-align: left;
  white-space: nowrap;
}
.header__nav .depth01 > a {
  font-size: 22px;
  color: #222;
  display: block;
  letter-spacing: -0.05em;
}
.header__nav .depth01 > a:after {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.header__nav .depth01 > a:after {
  color: #b0b0b0;
  margin-left: 1em;
  vertical-align: middle;
}
.header__nav .nav_1 {
  display: none;
}
.header__nav .nav_3 {
  order: -1;
}
.header__nav .nav_3 .depth02_box {
  display: flex;
  flex-wrap: wrap;
}
.header__nav .nav_3 .depth02_box li {
  width: 33.33%;
}
.header__nav .nav__join_btn {
  text-align: center;
  display: block;
  color: #fff;
  line-height: 80px;
  font-size: 20px;
  background-color: #009fde;
  margin-top: 0.7em;
}
.header__nav .nav__join_btn img {
  vertical-align: middle;
  margin-right: 0.5em;
}
.header__nav .nav__join_btn:nth-child(2) {
  background-color: #394250;
}
.header__nav .nav__join_btn__bx {
  margin-top: 2em;
}
.header__nav .depth02_box {
  margin-top: 1em;
}
.header__nav .depth02_box li {
  margin-top: 0.5em;
}
/* 네이게이션 링크 하이라이트 임시 블록 */
/* .header__nav .depth02_box a.on {
  text-decoration: underline;
} */
/* .header__nav .depth02_box a:hover, .header__nav .depth02_box a.on {
  color: #009fde;
} */
/* 네이게이션 링크 하이라이트 제거 + 호버 유지 */
.header__nav  a:hover {
  color: #009fde;
}
.header__nav .depth03_box {
  display: none;
}

.header--search {
  display: none;
  border-bottom: 1px solid #f0f0f0;
  font-size: 0;
  line-height: 70px;
  background-color: #fff;
  position: fixed;
  top: 100px;
  width: 100%;
  left: 0;
  text-align: left;
  padding: 10px 0 40px;
}
.header--search__wrap {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
}
.header--search .header--search__input {
  width: 100%;
  line-height: 1;
  height: 70px;
  border-bottom: 2px solid #d3d3d3;
  font-size: 19.2px;
  letter-spacing: -0.05em;
  font-size: 30px;
  padding-right: 70px;
}
.header--search .header--search__input::-webkit-input-placeholder {
  color: #d0d0d0;
}
.header--search .header--search__input::-moz-placeholder {
  color: #d0d0d0;
}
.header--search .header--search__input:-ms-input-placeholder {
  color: #d0d0d0;
}
.header--search .header--search__input:-moz-placeholder {
  color: #d0d0d0;
}
.header--search .header--search__btn {
  height: 70px;
  width: 70px;
  right: 0;
  position: absolute;
  top: 0;
  text-indent: -999999em;
  background-image: url(../images/main/i_search.png);
  background-repeat: no-repeat;
  background-position: center;
}
.header--search input {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.nav_bg {
  top: 0;
  display: block;
  left: 0;
  right: 0;
  position: fixed;
  width: 100%;
  min-height: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms cubic-bezier(0.04, 0.4, 0.35, 1.02);
}
.nav_bg.on {
  visibility: visible;
  z-index: 9;
  opacity: 0.6;
}

.nav__greet {
  border-bottom: 1px solid #ddd;
}
.nav__greet b {
  color: #222;
  font-weight: 500;
}
.nav__greet, .nav__greet--welcome {
  line-height: 100px;
  height: 100px;
  text-align: left;
  font-size: 20.8px;
  padding: 0 15px;
  font-weight: 300;
}
.nav__util {
  text-align: left;
  padding: 0 33.3333333333px 15px;
  font-size: 0;
}
.nav__util li {
  position: relative;
  display: inline-block;
}
.nav__util li:nth-child(1):before {
  content: none;
}
.nav__util li:before {
  content: '';
  margin: 0 24px;
  height: 14.3333333333px;
  vertical-align: middle;
  width: 1px;
  background-color: #ddd;
  display: inline-block;
}
.nav__util a {
  color: #222;
  font-weight: 500;
  font-size: 19.2px;
}
.nav__state {
  word-break: keep-all;
  border-bottom: 1px solid #ddd;
  padding: 20px 15px;
  display: flex;
}
.nav__state--count {
  line-height: 1;
  color: #009fde;
  font-size: 32px;
}
.nav__state--count i {
  vertical-align: middle;
}
.nav__state--count .no {
  font-size: 48px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
.nav__state--prd .prd_name {
  font-size: 19.2px;
  color: #222;
  font-weight: 500;
}
.nav__state--prd .prd_desc {
  font-size: 14.4px;
  color: #999;
  font-weight: 300;
  margin-top: 0.2em;
}
.nav__state__item {
  line-height: 1.3;
  width: 50%;
  border-left: 1px solid #d0d0d0;
}
.nav__state__item:nth-child(1) {
  border-left: 0;
}
.nav__state__item dt {
  letter-spacing: -0.03em;
  margin-bottom: 0.5em;
  font-size: 16.8px;
}
.nav__mypagelink {
  text-align: center;
  display: flex;
  padding: 22px 15px;
  font-size: 16.8px;
}
.nav__mypagelink a {
  color: #333;
  width: 33.33%;
  line-height: 1.3;
}
.nav__mypagelink img {
  display: block;
  margin: 0 auto;
  width: 40px;
}
.nav--banner {
  background-color: #009fde;
  background-image: url(../images/main/nav-banner-bg.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  padding: 16.6666666667px 15px;
  text-align: left;
  position: relative;
}
.nav--banner .prd-name--desc {
  background-color: #009fde;
  line-height: 20px;
  font-size: 10px;
  border-radius: 20px;
  padding: 0 1em;
  display: inline-block;
  margin-left: 0.5em;
}
.nav--banner .prd-link {
  color: #fff;
  font-size: 14.4px;
  position: absolute;
  top: 50%;
  right: 15px;
  font-weight: 300;
  transform: translateY(-50%);
}
.nav--banner .prd-link i {
  margin-left: 0.3em;
}

.prd-name {
  color: #fff;
  line-height: 1.3;
}
.prd-name span {
  vertical-align: middle;
}
.prd-name--brand {
  line-height: 1;
  display: block;
}
.prd-name--brand .icon {
  height: 20px;
}
.prd-name--name {
  font-size: 26px;
  font-weight: 500;
}
.prd-name--desc {
  font-weight: 100;
  font-size: 14px;
}

.footer_wrap {
  word-break: keep-all;
  font-size: 13px;
  background-color: #fff;
  text-align: left;
  padding: 36px 0;
}
.footer_wrap .link_wrap {
  padding: 0 0 18px;
  text-align: left;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.footer_wrap .link_wrap .bar_span a {
  color: #909090;
}
.footer_wrap .link_wrap .bar_span span {
  padding: 0 6px;
}
.footer_wrap .link_wrap .bar_span span.no_pl {
  padding-left: 0;
}
.footer_wrap .link_wrap .comboBx .btn {
  color: #666;
  border: 1px solid #e9e9e9;
}
.footer_wrap .link_wrap .comboBx .list {
  border: 1px solid #e9e9e9;
  border-top: 0;
  background-color: #fff;
  font-size: 0.9em;
}
.footer_wrap .sns_wrap {
  padding: 20px 0;
  padding-top: 0;
  text-align: center;
}
.footer_wrap .sns_wrap img {
  width: 40px;
}
.footer_wrap .sns_wrap a {
  display: block;
}
.footer_wrap .sns_wrap li {
  display: inline-block;
}
.footer_wrap .txt_wrap {
  border-top: 1px solid #e9e9e9;
}
.footer_wrap .txt_wrap .btn {
  display: block;
  color: #999;
  padding: 20px 0;
  text-align: left;
  position: relative;
}
.footer_wrap .txt_wrap .btn i {
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
}
.footer_wrap .txt_wrap .btn.on i {
  transform: translateY(-50%) rotate(180deg);
}
.footer_wrap .txt_wrap .txt {
  color: #a9a9a9;
  padding-top: 18px;
  line-height: 1.3;
  font-size: 12px;
}
.footer_wrap .txt_wrap .txt a {
  color: #a9a9a9;
}
.footer_wrap .txt_wrap .txt span {
  color: #a9a9a9;
}
.footer_wrap .txt_wrap .txt .copy {
  font-family: "Montserrat", sans-serif;
  letter-spacing: -1px;
}

/*
_main.css
*/
.prd-block--item {
  display: block;
  margin: 0 auto;
  padding: 20px;
  text-align: left;
  color: #fff;
  border-radius: 6px;
  display: block;
  width: 212px;
  height: 155px;
  position: relative;
  background-color: #009fde;
  background-image: url(../images/product/prd-block-label.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.prd-block--item .prd-name--name {
  word-break: keep-all;
  display: block;
  line-height: 1.1;
  white-space: initial;
}
.prd-block--item .prd-name--desc {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.main__wrapper {
  display: flex;
  max-width: 1398px;
  min-width: 1398px;
  margin: 0 auto;
  width: 100%;
}
.main__wrapper .sec__l--t,
.main__wrapper .sec__l--b,
.main__wrapper .sec__c--t,
.main__wrapper .sec__c--b,
.main__wrapper .sec__r--t,
.main__wrapper .sec__r--m,
.main__wrapper .sec__r--b,
.main__wrapper .sec__b--l,
.main__wrapper .sec__b--r {
  position: relative;
}
.main__wrapper .sec__l--t:before,
.main__wrapper .sec__l--b:before,
.main__wrapper .sec__c--t:before,
.main__wrapper .sec__c--b:before,
.main__wrapper .sec__r--t:before,
.main__wrapper .sec__r--m:before,
.main__wrapper .sec__r--b:before,
.main__wrapper .sec__b--l:before,
.main__wrapper .sec__b--r:before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  right: 0;
  content: '';
  border: 1px solid #ddd;
  display: block;
}
.main__wrapper .sec__b--r,
.main__wrapper .sec__r,
.main__wrapper .sec__l {
  width: 320px;
}
.main__wrapper .sec__b--l {
  width: calc(100% - 320px);
}
.main__wrapper .sec__c {
  width: calc(100% - 320px * 2);
}
.main__wrapper .sec__b {
  width: 100%;
  height: 62px;
  display: flex;
}
.main__wrapper .sec__l--t {
  height: 260px;
}
.main__wrapper .sec__l--b {
  height: 580px;
}
.main__wrapper .sec__c--t {
  height: 565px;
}
.main__wrapper .sec__r--m {
  height: 290px;
}
.main__wrapper .sec__c--b,
.main__wrapper .sec__r--t,
.main__wrapper .sec__r--b {
  height: 275px;
}

.sec_title {
  font-size: 20px;
  color: #222;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

.main__wrapper {
  word-break: keep-all;
  line-height: 1.4;
}
.main__wrapper [class^='bx__'] {
  padding: 40px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.main__wrapper .bx__guest .sec_title {
  font-family: "Montserrat", sans-serif;
}
.main__wrapper .bx__guest .state {
  font-size: 15px;
  color: #888;
}
.main__wrapper .bx__guest .links {
  position: absolute;
  padding-top: 2em;
  border-top: 1px solid #eeeeee;
  bottom: 30px;
  left: 30px;
  right: 30px;
  font-size: 14px;
  display: flex;
  font-weight: 300;
  justify-content: space-between;
}
.main__wrapper .bx__guest .links a {
  color: #222;
  font-weight: 500;
}
.main__wrapper .bx__guest .links a:hover {
  text-decoration: underline;
}
.main__wrapper .bx__user {
  letter-spacing: -0.05em;
  line-height: 1.3;
  background-color: #115bbe;
  font-size: 14px;
}
.main__wrapper .bx__user,
.main__wrapper .bx__user a {
  color: #fff;
}
.main__wrapper .bx__user .sec_title {
  color: #fff;
}
.main__wrapper .bx__user .prd-name--brand {
  vertical-align: middle;
  display: inline-block;
}
.main__wrapper .bx__user .prd-name--brand .img {
  height: 22px;
}
.main__wrapper .bx__user .prd-account--info {
  margin: 20px 0;
}
.main__wrapper .bx__user .prd-account--info span {
  display: inline-block;
  padding-left: 0.8em;
  position: relative;
}
.main__wrapper .bx__user .prd-account--info span:nth-child(1) {
  padding-left: 0;
}
.main__wrapper .bx__user .prd-account--info span:nth-child(1):before {
  content: none;
}
.main__wrapper .bx__user .prd-account--info span:before {
  content: '';
  height: 12px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: calc(0.4em - 1px);
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.main__wrapper .bx__user .btn_link {
  display: block;
  text-align: center;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.5);
}
.main__wrapper .bx__user .setting_btn {
  position: absolute;
  top: 35px;
  right: 35px;
  padding: 5px;
  display: block;
}
.main__wrapper .bx__event {
  padding: 0;
}
.main__wrapper .bx__event .event--list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.main__wrapper .bx__event .sec_title {
  position: relative;
  z-index: 2;
  padding: 40px;
  font-family: "Montserrat", sans-serif;
}
.main__wrapper .bx__event .sec_title:after {
  content: '';
  display: block;
  width: 30px;
  margin-top: 22px;
  border-top: 1px solid #cccccc;
}
.main__wrapper .sec--visual {
  position: relative;
}
.main__wrapper .sec--visual .title_bx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  z-index: 2;
}
.main__wrapper .sec--visual .title_bx .sec_title {
  float: left;
}
.main__wrapper .sec--visual .title_bx .links {
  float: right;
  font-size: 14px;
  font-weight: 500;
}
.main__wrapper .sec--visual .title_bx .links a {
  color: #222;
  display: inline-block;
  padding-left: 0.8em;
  position: relative;
}
.main__wrapper .sec--visual .title_bx .links a:hover {
  text-decoration: underline;
}
.main__wrapper .sec--visual .title_bx .links a:nth-child(1) {
  padding-left: 0;
}
.main__wrapper .sec--visual .title_bx .links a:nth-child(1):before {
  content: none;
}
.main__wrapper .sec--visual .title_bx .links a:before {
  content: '';
  height: 12px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  left: calc(0.4em - 1px);
  width: 1px;
  background-color: #d0d0d0;
}
.main__wrapper .sec--visual .slick {
  margin-bottom: 0;
}
.main__wrapper .sec--visual .slick-pager {
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-family: "Montserrat", sans-serif;
}
.main__wrapper .sec--visual .slick-pager .pager {
  display: inline-block;
  font-size: 18px;
  color: rgba(34, 34, 34, 0.75);
}
.main__wrapper .sec--visual .slick-pager .now {
  width: 1em;
  text-align: right;
  display: inline-block;
  font-weight: 600;
}
.main__wrapper .sec--visual .slick-ctrl {
  display: inline-block;
}
.main__wrapper .sec--visual .slick-ctrl button {
  display: inline-block;
  padding: 3px;
}
.main__wrapper .sec--visual .slick-ctrl .slick-play {
  display: none;
}
.main__wrapper .sec--visual .item {
  height: 565px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}
.main__wrapper .sec--visual .txt_bx {
  line-height: 1.3;
  letter-spacing: -0.04em;
  color: #222;
}
.main__wrapper .sec--visual .txt_bx .tit {
  line-height: 1.1;
  font-weight: 500;
  font-size: 40px;
  margin-bottom: 0.5em;
  letter-spacing: -0.1em;
}
.main__wrapper .sec--visual .txt_bx .desc {
  font-weight: 300;
  font-size: 14px;
}
.main__wrapper .sec--visual .txt_bx .tit2 {
  font-size: 25px;
  font-weight: 100;
  letter-spacing: -0.05em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.main__wrapper .sec--visual .txt_bx .txt {
  opacity: 0.85;
  margin-top: 1em;
  font-weight: 300;
  font-size: 18px;
}
.main__wrapper .sec--visual .txt_bx .list {
  border-top: 1px solid #e8cfa8;
  border-bottom: 1px solid #e8cfa8;
  padding: 0.4em 0;
  display: flex;
  flex-wrap: wrap;
  color: #a7794d;
  font-weight: 500;
  width: 420px;
}
.main__wrapper .sec--visual .txt_bx .list li {
  padding: 0.4em 0.5em;
  width: 50%;
  line-height: 1.3;
}
.main__wrapper .sec--visual .txt_bx .list li .small {
  display: block;
  font-size: 0.8em;
}
.main__wrapper .bx__state .link {
  position: absolute;
  top: 40px;
  right: 40px;
  color: #222;
  font-size: 14px;
}
.main__wrapper .bx__state .sec_title {
  margin-bottom: 20px;
}
.main__wrapper .bx__state .sec_title:after {
  content: '';
  display: block;
  width: 30px;
  margin-top: 22px;
  border-top: 1px solid #cccccc;
}
.main__wrapper .bx__state .state__inquiry {
  display: flex;
  align-items: center;
}
.main__wrapper .bx__state .state__inquiry__btn {
  display: inline-block;
  line-height: 42px;
  border-radius: 42px;
  width: 125px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  letter-spacing: -0.04em;
}
.main__wrapper .bx__state .state__inquiry__btn i {
  margin-right: 0.2em;
  font-size: 20px;
  line-height: 42px;
}
.main__wrapper .bx__state .state__inquiry__btn i:before {
  vertical-align: middle;
}
.main__wrapper .bx__state .state__inquiry__btn--done {
  background-color: #009fde;
}
.main__wrapper .bx__state .state__inquiry__btn--wait {
  background-color: #aaaaaa;
}
.main__wrapper .bx__state .state__inquiry__btn--unpaid {
  background-color: #404040;
}
.main__wrapper .bx__state .state__inquiry__txt {
  line-height: 1;
  font-size: 30px;
  color: #888;
  padding-left: 60px;
  position: relative;
}
.main__wrapper .bx__state .state__inquiry__txt .number {
  font-family: "Montserrat", sans-serif;
  font-size: 60px;
  font-weight: 500;
  color: #222;
}
.main__wrapper .bx__state .state__inquiry__txt:before {
  content: '';
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  left: 28px;
  width: 2px;
  background-color: #e7e7e7;
}
.main__wrapper .bx__state .state__inquiry__txt--nth1 {
  padding-left: 30px;
}
.main__wrapper .bx__state .state__inquiry__txt--nth1:before {
  content: none;
}
.main__wrapper .bx__state .state__inquiry__txt--min {
  font-size: 15px;
}
.main__wrapper .bx__state .state__info {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
}
.main__wrapper .bx__state .state__info .title {
  font-size: 20px;
  color: #222;
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1.2;
  margin-bottom: 15px;
}
.main__wrapper .bx__state .state__info .title i {
  color: #a2a2a2;
  margin-left: 0.5em;
}
.main__wrapper .bx__state .state__info__list {
  display: flex;
  justify-content: space-between;
}
.main__wrapper .bx__state .state__info__btn {
  width: 216px;
  position: relative;
  padding-bottom: 105px;
  display: block;
  text-align: left;
  background-color: #f6f6f6;
  border: 2px solid transparent;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-position: bottom 30px right 30px;
}
.main__wrapper .bx__state .state__info__btn:after {
  content: '';
  width: 136px;
  border-top: 1px solid #cccccc;
  display: block;
  position: absolute;
  bottom: 105px;
}
.main__wrapper .bx__state .state__info__btn dl {
  padding: 40px;
  padding-bottom: 0;
}
.main__wrapper .bx__state .state__info__btn dt {
  font-size: 14px;
  font-weight: 500;
}
.main__wrapper .bx__state .state__info__btn dd {
  margin: 0.8em 0;
  letter-spacing: -0.05em;
  color: #333;
  line-height: 1.2;
  font-weight: 400;
  font-size: 25px;
}
.main__wrapper .bx__state .state__info__btn--account dl {
  padding-right: 0;
}
.main__wrapper .bx__state .state__info__btn--account dd {
  font-size: 16px;
  letter-spacing: -0.08em;
}
.main__wrapper .bx__state .state__info__btn--pay {
  background-image: url(../images/main/state_pay.png);
}
.main__wrapper .bx__state .state__info__btn--pay dt {
  color: #009fde;
}
.main__wrapper .bx__state .state__info__btn--pay:hover {
  border-color: #009fde;
}
.main__wrapper .bx__state .state__info__btn--bank {
  background-image: url(../images/main/state_bank.png);
}
.main__wrapper .bx__state .state__info__btn--bank dt {
  color: #67ad48;
}
.main__wrapper .bx__state .state__info__btn--bank:hover {
  border-color: #67ad48;
}
.main__wrapper .bx__state .state__info__btn--account {
  background-image: url(../images/main/state_account.png);
}
.main__wrapper .bx__state .state__info__btn--account dt {
  color: #af9b71;
}
.main__wrapper .bx__state .state__info__btn--account:hover {
  border-color: #af9b71;
}
.main__wrapper .bx__service .servicerec--list {
  display: flex;
  justify-content: space-between;
}
.main__wrapper .bx__service .servicerec--list li {
  width: 33.33%;
  border-left: 1px solid #eaeaea;
}
.main__wrapper .bx__service .servicerec--list li:nth-child(1) {
  border-left: 0;
}
.main__wrapper .bx__service .servicerec--item {
  padding: 20px 0;
  display: block;
  text-align: center;
  font-size: 15px;
  color: #333;
  font-weight: 500;
}
.main__wrapper .bx__prd .sec_title {
  margin-bottom: 15px;
}
.main__wrapper .sns_wrap {
  height: 62px;
  align-items: center;
  position: relative;
  display: flex;
  justify-content: center;
}
.main__wrapper .sns_wrap a {
  display: block;
  width: 40px;
  height: 40px;
  background-position-x: 0;
  background-repeat: no-repeat;
  background-image: url(../images/main/spr_sns.png);
}
.main__wrapper .sns_wrap a:hover {
  background-position-x: 100%;
}
.main__wrapper .sns_wrap .sns--facebook {
  background-position-y: 0;
}
.main__wrapper .sns_wrap .sns--blog {
  background-position-y: 25%;
}
.main__wrapper .sns_wrap .sns--kakaoplus {
  background-position-y: 50%;
}
.main__wrapper .sns_wrap .sns--instagram {
  background-position-y: 75%;
}
.main__wrapper .sns_wrap .sns--youtube {
  background-position-y: 100%;
}
.main__wrapper .sns_wrap li {
  margin: 0 2px;
  display: inline-block;
}
.main__wrapper .bx__prd .slick-arrow,
.main__wrapper .bx__pr .slick-arrow {
  color: #4d4d4d;
}
.main__wrapper .bx__prd .sa_l,
.main__wrapper .bx__pr .sa_l {
  left: -20px;
}
.main__wrapper .bx__prd .sa_r,
.main__wrapper .bx__pr .sa_r {
  right: -20px;
}
.main__wrapper .bx__pr .slick-arrow {
  margin-top: -20px;
}
.main__wrapper .bx__pr .txt {
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
  height: 2.6em;
  line-height: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
}
.main__wrapper .bx__pr .sec_title,
.main__wrapper .bx__direct .sec_title {
  margin-bottom: 15px;
}
.main__wrapper .bx__pr .slick,
.main__wrapper .bx__direct .slick {
  margin-bottom: 0;
}
.main__wrapper .bx__pr .slick-dots,
.main__wrapper .bx__direct .slick-dots {
  bottom: -30px;
}
.main__wrapper .bx__pr .slick-dots li,
.main__wrapper .bx__direct .slick-dots li {
  margin: 0 4px;
}
.main__wrapper .bx__pr .slick-dots li,
.main__wrapper .bx__pr .slick-dots li button,
.main__wrapper .bx__pr .slick-dots li button:before,
.main__wrapper .bx__direct .slick-dots li,
.main__wrapper .bx__direct .slick-dots li button,
.main__wrapper .bx__direct .slick-dots li button:before {
  width: 7px;
  height: 7px;
  padding: 0;
}
.main__wrapper .bx__direct .link {
  position: absolute;
  top: 40px;
  right: 40px;
  color: #222;
  font-size: 14px;
}
.main__wrapper .bx__direct .link:hover {
  text-decoration: underline;
}
.main__wrapper .bx__tel {
  line-height: 1.3;
  background-repeat: no-repeat;
  background-position: -1px bottom;
  background-image: url(../images/main/bg_call.png);
}
.main__wrapper .bx__tel .tel {
  display: block;
  font-family: "Montserrat", sans-serif;
  color: #009fde;
  font-size: 35px;
  font-weight: 600;
}
.main__wrapper .bx__tel .tel_night {
  opacity: 0.7;
  color: #009fde;
  font-size: 14px;
  display: block;
}
.main__wrapper .bx__corp {
  line-height: 1.3;
  background-repeat: no-repeat;
  background-position: -1px bottom;
  background-image: url(../images/main/bg_corp.png);
}
.main__wrapper .bx__corp .txt {
  font-size: 15px;
  color: #888;
}
.main__wrapper .bx__cs .cs__list {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  height: 160px;
  align-items: flex-end;
}
.main__wrapper .bx__cs .cs__list__btn {
  display: block;
  width: 50%;
  font-size: 15px;
}
.main__wrapper .bx__cs .cs__list__btn:hover {
  color: #333;
}
.main__wrapper .bx__cs .cs__list__btn:hover:before {
  background-position-x: 0;
}
.main__wrapper .bx__cs .cs__list__btn:nth-child(1):before {
  background-position-y: 0;
}
.main__wrapper .bx__cs .cs__list__btn:nth-child(2):before {
  background-position-y: 66.6666666667%;
}
.main__wrapper .bx__cs .cs__list__btn:nth-child(3):before {
  background-position-y: 33.3333333333%;
}
.main__wrapper .bx__cs .cs__list__btn:nth-child(4):before {
  background-position-y: 100%;
}
.main__wrapper .bx__cs .cs__list__btn:before {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto 10px;
  background-image: url(../images/main/spr_cs.png);
  background-position-x: 100%;
}
.main__wrapper .notice__wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 62px;
}
.main__wrapper .notice__wrap .notice--list,
.main__wrapper .notice__wrap .title {
  display: table-cell;
  vertical-align: middle;
}
.main__wrapper .notice__wrap .title {
  width: 140px;
  text-align: center;
  font-size: 16px;
  color: #222;
  font-weight: 600;
}
.main__wrapper .notice__wrap .slick-arrow {
  top: auto;
  bottom: auto;
  transform: none;
  top: 0;
  background-color: #fff;
  position: absolute;
  left: auto;
  right: 1px;
  color: #4e4e4e;
  font-size: 18px;
  width: 61px;
  line-height: 61px;
  border-left: 1px solid #ddd;
}
.main__wrapper .notice__wrap .slick-arrow.sa_l {
  right: 62px;
}
.main__wrapper .notice__wrap .notice--list {
  padding-left: 40px;
  position: relative;
}
.main__wrapper .notice__wrap .notice--list:before {
  content: '';
  height: 16px;
  border-right: 1px solid #d0d0d0;
  top: 50%;
  margin-top: -8px;
  position: absolute;
  left: 0;
  display: block;
}
.main__wrapper .notice__wrap .notice--item {
  font-size: 15px;
  line-height: 62px;
  letter-spacing: -0.03em;
  position: relative;
  overflow: hidden;
}
.main__wrapper .notice__wrap .notice--item__cate {
  min-width: 5em;
  font-weight: 500;
  display: inline-block;
  color: #222;
  float: left;
}
.main__wrapper .notice__wrap .notice--item__tit {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  float: left;
  max-width: 500px;
  margin-right: 0.5em;
}
.main__wrapper .notice__wrap .notice--item__date {
  color: #999;
  float: left;
}

/*
sub.scss
*/
.sub_visual_wrap {
  position: relative;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sub_visual_wrap .wrap {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 360px;
  width: 100%;
  line-height: 1.3;
  letter-spacing: -0.05em;
  word-break: keep-all;
  position: relative;
  display: block;
}
.sub_visual_wrap .wrap .txt_bx {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.sub_visual_wrap .wrap .desc {
  margin-top: 22px;
  font-size: 18px;
  font-weight: 300;
}
.sub_visual_wrap .wrap .tit {
  font-size: 40px;
  font-weight: 500;
}
.sub_visual_wrap .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: no-repeat center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ddd;
  transform: translateZ(0) scale(1) rotate(0.1deg);
  transition: 5000ms;
}
.js .sub_visual_wrap .bg {
  transform: translateZ(0) scale(1.03) rotate(0deg);
}

.sub_menu_tab {
  z-index: 2;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  margin-top: -28.5px;
}
.sub_menu_tab .depth01,
.sub_menu_tab .depth01 > a {
  display: none;
}
.sub_menu_tab .depth02_box ul {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.sub_menu_tab .depth02_box ul li {
  width: 100%;
  border-left: 0;
  text-align: center;
}
.sub_menu_tab .depth02_box ul li:nth-child(1) a {
  border-left-width: 1px;
}
.sub_menu_tab .depth02_box ul a {
  width: 100%;
  display: block;
  line-height: 57px;
  color: #2d3446;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-left-width: 0;
  font-size: 1.25em;
}
.sub_menu_tab .depth02_box ul a.on {
  border-color: #2d3446;
  color: #fff;
  background-color: #2d3446;
}

.sub_contents {
  padding: 95px 0 110px;
}
.sub_contents.no_pt {
  min-width: 1024px;
  padding-top: 0;
}
.sub_contents.no_pb {
  padding-bottom: 0;
}
.sub_contents.bg_gray {
  background-color: #ededed;
}

.sub_title {
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
  letter-spacing: -0.03em;
  margin-bottom: 55px;
}
.sub_title .tit {
  line-height: 1.1;
  color: #222;
  font-weight: 500;
  font-size: 40px;
  position: relative;
  padding-bottom: 40px;
}
.sub_title .tit:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  display: block;
  width: 30px;
  height: 24px;
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Isolation_Mode' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='8px' viewBox='0 0 10 8' enable-background='new 0 0 10 8' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23009fde' d='M0.664,1.063l2.256,3.209c0.264,0.381,0.548,0.734,0.85,1.063c0.302,0.33,0.626,0.605,0.972,0.84 c0.346,0.234,0.727,0.418,1.142,0.551s0.902,0.223,1.418,0.211c0.792-0.018,1.414-0.252,1.75-0.385 c0.046-0.018,0.285-0.119,0.285-0.119C9.135,6.318,8.65,5.918,8.333,5.602C8.016,5.283,7.774,5.031,7.451,4.67 S6.062,2.99,5.447,2.18S4.25,1.064,3.327,1.063H0.664z'/%3E%3C/g%3E%3C/svg%3E");
}
.sub_title .desc {
  margin-top: 50px;
  font-size: 24px;
  line-height: 1.3;
  color: #222;
}

.search--result__title {
  word-break: keep-all;
  text-align: left;
  font-size: 16.8px;
  color: #999;
  line-height: 1.2;
  padding: 15px 0;
  padding-top: 0;
  margin: 5px 0;
  border-bottom: 1px solid #cccccc;
}
.search--result__null {
  padding: 50px 0;
  word-break: keep-all;
  text-align: center;
  line-height: 1.3;
}
.search--result__null i {
  font-size: 88px;
  color: #eee;
}
.search--result__null h3 {
  margin: 0.8em 0;
  font-size: 20.8px;
}
.search--result__null h4 {
  font-size: 16.8px;
}

.term--txtwrap {
  text-align: left;
  word-break: keep-all;
  font-size: 14px;
  line-height: 1.5;
  color: #777;
}
.term--txtwrap p {
  margin-top: 0.5em;
}
.term--txtwrap h4 {
  color: #333;
  font-weight: 500;
  font-size: 16px;
  margin: 1em 0 0.5em;
}
.term--txtwrap .term_tbl {
  width: 100%;
  border-collapse: collapse;
}
.term--txtwrap .term_tbl td,
.term--txtwrap .term_tbl th {
  border: 1px solid #ddd;
}
.term--txtwrap .tbl {
  font-size: inherit;
}
.term--txtwrap .body .h1 {
  font-weight: bold;
  color: #444;
  margin-bottom: 10px;
}
.term--txtwrap .body .txt {
  color: #444;
}
.term--txtwrap .body .table_pop {
  border-top: 1px solid #5c5856;
  width: 100%;
}
.term--txtwrap .body .table_pop .th {
  height: 38px;
  background: #e4e4e4;
  color: #2b2b2b;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px;
  border-left: 1px solid #e1e1e1;
}
.term--txtwrap .body .table_pop .tu {
  height: 38px;
  background: #e5ecfb;
  color: #2b2b2b;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .ty {
  height: 38px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: left;
}
.term--txtwrap .body .table_pop .tq {
  height: 76px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: left;
}
.term--txtwrap .body .table_pop .tt {
  height: 56px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: left;
}
.term--txtwrap .body .table_pop .te {
  height: 150px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: left;
}
.term--txtwrap .body .table_pop .ta {
  height: 38px;
  background: #f6f6f6;
  color: #2b2b2b;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px;
  border-left: 1px solid #e1e1e1;
}
.term--txtwrap .body .table_pop .tb {
  height: 38px;
  background: #f0f7fa;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .ts {
  height: 64px;
  background: #e3d7ef;
  color: #350d5c;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .ts2 {
  height: 90px;
  background: #e3d7ef;
  color: #350d5c;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .td {
  height: 38px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .tl {
  height: 38px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .tc {
  height: 38px;
  color: #444;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
}
.term--txtwrap .body .table_pop .last {
  border-right: none;
}

.pop-con {
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  word-break: keep-all;
  border-radius: 6px;
  background-color: #fff;
  padding: 0;
}
.pop-con .pop-head {
  text-align: center;
  position: relative;
  border-bottom: 1px solid #999;
}
.pop-con .pop-head .tit {
  color: #222;
  font-weight: 500;
  padding: 15px;
  font-size: 19.2px;
}
.pop-con .pop-head .mfp-close {
  width: auto;
  height: auto;
  line-height: 1;
  padding: 0;
  margin: 0;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.pop-con .pop-body {
  padding: 25px;
  line-height: 1.4;
}
.pop-con .pop-foot .btn_list {
  display: flex;
  justify-content: space-between;
}
.pop-con .pop-foot .btn_list li {
  width: 100%;
}
.pop-con .pop-foot .btn {
  font-size: 16.8px;
  display: block;
  width: 100%;
  line-height: 40px;
  color: #fff;
}
.pop-con .pop-foot .btn--confirm {
  background-color: #009fde;
}
.pop-con .pop-foot .btn--alert {
  background-color: #d93e3d;
}
.pop-con .pop-foot .btn--cancel {
  background-color: #394250;
}

.pop-upload {
  max-width: 600px;
}

.pop-alert {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1);
  max-width: 266.6666666667px;
}
.pop-alert .mfp-close {
  display: none;
}
.pop-alert .pop-body {
  padding: 25px;
  line-height: 1.4;
}
.pop-alert .pop-body .icon {
  width: 50px;
  margin: 0 auto;
}
.pop-alert .pop-body .title {
  color: #222;
  font-weight: 500;
  margin: 0.5em 0 0.4em;
  font-size: 19.2px;
}
.pop-alert .pop-body .txt {
  font-size: 16.8px;
}

.pop-term {
  width: 80%;
}
.pop-term .term_txt_scroll {
  padding: 1em;
  line-height: 1.4;
  font-weight: 300;
  word-break: keep-all;
  text-align: left;
  color: #777;
  max-height: 80vh;
  overflow: auto;
}
.pop-term .title {
  color: #222;
  font-weight: 500;
  margin: 0.5em 0 0.4em;
  font-size: 19.2px;
}
.pop-term .txt {
  font-size: 16.8px;
}

.bottom-btn-area,
.bottom-fix-area {
  height: 80px;
  text-align: center;
  word-break: keep-all;
}
.bottom-btn-area.stick .wrap,
.bottom-fix-area.stick .wrap {
  position: relative;
}
.bottom-btn-area .wrap,
.bottom-fix-area .wrap {
  z-index: 100;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1400px;
}
.bottom-fix-area .btn {
  width: 100%;
  padding: 0;
}
.bottom-btn-area .btn,
.bottom-fix-area .btn {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  height: 80px;
  line-height: 1.1;
  padding: 0 2em;
  margin: 0 0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #394250;
  letter-spacing: -0.03em;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.bottom-btn-area .btn:nth-child(1),
.bottom-fix-area .btn:nth-child(1) {
  border-left: 0;
}
.bottom-btn-area .btn._bg,
.bottom-fix-area .btn._bg {
  background-color: #009fde;
}
.bottom-btn-area .btn._mc,
.bottom-fix-area .btn._mc {
  background-color: #009fde;
}
.bottom-btn-area .btn.small_btn,
.bottom-fix-area .btn.small_btn {
  font-size: 17px;
  height: 60px;
  min-width: 192px;
  margin: 0 5px;
}
.bottom-btn-area .btn.large_btn,
.bottom-fix-area .btn.large_btn {
  font-size: 17px;
  height: 50px;
  min-width: 400px;
  margin: 0 5px;
}
.bottom-btn-area.list2,
.bottom-fix-area.list2 {
  max-width: calc(50% - 1px);
}
.bottom-btn-area.list3,
.bottom-fix-area.list3 {
  max-width: calc(33.3333% - 1px);
}
.bottom-btn-area.list4,
.bottom-fix-area.list4 {
  max-width: calc(25% - 1px);
}
.bottom-btn-area.__release.mw_750,
.bottom-fix-area.__release.mw_750 {
  max-width: 750px;
  margin: 0 auto;
  margin-top: 50px;
}
.bottom-btn-area.__release .btn,
.bottom-fix-area.__release .btn {
  font-size: 30px;
  margin: 0 5px;
}

.sel_content {
  display: none;
}

.iconlist .item {
  padding: 30px 0;
  background-color: #fff;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.iconlist .item .img_bx, .iconlist .item .txt_bx {
  display: table-cell;
}
.iconlist .img_bx {
  vertical-align: middle;
  width: 190px;
}
.iconlist .txt_bx {
  vertical-align: middle;
  line-height: 1.3;
}
.iconlist .txt_bx dt {
  font-size: 20.8px;
  color: #222;
  font-weight: 500;
  margin-bottom: 0.3em;
}
.iconlist .txt_bx dd {
  font-size: 18px;
}
.iconlist .txt_bx .small {
  color: #999;
  font-size: 14.4px;
}

.bg_bx {
  padding: 30px;
  margin: 50px auto;
  line-height: 1.3;
  font-size: 16.8px;
  background-color: #f6f6f6;
}
.bg_bx--info {
  font-size: 14.4px;
  text-align: center;
}
.bg_bx--info img {
  height: 25px;
  margin: 0 auto 10px;
  display: block;
}
.bg_bx--em {
  font-size: 17px;
  letter-spacing: -1px;
  color: #666;
  font-weight: 500;
  background-color: #fff;
}

.borderbox {
  word-break: keep-all;
  padding: 50px 15px;
  border: 1px solid #f0f0f0;
  line-height: 1.3;
  text-align: center;
}
.borderbox__tit {
  color: #222;
  margin: 25px 0;
  font-size: 24px;
}
.borderbox__txt {
  border-top: 1px solid #f0f0f0;
  padding-top: 25px;
  margin: 0 auto;
  margin-top: 20px;
}
.borderbox__txt.mw_510 {
  max-width: 510px;
}
.borderbox__txt.mw_760 {
  max-width: 760px;
}
.borderbox .tit_message {
  text-align: left;
  padding-left: 28px;
  color: #333;
  min-height: 28px;
  display: flex;
  align-items: center;
  background-position: top 5px left;
  background-repeat: no-repeat;
  background-image: url(../images/icon/i_message.png);
  background-size: 20px;
}

.boardmore {
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #ccc;
  line-height: 60px;
  text-align: center;
  display: block;
  color: #999999;
  letter-spacing: -0.03em;
}
.boardsearch {
  margin: 20px auto;
  position: relative;
  display: flex;
  width: 100%;
  border: 1px solid #e0e0e0;
  max-width: 800px;
}
.boardsearch__select {
  width: 200px;
  border: 0 !important;
}
.boardsearch__input {
  width: 100%;
  padding-right: 150px;
  border: 0 !important;
}
.boardsearch__btn {
  line-height: 62px;
  position: absolute;
  right: 0;
  top: -1px;
  width: 150px;
  border-color: #009fde;
  background-color: #009fde;
  color: #fff;
}

.img_txt_bg {
  position: relative;
  display: inline-block;
}
.img_txt_bg p {
  position: absolute;
}
.img_txt_bg .tt {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

hr {
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  margin: 10px auto;
}

hr.br {
  border: 0;
  border-bottom: 1px solid #ddd;
  margin: 52px 0;
}

.tbl {
  width: 100%;
  font-size: 16px;
  table-layout: fixed;
  border-top: 2px solid #222;
  border-collapse: collapse;
  line-height: 1.3;
}
.tbl td,
.tbl th {
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
  vertical-align: middle;
  border-right: 1px solid #ddd;
}
.tbl td:last-child,
.tbl th:last-child {
  border-right: 0;
}
.tbl thead th {
  font-weight: 500;
  color: #222;
}
.tbl tbody th {
  background-color: #f9f9f9;
  color: #222;
}
.tbl tbody td {
  color: #666;
}
.tbl ._bg {
  background-color: #009fde;
  color: #fff;
  border-color: #009fde;
}
.tbl .form-view,
.tbl .form-file {
  width: 26.6666666667px;
  height: 26.6666666667px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 26.6666666667px;
}
.tbl .form-view {
  background-image: url(../images/icon/form-view.png);
}
.tbl .form-file {
  background-image: url(../images/icon/form-file.png);
}
.tbl .btn {
  color: #fff;
  font-size: 14.4px;
  font-weight: 300;
  letter-spacing: -0.03em;
  background-color: #009fde;
  padding: 0.2em 0.4em;
}
.tbl.no_border_side th,
.tbl.no_border_side td {
  border-left: 0;
  border-right: 0;
}

.join_con {
  max-width: 585px;
  margin: 0 auto;
}

.user__form {
  text-align: left;
  padding-bottom: 18px;
  word-break: keep-all;
  border-top: 1px solid #f0f0f0;
}
.user__form .tit02 {
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 22px;
  border-bottom: 1px solid #ddd;
}
.user__form__item {
  font-size: 16px;
  line-height: 1.3;
  margin: 50px 0;
}
.user__form__item--disabled {
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid #f0f0f0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.user__form__item--disabled dt,
.user__form__item--disabled dd {
  vertical-align: middle;
  display: table-cell;
}
.user__form__item--disabled dt {
  width: 6em;
  padding-right: 1em;
}
.user__form__item--disabled dd {
  color: #222;
  font-size: 20.8px;
}
.user__form__item .alert {
  color: #d93e3d;
  margin-top: 8px;
  font-size: 16px;
}
.user__form__item .info_bx {
  color: #666;
  margin-top: 5px;
  font-weight: 300;
  background-color: #f6f6f6;
  padding: 0.5em;
  text-align: center;
}
.user__form__item .info_bx em {
  color: #d93e3d;
}
.user__form__item dt {
  color: #888;
  font-size: 16px;
}
.user__form__item dd {
  margin-top: 8px;
  font-size: 16px;
}
.user__form__item textarea,
.user__form__item select,
.user__form__item input[type='email'],
.user__form__item input[type='tel'],
.user__form__item input[type='text'],
.user__form__item input[type='number'],
.user__form__item input[type='password'] {
  transition: 300ms border;
  width: 100%;
  font-size: 16px;
}
.user__form__item textarea:active, .user__form__item textarea:focus,
.user__form__item select:active,
.user__form__item select:focus,
.user__form__item input[type='email']:active,
.user__form__item input[type='email']:focus,
.user__form__item input[type='tel']:active,
.user__form__item input[type='tel']:focus,
.user__form__item input[type='text']:active,
.user__form__item input[type='text']:focus,
.user__form__item input[type='number']:active,
.user__form__item input[type='number']:focus,
.user__form__item input[type='password']:active,
.user__form__item input[type='password']:focus {
  border-color: #009fde;
}
.user__form--term {
  text-align: left;
  word-break: keep-all;
  border-top: 1px solid #f0f0f0;
}
.user__form--term__item dt {
  font-size: 19.2px;
}
.user__form--term__item dd {
  margin-top: 8px;
}
.user__form--term__item .term_bx {
  border: 1px solid #e0e0e0;
  padding: 15px;
  overflow-y: auto;
  position: relative;
  height: 10em;
  font-size: 16.8px;
}

.form_done_page {
  max-width: 1200px;
  padding: 95px 0 280px;
  margin: 0 auto;
  margin-bottom: 62px;
  word-break: keep-all;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/sub/done_bg.jpg);
  background-position: bottom center;
}
.form_done_page .sub_title .tit:after {
  content: none;
}
.form_done_page .img {
  margin: 25px auto;
  width: 120px;
}
.form_done_page .tit03 {
  font-size: 18px;
}
.form_done_page--find .img {
  margin-top: 70px;
  width: 103px;
}
.form_done_page .bottom-btn-area {
  margin-top: 55px;
}
.form_done_page .bottom-btn-area .btn {
  max-width: 192px;
  margin: 0 auto;
}

.sub_menu_type_c {
  word-break: keep-all;
  position: relative;
  margin: 0 auto;
  width: 100%;
  letter-spacing: -0.04em;
  max-width: 1400px;
  font-size: 17px;
}
.sub_menu_type_c_wrap {
  height: 59px;
  position: relative;
}
.sub_menu_type_c_wrap .wrap {
  position: relative;
  z-index: 200;
  background: #fff;
}
.sub_menu_type_c_wrap.fix .wrap {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
}
.sub_menu_type_c:after {
  content: '';
  display: block;
  bottom: 0;
  left: 50%;
  width: 1000em;
  margin-left: -500em;
  position: absolute;
  border-bottom: 1px solid #ddd;
}
.sub_menu_type_c .btn_home {
  display: block;
  height: 59px;
  line-height: 59px;
  text-align: center;
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 59px;
  font-size: 20px;
  border-right: 1px solid #ddd;
}
.sub_menu_type_c .btn_home i {
  display: inline-block;
}
.sub_menu_type_c .updown_list {
  padding-left: 58px;
  border-left: 1px solid #ddd;
}
.sub_menu_type_c .updown_list:after {
  content: '';
  display: block;
  clear: both;
}
.sub_menu_type_c .updown_list > li {
  border-right: 1px solid #ddd;
  float: left;
  width: 310px;
  position: relative;
}
.sub_menu_type_c .btn_sub_menu {
  height: 59px;
  line-height: 59px;
  display: block;
  text-align: left;
  position: relative;
  color: #222;
  padding: 0 20px;
  font-weight: 400;
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub_menu_type_c .btn_sub_menu:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
  content: '\e943';
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sub_menu_type_c .btn_sub_menu.on {
  color: #222;
  background-color: #fff;
}
.sub_menu_type_c .btn_sub_menu.on:before {
  color: #009fde;
  content: '\e946';
}
.sub_menu_type_c .des_con {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  display: none;
  text-align: left;
  position: absolute;
  top: 59px;
  left: -1px;
  width: 100%;
  width: calc(100% + 2px);
  z-index: 2;
  border: 1px solid #ddd;
  border-top: 0;
}
.sub_menu_type_c .des_con ul li a {
  padding: 12px 0;
  display: block;
  line-height: 1.3;
  color: #222;
  font-weight: 400;
}
.sub_menu_type_c .des_con ul li a:hover {
  text-decoration: underline !important;
}
/* 서브네비게이션 링크 하이라이트 임시 블록 */
/* .sub_menu_type_c .des_con ul li a.on {
  color: #009fde;
} */
/* 서브네비게이션 링크 하이라이트 제거 + 호버 생성 */
.sub_menu_type_c .des_con ul li a:hover {
  color: #009fde;
}
.sub_menu_type_c .li_01 .des_con .depth01_wrap {
  display: none;
}
.sub_menu_type_c .li_01 .des_con .depth02_wrap .depth03_box {
  display: none;
}
.sub_menu_type_c .li_01 .des_con .depth02_wrap > li {
  display: none;
}
.sub_menu_type_c .li_02 .des_con .depth01_wrap {
  display: none;
}
.sub_menu_type_c .li_02 .des_con .depth02_wrap .depth03_box {
  display: none;
}
.sub_menu_type_c .li_02 .des_con .depth02_wrap .depth03_box.on {
  display: block;
}
.sub_menu_type_c .li_02 .des_con .depth02_wrap > li {
  display: none;
}
.sub_menu_type_c .li_02 .des_con .depth02_wrap > li > ul > li > a {
  display: none;
}

/*
sub-intro.scss
*/
.intro-story {
  padding-bottom: 0;
  word-break: keep-all;
}
.intro-story section {
  padding-top: 75px;
  padding-bottom: 80px;
}
.intro-story__index .list {
  overflow: hidden;
  position: relative;
}
.intro-story__index li {
  float: left;
  width: 20%;
  position: relative;
}
.intro-story__index .wrap {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-position: center;
  background-size: cover;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
}
.intro-story__index .wrap .link {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  font-size: 35px;
  color: #dbdbdb !important;
}
.intro-story__index .wrap .link:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
@media all and (max-width: 1500px) {
  .intro-story__index .wrap .link {
    padding: 10px;
  }
}
.intro-story__index .wrap .txt_bx {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 10px;
}
.intro-story__index .wrap .tit {
  margin-bottom: 20px;
  line-height: 1;
  font-size: 53px;
  letter-spacing: -2px;
}
.intro-story__index .wrap .tit em {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 83px;
  vertical-align: text-bottom;
}
@media all and (max-width: 1500px) {
  .intro-story__index .wrap .tit {
    font-size: 3.18vw;
  }
  .intro-story__index .wrap .tit em {
    font-size: 4.98vw;
  }
}
.intro-story__index .wrap .desc {
  font-size: 35px;
}
@media all and (max-width: 1500px) {
  .intro-story__index .wrap .desc {
    font-size: 2.1vw;
  }
}
.intro-story__index .wrap .txt {
  font-size: 20px;
  color: #fff;
}
@media all and (max-width: 1500px) {
  .intro-story__index .wrap .txt {
    font-size: 1.2vw;
  }
  .intro-story__index .wrap .txt .br {
    display: none;
  }
}
.intro-story__index .wrap .small {
  display: block;
  font-size: 14.4px;
}
@media all and (max-width: 400px) {
  .intro-story__index .wrap .desc {
    font-size: 4vw;
  }
  .intro-story__index .wrap .txt {
    font-size: 3.84vw;
  }
  .intro-story__index .wrap .small {
    font-size: 2.88vw;
  }
}
.intro-story__index ._1 .wrap,
.intro-story--nav ._1 {
  background-image: url(../images/intro/story/index_1.jpg);
}

.intro-story__index ._2 .wrap,
.intro-story--nav ._2 {
  background-image: url(../images/intro/story/index_2.jpg);
}

.intro-story__index ._3 .wrap,
.intro-story--nav ._3 {
  background-image: url(../images/intro/story/index_3.jpg);
}

.intro-story__index ._4 .wrap,
.intro-story--nav ._4 {
  background-image: url(../images/intro/story/index_4.jpg);
}

.intro-story__index ._5 .wrap,
.intro-story--nav ._5 {
  background-image: url(../images/intro/story/index_5.jpg);
}

.intro-story__index ._6 .wrap,
.intro-story--nav ._6 {
  background-image: url(../images/intro/story/index_6.jpg);
}

.intro-story__index ._7 .wrap,
.intro-story--nav ._7 {
  background-image: url(../images/intro/story/index_7.jpg);
}

.intro-story__index ._8 .wrap,
.intro-story--nav ._8 {
  background-image: url(../images/intro/story/index_8.jpg);
}

.intro-story__index ._9 .wrap,
.intro-story--nav ._9 {
  background-image: url(../images/intro/story/index_9.jpg);
}

.intro-story__index ._10 .wrap,
.intro-story--nav ._10 {
  background-image: url(../images/intro/story/index_10.jpg);
}

.intro-story__index,
.intro-story__index .link,
.intro-story__index a,
.intro-story--nav,
.intro-story--nav .link,
.intro-story--nav a {
  color: #fff;
}
.intro-story__index ._2 .tit,
.intro-story__index ._2 .desc,
.intro-story--nav ._2 .tit,
.intro-story--nav ._2 .desc {
  color: #5eb6ea;
}
.intro-story__index ._6 .tit,
.intro-story--nav ._6 .tit {
  color: #222;
}
.intro-story__index ._2 .txt,
.intro-story__index ._2 .small,
.intro-story__index ._2 .link,
.intro-story__index ._9 .txt,
.intro-story__index ._9 .small,
.intro-story__index ._9 .link,
.intro-story__index ._6 .txt,
.intro-story__index ._6 .small,
.intro-story__index ._6 .link,
.intro-story--nav ._2 .txt,
.intro-story--nav ._2 .small,
.intro-story--nav ._2 .link,
.intro-story--nav ._9 .txt,
.intro-story--nav ._9 .small,
.intro-story--nav ._9 .link,
.intro-story--nav ._6 .txt,
.intro-story--nav ._6 .small,
.intro-story--nav ._6 .link {
  color: #666;
}
.intro-story__index ._8 .wrap,
.intro-story--nav ._8 .wrap {
  background-image: none;
  background-color: #b0bec5;
}
.intro-story__index ._9 .tit,
.intro-story--nav ._9 .tit {
  color: #222;
}
.intro-story__index ._10 .wrap,
.intro-story--nav ._10 .wrap {
  background-image: none;
  background-color: #222;
}
.intro-story--nav {
  border-top: 1px solid #f0f0f0;
  text-align: center;
  display: flex;
}
.intro-story--nav .wrap {
  width: 50%;
  background-size: cover;
  background-position: center;
  padding: 15px 30px;
  line-height: 1.1;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 106.6666666667px;
}
.intro-story--nav .wrap:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.intro-story--nav .wrap em {
  font-size: 32px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
.intro-story--nav .wrap:before {
  color: #cccccc;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
}
.intro-story--nav .wrap:nth-child(1):before {
  right: auto;
  left: 10px;
  content: '\e93d';
}
.intro-story--title_bx {
  text-align: left;
  line-height: 1.3;
  word-break: keep-all;
  letter-spacing: -0.04em;
  margin-bottom: 30px;
}
.intro-story--title_bx .tit_bx {
  padding-bottom: 20px;
  display: block;
  position: relative;
}
.intro-story--title_bx .desc {
  letter-spacing: -0.1px;
  margin: 0 0 15px;
  color: #222;
  font-size: 24px;
}
.intro-story--title_bx .desc .small {
  color: #999;
  font-size: 18px;
}
.intro-story--title_bx .txt {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -1.7px;
  color: #666;
}
@media all and (max-width: 1440px) {
  .intro-story--title_bx .txt .br {
    display: none;
  }
}
.intro-story .sec_title {
  color: #222;
  margin-bottom: 40px;
  font-size: 24px;
}
.intro-story.__1 .tit_bx .img_txt_bg {
  text-align: center;
  line-height: 1.2;
  color: #fff;
  margin: 0 auto;
  max-width: 436px;
}
.intro-story.__1 .tit_bx .img_txt_bg .small {
  display: block;
  font-size: 0.5em;
  font-weight: 300;
}
.intro-story.__1 .tit_bx .img_txt_bg ._1 {
  font-size: 2.52vw;
  width: 43.8554%;
  height: 18%;
  top: 26.1666%;
  left: 2.771%;
}
.intro-story.__1 .tit_bx .img_txt_bg ._1 .tt {
  font-size: 19px;
  font-weight: 500;
}
.intro-story.__1 .tit_bx .img_txt_bg ._1 .tt span {
  display: block;
}
.intro-story.__1 .tit_bx .img_txt_bg ._1 .tt .bigger {
  font-weight: 700;
  font-size: 25px;
  margin-top: 5px;
}
.intro-story.__1 .tit_bx .img_txt_bg ._2 {
  font-size: 3.85vw;
  width: 60.7228%;
  height: 28.3333%;
  top: 47%;
  left: 39.2771%;
}
.intro-story.__1 .tit_bx .img_txt_bg ._2 .tt {
  font-size: 30px;
  font-weight: 500;
}
.intro-story.__1 .tit_bx .img_txt_bg ._2 .tt span {
  display: block;
}
.intro-story.__1 .tit_bx .img_txt_bg ._2 .tt .bigger {
  font-weight: 700;
  font-size: 40px;
  margin-top: 5px;
}
.intro-story.__1 .sec_1,
.intro-story.__1 .sec_2 {
  border-top: 1px solid #f0f0f0;
}
.intro-story.__1 .sec_2 {
  text-align: center;
}
.intro-story.__1 .sec_2 .list_bx {
  max-width: 1350px;
  margin: 0 auto;
}
.intro-story.__1 .sec_2 .list_bx .list {
  display: flex;
  flex-wrap: wrap;
  font-weight: 499;
  margin-left: -50px;
  margin-right: -50px;
}
.intro-story.__1 .sec_2 .list_bx .list li {
  width: 25%;
  padding: 0 50px;
}
.intro-story.__1 .sec_2 .list_bx .list p {
  margin-top: 15px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  color: #333;
}
.intro-story.__1 .sec_3 {
  background-color: #ededed;
}
.intro-story.__1 .sec_3 .list {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  margin-left: -15px;
  margin-right: -15px;
}
.intro-story.__1 .sec_3 .list li {
  width: 25%;
  border-right: 1px solid #ededed;
}
.intro-story.__1 .sec_3 .list li:last-child {
  border-right: 0;
}
.intro-story.__1 .sec_3 .list .wrap {
  padding: 60px 10px 25px;
  height: 100%;
  background-color: #fff;
}
.intro-story.__1 .sec_3 .list img {
  width: 126px;
}
.intro-story.__1 .sec_3 .list p {
  margin-top: 34px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 500;
  color: #333;
}
@media all and (max-width: 1200px) {
  .intro-story.__1 .sec_3 .list p .br {
    display: none;
  }
}
.intro-story.__1 .sec_4 {
  background-color: #2a2e39;
}
.intro-story.__1 .sec_4 .sec_title {
  color: #fff;
}
.intro-story.__1 .sec_4 .img_txt_bg {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  color: #fff;
  line-height: 1.3;
  font-size: 22px;
}
.intro-story.__1 .sec_4 .img_txt_bg .tt {
  width: 100%;
  padding: 0 1em;
}
.intro-story.__1 .sec_4 .img_txt_bg ._1 {
  width: 100%;
  left: 0;
  height: 8%;
  top: 0%;
}
.intro-story.__1 .sec_4 .img_txt_bg ._1 .tt {
  padding: 1em 0;
  transform: translateX(-50%);
  bottom: 0;
  top: auto;
}
.intro-story.__1 .sec_4 .img_txt_bg ._2,
.intro-story.__1 .sec_4 .img_txt_bg ._3 {
  width: 18%;
  height: 27.75%;
  top: 32.625%;
}
.intro-story.__1 .sec_4 .img_txt_bg ._2,
.intro-story.__1 .sec_4 .img_txt_bg ._4 {
  text-align: right;
  left: 0;
}
.intro-story.__1 .sec_4 .img_txt_bg ._3,
.intro-story.__1 .sec_4 .img_txt_bg ._5 {
  right: 0;
  text-align: left;
}
.intro-story.__1 .sec_4 .img_txt_bg ._4,
.intro-story.__1 .sec_4 .img_txt_bg ._5 {
  width: 25%;
  height: 27.6%;
  top: 70%;
}
.intro-story.__1 .sec_4 .list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  line-height: 1.3;
  color: #fff;
}
.intro-story.__1 .sec_4 .list > li {
  width: 50%;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.intro-story.__1 .sec_4 .list .tit {
  margin-bottom: 0.6em;
  font-size: 20.8px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #40c4ff;
}
.intro-story.__1 .sec_4 .list .txt {
  font-size: 20.8px;
  margin-bottom: 0.3em;
}
.intro-story.__1 .sec_4 .list .decimal_list {
  padding-left: 1em;
  font-weight: 100;
  opacity: 0.45;
  font-size: 16.8px;
}
.intro-story.__2 .sec_1 {
  line-height: 1.3;
  text-align: center;
}
.intro-story.__2 .sec_1 .list {
  display: flex;
  flex-wrap: wrap;
}
.intro-story.__2 .sec_1 .list li {
  width: 33.33%;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
}
.intro-story.__2 .sec_1 .list img {
  max-width: 225px;
  margin: 0 auto;
}
.intro-story.__2 .sec_1 .list p {
  font-size: 30px;
  color: #333;
  font-weight: 500;
  margin-top: 30px;
}
.intro-story.__2 .sec_1 .list p span {
  display: block;
  margin-top: 5px;
  color: #999;
  font-size: 24px;
}
.intro-story.__2 .sec_2 {
  text-align: center;
}
.intro-story.__3 .sec_1 {
  text-align: center;
}
.intro-story.__3 .sec_1 .list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flexstart;
}
.intro-story.__3 .sec_1 .list li {
  width: 20%;
  text-align: center;
  padding: 0 10px;
}
.intro-story.__3 .sec_1 .list li img {
  margin: 0 auto;
}
.intro-story.__5 .sec_1 .list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  max-width: 1160px;
  margin: 0 auto;
}
.intro-story.__5 .sec_1 .list li {
  width: 20%;
  text-align: center;
  padding: 0 32px;
}
.intro-story.__5 .sec_1 .list li img {
  margin: 0 auto;
}
.intro-story.__7 .step {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.intro-story.__7 .step li {
  width: 20%;
  text-align: center;
}
.intro-story.__7 .step li .wrap .img_bx {
  text-align: center;
  margin-bottom: 20px;
}
.intro-story.__7 .step li .wrap .img_bx img {
  max-width: 210px;
  margin: 0 auto;
}
@media all and (max-width: 1200px) {
  .intro-story.__7 .step li .wrap .img_bx img {
    max-width: 180px;
  }
}
.intro-story.__7 .step li .wrap .txt_bx {
  padding: 0 10px;
}
.intro-story.__7 .step li .wrap .txt_bx dt {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 500;
  color: #333;
}
.intro-story.__7 .step li .wrap .txt_bx dt .no {
  font-family: "Montserrat", sans-serif;
  color: #009fde;
}
.intro-story.__7 .step li .wrap .txt_bx dd {
  margin-top: 20px;
}
@media all and (max-width: 1300px) {
  .intro-story.__7 .step li .wrap .txt_bx dd br {
    display: none;
  }
}
.intro-story.__7 .flex_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 75px 0 80px 50px;
  flex-wrap: nowrap;
  background-color: #f5f5f5;
}
.intro-story.__7 .flex_box .l_bx {
  width: calc(50% - 188px);
  border-right: 1px solid #dadada;
}
@media all and (max-width: 1200px) {
  .intro-story.__7 .flex_box .l_bx {
    width: calc(50% - 90px);
  }
}
.intro-story.__7 .flex_box .r_bx {
  width: calc(50% + 188px);
  padding-left: 55px;
}
@media all and (max-width: 1200px) {
  .intro-story.__7 .flex_box .r_bx {
    width: calc(50% + 90px);
    padding-left: 25px;
  }
}
.intro-story.__7 .flex_box .borderbox {
  padding: 0;
  border: 0;
}
.intro-story.__7 .flex_box .borderbox__tit {
  font-size: 30px;
  letter-spacing: -1.5px;
  margin: 0 0 40px 0;
}
.intro-story.__7 .flex_box .borderbox__tit-box {
  padding-left: 85px;
  position: relative;
  text-align: left;
}
.intro-story.__7 .flex_box .borderbox__tit-box img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.intro-story.__7 .flex_box .borderbox__txt {
  border-top: 0;
  padding: 0;
  margin: 0;
}
.intro-story.__7 .flex_box .borderbox__txt a {
  height: 72px;
  position: relative;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  align-items: center;
  display: inline-flex;
}
.intro-story.__7 .flex_box .borderbox__txt a img {
  order: -1;
  margin: 0;
  max-width: 71px;
  margin-right: 15px;
}
.intro-story.__7 .flex_box .borderbox__txt a .tel {
  text-align: left;
}
.intro-story.__7 .flex_box .borderbox .txt {
  font-size: 24px;
  line-height: 1.3;
  color: #666;
  text-align: left;
}
.intro-story.__7 .flex_box .center_info {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.intro-story.__7 .flex_box .center_info > li {
  width: 33.3333%;
  padding-top: 0;
  margin-top: 0;
  padding: 0 5px;
}
.intro-story.__7 .flex_box .center_info > li .tit {
  font-size: 24px;
  color: #222;
}
.intro-story.__7 .flex_box .center_info > li .dot_list li {
  font-size: 18px;
  color: #666;
  letter-spacing: -1.3px;
}
.prd__inquiry .tel_bx:before, .prd__inquiry .tel_bx:after,
.intro-story.__7 .tel_bx:before,
.intro-story.__7 .tel_bx:after {
  display: table;
  content: '';
}
.prd__inquiry .tel_bx:after,
.intro-story.__7 .tel_bx:after {
  clear: both;
}
.prd__inquiry .tel_bx a,
.intro-story.__7 .tel_bx a {
  display: block;
}
.prd__inquiry .tel_bx .tel,
.intro-story.__7 .tel_bx .tel {
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  font-size: 35px;
  color: #000;
}
@media all and (max-width: 400px) {
  .prd__inquiry .tel_bx .tel,
  .intro-story.__7 .tel_bx .tel {
    font-size: 7vw;
  }
}
.prd__inquiry .tel_bx img,
.intro-story.__7 .tel_bx img {
  margin: 10px auto 0;
  width: 53.3333333333px;
}
.intro-story.__7 .center_info {
  line-height: 1.3;
}
.intro-story.__7 .center_info > li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}
.intro-story.__7 .center_info > li:nth-child(1) {
  border-top: 0;
  margin-top: 0;
}
.intro-story.__7 .center_info .tit {
  font-size: 20.8px;
  color: #333;
  font-weight: 500;
}
.intro-story.__7 .sec_3 {
  line-height: 1.3;
  text-align: center;
}
.intro-story.__7 .sec_3 .tit {
  color: #333;
  font-size: 24px;
  margin-bottom: 0.8em;
}
.intro-story.__7 .sec_3 .list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: floex-start;
  margin: 0 -5px;
}
.intro-story.__7 .sec_3 .list .slick-arrow {
  font-size: 2em;
  color: #fff;
  margin-top: -12px;
}
.intro-story.__7 .sec_3 .list p {
  font-size: 19.2px;
  margin-top: 10px;
}
.intro-story.__7 .sec_3 .list .item {
  padding: 0 5px;
}
.intro-story.__7 .sec_3 .list .item img {
  width: 43vw;
}
.intro-story.__7 .sec_3#sale .swipeWrap .list .sa_arw {
  top: calc(50% - 17px);
}
.intro-story.__7 .sec_3#sale .swipeWrap .list .sa_arw.sa_l {
  left: 20px;
}
.intro-story.__7 .sec_3#sale .swipeWrap .list .sa_arw.sa_r {
  right: 20px;
}

.intro__history .tab-wrap .tab {
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  width: 100%;
  margin-bottom: 30px;
}
.intro__history .tab-wrap .tab li {
  width: auto;
  display: inline-block;
  float: none;
  height: auto;
}
.intro__history .tab-wrap .tab a {
  padding: 0 32px;
  line-height: 53px;
  padding-bottom: 20px;
}
.intro__history .history_list {
  text-align: center;
  word-break: keep-all;
  margin: 0 auto;
  position: relative;
}
.intro__history .history_list .year_wrap {
  position: relative;
  text-align: right;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 50px;
  display: flex;
}
.intro__history .history_list .year_wrap .txt_bx {
  width: 50%;
  padding-right: 44px;
}
.intro__history .history_list .year_wrap .img_bx {
  padding: 100px 50px;
  text-align: center;
  width: 50%;
}
.intro__history .history_list .year_wrap .img_bx img {
  margin: 0 auto 20px;
  display: block;
}
.intro__history .history_list .year_wrap:last-child {
  padding-bottom: 0;
}
.intro__history .history_list .year_wrap:last-child:before, .intro__history .history_list .year_wrap:last-child:after {
  content: none;
}
.intro__history .history_list .year_wrap:first-child:before, .intro__history .history_list .year_wrap:first-child:after {
  content: '';
}
.intro__history .history_list .year_wrap:after, .intro__history .history_list .year_wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 20px;
  left: 50%;
  margin: 0 auto;
  border-left: 1px solid #e3e3e3;
  width: 1px;
}
.intro__history .history_list .year_wrap:after {
  height: 0;
  border-color: #009fde;
  transition: 300ms all;
}
.intro__history .history_list .year_wrap.on {
  color: #009fde;
  z-index: 2;
}
.intro__history .history_list .year_wrap.on:after {
  height: 100%;
}
.intro__history .history_list .year_wrap.on .year_title:after {
  content: '';
}
.intro__history .history_list .year_wrap .year_title {
  line-height: 1;
  font-size: 36px;
  font-weight: 700;
  color: #009fde;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 25px;
  position: relative;
}
.intro__history .history_list .year_wrap .year_title:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border: 6px solid #009fde;
  box-sizing: border-box;
  background-color: #fff;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  right: -53px;
  border-radius: 50%;
  z-index: 3;
}
.intro__history .history_list .year_wrap .wrap {
  position: relative;
  font-size: 19.2px;
}
.intro__history .history_list .year_wrap .wrap:before, .intro__history .history_list .year_wrap .wrap:after {
  display: table;
  content: '';
}
.intro__history .history_list .year_wrap .wrap:after {
  clear: both;
}
.intro__history .history_list .year_wrap .wrap dl {
  margin-top: 0.6em;
  line-height: 1.3;
  padding-right: 120px;
  position: relative;
}
.intro__history .history_list .year_wrap .wrap dl dd {
  margin-top: 0.3em;
  font-size: 18px;
  color: #666;
}
.intro__history .history_list .year_wrap .wrap dl dd:nth-child(1) {
  margin-top: 0;
}
.intro__history .history_list .year_wrap .wrap dl dt {
  font-weight: 500;
  font-size: 24px;
  right: 0;
  top: 0;
  position: absolute;
  color: #222;
  font-family: "Montserrat", sans-serif;
}
.intro__history .history_list .year_wrap._reverse {
  text-align: left;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
}
.intro__history .history_list .year_wrap._reverse:after, .intro__history .history_list .year_wrap._reverse:before {
  left: 50%;
}
.intro__history .history_list .year_wrap._reverse .img_bx {
  order: -1;
}
.intro__history .history_list .year_wrap._reverse .txt_bx {
  padding: 0;
  padding-left: 44px;
}
.intro__history .history_list .year_wrap._reverse .year_title:before {
  left: -53px;
}
.intro__history .history_list .year_wrap._reverse .wrap dl {
  padding-right: 0;
  padding-left: 120px;
}
.intro__history .history_list .year_wrap._reverse .wrap dl dt {
  right: auto;
  left: 0;
}

.intro__greet .sec_1 {
  margin-bottom: 150px;
}
.intro__greet .sec_1 .img_bx {
  text-align: center;
}
.intro__greet .sec_1 .img_bx img {
  margin: 0 auto;
  max-width: 324px;
}
.intro__greet .sec_1 .txt_bx {
  text-align: right;
}
.intro__greet .sec_2 {
  margin-bottom: 100px;
}
.intro__greet .sec_2 .img_bx {
  text-align: center;
}
.intro__greet .sec_2 .img_bx img {
  margin: 0 auto;
}
.intro__greet .sec_2 .txt_bx {
  padding-left: 100px;
}
.intro__greet .sec_3 .img_bx img {
  margin: 0 auto;
}
.intro__greet .sec_3 .tit_mc {
  color: #009fde;
  line-height: 1.3;
  letter-spacing: -0.03em;
  margin: 30px 0;
  font-size: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}
.intro__greet .sign {
  vertical-align: text-top;
  margin-left: 0.5em;
  height: 25px;
}

.intro__vvip {
  word-break: keep-all;
}
.intro__vvip .list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.intro__vvip .list > li {
  width: 25%;
}
.intro__vvip .list > li .wrap {
  text-align: center;
}
.intro__vvip .list > li .wrap .img_bx img {
  max-width: 209px;
  margin: 0 auto;
}
.intro__vvip .list > li .wrap .txt_bx {
  text-align: center;
  margin-top: 25px;
}
.intro__vvip .list > li .wrap .txt_bx dt {
  font-size: 20px;
  line-height: 1.3;
  color: #333;
  padding: 0 10px;
}
@media all and (max-width: 1200px) {
  .intro__vvip .list > li .wrap .txt_bx dt .br {
    display: none;
  }
}
.intro__vvip .list > li .wrap .txt_bx dd {
  font-size: 18px;
  line-height: 1.3;
  color: #666;
  margin-top: 5px;
}
.intro__vvip .borderbox {
  border: 0;
}
.intro__vvip .borderbox__tit {
  font-size: 30px;
  line-height: 1.2;
  color: #333;
}
.intro__vvip .borderbox__txt {
  font-size: 18px;
  color: #888;
}

.intro__memorial-service {
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fff;
  line-height: 1.4;
  font-weight: 100;
  word-break: keep-all;
  padding: 160px 0 185px;
  letter-spacing: -0.03em;
}
.intro__memorial-service img {
  margin: 20px 0;
}
.intro__memorial-service .desc {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 300;
}
.intro__memorial-service .txt {
  font-size: 24px;
  line-height: 2;
  color: #e0e0e0;
}
.intro__memorial-service .tit {
  margin-bottom: 80px;
  font-weight: 300;
  font-size: 72px;
  line-height: 1;
}

.intro__promotion {
  word-break: keep-all;
}
.intro__promotion .tab-wrap .tab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.intro__promotion .tab-wrap .tab li {
  width: auto;
  float: none;
}
.intro__promotion .tab-wrap .tab li a {
  padding: 0 35px;
  padding-bottom: 28px;
}
.intro__promotion__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 70px -58px 0;
}
.intro__promotion__item {
  padding: 0 58px 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ccc;
  width: 50%;
}
.intro__promotion__item .img_bx .tit {
  text-align: center;
  line-height: 1.2;
  background-color: #36393c;
  color: #fff;
  font-size: 33px;
  font-weight: 500;
  padding: 22px 15px;
}
.intro__promotion__item .btn_bx {
  text-align: center;
  margin-top: 42px;
}
.intro__promotion__item .btn_bx .btn-type-04 {
  line-height: 78px;
  padding: 0 48px;
  border: 3px solid #36393c;
  font-size: 24px;
  font-weight: 500;
  color: #36393c;
}
.intro__promotion__item .txt_bx {
  font-size: 16.8px;
  margin-top: 22px;
}
.intro__promotion__item .txt_bx dl {
  line-height: 1.3;
  margin-top: 12px;
}
.intro__promotion__item .txt_bx dl:nth-child(1) {
  margin-top: 0;
}
.intro__promotion__item .txt_bx dl dt {
  float: left;
  width: 86px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  position: relative;
}
.intro__promotion__item .txt_bx dl dd {
  overflow: hidden;
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  color: #666;
}
.intro__promotion__item .txt_bx dl dd:before {
  position: absolute;
  top: 4px;
  left: 14px;
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 2px;
  background-color: #d0d0d0;
  content: '';
}

.bx__map_search_form span {
  margin: 5px 0;
}
.bx__map_search_form input,
.bx__map_search_form select {
  width: 100%;
}
.bx__map_search_form .form__btn {
  padding: 0;
  border: 0;
  line-height: 60px;
  background-color: #009fde;
  color: #fff;
}

.bx__map {
  margin: 50px auto;
}
.bx__map #map {
  position: relative;
  content: '';
  display: block;
  padding-bottom: 600px;
}
.bx__map #map .root_daum_roughmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bx__map #map .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100% !important;
}
.bx__map #map .root_daum_roughmap .wrap_controllers {
  display: none;
}
.bx__map_search_form {
  padding: 40px 15px;
  margin-bottom: 20px;
  background-color: #eee;
}
.bx__map_search_form .form__input, .bx__map_search_form .form__select {
  font-size: 24px;
  color: #222;
}
.bx__map_search_form .form__btn {
  font-size: 24px;
}
.bx__map_search_form .flex_bx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  max-width: 1084px;
  margin: 0 auto;
}
.bx__map_search_form .flex_bx .l_bx {
  width: calc(53.322% - 51px);
}
.bx__map_search_form .flex_bx .m_bx {
  width: 102px;
  text-align: center;
  font-size: 24px;
  color: #666;
}
.bx__map_search_form .flex_bx .r_bx {
  width: calc(46.678% - 51px);
}
.bx__map_search_form .search_bx {
  position: relative;
  padding-right: 143px;
}
.bx__map_search_form .search_bx .form__input {
  font-size: 24px;
}
@media all and (max-width: 1200px) {
  .bx__map_search_form .search_bx .form__input {
    font-size: 20px;
  }
}
.bx__map_search_form .search_bx .form__input::placeholder {
  opacity: 0.3;
}
.bx__map_search_form .search_bx .form__btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 143px;
  font-size: 18px;
  font-weight: 500;
}

.bx__result .result__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -10px;
}
.bx__result .result__title {
  word-break: keep-all;
  text-align: left;
  font-size: 18px;
  line-height: 1.2;
  padding-top: 0;
  margin: 15px 0;
}
.bx__result .result__item {
  width: 50%;
  padding: 0 10px 20px;
}
.bx__result .result__item.date1 .tit {
  background-color: #115bbd;
}
.bx__result .result__item.date2 .tit {
  background-color: #689f38;
}
.bx__result .result__item.date3 .tit {
  background-color: #ff8f00;
}
.bx__result .result__item .tit {
  text-align: left;
  line-height: 1.2;
  background-color: #36393c;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  padding: 14px 15px 14px 20px;
  position: relative;
}
.bx__result .result__item .tit .date {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
}
.bx__result .result__item .txt_bx {
  height: calc(100% - 56px);
  border: 1px solid #f0f0f0;
  border-top: 0;
  padding: 15px;
  font-size: 16.8px;
}
.bx__result .result__item .txt_bx dl {
  line-height: 1.3;
  margin-top: 0.3em;
}
.bx__result .result__item .txt_bx dl:nth-child(1) {
  margin-top: 0;
}
.bx__result .result__item .txt_bx dl dt {
  float: left;
  width: 66px;
  font-weight: 500;
  font-size: 18px;
  color: #666;
  position: relative;
}
.bx__result .result__item .txt_bx dl dd {
  overflow: hidden;
  position: relative;
  font-size: 18px;
  color: #333;
  padding-left: 21px;
}
.bx__result .result__item .txt_bx dl dd:before {
  position: absolute;
  left: 10px;
  top: 8px;
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 1px;
  background-color: #e0e0e0;
  content: '';
}

.intro__event-map__label {
  margin: 20px 0;
  display: flex;
  justify-content: center;
}
.intro__event-map__label .item {
  margin: 0 15px;
  font-size: 18px;
  color: #666;
}
.intro__event-map__label .item img {
  width: 22px;
  margin-right: 5px;
}

.map_infowindow {
  background-color: #fff;
  font-size: 13px;
  text-align: left;
  padding: 10px;
  border: 2px solid #009fde;
  position: absolute;
  min-width: 250px;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  white-space: normal;
}
.map_infowindow .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
}
.map_infowindow .tit {
  font-size: 16px;
  color: #222;
  font-weight: 500;
}
.map_infowindow .txt_bx {
  line-height: 1.3;
  max-width: 200px;
  word-break: keep-all;
}
.map_infowindow .txt_bx dl {
  margin-top: 0.5em;
}
.map_infowindow .txt_bx dt {
  float: left;
  font-weight: 500;
  color: #333;
  width: 5em;
}
.map_infowindow .txt_bx dd {
  overflow: hidden;
  position: relative;
}
.map_infowindow.date1 {
  border-color: #115bbd;
}
.map_infowindow.date2 {
  border-color: #689f38;
}
.map_infowindow.date3 {
  border-color: #ff8f00;
}

.intro__notice__title, .intro__notice__link {
  letter-spacing: -0.03em;
  text-align: center;
  display: block;
}
.intro__notice__title img, .intro__notice__link img {
  vertical-align: middle;
  margin-right: 10px;
  width: 47px;
}
.intro__notice__title {
  padding: 22px 10px;
  background-color: #36393c;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.intro__notice__link {
  max-width: 315px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  color: #333;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1.5px;
}
.intro__notice__link img {
  width: 36px;
  margin-right: 5px;
}
.intro__notice .posi_bx {
  position: relative;
}
.intro__notice .boardsearch {
  max-width: calc(100% - 630px);
  margin: 30px auto 75px;
  padding-right: 143px;
}
@media all and (max-width: 1300px) {
  .intro__notice .boardsearch {
    max-width: calc(100% - 315px);
    margin-left: 0;
  }
}
.intro__notice .boardsearch__input {
  font-size: 24px;
  padding: 0 20px;
}
.intro__notice .boardsearch__input::placeholder {
  opacity: 0.3;
}
.intro__notice .boardsearch__btn {
  width: 143px;
  font-size: 18px;
  font-weight: 500;
}

.intro__group-funeral,
.intro__social-funeral {
  word-break: keep-all;
}
.intro__group-funeral .borderbox,
.intro__social-funeral .borderbox {
  padding: 0;
  border: 0;
}
.intro__group-funeral .borderbox__tit,
.intro__social-funeral .borderbox__tit {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.05em;
}
.intro__group-funeral figure,
.intro__social-funeral figure {
  margin: 0;
  margin-top: 30px;
  padding: 0;
  text-align: center;
}
.intro__group-funeral figure figcaption,
.intro__social-funeral figure figcaption {
  margin-top: 0.5em;
  font-size: 16.8px;
  line-height: 1.3;
}
.intro__group-funeral figure .small,
.intro__social-funeral figure .small {
  color: #999;
  font-size: 14.4px;
}
.intro__group-funeral section,
.intro__social-funeral section {
  margin: 50px auto;
  line-height: 1.4347826087;
  font-size: 18.4px;
}
.intro__group-funeral section .txt,
.intro__social-funeral section .txt {
  font-weight: 300;
}
.intro__group-funeral section .tit,
.intro__social-funeral section .tit {
  font-weight: 400;
  font-size: 20.8px;
  color: #000;
}
.intro__group-funeral .boxlist,
.intro__social-funeral .boxlist {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
  justify-content: space-between;
}
.intro__group-funeral .boxlist {
  max-width: 1000px;
  margin: 0 auto;
}
.intro__group-funeral .boxlist--item,
.intro__social-funeral .boxlist--item {
  margin: 5px;
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px 5px;
  line-height: 1.3;
}
.intro__group-funeral .boxlist--item img,
.intro__social-funeral .boxlist--item img {
  margin: 0 auto 20px;
  display: block;
}
.intro__group-funeral .boxlist--item dt,
.intro__social-funeral .boxlist--item dt {
  color: #222;
  font-weight: 400;
  font-size: 24pxv;
}
.intro__group-funeral .boxlist--item dd,
.intro__social-funeral .boxlist--item dd {
  margin-top: 1em;
  font-size: 18px;
}

.funeral-step {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.funeral-step__tit {
  font-size: 24px;
  text-align: center;
  padding: 20px 10px;
  color: #fff;
  background-color: #009fde;
  line-height: 1.2;
}
.funeral-step--reverse {
  flex-direction: row-reverse;
}
.funeral-step--reverse .funeral-step__item:after {
  content: '\e906';
  right: auto;
  left: -85px;
  transform: translate(100%, -50%);
}
.funeral-step__item {
  position: relative;
  border: 1px solid #dddddd;
  border-top: 0;
  width: 410px;
  margin-bottom: 80px;
  font-size: 16.8px;
}
.funeral-step__item:after {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.funeral-step__item.no-arr:after {
  content: none !important;
  display: none;
}
.funeral-step__item:after {
  position: absolute;
  display: block;
  top: 50%;
  transform: translate(-100%, -50%);
  right: -85px;
  font-size: 30px;
  text-align: center;
  color: #aaaaaa;
}
.funeral-step__item:nth-child(3n):after {
  content: '\e905';
  top: auto;
  left: auto;
  right: auto;
  left: 50%;
  transform: translate(-50%, -100%);
  bottom: -80px;
}
.funeral-step__item dl {
  margin-top: 0.6em;
}
.funeral-step__item dl:nth-child(1) {
  margin-top: 0;
}
.funeral-step__item dt {
  font-weight: 500;
  color: #009fde;
  font-size: 19.2px;
}
.funeral-step__item dd {
  line-height: 1.3;
  position: relative;
  margin-top: 0.3em;
}
.funeral-step__item dd:nth-child(1) {
  margin-top: 0;
}
.funeral-step__item dd:before {
  content: '· ';
}
.funeral-step__item .txt_bx {
  padding: 30px 10px;
}

.intro__brand__bg {
  height: 568px;
  position: relative;
  overflow: hidden;
}
.intro__brand__bg > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.intro__brand__txt {
  font-weight: 300;
  max-width: 1024px;
  margin: 0 auto;
}
.intro__brand__txt .txt {
  line-height: 1.5;
  color: #504f4f;
  margin-top: 40px;
  font-size: 24px;
}
.intro__brand__txt .txt--em {
  margin-top: 20px;
  font-size: 42px;
  font-weight: 500;
  color: #009fde;
}

/*
sub-product.scss
*/
.prd--intro {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  text-align: center;
  color: #333;
  padding: 110px 0 100px;
}
.prd--intro .bx_box {
  color: #fff;
  margin: 40px 0 60px;
  font-weight: 300;
  display: flex;
  flex-wrap: nowrap;
  margin-left: -5px;
  margin-right: -5px;
  justify-content: center;
}
.prd--intro .bx_box .bx {
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 5px;
  line-height: 1.3;
  padding: 22px 5px;
  width: 100%;
  max-width: 298px;
}
.prd--intro .bx_box .bx dt {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: 400;
}
.prd--intro .bx_box .bx dd {
  font-size: 24px;
}
.prd--intro .bx_box .bx._bliss {
  width: auto;
  max-width: 100%;
  padding: 22px 160px;
}
.prd--intro .bx_box .bx._bliss dd {
  font-size: 36px;
}
.prd--intro .bx_term {
  margin: 20px auto 0;
  text-align: center;
}
.prd--intro .bx_term .term_link {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.05em;
  background-color: #fff;
  padding: 1em 2em;
  border-radius: 15px;
  color: #555;
}
.prd--intro .bx_term .term_link i {
  margin-left: 0.8em;
}

.prd--section {
  font-weight: 300;
  padding: 55px 0 60px;
  background-color: #fff;
}
.prd--section__title {
  text-align: center;
  font-size: 40px;
  letter-spacing: -0.05em;
  color: #222;
  font-weight: 500;
  margin-bottom: 60px;
  position: relative;
  padding-bottom: 30px;
}
.prd--section__title .img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 24px;
}
.prd--section .section_title {
  text-align: center;
  margin-bottom: 45px;
  line-height: 1.5;
}
.prd--section .section_title:after {
  background-color: #009fde;
  display: block;
  margin: 10px auto;
  width: 5px;
  height: 19px;
  content: '';
  transform-origin: bottom;
  transform: skew(-45deg);
  position: relative;
  left: -12px;
}
.prd--section .section_title.bg_w {
  background-color: #fff;
}
.prd--section .section_title.no_af:after {
  display: none;
}
.prd--section .section_title._graph_bar {
  margin-bottom: 0;
}
.prd--section .section_title .desc {
  letter-spacing: -0.04em;
  font-size: 30px;
  font-weight: 400;
  color: #222;
  margin-top: 45px;
}
.prd--section .section_title .txt {
  font-size: 24px;
  line-height: 1.2;
  color: #666;
  margin-top: 8px;
}
.prd--section .section_title .tit {
  color: #222;
  letter-spacing: -1px;
  font-size: 40px;
  font-weight: 500;
}

.prd--term .section_title .info {
  color: #888;
  margin-bottom: 5px;
  line-height: 1.3;
  font-size: 18px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.prd--term .section_title .info .xi-info-o {
  margin-right: 5px;
}
.prd--term .term_txt {
  padding: 0 35px;
  font-size: 18px;
}
.prd--term .term_txt .decimal_list {
  padding-left: 2em;
}
.prd--term .term_txt .decimal_list li {
  margin-top: 0.5em;
  line-height: 1.4;
}
.prd--term .term_txt .dot_list li,
.prd--term .term_txt .hyphen_list li {
  font-size: 18px;
  margin-top: 8px;
}
.prd--term .term_txt__box {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  padding: 1em;
  margin: 1em 0;
}
.prd--term .term_txt__box li,
.prd--term .term_txt__box .dot_list li,
.prd--term .term_txt__box .hyphen_list li {
  font-size: 16px;
}

.sec_prd-block-list {
  max-width: 1400px;
}

.swipeWrap__funeral .slick-arrow {
  font-size: 20px;
}
.swipeWrap__funeral .slick-arrow.sa_l {
  left: 10px;
}
.swipeWrap__funeral .slick-arrow.sa_r {
  right: 10px;
}
.swipeWrap__funeral .prd-block--list {
  padding: 0 30px;
}
.swipeWrap__funeral .prd-block--item {
  max-width: 244px;
  width: 100%;
}
.swipeWrap__funeral .prd-block--item .prd-name--name {
  max-width: 100%;
}

.prd__funeral {
  word-break: keep-all;
  padding: 0;
  padding-bottom: 95px;
  background-color: #ededed;
}
.prd__funeral .prd--section.wrapper {
  max-width: 1400px;
}
.prd__funeral .section_title:after {
  content: none;
}
.prd__funeral .section_title .tit:after {
  background-color: #009fde;
  display: block;
  margin: 10px auto;
  width: 5px;
  height: 19px;
  content: '';
  transform-origin: bottom;
  transform: skew(-45deg);
  position: relative;
  left: -12px;
}
.prd__funeral .intro-story .sec_title {
  line-height: 1.3;
  font-size: 30px;
  font-weight: 400;
  color: #222;
  letter-spacing: -0.03em;
}
.prd__funeral .intro-story .sec_3 {
  background-color: transparent;
}
.prd__funeral--intro {
  color: #fff;
  padding-bottom: 180px;
}
.prd__funeral--intro .bx_title {
  line-height: 1.5;
}
.prd__funeral--intro .bx_title .txt {
  line-height: 1.5;
  margin-top: 40px;
  color: #fff;
  font-size: 18px;
  line-height: 1.3333333333;
  letter-spacing: -0.05em;
}
.prd__funeral--intro .bx_title .txt._b {
  color: #333;
}
.prd__funeral--intro .bx_title .desc {
  font-size: 24px;
  color: #fff;
  letter-spacing: -0.075em;
}
.prd__funeral--intro .bx_title .eng {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: -0.025em;
  margin-top: 10px;
}
.prd__funeral--intro .bx_title .tit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 80px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.prd__funeral--intro .bx_title .tit:after {
  content: '';
  position: absolute;
  left: calc(100% + 7px);
  top: -20px;
  background: url(../images/product/prd-title_deco.png) no-repeat;
  width: 38px;
  height: 26px;
}
.prd__funeral--intro .bx_title .tit_desc {
  font-size: 30px;
  letter-spacing: -0.025em;
  font-weight: 400;
  line-height: 1.2;
}
.prd__funeral--intro .bx_price {
  margin-top: 40px;
  display: flex;
  line-height: 1;
  align-items: flex-end;
  justify-content: center;
}
.prd__funeral--intro .bx_price dt {
  font-size: 1.375rem;
}
.prd__funeral--intro .bx_price dd {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  margin-left: 10px;
  font-size: 1.875rem;
}
.prd__funeral--intro .bx_price__number {
  margin-right: 5px;
  font-size: 3.75rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
.prd__funeral--intro .bx_price_type {
  margin-top: 40px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.prd__funeral--intro .bx_price_type dl {
  line-height: 1;
  font-size: 1.625rem;
  padding: 0 1.875rem;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.prd__funeral--intro .bx_price_type dl:nth-child(1) {
  border-left: 0;
}
.prd__funeral--intro .bx_price_type dt {
  font-weight: 600;
}
.prd__funeral--intro .bx_price_type dt .bx_price_type__number {
  font-family: "Open Sans", sans-serif;
  font-size: 2.1875rem;
}
.prd__funeral--intro .bx_price_type dd {
  margin-top: 5px;
  font-weight: 300;
}
.prd__funeral--intro .bx_price_type dd .bx_price_type__number {
  font-family: "Open Sans", sans-serif;
  font-size: 1.875rem;
}
.prd__funeral .bx_service {
  margin: 0 auto;
  margin-top: 100px;
  max-width: 1040px;
  font-size: 16px;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.prd__funeral .bx_service .item {
  flex: 1 0 auto;
  max-width: 20%;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
}
.prd__funeral .bx_service .icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  margin: 10px auto;
}
.prd__funeral--nav .sec_title {
  text-indent: -15px;
}
.prd__funeral--card {
  padding-top: 0;
  background-color: #ededed;
  padding-bottom: 0;
}
.prd__funeral--card .card {
  text-align: center;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding-bottom: 70px;
  position: relative;
}
.prd__funeral--card .card_benefit_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.prd__funeral--card .card_benefit_list .item {
  width: 20%;
  padding: 48px 10px 45px;
  border-right: 1px solid #ededed;
  background-color: #fff;
  text-align: center;
}
.prd__funeral--card .card_benefit_list .item:nth-child(1) .icon {
  background-position-y: 0px;
}
.prd__funeral--card .card_benefit_list .item:nth-child(2) .icon {
  background-position-y: -90px;
}
.prd__funeral--card .card_benefit_list .item:nth-child(3) .icon {
  background-position-y: -180px;
}
.prd__funeral--card .card_benefit_list .item:nth-child(4) .icon {
  background-position-y: -270px;
}
.prd__funeral--card .card_benefit_list .item:nth-child(5) .icon {
  background-position-y: -360px;
}
.prd__funeral--card .card_benefit_list .item:last-child {
  border-right: 0;
}
.prd__funeral--card .card_benefit_list .icon {
  border-radius: 50%;
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  background-image: url(../images/product/sprite.png);
  background-repeat: no-repeat;
  background-size: 900px;
  background-position-x: -450px;
}
.prd__funeral--card .card_benefit_list .img_bx {
  vertical-align: middle;
  width: 90px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.prd__funeral--card .card_benefit_list .txt_bx {
  vertical-align: middle;
  line-height: 1.3;
}
.prd__funeral--card .card_benefit_list .txt_bx dt {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  margin-bottom: 12px;
}
@media all and (max-width: 1300px) {
  .prd__funeral--card .card_benefit_list .txt_bx dt {
    font-size: 22px;
  }
}
.prd__funeral--card .card_benefit_list .txt_bx dd {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  letter-spacing: -1px;
}
@media all and (max-width: 1400px) {
  .prd__funeral--card .card_benefit_list .txt_bx dd .br {
    display: none;
  }
}
.prd__funeral--card .card_benefit_list .txt_bx .small {
  color: #999;
  font-size: 14.4px;
}
.prd__funeral--refund .refund_txt {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: auto;
  width: auto;
  max-width: 800px;
}
.prd__funeral--refund .refund_txt > * {
  display: table-cell;
}
.prd__funeral--refund .refund_txt .img_bx {
  vertical-align: bottom;
  width: 133.3333333333px;
}
.prd__funeral--refund .refund_txt .txt_bx {
  font-size: 16.8px;
  letter-spacing: -0.05em;
  line-height: 1.3;
}
.prd__funeral--refund .refund_txt .txt_bx .tit {
  font-weight: 500;
  letter-spacing: -0.075em;
  font-size: 36px;
  margin-top: 35px;
}
.prd__funeral--refund .refund_txt .txt_bx .dot_list li {
  font-size: 24px;
}
.prd__funeral--refund .refund_txt .icon {
  position: relative;
  display: block;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.prd__funeral--benefit {
  text-align: center;
  color: #333;
}
.prd__funeral--benefit .txt_bx {
  letter-spacing: -0.03em;
  line-height: 1.4;
}
.prd__funeral--benefit .txt_bx [class*='btn-type-0'] {
  font-size: 18px;
}
.prd__funeral--benefit--lotte ._mc {
  color: #e70012 !important;
}
.prd__funeral--benefit--lotte .btn-type-01 {
  background-color: #e70012 !important;
  border-color: #e70012 !important;
}
.prd__funeral--benefit--lotte .section_title {
  margin-bottom: 15px;
}
.prd__funeral--benefit--lotte .section_title .desc {
  margin-top: 20px;
}
.prd__funeral--benefit--lotte .txt_bx {
  font-size: 18px;
  letter-spacing: -1px;
}
.prd__funeral--info .tbl tbody td {
  text-align: left;
}
.prd__funeral--info .tbl tbody td:nth-last-child(5), .prd__funeral--info .tbl tbody td:nth-last-child(3), .prd__funeral--info .tbl tbody td:nth-last-child(4) {
  text-align: center;
}

.switch-service {
  text-align: center;
  display: flex;
  justify-content: center;
}
.switch-service .item {
  max-width: 405px;
  margin: 0 10px;
  flex: 0 1 auto;
}
.switch-service .tit {
  padding: 1em;
  line-height: 1.3;
  background-color: #394250;
  color: #fff;
  font-size: 20px;
  letter-spacing: -0.05em;
  font-weight: 500;
}

.prd__wedding {
  word-break: keep-all;
  padding: 0;
}
.prd__wedding--intro {
  padding: 120px 0 50px;
}
.prd__wedding--intro .bx_title--wedding .desc {
  font-size: 30px;
  letter-spacing: -0.075em;
  margin-bottom: 10px;
}
.prd__wedding--intro .bx_title--wedding .tit {
  font-weight: 600;
  color: #000;
  font-size: 60px;
  letter-spacing: -0.025em;
  line-height: 1;
}
.prd__wedding--intro .bx_title--wedding .tit .img {
  display: block;
  margin: 60px auto;
  width: 43px;
  height: 29px;
}
.prd__wedding--intro .bx_title--wedding .txt {
  font-size: 30px;
  letter-spacing: -0.075em;
  color: #000;
}
.prd__wedding--intro .bx_term {
  margin-top: 230px;
}
.prd__wedding--intro .bx_call {
  margin: 40px auto 0;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
.prd__wedding--intro .bx_call,
.prd__wedding--intro .bx_call a {
  color: #000;
}
.prd__wedding--intro .bx_call dt {
  font-size: 22px;
  font-weight: 500;
}
.prd__wedding--intro .bx_call dd {
  font-size: 60px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}
.prd__wedding--intro .bx_call dd img {
  height: 53.3333333333px;
  vertical-align: middle;
}
.prd__wedding .section_title .desc {
  font-weight: 400;
}
.prd__wedding .section_title .txt {
  font-size: 20.8px;
}
.prd__wedding .graph_doughnut {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.prd__wedding .graph_doughnut_wrap {
  text-align: center;
  padding: 95px 10px 30px;
  background-color: #fff;
}
.prd__wedding .graph_doughnut_wrap .txt05 {
  font-size: 18px;
  line-height: 1.3;
  color: #999;
  padding-right: 35px;
}
.prd__wedding .graph_doughnut .title {
  font-size: 24px;
  line-height: 1.3;
  color: #666;
}
.prd__wedding .graph_doughnut .wrap {
  position: relative;
  height: 221px;
  margin-bottom: 20px;
}
.prd__wedding .graph_doughnut .wrap .number {
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  font-weight: 600;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.prd__wedding .graph_doughnut canvas {
  height: auto !important;
}
.prd__wedding .graph_doughnut .item {
  padding: 5px;
  width: 20%;
}
.prd__wedding .graph_doughnut .item:nth-child(1) .number {
  color: #fa3959;
}
.prd__wedding .graph_doughnut .item:nth-child(2) .number {
  color: #e98ca3;
}
.prd__wedding .graph_doughnut .item:nth-child(3) .number {
  color: #ef9778;
}
.prd__wedding .graph_doughnut .item:nth-child(4) .number {
  color: #ffb1b8;
}
.prd__wedding .graph_doughnut .item:nth-child(5) .number {
  color: #ffc085;
}
.prd__wedding .graph_bar {
  position: relative;
}
.prd__wedding .graph_bar .img {
  position: absolute;
  top: 0;
  left: 0;
}
.prd__wedding .graph_bar_wrap .title {
  margin-bottom: 38px;
  text-align: center;
  font-size: 48px;
  line-height: 1;
  color: #222;
  font-weight: 500;
}
.prd__wedding .graph_bar_wrap .title span {
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 70px;
  color: #9575cd;
}
.prd__wedding .feature_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  max-width: 1182px;
  margin: 0 auto;
}
.prd__wedding .feature_list li {
  width: 33.33333%;
}
.prd__wedding .feature_list li .wrap .img_bx {
  margin-bottom: 28px;
  text-align: center;
}
.prd__wedding .feature_list li .wrap .img_bx img {
  margin: 0 auto;
  max-width: 252px;
}
.prd__wedding .feature_list li .wrap .txt_bx {
  text-align: center;
}
.prd__wedding .feature_list li .wrap .txt_bx dt {
  font-size: 20px;
  line-height: 1.4;
  color: #333;
  font-weight: 500;
}

.prd__tour {
  word-break: keep-all;
  padding: 0;
}
.prd__tour--intro {
  color: #fff;
}
.prd__tour--intro .bx_title {
  line-height: 1.5;
}
.prd__tour--intro .bx_title .txt {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  letter-spacing: -1.5px;
}
.prd__tour--intro .bx_title .txt._b {
  color: #333;
}
.prd__tour--intro .bx_title .desc {
  font-size: 24px;
  color: #fff;
  letter-spacing: -1.5px;
}
.prd__tour--intro .bx_title .desc._b {
  color: #666;
}
.prd__tour--intro .bx_title .tit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 68px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.prd__tour--intro .bx_title .tit img {
  height: 40px;
  margin-right: 20px;
}
.prd__tour--intro .bx_title .tit:after {
  background-color: #009fde;
  display: block;
  margin: 10px auto;
  width: 5px;
  height: 19px;
  content: '';
  transform-origin: bottom;
  transform: skew(-45deg);
  position: absolute;
  bottom: -48px;
  left: calc(50% - 12px);
  transform: translateX(-50%) skew(-45deg);
}
.prd__tour--intro .bx_service {
  margin: 33.3333333333px auto 0;
  font-size: 16.8px;
  max-width: 1040px;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.prd__tour--intro .bx_service .item {
  width: 20%;
  margin-bottom: 10px;
}
.prd__tour--intro .bx_service .item:nth-child(1) .icon {
  background-position-y: 0px;
}
.prd__tour--intro .bx_service .item:nth-child(2) .icon {
  background-position-y: -90px;
}
.prd__tour--intro .bx_service .item:nth-child(3) .icon {
  background-position-y: -180px;
}
.prd__tour--intro .bx_service .item:nth-child(4) .icon {
  background-position-y: -270px;
}
.prd__tour--intro .bx_service .item:nth-child(5) .icon {
  background-position-y: -360px;
}
.prd__tour--intro .bx_service .icon {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  background-image: url(../images/product/sprite.png);
  background-repeat: no-repeat;
  background-size: 900px;
}
.prd__tour--intro .bx_service p {
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
}
.prd__tour--intro .bx_term {
  margin: 20px auto 0;
  text-align: center;
}
.prd__tour--intro .bx_term .term_link {
  display: inline-block;
  font-size: 22px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 18px 37px;
  border-radius: 15px;
  color: #555;
}
.prd__tour--intro .bx_term .term_link i {
  margin-left: 0.8em;
}
.prd__tour--intro .bx_service .item {
  width: 25%;
}
.prd__tour--intro .bx_term .term_link {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.prd__tour .service_list {
  text-align: left;
}
.prd__tour .service_list li {
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
}
.prd__tour .service_list li:nth-child(1) {
  border-top: 0;
}
.prd__tour .service_list .wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.prd__tour .service_list .wrap > * {
  display: table-cell;
}
.prd__tour .service_list .wrap > * {
  vertical-align: middle;
}
.prd__tour .service_list .img_bx {
  padding-right: 10px;
  max-width: 113.3333333333px;
  width: 29.8245614035%;
}
.prd__tour .service_list .txt_bx {
  line-height: 1.3;
}
.prd__tour .service_list .txt_bx dt,
.prd__tour .service_list .txt_bx dd {
  display: block;
}
.prd__tour .service_list .txt_bx dt {
  font-size: 20.8px;
  color: #222;
  font-weight: 500;
}
.prd__tour .service_list .txt_bx dt .no {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #009fde;
}
.prd__tour .service_list .txt_bx dd {
  margin-top: 0.5em;
  font-size: 16.8px;
}
.prd__tour .service_list .img_bx {
  width: 22%;
}
.prd__tour--1 .prd--intro {
  background-image: url(../images/product/tour/bg_1.jpg);
}
.prd__tour--1 .prd--intro .icon {
  background-position-x: -540px;
}

/*memorial_comment*/
.tit_comment {
  font-size: 24px;
  padding: 40px 0 20px;
  border-bottom: 1px solid #ddd;
}

.comment_list li {
  border-bottom: 1px solid #ddd;
  padding: 25px 0;
}

.writer {
  font-size: 16px;
  font-family: 'Noto Medium';
  position: relative;
}

.writer span {
  padding-left: 25px;
  font-size: 14px;
  font-family: 'Noto Light';
}

.writer .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.comment_list li p {
  font-size: 18px;
  line-height: 1.5em;
  padding-top: 15px;
}

.modify_btn {
  background: #898989;
  color: #fff;
  font-size: 14px;
  width: 57px;
  height: 30px;
  border: 0;
  font-family: 'Noto Light';
  margin-left: 5px;
}

.comment_write {
  background: #e5e5e5;
  padding: 20px;
  margin: 30px 0;
  position: relative;
}

.write_id {
  display: inline-block;
}

.comment_write .write_id p {
  font-size: 16px;
}

.comment_write .write_id dt,
.comment_write .write_id dd {
  float: left;
}

.comment_write .write_id dt {
  display: inline-block;
  padding: 0;
  width: 80px;
  font-size: 14px;
  line-height: 2em;
  clear: both;
}

.comment_write .write_id .m_name,
.comment_write .write_id .m_pw {
  width: 80px;
}

.comment_write .write_id input[type="text"] {
  width: 120px;
  height: 32px;
  border: 1px solid #c5c5c5;
  text-indent: 10px;
  margin-bottom: 5px;
}

.comment_write .write_id input[type="password"] {
  width: 120px;
  height: 32px;
  border: 1px solid #c5c5c5;
  text-indent: 10px;
  margin-bottom: 5px;
}

.comment_write textarea {
  width: 67%;
  min-height: 100px;
  height: 70px;
  line-height: 24px;
  vertical-align: middle;
  border: 1px solid #c5c5c5;
  background: #fff;
  font-size: 15px;
  padding: 15px;
  position: relative;
  float: right;
  margin-right: 110px;
}

.comment_write label {
  position: absolute;
  top: 1px;
  left: 1px;
  line-height: 40px;
  color: #888;
  text-indent: 15px;
  cursor: text;
}

.write_btn {
  position: absolute;
  right: 20px;
  top: 20px;
  background: #009fde;
  color: #fff;
  font-size: 15px;
  line-height: 100px;
  width: 100px;
  height: 100px;
  padding: 0px;
  border: 0;
}

.memorial_icon {
  background: #585858;
  height: 200px;
  padding: 35px 0;
  text-align: center;
  color: #e5e5e5;
}

.icon_tit {
  font-size: 16px;
  color: #fff;
  padding-top: 10px;
}

.memorial_icon ul {
  width: 700px;
  margin: 0 auto;
}

.memorial_icon li {
  float: left;
  width: 140px;
}

.memorial_icon li img {
  width: 72px;
  padding: 25px 0 5px 0;
  cursor: pointer;
}

.memorial_icon li p {
  font-size: 15px;
}

.memorial_icon li .count {
  margin: 23px auto 0;
  background: #6e6e6e;
  line-height: 23px;
  height: 22px;
  width: 57px;
  border-radius: 15px;
  font-size: 12px;
  font-family: dotum;
}

.icon_btn {
  width: 22px;
  margin: 0;
  display: inline-block;
}

.icon_btn img {
  width: 100%;
}

.memorial_comment .last_btn {
  border-top: 1px solid #ddd;
  margin-bottom: 70px;
}

.prd__memorial {
  word-break: keep-all;
  padding: 0;
}
.prd__memorial--intro {
  color: #fff;
  background-attachment: inherit;
  background-image: url(../images/product/memorial/intro_bg.jpg);
  background-size: cover;
}
.prd__memorial--intro .bx_title .tit {
  line-height: 1.1;
  font-family: inherit;
}
.prd__memorial--intro .bx_service .item {
  width: 50%;
}
.prd__memorial--intro .icon {
  background-position-x: -630px;
}
.prd__memorial .memorial--item .tit_bx {
  text-align: center;
  padding-top: 15px;
  letter-spacing: -0.04em;
}
.prd__memorial .memorial--item .tit_bx .tit {
  color: #111;
  font-size: 24px;
  font-weight: 500;
}
.prd__memorial .memorial--item .tit_bx .txt {
  text-align: left;
  line-height: 1.3;
  margin-top: 1em;
  color: #999;
  display: inline-block;
  font-size: 14.4px;
}
.prd__memorial .memorial--item .tit_bx .txt dt {
  position: relative;
}
.prd__memorial .memorial--item .tit_bx .txt dt:after {
  content: '';
  right: 0;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  border-right: 1px solid #e0e0e0;
}
.prd__memorial .memorial--item .tit_bx .txt dt,
.prd__memorial .memorial--item .tit_bx .txt dd {
  display: inline-block;
  padding: 0 8px;
}
.prd__memorial .memorial--item .tit_bx .txt dd {
  color: #666;
  font-size: 16.8px;
}
.prd__memorial .memorial--item .txt_bx {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ddd;
  font-size: 16.8px;
}
.prd__memorial .memorial--item .txt_bx dt {
  color: #222;
}
.prd__memorial .memorial--table-img {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.prd__memorial .memorial--table-img .info {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  letter-spacing: -0.04em;
  font-size: 14.4px;
}
.prd__memorial--info {
  padding-bottom: 0;
  margin-bottom: 0;
}

.prd__memorial .service--list,
.prd__rental .service--list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.prd__memorial .service--item,
.prd__rental .service--item {
  text-align: center;
  line-height: 1.3;
  padding: 10px;
  width: 25%;
}
.prd__memorial .service--item .img_bx,
.prd__rental .service--item .img_bx {
  border: 1px solid #ddd;
}
.prd__memorial .service--item .img_src,
.prd__rental .service--item .img_src {
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.prd__memorial .service--item .txt_bx,
.prd__rental .service--item .txt_bx {
  letter-spacing: -0.04em;
  padding: 28px 0 50px;
  line-height: 1.3;
}
.prd__memorial .service--item .txt_bx .tit,
.prd__rental .service--item .txt_bx .tit {
  font-size: 30px;
  font-weight: 500;
  color: #222;
  margin-bottom: 5px;
}
.prd__memorial .service--item .txt_bx .txt,
.prd__rental .service--item .txt_bx .txt {
  color: #999;
  font-size: 24px;
  margin-top: 15px;
}
.prd__memorial .service--item .txt_bx .sale,
.prd__rental .service--item .txt_bx .sale {
  font-size: 24px;
  color: #666;
}

.prd__rental {
  word-break: keep-all;
  padding: 0;
}
.prd__rental--intro {
  position: relative;
  padding: 115px 0 122px;
  color: #fff;
  background-image: url(../images/product/rental/intro_bg.jpg);
  background-size: cover;
}
.prd__rental--intro .bx_title {
  line-height: 1.5;
}
.prd__rental--intro .bx_title .txt {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  letter-spacing: -1.5px;
}
.prd__rental--intro .bx_title .txt._b {
  color: #333;
}
.prd__rental--intro .bx_title .desc {
  font-size: 24px;
  color: #fff;
  letter-spacing: -1.5px;
}
.prd__rental--intro .bx_title .desc._b {
  color: #666;
}
.prd__rental--intro .bx_title .tit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 68px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.prd__rental--intro .bx_title .tit img {
  height: 40px;
  margin-right: 20px;
}
.prd__rental--intro .bx_title .tit:after {
  background-color: #009fde;
  display: block;
  margin: 10px auto;
  width: 5px;
  height: 19px;
  content: '';
  transform-origin: bottom;
  transform: skew(-45deg);
  position: absolute;
  bottom: -48px;
  left: calc(50% - 12px);
  transform: translateX(-50%) skew(-45deg);
}
.prd__rental--intro .bx_title .tit {
  margin-top: 10px;
  line-height: 1.1;
  font-family: inherit;
}
.prd__rental--about .txtbx {
  text-align: left;
  color: #333;
  line-height: 1.2;
  font-weight: 300;
}
.prd__rental--about .txtbx .tit04 {
  font-size: 18px;
  line-height: 1.4;
  color: #333;
  font-weight: 400;
  letter-spacing: -1px;
}
.prd__rental--about .flex_bx {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.prd__rental--about .flex_bx .l_bx {
  width: 50%;
}
.prd__rental--about .flex_bx .r_bx {
  width: 50%;
  padding-left: 60px;
}

.prd__inquiry .prd--section {
  padding-top: 0;
}
.prd__inquiry .borderbox .txt {
  letter-spacing: -1px;
}
.prd__inquiry .borderbox__txt {
  max-width: 704px;
  margin-top: 25px;
  border-top: 1px solid #ddd;
}
.prd__inquiry .borderbox__txt a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.prd__inquiry .borderbox__txt a .tel {
  padding-left: 5px;
  font-size: 30px;
}
.prd__inquiry .flex_bx {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -15px;
}
.prd__inquiry .flex_bx.list_2 .item_bx {
  width: 50%;
}
.prd__inquiry .flex_bx.list_3 .item_bx {
  width: 33.33333%;
}
.prd__inquiry .flex_bx .item_bx {
  padding: 0 15px;
}
.prd__inquiry .bottom-fix-area .wrap {
  padding-top: 50px;
  border-top: 1px solid #ddd;
}
.prd__inquiry .bottom-fix-area .btn {
  max-width: 192px;
  font-size: 17px;
  height: 60px;
}

.prd__consult {
  word-break: keep-all;
}
.prd__consult--step {
  text-align: left;
  margin: 0 auto;
  max-width: 1100px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.prd__consult--step li {
  border: 1px solid #ddd;
  padding: 35px 15px 40px;
  position: relative;
  margin: 0 50px;
  width: calc(33.3333% - 100px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.prd__consult--step li:last-child:after {
  content: none;
}
.prd__consult--step li:after {
  content: '';
  line-height: 30px;
  display: block;
  text-align: center;
  color: #009fde;
  position: absolute;
  top: 50%;
  right: -70px;
  transform: translateY(-50%);
  width: 30px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/product/consult/step_arw.png);
}
.prd__consult--step .img_bx {
  width: 86px;
  margin-bottom: 32px;
}
.prd__consult--step .img_bx img {
  width: 100%;
}
.prd__consult--step .txt_bx {
  width: 100%;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.prd__consult--step .txt_bx .em {
  display: block;
  font-style: 16px;
  vertical-align: middle;
  font-weight: 500;
  color: #999;
  font-family: "Montserrat", sans-serif;
}
.prd__consult--index {
  position: relative;
  width: 166px;
  height: 166px;
  margin: 0 auto;
  text-align: center;
}
.prd__consult--index .number {
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.prd__consult--index .number .tit {
  font-size: 30px;
  font-weight: 500;
  color: #333;
}
.prd__consult--index .number .page {
  font-weight: 500;
  color: #999;
  margin-top: 15px;
  font-size: 18px;
}
.prd__consult--qna {
  margin: 25px auto 60px;
  text-align: center;
}
.prd__consult--qna dt {
  margin-bottom: 45px;
  line-height: 1.3;
  font-size: 24px;
  color: #222;
}
.prd__consult--qna dt .small {
  font-size: 18px;
  color: #666;
}
.prd__consult--qna dd .chk_area--tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.prd__consult--qna dd .chk_area--tab input[type='radio']:checked + label,
.prd__consult--qna dd .chk_area--tab input[type='checkbox']:checked + label {
  color: #fff;
  background-color: #009fde;
  border-color: #009fde;
}
.prd__consult--qna dd .chk_area--tab input[type='radio'] + label,
.prd__consult--qna dd .chk_area--tab input[type='checkbox'] + label {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 144px;
  padding: 0 0.5em;
  border: 3px solid #ddd;
}
.prd__consult--qna dd .chk_area--tab.n2 {
  flex-wrap: wrap;
}
.prd__consult--qna dd .chk_area--tab.n2 input[type='radio'] + label,
.prd__consult--qna dd .chk_area--tab.n2 input[type='checkbox'] + label {
  width: calc(50% - 10px);
}
.prd__consult--qna dd .chk_area--tab.n3 {
  flex-wrap: wrap;
  max-width: 549px;
}
.prd__consult--qna dd .chk_area--tab.n3._txt {
  max-width: 807px;
}
.prd__consult--qna dd .chk_area--tab.n3 input[type='radio'] + label,
.prd__consult--qna dd .chk_area--tab.n3 input[type='checkbox'] + label {
  width: calc(33.33% - 30px);
}
.prd__consult--qna dd .chk_area--tab.n4 {
  max-width: 692px;
}
.prd__consult--qna dd .chk_area--tab.n5 {
  flex-wrap: wrap;
  max-width: 865px;
}
.prd__consult--qna dd .chk_area--tab.n5 input[type='radio'] + label,
.prd__consult--qna dd .chk_area--tab.n5 input[type='checkbox'] + label {
  width: calc(20% - 30px);
}
.prd__consult--result {
  text-align: center;
}
.prd__consult--result .txt_bx {
  margin-top: 28px;
  line-height: 1.3;
}
.prd__consult--result .txt_bx .desc {
  font-size: 24px;
  color: #999;
}
.prd__consult--result .txt_bx .tit {
  font-size: 36px;
  font-weight: 500;
  color: #333;
  margin: 5px 0 10px;
}
.prd__consult--result .txt_bx .txt {
  font-size: 18px;
  min-height: 46px;
  color: #666;
}
.prd__consult--result .txt_bx .btn {
  display: inline-block;
  padding: 20px 50px;
  font-size: 24px;
  font-weight: 500;
  border: 3px solid #36393c;
  color: #36393c;
  margin: 25px auto 0;
}
.prd__consult--result .prd-block--list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -100px;
}
.prd__consult--result .prd-block--list li {
  margin-top: 100px;
  width: 33.3333%;
}
.prd__consult--result .prd-block--item {
  margin: 0 auto;
  padding: 35px;
  padding-right: 0;
  width: 304px;
  height: 198px;
  letter-spacing: -0.05em;
}
.prd__consult--result .prd-block--item .prd-name--brand img {
  height: 20px;
}
.prd__consult--result .prd-block--item .prd-name--name {
  max-width: 100%;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -2px;
}
.prd__consult--result .prd-block--item .prd-name--desc {
  position: absolute;
  bottom: 35px;
  left: 35px;
  font-size: 24px;
  font-weight: 300;
}

.prd__corporation {
  padding-top: 0;
  word-break: keep-all;
}
.prd__corporation--intro {
  position: relative;
  padding: 115px 0 122px;
  color: #fff;
  background-attachment: inherit;
  background-image: url(../images/product/corporation/intro_bg.jpg);
  background-size: cover;
}
.prd__corporation--intro .bx_title {
  line-height: 1.5;
}
.prd__corporation--intro .bx_title .txt {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
  letter-spacing: -1.5px;
}
.prd__corporation--intro .bx_title .txt._b {
  color: #333;
}
.prd__corporation--intro .bx_title .desc {
  font-size: 24px;
  color: #fff;
  letter-spacing: -1.5px;
}
.prd__corporation--intro .bx_title .desc._b {
  color: #666;
}
.prd__corporation--intro .bx_title .tit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 68px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.prd__corporation--intro .bx_title .tit img {
  height: 40px;
  margin-right: 20px;
}
.prd__corporation--intro .bx_title .tit:after {
  background-color: #009fde;
  display: block;
  margin: 10px auto;
  width: 5px;
  height: 19px;
  content: '';
  transform-origin: bottom;
  transform: skew(-45deg);
  position: absolute;
  bottom: -48px;
  left: calc(50% - 12px);
  transform: translateX(-50%) skew(-45deg);
}
.prd__corporation--intro .bx_title .tit {
  margin-top: 10px;
  line-height: 1.1;
  font-family: inherit;
}
.prd__corporation--intro .bx_title .tit:after {
  background-color: #fff;
}
.prd__corporation .icon_list {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.prd__corporation .icon_list .item {
  width: 20%;
}
.prd__corporation .icon_list .wrap > * {
  vertical-align: middle;
}
.prd__corporation .icon_list .img_bx {
  padding: 0 22px;
  margin-bottom: 25px;
  text-align: center;
}
.prd__corporation .icon_list .img_bx img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.prd__corporation .icon_list .txt_bx {
  line-height: 1.3;
  text-align: center;
}
.prd__corporation .icon_list .txt_bx .small {
  font-size: 16px;
  font-weight: 500;
  display: block;
  color: #666;
}
.prd__corporation .icon_list .txt_bx dt,
.prd__corporation .icon_list .txt_bx dd {
  display: block;
}
.prd__corporation .icon_list .txt_bx dt {
  font-size: 24px;
  line-height: 1.4;
  color: #222;
  font-weight: 500;
}
.prd__corporation .icon_list .txt_bx dt .no {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #009fde;
}
.prd__corporation .icon_list .txt_bx dd {
  color: #333;
  margin-top: 5px;
  font-size: 20px;
  letter-spacing: -1.5px;
}
.prd__corporation .icon_list .txt_bx dd .dot_list {
  margin-top: 10px;
  color: #666;
}
.prd__corporation .icon_list .txt_bx dd .dot_list li {
  display: inline-block;
  margin-top: 5px;
}
.prd__corporation .benefit_list {
  line-height: 1.3;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.prd__corporation .benefit_list li {
  width: 20%;
  margin-bottom: 30px;
}
.prd__corporation .benefit_list .tit {
  letter-spacing: -0.03em;
  color: #333;
  font-size: 18px;
  line-height: 1.3;
}
.prd__corporation .benefit_list img {
  width: 160px;
  margin: 0 auto;
  margin-bottom: 22px;
}

.prd__alliance {
  padding-top: 0;
  word-break: keep-all;
}
.prd__alliance .card_wrap {
  text-align: center;
}
.prd__alliance .card_wrap .card {
  width: 100%;
  max-width: 372px;
  margin: 0 auto 20px;
}
.prd__alliance .icon_list {
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
  text-align: left;
}
.prd__alliance .icon_list .item {
  padding: 30px 0;
  border-top: 1px solid #f0f0f0;
}
.prd__alliance .icon_list .item:nth-child(1) {
  border-top: 0;
}
.prd__alliance .icon_list .wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.prd__alliance .icon_list .wrap > * {
  display: table-cell;
}
.prd__alliance .icon_list .wrap > * {
  vertical-align: middle;
}
.prd__alliance .icon_list .img_bx {
  width: 202px;
}
.prd__alliance .icon_list .txt_bx {
  line-height: 1.3;
  padding-left: 50px;
}
.prd__alliance .icon_list .txt_bx .small {
  font-size: 0.8em;
}
.prd__alliance .icon_list .txt_bx dt,
.prd__alliance .icon_list .txt_bx dd {
  display: block;
}
.prd__alliance .icon_list .txt_bx dt {
  font-size: 24px;
  color: #222;
  font-weight: 500;
}
.prd__alliance .icon_list .txt_bx dt .no {
  margin-right: 0.3em;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #009fde;
}
.prd__alliance .icon_list .txt_bx dd {
  color: #666;
  margin-top: 20px;
  font-size: 18px;
}
.prd__alliance .icon_list .txt_bx dd .dot_list,
.prd__alliance .icon_list .txt_bx dd .hyphen_list {
  color: #666;
}
.prd__alliance .icon_list .txt_bx dd .dot_list li,
.prd__alliance .icon_list .txt_bx dd .hyphen_list li {
  font-size: 18px;
  margin-top: 5px;
}
.prd__alliance .prd--term .section_title:after {
  content: none;
}

.prd__membership__list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.prd__membership__list .item {
  width: 50%;
  padding: 0 15px;
  margin-top: 30px;
}
.prd__membership__list .wrap {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  height: 100%;
}
.prd__membership__list .img-bx,
.prd__membership__list .txt-bx,
.prd__membership__list .btn-bx {
  width: 100%;
}
.prd__membership__list .img-bx {
  flex: 1 0 auto;
}
.prd__membership__list .txt-bx {
  flex: 1 0 auto;
  padding: 20px;
  text-align: left;
  color: #222;
  font-size: 20px;
  line-height: 1.3;
}
.prd__membership__list .txt-bx .dot_list {
  margin-top: 20px;
  letter-spacing: -0.05em;
}
.prd__membership__list .txt-bx .desc {
  color: #00668e;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.075em;
}
.prd__membership__list .txt-bx .tit {
  color: #009fde;
  letter-spacing: -0.075em;
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 10px;
}
.prd__membership__list .btn-bx {
  align-self: flex-end;
  display: flex;
  flex-wrap: wrap;
}
.prd__membership__list .btn-bx .btn {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 20px;
  letter-spacing: -0.05em;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #394250;
}
.prd__membership__list .btn-bx .btn--light {
  width: 50%;
  background: #a9aaac;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.prd__membership__list .btn-bx .btn--light:nth-child(2n + 1) {
  border-left: 0;
}

.prd__burial-ground__list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.prd__burial-ground__list .item {
  width: 25%;
  padding: 0 15px;
}
.prd__burial-ground__list .wrap {
  border: 1px solid #ddd;
  height: 100%;
}
.prd__burial-ground__list .txt-bx {
  height: 100%;
  padding: 20px;
  color: #222;
  font-size: 20px;
  line-height: 1.3;
}

/*
sub-direct.scss
*/
.direct__visual {
  position: relative;
}
.direct__visual .slick-active .txt_bx p {
  animation: fadeIn 1000ms both 300ms;
}
.direct__visual .slick-active .bg {
  animation: fadeInLeftShort 1000ms both 300ms;
}
.direct__visual .slick-active .txt_bx .tit {
  animation-delay: 500ms;
}
.direct__visual .slick-active .txt_bx .txt {
  animation-delay: 700ms;
}
.direct__visual .item .wrap {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
.direct__visual .item .txt_bx {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  letter-spacing: -0.06em;
  margin-left: 140px;
}
.direct__visual .item .txt_bx .desc {
  color: #222;
  font-weight: 100;
  font-size: 26px;
}
.direct__visual .item .txt_bx .tit {
  line-height: 1.1;
  margin: 5px auto 10px;
  font-size: 60px;
  color: #222;
  font-weight: 600;
}
.direct__visual .item .txt_bx .txt {
  font-weight: 100;
  color: #0e3446;
  opacity: 0.7;
  font-size: 18px;
}
.direct__visual .slick {
  margin-bottom: 0;
}
.direct__visual .slick-pager {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  font-family: "Montserrat", sans-serif;
}
.direct__visual .slick-pager .pager {
  font-size: 18px;
  color: rgba(34, 34, 34, 0.75);
}
.direct__visual .slick-pager .now {
  width: 1em;
  text-align: right;
  display: inline-block;
  font-weight: 600;
}
.direct__visual .slick-ctrl {
  margin-left: 1em;
}
.direct__visual .slick-ctrl button {
  display: inline-block;
  padding: 3px;
}
.direct__visual .slick-ctrl .slick-play {
  display: none;
}
.direct__visual .slick-arrow.sa_l {
  left: 50%;
  margin-left: -700px;
}
.direct__visual .slick-arrow.sa_r {
  right: 50%;
  margin-right: -700px;
}

.direct__icon {
  margin: 50px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 1px solid #ddd;
}
.direct__icon .btn {
  width: 16.66%;
  border: 1px solid #ddd;
  border-left: 0;
  height: 120px;
  text-align: center;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.direct__icon .btn:hover {
  color: #009fde;
}
.direct__icon .btn:hover .txt:before {
  background-position-x: 100%;
}
.direct__icon .btn .txt:before {
  content: '';
  display: block;
  margin: 0 auto 0.3em;
  width: 40px;
  height: 40px;
  background-image: url(../images/direct/main/icon.png);
  background-repeat: no-repeat;
  background-position-x: 0;
}
.direct__icon .btn._1 {
  width: 100%;
}
.direct__icon .btn._1 .txt:before {
  background-position-y: 0%;
}
.direct__icon .btn._2 .txt:before {
  background-position-y: 16.6666666667%;
}
.direct__icon .btn._3 .txt:before {
  background-position-y: 33.3333333333%;
}
.direct__icon .btn._4 .txt:before {
  background-position-y: 50%;
}
.direct__icon .btn._5 .txt:before {
  background-position-y: 66.6666666667%;
}
.direct__icon .btn._6 .txt:before {
  background-position-y: 83.3333333333%;
}
.direct__icon .btn._7 .txt:before {
  background-position-y: 100%;
}

.direct__prd {
  margin: 40px auto 30px;
}
.direct__prd .title {
  margin-bottom: 30px;
  line-height: 1.3;
  font-size: 36px;
  color: #222;
  letter-spacing: -0.05em;
  font-weight: 500;
  text-align: center;
}
.direct__prd--list {
  display: flex;
  justify-content: center;
}
.direct__prd--list .prd-block--item {
  padding: 20px;
  padding-right: 0;
  bottom: -30px;
  width: 124px;
  height: 155px;
  background-position: 90% 0 !important;
}
.direct__prd--list .prd-name--desc {
  letter-spacing: -0.05em;
}
.direct__prd--list .prd-name--brand img {
  height: 12px;
}
.direct__prd--list .prd-name--name {
  word-break: keep-all;
  font-size: 20px;
  width: 80%;
}
.direct__prd--item {
  padding: 0 38px 30px;
}
.direct__prd--wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.direct__prd--wrap:before {
  content: '';
  position: absolute;
  bottom: -30px;
  width: 248px;
  left: 50%;
  margin-left: -124px;
  background-image: url(../images/direct/main/prd_block_shadow.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 38px;
}

.loan__apply--31 .user__form {
  padding-top: 0;
  border-top: 0;
}
.loan__apply--31 .user__form__item {
  width: 33.33%;
  padding: 0 5px;
  float: left;
  margin-top: 0;
}

.direct__loan {
  word-break: keep-all;
}
.direct__loan hr {
  display: none;
}
.direct__loan .section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.direct__loan--1 {
  padding: 0;
}
.direct__loan--intro {
  color: #fff;
  font-weight: 300;
  text-align: center;
  position: relative;
  padding: 120px 0;
  overflow: hidden;
  font-size: 15px;
}
.direct__loan--intro .btn-to-section {
  position: absolute;
  left: 50%;
  bottom: 0;
  color: #999999;
  bottom: 0;
  line-height: 120px;
  transform: translateX(-50%);
  font-size: 36px;
}
.direct__loan--intro .tit_bx {
  line-height: 1.3;
  font-size: 40px;
  max-width: 8em;
  margin: 20px auto;
}
.direct__loan--intro .tit_bx .brand {
  display: inline-block;
  position: relative;
}
.direct__loan--intro .tit_bx .brand:before, .direct__loan--intro .tit_bx .brand:after {
  content: '';
  width: 80px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  position: absolute;
  top: 50%;
}
.direct__loan--intro .tit_bx .brand:before {
  left: -80px;
}
.direct__loan--intro .tit_bx .brand:after {
  right: -80px;
}
.direct__loan--intro .tit_bx .img {
  height: 20px;
  margin: 0 auto;
  padding: 0 15px;
}
.direct__loan--intro .tit_bx .tit {
  font-weight: 100;
  letter-spacing: -0.04em;
}
.direct__loan--intro .txt._2 {
  font-weight: 100;
}
.direct__loan--intro .btn {
  margin-top: 60px;
  display: flex;
  background-color: #fcaf17;
  color: #fff;
  justify-content: center;
  padding: 15px;
  font-weight: 400;
  font-size: 20.8px;
  width: 100%;
}
.direct__loan--intro .bg {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.direct__loan--intro .bg__item {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  animation: fade 9s infinite;
}
.direct__loan--intro .bg__item._1 {
  animation-name: fade1;
  background-image: url(../images/direct/loan/intro-bg1.jpg);
}
.direct__loan--intro .bg__item._2 {
  animation-name: fade2;
  background-image: url(../images/direct/loan/intro-bg2.jpg);
}
.direct__loan--intro .bg__item._3 {
  animation-name: fade3;
  background-image: url(../images/direct/loan/intro-bg3.jpg);
}
.direct__loan .promotion__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #f6f6f6;
}
.direct__loan .promotion__item {
  width: 350px;
  position: relative;
  padding: 100px 0;
  color: #888;
}
.direct__loan .promotion__item .wrap {
  width: 100%;
  letter-spacing: -0.04em;
  line-height: 1.3;
}
.direct__loan .promotion__item .wrap img {
  width: 53.3333333333px;
  margin: 0 auto 10px;
}
.direct__loan .promotion__item .tit {
  font-size: 28px;
  margin-bottom: 0.2em;
  color: #333;
  font-weight: 100;
}
@media all and (max-width: 380px) {
  .direct__loan .promotion__item {
    font-size: 4vw;
  }
  .direct__loan .promotion__item .tit {
    font-size: 6vw;
  }
}
.direct__loan .promotion__list {
  font-weight: 300;
  text-align: left;
}
.direct__loan .promotion__list dl {
  margin-top: 1.5em;
}
.direct__loan .promotion__list dt {
  color: #333;
  font-weight: 500;
  font-size: 20.8px;
}
.direct__loan .promotion__list dd {
  margin-top: 0.2em;
}

@keyframes fade1 {
  0% {
    opacity: 1;
  }
  33.333% {
    opacity: 0;
  }
  66.666% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  33.333% {
    opacity: 1;
  }
  66.666% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  33.333% {
    opacity: 0;
  }
  66.666% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.direct__join {
  word-break: keep-all;
}
.direct__join .join_step {
  width: auto;
  margin: 0 auto 30px;
  text-align: center;
}
.direct__join .join_step img {
  max-width: 600px;
  width: auto;
}
.direct__join .join-name-bx {
  position: relative;
  text-align: center;
  line-height: 1.3;
}
.direct__join .join-name-bx:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 180px;
  background-image: url(../images/direct/join/bg_ribbon.png);
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
}
.direct__join .join-name-bx .desc {
  position: relative;
  color: #fff;
  font-weight: 100;
  font-size: 19.2px;
  padding: 40px 0;
}
.direct__join .join-name-bx .bx {
  position: relative;
  background-color: #fff;
  padding: 40px 5px 70px;
}
.direct__join .join-name-bx .bx .tit {
  color: #222;
  font-size: 40px;
  font-weight: 500;
}
.direct__join .join-name-bx .bx .img {
  width: auto;
  height: 20px;
  vertical-align: middle;
}
.direct__join .join-name-bx .bx .txt {
  margin-top: 0.5em;
  font-weight: 300;
  font-size: 15px;
}
.direct__join .join-name-bx .bx .btn {
  margin-top: 20px;
  font-size: 15px;
  display: inline-block;
  padding: 0.8em 1.6em;
  border: 1px solid #ddd;
}
.direct__join .join-term-wrap {
  text-align: left;
}
.direct__join .user__form--term {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.direct__join .user__form--term .title_bx {
  line-height: 1.3;
  font-size: 18.4px;
  color: #888;
}
.direct__join .user__form--term .title_bx .tit {
  margin-bottom: 0.5em;
  font-size: 19.2px;
}
.direct__join--2 {
  padding-bottom: 0;
}
.direct__join--3 {
  padding-bottom: 0;
}
.direct__join--3 .bg_bx--info {
  font-size: 18.4px;
}
.direct__join--4 {
  padding-bottom: 0;
}
.direct__join--4 .join-confirm-table {
  line-height: 1.3;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
}
.direct__join--4 .join-confirm-table .tbl {
  margin: 20px 0;
}
.direct__join--4 .join-confirm-table .tit {
  font-size: 19.2px;
  color: #333;
}
.direct__join--4 .join-confirm-table .txt {
  font-size: 18.4px;
}
.direct__join--4 .bg_bx--info {
  background-color: transparent;
  font-size: 18.4px;
  padding: 0;
}
.direct__join .prd-block--list--direct .wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.direct__join .prd-block--list--direct .wrap .prd-block--item, .direct__join .prd-block--list--direct .wrap .txt_bx {
  display: table-cell;
}
.direct__join .prd-block--list--direct li {
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
}
.direct__join .prd-block--list--direct .prd-block--item {
  vertical-align: top;
}
.direct__join .prd-block--list--direct .txt_bx {
  text-align: left;
  padding-left: 20px;
  line-height: 1.3;
  vertical-align: middle;
}
.direct__join .prd-block--list--direct .txt_bx .txt {
  font-size: 15px;
  margin-top: 0.3em;
}
.direct__join .prd-block--list--direct .txt_bx .tit {
  color: #333;
  font-weight: 500;
  font-size: 20.8px;
}
.direct__join .prd-block--list--direct .txt_bx .price {
  margin-top: 0.5em;
  font-size: 0.9em;
  color: #777;
}

.direct__resort {
  word-break: keep-all;
}
.direct__resort .nav_select {
  margin-bottom: 15px;
}
.direct__resort .join-name-bx {
  position: relative;
  text-align: center;
  line-height: 1.3;
}
.direct__resort .join-name-bx:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 323px;
  background-image: url(../images/direct/resort/bg.jpg);
  background-position: right top;
  background-size: cover;
  background-repeat: no-repaet;
}
.direct__resort .join-name-bx .bx {
  position: relative;
  background-color: #fff;
  padding: 60px 5px;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: -50px;
}
.direct__resort .join-name-bx .bx .tit {
  color: #222;
  font-weight: 700;
  font-size: 40px;
}
.direct__resort .join-name-bx .bx .img {
  width: auto;
  height: 40px;
  vertical-align: middle;
}
.direct__resort .join-name-bx .bx .txt {
  margin-top: 0.5em;
  font-weight: 300;
  font-size: 18px;
}
.direct__resort .join-name-bx .img path,
.direct__resort .join-name-bx .img polygon {
  fill: #009fde;
}
.direct__resort .iconlist .img_bx {
  width: 190px;
}
.direct__resort .iconlist dd._mc {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.tbl_fee td:nth-last-child(1) {
  text-align: right;
}
.direct__resort .bx_call {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.direct__resort .bx_call,
.direct__resort .bx_call a {
  color: #111;
}
.direct__resort .bx_call dt {
  font-size: 15px;
  font-weight: 300;
}
.direct__resort .bx_call dd {
  margin-left: 0.2em;
  font-size: 36px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.direct__resort .bx_call dd img {
  height: 53.3333333333px;
  vertical-align: middle;
}
.direct__resort--book hr {
  display: none;
}
.direct__resort--book .tab-wrap .tab {
  margin-bottom: 50px;
}
.pop-fee {
  max-width: 700px;
  margin: 0 auto;
}
.pop-fee .pop-body {
  position: relative;
}
.pop-fee .tbl {
  font-size: 14px;
}
.pop-fee .__bg {
  background-color: rgba(0, 159, 222, 0.1);
}

.direct__resort {
  word-break: keep-all;
}
.direct__resort .nav_select {
  margin-bottom: 15px;
}
.direct__resort .join-name-bx {
  position: relative;
  text-align: center;
  line-height: 1.3;
}
.direct__resort .join-name-bx:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 323px;
  background-image: url(../images/direct/resort/bg.jpg);
  background-position: right top;
  background-size: cover;
  background-repeat: no-repaet;
}
.direct__resort .join-name-bx .bx {
  position: relative;
  background-color: #fff;
  padding: 60px 5px;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: -50px;
}
.direct__resort .join-name-bx .bx .tit {
  color: #222;
  font-weight: 700;
  font-size: 40px;
}
.direct__resort .join-name-bx .bx .img {
  width: auto;
  height: 40px;
  vertical-align: middle;
}
.direct__resort .join-name-bx .bx .txt {
  margin-top: 0.5em;
  font-weight: 300;
  font-size: 18px;
}
.direct__resort .join-name-bx .img path,
.direct__resort .join-name-bx .img polygon {
  fill: #009fde;
}
.direct__resort .iconlist .img_bx {
  width: 190px;
}
.direct__resort .iconlist dd._mc {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.tbl_fee td:nth-last-child(1) {
  text-align: right;
}
.direct__resort .bx_call {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.direct__resort .bx_call,
.direct__resort .bx_call a {
  color: #111;
}
.direct__resort .bx_call dt {
  font-size: 15px;
  font-weight: 300;
}
.direct__resort .bx_call dd {
  margin-left: 0.2em;
  font-size: 36px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.direct__resort .bx_call dd img {
  height: 53.3333333333px;
  vertical-align: middle;
}
.direct__resort--book hr {
  display: none;
}
.direct__resort--book .tab-wrap .tab {
  margin-bottom: 50px;
}
.pop-fee {
  max-width: 700px;
  margin: 0 auto;
}
.pop-fee .pop-body {
  position: relative;
}
.pop-fee .tbl {
  font-size: 14px;
}
.pop-fee .__bg {
  background-color: rgba(0, 159, 222, 0.1);
}

.direct__medical {
  word-break: keep-all;
}
.direct__medical .nav_select {
  margin-bottom: 15px;
}
.direct__medical .join-name-bx {
  position: relative;
  text-align: center;
  line-height: 1.3;
}
.direct__medical .join-name-bx:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 323px;
  background-image: url(../images/direct/resort/bg_1.jpg);
  background-position: right top;
  background-size: cover;
  background-repeat: no-repaet;
}
.direct__medical .join-name-bx .bx {
  position: relative;
  background-color: #fff;
  padding: 60px 5px;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: -50px;
}
.direct__medical .join-name-bx .bx .tit {
  color: #222;
  font-weight: 700;
  font-size: 40px;
}
.direct__medical .join-name-bx .bx .img {
  width: auto;
  height: 40px;
  vertical-align: middle;
}
.direct__medical .join-name-bx .bx .txt {
  margin-top: 0.5em;
  font-weight: 300;
  font-size: 18px;
}
.direct__medical .join-name-bx .img path,
.direct__medical .join-name-bx .img polygon {
  fill: #009fde;
}
.direct__medical .iconlist .img_bx {
  width: 190px;
}
.direct__medical .iconlist dd._mc {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.tbl_fee td:nth-last-child(1) {
  text-align: right;
}
.direct__medical .bx_call {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.direct__medical .bx_call,
.direct__medical .bx_call a {
  color: #111;
}
.direct__medical .bx_call dt {
  font-size: 15px;
  font-weight: 300;
}
.direct__medical .bx_call dd {
  margin-left: 0.2em;
  font-size: 36px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.direct__medical .bx_call dd img {
  height: 53.3333333333px;
  vertical-align: middle;
}
.direct__medical--book hr {
  display: none;
}
.direct__medical--book .tab-wrap .tab {
  margin-bottom: 50px;
}
.pop-fee {
  max-width: 700px;
  margin: 0 auto;
}
.pop-fee .pop-body {
  position: relative;
}
.pop-fee .tbl {
  font-size: 14px;
}
.pop-fee .__bg {
  background-color: rgba(0, 159, 222, 0.1);
}

.direct__resort--booking .user__form .user__form_item:nth-child(1) {
  margin-top: 0;
}

.resort__book__wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.resort__book__wrap .user__form__item {
  margin: auto;
  height: 120px;
}
.resort__book__wrap .user__form__item dt {
  letter-spacing: -0.05em;
  font-size: 24px;
  font-weight: 300;
}
.resort__book__wrap .user__form__item dd {
  margin-top: 10px;
}
.resort__book__bx {
  width: 50%;
  padding: 0 10px;
  position: relative;
}
.resort__map, .resort__calendar .calendar_list_wrap {
  background-color: #f8f8f8;
  border-radius: 25px;
  height: 630px;
}
.resort__map {
  position: relative;
  padding-top: 100px;
  text-align: center;
}
.resort__map img {
  max-width: 280px;
  margin: 0 auto;
}
.resort__list {
  display: none;
  text-align: left;
}
.resort__list__wrap {
  position: absolute;
  top: 70px;
  left: 40px;
}
.resort__list__btn {
  margin: 0.5em 0;
  letter-spacing: -0.05em;
  position: relative;
  font-size: 18px;
  line-height: 1;
  display: block;
  color: #666;
}
.resort__list__btn:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.resort__list__btn:before {
  color: #009fde;
  transform: rotate(90deg);
}
.resort__calendar__label {
  position: absolute;
  bottom: 15px;
  right: 15px;
  text-align: right;
  line-height: 1.3;
}
.resort__calendar__label span {
  margin-left: 2em;
  font-size: 18px;
  color: #333;
}
.resort__calendar__label i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.resort__calendar__label i.today {
  background-color: #a0a0a0;
}
.resort__calendar__label i.on {
  background-color: #009fde;
}

.calendar_wrap {
  box-sizing: border-box;
}
.calendar_wrap .control_bx {
  text-align: center;
  position: relative;
  margin: 0 auto 40px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar_wrap .control_bx > * {
  vertical-align: middle;
}
.calendar_wrap .control_bx .tit {
  margin: 0 30px;
  font-size: 48px;
  font-family: "Montserrat", sans-serif;
  color: #222;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.calendar_wrap .control_bx .btn_prev_month {
  left: 0;
}
.calendar_wrap .control_bx .btn_next_month {
  right: 0;
}
.calendar_wrap .control_bx .btn {
  padding: 0 5px;
  color: #777;
  font-size: 30px;
}

.calendar_list {
  font-size: 25px;
  width: 100%;
  font-weight: 300;
  text-align: center;
  table-layout: fixed;
}
.calendar_list_wrap {
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.calendar_list thead th {
  vertical-align: top;
  border-bottom: 0;
  color: #999;
}
.calendar_list tr th:nth-child(1),
.calendar_list tr td:nth-child(1) .date,
.calendar_list .holiday {
  color: #d93e3d;
}
.calendar_list td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  vertical-align: top;
  text-align: center;
  padding: 5px;
}
.calendar_list .date {
  font-family: "Montserrat", sans-serif;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #555;
  font-weight: 500;
  width: 49px;
  line-height: 49px;
  border-radius: 50%;
  font-size: 27px;
}
.calendar_list .date.holiday {
  color: #d93e3d;
}
.calendar_list .date.prev {
  color: #ccc;
}
.calendar_list .date.today {
  background-color: #a0a0a0;
  color: #fff;
}
.calendar_list .date.on {
  background-color: #009fde;
  color: #fff !important;
}
.calendar_list .date.today + .desc:before, .calendar_list .date.on + .desc:before {
  border-color: #fff;
}
.calendar_list .desc {
  line-height: 1;
  font-size: 20px;
  color: #999;
  font-weight: 300;
  letter-spacing: -0.03em;
}
.calendar_list .desc:before {
  content: '';
  display: block;
  margin: 0 auto 0.4em;
  border-top: 1px solid #ddd;
  width: 2em;
}

/*
sub-mypage.scss
*/
.member__page .user__form {
  border-top: 0;
}
.member__page .sub_title .tit:after {
  content: none;
}

.login__con {
  max-width: 480px;
  margin: 0 auto;
}
.login__bx {
  margin: 10px 0;
}
.login__input input, .login__btn {
  width: 100%;
  height: 60px;
  font-size: 16px;
}
.login__btn {
  background-color: #009fde;
  border-color: #009fde;
  color: #fff;
  text-align: center;
}
.login__input--id {
  background-image: url(../images/member/login_input_id.png);
}
.login__input--pw {
  background-image: url(../images/member/login_input_pw.png);
}
.login__input input {
  background-repeat: no-repeat;
  background-size: 53px;
  background-position: left center;
  border: 1px solid #ccc;
  opacity: 0.35;
  color: #333;
  transition: opacity 300ms, border 300ms;
  padding-left: 50px;
}
.login__input input:focus {
  opacity: 1;
  border-color: #009fde;
}
.login__util {
  margin: 26px auto 55px;
  display: flex;
  text-align: center;
  justify-content: space-around;
  max-width: 400px;
}
.login__util a {
  position: relative;
  font-size: 15px;
  width: 100%;
  color: #333;
}
.login__util a:before {
  content: '';
  height: 12px;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
}
.login__util a:nth-child(1):before {
  content: none;
}

.member__join--1 .join_step li:nth-child(1) {
  color: #009fde;
}
.member__join--1 .join_step li:nth-child(1) .cir {
  background-color: #009fde;
}
.member__join--1 .join_step li:nth-child(1):before {
  background-image: url(../images/member/step_dot-on.png);
}
.member__join--2 .join_step li:nth-child(2) {
  color: #009fde;
}
.member__join--2 .join_step li:nth-child(2) .cir {
  background-color: #009fde;
}
.member__join--2 .join_step li:nth-child(2):before {
  background-image: url(../images/member/step_dot-on.png);
}
.member__join--3 .join_step li:nth-child(3) {
  color: #009fde;
}
.member__join--3 .join_step li:nth-child(3) .cir {
  background-color: #009fde;
}
.member__join--3 .join_step li:nth-child(3):before {
  background-image: url(../images/member/step_dot-on.png);
}

.join_step {
  justify-content: center;
  width: 344px;
  margin: 30px auto 55px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.join_step li {
  color: #999;
  width: 33.33%;
  float: left;
  position: relative;
}
.join_step li:last-child:before {
  content: none;
}
.join_step li:before {
  top: 23.5px;
  left: 100%;
  margin-left: -5.8333333333px;
  content: '';
  display: block;
  position: absolute;
  width: 17px;
  height: 3px;
  background-image: url(../images/member/step_dot.png);
  background-repeat: no-repeat;
  background-size: 11.6666666667px;
}
.join_step .cir {
  border-radius: 50%;
  background-color: #ccc;
  width: 50px;
  line-height: 50px;
  margin: 0 auto;
  color: #fff;
  font-size: 19.2px;
  font-family: "Montserrat", sans-serif;
}
.join_step .txt {
  margin-top: 0.4em;
  line-height: 1.3;
  font-size: 18px;
}

.certificate__list {
  word-break: keep-all;
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  justify-content: center;
  margin: 0 -14px;
}
.certificate__item {
  width: 33.3333%;
  padding: 0 14px;
  height: 346px;
}
.certificate__btn {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #ddd;
  padding: 25px;
  background-size: 46.6666666667px;
  background-repeat: no-repeat;
  background-position: 26px center;
}
.certificate__btn .icon {
  text-align: center;
  margin-bottom: 15px;
}
.certificate__btn .icon img {
  margin: 0 auto;
  max-width: 77px;
}
.certificate__btn .tit {
  font-size: 20px;
  color: #222;
  font-weight: 500;
}
.certificate__btn .txt {
  font-size: 16px;
  line-height: 24px;
  min-height: 48px;
  color: #666;
  margin-top: 5px;
}
.certificate__btn .arw {
  margin: 22px auto 0;
  width: 47px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/member/certificate_arw.png);
  transition: all 300ms ease-out;
}
.certificate__btn:hover, .certificate__btn:focus {
  border-color: #009fde;
}
.certificate__btn:hover .arw, .certificate__btn:focus .arw {
  background-image: url(../images/member/certificate_arw-on.png);
}

.term__wrap--join {
  margin: 50px auto 60px;
}
.term__wrap .chk_area input[type='checkbox'] + label:before {
  border-radius: 50%;
}
.term__wrap .flex__bx {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -14px;
}
.term__wrap .flex__item {
  width: 33.3333%;
  padding: 0 14px;
}
.term__wrap .flex__in {
  height: 85px;
  border: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.term__all {
  margin-bottom: 18px;
  font-size: 18px;
  color: #333;
}
.term__bx {
  font-size: 16.8px;
  color: #666;
}
.term__bx input[type='checkbox'] + label {
  display: block;
}
.term__bx a {
  color: #333;
}

.mypage__page {
  word-break: keep-all;
}
.mypage__reissue hr.br {
  margin: 40px 0;
}
.tbl__prd-select td {
  height: 40px;
}
.tbl__prd-select input[type='checkbox'] + label:before {
  border-radius: 50%;
}

.mypage__cyber_memorial .user__form,
.cyber_memorial__profile--edit {
  max-width: 580px;
  margin: 0 auto;
}

.mypage__cyber_memorial {
  padding-bottom: 0;
}
.mypage__cyber_memorial .user__form {
  padding: 20px 0;
}
.mypage__cyber_memorial .user__form hr.br {
  margin: 30px 0;
  border: 0;
}
.mypage__cyber_memorial .user__form__item {
  position: relative;
  margin: 10px 0;
}
.mypage__cyber_memorial .user__form__item .form-img {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 53px;
  height: 53px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  -webkit-appearance: none;
}
.mypage__cyber_memorial .user__form__item .form-img--wrap {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -26.5px;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-image: url(../images/icon/form-img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26.6666666667px;
}

.leftCha-wrap {
  margin-top: 0.5em;
  position: relative;
  text-align: right;
  color: #888;
  font-size: 14.4px;
}
.leftCha-wrap .leftCha {
  color: #009fde;
}

/*
sub-pr.scss
*/
.pr__promotion {
  word-break: keep-all;
}
.pr__promotion__item {
  padding: 30px 15px;
  border-top: 1px solid #f0f0f0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.pr__promotion__item .img_bx,
.pr__promotion__item .txt_bx {
  display: table-cell;
  vertical-align: top;
}
.pr__promotion__item:nth-child(1) {
  border-top: 0;
}
.pr__promotion__item .img_bx {
  width: 500px;
}
.pr__promotion__item .btn_bx {
  text-align: center;
  margin-top: 15px;
}
.pr__promotion__item .txt_bx {
  padding-left: 30px;
  font-size: 16.8px;
}
.pr__promotion__item .txt_bx .tit {
  margin-bottom: 1em;
  border-bottom: 1px solid #f0f0f0;
  padding: 1em 0;
  text-align: center;
  width: 100%;
  line-height: 1.2;
  color: #222;
  font-size: 24px;
}
.pr__promotion__item .txt_bx .txt {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #f0f0f0;
}
.pr__promotion__item .txt_bx dl {
  line-height: 1.3;
  margin-top: 0.3em;
}
.pr__promotion__item .txt_bx dl:nth-child(1) {
  margin-top: 0;
}
.pr__promotion__item .txt_bx dl dt {
  float: left;
  width: 5em;
  font-weight: 500;
  color: #333;
  position: relative;
}
.pr__promotion__item .txt_bx dl dd {
  overflow: hidden;
  position: relative;
}
.pr__promotion__item .txt_bx dl dd:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em;
  height: 1em;
  width: 1px;
  background-color: #d0d0d0;
  content: '';
}

.number_list {
  word-break: keep-all;
  text-align: left;
  line-height: 1.4;
  padding-bottom: 30px;
}
.number_list .wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 0.7em;
}
.number_list .wrap .number, .number_list .wrap .txt {
  display: table-cell;
}
.number_list .wrap:nth-child(1) {
  margin-top: 0;
}
.number_list .txt {
  font-size: 19.2px;
  color: #333;
  font-weight: 500;
}
.number_list .number {
  color: #009fde;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 1;
  vertical-align: baseline;
  width: 1.6em;
}

.tbl.tbl__process {
  border-top: 1px solid #f0f0f0;
}
.tbl.tbl__process th,
.tbl.tbl__process td {
  padding: 1em;
}
.tbl.tbl__process th {
  width: 12em;
  text-align: center;
  background-color: #36393c;
  color: #fff;
}
.tbl.tbl__process td {
  text-align: left;
}

/*
_sub-info
*/
.info__condolence__envelope .txt_bx {
  margin-top: 15px;
}
.info__condolence__envelope .txt_bx .tit {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-bottom: 0.2em;
  color: #009fde;
  border: 1px solid #009fde;
}

.info__condolence__incense .iconlist .number_list {
  padding: 0;
}
.info__condolence__incense .iconlist .item:nth-child(1) {
  padding-top: 0;
  border-top: 0;
}
.info__condolence__incense .iconlist .txt_bx {
  vertical-align: middle;
}
.info__condolence__incense .iconlist .img_bx {
  vertical-align: middle;
  width: 350px;
  line-height: 1.4;
}

.info__process {
  word-break: keep-all;
}
.info__process__index .iconlist .txt_bx dt {
  font-size: 19.2px;
}
.info__process__index .iconlist .txt_bx dd {
  font-size: 16.8px;
}
.info__process__index .sec_accept {
  text-align: center;
  background-color: #fff;
}
.info__process__index .sec_accept .bx_tit {
  color: #555;
}
.info__process__index .sec_accept .bx_txt a {
  display: block;
}
.info__process__index .sec_accept .bx_txt .tel {
  font-family: "Montserrat", sans-serif;
  color: #009fde;
  font-size: 32px;
  font-weight: 600;
}
.info__process__index .sec_accept .bx_txt .tel_night {
  color: #697d96;
}
.info__process__religious {
  text-align: center;
}
.info__process .number_list {
  padding-bottom: 0;
}
.info__process .number_list .txt_bx {
  padding-left: 1.6em;
  font-size: 16.8px;
}
.info__process .number_list > li {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
}

.process_terms_list {
  text-align: left;
  line-height: 1.3;
}
.process_terms_list dl {
  padding: 15px 0;
  border-top: 1px solid #f0f0f0;
}
.process_terms_list dt {
  font-size: 19.2px;
  color: #333;
  font-weight: 500;
}
.process_terms_list dd {
  font-size: 16.8px;
  margin-top: 0.5em;
}

.info__courtesy {
  word-break: keep-all;
}
.info__courtesy .number_list .txt_bx {
  padding-left: 1.6em;
  font-size: 16.8px;
}
.info__courtesy .number_list > li {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
}
.info__courtesy__order .list {
  text-align: left;
}
.info__courtesy__jechando {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.info__courtesy__jechando .info--section {
  padding: 0 5px;
  margin-bottom: 50px;
  width: 33.33%;
}
.info__courtesy__jechando .info--section .bg_bx {
  margin: 0;
  height: 100%;
}
.info__courtesy__jechando .info--section .tit {
  color: #222;
  font-size: 20px;
  min-height: 80px;
}
.info__courtesy__chungmun {
  text-align: left;
  line-height: 1.3;
}
.info__courtesy__chungmun .chungmun__item {
  padding: 25px 0;
  border-top: 1px solid #f0f0f0;
}
.info__courtesy__chungmun .chungmun__item .txt dt {
  color: #222;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 19.2px;
}
.info__courtesy__chungmun .chungmun__item .txt .bx {
  margin: 0.8em 0 0.2em;
  display: inline-block;
  color: #009fde;
  border: 1px solid #009fde;
  font-size: 14.4px;
  padding: 0.3em 0.5em;
}
.info__courtesy__chungmun .chungmun__item .txt dd {
  font-size: 16.8px;
}
.info__courtesy__chungmun .chungmun__item .img {
  display: block;
}
.info__courtesy__chungmun .chungmun__item._img {
  display: flex;
  justify-content: space-between;
}
.info__courtesy__chungmun .chungmun__item._img .txt {
  padding-right: 15px;
}
.info__courtesy__chungmun .chungmun__item._img .img {
  width: 250px;
}

.info__tomb {
  word-break: keep-all;
}
.info__tomb .borderbox {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  font-size: 18px;
}
.info__tomb .borderbox__tit {
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -0.05em;
}
.info__tomb .borderbox__txt .tel {
  margin-top: 20px;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
.info__tomb .borderbox__txt .tel,
.info__tomb .borderbox__txt .tel a {
  color: #111;
}
.info__tomb .bottom-btn-area {
  margin-left: -5px;
  margin-right: -5px;
}
.info__tomb .bottom-btn-area .btn {
  margin: 0 5px;
  width: 50%;
  font-size: 17px;
  height: 60px;
}
.info__tomb .bottom-btn-area,
.info__tomb .user__form,
.info__tomb .user__form--term {
  max-width: 585px;
  margin: 0 auto;
}
.info__tomb__how {
  word-break: keep-all;
  line-height: 1.3;
}
.info__tomb__how .number_list {
  padding-bottom: 0;
}
.info__tomb__how .number_list .desc {
  font-size: 16.8px;
  margin-top: 0.5em;
  padding-left: 2em;
}
.info__tomb__how .document_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
}
.info__tomb__how .document_wrap .img {
  padding: 0 15px;
}
.info__tomb__how .number_list._noborder li {
  margin: 1em 0;
}
.info__tomb__how .number_list._border .txt_bx {
  padding-left: 1.6em;
  font-size: 16.8px;
}
.info__tomb__how .number_list._border > li {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
}

.facilities__list {
  word-break: keep-all;
  line-height: 1.3;
  border-top: 1px solid #f0f0f0;
}
.facilities__item {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}
.facilities__item .wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.facilities__item .wrap .img_bx, .facilities__item .wrap .txt_bx {
  display: table-cell;
}
.facilities__item .img_bx {
  width: 400px;
  vertical-align: top;
  padding-right: 30px;
}
.facilities__item .img_bx .img_src {
  display: block;
  height: 0;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}
.facilities__item .img_bx .img_src > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.facilities__item .txt_bx {
  vertical-align: top;
}
.facilities__item .txt_bx .tit {
  font-weight: 500;
  color: #222;
  font-size: 24px;
}
.facilities__item .txt_bx dl {
  font-size: 18px;
  margin-top: 0.8em;
}
.facilities__item .txt_bx dl dt {
  float: left;
  padding-right: 0.4em;
}
.facilities__item .txt_bx dl dt:before {
  padding-right: 0.2em;
  display: inline-block;
  content: '· ';
}
.facilities__item .txt_bx dl dd {
  overflow: hidden;
  position: relative;
}
.facilities__item .btn_bx {
  margin-top: 1em;
}
.facilities__item .btn_bx .btn {
  font-size: 15px;
  display: inline-block;
  padding: 0.8em 1.6em;
  border: 1px solid #ddd;
}

/*
_sub-cs
*/
.notice__list {
  word-break: keep-all;
  text-align: left;
  border-top: 1px solid #f0f0f0;
}
.notice__item {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.notice__item .tit {
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20.8px;
  color: #333;
  font-weight: 500;
}
.notice__item .date {
  margin-top: 0.5em;
  color: #aaa;
  font-size: 14.4px;
  font-weight: 300;
}
.notice__item .notice,
.notice__item .wrap {
  display: table-cell;
  vertical-align: middle;
}
.notice__item .notice {
  width: 4em;
}
.notice__item .notice i {
  color: #009fde;
  border: 1px solid #009fde;
  font-size: 14.4px;
  padding: 0.3em 0.5em;
}
.notice__item .wrap {
  width: 100%;
  padding: 20px 0;
  padding-right: 12px;
  line-height: 1.3;
  background-image: url(../images/cs/review_angle_right.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: right center;
}

.reference__list {
  word-break: keep-all;
  text-align: left;
  border-top: 1px solid #f0f0f0;
}
.reference__item {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.reference__item .file {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -26.5px;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-image: url(../images/icon/form-file.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26.6666666667px;
}
.reference__item .wrap {
  width: 100%;
  display: block;
  padding: 20px 0;
  line-height: 1.3;
}
.reference__item .tit {
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20.8px;
  color: #333;
  font-weight: 500;
}
.reference__item .date {
  margin-top: 0.5em;
  color: #aaa;
  font-size: 14.4px;
  font-weight: 300;
}

.branch__list {
  word-break: keep-all;
  text-align: left;
  border-top: 1px solid #f0f0f0;
  display: flex;
  flex-wrap: wrap;
}
.branch__item {
  width: 50%;
  padding: 0 30px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.branch__item .call {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -26.5px;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-image: url(../images/icon/form-map.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26.6666666667px;
}
.branch__item .wrap {
  width: 100%;
  display: block;
  padding: 20px 0;
  line-height: 1.3;
}
.branch__item .tit {
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20.8px;
  color: #333;
  font-weight: 500;
}
.branch__item .date {
  margin-top: 0.5em;
  color: #aaa;
  font-size: 14.4px;
  font-weight: 300;
}
.branch__item .address {
  margin-top: 0.5em;
  font-size: 16.8px;
  font-weight: 300;
}
.branch__view {
  word-break: keep-all;
}
.branch__view .title_bx {
  letter-spacing: -0.03em;
  text-align: center;
  line-height: 1.3;
  background-color: #009fde;
  background-image: url(../images/cs/branch/bg.png);
  background-repeat: no-repeat;
  background-position: right 70%;
  padding: 2em 0;
  color: #fff;
}
.branch__view .title_bx .branch_name {
  font-size: 30px;
  line-height: 1.2;
}
.branch__view .title_bx .tit {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 300;
}
.branch__view .profile_bx {
  margin-top: 50px;
  text-align: center;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.branch__view .profile_bx .profile, .branch__view .profile_bx .txt {
  display: table-cell;
}
.branch__view .profile_bx .profile {
  line-height: 1.3;
  width: 400px;
  padding-right: 50px;
  vertical-align: top;
}
.branch__view .profile_bx .txt {
  font-size: 17px;
  vertical-align: top;
  text-align: left;
}
.branch__view .profile_bx .img_src {
  display: inline-block;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  position: relative;
  overflow: hidden;
}
.branch__view .profile_bx .img_src > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.branch__view .profile_bx .branch_name {
  margin-top: 20px;
}
.branch__view .profile_bx .branch_chef {
  margin-top: 10px;
  font-weight: 500;
  color: #222;
}

.review__list {
  word-break: keep-all;
  text-align: left;
  border-top: 1px solid #f0f0f0;
}
.review__item {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.review__item .wrap {
  width: 100%;
  display: block;
  padding: 20px 0;
  padding-right: 12px;
  line-height: 1.3;
  background-image: url(../images/cs/review_angle_right.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: right center;
}
.review__item .tit {
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20.8px;
  color: #333;
  font-weight: 500;
}
.review__item .date {
  margin-top: 0.5em;
  color: #aaa;
  font-size: 14.4px;
  font-weight: 300;
}

.cyber_memorial__profile .wrap__chk, .cyber_memorial__gallery .wrap__chk, .cyber_memorial__video .wrap__chk {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  height: 50px;
  width: 50px;
  line-height: 1;
  z-index: 5;
}
.cyber_memorial__profile .wrap__chk input[type='checkbox']:checked + label:before, .cyber_memorial__gallery .wrap__chk input[type='checkbox']:checked + label:before, .cyber_memorial__video .wrap__chk input[type='checkbox']:checked + label:before {
  color: #fff;
  background-color: #009fde;
  border-color: #009fde;
}
.cyber_memorial__profile .wrap__chk input[type='checkbox'] + label:before, .cyber_memorial__gallery .wrap__chk input[type='checkbox'] + label:before, .cyber_memorial__video .wrap__chk input[type='checkbox'] + label:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e929';
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #cccccc;
  color: #cccccc;
}

.memorial_comt {
  width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
  min-width: 1200px;
}

.cyber_memorial {
  word-break: keep-all;
}
.cyber_memorial__profile {
  padding: 65px 10px;
  position: relative;
  overflow: hidden;
  line-height: 1.3;
  text-align: left;
}
.cyber_memorial__profile .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.13);
  filter: brightness(0.7);
}
.cyber_memorial__profile .profile {
  position: relative;
  text-align: center;
}
.cyber_memorial__profile .profile .tit {
  font-size: 30px;
  color: #fff;
  margin-top: 1em;
}
.cyber_memorial__profile .profile img {
  width: 190px;
  margin: 0 auto;
}
.cyber_memorial__profile--list {
  display: flex;
  flex-wrap: wrap;
}
.cyber_memorial__profile--list .cyber_memorial__profile {
  width: 49%;
  margin: 0 0.5%;
  margin-top: 40px;
  padding: 30px;
}
.cyber_memorial__profile--list .wrap__btn {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  z-index: 5;
  position: relative;
}
.cyber_memorial__profile--list .wrap__btn .btn {
  width: 33.33%;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 40px;
  background-color: #fff;
  margin: 0 1px;
  color: #333;
  font-size: 18.4px;
}
.cyber_memorial__profile--list .btn__state {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
  padding: 0.5em 1em;
  font-size: 14.4px;
  letter-spacing: -0.05em;
}
.cyber_memorial__profile--list .btn__state--on {
  background-color: #009fde;
}
.cyber_memorial__profile--list .btn__state--off {
  background-color: #aaaaaa;
}
.cyber_memorial .tab-wrap .tab {
  max-width: 990px;
  margin: 40px auto 60px;
}
.cyber_memorial__funeral {
  line-height: 1.3;
  padding: 60px 16px;
  font-size: 24px;
  background-color: #36393c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyber_memorial__funeral dl {
  margin: 0 50px;
}
.cyber_memorial__funeral dt {
  color: #aaa;
  float: left;
}
.cyber_memorial__funeral dd {
  margin-left: 0.5em;
  padding-left: 0.5em;
  color: #fff;
  position: relative;
  display: inline-block;
}
.cyber_memorial__funeral dd:before {
  display: inline-block;
  height: 0.7em;
  width: 1px;
  left: 0;
  top: 50%;
  margin-top: -0.35em;
  position: absolute;
  background-color: #474a4d;
  content: '';
}
.cyber_memorial__txtlist {
  border-left: 1px solid #f0f0f0;
  font-size: 18px;
  line-height: 1.3;
}
.cyber_memorial__txtlist:nth-child(2n + 1) {
  border-left: 0;
}
.cyber_memorial__txtlist dt {
  font-weight: 500;
  color: #009fde;
  font-size: 24px;
  margin-bottom: 0.4em;
}
.cyber_memorial__gallery .item {
  width: 25%;
}
.cyber_memorial__gallery .wrap {
  padding-bottom: 100%;
}
.cyber_memorial__video .item {
  width: 33.33%;
}
.cyber_memorial__video .wrap {
  padding-bottom: 56.2%;
}
.cyber_memorial__video .wrap:before {
  z-index: 2;
  content: '';
  background-image: url(../images/board/video_mask.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.cyber_memorial__gallery, .cyber_memorial__video {
  text-align: center;
  flex-wrap: wrap;
}
.cyber_memorial__gallery .item, .cyber_memorial__video .item {
  border: 10px solid #fff;
  position: relative;
}
.cyber_memorial__gallery .wrap, .cyber_memorial__video .wrap {
  display: block;
  position: relative;
  overflow: hidden;
  height: 0;
}
.cyber_memorial__gallery .wrap > img, .cyber_memorial__video .wrap > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.cyber_memorial__index {
  word-break: keep-all;
  line-height: 1.3;
}
.cyber_memorial__index .mail_btn {
  display: inline-block;
  text-align: center;
  border: 1px solid #96c4f1;
  margin: 15px 0;
  padding: 1.3em;
  color: #009fde;
}
.cyber_memorial__index .step_list {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.cyber_memorial__index .step_list .item {
  width: 25%;
  padding: 8px;
}
.cyber_memorial__index .step_list .wrap {
  border: 1px solid #ddd;
  text-align: center;
  padding: 30px 0;
  font-size: 19.2px;
  color: #333;
}
.cyber_memorial__index .step_list .wrap img {
  width: 80px;
  margin: 0 auto 5px;
}
.cyber_memorial__index .step_list .wrap .number {
  font-weight: 500;
  font-size: 20.8px;
  font-family: "Montserrat", sans-serif;
  color: #999;
  display: block;
}

/*
oh-add.scss
*/
.mw_602 {
  max-width: 602px;
  margin: 0 auto;
}

.find__info--btn {
  margin-bottom: 60px;
}
.find__info--btn li a {
  border: 1px solid #ccc;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #222;
}
.find__info--btn li a.on {
  background-color: #009fde;
  border-color: #009fde;
  color: #fff;
}

.flex_bx._middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.flex_bx._middle.reverse-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.flex_bx._middle.reverse-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column-reverse;
}
.flex_bx._list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.flex_bx._list.reverse-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.flex_bx._list.reverse-col {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column-reverse;
}
.flex_bx._center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.flex_bx._center.reverse-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row-reverse;
}
.flex_bx._center.reverse-col {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column-reverse;
}
.flex_bx .l_bx {
  width: 50%;
}
.flex_bx .r_bx {
  width: 50%;
}

/*
 color ctrl
*/
.prd-block--item.prd__funeral--1,
.bx__user.prd__funeral--1 {
  background-color: #115bbe;
}

.prd__funeral--1 .prd--section__title .img path,
.prd__funeral--1 .prd--section__title .img polygon,
.prd__funeral--1 .bx_title--wedding .tit .img path,
.prd__funeral--1 .bx_title--wedding .tit .img polygon,
.prd__funeral--1 .prd__funeral--refund .refund_txt path,
.prd__funeral--1 .prd__funeral--refund .refund_txt polygon {
  fill: #115bbe;
}
.prd__funeral--1 ._mc {
  color: #115bbe;
}
.prd__funeral--1 .input_find .table-btn-01,
.prd__funeral--1 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--1 .btn-type-01._bg {
  background-color: #115bbe;
  border-color: #115bbe;
}
.prd__funeral--1.join-name-bx:before {
  background-color: #115bbe;
}
.prd__funeral--1.join-name-bx .img path,
.prd__funeral--1.join-name-bx .img polygon {
  fill: #115bbe;
}
.prd__funeral--1 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--1 .prd__funeral--card .card_benefit_list .icon {
  background-color: #115bbe;
}
.prd__funeral--1 .bottom-btn-area .btn._bg,
.prd__funeral--1 .bottom-btn-area .btn._mc,
.prd__funeral--1 .bottom-fix-area .btn._bg,
.prd__funeral--1 .bottom-fix-area .btn._mc {
  background-color: #115bbe;
  color: #fff;
}
.prd__funeral--1 .user__form__item textarea:active,
.prd__funeral--1 .user__form__item textarea:focus,
.prd__funeral--1 .user__form__item select:active,
.prd__funeral--1 .user__form__item select:focus,
.prd__funeral--1 .user__form__item input[type='email']:active,
.prd__funeral--1 .user__form__item input[type='email']:focus,
.prd__funeral--1 .user__form__item input[type='tel']:active,
.prd__funeral--1 .user__form__item input[type='tel']:focus,
.prd__funeral--1 .user__form__item input[type='text']:active,
.prd__funeral--1 .user__form__item input[type='text']:focus,
.prd__funeral--1 .user__form__item input[type='number']:active,
.prd__funeral--1 .user__form__item input[type='number']:focus,
.prd__funeral--1 .user__form__item input[type='password']:active,
.prd__funeral--1 .user__form__item input[type='password']:focus {
  border-color: #115bbe;
}
.prd__funeral--1 .section_title .tit:after,
.prd__funeral--1 .sub_title .tit:after,
.prd__funeral--1 .prd--section .section_title:after,
.prd__funeral--1 .prd__funeral .section_title .tit:after,
.prd__funeral--1 .tbl .btn {
  background-color: #115bbe;
}
.prd__funeral--1 .tab.border a.on {
  color: #115bbe;
}
.prd__funeral--1 .tab.border a.on:before {
  background-color: #115bbe;
}

.prd-block--item.prd__funeral--2,
.bx__user.prd__funeral--2 {
  background-color: #66ac47;
}

.prd__funeral--2 .prd--section__title .img path,
.prd__funeral--2 .prd--section__title .img polygon,
.prd__funeral--2 .bx_title--wedding .tit .img path,
.prd__funeral--2 .bx_title--wedding .tit .img polygon,
.prd__funeral--2 .prd__funeral--refund .refund_txt path,
.prd__funeral--2 .prd__funeral--refund .refund_txt polygon {
  fill: #66ac47;
}
.prd__funeral--2 ._mc {
  color: #66ac47;
}
.prd__funeral--2 .input_find .table-btn-01,
.prd__funeral--2 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--2 .btn-type-01._bg {
  background-color: #66ac47;
  border-color: #66ac47;
}
.prd__funeral--2.join-name-bx:before {
  background-color: #66ac47;
}
.prd__funeral--2.join-name-bx .img path,
.prd__funeral--2.join-name-bx .img polygon {
  fill: #66ac47;
}
.prd__funeral--2 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--2 .prd__funeral--card .card_benefit_list .icon {
  background-color: #66ac47;
}
.prd__funeral--2 .bottom-btn-area .btn._bg,
.prd__funeral--2 .bottom-btn-area .btn._mc,
.prd__funeral--2 .bottom-fix-area .btn._bg,
.prd__funeral--2 .bottom-fix-area .btn._mc {
  background-color: #66ac47;
  color: #fff;
}
.prd__funeral--2 .user__form__item textarea:active,
.prd__funeral--2 .user__form__item textarea:focus,
.prd__funeral--2 .user__form__item select:active,
.prd__funeral--2 .user__form__item select:focus,
.prd__funeral--2 .user__form__item input[type='email']:active,
.prd__funeral--2 .user__form__item input[type='email']:focus,
.prd__funeral--2 .user__form__item input[type='tel']:active,
.prd__funeral--2 .user__form__item input[type='tel']:focus,
.prd__funeral--2 .user__form__item input[type='text']:active,
.prd__funeral--2 .user__form__item input[type='text']:focus,
.prd__funeral--2 .user__form__item input[type='number']:active,
.prd__funeral--2 .user__form__item input[type='number']:focus,
.prd__funeral--2 .user__form__item input[type='password']:active,
.prd__funeral--2 .user__form__item input[type='password']:focus {
  border-color: #66ac47;
}
.prd__funeral--2 .section_title .tit:after,
.prd__funeral--2 .sub_title .tit:after,
.prd__funeral--2 .prd--section .section_title:after,
.prd__funeral--2 .prd__funeral .section_title .tit:after,
.prd__funeral--2 .tbl .btn {
  background-color: #66ac47;
}
.prd__funeral--2 .tab.border a.on {
  color: #66ac47;
}
.prd__funeral--2 .tab.border a.on:before {
  background-color: #66ac47;
}

.prd-block--item.prd__funeral--3,
.bx__user.prd__funeral--3 {
  background-color: #fcaf17;
}

.prd__funeral--3 .prd--section__title .img path,
.prd__funeral--3 .prd--section__title .img polygon,
.prd__funeral--3 .bx_title--wedding .tit .img path,
.prd__funeral--3 .bx_title--wedding .tit .img polygon,
.prd__funeral--3 .prd__funeral--refund .refund_txt path,
.prd__funeral--3 .prd__funeral--refund .refund_txt polygon {
  fill: #fcaf17;
}
.prd__funeral--3 ._mc {
  color: #fcaf17;
}
.prd__funeral--3 .input_find .table-btn-01,
.prd__funeral--3 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--3 .btn-type-01._bg {
  background-color: #fcaf17;
  border-color: #fcaf17;
}
.prd__funeral--3.join-name-bx:before {
  background-color: #fcaf17;
}
.prd__funeral--3.join-name-bx .img path,
.prd__funeral--3.join-name-bx .img polygon {
  fill: #fcaf17;
}
.prd__funeral--3 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--3 .prd__funeral--card .card_benefit_list .icon {
  background-color: #fcaf17;
}
.prd__funeral--3 .bottom-btn-area .btn._bg,
.prd__funeral--3 .bottom-btn-area .btn._mc,
.prd__funeral--3 .bottom-fix-area .btn._bg,
.prd__funeral--3 .bottom-fix-area .btn._mc {
  background-color: #fcaf17;
  color: #fff;
}
.prd__funeral--3 .user__form__item textarea:active,
.prd__funeral--3 .user__form__item textarea:focus,
.prd__funeral--3 .user__form__item select:active,
.prd__funeral--3 .user__form__item select:focus,
.prd__funeral--3 .user__form__item input[type='email']:active,
.prd__funeral--3 .user__form__item input[type='email']:focus,
.prd__funeral--3 .user__form__item input[type='tel']:active,
.prd__funeral--3 .user__form__item input[type='tel']:focus,
.prd__funeral--3 .user__form__item input[type='text']:active,
.prd__funeral--3 .user__form__item input[type='text']:focus,
.prd__funeral--3 .user__form__item input[type='number']:active,
.prd__funeral--3 .user__form__item input[type='number']:focus,
.prd__funeral--3 .user__form__item input[type='password']:active,
.prd__funeral--3 .user__form__item input[type='password']:focus {
  border-color: #fcaf17;
}
.prd__funeral--3 .section_title .tit:after,
.prd__funeral--3 .sub_title .tit:after,
.prd__funeral--3 .prd--section .section_title:after,
.prd__funeral--3 .prd__funeral .section_title .tit:after,
.prd__funeral--3 .tbl .btn {
  background-color: #fcaf17;
}
.prd__funeral--3 .tab.border a.on {
  color: #fcaf17;
}
.prd__funeral--3 .tab.border a.on:before {
  background-color: #fcaf17;
}

.prd-block--item.prd__funeral--4,
.bx__user.prd__funeral--4 {
  background-color: #d93e3d;
}

.prd__funeral--4 .prd--section__title .img path,
.prd__funeral--4 .prd--section__title .img polygon,
.prd__funeral--4 .bx_title--wedding .tit .img path,
.prd__funeral--4 .bx_title--wedding .tit .img polygon,
.prd__funeral--4 .prd__funeral--refund .refund_txt path,
.prd__funeral--4 .prd__funeral--refund .refund_txt polygon {
  fill: #d93e3d;
}
.prd__funeral--4 ._mc {
  color: #d93e3d;
}
.prd__funeral--4 .input_find .table-btn-01,
.prd__funeral--4 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--4 .btn-type-01._bg {
  background-color: #d93e3d;
  border-color: #d93e3d;
}
.prd__funeral--4.join-name-bx:before {
  background-color: #d93e3d;
}
.prd__funeral--4.join-name-bx .img path,
.prd__funeral--4.join-name-bx .img polygon {
  fill: #d93e3d;
}
.prd__funeral--4 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--4 .prd__funeral--card .card_benefit_list .icon {
  background-color: #d93e3d;
}
.prd__funeral--4 .bottom-btn-area .btn._bg,
.prd__funeral--4 .bottom-btn-area .btn._mc,
.prd__funeral--4 .bottom-fix-area .btn._bg,
.prd__funeral--4 .bottom-fix-area .btn._mc {
  background-color: #d93e3d;
  color: #fff;
}
.prd__funeral--4 .user__form__item textarea:active,
.prd__funeral--4 .user__form__item textarea:focus,
.prd__funeral--4 .user__form__item select:active,
.prd__funeral--4 .user__form__item select:focus,
.prd__funeral--4 .user__form__item input[type='email']:active,
.prd__funeral--4 .user__form__item input[type='email']:focus,
.prd__funeral--4 .user__form__item input[type='tel']:active,
.prd__funeral--4 .user__form__item input[type='tel']:focus,
.prd__funeral--4 .user__form__item input[type='text']:active,
.prd__funeral--4 .user__form__item input[type='text']:focus,
.prd__funeral--4 .user__form__item input[type='number']:active,
.prd__funeral--4 .user__form__item input[type='number']:focus,
.prd__funeral--4 .user__form__item input[type='password']:active,
.prd__funeral--4 .user__form__item input[type='password']:focus {
  border-color: #d93e3d;
}
.prd__funeral--4 .section_title .tit:after,
.prd__funeral--4 .sub_title .tit:after,
.prd__funeral--4 .prd--section .section_title:after,
.prd__funeral--4 .prd__funeral .section_title .tit:after,
.prd__funeral--4 .tbl .btn {
  background-color: #d93e3d;
}
.prd__funeral--4 .tab.border a.on {
  color: #d93e3d;
}
.prd__funeral--4 .tab.border a.on:before {
  background-color: #d93e3d;
}

.prd-block--item.prd__funeral--5,
.bx__user.prd__funeral--5 {
  background-color: #3cb4e7;
}

.prd__funeral--5 .prd--section__title .img path,
.prd__funeral--5 .prd--section__title .img polygon,
.prd__funeral--5 .bx_title--wedding .tit .img path,
.prd__funeral--5 .bx_title--wedding .tit .img polygon,
.prd__funeral--5 .prd__funeral--refund .refund_txt path,
.prd__funeral--5 .prd__funeral--refund .refund_txt polygon {
  fill: #3cb4e7;
}
.prd__funeral--5 ._mc {
  color: #3cb4e7;
}
.prd__funeral--5 .input_find .table-btn-01,
.prd__funeral--5 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--5 .btn-type-01._bg {
  background-color: #3cb4e7;
  border-color: #3cb4e7;
}
.prd__funeral--5.join-name-bx:before {
  background-color: #3cb4e7;
}
.prd__funeral--5.join-name-bx .img path,
.prd__funeral--5.join-name-bx .img polygon {
  fill: #3cb4e7;
}
.prd__funeral--5 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--5 .prd__funeral--card .card_benefit_list .icon {
  background-color: #3cb4e7;
}
.prd__funeral--5 .bottom-btn-area .btn._bg,
.prd__funeral--5 .bottom-btn-area .btn._mc,
.prd__funeral--5 .bottom-fix-area .btn._bg,
.prd__funeral--5 .bottom-fix-area .btn._mc {
  background-color: #3cb4e7;
  color: #fff;
}
.prd__funeral--5 .user__form__item textarea:active,
.prd__funeral--5 .user__form__item textarea:focus,
.prd__funeral--5 .user__form__item select:active,
.prd__funeral--5 .user__form__item select:focus,
.prd__funeral--5 .user__form__item input[type='email']:active,
.prd__funeral--5 .user__form__item input[type='email']:focus,
.prd__funeral--5 .user__form__item input[type='tel']:active,
.prd__funeral--5 .user__form__item input[type='tel']:focus,
.prd__funeral--5 .user__form__item input[type='text']:active,
.prd__funeral--5 .user__form__item input[type='text']:focus,
.prd__funeral--5 .user__form__item input[type='number']:active,
.prd__funeral--5 .user__form__item input[type='number']:focus,
.prd__funeral--5 .user__form__item input[type='password']:active,
.prd__funeral--5 .user__form__item input[type='password']:focus {
  border-color: #3cb4e7;
}
.prd__funeral--5 .section_title .tit:after,
.prd__funeral--5 .sub_title .tit:after,
.prd__funeral--5 .prd--section .section_title:after,
.prd__funeral--5 .prd__funeral .section_title .tit:after,
.prd__funeral--5 .tbl .btn {
  background-color: #3cb4e7;
}
.prd__funeral--5 .tab.border a.on {
  color: #3cb4e7;
}
.prd__funeral--5 .tab.border a.on:before {
  background-color: #3cb4e7;
}

.prd-block--item.prd__funeral--6,
.bx__user.prd__funeral--6 {
  background-color: #ba68c8;
}

.prd__funeral--6 .prd--section__title .img path,
.prd__funeral--6 .prd--section__title .img polygon,
.prd__funeral--6 .bx_title--wedding .tit .img path,
.prd__funeral--6 .bx_title--wedding .tit .img polygon,
.prd__funeral--6 .prd__funeral--refund .refund_txt path,
.prd__funeral--6 .prd__funeral--refund .refund_txt polygon {
  fill: #ba68c8;
}
.prd__funeral--6 ._mc {
  color: #ba68c8;
}
.prd__funeral--6 .input_find .table-btn-01,
.prd__funeral--6 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--6 .btn-type-01._bg {
  background-color: #ba68c8;
  border-color: #ba68c8;
}
.prd__funeral--6.join-name-bx:before {
  background-color: #ba68c8;
}
.prd__funeral--6.join-name-bx .img path,
.prd__funeral--6.join-name-bx .img polygon {
  fill: #ba68c8;
}
.prd__funeral--6 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--6 .prd__funeral--card .card_benefit_list .icon {
  background-color: #ba68c8;
}
.prd__funeral--6 .bottom-btn-area .btn._bg,
.prd__funeral--6 .bottom-btn-area .btn._mc,
.prd__funeral--6 .bottom-fix-area .btn._bg,
.prd__funeral--6 .bottom-fix-area .btn._mc {
  background-color: #ba68c8;
  color: #fff;
}
.prd__funeral--6 .user__form__item textarea:active,
.prd__funeral--6 .user__form__item textarea:focus,
.prd__funeral--6 .user__form__item select:active,
.prd__funeral--6 .user__form__item select:focus,
.prd__funeral--6 .user__form__item input[type='email']:active,
.prd__funeral--6 .user__form__item input[type='email']:focus,
.prd__funeral--6 .user__form__item input[type='tel']:active,
.prd__funeral--6 .user__form__item input[type='tel']:focus,
.prd__funeral--6 .user__form__item input[type='text']:active,
.prd__funeral--6 .user__form__item input[type='text']:focus,
.prd__funeral--6 .user__form__item input[type='number']:active,
.prd__funeral--6 .user__form__item input[type='number']:focus,
.prd__funeral--6 .user__form__item input[type='password']:active,
.prd__funeral--6 .user__form__item input[type='password']:focus {
  border-color: #ba68c8;
}
.prd__funeral--6 .section_title .tit:after,
.prd__funeral--6 .sub_title .tit:after,
.prd__funeral--6 .prd--section .section_title:after,
.prd__funeral--6 .prd__funeral .section_title .tit:after,
.prd__funeral--6 .tbl .btn {
  background-color: #ba68c8;
}
.prd__funeral--6 .tab.border a.on {
  color: #ba68c8;
}
.prd__funeral--6 .tab.border a.on:before {
  background-color: #ba68c8;
}

.prd-block--item.prd__funeral--7,
.bx__user.prd__funeral--7 {
  background-color: #ab9569;
}

.prd__funeral--7 .prd--section__title .img path,
.prd__funeral--7 .prd--section__title .img polygon,
.prd__funeral--7 .bx_title--wedding .tit .img path,
.prd__funeral--7 .bx_title--wedding .tit .img polygon,
.prd__funeral--7 .prd__funeral--refund .refund_txt path,
.prd__funeral--7 .prd__funeral--refund .refund_txt polygon {
  fill: #ab9569;
}
.prd__funeral--7 ._mc {
  color: #ab9569;
}
.prd__funeral--7 .input_find .table-btn-01,
.prd__funeral--7 .chk_area--term input[type='radio']:checked + label:before,
.prd__funeral--7 .btn-type-01._bg {
  background-color: #ab9569;
  border-color: #ab9569;
}
.prd__funeral--7.join-name-bx:before {
  background-color: #ab9569;
}
.prd__funeral--7.join-name-bx .img path,
.prd__funeral--7.join-name-bx .img polygon {
  fill: #ab9569;
}
.prd__funeral--7 .prd__tour--intro .bx_title .tit:after,
.prd__funeral--7 .prd__funeral--card .card_benefit_list .icon {
  background-color: #ab9569;
}
.prd__funeral--7 .bottom-btn-area .btn._bg,
.prd__funeral--7 .bottom-btn-area .btn._mc,
.prd__funeral--7 .bottom-fix-area .btn._bg,
.prd__funeral--7 .bottom-fix-area .btn._mc {
  background-color: #ab9569;
  color: #fff;
}
.prd__funeral--7 .user__form__item textarea:active,
.prd__funeral--7 .user__form__item textarea:focus,
.prd__funeral--7 .user__form__item select:active,
.prd__funeral--7 .user__form__item select:focus,
.prd__funeral--7 .user__form__item input[type='email']:active,
.prd__funeral--7 .user__form__item input[type='email']:focus,
.prd__funeral--7 .user__form__item input[type='tel']:active,
.prd__funeral--7 .user__form__item input[type='tel']:focus,
.prd__funeral--7 .user__form__item input[type='text']:active,
.prd__funeral--7 .user__form__item input[type='text']:focus,
.prd__funeral--7 .user__form__item input[type='number']:active,
.prd__funeral--7 .user__form__item input[type='number']:focus,
.prd__funeral--7 .user__form__item input[type='password']:active,
.prd__funeral--7 .user__form__item input[type='password']:focus {
  border-color: #ab9569;
}
.prd__funeral--7 .section_title .tit:after,
.prd__funeral--7 .sub_title .tit:after,
.prd__funeral--7 .prd--section .section_title:after,
.prd__funeral--7 .prd__funeral .section_title .tit:after,
.prd__funeral--7 .tbl .btn {
  background-color: #ab9569;
}
.prd__funeral--7 .tab.border a.on {
  color: #ab9569;
}
.prd__funeral--7 .tab.border a.on:before {
  background-color: #ab9569;
}

.prd-block--item.prd__wedding--1,
.bx__user.prd__wedding--1 {
  background-color: #66ac47;
}

.prd__wedding--1 .prd--section__title .img path,
.prd__wedding--1 .prd--section__title .img polygon,
.prd__wedding--1 .bx_title--wedding .tit .img path,
.prd__wedding--1 .bx_title--wedding .tit .img polygon,
.prd__wedding--1 .prd__funeral--refund .refund_txt path,
.prd__wedding--1 .prd__funeral--refund .refund_txt polygon {
  fill: #66ac47;
}
.prd__wedding--1 ._mc {
  color: #66ac47;
}
.prd__wedding--1 .input_find .table-btn-01,
.prd__wedding--1 .chk_area--term input[type='radio']:checked + label:before,
.prd__wedding--1 .btn-type-01._bg {
  background-color: #66ac47;
  border-color: #66ac47;
}
.prd__wedding--1.join-name-bx:before {
  background-color: #66ac47;
}
.prd__wedding--1.join-name-bx .img path,
.prd__wedding--1.join-name-bx .img polygon {
  fill: #66ac47;
}
.prd__wedding--1 .prd__tour--intro .bx_title .tit:after,
.prd__wedding--1 .prd__funeral--card .card_benefit_list .icon {
  background-color: #66ac47;
}
.prd__wedding--1 .bottom-btn-area .btn._bg,
.prd__wedding--1 .bottom-btn-area .btn._mc,
.prd__wedding--1 .bottom-fix-area .btn._bg,
.prd__wedding--1 .bottom-fix-area .btn._mc {
  background-color: #66ac47;
  color: #fff;
}
.prd__wedding--1 .user__form__item textarea:active,
.prd__wedding--1 .user__form__item textarea:focus,
.prd__wedding--1 .user__form__item select:active,
.prd__wedding--1 .user__form__item select:focus,
.prd__wedding--1 .user__form__item input[type='email']:active,
.prd__wedding--1 .user__form__item input[type='email']:focus,
.prd__wedding--1 .user__form__item input[type='tel']:active,
.prd__wedding--1 .user__form__item input[type='tel']:focus,
.prd__wedding--1 .user__form__item input[type='text']:active,
.prd__wedding--1 .user__form__item input[type='text']:focus,
.prd__wedding--1 .user__form__item input[type='number']:active,
.prd__wedding--1 .user__form__item input[type='number']:focus,
.prd__wedding--1 .user__form__item input[type='password']:active,
.prd__wedding--1 .user__form__item input[type='password']:focus {
  border-color: #66ac47;
}
.prd__wedding--1 .section_title .tit:after,
.prd__wedding--1 .sub_title .tit:after,
.prd__wedding--1 .prd--section .section_title:after,
.prd__wedding--1 .prd__funeral .section_title .tit:after,
.prd__wedding--1 .tbl .btn {
  background-color: #66ac47;
}
.prd__wedding--1 .tab.border a.on {
  color: #66ac47;
}
.prd__wedding--1 .tab.border a.on:before {
  background-color: #66ac47;
}

.prd-block--item.prd__wedding--2,
.bx__user.prd__wedding--2 {
  background-color: #fcaf17;
}

.prd__wedding--2 .prd--section__title .img path,
.prd__wedding--2 .prd--section__title .img polygon,
.prd__wedding--2 .bx_title--wedding .tit .img path,
.prd__wedding--2 .bx_title--wedding .tit .img polygon,
.prd__wedding--2 .prd__funeral--refund .refund_txt path,
.prd__wedding--2 .prd__funeral--refund .refund_txt polygon {
  fill: #fcaf17;
}
.prd__wedding--2 ._mc {
  color: #fcaf17;
}
.prd__wedding--2 .input_find .table-btn-01,
.prd__wedding--2 .chk_area--term input[type='radio']:checked + label:before,
.prd__wedding--2 .btn-type-01._bg {
  background-color: #fcaf17;
  border-color: #fcaf17;
}
.prd__wedding--2.join-name-bx:before {
  background-color: #fcaf17;
}
.prd__wedding--2.join-name-bx .img path,
.prd__wedding--2.join-name-bx .img polygon {
  fill: #fcaf17;
}
.prd__wedding--2 .prd__tour--intro .bx_title .tit:after,
.prd__wedding--2 .prd__funeral--card .card_benefit_list .icon {
  background-color: #fcaf17;
}
.prd__wedding--2 .bottom-btn-area .btn._bg,
.prd__wedding--2 .bottom-btn-area .btn._mc,
.prd__wedding--2 .bottom-fix-area .btn._bg,
.prd__wedding--2 .bottom-fix-area .btn._mc {
  background-color: #fcaf17;
  color: #fff;
}
.prd__wedding--2 .user__form__item textarea:active,
.prd__wedding--2 .user__form__item textarea:focus,
.prd__wedding--2 .user__form__item select:active,
.prd__wedding--2 .user__form__item select:focus,
.prd__wedding--2 .user__form__item input[type='email']:active,
.prd__wedding--2 .user__form__item input[type='email']:focus,
.prd__wedding--2 .user__form__item input[type='tel']:active,
.prd__wedding--2 .user__form__item input[type='tel']:focus,
.prd__wedding--2 .user__form__item input[type='text']:active,
.prd__wedding--2 .user__form__item input[type='text']:focus,
.prd__wedding--2 .user__form__item input[type='number']:active,
.prd__wedding--2 .user__form__item input[type='number']:focus,
.prd__wedding--2 .user__form__item input[type='password']:active,
.prd__wedding--2 .user__form__item input[type='password']:focus {
  border-color: #fcaf17;
}
.prd__wedding--2 .section_title .tit:after,
.prd__wedding--2 .sub_title .tit:after,
.prd__wedding--2 .prd--section .section_title:after,
.prd__wedding--2 .prd__funeral .section_title .tit:after,
.prd__wedding--2 .tbl .btn {
  background-color: #fcaf17;
}
.prd__wedding--2 .tab.border a.on {
  color: #fcaf17;
}
.prd__wedding--2 .tab.border a.on:before {
  background-color: #fcaf17;
}

.prd-block--item.prd__wedding--3,
.bx__user.prd__wedding--3 {
  background-color: #d93e3d;
}

.prd__wedding--3 .prd--section__title .img path,
.prd__wedding--3 .prd--section__title .img polygon,
.prd__wedding--3 .bx_title--wedding .tit .img path,
.prd__wedding--3 .bx_title--wedding .tit .img polygon,
.prd__wedding--3 .prd__funeral--refund .refund_txt path,
.prd__wedding--3 .prd__funeral--refund .refund_txt polygon {
  fill: #d93e3d;
}
.prd__wedding--3 ._mc {
  color: #d93e3d;
}
.prd__wedding--3 .input_find .table-btn-01,
.prd__wedding--3 .chk_area--term input[type='radio']:checked + label:before,
.prd__wedding--3 .btn-type-01._bg {
  background-color: #d93e3d;
  border-color: #d93e3d;
}
.prd__wedding--3.join-name-bx:before {
  background-color: #d93e3d;
}
.prd__wedding--3.join-name-bx .img path,
.prd__wedding--3.join-name-bx .img polygon {
  fill: #d93e3d;
}
.prd__wedding--3 .prd__tour--intro .bx_title .tit:after,
.prd__wedding--3 .prd__funeral--card .card_benefit_list .icon {
  background-color: #d93e3d;
}
.prd__wedding--3 .bottom-btn-area .btn._bg,
.prd__wedding--3 .bottom-btn-area .btn._mc,
.prd__wedding--3 .bottom-fix-area .btn._bg,
.prd__wedding--3 .bottom-fix-area .btn._mc {
  background-color: #d93e3d;
  color: #fff;
}
.prd__wedding--3 .user__form__item textarea:active,
.prd__wedding--3 .user__form__item textarea:focus,
.prd__wedding--3 .user__form__item select:active,
.prd__wedding--3 .user__form__item select:focus,
.prd__wedding--3 .user__form__item input[type='email']:active,
.prd__wedding--3 .user__form__item input[type='email']:focus,
.prd__wedding--3 .user__form__item input[type='tel']:active,
.prd__wedding--3 .user__form__item input[type='tel']:focus,
.prd__wedding--3 .user__form__item input[type='text']:active,
.prd__wedding--3 .user__form__item input[type='text']:focus,
.prd__wedding--3 .user__form__item input[type='number']:active,
.prd__wedding--3 .user__form__item input[type='number']:focus,
.prd__wedding--3 .user__form__item input[type='password']:active,
.prd__wedding--3 .user__form__item input[type='password']:focus {
  border-color: #d93e3d;
}
.prd__wedding--3 .section_title .tit:after,
.prd__wedding--3 .sub_title .tit:after,
.prd__wedding--3 .prd--section .section_title:after,
.prd__wedding--3 .prd__funeral .section_title .tit:after,
.prd__wedding--3 .tbl .btn {
  background-color: #d93e3d;
}
.prd__wedding--3 .tab.border a.on {
  color: #d93e3d;
}
.prd__wedding--3 .tab.border a.on:before {
  background-color: #d93e3d;
}

.prd-block--item.prd__wedding--4,
.bx__user.prd__wedding--4 {
  background-color: #3cb4e7;
}

.prd__wedding--4 .prd--section__title .img path,
.prd__wedding--4 .prd--section__title .img polygon,
.prd__wedding--4 .bx_title--wedding .tit .img path,
.prd__wedding--4 .bx_title--wedding .tit .img polygon,
.prd__wedding--4 .prd__funeral--refund .refund_txt path,
.prd__wedding--4 .prd__funeral--refund .refund_txt polygon {
  fill: #3cb4e7;
}
.prd__wedding--4 ._mc {
  color: #3cb4e7;
}
.prd__wedding--4 .input_find .table-btn-01,
.prd__wedding--4 .chk_area--term input[type='radio']:checked + label:before,
.prd__wedding--4 .btn-type-01._bg {
  background-color: #3cb4e7;
  border-color: #3cb4e7;
}
.prd__wedding--4.join-name-bx:before {
  background-color: #3cb4e7;
}
.prd__wedding--4.join-name-bx .img path,
.prd__wedding--4.join-name-bx .img polygon {
  fill: #3cb4e7;
}
.prd__wedding--4 .prd__tour--intro .bx_title .tit:after,
.prd__wedding--4 .prd__funeral--card .card_benefit_list .icon {
  background-color: #3cb4e7;
}
.prd__wedding--4 .bottom-btn-area .btn._bg,
.prd__wedding--4 .bottom-btn-area .btn._mc,
.prd__wedding--4 .bottom-fix-area .btn._bg,
.prd__wedding--4 .bottom-fix-area .btn._mc {
  background-color: #3cb4e7;
  color: #fff;
}
.prd__wedding--4 .user__form__item textarea:active,
.prd__wedding--4 .user__form__item textarea:focus,
.prd__wedding--4 .user__form__item select:active,
.prd__wedding--4 .user__form__item select:focus,
.prd__wedding--4 .user__form__item input[type='email']:active,
.prd__wedding--4 .user__form__item input[type='email']:focus,
.prd__wedding--4 .user__form__item input[type='tel']:active,
.prd__wedding--4 .user__form__item input[type='tel']:focus,
.prd__wedding--4 .user__form__item input[type='text']:active,
.prd__wedding--4 .user__form__item input[type='text']:focus,
.prd__wedding--4 .user__form__item input[type='number']:active,
.prd__wedding--4 .user__form__item input[type='number']:focus,
.prd__wedding--4 .user__form__item input[type='password']:active,
.prd__wedding--4 .user__form__item input[type='password']:focus {
  border-color: #3cb4e7;
}
.prd__wedding--4 .section_title .tit:after,
.prd__wedding--4 .sub_title .tit:after,
.prd__wedding--4 .prd--section .section_title:after,
.prd__wedding--4 .prd__funeral .section_title .tit:after,
.prd__wedding--4 .tbl .btn {
  background-color: #3cb4e7;
}
.prd__wedding--4 .tab.border a.on {
  color: #3cb4e7;
}
.prd__wedding--4 .tab.border a.on:before {
  background-color: #3cb4e7;
}

.prd-block--item.prd__wedding--5,
.bx__user.prd__wedding--5 {
  background-color: #ba68c8;
}

.prd__wedding--5 .prd--section__title .img path,
.prd__wedding--5 .prd--section__title .img polygon,
.prd__wedding--5 .bx_title--wedding .tit .img path,
.prd__wedding--5 .bx_title--wedding .tit .img polygon,
.prd__wedding--5 .prd__funeral--refund .refund_txt path,
.prd__wedding--5 .prd__funeral--refund .refund_txt polygon {
  fill: #ba68c8;
}
.prd__wedding--5 ._mc {
  color: #ba68c8;
}
.prd__wedding--5 .input_find .table-btn-01,
.prd__wedding--5 .chk_area--term input[type='radio']:checked + label:before,
.prd__wedding--5 .btn-type-01._bg {
  background-color: #ba68c8;
  border-color: #ba68c8;
}
.prd__wedding--5.join-name-bx:before {
  background-color: #ba68c8;
}
.prd__wedding--5.join-name-bx .img path,
.prd__wedding--5.join-name-bx .img polygon {
  fill: #ba68c8;
}
.prd__wedding--5 .prd__tour--intro .bx_title .tit:after,
.prd__wedding--5 .prd__funeral--card .card_benefit_list .icon {
  background-color: #ba68c8;
}
.prd__wedding--5 .bottom-btn-area .btn._bg,
.prd__wedding--5 .bottom-btn-area .btn._mc,
.prd__wedding--5 .bottom-fix-area .btn._bg,
.prd__wedding--5 .bottom-fix-area .btn._mc {
  background-color: #ba68c8;
  color: #fff;
}
.prd__wedding--5 .user__form__item textarea:active,
.prd__wedding--5 .user__form__item textarea:focus,
.prd__wedding--5 .user__form__item select:active,
.prd__wedding--5 .user__form__item select:focus,
.prd__wedding--5 .user__form__item input[type='email']:active,
.prd__wedding--5 .user__form__item input[type='email']:focus,
.prd__wedding--5 .user__form__item input[type='tel']:active,
.prd__wedding--5 .user__form__item input[type='tel']:focus,
.prd__wedding--5 .user__form__item input[type='text']:active,
.prd__wedding--5 .user__form__item input[type='text']:focus,
.prd__wedding--5 .user__form__item input[type='number']:active,
.prd__wedding--5 .user__form__item input[type='number']:focus,
.prd__wedding--5 .user__form__item input[type='password']:active,
.prd__wedding--5 .user__form__item input[type='password']:focus {
  border-color: #ba68c8;
}
.prd__wedding--5 .section_title .tit:after,
.prd__wedding--5 .sub_title .tit:after,
.prd__wedding--5 .prd--section .section_title:after,
.prd__wedding--5 .prd__funeral .section_title .tit:after,
.prd__wedding--5 .tbl .btn {
  background-color: #ba68c8;
}
.prd__wedding--5 .tab.border a.on {
  color: #ba68c8;
}
.prd__wedding--5 .tab.border a.on:before {
  background-color: #ba68c8;
}

.prd-block--item.prd__wedding--6,
.bx__user.prd__wedding--6 {
  background-color: #ab9569;
}

.prd__wedding--6 .prd--section__title .img path,
.prd__wedding--6 .prd--section__title .img polygon,
.prd__wedding--6 .bx_title--wedding .tit .img path,
.prd__wedding--6 .bx_title--wedding .tit .img polygon,
.prd__wedding--6 .prd__funeral--refund .refund_txt path,
.prd__wedding--6 .prd__funeral--refund .refund_txt polygon {
  fill: #ab9569;
}
.prd__wedding--6 ._mc {
  color: #ab9569;
}
.prd__wedding--6 .input_find .table-btn-01,
.prd__wedding--6 .chk_area--term input[type='radio']:checked + label:before,
.prd__wedding--6 .btn-type-01._bg {
  background-color: #ab9569;
  border-color: #ab9569;
}
.prd__wedding--6.join-name-bx:before {
  background-color: #ab9569;
}
.prd__wedding--6.join-name-bx .img path,
.prd__wedding--6.join-name-bx .img polygon {
  fill: #ab9569;
}
.prd__wedding--6 .prd__tour--intro .bx_title .tit:after,
.prd__wedding--6 .prd__funeral--card .card_benefit_list .icon {
  background-color: #ab9569;
}
.prd__wedding--6 .bottom-btn-area .btn._bg,
.prd__wedding--6 .bottom-btn-area .btn._mc,
.prd__wedding--6 .bottom-fix-area .btn._bg,
.prd__wedding--6 .bottom-fix-area .btn._mc {
  background-color: #ab9569;
  color: #fff;
}
.prd__wedding--6 .user__form__item textarea:active,
.prd__wedding--6 .user__form__item textarea:focus,
.prd__wedding--6 .user__form__item select:active,
.prd__wedding--6 .user__form__item select:focus,
.prd__wedding--6 .user__form__item input[type='email']:active,
.prd__wedding--6 .user__form__item input[type='email']:focus,
.prd__wedding--6 .user__form__item input[type='tel']:active,
.prd__wedding--6 .user__form__item input[type='tel']:focus,
.prd__wedding--6 .user__form__item input[type='text']:active,
.prd__wedding--6 .user__form__item input[type='text']:focus,
.prd__wedding--6 .user__form__item input[type='number']:active,
.prd__wedding--6 .user__form__item input[type='number']:focus,
.prd__wedding--6 .user__form__item input[type='password']:active,
.prd__wedding--6 .user__form__item input[type='password']:focus {
  border-color: #ab9569;
}
.prd__wedding--6 .section_title .tit:after,
.prd__wedding--6 .sub_title .tit:after,
.prd__wedding--6 .prd--section .section_title:after,
.prd__wedding--6 .prd__funeral .section_title .tit:after,
.prd__wedding--6 .tbl .btn {
  background-color: #ab9569;
}
.prd__wedding--6 .tab.border a.on {
  color: #ab9569;
}
.prd__wedding--6 .tab.border a.on:before {
  background-color: #ab9569;
}

.prd-block--item.prd__tour--1,
.bx__user.prd__tour--1 {
  background-color: #ff6e40;
}

.prd__tour--1 .prd--section__title .img path,
.prd__tour--1 .prd--section__title .img polygon,
.prd__tour--1 .bx_title--wedding .tit .img path,
.prd__tour--1 .bx_title--wedding .tit .img polygon,
.prd__tour--1 .prd__funeral--refund .refund_txt path,
.prd__tour--1 .prd__funeral--refund .refund_txt polygon {
  fill: #ff6e40;
}
.prd__tour--1 ._mc {
  color: #ff6e40;
}
.prd__tour--1 .input_find .table-btn-01,
.prd__tour--1 .chk_area--term input[type='radio']:checked + label:before,
.prd__tour--1 .btn-type-01._bg {
  background-color: #ff6e40;
  border-color: #ff6e40;
}
.prd__tour--1.join-name-bx:before {
  background-color: #ff6e40;
}
.prd__tour--1.join-name-bx .img path,
.prd__tour--1.join-name-bx .img polygon {
  fill: #ff6e40;
}
.prd__tour--1 .prd__tour--intro .bx_title .tit:after,
.prd__tour--1 .prd__funeral--card .card_benefit_list .icon {
  background-color: #ff6e40;
}
.prd__tour--1 .bottom-btn-area .btn._bg,
.prd__tour--1 .bottom-btn-area .btn._mc,
.prd__tour--1 .bottom-fix-area .btn._bg,
.prd__tour--1 .bottom-fix-area .btn._mc {
  background-color: #ff6e40;
  color: #fff;
}
.prd__tour--1 .user__form__item textarea:active,
.prd__tour--1 .user__form__item textarea:focus,
.prd__tour--1 .user__form__item select:active,
.prd__tour--1 .user__form__item select:focus,
.prd__tour--1 .user__form__item input[type='email']:active,
.prd__tour--1 .user__form__item input[type='email']:focus,
.prd__tour--1 .user__form__item input[type='tel']:active,
.prd__tour--1 .user__form__item input[type='tel']:focus,
.prd__tour--1 .user__form__item input[type='text']:active,
.prd__tour--1 .user__form__item input[type='text']:focus,
.prd__tour--1 .user__form__item input[type='number']:active,
.prd__tour--1 .user__form__item input[type='number']:focus,
.prd__tour--1 .user__form__item input[type='password']:active,
.prd__tour--1 .user__form__item input[type='password']:focus {
  border-color: #ff6e40;
}
.prd__tour--1 .section_title .tit:after,
.prd__tour--1 .sub_title .tit:after,
.prd__tour--1 .prd--section .section_title:after,
.prd__tour--1 .prd__funeral .section_title .tit:after,
.prd__tour--1 .tbl .btn {
  background-color: #ff6e40;
}
.prd__tour--1 .tab.border a.on {
  color: #ff6e40;
}
.prd__tour--1 .tab.border a.on:before {
  background-color: #ff6e40;
}

.prd-block--item.direct__loan,
.bx__user.direct__loan {
  background-color: #fcaf17;
}

.direct__loan .prd--section__title .img path,
.direct__loan .prd--section__title .img polygon,
.direct__loan .bx_title--wedding .tit .img path,
.direct__loan .bx_title--wedding .tit .img polygon,
.direct__loan .prd__funeral--refund .refund_txt path,
.direct__loan .prd__funeral--refund .refund_txt polygon {
  fill: #fcaf17;
}
.direct__loan ._mc {
  color: #fcaf17;
}
.direct__loan .input_find .table-btn-01,
.direct__loan .chk_area--term input[type='radio']:checked + label:before,
.direct__loan .btn-type-01._bg {
  background-color: #fcaf17;
  border-color: #fcaf17;
}
.direct__loan.join-name-bx:before {
  background-color: #fcaf17;
}
.direct__loan.join-name-bx .img path,
.direct__loan.join-name-bx .img polygon {
  fill: #fcaf17;
}
.direct__loan .prd__tour--intro .bx_title .tit:after,
.direct__loan .prd__funeral--card .card_benefit_list .icon {
  background-color: #fcaf17;
}
.direct__loan .bottom-btn-area .btn._bg,
.direct__loan .bottom-btn-area .btn._mc,
.direct__loan .bottom-fix-area .btn._bg,
.direct__loan .bottom-fix-area .btn._mc {
  background-color: #fcaf17;
  color: #fff;
}
.direct__loan .user__form__item textarea:active,
.direct__loan .user__form__item textarea:focus,
.direct__loan .user__form__item select:active,
.direct__loan .user__form__item select:focus,
.direct__loan .user__form__item input[type='email']:active,
.direct__loan .user__form__item input[type='email']:focus,
.direct__loan .user__form__item input[type='tel']:active,
.direct__loan .user__form__item input[type='tel']:focus,
.direct__loan .user__form__item input[type='text']:active,
.direct__loan .user__form__item input[type='text']:focus,
.direct__loan .user__form__item input[type='number']:active,
.direct__loan .user__form__item input[type='number']:focus,
.direct__loan .user__form__item input[type='password']:active,
.direct__loan .user__form__item input[type='password']:focus {
  border-color: #fcaf17;
}
.direct__loan .section_title .tit:after,
.direct__loan .sub_title .tit:after,
.direct__loan .prd--section .section_title:after,
.direct__loan .prd__funeral .section_title .tit:after,
.direct__loan .tbl .btn {
  background-color: #fcaf17;
}
.direct__loan .tab.border a.on {
  color: #fcaf17;
}
.direct__loan .tab.border a.on:before {
  background-color: #fcaf17;
}

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