@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Pretendard/Pretendard-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Icomoon";
  src: url("../fonts/Icomoon/icomoon.eot?siud0k");
  src: url("../fonts/Icomoon/icomoon.eot?siud0k#iefix") format("embedded-opentype"), url("../fonts/Icomoon/icomoon.ttf?siud0k") format("truetype"), url("../fonts/Icomoon/icomoon.woff?siud0k") format("woff"), url("../img/svg/icon.svg?siud0k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-activity:before {
  content: "\e900";
}

.icon-airplay:before {
  content: "\e901";
}

.icon-alert-octagon:before {
  content: "\e903";
}

.icon-alert-triangle:before {
  content: "\e904";
}

.icon-align-center:before {
  content: "\e905";
}

.icon-align-justify:before {
  content: "\e906";
}

.icon-align-left:before {
  content: "\e907";
}

.icon-align-right:before {
  content: "\e908";
}

.icon-anchor:before {
  content: "\e909";
}

.icon-aperture:before {
  content: "\e90a";
}

.icon-archive:before {
  content: "\e90b";
}

.icon-arrow-down:before {
  content: "\e90c";
}

.icon-arrow-down-circle:before {
  content: "\e90d";
}

.icon-arrow-down-left:before {
  content: "\e90e";
}

.icon-arrow-down-right:before {
  content: "\e90f";
}

.icon-arrow-left:before {
  content: "\e910";
}

.icon-arrow-left-circle:before {
  content: "\e911";
}

.icon-arrow-right:before {
  content: "\e912";
}

.icon-arrow-right-circle:before {
  content: "\e913";
}

.icon-arrow-up:before {
  content: "\e914";
}

.icon-arrow-up-circle:before {
  content: "\e915";
}

.icon-arrow-up-left:before {
  content: "\e916";
}

.icon-arrow-up-right:before {
  content: "\e917";
}

.icon-at-sign:before {
  content: "\e918";
}

.icon-award:before {
  content: "\e919";
}

.icon-bar-chart:before {
  content: "\e91a";
}

.icon-bar-chart-2:before {
  content: "\e91b";
}

.icon-battery:before {
  content: "\e91c";
}

.icon-battery-charging:before {
  content: "\e91d";
}

.icon-bell:before {
  content: "\e91e";
}

.icon-bell-off:before {
  content: "\e91f";
}

.icon-bluetooth:before {
  content: "\e920";
}

.icon-bold:before {
  content: "\e921";
}

.icon-book:before {
  content: "\e922";
}

.icon-book-open:before {
  content: "\e923";
}

.icon-bookmark:before {
  content: "\e924";
}

.icon-box:before {
  content: "\e925";
}

.icon-briefcase:before {
  content: "\e926";
}

.icon-calendar:before {
  content: "\e927";
}

.icon-camera:before {
  content: "\e928";
}

.icon-camera-off:before {
  content: "\e929";
}

.icon-cast:before {
  content: "\e92a";
}

.icon-check:before {
  content: "\e92b";
}

.icon-check-circle:before {
  content: "\e92c";
}

.icon-check-square:before {
  content: "\e92d";
}

.icon-chevron-down:before {
  content: "\e92e";
}

.icon-chevron-left:before {
  content: "\e92f";
}

.icon-chevron-right:before {
  content: "\e930";
}

.icon-chevron-up:before {
  content: "\e931";
}

.icon-chevrons-down:before {
  content: "\e932";
}

.icon-chevrons-left:before {
  content: "\e933";
}

.icon-chevrons-right:before {
  content: "\e934";
}

.icon-chevrons-up:before {
  content: "\e935";
}

.icon-chrome:before {
  content: "\e936";
}

.icon-circle:before {
  content: "\e937";
}

.icon-clipboard:before {
  content: "\e938";
}

.icon-clock:before {
  content: "\e939";
}

.icon-cloud:before {
  content: "\e93a";
}

.icon-cloud-drizzle:before {
  content: "\e93b";
}

.icon-cloud-lightning:before {
  content: "\e93c";
}

.icon-cloud-off:before {
  content: "\e93d";
}

.icon-cloud-rain:before {
  content: "\e93e";
}

.icon-cloud-snow:before {
  content: "\e93f";
}

.icon-code:before {
  content: "\e940";
}

.icon-codepen:before {
  content: "\e941";
}

.icon-codesandbox:before {
  content: "\e942";
}

.icon-coffee:before {
  content: "\e943";
}

.icon-columns:before {
  content: "\e944";
}

.icon-command:before {
  content: "\e945";
}

.icon-compass:before {
  content: "\e946";
}

.icon-copy:before {
  content: "\e947";
}

.icon-corner-down-left:before {
  content: "\e948";
}

.icon-corner-down-right:before {
  content: "\e949";
}

.icon-corner-left-down:before {
  content: "\e94a";
}

.icon-corner-left-up:before {
  content: "\e94b";
}

.icon-corner-right-down:before {
  content: "\e94c";
}

.icon-corner-right-up:before {
  content: "\e94d";
}

.icon-corner-up-left:before {
  content: "\e94e";
}

.icon-corner-up-right:before {
  content: "\e94f";
}

.icon-cpu:before {
  content: "\e950";
}

.icon-credit-card:before {
  content: "\e951";
}

.icon-crop:before {
  content: "\e952";
}

.icon-crosshair:before {
  content: "\e953";
}

.icon-database:before {
  content: "\e954";
}

.icon-delete:before {
  content: "\e955";
}

.icon-disc:before {
  content: "\e956";
}

.icon-dollar-sign:before {
  content: "\e957";
}

.icon-download:before {
  content: "\e958";
}

.icon-download-cloud:before {
  content: "\e959";
}

.icon-droplet:before {
  content: "\e95a";
}

.icon-edit:before {
  content: "\e95b";
}

.icon-edit-2:before {
  content: "\e95c";
}

.icon-edit-3:before {
  content: "\e95d";
}

.icon-external-link:before {
  content: "\e95e";
}

.icon-eye:before {
  content: "\e95f";
}

.icon-eye-off:before {
  content: "\e960";
}

.icon-facebook:before {
  content: "\e961";
}

.icon-fast-forward:before {
  content: "\e962";
}

.icon-feather:before {
  content: "\e963";
}

.icon-figma:before {
  content: "\e964";
}

.icon-file:before {
  content: "\e965";
}

.icon-file-minus:before {
  content: "\e966";
}

.icon-file-plus:before {
  content: "\e967";
}

.icon-file-text:before {
  content: "\e968";
}

.icon-film:before {
  content: "\e969";
}

.icon-filter:before {
  content: "\e96a";
}

.icon-flag:before {
  content: "\e96b";
}

.icon-folder:before {
  content: "\e96c";
}

.icon-folder-minus:before {
  content: "\e96d";
}

.icon-folder-plus:before {
  content: "\e96e";
}

.icon-framer:before {
  content: "\e96f";
}

.icon-frown:before {
  content: "\e970";
}

.icon-gift:before {
  content: "\e971";
}

.icon-git-branch:before {
  content: "\e972";
}

.icon-git-commit:before {
  content: "\e973";
}

.icon-git-merge:before {
  content: "\e974";
}

.icon-git-pull-request:before {
  content: "\e975";
}

.icon-github:before {
  content: "\e976";
}

.icon-gitlab:before {
  content: "\e977";
}

.icon-globe:before {
  content: "\e978";
}

.icon-grid:before {
  content: "\e979";
}

.icon-hard-drive:before {
  content: "\e97a";
}

.icon-hash:before {
  content: "\e97b";
}

.icon-headphones:before {
  content: "\e97c";
}

.icon-heart:before {
  content: "\e97d";
}

.icon-help-circle:before {
  content: "\e97e";
}

.icon-hexagon:before {
  content: "\e97f";
}

.icon-home:before {
  content: "\e980";
}

.icon-image:before {
  content: "\e981";
}

.icon-inbox:before {
  content: "\e982";
}

.icon-info:before {
  content: "\e983";
}

.icon-instagram:before {
  content: "\e984";
}

.icon-italic:before {
  content: "\e985";
}

.icon-key:before {
  content: "\e986";
}

.icon-layers:before {
  content: "\e987";
}

.icon-layout:before {
  content: "\e988";
}

.icon-life-buoy:before {
  content: "\e989";
}

.icon-link:before {
  content: "\e98a";
}

.icon-link-2:before {
  content: "\e98b";
}

.icon-linkedin:before {
  content: "\e98c";
}

.icon-list:before {
  content: "\e98d";
}

.icon-loader:before {
  content: "\e98e";
}

.icon-lock:before {
  content: "\e98f";
}

.icon-log-in:before {
  content: "\e990";
}

.icon-log-out:before {
  content: "\e991";
}

.icon-mail:before {
  content: "\e992";
}

.icon-map:before {
  content: "\e993";
}

.icon-map-pin:before {
  content: "\e994";
}

.icon-maximize:before {
  content: "\e995";
}

.icon-maximize-2:before {
  content: "\e996";
}

.icon-meh:before {
  content: "\e997";
}

.icon-menu:before {
  content: "\e998";
}

.icon-message-circle:before {
  content: "\e999";
}

.icon-message-square:before {
  content: "\e99a";
}

.icon-mic:before {
  content: "\e99b";
}

.icon-mic-off:before {
  content: "\e99c";
}

.icon-minimize:before {
  content: "\e99d";
}

.icon-minimize-2:before {
  content: "\e99e";
}

.icon-minus:before {
  content: "\e99f";
}

.icon-minus-circle:before {
  content: "\e9a0";
}

.icon-minus-square:before {
  content: "\e9a1";
}

.icon-monitor:before {
  content: "\e9a2";
}

.icon-moon:before {
  content: "\e9a3";
}

.icon-more-horizontal:before {
  content: "\e9a4";
}

.icon-more-vertical:before {
  content: "\e9a5";
}

.icon-mouse-pointer:before {
  content: "\e9a6";
}

.icon-move:before {
  content: "\e9a7";
}

.icon-music:before {
  content: "\e9a8";
}

.icon-navigation:before {
  content: "\e9a9";
}

.icon-navigation-2:before {
  content: "\e9aa";
}

.icon-octagon:before {
  content: "\e9ab";
}

.icon-package:before {
  content: "\e9ac";
}

.icon-paperclip:before {
  content: "\e9ad";
}

.icon-pause:before {
  content: "\e9ae";
}

.icon-pause-circle:before {
  content: "\e9af";
}

.icon-pen-tool:before {
  content: "\e9b0";
}

.icon-percent:before {
  content: "\e9b1";
}

.icon-phone:before {
  content: "\e9b2";
}

.icon-phone-call:before {
  content: "\e9b3";
}

.icon-phone-forwarded:before {
  content: "\e9b4";
}

.icon-phone-incoming:before {
  content: "\e9b5";
}

.icon-phone-missed:before {
  content: "\e9b6";
}

.icon-phone-off:before {
  content: "\e9b7";
}

.icon-phone-outgoing:before {
  content: "\e9b8";
}

.icon-pie-chart:before {
  content: "\e9b9";
}

.icon-play:before {
  content: "\e9ba";
}

.icon-play-circle:before {
  content: "\e9bb";
}

.icon-plus:before {
  content: "\e9bc";
}

.icon-plus-circle:before {
  content: "\e9bd";
}

.icon-plus-square:before {
  content: "\e9be";
}

.icon-pocket:before {
  content: "\e9bf";
}

.icon-power:before {
  content: "\e9c0";
}

.icon-printer:before {
  content: "\e9c1";
}

.icon-radio:before {
  content: "\e9c2";
}

.icon-refresh-ccw:before {
  content: "\e9c3";
}

.icon-refresh-cw:before {
  content: "\e9c4";
}

.icon-repeat:before {
  content: "\e9c5";
}

.icon-rewind:before {
  content: "\e9c6";
}

.icon-rotate-ccw:before {
  content: "\e9c7";
}

.icon-rotate-cw:before {
  content: "\e9c8";
}

.icon-rss:before {
  content: "\e9c9";
}

.icon-save:before {
  content: "\e9ca";
}

.icon-scissors:before {
  content: "\e9cb";
}

.icon-search:before {
  content: "\e9cc";
}

.icon-server:before {
  content: "\e9ce";
}

.icon-settings:before {
  content: "\e9cf";
}

.icon-share:before {
  content: "\e9d0";
}

.icon-share-2:before {
  content: "\e9d1";
}

.icon-shield:before {
  content: "\e9d2";
}

.icon-shield-off:before {
  content: "\e9d3";
}

.icon-shopping-bag:before {
  content: "\e9d4";
}

.icon-shopping-cart:before {
  content: "\e9d5";
}

.icon-shuffle:before {
  content: "\e9d6";
}

.icon-sidebar:before {
  content: "\e9d7";
}

.icon-skip-back:before {
  content: "\e9d8";
}

.icon-skip-forward:before {
  content: "\e9d9";
}

.icon-slack:before {
  content: "\e9da";
}

.icon-slash:before {
  content: "\e9db";
}

.icon-sliders:before {
  content: "\e9dc";
}

.icon-smartphone:before {
  content: "\e9dd";
}

.icon-smile:before {
  content: "\e9de";
}

.icon-speaker:before {
  content: "\e9df";
}

.icon-square:before {
  content: "\e9e0";
}

.icon-star:before {
  content: "\e9e1";
}

.icon-stop-circle:before {
  content: "\e9e2";
}

.icon-sun:before {
  content: "\e9e3";
}

.icon-sunrise:before {
  content: "\e9e4";
}

.icon-sunset:before {
  content: "\e9e5";
}

.icon-tablet:before {
  content: "\e9e6";
}

.icon-tag:before {
  content: "\e9e7";
}

.icon-target:before {
  content: "\e9e8";
}

.icon-terminal:before {
  content: "\e9e9";
}

.icon-thermometer:before {
  content: "\e9ea";
}

.icon-thumbs-down:before {
  content: "\e9eb";
}

.icon-thumbs-up:before {
  content: "\e9ec";
}

.icon-toggle-left:before {
  content: "\e9ed";
}

.icon-toggle-right:before {
  content: "\e9ee";
}

.icon-tool:before {
  content: "\e9ef";
}

.icon-trash:before {
  content: "\e9f0";
}

.icon-trash-2:before {
  content: "\e9f1";
}

.icon-trello:before {
  content: "\e9f2";
}

.icon-trending-down:before {
  content: "\e9f3";
}

.icon-trending-up:before {
  content: "\e9f4";
}

.icon-triangle:before {
  content: "\e9f5";
}

.icon-truck:before {
  content: "\e9f6";
}

.icon-tv:before {
  content: "\e9f7";
}

.icon-twitch:before {
  content: "\e9f8";
}

.icon-twitter:before {
  content: "\e9f9";
}

.icon-type:before {
  content: "\e9fa";
}

.icon-umbrella:before {
  content: "\e9fb";
}

.icon-underline:before {
  content: "\e9fc";
}

.icon-unlock:before {
  content: "\e9fd";
}

.icon-upload:before {
  content: "\e9fe";
}

.icon-upload-cloud:before {
  content: "\e9ff";
}

.icon-user:before {
  content: "\ea00";
}

.icon-user-check:before {
  content: "\ea01";
}

.icon-user-minus:before {
  content: "\ea02";
}

.icon-user-plus:before {
  content: "\ea03";
}

.icon-user-x:before {
  content: "\ea04";
}

.icon-users:before {
  content: "\ea05";
}

.icon-video:before {
  content: "\ea06";
}

.icon-video-off:before {
  content: "\ea07";
}

.icon-voicemail:before {
  content: "\ea08";
}

.icon-volume:before {
  content: "\ea09";
}

.icon-volume-1:before {
  content: "\ea0a";
}

.icon-volume-2:before {
  content: "\ea0b";
}

.icon-volume-x:before {
  content: "\ea0c";
}

.icon-watch:before {
  content: "\ea0d";
}

.icon-wifi:before {
  content: "\ea0e";
}

.icon-wifi-off:before {
  content: "\ea0f";
}

.icon-wind:before {
  content: "\ea10";
}

.icon-x:before {
  content: "\ea11";
}

.icon-x-circle:before {
  content: "\ea12";
}

.icon-x-octagon:before {
  content: "\ea13";
}

.icon-x-square:before {
  content: "\ea14";
}

.icon-youtube:before {
  content: "\ea15";
}

.icon-zap:before {
  content: "\ea16";
}

.icon-zap-off:before {
  content: "\ea17";
}

.icon-zoom-in:before {
  content: "\ea18";
}

.icon-zoom-out:before {
  content: "\ea19";
}

.icon-sum {
  display: inline-block;
}
.icon-sum:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/contents/sum.svg");
}

.icon-comment {
  display: inline-block;
}
.icon-comment:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/contents/comment.svg");
}

.icon-send {
  display: inline-block;
}
.icon-send:before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/contents/send.svg");
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

.form .input-text {
  display: block;
  width: 100%;
  height: 4rem;
  margin-left: auto;
  padding: 0 1.6rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form .input-text::-webkit-input-placeholder {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #888;
}
.form .input-text::-moz-placeholder {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #888;
}
.form .input-text:-ms-input-placeholder {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #888;
}
.form .input-text::-ms-input-placeholder {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #888;
}
.form .input-text::placeholder {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #888;
}
.form .input-text[readonly], .form .input-text[disabled] {
  background-color: #f0f0f0;
  pointer-events: none;
  cursor: default;
  opacity: 1;
}
.form .input-util {
  position: absolute;
  top: 0;
  right: 0.4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form .input-util button {
  width: 3.6rem;
  height: 4rem;
  font-size: 2rem;
  line-height: 3rem;
}
.form .input-util button.btn-delete {
  position: relative;
  text-align: center;
}
.form .input-util button.btn-delete > i::before {
  display: block;
  position: relative;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  font-size: 1.2rem;
  background-color: #888;
  border-radius: 50%;
  color: #ffffff;
  line-height: 2rem;
  margin: 0 auto;
}

.check-type1 input[type=checkbox] + label {
  position: relative;
  padding: 0 0 0 2.8rem;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.check-type1 input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  border: 0.1rem solid;
  border-radius: 0.2rem;
  width: 2rem;
  height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.check-type1 input[type=checkbox]:checked + label::after {
  content: "\e92b";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2rem;
  color: #ffffff;
  background-color: #2778d7;
  border-radius: 0.2rem;
  font-weight: bold;
  font-family: "Icomoon";
  font-size: 1.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  line-height: 2rem;
}
.check-type1 input[type=checkbox]:checked:disabled {
  pointer-events: none;
}
.check-type1 input[type=checkbox]:disabled {
  pointer-events: none;
}

.check-type2 input[type=checkbox] + label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 100%;
  height: 4rem;
  border: 0.1rem solid;
  border-radius: 2rem;
  background-color: #ffffff;
  border-color: #e0e0e0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.check-type2 input[type=checkbox]:checked + label {
  background-color: #eff6ff;
  border-color: #2778d7;
  color: #2778d7;
  font-weight: 500;
}

.check-type3 input[type=checkbox] + label {
  position: relative;
  padding: 0 0 0 2.8rem;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.check-type3 input[type=checkbox] + label::after {
  content: "\e92b";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.3rem;
  color: #bbb;
  font-weight: bold;
  font-family: "Icomoon";
  font-size: 1.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.check-type3 input[type=checkbox] + label .color-point {
  color: #2778d7;
}
.check-type3 input[type=checkbox]:checked + label::after {
  color: #2778d7;
}
.check-type3 input[type=checkbox]:checked:disabled {
  pointer-events: none;
}
.check-type3 input[type=checkbox]:disabled {
  pointer-events: none;
}

.radio-type1 input[type=radio] + label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 2.8rem;
  line-height: 2rem;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.radio-type1 input[type=radio] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1rem;
  display: block;
  border: 0.1rem solid;
  border-color: #bbb;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radio-type1 input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  background-color: #2778d7;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.radio-type1 input[type=radio]:disabled + label, .radio-type1 input[type=radio][readonly] + label {
  pointer-events: none;
}
.radio-type1 input[type=radio]:disabled + label::before, .radio-type1 input[type=radio][readonly] + label::before {
  background-color: #f0f0f0;
}

.radio-type2 input[type=radio] + label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 100%;
  height: 4rem;
  border: 0.1rem solid;
  border-radius: 2rem;
  background-color: #ffffff;
  border-color: #e0e0e0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radio-type2 input[type=radio]:checked + label {
  background-color: #eff6ff;
  border-color: #2778d7;
  color: #2778d7;
  font-weight: 500;
}
.radio-type2 input[type=radio]:disabled + label {
  background-color: #f0f0f0;
  color: #888;
  border: 0;
}

.radio-group input[type=radio] + label {
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.2rem;
  border: 0.1rem solid;
  border-color: #888;
  background-color: #ffffff;
  cursor: pointer;
  text-align: center;
  border-radius: 1.6rem;
}
.radio-group input[type=radio] + label:nth-child(6) ~ .switch-toggle {
  width: 33.3334%;
}
.radio-group input[type=radio] + label:nth-last-child(6) ~ .input-radio:nth-child(3):checked ~ .switch-toggle {
  left: 33.3334%;
}
.radio-group input[type=radio] + label:nth-last-child(6) ~ .input-radio:nth-child(5):checked ~ .switch-toggle {
  left: 66.6667%;
}
.radio-group input[type=radio]:checked + label {
  color: #2778d7;
  border-color: currentColor;
  background-color: #eff6ff;
  font-weight: 500;
}
.radio-group input[type=radio]:checked ~ .switch-toggle {
  background-color: #eff6ff;
  border: 0.1rem solid;
  border-color: #2778d7;
  color: #2778d7;
}
.radio-group input[type=radio]:disabled + label {
  background-color: #f0f0f0;
  color: #888;
}

.form .file-upload {
  position: relative;
  z-index: 1;
}
.form .file-upload input[type=file] {
  display: none;
}

.select select {
  min-width: 16rem;
  width: 100%;
  height: 4rem;
  background-color: #ffffff;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  padding: 0 1.6rem;
  color: #000;
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/contents/select.svg");
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  background-size: 2rem;
  cursor: pointer;
}
.select select::-ms-expand {
  display: none;
}
.select select[readonly], .select select[disabled] {
  pointer-events: none;
  cursor: default;
}

.form .textarea {
  overflow-y: auto;
  display: block;
  width: 100%;
  height: 16rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  padding: 1.6rem 0.8rem 1.6rem 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form .textarea::-webkit-input-placeholder {
  color: #888;
  word-break: break-all;
}
.form .textarea::-moz-placeholder {
  color: #888;
  word-break: break-all;
}
.form .textarea:-ms-input-placeholder {
  color: #888;
  word-break: break-all;
}
.form .textarea::-ms-input-placeholder {
  color: #888;
  word-break: break-all;
}
.form .textarea::placeholder {
  color: #888;
  word-break: break-all;
}
.form .textarea[readonly], .form .textarea[disabled] {
  pointer-events: none;
  cursor: default;
}

.table-wrap .table {
  width: 100%;
  border-top: 0.1rem solid;
}
.table-wrap .table caption {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: -1;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}
.table-wrap .table thead th {
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  vertical-align: middle;
}
.table-wrap .table thead th > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 5.6rem;
  padding: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.table-wrap .table thead th + th {
  border-left: 0.1rem solid;
  border-color: #e0e0e0;
}
.table-wrap .table tbody th {
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-width: 0 0.1rem 0.1rem 0;
  vertical-align: middle;
}
.table-wrap .table tbody th > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 5.6rem;
  padding: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.table-wrap .table tbody td {
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-width: 0 0.1rem 0.1rem 0;
  vertical-align: middle;
}
.table-wrap .table tbody td > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 5.6rem;
  padding: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.table-wrap .table tbody td:last-child {
  border-right: 0;
}
.table-wrap .table tbody td:last-child[rowspan] {
  border-left: 0.1rem solid;
  border-color: #e0e0e0;
}

.switch .switch-input:checked ~ .switch-label {
  background-color: #2778d7;
}
.switch .switch-input:checked ~ .switch-label .switch-circle {
  left: calc(100% - 3rem);
}
.switch .switch-input:checked ~ .switch-label .switch-circle-inner {
  border-color: #2778d7;
}
.switch .switch-label {
  display: inline-block;
  position: relative;
  width: 5.6rem;
  height: 2rem;
  background-color: #e0e0e0;
  border-radius: 1rem;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.switch .switch-circle {
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  z-index: 2;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.switch .switch-circle-inner {
  display: block;
  width: 100%;
  height: 100%;
  border: 0.2rem solid;
  border-color: #bbb;
  border-radius: 50%;
  background: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  opacity: 0;
}
.layer.is-active {
  opacity: 1;
  z-index: 300;
  max-height: unset !important;
  overflow-y: auto !important;
}
.layer.is-active:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 300;
}
.layer.is-active.layer-top {
  position: fixed;
  top: 0;
  height: 100%;
  overflow-y: auto;
  z-index: 400;
  background-color: #ffffff;
}
.layer.is-active.layer-top.full::before {
  content: none;
}
.layer.is-active.layer-top.full .layer-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  background-color: #ffffff;
}
.layer.is-active.layer-top.full .layer-content {
  margin-top: 5.7rem;
}
.layer.is-active.layer-bottom {
  top: 1.2rem;
  bottom: 0;
  z-index: 600;
}
.layer.is-active.layer-bottom .layer-contents {
  max-height: none;
  bottom: 0;
  border-radius: 2.4rem 2.4rem 0 0;
}
.layer.is-active.layer-bottom .layer-contents .layer-content {
  overflow-y: auto;
  max-height: calc(100% - 5.6rem);
}
.layer.is-active.layer-bottom.full .layer-contents {
  height: 100%;
  max-height: unset;
  bottom: 0;
}
.layer.is-active.layer-bottom.full .layer-contents .layer-content {
  height: calc(100% - 5.6rem);
}
.layer.is-active.layer-bottom.full .layer-contents .layer-content.bg {
  background-color: #f0f0f0;
}
.layer.is-active.layer-bottom.full .matching .matching-item.nodata {
  height: 100vh;
}
.layer .layer-contents {
  position: relative;
  z-index: 500;
  background-color: #ffffff;
}
.layer .layer-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 5.6rem;
  padding: 0 1.6rem;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer .layer-header.align-left {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layer .layer-header .title {
  max-width: calc(100% - 5.6rem);
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layer .layer-header .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 2.4rem;
}
.comment-who .btn-comment-close {
    top: 0;
    right: 0;
    width: 4.4rem;
    height: 4.4rem;
    font-size: 2.4rem;
}
.layer .form-group {
  padding-bottom: 0;
}
.layer .form-group + .btn-group.bottom {
  margin-top: 2.4rem;
  padding: 1.6rem 1.6rem 3.2rem;
}
.layer .btn-group.bottom {
  padding: 1.6rem 1.6rem 3.2rem;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #ffffff;
}
.layer .matching {
  padding: 1.6rem;
  background-color: #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer.event::before {
  content: none;
}
.layer.event .btn-close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.32);
  color: #ffffff;
}
.layer.event img {
  display: block;
  width: 100%;
}
.layer-top.layer {
  left: 0;
  right: 0;
  -webkit-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out;
  max-height: 0;
  overflow: hidden;
}
.layer-center.layer {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 0;
  overflow: hidden;
}
.layer-center.layer .layer-contents {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 30rem;
  -webkit-box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 1.2rem;
}
.layer-center.layer .layer-content {
  padding: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-center.layer .layer-content .scroll {
  overflow-y: auto;
  max-height: 50vh;
}
.layer-center.layer .layer-content .scroll::-webkit-scrollbar {
  display: none;
}
.layer-center.layer .message {
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
}
.layer-center.layer .form .flex-field {
  margin: 0;
}
.layer-center.layer .form .flex-field .radio-type1 {
  min-width: 50%;
}
.layer-center.layer .form .flex-field .radio-type1:nth-child(2) ~ .radio-type1 {
  margin-top: 2.4rem;
}
.layer-center.layer .form .flex-field .radio-type1 + .radio-type1 {
  margin: 0;
}
.layer-center.layer .form .flex-field .radio-type1 + .textarea {
  margin-top: 1.6rem;
}
.layer-center.layer .form .flex-field.illegalityCd-div ~ textarea {
  margin-top: 1.6rem;
}
.layer-center.layer .form .flex-field.illegalityCd-div ~ textarea + .sortable-container {
  margin-top: 1.6rem;
}
.layer-center.layer .form .flex-field.illegalityCd-div ~ textarea + .sortable-container .sortable-list .item:first-child::after {
  content: none;
}
.layer-center.layer .form .flex-field .textarea {
  min-width: 100%;
}
.layer-center.layer .guide-txt {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #000;
}
.layer-center.layer .btn-group {
  padding: 0;
  background: transparent;
  border: 0;
}
.layer-bottom.layer {
  overflow: hidden;
}
.layer-bottom.layer .layer-contents {
  position: absolute;
  bottom: -25rem;
  left: 0;
  right: 0;
  max-height: 0;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.layer-bottom.layer .form .label {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.daterangepicker {
  display: none;
  position: fixed;
  bottom: -25rem;
  -webkit-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
  opacity: 0;
  z-index: -1;
  max-width: 70rem;
  height: 100%;
  margin: 0 auto;
  padding-top: 5.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.daterangepicker::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.layer.daterangepicker {
  top: unset !important;
  right: 0 !important;
  bottom: -1.2rem;
  left: 0 !important;
  opacity: 1;
  z-index: 400;
}
.layer.daterangepicker::before {
  opacity: 1;
}
.daterangepicker .ranges {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 5.6rem;
  background-color: #ffffff;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 2.4rem 2.4rem 0 0;
}
.daterangepicker .ranges::after {
  content: "날짜 선택";
  display: block;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
}
.daterangepicker .drp-calendar-container {
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 70rem;
  margin: 0 auto;
  max-height: calc(100% - 18rem);
  padding: 0 1.6rem 2.4rem;
  background-color: #ffffff;
}
.daterangepicker table {
  width: 100%;
  table-layout: fixed;
}
.daterangepicker table thead tr:nth-child(1) th.month {
  padding: 2.4rem 0 1.6rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
}
.daterangepicker table thead tr:nth-child(2) th {
  padding: 0.8rem 0 1.6rem;
  font-weight: 500;
}
.daterangepicker table tbody td {
  position: relative;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 1.2rem 0;
  cursor: pointer;
}
.daterangepicker table tbody td.weekend {
  color: #2778d7;
}
.daterangepicker table tbody td.weekend:first-child:not(.end-date, .start-date, .active) {
  color: #f80000;
}
.daterangepicker table tbody td.weekend.off {
  color: #bbb;
}
.daterangepicker table tbody td.off {
  color: #bbb;
  opacity: 0;
}
.daterangepicker table tbody td.today {
  background-color: transparent;
  color: #000;
}
.daterangepicker table tbody td.today::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.8rem;
  height: 4.8rem;
  z-index: unset;
  border: 0.1rem solid;
  border-color: #000;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.daterangepicker table tbody td.start-date, .daterangepicker table tbody td.active {
  z-index: 10;
  color: #ffffff;
}
.daterangepicker table tbody td.start-date::before, .daterangepicker table tbody td.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 4.8rem;
  height: 100%;
  background-color: #2778d7;
  border-radius: 50%;
  margin: 0 auto;
  border-width: 0;
}
.daterangepicker table tbody td.start-date + .today::before, .daterangepicker table tbody td.active + .today::before {
  border: 0;
}
.daterangepicker table tbody td.start-date + .in-range::before, .daterangepicker table tbody td.active + .in-range::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -50%;
  width: 50%;
  height: 100%;
  background-color: #eff6ff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 0;
  margin: 0;
}
.daterangepicker table tbody td.start-date + .in-range.end-date::before, .daterangepicker table tbody td.active + .in-range.end-date::before {
  content: none;
}
.daterangepicker table tbody td.end-date::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 4.8rem;
  height: 100%;
  background-color: #2778d7;
  color: #ffffff;
  border-radius: 50%;
  margin: 0 auto;
}
.daterangepicker table tbody td.in-range:not(.end-date, .start-date, .active) {
  background-color: #eff6ff;
}
.daterangepicker table tbody td.in-range:not(.end-date, .start-date, .active) + .end-date::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  background-color: #eff6ff;
  border-radius: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.daterangepicker table tbody td.available:hover {
  background-color: transparent !important;
}
.daterangepicker table .prev {
  cursor: pointer;
}
.daterangepicker table .prev::before {
  content: "\e92f";
  font-family: "Icomoon";
  font-size: 2.4rem;
}
.daterangepicker table .next {
  cursor: pointer;
}
.daterangepicker table .next::before {
  content: "\e930";
  font-family: "Icomoon";
  font-size: 2.4rem;
}
.daterangepicker table .day.selected > button {
  background-color: #2778d7;
  color: #ffffff;
  border-radius: 50%;
}
.daterangepicker .drp-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem 1.6rem 3.2rem;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #ffffff;
}
.daterangepicker .drp-buttons .drp-selected {
  margin-bottom: 0.8rem;
}
.daterangepicker .drp-buttons .applyBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 0.8rem;
}
.daterangepicker .drp-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  padding: 0 1.6rem;
}
.daterangepicker .cancelBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 0;
}
.daterangepicker .cancelBtn::before {
  content: "\ea11";
  font-family: "Icomoon" !important;
  font-size: 2.4rem;
}
.daterangepicker .applyBtn {
  width: 100%;
  height: 4.8rem;
  margin-top: 0.8rem;
  padding: 0 1.6rem;
  background-color: #2778d7;
  color: #ffffff;
}

.datepicker-dropdown {
  position: fixed;
  top: unset !important;
  left: 0 !important;
  bottom: -25rem;
  right: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  opacity: 0;
  z-index: -1;
  max-width: 70rem;
  height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer.datepicker-dropdown {
  bottom: 0;
  height: auto;
  opacity: 1;
  z-index: 600 !important;
  background-color: transparent;
}
.datepicker-dropdown .datepicker-days,
.datepicker-dropdown .datepicker-months,
.datepicker-dropdown .datepicker-years,
.datepicker-dropdown .datepicker-decades,
.datepicker-dropdown .datepicker-centuries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #ffffff;
  border-radius: 2.4rem 2.4rem 0 0;
}
.datepicker-dropdown .drp-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 2.4rem auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem 1.6rem 3.2rem;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #ffffff;
}
.datepicker-dropdown .cancelBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 0;
}
.datepicker-dropdown .cancelBtn::before {
  content: "\ea11";
  font-family: "Icomoon" !important;
  font-size: 2.4rem;
}
.datepicker-dropdown .applyBtn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 4.8rem;
  padding: 0 1.6rem;
  background-color: #2778d7;
  color: #ffffff;
}
.datepicker-dropdown table {
  width: 100%;
  table-layout: fixed;
}
.datepicker-dropdown table thead tr:nth-child(1) th {
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  padding: 1.5rem 0 1.4rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
}
.datepicker-dropdown table thead tr:nth-child(2) th.datepicker-switch {
  padding: 2.4rem 0 1.6rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
}
.datepicker-dropdown table thead tr:nth-child(3) th {
  padding: 0.8rem 0 1.6rem;
  font-weight: 500;
}
.datepicker-dropdown table tbody td {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
  cursor: pointer;
  vertical-align: middle;
}
.datepicker-dropdown table tbody td span {
  position: relative;
  display: block;
  width: 23%;
  height: 4.8rem;
  line-height: 4.8rem;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker-dropdown table tbody td span.focused, .datepicker-dropdown table tbody td span.active {
  z-index: 10;
  color: #ffffff;
}
.datepicker-dropdown table tbody td span.focused::before, .datepicker-dropdown table tbody td span.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 4.8rem;
  height: 100%;
  background-color: #2778d7;
  border-radius: 50%;
  margin: 0 auto;
  border-width: 0;
}
.datepicker-dropdown table tfoot {
  display: none;
}
.datepicker-dropdown table .prev {
  font-size: 0;
  cursor: pointer;
}
.datepicker-dropdown table .prev::before {
  content: "\e92f";
  font-family: "Icomoon";
  font-size: 2.4rem;
}
.datepicker-dropdown table .prev.disabled {
  color: #bbb;
}
.datepicker-dropdown table .next {
  font-size: 0;
  cursor: pointer;
}
.datepicker-dropdown table .next::before {
  content: "\e930";
  font-family: "Icomoon";
  font-size: 2.4rem;
}
.datepicker-dropdown table .next.disabled {
  color: #bbb;
}
.datepicker-dropdown .datepicker-days table {
  height: 46rem;
}
.datepicker-dropdown .datepicker-days table tbody td:nth-child(1) {
  color: #f80000;
}
.datepicker-dropdown .datepicker-days table tbody td:nth-child(7) {
  color: #2778d7;
}
.datepicker-dropdown .datepicker-days table tbody td.old {
  color: #bbb;
  pointer-events: none;
}
.datepicker-dropdown .datepicker-days table tbody td.disabled {
  color: #bbb;
}
.datepicker-dropdown .datepicker-days table tbody td.new {
  display: none;
}
.datepicker-dropdown .datepicker-days table tbody td.today {
  color: #000;
}
.datepicker-dropdown .datepicker-days table tbody td.today::before {
  content: "";
  position: absolute;
  top: calc(50% - 2rem);
  left: 50%;
  width: 4rem;
  height: 4rem;
  z-index: -1;
  background-color: #eff6ff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.datepicker-dropdown .datepicker-days table .day.active {
  z-index: 10;
  color: #ffffff;
}
.datepicker-dropdown .datepicker-days table .day.active::before {
  content: "";
  position: absolute;
  top: calc(50% - 2rem);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
  width: 4rem;
  height: 4rem;
  background-color: #2778d7;
  border-radius: 50%;
  margin: 0 auto;
  border-width: 0;
}
.datepicker-dropdown .clear {
  width: 100%;
  height: 4.8rem;
  margin-top: 0.8rem;
  padding: 0 1.6rem;
  border: 0.1rem solid;
  border-color: #000;
  border-radius: 0.4rem;
  background-color: #ffffff;
  color: #000;
}
.datepicker-dropdown .clear::after {
  content: "\e9c8";
  font-family: "Icomoon";
  color: #000;
}

.guide-view.typography p {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #000;
}
.guide-view.typography p + p {
  margin-top: 0.4rem;
}
.guide-view.typography p:nth-child(1) {
  font-weight: 500;
  color: #000;
}
.guide-view.typography .font-32 p:nth-child(1) {
  font-size: 3.2rem;
  line-height: 4.8rem;
}
.guide-view.typography .font-28 p:nth-child(1) {
  font-size: 2.8rem;
  line-height: 4.2rem;
}
.guide-view.typography .font-26 p:nth-child(1) {
  font-size: 2.6rem;
  line-height: 3.8rem;
}
.guide-view.typography .font-24 p:nth-child(1) {
  font-size: 2.4rem;
  line-height: 3.6rem;
}
.guide-view.typography .font-22 p:nth-child(1) {
  font-size: 2.2rem;
  line-height: 3.3rem;
}
.guide-view.typography .font-20 p:nth-child(1) {
  font-size: 2rem;
  line-height: 3rem;
}
.guide-view.typography .font-18 p:nth-child(1) {
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.guide-view.typography .font-16 p:nth-child(1) {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.guide-view.typography .font-14 p:nth-child(1) {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.guide-view.typography .font-13 p:nth-child(1) {
  font-size: 1.3rem;
  line-height: 1.9rem;
}
.guide-view.typography .font-12 p:nth-child(1) {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.guide-view.typography .font-8 p:nth-child(1) {
  font-size: 1rem;
  line-height: 1.5rem;
}
.guide-view.button .btn-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
}
.guide-view.icon .icon-set {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  margin: 2rem auto;
  text-align: center;
}
.guide-view.icon .icon-set .item {
  margin: 0.5rem;
  padding: 2rem 0;
  background-color: #f0f0f0;
}
.guide-view.icon .icon-set .mls {
  display: block;
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.guide-view .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.4rem;
  background-color: #2778d7;
}
.guide-view .title-box dt {
  display: block;
  font-weight: 500;
  color: #ffffff;
  font-size: 2.2rem;
  line-height: 3.3rem;
}
.guide-view .title-box dd {
  margin-top: 1rem;
  color: #ffffff;
}
.guide-view .bg-color {
  background-color: #e3f9f7;
}
.guide-view .group {
  padding: 3rem 2rem;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
}
.guide-view .group-title {
  display: block;
  width: 100%;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.guide-view .group-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.guide-view table {
  width: 100%;
  margin-top: 3rem;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
}
.guide-view table caption {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: -1;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}
.guide-view table th {
  padding: 1.2rem 0.8rem;
  border-bottom: 0.1rem solid;
  font-size: 1.5rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: #000;
  background-color: #f0f0f0;
  border-color: #e0e0e0;
  text-align: center;
}
.guide-view table th + th {
  border-left: 0.1rem solid;
  border-color: #e0e0e0;
}
.guide-view table td {
  padding: 1.2rem 0.8rem;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.guide-view table td + td {
  border-left: 0.1rem solid;
  border-color: #e0e0e0;
}
.guide-view table td > a {
  display: block;
  font-size: 1.5rem;
  line-height: 2.1rem;
  text-align: center;
}
.guide-view table td:nth-child(12) {
  text-align: center;
}
.guide-view table .done {
  text-align: center;
}
.guide-view table .done::before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #7fff00;
}
.guide-view table .done::after {
  content: "완료";
  margin-left: 0.4rem;
}
.guide-view table .done2::before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgb(5, 75, 35);
}
.guide-view table .done2::after {
  content: "1차 작업완료";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.guide-view table .working {
  text-align: center;
}
.guide-view table .working::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #ff8c00;
}
.guide-view table .working::after {
  content: "진행중";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.guide-view table .stop {
  text-align: center;
}
.guide-view table .stop::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(0, 153, 255);
}
.guide-view table .stop::after {
  content: "일시중지";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.guide-view table .tbd {
  text-align: center;
}
.guide-view table .tbd::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: rgb(205, 32, 190);
}
.guide-view table .tbd::after {
  content: "TBD";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.guide-view table .chk {
  text-align: center;
}
.guide-view table .chk::after {
  content: "O";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.guide-view table .chk2 {
  text-align: center;
}
.guide-view table .chk2::after {
  content: "△";
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.3rem;
}
.guide-view table .del {
  background-color: rgb(165, 165, 165);
}
.guide-view table .pop {
  background-color: #ffffb1;
}

.table-wrap {
  overflow-x: auto;
  margin-left: 1.6rem;
  padding-right: 1.6rem;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn > span:not(.blind) + i {
  margin-left: 0.4rem;
}
.btn.primary {
  background-color: #2778d7;
  color: #ffffff;
}
.btn.border {
  background-color: #ffffff;
  border: 0.1rem solid currentColor;
  color: #000;
}
.btn.border.primary {
  color: #2778d7;
}
.btn.border.secondary {
  border-color: #e0e0e0;
}
.btn.border.tertiary {
  border-color: #ff9c41;
  color: #ff9c41;
}
.btn.border.disabled {
  background-color: #ffffff;
  color: #bbb;
  pointer-events: none;
}
.btn.round {
  border-radius: 2rem;
}
.btn.color-primary {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #2778d7;
}
.btn.sm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 3.2rem;
  padding: 0 0.8rem;
}
.btn.sm > span {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.btn.md {
  height: 4rem;
  padding: 0 1.6rem;
}
.btn.md > span, .btn.md > i {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.btn.lg {
  height: 4.8rem;
  padding: 0 1.6rem;
}
.btn.lg > span, .btn.lg > i {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.btn.disabled {
  background-color: #f0f0f0;
  color: #888;
  pointer-events: none;
}

.check-type1 {
  position: relative;
}

.check-type2 {
  position: relative;
}

.check-type3 {
  position: relative;
}

.radio-type1 {
  position: relative;
}

.radio-type2 {
  position: relative;
}

.select {
  position: relative;
}

.form {
  position: relative;
}
.form + .form {
  margin-top: 2.4rem;
}
.form.datepicker {
  background-color: #ffffff;
}
.form.datepicker::after {
  content: "\e927";
  font-family: "Icomoon";
  position: absolute;
  top: 2.9rem;
  right: 0;
  width: 4.8rem;
  height: 4rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 4rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form.datepicker.active::before {
  content: "";
  position: absolute;
  top: 3.5rem;
  right: 0.7rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #2778d7;
  border-radius: 50%;
}
.form.datepicker.active::after {
  border-color: #2778d7;
}
.form.datepicker.active .form-datepicker::after {
  background-color: #f0f0f0;
}
.form.datepicker .form-datepicker {
  position: relative;
  display: block;
}
.form.datepicker .form-datepicker::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 5.6rem);
  height: 4rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form.datepicker .form-datepicker .input-text {
  border: 0;
  padding: 0 0 0 1.6rem;
}
.form.datepicker .input-text {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.form.datepicker .input-text::-webkit-input-placeholder {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.form.datepicker .input-text::-moz-placeholder {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.form.datepicker .input-text:-ms-input-placeholder {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.form.datepicker .input-text::-ms-input-placeholder {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.form.datepicker .input-text::placeholder {
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.form.datepicker .input-text[readonly], .form.datepicker .input-text[disabled] {
  position: relative;
  background-color: transparent;
  pointer-events: auto;
  cursor: pointer;
  z-index: 10;
}
.form.datepicker .btn-calendar {
  position: absolute;
  top: 2.9rem;
  right: 0;
  width: 4rem;
  height: 4rem;
  font-size: 1.8rem;
}
.form.datepicker + .datepicker {
  margin: 0 0 0 0.8rem;
}
.form > .select + .select {
  margin-top: 0.8rem;
}
.form .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.form .label .essential {
  font-size: 0;
  line-height: 1;
}
.form .label .essential::before {
  content: "*";
  display: inline-block;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #ff5c00;
  margin-left: 0.4rem;
}
.form .label + .flex-field .datepicker::after {
  top: 0;
}
.form .flex-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form .flex-field > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form .flex-field.half > * {
  max-width: unset !important;
  padding: 0;
}
.form .flex-field.half > *.input-text {
  text-indent: 1.6rem;
}
.form .flex-field.flex-none > * {
  max-width: 30%;
}
.form .flex-field.flex-none > *.check-type2, .form .flex-field.flex-none > *.radio-type2 {
  max-width: calc(25% - 0.4rem);
}
.form .flex-field + .flex-field {
  margin-top: 0.8rem;
}
.form .flex-field:only-of-type .btn {
  max-width: 8rem;
}
.form .flex-field ~ .flex-field .btn {
  min-width: 12.2rem;
}
.form .flex-field.residence-checkbox-div, .form .flex-field.checkbox-age {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.8rem;
}
.form .flex-field.residence-checkbox-div .check-type2, .form .flex-field.checkbox-age .check-type2 {
  max-width: unset;
  margin: 0 !important;
}
.form .flex-field .btn {
  max-width: 12.2rem;
  margin-left: 0.4rem;
}
.form .flex-field .btn + .btn-add, .form .flex-field .btn + .btn-delete {
  min-width: unset;
  max-width: 4rem;
  margin: 0 0.4rem;
}
.form .flex-field .btn:nth-last-child(2) {
  min-width: unset;
  max-width: 8rem;
}
.form .flex-field .select + .select {
  margin-left: 0.8rem;
}
.form .flex-field .select + .input-text {
  margin-left: 0.8rem;
}
.form .flex-field .select:nth-child(1) {
  max-width: 10.8rem;
}
.form .flex-field .select select {
  min-width: unset;
}
.form .flex-field input + input {
  margin-left: 0.8rem;
}
.form .flex-field input:not(:only-of-type) {
  max-width: 10.8rem;
}
.form .flex-field input:not(:only-of-type) + input {
  max-width: unset;
}
.form .flex-field input.partner_gender_item {
  max-width: 10.8rem !important;
}
.form .flex-field input[type=hidden] + input {
  margin-left: 0;
}
.form .flex-field .radio-type1 + .radio-type1 {
  margin-left: 2.4rem;
}
.form .flex-field .radio-type2,
.form .flex-field .check-type2 {
  min-width: calc(25% - 0.8rem);
  margin-left: 0.8rem;
}
.form .flex-field .radio-type2:nth-child(1),
.form .flex-field .check-type2:nth-child(1) {
  margin-left: 0;
}
.form .flex-field .btn-add,
.form .flex-field .btn-delete {
  max-width: 4rem;
  height: 4rem;
  margin-left: 0.8rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  font-size: 2rem;
}
.form .flex-field .btn-add.disabled,
.form .flex-field .btn-delete.disabled {
  background-color: #f0f0f0;
  color: #888;
}
.form .flex-field .timer {
  position: absolute;
  top: 50%;
  right: 14.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #2778d7;
}
.form .flex-field .input-wrap {
  position: relative;
}
.form .flex-field .input-wrap .btn-delete {
  border: 0;
  margin: 0;
}
.form .flex-field .input-wrap .btn-delete i::before {
  content: "\ea11";
  display: block;
  position: relative;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  font-size: 1.2rem;
  background-color: #888;
  border-radius: 50%;
  color: #ffffff;
  line-height: 2rem;
  margin: 0 auto;
}
.form .text-length {
  margin-top: 0.8rem;
  text-align: right;
}
.form .textarea + .sortable-container {
  margin-top: 1.6rem;
}
.form input + .form {
  margin-top: 2.4rem;
}

.flex-field .form.datepicker .input-text {
  width: 100%;
  margin: 0;
}
.flex-field .form.datepicker::after {
  border: 0;
}

.switch {
  position: relative;
}

html {
  font-size: 10px;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

body {
  font-family: "Pretendard", -apple-system, "Malgun Gothic", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo", "Droid sans", "dotum", "돋움", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  -webkit-text-size-adjust: none;
}
body.overflow-hidden {
  overflow: hidden;
}

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

input[type=checkbox],
input[type=radio] {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: -1;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Pretendard", -apple-system, "Malgun Gothic", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo", "Droid sans", "dotum", "돋움", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  word-break: keep-all;
  resize: none;
  border: 0;
  padding: 0;
}
input:focus, input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  outline: none;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  cursor: pointer;
  color: #000;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

a {
  display: block;
  text-decoration: none;
  color: #000;
}

input,
select,
textarea,
button,
a,
label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0.7rem;
  height: 0.7rem;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.blind {
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: -1;
  border: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}

h2.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
}
h2.title .sub-txt {
  color: #555;
}

.sub-txt {
  display: block;
  width: 100%;
  margin-top: 0.8rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #2778d7;
  font-weight: 400;
}

.guide-txt {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #555;
}
.guide-txt li {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #555;
  word-break: keep-all;
}
.guide-txt li + li {
  margin-top: 0.8rem;
}
.guide-txt + .guide-title {
  margin-top: 1.6rem;
}
.guide-txt + .btn {
  margin-top: 2.4rem;
}

.status-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.4rem;
  margin-left: 0.4rem;
  padding: 0 0.6rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #ffffff;
  border-radius: 0.4rem;
  font-weight: normal;
}
.status-label.ty1 {
  background-color: #21a300;
}
.status-label.ty2 {
  background-color: #888;
}

.layer-open {
  overflow: hidden;
  height: 100vh;
}
.layer-open .ly-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.dimmed {
  overflow: hidden;
  height: 100vh;
}
.dimmed .ly-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.dimmed::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 500;
}

.ly-wrap {
  position: static;
}
.ly-wrap.main.scroll .ly-header {
  z-index: 300;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ly-wrap.main.scroll .ly-header .logo > a {
  background-image: url("../images/contents/logo-main.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main.scroll .ly-header .header-right .btn.btn-search {
  background-image: url("../images/contents/search-main.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main.scroll .ly-header .header-right .btn.btn-menu {
  background-image: url("../images/contents/menu-main.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main.scroll .ly-header .header-right .btn.btn-like {
  background-image: url("../images/contents/like-wht.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main.scroll .ly-header .header-right .btn.btn-chat {
  background-image: url("../images/contents/chat-wht.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main.scroll .ly-header .header-right .btn.btn-notice {
  background-image: url("../images/contents/notice-wht.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 47.2rem;
  z-index: -1;
  background-image: url("../images/bg-main.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.ly-wrap.main .ly-header .header-right .btn {
  position: relative;
  margin-left: 1.2rem;
}
.ly-wrap.main .ly-header .header-right .btn.btn-search {
  background-image: url("../images/contents/search.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main .ly-header .header-right .btn.btn-menu {
  background-image: url("../images/contents/menu.svg");
  background-repeat: no-repeat;
}
.ly-wrap.main .ly-header .header-right .btn.btn-like {
  background-image: url("../images/contents/like-bk.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.ly-wrap.main .ly-header .header-right .btn.btn-like .badge {
  position: absolute;
  top: -0.3rem;
  right: -0.2rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.8rem;
  text-align: center;
}
.ly-wrap.main .ly-header .header-right .btn.btn-chat {
  background-image: url("../images/contents/chat-bk.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.ly-wrap.main .ly-header .header-right .btn.btn-chat .badge {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.8rem;
  text-align: center;
}
.ly-wrap.main .ly-header .header-right .btn.btn-notice {
  background-image: url("../images/contents/notice.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.ly-wrap.main .ly-header .header-right .btn.btn-notice .badge {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.8rem;
  text-align: center;
}

.ly-header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.6rem;
  padding: 0 1.6rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ly-header.open .overlay::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.ly-header.open .all-menu {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.ly-header.open .all-menu .scroll {
  overflow-y: scroll;
  right: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ly-header .header-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.ly-header .header-right > .btn {
  width: 3.2rem;
  height: 3.2rem;
  background-size: contain;
  color: #ffffff;
}
.ly-header .header-right > .btn i {
  margin-left: 0;
}
.ly-header .header-right > .btn.btn-search {
  background-image: url("../images/contents/search.svg");
  background-repeat: no-repeat;
}
.ly-header .header-right > .btn.btn-menu {
  margin-left: 1.2rem;
  background-image: url("../images/contents/menu.svg");
  background-repeat: no-repeat;
}
.ly-header .header-right .layer {
  display: none;
}
.ly-header .header-right .layer.is-active {
  display: block;
}
.ly-header .dropdown {
  position: absolute;
  top: 1.2rem;
  right: 0;
}

.all-menu {
  position: fixed;
  top: 0;
  right: -10rem;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 300;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.all-menu .scroll {
  position: fixed;
  top: 0;
  right: -10rem;
  width: 80vw;
  height: 100%;
  padding: 0 0.9rem 2.4rem 1.6rem;
  opacity: 0;
  visibility: hidden;
  z-index: 300;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.all-menu-head .btn-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.6rem;
}
.all-menu-head .btn {
  position: relative;
  background-size: 100%;
  margin-right: 1.2rem;
}
.all-menu-head .btn-home {
  margin-right: auto;
  background-image: url("../images/contents/home.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.all-menu-head .btn-like {
  background-image: url("../images/contents/like-bk.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.all-menu-head .btn-like .badge {
  position: absolute;
  top: -0.3rem;
  right: -0.2rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.8rem;
  text-align: center;
}
.all-menu-head .btn-chat {
  background-image: url("../images/contents/chat-bk.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.all-menu-head .btn-chat .badge {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.8rem;
  text-align: center;
}
.all-menu-head .btn-notice {
  background-image: url("../images/contents/notice.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.all-menu-head .btn-notice .badge {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ff5c00;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1.8rem;
  text-align: center;
}
.all-menu-head .btn-close {
  margin-right: 0;
  font-size: 3.2rem;
}
.all-menu-head .mypage {
  margin: 0 2rem 0 1.6rem;
}
.all-menu-head .btn-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.all-menu-head .btn-profile .user-img {
  width: 6.4rem;
  height: 6.4rem;
}
.all-menu-head .btn-profile .user-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.all-menu-head .btn-profile .user-name {
  display: block;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.all-menu-head .btn-profile .user-name em {
  font-style: normal;
  font-weight: 700;
}
.all-menu-head .btn-mypage {
  display: block;
  margin-top: 0.8rem;
  font-weight: 500;
  color: #2778d7;
}
.all-menu .hits-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.6rem;
  padding: 0.8rem 0;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.all-menu .hits-box .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.all-menu .hits-box .btn .title {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.all-menu .hits-box .btn .count {
  margin-top: 0.4rem;
  color: #2778d7;
  font-weight: 700;
}
.all-menu .hits-box .btn + .btn::before {
  content: "";
  position: absolute;
  top: calc(50% - 2rem);
  left: 0;
  width: 0.1rem;
  height: 4rem;
  background-color: #e0e0e0;
}
.all-menu-list > li {
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
}
.all-menu-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.all-menu-list a > i {
  margin-left: auto;
  color: #bbb;
}
.all-menu .btn-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  color: #2778d7;
  font-weight: 500;
}
.all-menu .copyright {
  position: absolute;
  bottom: 3.2rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.main .ly-header .logo > a {
  display: block;
  width: 11rem;
  height: 3.3rem;
  background-image: url("../images/contents/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}
.main .matching-item {
  border: 0.1rem solid;
  border-color: #e0e0e0;
}

.main-user-info {
  padding: 1.6rem 1.6rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-user-info > .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-user-info .btn-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-user-info .btn-group > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 4rem;
  margin-top: 0.8rem;
  background-color: #003e87;
  border-radius: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-user-info .btn-group > a + a {
  margin-left: 0.8rem;
}
.main-user-info .btn-group > a span {
  min-width: 9.5rem;
}
.main-user-info .btn-group > a span.middle-point {
  min-width: unset;
}
.main-user-info .btn-group > a i {
  margin-left: 0.8rem;
}
.main-user-info .btn-group * {
  color: #ffffff;
}
.main-user-info .user-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 1.2rem;
}
.main-user-info .user-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.main-user-info .user-info p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.main-user-info .user-info .user-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.main-user-info .user-info .user-name em {
  max-width: calc(100% - 2rem);
  font-weight: 700;
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-user-info .hits-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-user-info .hits-box .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-user-info .hits-box .btn .title {
  position: relative;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #ffffff;
}
.main-user-info .hits-box .btn .count {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.main-user-info .hits-box .btn + .btn::before {
  content: "";
  position: absolute;
  top: calc(50% - 1.6rem);
  left: 0;
  width: 0.1rem;
  height: 3.2rem;
  background-color: rgba(255, 255, 255, 0.48);
}
.main-user-info .hits-box .new .title::after {
  content: "";
  position: absolute;
  top: -0.3rem;
  right: -0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #ff5c00;
  border-radius: 50%;
}

.main-menu-list {
  display: grid;
  grid-template-columns: repeat(3, 2fr);
  width: calc(100% - 3.2rem);
  margin: 2.4rem auto 0;
  padding: 0.8rem 0;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.24);
}
.main-menu-list .btn {
  position: relative;
  width: 100%;
  padding: 4.8rem 0 0.8rem;
}
.main-menu-list .btn::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: calc(50% - 1.8rem);
  width: 3.6rem;
  height: 3.6rem;
  background-position: center top;
  background-size: 3.6rem;
}
.main-menu-list .btn > span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.main-menu-list .btn:nth-child(1)::before {
  background-image: url("../images/contents/transfer.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(2)::before {
  background-image: url("../images/contents/join.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(3)::before {
  background-image: url("../images/contents/main-stamp.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(4)::before {
  background-image: url("../images/contents/fortune.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(5)::before {
  background-image: url("../images/contents/member.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(6)::before {
  background-image: url("../images/contents/chat.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(7)::before {
  background-image: url("../images/contents/abroad-join.svg");
  background-repeat: no-repeat;
}
.main-menu-list .btn:nth-child(7)::before {
  
  background-image: url("../images/contents/tour.svg");
  background-repeat: no-repeat;
}

.main-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2.4rem;
  padding: 1.6rem;
  border-radius: 2.4rem 2.4rem 0 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(67, 160, 152, 0.16);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(67, 160, 152, 0.16);
}
.main-contents .btn + .btn {
  margin-top: 0.8rem;
}

.main-banner-slide {
  position: relative;
  padding: 0 1.6rem 2.4rem;
  background-color: #ffffff;
}
.main-banner-slide .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.main-banner-slide .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.main-banner-slide .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  text-align: center;
  cursor: pointer;
}
.main-banner-slide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.main-banner-slide .swiper-pagination {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.2rem;
  padding: 0 1.2rem;
  border-radius: 1.2rem;
  background-color: rgba(0, 0, 0, 0.32);
  color: #ffffff;
  letter-spacing: 0.3rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}

.matching .radio-group {
  width: 100%;
  margin: -1.6rem 0 0;
}
.matching-item {
  padding: 1.6rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.matching-item + .matching-item {
  margin-top: 0.8rem;
}
.matching-item.line-type {
  border: 1px solid #ddd !important;
}
.matching-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.matching-top .period {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-right: auto;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
}
.matching-top .period-status {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 2rem;
  height: 2.4rem;
  font-size: 0;
  background-size: 2rem;
  background-position: center;
}
.matching-top .period-status.day {
  background-image: url("../images/contents/one-day.svg");
  background-repeat: no-repeat;
}
.matching-top .period-status.night {
  background-image: url("../images/contents/stay.svg");
  background-repeat: no-repeat;
}
.matching-top .period-status.abroad {
  background-image: url("../images/contents/abroad-join.svg");
  background-repeat: no-repeat;
}
.matching-top .position {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  margin-bottom: 0.4rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
}
.matching-contents {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-gap: 0.4rem 0;
  padding: 0.8rem;
  margin-top: 0.8rem;
  background-color: #f5f5f5;
  border-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.matching-contents dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.matching-contents dl dt {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.matching-contents dl dd {
  margin-left: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.matching-stamp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.matching-stamp .cc-thumb {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 1rem;
  overflow: hidden;
  margin-right: 1.6rem;
}
.matching-stamp .cc-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.matching-stamp .cc-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.matching-stamp .cc-info .place {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  margin-bottom: 0.4rem;
}
.matching-stamp .cc-info .cc-rank {
  /*background: #f5f5f5;*/
  padding: 0.8rem;
  height: 4.6rem;
}
.matching-stamp .cc-info .cc-rank .rank-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.matching-stamp .cc-info .cc-rank .rank-item:nth-child(n+2) {
  margin-top: 0.4rem;
}
.matching-stamp .cc-info .cc-rank .rank-item .item-label {
  font-size: 1.6rem;
  color: #000;
  margin-right: 0.4rem;
}
.matching-stamp .cc-info .cc-rank .rank-item .item-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.matching-stamp .cc-info .cc-rank .rank-item .item-cont .ico-star {
  display: block;
  background-image: url("../images/contents/ico-star3.svg");
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  margin-right: 0.4rem;
}
.matching-stamp .cc-info .cc-rank .rank-item .item-cont .ico-stamp {
  display: block;
  background-image: url("../images/contents/ico-stamp3.svg");
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  margin-right: 0.4rem;
}
.matching-stamp-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
  gap: 0.8rem;
}
.matching-stamp-bottom .status-label {
  margin-left: 0;
}
.matching-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.matching-bottom .matching-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  counter-reset: var-count;
}
.matching-bottom .matching-list.m1 {
  counter-reset: var-count 2;
}
.matching-bottom .matching-list.m2 {
  counter-reset: var-count 3;
}
.matching-bottom .matching-list.m3 {
  counter-reset: var-count 4;
}
.matching-bottom .matching-list.m4 {
  counter-reset: var-count 5;
}
.matching-bottom .matching-list > li {
  overflow: hidden;
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 1.2rem;
  text-align: center;
  line-height: 3.2rem;
  color: #888;
}
.matching-bottom .matching-list > li + li {
  margin-left: 0.4rem;
}
.matching-bottom .matching-list > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  text-align: center;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  line-height: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.matching-bottom .matching-list > li img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.matching-bottom .member-condition {
  margin-left: 0.8rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.matching-bottom .btn,
.matching-bottom .status-label {
  margin-left: auto;
}
.matching .nodata {
  padding: 3.2rem 0 0;
  background-color: transparent;
}
.matching + .btn {
  margin-top: 0.8rem;
}

.sub.scroll .ly-header {
  background-color: #ffffff;
}
.sub.scroll .ly-header h1 {
  color: #000;
}
.sub.scroll .ly-header .btn-back {
  color: #000;
}
.sub.scroll .ly-header .btn-home {
  background-image: url("../images/contents/home.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.sub.scroll .ly-header .header-right .btn.btn-menu {
  background-image: url("../images/contents/menu.svg");
  background-repeat: no-repeat;
}
.sub.scroll .ly-header .header-right .btn.btn-more::before {
  background-color: #000;
}
.sub.scroll .ly-header .header-right .btn.btn-more span::before, .sub.scroll .ly-header .header-right .btn.btn-more span::after {
  background-color: #000;
}
.sub .ly-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #2778d7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sub .ly-header h1 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
  color: #ffffff;
}
.sub .ly-header .btn-back {
  position: absolute;
  top: calc(50% - 1.6rem);
  left: 1.6rem;
  font-size: 3.2rem;
  color: #ffffff;
  text-indent: -0.4rem;
}
.sub .ly-header > .btn-home {
  position: absolute;
  top: calc(50% - 1.6rem);
  left: 5.6rem;
  font-size: 3.2rem;
  background-image: url("../images/contents/home-wht.svg");
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
}
.sub .ly-header .header-right .btn.btn-menu {
  background-image: url("../images/contents/menu-main.svg");
  background-repeat: no-repeat;
}
.sub .ly-header .header-right .btn.btn-more::before {
  background-color: #ffffff;
}
.sub .ly-header .header-right .btn.btn-more span::before, .sub .ly-header .header-right .btn.btn-more span::after {
  background-color: #ffffff;
}
.sub .matching {
  min-height: calc(100vh - 10.5rem);
  padding: 1.6rem;
  background-color: #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub .matching-item {
  /*border: 0;*/
  border: 1px solid #ddd !important;
}
.sub .matching-item.nodata {
  border: 0 !important;
  
}
.total-search {
  padding: 2.4rem 1.6rem;
}

.agreement-list {
  border: 0.1rem solid;
  border-width: 0.1rem 0;
  border-color: #000;
  margin-top: 1.6rem;
  padding: 0.8rem 0;
}
.agreement-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 0;
}
.agreement-list li .btn-layer {
  margin-left: auto;
  color: #888;
}

.agreement {
  padding: 2.4rem 1.6rem 6.4rem;
  text-align: justify;
}
.agreement + .btn-group.bottom {
  margin: 0;
  padding: 0 1.6rem;
}
.agreement h3 {
  padding: 2.4rem 0 4rem;
  font-size: 3.2rem;
  line-height: 4.8rem;
}
.agreement h3 + strong {
  margin-top: 0;
}
.agreement strong {
  display: block;
  margin: 4rem 0 2.4rem;
  font-size: 2rem;
  line-height: 3rem;
}
.agreement strong:first-child {
  margin-top: 0;
}
.agreement ol > li {
  margin-top: 2.4rem;
}
.agreement ul + ul {
  margin-top: 2.4rem;
}
.agreement ul > li {
  margin-top: 0.8rem;
}
.agreement p + p {
  margin-top: 2.4rem;
}
.agreement p + ul {
  margin-top: 2.4rem;
}
.agreement .textarea {
  width: 100%;
}

.gate {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8rem;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gate-logo {
  display: block;
  width: 16rem;
  height: 4.8rem;
  background-image: url("../images/contents/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}

.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.login .title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4rem 0 0;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
}
.login .form-group {
  padding: 0;
  margin-top: 2.4rem;
}
.login .form-group .form {
  position: relative;
  margin-top: 0.8rem;
}
.login .form-group .form::before {
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  font-family: "Icomoon";
  font-size: 2rem;
  color: #bbb;
  line-height: 2rem;
}
.login .form-group .form.id::before {
  content: "\ea00";
}
.login .form-group .form.password::before {
  content: "\e98f";
}
.login .form-group .input-text {
  padding-left: 3.6rem;
}
.login .btn-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.8rem 0 0 auto;
}
.login .btn-util a {
  position: relative;
  margin-left: 1.6rem;
  padding-left: 1.6rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #555;
}
.login .btn-util a + a::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5rem);
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background-color: #e0e0e0;
}

.login-simple {
  width: 100%;
  margin-top: 4rem;
}
.login-simple .title {
  position: relative;
  display: block;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
  text-align: center;
}
.login-simple .title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  width: calc(50% - 5rem);
  height: 0.1rem;
  background-color: #e0e0e0;
}
.login-simple .title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  width: calc(50% - 4.8rem);
  height: 0.1rem;
  background-color: #e0e0e0;
}
.login-simple .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.4rem;
}
.login-simple .btn-group .btn {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1.2rem;
  background-size: contain;
  font-size: 0;
}
.login-simple .btn-group .btn:nth-child(1), .login-simple .btn-group .btn.naver {
  background-image: url("../images/contents/naver.svg");
  background-repeat: no-repeat;
}
.login-simple .btn-group .btn:nth-child(2), .login-simple .btn-group .btn.kakao {
  background-image: url("../images/contents/kakao.svg");
  background-repeat: no-repeat;
}
.login-simple .btn-group .btn.facebook {
  background-image: url("../images/contents/facebook.svg");
  background-repeat: no-repeat;
}
.login-simple .btn-group .btn.apple {
  background-image: url("../images/icon-apple.png");
  background-repeat: no-repeat;
}
.login-simple .guide-txt {
  margin-top: 2.4rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.1rem;
}

.form-group {
  padding: 2.4rem 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-group + .btn-group {
  padding: 0 1.6rem;
}
.form-group + .btn-group.bottom {
  margin: 0;
  padding-bottom: 3.2rem;
}
.form-group .member-list {
  padding: 0;
}
.form-group .member-list .item + .item {
  margin-top: 1.6rem;
}
.form-group .member-list .user-profile {
  padding: 1.6rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 1.2rem;
}
.form-group .member-list .user-profile.on {
  background-color: #eff6ff;
  border-color: #2778d7;
}

.dash {
  max-width: 2.4rem;
  width: 2.4rem;
  text-align: center;
}

.inquiry {
  padding: 0.4rem 1.6rem;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inquiry .flex-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 0;
}
.inquiry .form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inquiry .form + .select {
  margin-left: 0.8rem;
}
.inquiry .form + .btn {
  max-width: 4.8rem;
  margin-left: 0.8rem;
}
.inquiry .form + .btn i {
  font-size: 1.8rem;
}
.inquiry .form.datepicker::after {
  top: 0;
}
.inquiry .form.datepicker .btn-calendar {
  top: 0;
}
.inquiry .select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inquiry .select + .select {
  margin-left: 0.8rem;
}
.inquiry .select select {
  min-width: unset;
  background-position: right 0.4rem center;
}

.select ~ .sortable-container {
  margin-top: 1.6rem;
}

.sortable-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sortable-container .ui-sortable-placeholder {
  display: none;
  width: 0;
  height: 0;
  margin: 0;
}
.sortable-container .btn-create {
  display: none;
}
.sortable-container .btn-create + label {
  position: relative;
  display: block;
  min-width: 5rem;
  height: 5rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 2rem;
  line-height: 4.8rem;
  cursor: pointer;
}

.sortable-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sortable-list.sortable-list-file2 .item:first-child::after {
  content: none;
}
.sortable-list .item {
  position: relative;
  padding-bottom: 2.4rem;
  margin-left: 0.8rem;
  cursor: pointer;
}
.sortable-list .item:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("../images/contents/default.svg");
  background-repeat: no-repeat;
  border-radius: 0.4rem 0 0;
}
.sortable-list .item:last-child {
  opacity: 1 !important;
}
.sortable-list .item > .img {
  overflow: hidden;
  display: block;
  width: 5rem;
  height: 5rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sortable-list .item > .img.female {
  background-color: #feeeee;
}
.sortable-list .item > .img.male {
  background-color: #eefbfe;
}
.sortable-list .item > .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sortable-list .item .btn-delete {
  position: absolute;
  bottom: 0;
  left: calc(50% - 1rem);
  z-index: 10;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #888;
  font-size: 0;
  text-align: center;
  line-height: 2rem;
  border: 0;
}
.sortable-list .item .btn-delete::before {
  content: "\ea11";
  font-family: "Icomoon";
  font-size: 1.2rem;
  color: #ffffff;
}

.autocomplete-list {
  margin-top: 0.8rem;
}
.autocomplete-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.autocomplete-list li + li {
  margin-top: 1.2rem;
}
.autocomplete-list li em {
  font-style: normal;
  color: #2778d7;
}
.autocomplete-list li::before {
  content: "\e9cc";
  margin-right: 0.4rem;
  font-family: "Icomoon";
  color: #bbb;
  font-size: 2rem;
}

.notice-list {
  padding: 2.4rem 1.6rem;
}
.notice-list .item {
  position: relative;
  padding: 0 2rem 0 6.4rem;
}
.notice-list .item + .item {
  margin-top: 2.4rem;
}
.notice-list .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4.8rem;
  background-color: #eff6ff;
  border-radius: 1.2rem;
}
.notice-list .item::after {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  width: 3.2rem;
  height: 3.2rem;
}
.notice-list .item.like::after {
  background-image: url("../images/contents/like.svg");
  background-repeat: no-repeat;
}
.notice-list .item.rounding-request::after {
  background-image: url("../images/contents/rounding-request.svg");
  background-repeat: no-repeat;
}
.notice-list .item.rounding-invite::after {
  background-image: url("../images/contents/rounding-invite.svg");
  background-repeat: no-repeat;
}
.notice-list .item.rounding-confirm::after {
  background-image: url("../images/contents/rounding-confirm.svg");
  background-repeat: no-repeat;
}
.notice-list .item.friend-request::after {
  background-image: url("../images/contents/friend-request.svg");
  background-repeat: no-repeat;
}
.notice-list .item.friend-accept::after {
  background-image: url("../images/contents/friend-accept.svg");
  background-repeat: no-repeat;
}
.notice-list .item.chat::after {
  background-image: url("../images/contents/chat.svg");
  background-repeat: no-repeat;
}
.notice-list .item.notification::after {
  background-image: url("../images/contents/notification.svg");
  background-repeat: no-repeat;
}
.notice-list .txt {
  position: relative;
  margin-right: 0.8rem;
}
.notice-list .txt span {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.notice-list .txt span.new {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #ff5c00;
  border-radius: 50%;
  margin-left: 0.2rem;
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
.notice-list .txt span.new::after {
  content: "N";
  display: block;
  color: #ffffff;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1.6rem;
}
.notice-list .btn-delete {
  position: absolute;
  top: 0.2rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: #bbb;
  border-radius: 50%;
  color: #ffffff;
}
.notice-list .time {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.notice-list .nodata {
  margin-top: 2.4rem;
  text-align: center;
}

.member {
  background-color: #f0f0f0;
}
.member .member-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}

.member-list {
  padding: 2.4rem 1.6rem;
  background-color: #ffffff;
}
.member-list .item {
  position: relative;
}
.member-list .item + .item {
  margin-top: 2.4rem;
}
.member-list .user-profile {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.member-list .user-profile .btn-group {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.4rem;
}
.member-list .user-profile .btn-group .btn {
  height: 3.2rem !important;
}
.member-list .nodata {
  padding-top: 3.2rem;
}
.member-list .comment {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 1rem;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.member-list .count-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2rem;
  padding: 0 0.8rem;
  margin-left: 0.8rem;
  border-radius: 2rem;
  background-color: #ff5c00;
  color: #ffffff;
  text-align: center;
  font-size: 1.1rem;
}
.member-list .send-time {
  position: absolute;
  top: 0.4rem;
  right: 0;
  color: #888;
  font-size: 1.3rem;
  line-height: 1.9rem;
}
.member-list .btn-delete {
  position: absolute;
  top: 1rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  background-color: #bbb;
  border-radius: 50%;
  color: #ffffff;
}

.sortable-placeholder {
  display: block !important;
  width: 5rem !important;
  height: 5rem !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nodata::before {
  content: "";
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  background-image: url("../images/contents/alert-circle.svg");
  background-repeat: no-repeat;
}
.nodata .txt {
  margin-top: 1.6rem;
  padding-right: 0;
  color: #555;
}

.user-img {
  position: relative;
}
.user-img.female {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #feeeee;
}
.user-img.male {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #eefbfe;
}
.user-img.single::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  background-image: url("../images/contents/single.svg");
  background-repeat: no-repeat;
  border-radius: 1.2rem 0 0;
}
.user-img.pro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 1.2rem 0 0;
  background-image: url("../images/contents/pro.svg");
  background-repeat: no-repeat;
}
.user-img.manager::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 1.2rem 0 0;
  background-image: url("../images/contents/manager.svg");
  background-repeat: no-repeat;
}

.member-join {
  padding: 2.4rem 0;
}
.member-join .section {
  position: relative;
  padding: 0 1.6rem;
}
.member-join .section + .section {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.7rem solid;
  border-color: #f0f0f0;
}
.member-join .section + .section::before {
  content: "";
  position: absolute;
  top: -0.7rem;
  left: 0;
  right: 0;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
}
.member-join .dropdown {
  position: absolute;
  top: 0;
  right: 1.6rem;
}
.member-join .btn-group {
  padding: 0 1.6rem;
}

.user-profile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-profile + .user-profile {
  margin-top: 1.6rem;
}
.user-profile .title-privacy {
  display: block;
  width: 100%;
  margin-bottom: 0.8rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  font-weight: 500;
}
.user-profile dl {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 8rem;
}
.user-profile dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4rem;
  height: 6.4rem;
}
.user-profile dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-profile dd + dd {
  margin-top: 0.4rem;
}
.user-profile dd > span {
  position: relative;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #555;
}
.user-profile dd > span.date {
  color: #888;
}
.user-profile dd > span + span {
  margin-left: 0.4rem;
  padding-left: 0.4rem;
}
.user-profile dd > span + span::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.6rem);
  left: 0;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #e0e0e0;
}
.user-profile dd .grade {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.4rem;
  padding: 0 0.6rem;
  background-color: #dff2ff;
  color: #2778d7;
  font-size: 1.5rem;
  line-height: 2.1rem;
  border-radius: 0.4rem;
  -webkit-transform: translateX(0.4rem);
          transform: translateX(0.4rem);
}
.position .gradeManager {
  display: inline-flex;
  align-items: center;
  height: 2.0rem;
  padding: 0 0.6rem;
  background-color: #DCF2D7;
  color: #1A8100;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.1rem;
  border-radius: 0.4rem;
  transform: translateX(0.4rem);
}
.position .gradeNormal {
  display: inline-flex;
  align-items: center;
  height: 2.0rem;
  padding: 0 0.6rem;
  background-color: #dff2ff;
  color: #2778d7;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.1rem;
  border-radius: 0.4rem;
  transform: translateX(0.4rem);
}
.user-profile dd .grade::before {
  left: -0.5rem;
}
.user-profile .user-img {
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 1.2rem;
}
.user-profile .user-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.user-profile .user-name {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-style: normal;
  font-weight: 500;
}
.user-profile .field-name {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-style: normal;
  font-weight: 700;
}
.user-profile .label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.4rem;
  margin-left: 0.8rem;
  padding: 0 0.6rem;
  background-color: #dff2ff;
  color: #2778d7;
  font-size: 1.4rem;
  line-height: 2.1rem;
  border-radius: 0.4rem;
}
.user-profile .icon-check-circle {
  margin-left: 0.4rem;
  color: #2778d7;
}
.user-profile .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.user-profile .btn {
  min-width: 5.2rem;
}
.user-profile .btn + .btn {
  margin-left: 0.8rem;
}
.user-profile .btn:only-of-type, .user-profile .btn.profilePreferredDateBtn {
  margin-left: auto;
  height: 3.6rem;
}
.user-profile .btn-stamp {
  position: absolute;
  top: -0.5rem;
  right: 0;
  height: 4rem;
  padding-right: 4.8rem;
  background-image: url("../images/contents/stamp.svg");
  background-repeat: no-repeat;
  background-position: right center;
}
.user-profile .btn-stamp.on {
  background-image: url("../images/contents/stamp3-on.svg");
  background-repeat: no-repeat;
}
.user-profile .btn-stamp span {
  min-width: 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.user-profile .btn-stamp.clr-purple.on {
  /*background-image: url("../images/contents/stamp-pp-on.svg");*/
  background-image: url("../images/contents/stamp3-on.svg");
  background-repeat: no-repeat;
}

.dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 10;
}
.dropdown.is-active .dropdown-list {
  display: block;
}
.dropdown .btn-more {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
}
.dropdown .btn-more::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.2rem);
  left: calc(50% - 0.2rem);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #000;
}
.dropdown .btn-more > span::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.2rem);
  left: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #000;
}
.dropdown .btn-more > span::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #000;
}
.dropdown .dropdown-list {
  display: none;
  min-width: 10rem;
  border: 0.1rem solid;
  border-radius: 0.4rem;
  border-color: #000;
  background-color: #ffffff;
  padding: 0.4rem 0;
  -webkit-box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dropdown .dropdown-list.comment_layer_ul {
  padding: 0.4rem 0;
}
.dropdown .dropdown-list .btn {
  padding: 0.4rem 0;
}
.dropdown .dropdown-list .btn > span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.visit_dropdown .dropdown-list {
  display: none; /* 기본적으로 숨김 */
  position: absolute;
  bottom: 100%; /* 버튼 위로 배치 */
  margin-bottom: 5px; /* 버튼과의 간격 */
  min-width: 10rem;
  border: 0.1rem solid;
  border-radius: 0.4rem;
  border-color: #000;
  background-color: #ffffff;
  padding: 0.4rem 0;
  box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  z-index: 1000; /* 다른 요소 위로 표시 */
  text-align: left; /* 내용도 왼쪽 정렬 */
}

.visit_dropdown.is-active .dropdown-list {
  display: block; /* 활성화된 경우 드롭다운 표시 */
}
.option-list {
  margin-top: 1.6rem;
}
.option-list.m-24 {
  margin: 2.4rem 0 !important;
  
}
.option-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.option-list .item + .item {
  margin-top: 0.8rem;
}
.option-list .option-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 8rem;
  margin-right: 1.6rem;
  font-weight: 500;
}
.option-list.m-24.average-box-list {
  margin: 1.2rem 0 !important;
  display: flex;
  flex-wrap: wrap; /* 줄바꿈 허용 */
  gap: 0px; /* 아이템 간의 간격 */
  background-color: #f5f5f5;
  padding: 0.8rem;
  padding-left: 1.6rem;
}
.option-list.average-box-list .item.average-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: calc(50% - 0px); /* 한 줄에 두 개씩 배치 (간격 반영) */
  box-sizing: border-box; /* 패딩, 보더 포함 */
}
.option-list.average-box-list .item + .item {
  margin-top: 0rem;
}
.option-list.average-box-list .option-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 2;
  /*margin-right: 1.6rem;*/
  font-weight: 500;
}
.option-list.average-box-list .option-title.option-title-3 {
  margin-right: 0.8rem;
  max-width: 74px;
}
.option-list.average-box-list .option-title.option-title-2 {
  margin-right: 0.8rem;
  max-width: 60px;
}
.option-list .option-title i {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #bbb;
}
.option-list .option-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.option-list .option-txt.average-score {
  color : #de6c14;
}
.fortune .tab-container {
  padding: 2.4rem 1.6rem;
}
.fortune .guide-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 10rem;
  padding: 0 1.6rem;
  background-color: #b0e3ff;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../images/contents/luck.svg");
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
}
.fortune .guide-banner dt {
  margin-bottom: 0.8rem;
  font-size: 2rem;
  line-height: 3rem;
}
.fortune .guide-banner dd {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.fortune .guide-banner dd em {
  font-style: normal;
  font-weight: 700;
}
.fortune .form-group {
  margin-top: 2.4rem;
  padding: 0;
}
.fortune .form-group + .btn-group {
  margin-top: 2.4rem;
  padding: 0;
}
.fortune .result {
  padding: 2.4rem 1.6rem 0;
}
.fortune .result dt {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
}
.fortune .result dd {
  padding: 1.6rem 0;
}
.fortune .dropdown {
  position: relative;
  overflow: hidden;
  max-height: 8rem;
  height: 8rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fortune .dropdown.ty1::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal01.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty2::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal02.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty3::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal03.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty4::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal04.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty5::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal05.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty6::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal06.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty7::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal07.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty8::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal08.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty9::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal09.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty10::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal10.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty11::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal11.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown.ty12::after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("../images/contents/animal12.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.fortune .dropdown + .dropdown {
  margin-top: 0.8rem;
}
.fortune .dropdown.is-active {
  max-height: 50rem;
  height: auto;
}
.fortune .dropdown dl {
  position: relative;
  width: 100%;
  padding: 1.6rem 0 1.6rem 8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.fortune .dropdown dl dt {
  font-weight: 500;
}
.fortune .dropdown dl dd {
  color: #555;
}
.fortune .dropdown .dropdown-content {
  width: 100%;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
  padding: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fortune .dropdown .dropdown-content * {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.fortune .dropdown .dropdown-content > strong {
  display: block;
  margin-bottom: 0.8rem;
  font-weight: 400;
  color: #2778d7;
}

.mypage .section {
  position: relative;
  padding: 0 1.6rem;
}
.mypage .section + .section {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.7rem solid;
  border-color: #f0f0f0;
}
.mypage .section + .section::before {
  content: "";
  position: absolute;
  top: -0.7rem;
  left: 0;
  right: 0;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
}
.mypage .copyright {
  margin-top: 1.6rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: center;
}
.mypage .member-list .user-profile dl {
  max-width: 80%;
}
.mypage .alert-list {
  padding: 2.4rem 0;
}
.mypage .alert-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2.8rem;
  word-break: keep-all;
}
.mypage .alert-list li + li {
  margin-top: 2.4rem;
}
.mypage .alert-list li::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("../images/contents/alert-circle.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.mypage .btn-group.bottom {
  padding: 0 1.6rem 2.4rem;
}

.mypage-profile {
  position: relative;
  padding-bottom: 2.4rem;
}
.mypage-profile + .btn-group.bottom {
  margin-top: 0;
}
.mypage-profile .option-list {
  margin-top: 0;
}
.mypage-profile .option-list .option-title {
  max-width: 8.3rem;
}
.mypage-profile .user-profile {
  margin: 2.4rem 0 0;
}
.mypage-profile .user-profile dl {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: auto;
  padding: 0;
  margin-bottom: 0.8rem;
}
.mypage-profile .user-profile dl.mb-0 {
  margin-bottom: 0;
}
.mypage-profile .user-profile dt {
  position: static;
  width: auto;
  height: auto;
  margin-bottom: 0.4rem;
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
}
.mypage-profile .user-profile .btn-modify {
  margin: 0;
}
.mypage-profile .user-profile .btn-layer {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage-profile .guide-txt {
  margin-top: 1.2rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  text-align: right;
}
.mypage-profile .section + .section {
  margin-top: 1.2rem;
}
.mypage-profile .section .mypage-review-list {
  padding: 0;
}
.mypage-profile .section .mypage-review-list .user-profile {
  margin-top: 0;
}
.mypage-profile .section .mypage-review-list .user-profile dl {
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 6.4rem;
  padding-left: 8rem;
}
.mypage-profile .section .mypage-review-list .user-profile dl dt {
  position: absolute;
  width: 6.4rem;
  height: 6.4rem;
  margin-bottom: 0;
}
.mypage-profile .section .mypage-review-list .user-profile dl dt .user-img {
  width: 6.4rem;
  height: 6.4rem;
}
.mypage-profile .section .mypage-review-list .user-profile .btn-stamp {
  right: 0;
}
.mypage-profile .section .mypage-review-list .reply .btn-like {
  position: static;
  height: auto;
  padding-right: 0;
  background: none;
}
.mypage-profile .btn-like {
  position: absolute;
  top: -0.5rem;
  right: 1.6rem;
  height: 4rem;
  padding-right: 4.8rem;
  background-image: url("../images/contents/like-fill.svg");
  background-repeat: no-repeat;
  background-position: right center;
}
.mypage-profile .btn-like.on {
  background-image: url("../images/contents/like-fill-on.svg");
  background-repeat: no-repeat;
}
.mypage-profile .btn-like span {
  min-width: 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.mypage-profile .btn-stamp {
  position: absolute;
  top: -0.5rem;
  right: 1.6rem;
  height: 4rem;
  padding-right: 4.8rem;
  /*background-image: url("../images/contents/stamp.svg");*/
  background-image: url("../images/contents/stamp3.svg");
  /*background-image: url("../images/contents/main-stamp.svg");*/
  
  background-repeat: no-repeat;
  background-position: right center;
}
.mypage-profile .btn-stamp.on {
  /*background-image: url("../images/contents/stamp-on.svg");*/
  background-image: url("../images/contents/stamp3-on.svg");
  /*background-image: url("../images/contents/111.png");*/
  background-repeat: no-repeat;
}
.mypage-profile .btn-stamp span {
  min-width: 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.mypage-profile .btn-stamp.clr-purple.on {
  /*background-image: url("../images/contents/stamp-pp-on.svg");*/
  background-image: url("../images/contents/stamp3-on.svg");
  background-repeat: no-repeat;
}

.mypage-user-info {
  padding-top: 2.4rem;
}
.mypage-user-info .btn-mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mypage-user-info .user-img {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 1.2rem;
}
.mypage-user-info .user-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.mypage-user-info .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.6rem;
}
.mypage-user-info .user-info p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.mypage-user-info .user-info .user-name {
  font-size: 2rem;
  line-height: 3rem;
}
.mypage-user-info .user-info .user-name em {
  font-weight: 700;
  font-style: normal;
}
.mypage-user-info .user-info .icon-check-circle {
  margin-left: 0.4rem;
  color: #2778d7;
}
.mypage-user-info .flex-column {
  margin-left: 1.6rem;
}
.mypage-user-info .flex-column .user-info {
  margin: 0;
}
.mypage-user-info .flex-column .btn-modify {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0.8rem;
  color: #2778d7;
}
.mypage-user-info .flex-column .btn-modify i {
  margin-left: 0;
}
.mypage-user-info .hits-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.6rem 0 0.8rem;
  padding: 0.8rem 0;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mypage-user-info .hits-box .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mypage-user-info .hits-box .btn .title {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.mypage-user-info .hits-box .btn .count {
  margin-top: 0.4rem;
  color: #2778d7;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.mypage-user-info .hits-box .btn + .btn::before {
  content: "";
  position: absolute;
  top: calc(50% - 2rem);
  left: 0;
  width: 0.1rem;
  height: 4rem;
  background-color: #e0e0e0;
}
.mypage-user-info .btn-group {
  margin-top: 1.6rem;
}

.mypage-menu-list > li {
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
}
.mypage-menu-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.mypage-menu-list a > i {
  margin-left: auto;
  color: #bbb;
}

.mypage-profile-slide {
  position: relative;
  height: 37.5rem;
}
.mypage-profile-slide .user-img img {
  display: block;
  width: 100%;
}
.mypage-profile-slide .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.mypage-profile-slide .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.mypage-profile-slide .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  text-align: center;
  cursor: pointer;
}
.mypage-profile-slide .swiper-slide img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mypage-profile-slide .swiper-pagination {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.2rem;
  padding: 0 1.2rem;
  background-color: rgba(0, 0, 0, 0.32);
  color: #ffffff;
  letter-spacing: 0.3rem;
  border-radius: 1.2rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}

.mypage-review-list {
  padding: 2.4rem 1.6rem;
  min-height: calc(100vh - 10.5rem);
  /*background-color: #f0f0f0;*/
}
.mypage-review-list .nodata {
    padding: 3.2rem 0 0;
    background-color: transparent;
}
.mypage-review-list .user-profile dl {
  height: 5rem;
  padding-left: 0rem;
}
.mypage-review-list .user-profile .user-img {
  width: 5rem;
  height: 5rem;
}
/*.mypage-review-list .item + .item {*/
/*  border-top: 0.1rem solid;*/
/*  border-color: #e0e0e0;*/
/*  padding-top: 2.4rem;*/
/*  margin-top: 2.4rem;*/
/*}*/
.mypage-review-list .item{
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  padding-bottom: 2.4rem;
}
.mypage-review-list .item + .item {
  padding-top: 2.4rem;
}
.mypage-review-list .review-txt {
  margin-top: 1.6rem;
}
.mypage-review-list .reply {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.4rem;
  margin-top: 1.6rem;
}
.mypage-review-list .reply > .btn {
  margin-right: 2.4rem;
}
.mypage-review-list .reply > .btn i {
  margin-right: 0.4rem;
  font-size: 2.4rem;
}
.mypage-review-list .reply > .btn i.icon-thumbs-up {
  font-size: 2.2rem;
  width: 2.4rem;
  height: 2.4rem;
}
.mypage-review-list .reply > .btn.btn-like.on i::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/contents/heart.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.mypage-review-list .reply > .btn.btn-like.on i.icon-thumbs-up {
  font-size: 2.2rem;
  color: #ff5c00;
  display: inline-block;
  width: auto;
  height: auto;
}
.mypage-review-list .reply > .btn.btn-like.on i.icon-thumbs-up::before {
  content: "\e9ec";
  background: none;
}
.mypage-review-list .reply .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage-review-list .reply .dropdown .btn-more::before {
  width: 0.3rem;
  height: 0.3rem;
}
.mypage-review-list .reply .dropdown .btn-more span::before {
  left: 0.7rem;
  width: 0.3rem;
  height: 0.3rem;
}
.mypage-review-list .reply .dropdown .btn-more span::after {
  right: 0.7rem;
  width: 0.3rem;
  height: 0.3rem;
}

.review-slide {
  position: relative;
  margin-top: 1.6rem;
}
.review-slide .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.review-slide .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.review-slide .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 32rem;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  text-align: center;
  cursor: pointer;
}
.review-slide .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.review-slide .swiper-pagination {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3.2rem;
  padding: 0 1.2rem;
  background-color: rgba(0, 0, 0, 0.32);
  color: #ffffff;
  letter-spacing: 0.3rem;
  border-radius: 1.2rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}

.review-img {
  height: 32rem;
  margin-top: 1.6rem;
}
.review-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.mypage-ticket {
  padding-bottom: 2.4rem;
}
.mypage-ticket p.guide-txt {
  margin-top: 2.4rem;
}
.mypage-ticket .section + .section {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
}
.mypage-ticket .option-list {
  margin-top: 2.4rem;
}
.mypage-ticket .option-list + .btn {
  margin-top: 2.4rem;
}
.mypage-ticket .guide-title {
  margin-top: 2.4rem;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
}
.mypage-ticket .guide-title:first-child {
  margin-top: 0;
}
.mypage-ticket .guide-txt + .guide-txt {
  margin-top: 2.4rem;
}
.mypage-ticket .guide-txt li {
  display: block;
}

.mypage-voucher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.4rem 0 0;
}
.mypage-voucher > .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mypage-voucher > .btn + .btn {
  margin-top: 0.8rem;
}
.mypage-voucher > .btn > span {
  font-weight: 400;
}
.mypage-voucher .month {
  min-width: 8rem;
  text-align: left;
}
.mypage-voucher .month span {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.mypage-voucher .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1.6rem;
}
.mypage-voucher .price > span {
  margin-left: 0.4rem;
  color: #2778d7;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.mypage-voucher .btn-pay {
  margin-left: auto;
}

.mypage-refund {
  padding-bottom: 2.4rem;
}
.mypage-refund .guide-title {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
}
.mypage-refund .guide-title + .guide-txt li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mypage-refund .guide-title + .guide-txt li > a {
  margin: 0 0.4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #555;
}

.mypage-notice {
  padding: 2.4rem 1.6rem;
}
.mypage-notice .switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 0;
}
.mypage-notice .switch + .switch {
  margin-top: 2.4rem;
}
.mypage-notice .switch-tit {
  margin-right: auto;
  font-weight: 500;
}

.board-list {
  padding: 1.6rem 1.6rem 2.4rem;
}
.board-list .item {
  padding: 0.8rem 0;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
}
.board-list dt {
  font-weight: 500;
}
.board-list dd {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #555;
}
.board-list dd.date {
  color: #888;
}

.board-detail {
  padding: 2.4rem 1.6rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.board-detail .title {
  display: block;
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
}
.board-detail .date {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #888;
}
.board-detail .board-body {
  margin-top: 2rem;
}

.reply-list {
  overflow-y: auto;
  max-height: calc(100vh - 12.1rem);
}
.reply-list .item {
  padding: 1.6rem;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
}
.reply-list .item:last-child {
  border: 0;
}
.reply-list .reply-write {
  position: relative;
}
.reply-list .reply-write ~ .reply-write {
  margin: 1.6rem 0 0 3.2rem;
}
.reply-list .reply-write ~ .reply-write::before {
  content: "\e949";
  position: absolute;
  top: 0;
  left: -3.2rem;
  font-family: "Icomoon";
  color: #bbb;
}
.reply-list .user-profile dl {
  height: auto;
  padding-left: 5.6rem;
}
.reply-list .user-profile dt {
  width: 4rem;
  height: 4rem;
}
.reply-list .user-profile .user-img {
  width: 4rem;
  height: 4rem;
}
.reply-list .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.reply-list .dropdown .btn-more::before {
  width: 0.3rem;
  height: 0.3rem;
}
.reply-list .dropdown .btn-more span::before {
  left: 0.7rem;
  width: 0.3rem;
  height: 0.3rem;
}
.reply-list .dropdown .btn-more span::after {
  right: 0.7rem;
  width: 0.3rem;
  height: 0.3rem;
}
.reply-list .reply-txt {
  margin: 0.4rem 0 0 5.6rem;
}
.reply-list.type-sub-bg .item {
  padding: 0;
}
.reply-list.type-sub-bg .item .dropdown {
  top: 1.6rem;
  right: 1.6rem;
}
.reply-list.type-sub-bg .reply-write {
  padding: 1.6rem;
}
.reply-list.type-sub-bg .reply-write:nth-child(2) {
  border-top: 1px solid #e0e0e0;
}
.reply-list.type-sub-bg .reply-write ~ .reply-write {
  padding: 1.6rem 0 0 4.8rem;
  margin: 0;
  background: #eff6ff;
}
.reply-list.type-sub-bg .reply-write ~ .reply-write::before {
  content: "\e949";
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  font-family: "Icomoon";
  color: #bbb;
  width: 2.4rem;
  text-align: center;
}
.reply-list.type-sub-bg .reply-write ~ .reply-write:last-child {
  padding-bottom: 1.6rem;
}

.comment-write {
  position: sticky;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1.6rem;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
}
.comment-write .write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.comment-write .textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: 8rem;
  height: auto;
  border: 0;
  padding: 0.7rem 1.6rem;
  margin: 0;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 2.3rem;
}
.comment-write .textarea::-webkit-scrollbar {
  display: none;
}
.comment-write .btn {
  margin-left: 0.8rem;
}
.comment-write .btn-send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: auto;
  background-color: #2778d7;
  border-radius: 0 0.4rem 0.4rem 0;
  margin: 0;
}
.comment-write .btn-send input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../images/contents/chat-send.svg");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  background-position: center;
}

.guide-slide {
  margin: 2.4rem auto 0;
}
.guide-slide .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.guide-slide .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 58.5rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.guide-slide .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  text-align: center;
  cursor: pointer;
}
.guide-slide .swiper-slide img,
.guide-slide .guide-slide-step img {
  display: block;
  max-width: 26rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.guide-slide .swiper-pagination,
.guide-slide .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3rem;
}
.guide-slide .swiper-pagination .swiper-pagination-bullet,
.guide-slide .swiper-pagination .pagination-bullet,
.guide-slide .pagination .swiper-pagination-bullet,
.guide-slide .pagination .pagination-bullet {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #bbb;
  border-radius: 50%;
  margin: 0 0.6rem;
}
.guide-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .guide-slide .swiper-pagination .swiper-pagination-bullet.active,
.guide-slide .swiper-pagination .pagination-bullet.swiper-pagination-bullet-active,
.guide-slide .swiper-pagination .pagination-bullet.active,
.guide-slide .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.guide-slide .pagination .swiper-pagination-bullet.active,
.guide-slide .pagination .pagination-bullet.swiper-pagination-bullet-active,
.guide-slide .pagination .pagination-bullet.active {
  background-color: #2778d7;
}
.guide-slide .slogan {
  margin-bottom: 1.6rem;
}
.guide-slide .slogan strong {
  font-size: 2.2rem;
  line-height: 3.3rem;
  font-weight: 700;
}
.guide-slide .slogan p {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.guide-slide .guide-slide-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  text-align: center;
  cursor: pointer;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.guide-slide .guide-slide-step .swiper-wrapper {
  padding-bottom: 8rem;
}
.guide-slide .guide-slide-step .btn-pass {
  margin: 0 0 2.4rem auto;
  color: #555;
}
.guide-slide .guide-slide-step .btn-group {
  width: 100%;
  margin-top: 4.6rem;
}
.guide-slide .guide-slide-step .swiper-pagination {
  position: absolute;
  bottom: 8.3rem;
  left: 0;
  right: 0;
  z-index: 10;
}

.nav-tabs {
  position: sticky;
  top: 5.6rem;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.8rem;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #ffffff;
}
.nav-tabs .tab {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.2rem 0;
  text-align: center;
}
.nav-tabs .tab.is-active::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #000;
}
.nav-tabs .tab2 {
  position: relative;
  flex: 1;
  padding: 1.2rem 0;
  text-align: center;
}

.nav-tabs .tab2.is-active::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #000;
}
.tab-content {
  display: none;
}
.tab-content.is-active {
  display: block;
}

.validation {
  margin-top: 0.8rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.validation.success {
  color: #2778d7;
}
.validation.error {
  color: #f80000;
}

.apple-account {
  padding: 2.4rem 1.6rem;
}
.apple-account .guide-txt {
  margin: 0;
}

.btn-group.bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2.4rem;
}
.btn-group.bottom .btn + .btn {
  margin-top: 0.8rem;
}
.btn-group.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.btn-group.flex .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.btn-group.flex .btn + .btn {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin: 0 0 0 0.8rem;
}
.btn-group.flex.half .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.btn-group.fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn-group + .guide-txt {
  padding: 0 1.6rem;
}

.btn.btn-leave {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1.6rem;
}

.btn-filter {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 4.8rem;
  width: 4.8rem;
  height: 4rem;
  margin-left: 0.8rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem;
  font-size: 2rem;
  background-image: url("../images/contents/filter.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.btn-filter.is-active {
  border-color: #2778d7;
}
.btn-filter.is-active::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #2778d7;
  border-radius: 50%;
}

.floating {
  position: fixed;
  bottom: 1.6rem;
  right: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.btn-register {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #2778d7;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.4rem 1.2rem 0 rgba(39, 120, 215, 0.48);
          box-shadow: 0 0.4rem 1.2rem 0 rgba(39, 120, 215, 0.48);
  font-size: 2.4rem;
  color: #ffffff;
}

.btn-top {
  width: 4.8rem;
  height: 4.8rem;
  background-color: rgba(0, 0, 0, 0.48);
  color: #ffffff;
  border-radius: 50%;
  font-size: 2.4rem;
  color: #ffffff;
  margin-top: 0.8rem;
}

.page-landing .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.6rem;
  padding: 0 1.6rem;
}
.page-landing .header h1 {
  background-image: url("../images/contents/logo.svg");
  width: 11rem;
  height: 3.3rem;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 0;
}
.page-landing .header h1 > a {
  height: 100%;
}
.page-landing .container {
  border-top: 0.1rem solid #d2d7dc;
}
.page-landing .container a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6rem;
  margin-top: 4rem;
  background: -webkit-gradient(linear, left top, right top, from(#2778d7), to(#2fb4ff));
  background: linear-gradient(90deg, #2778d7 0%, #2fb4ff 100%);
  border-radius: 0.8rem;
}
.page-landing .container a span {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 700;
  color: #ffffff;
}
.page-landing .container a i {
  margin-left: 0.4rem;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.page-landing .visual {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 46.5rem;
  background-image: url("../images/bg-landingMo01.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-position: right center;
  background-size: cover;
}
.page-landing .visual .slogan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-landing .visual .slogan-head {
  padding-top: 4.8rem;
}
.page-landing .visual .slogan-head strong {
  display: block;
  font-size: 2rem;
  line-height: 3rem;
  color: #ffffff;
}
.page-landing .visual .slogan-head img {
  display: block;
  width: 17rem;
  margin: 1.6rem auto 0;
}
.page-landing .visual a {
  height: 4.8rem;
  margin: auto 0 4.8rem;
}
.page-landing .visual .app-download {
  position: absolute;
  bottom: 4.8rem;
  left: 1.6rem;
  right: 1.6rem;
  margin: 0;
}
.page-landing .app-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.4rem;
}
.page-landing .app-download .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 4.8rem;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #ffffff;
  font-size: 0;
}
.page-landing .app-download .btn.aos span {
  width: 100%;
  height: 2.4rem;
  background-image: url("../images/contents/app-aos.svg");
  background-repeat: no-repeat;
  background-size: auto 2.4rem;
  background-position: center;
}
.page-landing .app-download .btn.ios span {
  width: 100%;
  height: 2.4rem;
  background-image: url("../images/contents/app-ios.svg");
  background-repeat: no-repeat;
  background-size: auto 2.4rem;
  background-position: center;
}
.page-landing .app-download .btn + .btn {
  margin-left: 0.8rem;
}
.page-landing .section:nth-child(odd) {
  background-color: #eff6ff;
}
.page-landing .section.n1 .slogan {
  background-image: url("../images/img-landing01.png");
  background-repeat: no-repeat;
}
.page-landing .section.n2 .slogan {
  background-image: url("../images/img-landing02.png");
  background-repeat: no-repeat;
}
.page-landing .section.n3 .slogan {
  background-image: url("../images/img-landing03.png");
  background-repeat: no-repeat;
}
.page-landing .section.n4 .slogan {
  background-image: url("../images/img-landing04.png");
  background-repeat: no-repeat;
}
.page-landing .section.n5 .slogan {
  background-image: url("../images/img-landing05.png");
  background-repeat: no-repeat;
}
.page-landing .slogan {
  padding: 4.8rem 1.6rem 36rem;
  text-align: center;
  background-size: auto 32rem;
  background-position: center bottom;
}
.page-landing .slogan .txt-important {
  position: relative;
}
.page-landing .slogan .txt-important::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.8rem;
  background: rgba(59, 119, 235, 0.2);
}
.page-landing .slogan-head em,
.page-landing .slogan-head dt {
  display: inline-block;
  border: 0.1rem solid currentColor;
  border-radius: 1.9rem;
  padding: 0.4rem 1.6rem;
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.7rem;
  color: #3b77eb;
  background-color: #ffffff;
}
.page-landing .slogan-head p,
.page-landing .slogan-head .slogan-txt1 {
  display: inline-block;
  width: 100%;
  margin-top: 1rem;
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.page-landing .slogan-body {
  margin-top: 2.4rem;
}
.page-landing .slogan-body strong,
.page-landing .slogan-body dt {
  display: inline-block;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.7rem;
}
.page-landing .slogan-body p,
.page-landing .slogan-body .slogan-txt2 {
  display: inline-block;
  width: 100%;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #555;
}
.page-landing .footer {
  padding: 4rem 1.6rem;
  background-color: #222;
}
.page-landing .footer .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.page-landing .footer .btn-group a {
  position: relative;
  color: #ffffff;
  font-weight: 700;
}
.page-landing .footer .btn-group a + a {
  margin-left: 0.8rem;
  padding-left: 0.8rem;
}
.page-landing .footer .btn-group a + a::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.6rem);
  left: 0;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #ffffff;
}
.page-landing .footer h2 {
  display: block;
  width: 14rem;
  height: 4.2rem;
  background-image: url("../images/contents/logo-main.svg");
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
}
.page-landing .footer p {
  display: inline-block;
  margin-top: 1.6rem;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.page-landing .footer ul li {
  display: inline-block;
  margin-top: 0.4rem;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.page-landing .footer ul li a {
  display: inline-block;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.page-landing .agreement .textarea {
  overflow: hidden;
  height: auto;
}

.radio-group {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.8rem;
  width: calc(100% - 3.2rem);
  padding: 0.8rem 0;
  margin: 0 auto;
}
.radio-group [class*=radio-] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.radio-group [class*=radio-] + [class*=radio-] {
  margin-left: 0.4rem;
}
.radio-group .switch-toggle {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  width: 50%;
  height: calc(100% + 0.2rem);
  border-radius: 3.2rem;
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
.radio-group.half {
  grid-template-columns: repeat(2, 1fr);
}
.radio-group.half input[type=radio] + label:nth-child(4) ~ .switch-toggle {
  width: 50%;
}
.radio-group.half input[type=radio] + label:nth-last-child(4) ~ .input-radio:nth-child(3):checked ~ .switch-toggle {
  left: 50%;
}

.txt-box {
  padding: 2.4rem 1.6rem 0;
}
.txt-box dl {
  padding: 1.6rem 1.4rem 1.6rem 1.6rem;
  background-color: #eff6ff;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.txt-box dt {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.txt-box dd {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.txt-box .color-point {
  color: #2778d7;
}

.middle-point {
  display: inline-block;
  width: 0.5rem;
  padding: 0 0.2rem;
}

.sort-index-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #ffffff;
  padding: 1.6rem;
  /*border-radius: 2.4rem 2.4rem 0 0;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sort-index-container.radius-member {
  border-radius: 2.4rem 2.4rem 0 0;
}
.main-contents .sub-contents .member .sort-index-container {
  padding: 1.6rem 0rem 1.6rem 0rem;
}

.sort-index {
  position: sticky;
  top: 7.2rem;
  width: 2.4rem;
  height: 40rem;
  padding: 0.8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f0f0f0;
  border-radius: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sort-index button {
  position: relative;
  min-height: 2.4rem;
  color: #888;
}
.sort-index button.all {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.sort-index button.active {
  color: #2778d7;
}
.sort-index button.active:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #2778d7;
  border-radius: 50%;
}

.pc-only {
  display: none;
}

@media screen and (min-width: 1400px) {
  .gate {
    position: absolute;
    width: 48rem;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  body.scroll .main .ly-header::before {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.06);
            box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.06);
  }
  body.scroll .sort-index {
    top: 1.6rem;
  }
  .ly-wrap.main::after {
    background-size: contain;
  }
  .ly-header {
    max-width: 68rem;
    margin: 0 auto;
  }
  .ly-container {
    max-width: 68rem;
    margin: 0 auto;
  }
  .layer.is-active.layer-top.full .layer-header {
    max-width: 68rem;
    margin: 0 auto;
  }
  .layer.is-active .btn-group.fixed {
    max-width: 68rem;
    margin: 0 auto;
  }
  .layer.layer-top, .layer.layer-bottom {
    max-width: 68rem;
    left: 50%;
    margin: 0 auto 0 -34rem;
  }
  .layer-open .ly-wrap {
    max-width: 68rem;
    margin: 0 auto;
  }
  .guide-slide {
    max-width: 37.5rem;
  }
  .page-landing .header {
    max-width: 122rem;
    margin: 0 auto;
    height: 8rem;
  }
  .page-landing .header h1 {
    width: 16rem;
    height: 4.8rem;
  }
  .page-landing .container a {
    max-width: 29.3rem;
  }
  .page-landing .visual {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 84rem;
    background-image: url("../images/bg-landingPc01.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
  }
  .page-landing .visual .slogan {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 122rem;
    padding: 0;
  }
  .page-landing .visual .slogan-head {
    padding-top: 15.5rem;
  }
  .page-landing .visual .slogan-head strong {
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
  .page-landing .visual .slogan-head img {
    width: 30rem;
    margin: 8rem 0 0;
  }
  .page-landing .visual .slogan-body {
    margin-top: 4.8rem;
  }
  .page-landing .visual .slogan-body p {
    margin-top: 0;
    font-size: 2rem;
    line-height: 3rem;
    color: #ffffff;
  }
  .page-landing .visual a {
    height: 6.8rem;
    margin: 4rem 0 0;
  }
  .page-landing .visual a > span {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 500;
  }
  .page-landing .visual a i {
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
  .page-landing .visual .app-download {
    position: static;
    margin-top: 4rem;
  }
  .page-landing .section {
    height: 74rem;
    padding: 0;
  }
  .page-landing .section:nth-child(odd) .slogan {
    background-position: left bottom;
  }
  .page-landing .section:nth-child(odd) .slogan-head {
    margin-left: 80rem;
  }
  .page-landing .section:nth-child(odd) .slogan-body {
    margin: 4rem 0 0 80rem;
  }
  .page-landing .slogan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 122rem;
    max-width: 122rem;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-size: 75rem auto;
    background-position: right bottom;
    text-align: left;
  }
  .page-landing .slogan-head em,
.page-landing .slogan-head dt {
    font-size: 2rem;
    line-height: 3rem;
  }
  .page-landing .slogan-head p,
.page-landing .slogan-head .slogan-txt1 {
    display: block;
    width: auto;
    margin-top: 1.6rem;
    font-size: 3.2rem;
    line-height: 4.8rem;
  }
  .page-landing .slogan-body {
    margin-top: 4rem;
  }
  .page-landing .slogan-body strong,
.page-landing .slogan-body dt {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
  }
  .page-landing .slogan-body p,
.page-landing .slogan-body .slogan-txt2 {
    display: block;
    width: auto;
  }
  .page-landing .footer .footer-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: wrap;
        -ms-flex: wrap;
            flex: wrap;
    max-width: 122rem;
    margin: 0 auto;
  }
  .page-landing .footer .content {
    margin-left: 4rem;
  }
  .page-landing .footer p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-landing .footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 90rem;
  }
  .page-landing .footer ul li {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .page-landing .footer ul li + li {
    margin-left: 1.6rem;
    padding-left: 1.6rem;
  }
  .page-landing .footer ul li + li::before {
    content: "";
    position: absolute;
    top: calc(50% - 0.6rem);
    left: 0;
    width: 0.1rem;
    height: 1.2rem;
    background-color: #ffffff;
  }
  .page-landing .footer ul li:nth-child(4) {
    margin-left: 0;
    padding-left: 0;
  }
  .page-landing .footer ul li:nth-child(4)::before {
    content: none;
  }
  .page-landing .app-download {
    margin-top: 4rem;
  }
  .page-landing .app-download .btn {
    max-width: 16rem;
  }
  .page-landing .agreement {
    width: 122rem;
    margin: 0 auto;
    padding: 7.6rem 0 10rem;
  }
  .floating {
    right: calc(50% - 32rem);
  }
  .pc-only {
    display: inline-block;
  }
}
.rating-container {
  border: 1px solid #e0e0e0;
  border-radius: 0.4rem;
  padding: 1.6rem;
}
.rating-container .rating-item:nth-child(n+2) {
  margin-top: 1.6rem;
}
.rating-container .rating-item label {
  display: block;
  line-height: 2.4rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  margin-bottom: 0.8rem;
}
.rating-container .rating-item label .disc {
  color: #888;
}
.rating-container .rating-item .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  gap: 0.4rem;
}
.rating-container .rating-item .stars .star {
  width: 3.2rem;
  height: 3.2rem;
  background-size: cover;
}
.rating-container .rating-item .stars .star.empty {
  background-image: url("../images/contents/empty-star.svg");
  background-repeat: no-repeat;
}
.rating-container .rating-item .stars .star.filled {
  background-image: url("../images/contents/filled-star.svg");
  background-repeat: no-repeat;
}

.page-talk {
  height: 100%;
  overscroll-behavior-y: none;
  background-color: #ffffff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.page-talk body {
  position: relative;
  -webkit-text-size-adjust: none;
  height: 100%;
  background-color: #ffffff;
}
.page-talk.android.keypad-on {
  overflow: hidden;
}
.page-talk.android.keypad-on .talk-header {
  max-height: 0;
}
.page-talk.android.keypad-on .dim {
  display: block;
  width: 100%;
}

.dim {
  overflow: hidden;
  height: 0;
}

.talk-view {
  height: 100%;
}
.talk-view .layer {
  display: none;
}
.talk-view .layer.is-active {
  display: block;
}
.talk-view.bg-normal .talk-header .inner {
  background-color: #ffffff;
}
.talk-view.bg-normal .talk-header h1 {
  color: #000;
}
.talk-view.bg-normal .talk-header .btn-back {
  color: #000;
}
.talk-view.bg-normal .talk-header .header-right .btn.btn-menu {
  background-image: url("../images/contents/menu.svg");
  background-repeat: no-repeat;
}
.talk-view.bg-normal .talk-header .header-right .btn.btn-more::before {
  background-color: #000;
}
.talk-view.bg-normal .talk-header .header-right .btn.btn-more span::before, .talk-view.bg-normal .talk-header .header-right .btn.btn-more span::after {
  background-color: #000;
}

.talk-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #ffffff;
}

.talk-header {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.talk-header .inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.6rem;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 0.1rem solid;
  border-color: #e0e0e0;
  background-color: #2778d7;
  z-index: inherit;
}
.talk-header h1 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: 500;
  color: #ffffff;
}
.talk-header .btn-back {
  position: absolute;
  top: calc(50% - 1.6rem);
  left: 1.6rem;
  font-size: 3.2rem;
  color: #ffffff;
}
.talk-header .header-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.talk-header .header-right .btn.btn-more::before {
  background-color: #ffffff;
}
.talk-header .header-right .btn.btn-more span::before, .talk-header .header-right .btn.btn-more span::after {
  background-color: #ffffff;
}
.talk-header .dropdown {
  position: absolute;
  top: 1.2rem;
  right: 0;
}

.talk-content {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}

.comment-scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
  padding: 0 1.6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.comment-scroll::-webkit-scrollbar {
  display: none;
}

.comment-view {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-bottom: 2.4rem;
  margin-top: auto;
  word-wrap: break-word;
}
.comment-view > .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.comment-view > .view.me .comment-list {
  margin-left: auto;
}
.comment-view > .view.me .comment-list .comment-txt {
  background-color: #d9eefe;
  border-radius: 1.6rem 1.6rem 0;
}
.comment-view > .view.me .comment-contents {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.comment-view > .view.me .comment-util {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.comment-view > .view .user-img {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 1.6rem 1.6rem 0 0;
}
.comment-view > .view .user-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.comment-view .comment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.comment-view .comment-list .comment-contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 1.6rem;
}
.comment-view .comment-list .comment-txt {
  display: inline-block;
  max-width: 21.4rem;
  padding: 0.8rem 1.2rem;
  border-radius: 1.6rem 1.6rem 1.6rem 0;
  background-color: #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
  font-weight: 500;
}
.comment-view .comment-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.comment-view .comment-status {
  margin: 0 0.8rem;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #555;
}
.comment-view .comment-time {
  margin: 0 0.8rem;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #555;
}

.talk-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  z-index: 9;
  padding: 1.6rem;
  border-top: 0.1rem solid;
  border-color: #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  -webkit-transform: all 0.3s;
          transform: all 0.3s;
}
.talk-footer .write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.talk-footer .textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: 8rem;
  height: auto;
  border: 0;
  padding: 0.7rem 1.6rem;
  margin: 0;
  border: 0.1rem solid;
  border-color: #e0e0e0;
  border-radius: 0.4rem 0 0 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 2.3rem;
}
.talk-footer .textarea::-webkit-scrollbar {
  display: none;
}
.talk-footer .btn {
  margin-left: 0.8rem;
}
.talk-footer .btn-send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: auto;
  background-color: #2778d7;
  border-radius: 0 0.4rem 0.4rem 0;
  margin: 0;
}
.talk-footer .btn-send input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../images/contents/chat-send.svg");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 2.4rem;
  background-position: center;
}

@media screen and (min-width: 1400px) {
  .talk-view {
    max-width: 68rem;
    margin: 0 auto;
  }
  .comment-scroll {
    max-height: calc(100vh - 12rem) !important;
  }
}