/*由ъ뒪��*/
.list_default {
  background-color: #fff;
  width: 100%;
  padding: 0 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}

.list_default>div {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  position: relative;
}

.list_default>div:last-child {
  border-bottom: 0;
}

.list_default>div i {
  position: absolute;
  right: 10px;
  top: calc(50% - 3px);
}

.list_default>div.ing p {
  color: #4070df;
}

.list_default>div.ing i {
  fill: #4070df;
}

.list_default>div .tit {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 3px;
  font-weight: 900;
}

.list_default>div .summ {
  font-size: 12px;
  line-height: 14px;
  color: #999;
  margin-bottom: 0;
  font-weight: 700;
}

.list_default.banner {
  background-color: rgba(0, 0, 0, 0);
  display: grid;
  grid-template-columns: 1fr;
}

.list_default.banner>div {
  border: 1px solid #ddd;
  padding: 10px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='arrow-down' transform='translate(0 20) rotate(-90)'%3E%3Cpath id='�⑥뒪_692' data-name='�⑥뒪 692' d='M10,0A10,10,0,1,0,20,10,10,10,0,0,0,10,0Zm0,18.333A8.333,8.333,0,1,1,18.333,10,8.333,8.333,0,0,1,10,18.333Zm0,0' fill='%23aaa'/%3E%3Cpath id='�⑥뒪_693' data-name='�⑥뒪 693' d='M120.643,92l-1.179,1.179,3.578,3.578a.833.833,0,0,0,1.178,0l3.578-3.578L126.62,92l-2.155,2.155V85.336H122.8v8.822Zm0,0' transform='translate(-113.632 -81.169)' fill='%23aaa'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 14px;

  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
}

.list_default.banner>div.ing {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath id='arrow-right' d='M17.764,10.75a7,7,0,1,0,5.119,2.218,7.073,7.073,0,0,0-5.119-2.218Zm3.363,7.375-1.911,1.954a.536.536,0,0,1-.767-.748l.964-.986H14.844a.594.594,0,1,1,0-1.189H19.39l-.983-.982a.536.536,0,0,1,.758-.757l1.957,1.955A.534.534,0,0,1,21.126,18.125Z' transform='translate(-10.756 -10.75)' fill='%234b78e0'/%3E%3C/svg%3E%0A");
  border: 1px solid #4070df;
}

.list_default>div:last-child {
  border-bottom: 1px solid #ddd;
}

/*����*/
.compet {
  background-color: #fff;
  width: 100%;
}

.compet .compet_tit {
  padding: 15px 10px;
  position: relative;
}

.compet .compet_tit p {
  font-size: 14px;
}

.compet .compet_tit i {
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
}

.compet {
  background-color: #fff;
  width: 100%;
}

.compet .compet_tit {
  padding: 15px 10px;
  position: relative;
}

.compet .compet_tit p {
  font-size: 14px;
  font-weight: 900;
}

.compet .compet_tit svg {
  position: absolute;
  right: 10px;
  top: calc(50% - 3.5px);
}

.compet.ind {
  display: none;
}

.compet.ind.ac {
  display: block;
}

.game {
  position: relative;
}

.game_head {
  display: grid;
  grid-template-columns: 1fr 70px;
  background-color: #f2f2f2;
}

.game .tit {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.game .tit i.blue {
  font-weight: 900;
}

.game .tit2 {
  line-height: 120%;
  height: 40px;
  padding-top: 7px;
}

.game span.media {
  font-size: 12px;
  font-weight: 900;
  line-height: 32px;
  text-align: right;
  padding-right: 10px;
}

.game span.blue {
  color: #4070df;
}

.game hr {
  border-color: #eee;
}

hr.blue {
  border-color: #4070df;
}

@media screen and (min-width: 900px) {
  hr.blue {
    width: 900px;
    margin: 0 auto;
  }
}

.game .game_body {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 36px 80px 36px 1fr;
  height: 65px;
  overflow: hidden;
  padding: 10px 0;
}

.game .game_body * {
  font-size: 13px;
}

.game .game_body .home_name {
  padding: 10px 0px 10px 0px;
  text-align: right;
  line-height: 25px;
  font-weight: 900;
}

.game .game_body .away_name {
  padding: 10px 0px 10px 0px;
  text-align: left;
  line-height: 25px;
  font-weight: 900;
}

.game .game_body .home_name p,
.game .game_body .away_name p {
  line-height: 25px;
  height: 25px;
}

.game .game_body .home_thum,
.game .game_body .away_thum {
  padding: 5px 0;
  text-align: center;
  height: 45px;
}

.game .game_body .home_thum span,
.game .game_body .away_thum span {
  width: 30px;
  height: 35px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border-radius: 20px;
  margin: 0 auto;
}

.game .score {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  padding: 7px 3px;
}

.game .score>div {
  background-color: #eee;
  height: 30px;
  width: 100%;
  line-height: 30px;
  text-align: center;
  font-weight: 700;
}

.game .score.ing {}

.game .score.ing>div {
  /*border: 1px solid #4070DF;*/
  background-color: #4070df;
  color: #fff !important;
}

.game .score.ing>div * {
  color: #fff !important;
  font-weight: 700;
}

.game .score>div.home_score {
  border-radius: 3px 0 0 3px;
  position: relative;
}

.game .score>div.away_score {
  border-radius: 0 3px 3px 0;
  position: relative;
}

.game .score>div.home_score i.sc {
  position: absolute;
  left: -8px;
  top: -8px;
  font-size: 13px;
}

.game .score>div.away_score i.sc {
  position: absolute;
  right: -8px;
  top: -8px;
  font-size: 13px;
}

.game textarea {
  margin: 10px;
  width: calc(100% - 20px);
  border: 1px solid #ddd;
  border-radius: 3px;
  resize: none;
  color: #111;
  padding: 10px;
  font-size: 12px;
}

.game .modefy {
  display: none;
}

.compet.main:first-child {
  margin-top: -5px !important;
}

.compet.main {
  overflow: hidden;
  margin-top: 10px;
  border: 1px solid #ccc;

  width: calc(100% - 20px);
  margin: 10px auto;
}

.compet.hide.main {
  height: 44px;
  margin-top: 10px;
}

.compet.main i.arr_bottom {
  transition: all 0.5s;
  transform: rotate(180deg);
}

.compet.main.hide i.arr_bottom {
  transition: all 0.5s;
  transform: rotate(0);
}

div.indirect {
  height: 132px;
}

.indirect p.tit {
  font-size: 12px;
  line-height: 32px;
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  font-weight: 700;
}

.indirect .match {
  height: 95px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 0px 1fr;
}

.match>div {
  display: grid;
  grid-template-columns: 1fr 20px 1fr;
  padding: 15px 0px;
  position: relative;
}

.match>div .home_thum,
.match>div .away_thum {
  text-align: center;
}

.match>div .home_thum span,
.match>div .away_thum span {
  width: 32px;
  height: 32px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.match>div .home_thum p,
.match>div .away_thum p {
  font-size: 12px;
  margin-top: 10px;
}

.windraw.win {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.493' height='12.391' viewBox='0 0 7.493 12.391'%3E%3Cpath id='path8188' d='M-307.914-372.4l-6.2-6.2,1.3-1.3,4.9,4.9,4.9-4.9,1.3,1.3Z' transform='translate(379.892 -301.719) rotate(-90)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 7px;
}

.windraw.lose {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.493' height='12.391' viewBox='0 0 7.493 12.391'%3E%3Cpath id='path8188' d='M6.2,0,0,6.2l1.3,1.3L6.2,2.6l4.9,4.9,1.3-1.3Z' transform='translate(0 12.391) rotate(-90)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 7px;
}

.windraw a {
  position: absolute;
  width: calc(100% - 0px);
  display: block;
  font-size: 12px;
  margin: 5px auto;
  background-color: #4070df;
  padding: 4px 0;
  border-radius: 1px;
  text-align: center;
  left: 0px;
  color: #fff;
  bottom: -10px;
}

.windraw a i {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  margin-left: 3px;
}

.windraw a.ac i {
  transition: all 0.5s;
  transform: rotate(180deg);
}

/*����-�좊꼫癒쇳듃*/
.compet_tourn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px;
  gap: 10px;
}

.tourn {
  position: relative;
  background-color: #fff;
  height: 225px;
  padding: 10px 0;
  border: 1px solid #e5e5e5;
}

.tourn_head .tit {
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
  padding-left: 10px;
}

.tourn_head i {
  position: absolute;
  left: 10px;
  bottom: 5px;
  font-size: 12px;
  width: 50px;
  height: 20px;
  display: block;
  text-align: left;
  line-height: 20px;
  z-index: 10;
  font-weight: 900;
}

.tourn .score {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 120px;
  margin: 0 auto;
}

.tourn .score>div {
  height: 30px;
  width: 100%;
  line-height: 30px;
  text-align: center;
}

.tourn .score>div.home_score {
  border-radius: 3px;
  background-color: #eee;
  position: relative;
}

.tourn .score>div.away_score {
  border-radius: 3px;
  background-color: #eee;
  position: relative;
}

.tourn .score>div.home_score i.sc {
  position: absolute;
  left: -8px;
  top: -8px;
  font-size: 13px;
}

.tourn .score>div.away_score i.sc {
  position: absolute;
  right: -8px;
  top: -8px;
  font-size: 13px;
}

.tourn .team {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.tourn .tourn_foot {
  height: 30px;
  background-color: #eee;
  width: calc(100% + 0px);
  position: absolute;
  bottom: 0;
  line-height: 30px;
  font-size: 12px;
  text-align: right;
  padding: 0 10px;
}

.tourn .tourn_foot span {
  font-weight: 900;
}

.tourn .tourn_foot span.blue {
  color: #4070df;
}

.tourn .home_thum,
.tourn .away_thum {
  text-align: center;
  margin: 15px 0 5px 0;
}

.tourn .home_thum span,
.tourn .away_thum span {
  width: 100%;
  height: 35px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border-radius: 20px;
}

.tourn .home_name,
.tourn .away_name {
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.tourn .home_name p.summ,
.tourn .away_name p.summ {
  color: #999;
  margin-top: 5px;
  font-weight: 700;
  font-size: 10px;
}

.tourn.win {
  background-color: #4070df;
  background-image: url(../img/bg_win.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.tourn.win * {
  color: #fff;
}

.tourn.win .tourn_foot {
  background-color: rgba(0, 0, 0, 0.1);
}

.tourn.win .team {
  display: grid;
  grid-template-columns: 1fr;
}

.tourn.win .team span {
  height: 65px;
}

.tourn.win .home_thum {
  margin-top: 60px;
  margin-bottom: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.tourn.win .home_name {
  font-size: 12px;
}

/*硫붿씤 �대읇��궧*/
/*硫붿씤 ��궧*/
.club_ranking .num1 {
  background-color: #4070df;
  height: 120px;
  color: #fff;
  position: relative;
}

.club_ranking .num1 .order {
  position: absolute;
  font-size: 16px;
  font-weight: 900;
  left: 22px;
  top: 30px;
}

.club_ranking .num1 .more {
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 11px;
}

.club_ranking .num1 .more * {
  vertical-align: middle;
}

.club_ranking .num1 .more hr {
  border-color: rgba(255, 255, 255, 0.05);
  height: 12px;
  width: 0px;
  display: inline-block;
  margin: 0 3px;
}

.club_ranking .num1 .thum {
  width: 50px;
  height: 50px;
  position: absolute;
  left: calc(50% - 25px);
  top: 25px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.club_ranking .num1 p.club_name {
  position: absolute;
  width: 100%;
  top: 85px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.club_ranking .normal {
  border-bottom: 1px solid #eee;
  position: relative;
  display: grid;
  background-color: #fff;
  grid-template-columns: 50px 30px 1fr 1fr;
}

.club_ranking .normal .order {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  line-height: 70px;
}

.club_ranking .normal .more {
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
  margin: 25px 0;
  text-align: right;
  padding-right: 15px;
}

.club_ranking .normal .more * {
  vertical-align: middle;
}

.club_ranking .normal .more hr {
  border-color: rgba(1, 1, 1, 0.05);
  height: 12px;
  width: 0px;
  display: inline-block;
  margin: 0 3px;
}

.club_ranking .normal .thum {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 10px;
  display: inline-block;
  margin: 20px 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.club_ranking .normal p.club_name {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  margin: 25px 0;
  text-align: left;
}

.club_ranking .normal p.club_name span {
  display: inline-block;
  height: 16px;
  line-height: 16px;
}

.club_ranking .normal p.club_name * {
  vertical-align: middle;
  line-height: 16px;
}

.club_ranking .normal .favorite {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.696' height='16' viewBox='0 0 16.696 16'%3E%3Cpath id='star_1_' data-name='star (1)' d='M16.652,6.542a.886.886,0,0,0-.763-.609l-4.82-.438-1.9-4.459a.888.888,0,0,0-1.633,0l-1.9,4.459-4.82.438A.888.888,0,0,0,.3,7.485L3.946,10.68,2.871,15.411a.887.887,0,0,0,1.32.959l4.156-2.485L12.5,16.37a.888.888,0,0,0,1.321-.959L12.75,10.68l3.643-3.195A.888.888,0,0,0,16.652,6.542Zm-8.224,7.3' transform='translate(0 -0.496)' fill='%23ddd'/%3E%3C/svg%3E%0A");
  width: 17px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.club_ranking .normal .favorite.ac {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.609' height='14' viewBox='0 0 14.609 14'%3E%3Cpath id='star_1_' data-name='star (1)' d='M14.571,5.786a.775.775,0,0,0-.668-.533L9.686,4.87,8.019.968a.777.777,0,0,0-1.429,0L4.924,4.87.706,5.253A.777.777,0,0,0,.264,6.611l3.188,2.8-.94,4.14a.776.776,0,0,0,1.155.84L7.3,12.212l3.636,2.174a.777.777,0,0,0,1.156-.84l-.94-4.14,3.188-2.8A.777.777,0,0,0,14.571,5.786Zm-7.2,6.384' transform='translate(0 -0.496)' fill='%23f8c661'/%3E%3C/svg%3E%0A");
}

/*鍮꾨뵒��*/
.vod>div {
  width: calc(100% - 20px);
  background-color: #fff;
  margin: 0 auto 10px auto;
  border-radius: 0;
}

.vod>div.w100 {
  width: 100%;
}

.vod>div.match {
  height: 200px;
  margin: 0;
}

.vod .thum {
  height: 240px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  position: relative;
}

.vod>div.match .thum {
  height: 200px;
  position: relative;
}

@media screen and (min-width: 900px) {
  .vod>div.match {
    height: 320px;
  }

  .vod>div.match .thum {
    height: 320px;
  }
}

.vod>div.match .thum iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.vod .thum .play {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-color: #4070df;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.322' height='19.598' viewBox='0 0 14.322 19.598'%3E%3Cpath id='�⑥뒪_351' data-name='�⑥뒪 351' d='M-13289.566-13142.447v19.6l14.322-10Z' transform='translate(13289.566 13142.447)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.vod .thum .time {
  position: absolute;
  bottom: 0;
  left: 60px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  line-height: 60px;
  text-align: center;
  font-weight: 700;
}

.vod .vod_title {
  width: 100%;
  padding: 20px 10px;
}

.vod .vod_title p {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

/*�댁뒪 諛� �쇰컲 寃뚯떆�� 由ъ뒪��*/
.article {
  background-color: #fff;
  padding: 10px;
}

.article>div {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.article>div:last-child {
  border-bottom: 0;
}

.article>div .tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 5px;
}

.article>div .summ {
  font-size: 14px;
  line-height: 18px;
  color: #111;
}

.article>div .date {
  font-size: 14px;
  line-height: 18px;
  color: #aaa;
}

.article>div .cate {
  font-size: 14px;
  line-height: 18px;
  color: #4070df;
  font-weight: 700;
  margin-bottom: 5px;
}

.article>div .source {
  color: #999;
  font-size: 12px;
  margin-top: 5px;
}

.article h4 {
  font-size: 14px;
  font-weight: 700;
}

.article p {
  font-size: 14px;
  line-height: 120%;
}

.article .bottom {
  font-size: 11px;
  font-weight: 700;
}

.article .bottom .date {
  float: right;
}

.article .cate {
  font-size: 14px;
  line-height: 18px;
  color: #4070df;
  font-weight: 700;
  margin-bottom: 5px;
}

.article .summ {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}

.article .tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 5px;
}

.article .date,
.article .reply {
  color: #999;
}

.article .att {
  display: block;
  border-radius: 3px;
  width: 100%;
  background-color: #eeeeee;
  line-height: 30px;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 700;
}

.article hr {
  border-color: #eee;
  margin: 15px 0;
}

.article.thumnail>div>* {
  display: inline-block;
  vertical-align: top;
}

.article.thumnail>div div.thum {
  display: inline-block;
  width: 70px;
  height: 40px;
  margin-right: 5px;
  background-size: cover;
}

/*寃뚯떆臾� 肄붾찘��*/

.comment>div {
  display: grid;
  grid-template-columns: 46px 1fr;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
}

.comment.ana>div {
  grid-template-columns: 1fr;
}

.comment>div .thum {
  width: 36px;
  height: 36px;
  display: block;
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 18px;
}

.comment>div .comment_docu p.name {
  font-size: 14px;
  color: #111;
  font-weight: 900;
  margin-bottom: 5px;
}

.comment>div .comment_docu p.text {
  font-size: 14px;
  line-height: 16px;
}

.comment>div .comment_docu p.reply {
  font-size: 14px;
  color: #999;
}

.comment .dep2 {
  width: calc(100% - 46px);
  margin-left: 46px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.comment_write {
  position: fixed;
  width: 100%;
  border-top: 1px solid #ddd;
  background-color: #fff;
  height: 50px;
  bottom: 0;
  padding: 10px;
}

.comment_write input[type='text'] {
  width: 100%;
  border-radius: 30px;
  height: 30px;
  border: 1px solid #ddd;
  padding: 0 10px;
  background-color: #f6f6f6;
}

.comment_write a.apply {
  position: absolute;
  right: 20px;
  width: 30px;
  font-size: 14px;
  color: #345fc3;
  font-weight: 700;
  line-height: 30px;
  display: none;
}

.comment_write.ac a.apply {
  display: block;
}

.comment_docu {
  padding-right: 10px;
}

.comment_write.comment_hide {
  bottom: 0px;
  transition: all 0.5s;
}

.comment_write.comment_hide.show {
  bottom: 50px;
}

.comment_write.comment_hide input[type='text'] {
  width: calc(100% - 40px);
  display: inline-block;
}

.comment_write.comment_hide a.cancle {
  font-size: 14px;
  display: inline-block;
  width: 30px;
  text-align: center;
  color: #999;
}

/*�ы넗寃뚯떆��*/
.photo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3px;
}

.photo>div {
  background-color: #ccc;
  min-height: 100px;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}

.photo>div p.tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 10px);
}

.photo>div p.tag a {
  color: #fff;
  display: block;
  line-height: 18px;
  font-weight: 700;
}

/************** �쇰컲 �곸꽭�섏씠吏�*/

.view blockquote {
  font-size: 14px;
  line-height: 130%;
}

.view h4 {
  font-weight: 900;
  margin-bottom: 5px;
}

.view p {
  line-height: 150%;
  font-weight: 700;
}

/*寃��� �곸뿭*/
.search {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  width: calc(100% - 20px);
  margin: 10px auto;
  background-color: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  height: 32px;
}

.search.ser_1 {
  grid-template-columns: 1fr;
}

.search.ser_2 {
  grid-template-columns: 1fr 1px 1fr;
}

.search.ser_3 {
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
}

.search.ser_4 {
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
}

.search.case1 {
  grid-template-columns: 1fr 1px 3fr;
}

.search.case1 button {
  position: absolute;
  right: 10px;
  text-indent: -10000px;
  width: 30px;
  height: 34px;
  cursor: pointer;
}

.search.case2 {
  grid-template-columns: 3fr 1px 1fr;
}

.search * {
  border: 0;
  padding: 5px;
  font-size: 12px;
}

.search hr {
  width: 1px;
  border: 1px solid #eee;
  border-top: 0;
  border-bottom: 0;
}

.search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='4' viewBox='0 0 5 4'%3E%3Cpath id='�ㅺ컖��_12' data-name='�ㅺ컖�� 12' d='M2.5,0,5,4H0Z' transform='translate(5 4) rotate(180)' fill='%23111'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px);
  background-color: #fff;
}

.search input.mag {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.995' height='14' viewBox='0 0 13.995 14'%3E%3Cg id='layer1' transform='translate(-0.514 -291.161)'%3E%3Cpath id='circle2017' d='M6.791,291.161a6.28,6.28,0,1,0,3.91,11.182l2.615,2.613a.7.7,0,0,0,.989-.988l-2.615-2.614a6.27,6.27,0,0,0-4.9-10.192Zm0,1.4a4.884,4.884,0,1,1-4.882,4.882,4.87,4.87,0,0,1,4.882-4.882Z' transform='translate(0 0)' fill='%23999'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
}

/*�대읇 �⑤씫*/
.section {
  background-color: #fff;
  box-shadow: 0px 5px 5px rgba(1, 1, 1, 0.05);
  text-align: center;
  margin-bottom: 20px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.section p.tit {
  font-size: 16px;
  font-weight: 700;
}

.section p {
  font-size: 13px;
}

.section .result {
  width: calc(100% - 50px);
  margin: 10px auto;
  font-size: 14px;
}

.section .result>div {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  font-size: 14px;
}

.section .result>div:first-child {
  border-top: 1px solid #ddd;
}

.section .dount {
  max-width: 300px;
  margin: 0 auto;
}

.section .graph {
  display: block;
  width: calc(100% - 30px);
  margin: 0 auto;
  height: 20px;
  margin-bottom: 20px;
}

.section .graph>* {
  display: block;
  float: left;
}

.section .graph>span {
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

.section .graph>hr {
  width: 4.5px;
  border-color: #fff;
}

.section .graph>span.win {
  background-color: #d71923;
}

.section .graph>span.draw {
  background-color: #111;
}

.section .graph>span.lose {
  background-color: #999999;
}

.winSpan {
  color: #d71923;
  font-weight: 900;
}

.team_result {
  width: 100%;
  overflow-x: scroll;
  height: 200px;
  white-space: nowrap;
}

.team_result>div {
  display: inline-block;
  width: 120px;
  text-align: center;
}

.team_result>div p {
  margin: 5px 0;
}

.team_result>div p.name {
  font-weight: 700;
  font-size: 14px;
}

.team_result>div p.date {
  font-weight: 400;
  font-size: 12px;
  color: #999;
}

.team_result>div .thum {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
  background-color: #fff;
  background-size: 60%;
  border-radius: 30px;
  margin-bottom: 10px;
  border: 1px solid #eee;
}

.team_result>div .score {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background-color: rgba(0, 0, 0, 0);
  height: 40px;
  width: 100%;
  text-align: center;
  width: 80px;
  margin: 0 auto 10px auto;
}

.team_result>div .score>div.home_score {
  border-radius: 3px 0 0 3px;
  position: relative;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.06);
}

.team_result>div .score>div.away_score {
  border-radius: 0 3px 3px 0;
  position: relative;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.06);
}

.team_result>div .score>div.home_score i.sc {
  position: absolute;
  left: -8px;
  top: -8px;
}

.team_result>div .score>div.away_score i.sc {
  position: absolute;
  right: -8px;
  top: -8px;
}

/*援������*/
.rep_name {
  text-align: center;
}

.rep_name select {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #fff;
  margin-top: 50px;
  font-size: 16px;
}

.rep_name>div {
  padding-top: 40px;
}

.rep_name>div * {
  color: #fff;
}

.rep_name>div span {
  font-size: 16px;
  font-weight: 700;
}

.rep_name>div p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 3px;
}

/*泥⑤��뚯씪*/
.filebox label {
  display: inline-block;
  line-height: 60px;
  text-align: center;
  color: #999;
  vertical-align: middle;
  background-color: #eee;
  border-radius: 3px;
  cursor: pointer;
  height: 60px;
  width: 60px;
  box-sizing: border-box;
  margin-left: 0px;
}

.filebox input[type='file'] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  visibility: hidden;
  left: -10000px;
}

.filebox .upload-name {
  width: 60px;
  height: 60px;
  display: inline-block;
  background-color: #eee;
  border-radius: 3px;
  vertical-align: middle;
}

/*�대�吏� �낅줈��*/
#imgViewArea {
  width: 60px;
  height: 60px;
  display: none;
  border-radius: 3px;
  overflow: hidden;
}

#imgViewArea.ac {
  display: inline-block;
}

#imgArea {
  width: 100%;
  height: 100%;
}

.filebox {
  padding-left: 12px;
  padding-top: 10px;
}

.filebox>* {
  vertical-align: middle;
}

/*寃뚯떆�� �붿냼 */
select.cate {
  width: 100%;
  border: 0;
  height: 40px;
  padding-left: 5px;
}

span.target {
  font-weight: 700;
  color: #4070df;
}

hr.comment_line {
  border-color: #eee;
  margin-bottom: 20px;
}

div.best {
  background-color: #e9eef8;
  padding: 20px 0 20px 10px;
  margin-bottom: 0;
}

div.chk {
  height: 40px;
  line-height: 40px;
}

/*留덉씠�섏씠吏�*/

.myinfo {
  background-color: #fff;
  margin: 10px 10px 0 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  display: grid;
  grid-template-columns: 46px 1fr 150px;
  padding: 10px 15px;
}

.myinfo span.thum {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #eee;
  border-radius: 18px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.myinfo p {
  line-height: 36px;
  font-weight: 700;
  font-size: 16px;
}

.myinfo div.point {
  color: #4070df;
  font-weight: 900;
  text-align: right;
  line-height: 36px;
}

.myinfo_list {
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  padding: 10px;
}

.myinfo_list a {
  width: 100%;
  display: block;
  height: 50px;
  line-height: 40px;
  border-radius: 3px;
  padding: 5px 15px;
  box-sizing: border-box;
  color: #111;
}

.myinfo_list hr {
  border-color: #f6f6f6;
}

.myinfo_list i.arr {
  float: right;
  width: 9px;
  height: 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8.268' viewBox='0 0 5 8.268'%3E%3Cpath id='path8188' d='M-309.976-374.892l-4.134-4.134.866-.866,3.268,3.268,3.268-3.268.866.866Z' transform='translate(379.892 -305.841) rotate(-90)'/%3E%3C/svg%3E%0A");
  margin-top: 15px;
}

.myinfo-modefy span.thum {
  display: block;
  width: 60px;
  height: 60px;
  background-color: #eee;
  border-radius: 30px;
  margin: 20px auto 5px auto;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.myinfo-modefy span.thum.no_img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.852' height='26' viewBox='0 0 22.852 26'%3E%3Cg id='user' transform='translate(-31)'%3E%3Cg id='洹몃９_769' data-name='洹몃９ 769' transform='translate(35.57)'%3E%3Cg id='洹몃９_768' data-name='洹몃９ 768'%3E%3Cpath id='�⑥뒪_354' data-name='�⑥뒪 354' d='M127.855,0a6.855,6.855,0,1,0,6.855,6.855A6.863,6.863,0,0,0,127.855,0Zm0,12.188a5.332,5.332,0,1,1,5.332-5.332A5.338,5.338,0,0,1,127.855,12.188Z' transform='translate(-121 0)' fill='%23aaa'/%3E%3C/g%3E%3C/g%3E%3Cg id='洹몃９_771' data-name='洹몃９ 771' transform='translate(31 15.234)'%3E%3Cg id='洹몃９_770' data-name='洹몃９ 770'%3E%3Cpath id='�⑥뒪_355' data-name='�⑥뒪 355' d='M50.955,302.955A9.773,9.773,0,0,0,43.949,300H40.9a9.773,9.773,0,0,0-7.006,2.955A9.991,9.991,0,0,0,31,310a.762.762,0,0,0,.762.762H53.09a.762.762,0,0,0,.762-.762A9.991,9.991,0,0,0,50.955,302.955Zm-18.4,6.287a8.43,8.43,0,0,1,8.345-7.719h3.047a8.43,8.43,0,0,1,8.345,7.719Z' transform='translate(-31 -300)' fill='%23aaa'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 40%;
}

.myinfo-modefy i.photo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8.095' viewBox='0 0 10 8.095'%3E%3Cg id='Layer_1' data-name='Layer 1' transform='translate(-2 -4)'%3E%3Cpath id='�⑥뒪_346' data-name='�⑥뒪 346' d='M8.429,8.762A1.429,1.429,0,1,1,7,7.333,1.429,1.429,0,0,1,8.429,8.762ZM12,6.143v5.238a.714.714,0,0,1-.714.714H2.714A.714.714,0,0,1,2,11.381V6.143a.714.714,0,0,1,.714-.714h1.8l.671-1.09A.724.724,0,0,1,5.81,4H8.19a.714.714,0,0,1,.59.314L9.51,5.428h1.776A.714.714,0,0,1,12,6.143ZM8.9,8.762a1.9,1.9,0,1,0-1.9,1.9A1.9,1.9,0,0,0,8.9,8.762Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #345fc3;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.myinfo-modefy-section {
  width: calc(100% - 20px);
  margin: 0 auto;
}

.myinfo-modefy-section>div {
  background-color: #fff;
  height: 50px;
  display: block;
  width: 100%;
  margin-top: 5px;
  position: relative;
}

.myinfo-modefy-section>div select {
  border: 0;
  width: 70px;
  height: 50px;
}

.myinfo-modefy-section.alarm>div {
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.myinfo-modefy-section>div.readonly {
  background-color: #eee;
}

.myinfo-modefy-section div.cert {
  height: 100px;
}

.myinfo-modefy-section div.cert input[type='text'] {
  height: 50px;
  background-color: #fff;
}

.myinfo-modefy-section div.cert div.cert_sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.myinfo-modefy-section div.cert div.cert_sec2 {
  background-color: #f6f6f6;
  padding-top: 10px;
}

.myinfo-modefy-section .certDiv {
  background-color: #f6f6f6;
}

.myinfo-modefy-section>div span {
  padding-left: 10px;
  line-height: 50px;
  display: block;
  font-size: 12px;
  color: #999;
  position: absolute;
  z-index: 0;
}

.myinfo-modefy-section>div div.toggle {
  position: absolute;
  right: 10px;
  top: 16px;
}

.myinfo-modefy-section>div input {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  text-align: right;
  padding-right: 10px;
  font-weight: 700;
  width: 100%;
  height: 100%;
}

.myinfo-modefy-section .cert {
  display: none;
}

.comment-section {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16'%3E%3Ctext id='_' data-name='��' transform='translate(13 12)' fill='%23999' font-size='14' font-family='NEXONLv2GothicRegular, NEXON Lv2 Gothic'%3E%3Ctspan x='-12.236' y='0'%3E��%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  padding-top: 5px;
}

.comment-section p {
  font-size: 14px;
  font-weight: 900;
}

.myinfo-point {
  background-color: #fff;
  margin: 10px 10px 0 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  display: grid;
  grid-template-columns: 1fr;
  padding: 10px 15px;
}

.myinfo-point span.thum {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #eee;
  border-radius: 18px;
}

.myinfo-point div.point {
  color: #4070df;
  font-weight: 900;
  text-align: right;
  line-height: 36px;
}

.point-gagam {
  float: right;
}

.answer {
  font-size: 14px;
  line-height: 16px;
}

.answer p.blue {
  font-weight: 700;
  color: #4070df;
  margin-bottom: 5px;
}

/*留ㅼ튂 �꾩쟻*/
.match_history {
  background-color: #fff;
  border-top: 1px solid #eee;
  position: relative;
}

.match_history table {
  width: 100%;
  table-layout: fixed;
}

.match_history table tr:nth-child(even) {
  background-color: #f6f6f6;
}

.match_history table tr:nth-child(even) td {
  border-bottom: 1px solid #ddd;
}

.match_history table tr:nth-child(odd) td {
  border-bottom: 1px solid #eee !important;
}

.match_history table tr td {
  padding: 11px 3px;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.5px;
  vertical-align: top;
}

.match_history table tr td>div.attend i {
  margin-top: 4px;
}

.match_history table tr td>div.attend em {
  background-color: #999;
  color: #fff;
  font-size: 10px;
  padding: 1px 4px;
  vertical-align: middle;
  border-radius: 2px;
  transform: scale(0.9);
  transform-origin: top;
}

.match_history table tr td>div.attend .ing em {
  background-color: #4070df;
}

.match_history table tr td.t_center {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-size: 12px;
  padding: 0;
  vertical-align: middle;
}

.match_history table tr td span.indirect {
  background-color: #4070df;
  color: #fff;
  padding: 2px 3px 0 3px;
  line-height: 20px;
  margin-top: 3px;
  display: block;
}

.match_history table tr td.year {
  font-size: 10px;
  color: #999;
  text-align: center;
}

.match_history table tr.match td i {
  display: block;
  margin: 2px 0;
}

.blur {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: 100%;
  height: 100%;
}

.match_history .sign_alert {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.match_history .sign_alert p {
  position: absolute;
  top: 50%;
  color: #4070df;
  font-weight: 700;
  text-align: center;
  width: 100%;
  font-size: 14px;
}

.match_history .sign_alert p i {
  background-color: #4070df;
  color: #fff;
  padding: 3px;
}

/* 濡쒓렇�� */
.login {
  width: 320px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  margin: 10px auto;
}

.login>div {
  background-color: #fff;
  height: 50px;
  display: block;
  width: 100%;
  position: relative;
}

.login>div span {
  padding-left: 10px;
  line-height: 50px;
  display: block;
  font-size: 12px;
  color: #999;
  position: absolute;
  z-index: 0;
}

.login>div input {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  text-align: right;
  padding-right: 10px;
  font-weight: 700;
  width: 100%;
  height: 100%;
}

.login_foot {
  width: 320px;
  margin: 0 auto;
}

h1.logo {
  display: block;
  width: 80px;
  height: 60px;
  margin: 5px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121.714' height='56.945' viewBox='0 0 121.714 56.945'%3E%3Cpath id='�⑥뒪_353' data-name='�⑥뒪 353' d='M31.932,44.546a8.227,8.227,0,0,1-2.983,4.747,10.38,10.38,0,0,1-2.789,1.543,12.639,12.639,0,0,1-3.6.746l-2.384.167a.884.884,0,0,0-.5.2.754.754,0,0,0-.282.429L18.6,56.024a.757.757,0,0,1-.28.429.878.878,0,0,1-.5.2l-4.106.288a.513.513,0,0,1-.425-.139.417.417,0,0,1-.1-.4l3.617-16.719a.756.756,0,0,1,.281-.429.886.886,0,0,1,.5-.2l8.363-.586a7.082,7.082,0,0,1,2.773.311,4.993,4.993,0,0,1,2.043,1.253A4.671,4.671,0,0,1,31.9,42.021a5.163,5.163,0,0,1,.032,2.525m-5.394-.388a1.312,1.312,0,0,0-.309-.637,1.582,1.582,0,0,0-.639-.422,2.306,2.306,0,0,0-.977-.111l-2.581.181a.888.888,0,0,0-.5.2.747.747,0,0,0-.282.426l-.62,2.867a.411.411,0,0,0,.1.4.526.526,0,0,0,.43.137L24.1,47a2.447,2.447,0,0,0,1.653-.7,2.84,2.84,0,0,0,.772-1.383,1.874,1.874,0,0,0,.014-.754m57.8-8.853L75.361,45.683a3.8,3.8,0,0,0-.362.555,2.2,2.2,0,0,0-.231.57l-1.211,5.6a.754.754,0,0,1-.281.429.875.875,0,0,1-.5.2l-4.106.287a.512.512,0,0,1-.425-.138.416.416,0,0,1-.1-.4l1.205-5.573a1.979,1.979,0,0,0,.029-.568,1.376,1.376,0,0,0-.118-.509q-1.1-2.4-2.28-4.7t-2.324-4.748a.493.493,0,0,1,.043-.449.475.475,0,0,1,.405-.257l4.864-.341a1.012,1.012,0,0,1,.529.107.682.682,0,0,1,.344.337l2.218,5a.277.277,0,0,0,.284.173.555.555,0,0,0,.369-.219l4.454-5.464a1.555,1.555,0,0,1,.5-.4,1.524,1.524,0,0,1,.592-.186l4.919-.345c.182-.013.3.036.359.143s-.012.282-.207.52M97.1,34.472,96.383,37.8a.756.756,0,0,1-.281.429.883.883,0,0,1-.5.2l-8.5.6a.881.881,0,0,0-.5.2.754.754,0,0,0-.281.429L86.1,40.684a.414.414,0,0,0,.1.4.516.516,0,0,0,.427.139l7.406-.519a.517.517,0,0,1,.427.138.416.416,0,0,1,.1.4l-.73,3.373a.752.752,0,0,1-.281.429.885.885,0,0,1-.5.2l-7.406.519a.886.886,0,0,0-.5.2.755.755,0,0,0-.281.429l-.2.929a.414.414,0,0,0,.1.4.518.518,0,0,0,.428.138l8.5-.6a.517.517,0,0,1,.427.139.416.416,0,0,1,.1.4l-.73,3.373a.752.752,0,0,1-.281.429.883.883,0,0,1-.5.2L78.792,52.8a.514.514,0,0,1-.427-.138.413.413,0,0,1-.1-.4l2.112-9.764L87.034,34.6l9.539-.668A.521.521,0,0,1,97,34.07a.417.417,0,0,1,.1.4M37.536,50.621a.434.434,0,0,0,.088.4.507.507,0,0,0,.442.138l7.573-.53-3.085,4.645-10.873.762a.51.51,0,0,1-.441-.138.433.433,0,0,1-.088-.4l3.616-16.719a.773.773,0,0,1,.268-.428.865.865,0,0,1,.515-.2l4.1-.287a.52.52,0,0,1,.428.138.416.416,0,0,1,.1.4Zm76.825-11.892a7.255,7.255,0,0,1-.541,1.567,8.8,8.8,0,0,1-.9,1.5,9.413,9.413,0,0,1-1.169,1.3,7.325,7.325,0,0,1-1.374,1,1.033,1.033,0,0,0-.363.375.363.363,0,0,0,.009.4q.774,1.15,1.641,2.365t1.537,2.227a.382.382,0,0,1-.011.422.475.475,0,0,1-.405.257l-5.083.356a1.266,1.266,0,0,1-.559-.094.83.83,0,0,1-.407-.3q-.648-.965-1.278-1.957t-1.24-2.008a.841.841,0,0,0-.391-.3,1.173,1.173,0,0,0-.542-.095l-.6.042a.882.882,0,0,0-.5.2.752.752,0,0,0-.28.429l-.857,3.96a.753.753,0,0,1-.283.429.888.888,0,0,1-.5.2l-4.092.287a.52.52,0,0,1-.43-.139.413.413,0,0,1-.1-.4l3.617-16.719a.754.754,0,0,1,.281-.429.884.884,0,0,1,.5-.2l8.5-.6a7.7,7.7,0,0,1,2.821.272,4.583,4.583,0,0,1,1.994,1.172,4.152,4.152,0,0,1,1.037,1.925,5.656,5.656,0,0,1-.027,2.554m-5.382-.189a1.443,1.443,0,0,0-.189-.612,1.209,1.209,0,0,0-.515-.47,1.743,1.743,0,0,0-.921-.14l-2.883.2a.878.878,0,0,0-.5.2.754.754,0,0,0-.28.429l-.56,2.591a.416.416,0,0,0,.1.4.513.513,0,0,0,.425.139l2.883-.2a2.664,2.664,0,0,0,.7-.158,2.9,2.9,0,0,0,.726-.388,2.831,2.831,0,0,0,.614-.609,2.1,2.1,0,0,0,.365-.82,2.024,2.024,0,0,0,.029-.568M66.509,53.366a.85.85,0,0,1-.641.286L61.2,53.98a.855.855,0,0,1-.526-.12.767.767,0,0,1-.314-.351l-.421-1.415c-.06-.14-1.023-4.936-1.082-5.076q-.141-.591-.346-1.384t-.38-1.478c-.042-.142-.107-.209-.2-.2s-.189.086-.293.237l-2.006,3.054c-.1.151-3.213,5.232-3.318,5.384l-1.082,1.52a1.427,1.427,0,0,1-.451.4,1.277,1.277,0,0,1-.567.2l-4.7.329a.826.826,0,0,1-.276-.029.411.411,0,0,1-.214-.13.344.344,0,0,1-.07-.236.663.663,0,0,1,.156-.348l11.5-17.1a1.431,1.431,0,0,1,.451-.405,1.32,1.32,0,0,1,.595-.2l3.826-.268a.812.812,0,0,1,.5.121.625.625,0,0,1,.287.353L66.65,52.9a.52.52,0,0,1-.141.467M103.4,1.036,88,16.471a1.471,1.471,0,0,0-.41.738.885.885,0,0,0,.1.7l7.765,11.176a.631.631,0,0,1-.046.694.8.8,0,0,1-.658.438l-8.051.564a1.687,1.687,0,0,1-.841-.165,1.418,1.418,0,0,1-.606-.48L81.6,23.862a.547.547,0,0,0-.527-.261,1.041,1.041,0,0,0-.659.344l-6.519,6.989a3.213,3.213,0,0,1-.835.581,2.512,2.512,0,0,1-.939.29l-8.052.564q-.423.03-.464-.359a.849.849,0,0,1,.279-.71L76.794,18.674a1.467,1.467,0,0,0,.41-.738.889.889,0,0,0-.1-.7L67.17,2.729a.62.62,0,0,1,.021-.673.741.741,0,0,1,.633-.418l8.136-.57a1.683,1.683,0,0,1,.841.165,1.425,1.425,0,0,1,.605.48l5.735,9.611a.546.546,0,0,0,.527.262,1.042,1.042,0,0,0,.659-.345q1.725-1.8,3.449-3.694c1.15-1.262,4.484-4.972,5.572-6.143A2.926,2.926,0,0,1,94.18.842a2.668,2.668,0,0,1,.935-.271L103.208,0c.339-.024.509.089.511.337a.963.963,0,0,1-.317.694M57.93,12.517a1.369,1.369,0,0,0-.778.316,1.17,1.17,0,0,0-.436.665l-.344,1.592a.64.64,0,0,0,.157.623.8.8,0,0,0,.663.215l11.483-.8a.8.8,0,0,1,.663.215.644.644,0,0,1,.157.623l-1.131,5.231a1.17,1.17,0,0,1-.436.665,1.372,1.372,0,0,1-.777.316l-11.484.8a1.371,1.371,0,0,0-.778.316,1.168,1.168,0,0,0-.436.665l-.311,1.44a.642.642,0,0,0,.157.623.8.8,0,0,0,.663.215l12.7-.89-7.959,7.5L45.047,33.874a.8.8,0,0,1-.663-.215.643.643,0,0,1-.157-.624L49.834,7.112a1.167,1.167,0,0,1,.436-.665,1.367,1.367,0,0,1,.778-.316L66.559,5.044l4.55,6.549ZM121.691,1.987l-1.115,5.154a1.2,1.2,0,0,1-.415.664,1.343,1.343,0,0,1-.8.317l-5.932.416a1.368,1.368,0,0,0-.778.316,1.167,1.167,0,0,0-.436.665l-4.1,18.95a1.2,1.2,0,0,1-.415.664,1.341,1.341,0,0,1-.8.317l-6.356.445a.8.8,0,0,1-.663-.215.641.641,0,0,1-.157-.623l4.1-18.95a.677.677,0,0,0-.136-.625.794.794,0,0,0-.684-.213l-6.017.421,6.975-7.357,16.907-1.184a.793.793,0,0,1,.684.213.677.677,0,0,1,.136.625M22.356,35.73,16.717,26.5a.564.564,0,0,0-.652-.287.729.729,0,0,0-.506.624L11.533,45.445a1.6,1.6,0,0,1-.6.912,1.887,1.887,0,0,1-1.071.433l-8.7.61a1.108,1.108,0,0,1-.915-.294.879.879,0,0,1-.218-.855L7.718,10.7a1.6,1.6,0,0,1,.6-.912,1.876,1.876,0,0,1,1.067-.433L18.1,8.747a2.535,2.535,0,0,1,1.158.2,1.792,1.792,0,0,1,.836.633L31.075,27.595a.6.6,0,0,0,.648.313q.389-.077.5-.6L36.248,8.7a1.605,1.605,0,0,1,.6-.912,1.876,1.876,0,0,1,1.067-.433l8.6-.6a1.1,1.1,0,0,1,.909.295.884.884,0,0,1,.215.855L41.95,34.2Z' transform='translate(0.001 -0.001)' fill='%234070df'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

p.title_14.lgn {
  line-height: 130%;
}

.login_foot label {
  font-size: 14px;
  margin-left: 3px;
  color: #999;
}

.login_foot .sign a {
  font-size: 14px;
  color: #777;
  display: inline-block;
  width: auto;
}

.login_foot .sign hr {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 10px;
}

/*�명듃濡�*/
.intro {
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132.538' height='36' viewBox='0 0 132.538 36'%3E%3Cg id='NSC' transform='translate(0 0)'%3E%3Cpath id='�⑥뒪_2' data-name='�⑥뒪 2' d='M40.9,36H33.976c-4.35,0-6.432-4.67-6.432-4.67L18.717,10.21l-6.5,20.854S10.857,36,5.7,36H.427c-.611,0-.387-.533-.387-.533L11.532.281A.553.553,0,0,1,12.011,0h7.825a7.092,7.092,0,0,1,6.22,3.7L34.72,24.559s5.263-17.073,6.054-19.52S44.181,0,46.751,0h5.495c.763,0,.572.534.572.534L41.325,35.718A.5.5,0,0,1,40.9,36' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='�⑥뒪_3' data-name='�⑥뒪 3' d='M118.689,36c-.506,0-.387-.534-.387-.534l.908-2.793.328-1a5.714,5.714,0,0,1,5.147-2.712c5.89,0,16.659-.084,16.659-.084,2.255,0,3.532-.134,4.792-1.07a5.14,5.14,0,0,0,2.122-3.672c.075-1.327.023-1.831-.751-2.427s-3.839-.45-3.839-.45h-3.146c-4.884,0-8.283-.326-10.393-1a7.264,7.264,0,0,1-5.034-7.161,10.229,10.229,0,0,1,.531-2.911c1.444-4.37,3.461-6.239,7.144-8.042C135.976.593,140.525,0,145.658,0h16.517c.547,0,.385.533.385.533s-.511,1.566-1.023,3.047-2.221,3.433-6.494,3.485c-4.18.051-12.784.061-12.784.061a6.957,6.957,0,0,0-4.23,1.035,3.919,3.919,0,0,0-1.586,2.385,2.927,2.927,0,0,0,.633,2.789c.806.777.922,1.124,9.737.985l3.735.15a14.017,14.017,0,0,1,4.579.761,6.838,6.838,0,0,1,2.969,2.013,7.751,7.751,0,0,1,1.342,4.884,18.536,18.536,0,0,1-2.074,6.982c-1.122,2.277-2.6,3.526-6.236,5.3-3.071,1.479-8.3,1.58-8.3,1.58l-17.678,0-6.458,0h0' transform='translate(-70.309 -0.002)' fill='%23fff'/%3E%3Cpath id='�⑥뒪_4' data-name='�⑥뒪 4' d='M256.242,36.205h-9.621l-4.06-.147a14.219,14.219,0,0,1-1.707-.077c-.408-.052-1.088-.177-2.02-.37-4.443-.9-7.395-3.08-8.771-6.461a12.4,12.4,0,0,1-.993-4.8,14.234,14.234,0,0,1,.792-4.485,34.069,34.069,0,0,1,3.574-7.969,25.108,25.108,0,0,1,5.678-6.365,22.125,22.125,0,0,1,8.5-4.088A37.715,37.715,0,0,1,253,.5c1.887-.2,14.877-.153,15.3-.153s.389.531.389.531-.389,1.3-.741,2.243a7.355,7.355,0,0,1-6.668,3.918H256.57a15.247,15.247,0,0,0-7.815,1.9,14.659,14.659,0,0,0-4.68,4.677,25.424,25.424,0,0,0-2.652,5.886,16.637,16.637,0,0,0-.88,4.73v1.092a4.346,4.346,0,0,0,3.8,3.708,8,8,0,0,0,1.976.237h16.564a.37.37,0,0,1,.387.533l-.675,2.093a6.717,6.717,0,0,1-6.349,4.306' transform='translate(-136.154 -0.205)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: none;
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);

}

.intro p {
  width: 200px;
  margin-left: -50px;
  text-align: center;
  margin-top: 100px;
}

p.copy {
  color: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
}

.terms_text * {
  line-height: 130%;
  font-size: 12px;
}

p.copy strong {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 900;
  letter-spacing: 1px;
}

/*�뚯썝媛���*/
.signup_logo {
  width: 100px;
  height: 100px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='479.09' viewBox='0 0 1024 479.09'%3E%3Cpath id='�⑥뒪_2' data-name='�⑥뒪 2' d='M268.655,374.767a69.219,69.219,0,0,1-25.1,39.937,87.328,87.328,0,0,1-23.464,12.983,106.332,106.332,0,0,1-30.3,6.277L169.74,435.37a7.441,7.441,0,0,0-4.233,1.714,6.342,6.342,0,0,0-2.37,3.606l-6.626,30.642a6.372,6.372,0,0,1-2.36,3.611,7.383,7.383,0,0,1-4.2,1.711l-34.547,2.42a4.315,4.315,0,0,1-3.58-1.167,3.507,3.507,0,0,1-.841-3.384l30.428-140.662a6.359,6.359,0,0,1,2.365-3.611A7.453,7.453,0,0,1,148,328.539l70.355-4.929a59.578,59.578,0,0,1,23.326,2.618,42.009,42.009,0,0,1,17.192,10.543,39.3,39.3,0,0,1,9.512,16.75,43.435,43.435,0,0,1,.272,21.246M223.273,371.5a11.036,11.036,0,0,0-2.6-5.356A13.309,13.309,0,0,0,215.3,362.6a19.4,19.4,0,0,0-8.22-.935l-21.719,1.523a7.472,7.472,0,0,0-4.238,1.707,6.283,6.283,0,0,0-2.369,3.587L173.542,392.6a3.457,3.457,0,0,0,.863,3.367,4.425,4.425,0,0,0,3.621,1.155l24.722-1.736q8.783-.615,13.906-5.9a23.9,23.9,0,0,0,6.5-11.633,15.767,15.767,0,0,0,.121-6.347m486.254-74.484-75.5,87.315A31.953,31.953,0,0,0,630.983,389a18.476,18.476,0,0,0-1.945,4.8L618.854,440.89a6.342,6.342,0,0,1-2.36,3.606,7.358,7.358,0,0,1-4.2,1.716l-34.547,2.418a4.309,4.309,0,0,1-3.579-1.164,3.5,3.5,0,0,1-.841-3.384l10.141-46.889a16.653,16.653,0,0,0,.241-4.775,11.575,11.575,0,0,0-1-4.283q-9.213-20.216-19.183-39.571t-19.549-39.944a4.146,4.146,0,0,1,.364-3.775,4,4,0,0,1,3.411-2.16l40.925-2.868a8.517,8.517,0,0,1,4.447.9,5.739,5.739,0,0,1,2.9,2.832l18.657,42.037a2.332,2.332,0,0,0,2.386,1.453,4.666,4.666,0,0,0,3.107-1.839l37.469-45.966a13.081,13.081,0,0,1,4.231-3.334,12.823,12.823,0,0,1,4.98-1.564l41.386-2.9c1.533-.106,2.543.3,3.023,1.205s-.1,2.374-1.738,4.377m107.412-7-6.05,27.969a6.356,6.356,0,0,1-2.367,3.609,7.427,7.427,0,0,1-4.218,1.714l-71.51,5.011a7.412,7.412,0,0,0-4.218,1.714,6.342,6.342,0,0,0-2.367,3.606l-1.868,8.637a3.483,3.483,0,0,0,.856,3.384,4.344,4.344,0,0,0,3.6,1.167L791.1,342.46a4.345,4.345,0,0,1,3.6,1.164,3.5,3.5,0,0,1,.853,3.384l-6.142,28.376A6.329,6.329,0,0,1,787.048,379a7.449,7.449,0,0,1-4.221,1.714l-62.311,4.365a7.452,7.452,0,0,0-4.218,1.711,6.353,6.353,0,0,0-2.367,3.611l-1.69,7.815a3.485,3.485,0,0,0,.853,3.384,4.358,4.358,0,0,0,3.6,1.164l71.5-5.011a4.351,4.351,0,0,1,3.6,1.167,3.5,3.5,0,0,1,.856,3.384l-6.142,28.376a6.328,6.328,0,0,1-2.362,3.611A7.43,7.43,0,0,1,779.923,436l-117.032,8.2a4.324,4.324,0,0,1-3.6-1.164,3.475,3.475,0,0,1-.851-3.382l17.765-82.145,56.025-66.416,80.253-5.624a4.382,4.382,0,0,1,3.6,1.164,3.5,3.5,0,0,1,.853,3.384M315.8,425.872a3.653,3.653,0,0,0,.738,3.389,4.264,4.264,0,0,0,3.715,1.157l63.717-4.462-25.951,39.081-91.478,6.412a4.287,4.287,0,0,1-3.71-1.159,3.646,3.646,0,0,1-.74-3.389l30.425-140.662a6.5,6.5,0,0,1,2.254-3.6,7.273,7.273,0,0,1,4.336-1.721l34.487-2.418a4.377,4.377,0,0,1,3.6,1.164,3.5,3.5,0,0,1,.851,3.384ZM962.141,325.827a61.044,61.044,0,0,1-4.549,13.181A74,74,0,0,1,950,351.591a79.188,79.188,0,0,1-9.832,10.917,61.623,61.623,0,0,1-11.558,8.4,8.687,8.687,0,0,0-3.057,3.155,3.054,3.054,0,0,0,.072,3.334q6.508,9.672,13.81,19.894t12.93,18.739a3.218,3.218,0,0,1-.09,3.551,4,4,0,0,1-3.411,2.162l-42.764,3a10.651,10.651,0,0,1-4.7-.788,6.981,6.981,0,0,1-3.423-2.492Q892.524,413.34,887.228,405T876.8,388.11a7.071,7.071,0,0,0-3.293-2.5,9.87,9.87,0,0,0-4.558-.8l-5.031.352a7.417,7.417,0,0,0-4.206,1.711,6.331,6.331,0,0,0-2.355,3.611L850.145,423.8a6.339,6.339,0,0,1-2.377,3.611,7.469,7.469,0,0,1-4.24,1.714L809.1,431.537a4.372,4.372,0,0,1-3.618-1.167,3.471,3.471,0,0,1-.863-3.38l30.43-140.662a6.339,6.339,0,0,1,2.362-3.611A7.439,7.439,0,0,1,841.631,281L913.139,276a64.752,64.752,0,0,1,23.736,2.285,38.557,38.557,0,0,1,16.775,9.864,34.932,34.932,0,0,1,8.721,16.2q2.35,9.56-.229,21.485m-45.283-1.589a12.138,12.138,0,0,0-1.586-5.151,10.174,10.174,0,0,0-4.329-3.951,14.661,14.661,0,0,0-7.745-1.179l-24.252,1.7a7.384,7.384,0,0,0-4.2,1.711,6.344,6.344,0,0,0-2.357,3.606l-4.715,21.8a3.5,3.5,0,0,0,.844,3.384,4.315,4.315,0,0,0,3.577,1.167l24.254-1.7a22.416,22.416,0,0,0,5.92-1.326,24.376,24.376,0,0,0,6.111-3.264,23.814,23.814,0,0,0,5.166-5.122,17.624,17.624,0,0,0,3.071-6.9,17.028,17.028,0,0,0,.244-4.78m-357.3,124.733a7.149,7.149,0,0,1-5.39,2.406l-39.315,2.755a7.19,7.19,0,0,1-4.426-1.008,6.453,6.453,0,0,1-2.644-2.953l-3.539-11.9c-.5-1.181-8.608-41.526-9.107-42.707q-1.186-4.975-2.912-11.64t-3.2-12.436c-.349-1.193-.9-1.76-1.67-1.707s-1.593.721-2.468,1.993L468,397.467c-.88,1.273-27.034,44.018-27.913,45.3l-9.107,12.788a12.007,12.007,0,0,1-3.792,3.406,10.745,10.745,0,0,1-4.773,1.651l-39.549,2.772a6.946,6.946,0,0,1-2.326-.243,3.458,3.458,0,0,1-1.8-1.09,2.9,2.9,0,0,1-.586-1.981,5.582,5.582,0,0,1,1.311-2.931l96.791-143.89a12.035,12.035,0,0,1,3.8-3.408,11.1,11.1,0,0,1,5-1.666l32.19-2.254a6.836,6.836,0,0,1,4.2,1.02,5.259,5.259,0,0,1,2.413,2.972l36.888,135.135c.342,1.191-.053,2.5-1.188,3.929M869.943,8.705l-129.62,129.86a12.377,12.377,0,0,0-3.449,6.212,7.448,7.448,0,0,0,.829,5.906l65.329,94.026q1.58,2.4-.386,5.836a6.693,6.693,0,0,1-5.537,3.686l-67.737,4.749a14.192,14.192,0,0,1-7.072-1.388,11.928,11.928,0,0,1-5.1-4.04l-30.71-52.8a4.605,4.605,0,0,0-4.438-2.2,8.756,8.756,0,0,0-5.544,2.9l-54.848,58.8a27.032,27.032,0,0,1-7.027,4.888,21.131,21.131,0,0,1-7.9,2.439L539,272.317q-3.558.249-3.907-3.023a7.142,7.142,0,0,1,2.345-5.973L646.08,157.1a12.343,12.343,0,0,0,3.449-6.207,7.478,7.478,0,0,0-.829-5.908L565.117,22.954q-1.587-2.4.174-5.665a6.236,6.236,0,0,1,5.325-3.514L639.063,8.98a14.158,14.158,0,0,1,7.072,1.386,11.986,11.986,0,0,1,5.093,4.04l48.253,80.86a4.594,4.594,0,0,0,4.438,2.2,8.766,8.766,0,0,0,5.542-2.9q14.51-15.15,29.02-31.081c9.671-10.618,37.727-41.829,46.877-51.686a24.612,24.612,0,0,1,6.993-4.727,22.448,22.448,0,0,1,7.868-2.28L868.311.028c2.852-.2,4.279.75,4.3,2.837a8.1,8.1,0,0,1-2.668,5.841M487.376,105.3a11.514,11.514,0,0,0-6.542,2.656,9.841,9.841,0,0,0-3.669,5.595l-2.9,13.39a5.385,5.385,0,0,0,1.323,5.245A6.715,6.715,0,0,0,481.169,134l96.61-6.766a6.759,6.759,0,0,1,5.578,1.805,5.418,5.418,0,0,1,1.323,5.245l-9.519,44.006a9.841,9.841,0,0,1-3.669,5.595,11.54,11.54,0,0,1-6.54,2.656l-96.613,6.766a11.534,11.534,0,0,0-6.545,2.659,9.826,9.826,0,0,0-3.669,5.595l-2.62,12.118a5.4,5.4,0,0,0,1.321,5.245,6.725,6.725,0,0,0,5.58,1.805l106.85-7.485-66.956,63.1L378.99,284.981a6.743,6.743,0,0,1-5.578-1.805,5.408,5.408,0,0,1-1.323-5.25l47.178-218.1a9.821,9.821,0,0,1,3.669-5.595,11.5,11.5,0,0,1,6.542-2.656l130.494-9.145,38.276,55.1Zm536.436-88.6-9.377,43.365a10.088,10.088,0,0,1-3.49,5.583,11.3,11.3,0,0,1-6.723,2.668l-49.909,3.5a11.51,11.51,0,0,0-6.544,2.659A9.821,9.821,0,0,0,944.1,80.07L909.615,239.5a10.085,10.085,0,0,1-3.491,5.585,11.283,11.283,0,0,1-6.723,2.668L845.927,251.5a6.715,6.715,0,0,1-5.578-1.808,5.394,5.394,0,0,1-1.323-5.245L873.51,85.017a5.693,5.693,0,0,0-1.143-5.26q-1.84-2.061-5.759-1.793l-50.62,3.546,58.679-61.892L1016.91,9.653c2.615-.183,4.532.419,5.759,1.793a5.7,5.7,0,0,1,1.143,5.26M188.087,300.592l-47.443-77.635q-2.18-3.287-5.489-2.415t-4.259,5.252L97.035,382.327A13.445,13.445,0,0,1,91.983,390a15.875,15.875,0,0,1-9.01,3.645l-73.207,5.13q-4.917.344-7.694-2.473a7.392,7.392,0,0,1-1.832-7.2l64.7-299.072a13.5,13.5,0,0,1,5.031-7.675,15.781,15.781,0,0,1,8.974-3.64l73.33-5.139a21.325,21.325,0,0,1,9.746,1.685,15.077,15.077,0,0,1,7.031,5.322L261.44,232.151q2.177,3.3,5.448,2.63,3.269-.647,4.218-5.031l33.86-156.533A13.506,13.506,0,0,1,310,65.542a15.781,15.781,0,0,1,8.974-3.642l72.351-5.069q4.881-.34,7.651,2.48a7.439,7.439,0,0,1,1.813,7.193L352.933,287.729Z' transform='translate(0.001 -0.001)' fill='%23345fc3'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0px auto;
}

.terms_box {
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 5px;
  width: calc(100% - 20px);
  margin: 0 auto;
}

.terms_box p {
  font-size: 12px;
}

.terms_box a {
  border-bottom: 1px solid #aaa;
  float: right;
  font-size: 12px;
  font-weight: 900;
}

.office_list {

  position: fixed;
  padding-top: 20px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 11;
  display: none;
  opacity: 0;
  transition: all 1s;
}

.office_list.ac {
  opacity: 1;
  display: block;
}

.office_list>div {
  background-color: #fff;
  width: 200px;
  margin: 0 auto;
  border-radius: 10px;
}

.office_list>div a {
  display: block;
  padding: 10px;
}

.office_list>div a.ac {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.456' height='14' viewBox='0 0 19.456 14'%3E%3Cg id='check' transform='translate(0 -71.788)'%3E%3Cg id='洹몃９_690' data-name='洹몃９ 690' transform='translate(-0.001 71.788)'%3E%3Cpath id='�⑥뒪_249' data-name='�⑥뒪 249' d='M19,72.24a1.543,1.543,0,0,0-2.182,0L7,82.062,2.634,77.7A1.543,1.543,0,1,0,.452,79.88l5.456,5.456a1.543,1.543,0,0,0,2.183,0L19,74.423A1.543,1.543,0,0,0,19,72.24Z' transform='translate(0.001 -71.788)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: calc(100% - 15px) 50%;
}

.office {
  border: 1px solid #000;
  border-radius: 15px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  background-color: #fff;
}

.office>div {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.office>div * {
  font-size: 14px;
}

.office div hr {
  background-color: #eee;
  border-color: #111;
}

.office>div {
  padding: 15px 20px;
}

.office>div p.marker {
  padding-left: 20px;
  height: 18px;
  line-height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath id='�⑥뒪_73' data-name='�⑥뒪 73' d='M14,0A6.008,6.008,0,0,0,8,6c0,4.307,5.59,9.7,5.827,9.93a.248.248,0,0,0,.345,0C14.41,15.7,20,10.307,20,6A6.008,6.008,0,0,0,14,0Zm0,8.75A2.75,2.75,0,1,1,16.75,6,2.75,2.75,0,0,1,14,8.75Z' transform='translate(-8)' fill='%231b211b'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 10px;
}

.office>div a {
  display: inline-block;
}

.calendar {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
}

.calendar>div a {
  display: block;
  width: 100%;
  height: 100%;
}

.calendar .calendar_num {
  font-size: 20px;
  font-weight: 900;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cg id='calendar-check' transform='translate(-1)'%3E%3Cpath id='�⑥뒪_246' data-name='�⑥뒪 246' d='M12.293,10.293,9,13.586,7.707,12.293a1,1,0,0,0-1.414,1.414l2,2a1,1,0,0,0,1.414,0l4-4a1,1,0,0,0-1.414-1.414Z'/%3E%3Cpath id='�⑥뒪_247' data-name='�⑥뒪 247' d='M15,2h2.5A1.538,1.538,0,0,1,19,3.5v15A1.538,1.538,0,0,1,17.5,20H2.5A1.538,1.538,0,0,1,1,18.5V3.5A1.538,1.538,0,0,1,2.5,2H4V1A1,1,0,0,1,6,1V2h7V1a1,1,0,0,1,2,0Zm2,16H3V8H17Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 25px;
  background-size: 16px;
}


.mypage_link a {
  display: block;
  border: 1px solid #000;
  border-radius: 15px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  background-color: #fff;
  height: 60px;
  line-height: 20px;
  font-size: 16px;
  padding: 20px 20px 20px 50px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: 20px 20px;
  text-align: right;
}

.mypage_link a.account {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.399' height='30' viewBox='0 0 29.399 30'%3E%3Cg id='user_1_' data-name='user (1)' transform='translate(-4.16 -4)'%3E%3Cpath id='�⑥뒪_239' data-name='�⑥뒪 239' d='M23,11.5A7.5,7.5,0,1,1,15.5,4,7.5,7.5,0,0,1,23,11.5Z' transform='translate(3.36)'/%3E%3Cpath id='�⑥뒪_240' data-name='�⑥뒪 240' d='M9.351,16.491A15.3,15.3,0,0,1,18.86,13a15.3,15.3,0,0,1,9.509,3.491,16.275,16.275,0,0,1,5.042,6.544,2.169,2.169,0,0,1-.385,2.216,2.6,2.6,0,0,1-1.979.875H6.672a2.6,2.6,0,0,1-1.979-.875,2.169,2.169,0,0,1-.384-2.216,16.274,16.274,0,0,1,5.042-6.544Z' transform='translate(0 7.875)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.mypage_link a.offi {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.5' height='30' viewBox='0 0 22.5 30'%3E%3Cpath id='�⑥뒪_73' data-name='�⑥뒪 73' d='M19.25,0A11.265,11.265,0,0,0,8,11.25c0,8.077,10.481,18.192,10.927,18.619a.464.464,0,0,0,.647,0C20.019,29.442,30.5,19.327,30.5,11.25A11.265,11.265,0,0,0,19.25,0Zm0,16.406a5.156,5.156,0,1,1,5.156-5.156A5.156,5.156,0,0,1,19.25,16.406Z' transform='translate(-8)' fill='%231b211b'/%3E%3C/svg%3E%0A");
}

.mypage_link a.faq {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30'%3E%3Cpath id='list_2_' data-name='list (2)' d='M25.75,2.75H21.8A1.5,1.5,0,0,0,20.5,2h-9a1.5,1.5,0,0,0-1.3.75H6.25A2.25,2.25,0,0,0,4,5V29.75A2.25,2.25,0,0,0,6.25,32h19.5A2.25,2.25,0,0,0,28,29.75V5A2.25,2.25,0,0,0,25.75,2.75ZM13.6,9.2a.75.75,0,0,0-1.2-.9l-1.731,2.308L9.78,9.72A.75.75,0,0,0,8.72,10.78l1.49,1.49a.755.755,0,0,0,.062.058.75.75,0,0,0,1.053-.1l.032-.04Zm0,15a.75.75,0,0,0-1.2-.9l-1.731,2.308L9.78,24.72A.75.75,0,1,0,8.72,25.78l1.49,1.49a.75.75,0,0,0,1.116-.039c.011-.013.022-.027.031-.04Zm-.15-8.55a.75.75,0,0,1,.15,1.05l-2.243,2.991c-.01.014-.021.027-.032.04a.751.751,0,0,1-1.116.039L8.72,18.28A.75.75,0,1,1,9.78,17.22l.889.889L12.4,15.8a.75.75,0,0,1,1.05-.15Zm3.3,9.6a.75.75,0,1,0,0,1.5h6a.75.75,0,0,0,0-1.5ZM16,11a.75.75,0,0,1,.75-.75h6a.75.75,0,0,1,0,1.5h-6A.75.75,0,0,1,16,11Zm.75,6.75a.75.75,0,0,0,0,1.5h6a.75.75,0,0,0,0-1.5Z' transform='translate(-4 -2)' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.mypage_link a.qna {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.047' height='30' viewBox='0 0 30.047 30'%3E%3Cpath id='bubble-chat' d='M8.009,8V9.5H4.254A2.254,2.254,0,0,0,2,11.757V26.03a2.254,2.254,0,0,0,2.254,2.254H7.889a.751.751,0,0,1,.652.378L9.809,30.88a2.254,2.254,0,0,0,3.913,0l1.268-2.219a.751.751,0,0,1,.652-.378h8.142a2.254,2.254,0,0,0,2.254-2.254v-1.5h3.756a2.254,2.254,0,0,0,2.254-2.254V8a2.254,2.254,0,0,0-2.254-2.254H26.158a.751.751,0,0,1-.652-.378L24.238,3.151a2.254,2.254,0,0,0-3.913,0L19.057,5.37a.751.751,0,0,1-.652.378H10.263A2.254,2.254,0,0,0,8.009,8ZM22.934,3.9a.751.751,0,0,0-1.3,0L20.362,6.115A2.253,2.253,0,0,1,18.405,7.25H10.263A.751.751,0,0,0,9.512,8V9.5H23.784a2.254,2.254,0,0,1,2.254,2.254V23.025h3.756a.751.751,0,0,0,.751-.751V8a.751.751,0,0,0-.751-.751H26.158A2.253,2.253,0,0,1,24.2,6.115ZM14.019,19.269a.751.751,0,1,0-.751-.751A.751.751,0,0,0,14.019,19.269Zm3.756-.751a.751.751,0,1,1-.751-.751A.751.751,0,0,1,17.775,18.518Zm-6.761.751a.751.751,0,1,0-.751-.751A.751.751,0,0,0,11.014,19.269Z' transform='translate(-2 -2.016)' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.mypage_link a.notice {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath id='sign-hanging' d='M21.305,6.768a3.333,3.333,0,1,0-6.611,0L7.683,13H4.667A1.667,1.667,0,0,0,3,14.667V31.333A1.667,1.667,0,0,0,4.667,33H31.333A1.667,1.667,0,0,0,33,31.333V14.667A1.667,1.667,0,0,0,31.333,13H28.317Zm-1.639-.434A1.667,1.667,0,1,1,18,4.667,1.667,1.667,0,0,1,19.667,6.333Zm.956,2.057a3.334,3.334,0,0,1-5.246,0L10.192,13H25.808Z' transform='translate(-3 -3)' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.mypage_link a.terms {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath id='info' d='M34,19A15,15,0,1,1,19,4,15,15,0,0,1,34,19ZM18.063,10.562A.938.938,0,1,1,19,11.5.938.938,0,0,1,18.063,10.562ZM19,28.375a.938.938,0,0,1-.937-.937V16.188a.938.938,0,1,1,1.875,0v11.25A.938.938,0,0,1,19,28.375Z' transform='translate(-4 -4)' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.mypage_link a.calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cg id='calendar-check' transform='translate(-1)'%3E%3Cpath id='�⑥뒪_246' data-name='�⑥뒪 246' d='M12.293,10.293,9,13.586,7.707,12.293a1,1,0,0,0-1.414,1.414l2,2a1,1,0,0,0,1.414,0l4-4a1,1,0,0,0-1.414-1.414Z'/%3E%3Cpath id='�⑥뒪_247' data-name='�⑥뒪 247' d='M15,2h2.5A1.538,1.538,0,0,1,19,3.5v15A1.538,1.538,0,0,1,17.5,20H2.5A1.538,1.538,0,0,1,1,18.5V3.5A1.538,1.538,0,0,1,2.5,2H4V1A1,1,0,0,1,6,1V2h7V1a1,1,0,0,1,2,0Zm2,16H3V8H17Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.footer_button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  line-height: 70px;
  color: #fff;
  display: block;
  background-color: rgba(0, 0, 0, .2);
  width: 100%;
  border: 0;
  font-size: 16px;
  font-weight: 900;
}
.footer_button.bg_white {
  background-color: rgba(255, 255, 255, .05);
}

.formWrap {
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 15px;
  position: relative;
  transition: all .5s;
  margin-bottom: 30px;
}

.formWrap>input[type=text],
.formWrap>select,
.formWrap>textarea {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  border: 0;
  width: 100%;
  height: 60px;
  outline: none;
  font-size: 14px;
  color: #fff;
  padding: 0 50px 0 20px;
  box-sizing: border-box;
  font-weight: 900;
}

.formWrap>textarea {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 200px;
}

.formWrap>select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.25' height='5' viewBox='0 0 6.25 5'%3E%3Cpath id='�ㅺ컖��_3' data-name='�ㅺ컖�� 3' d='M3.125,0,6.25,5H0Z' transform='translate(6.25 5) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
}

.formWrap:hover {
  border: 1px solid rgba(255, 255, 255, 1);
}

.formWrap>input[type=text]::placeholder,
.formWrap>textarea::placeholder {
  color: rgba(255, 255, 255, .7);
  font-weight: 400;
}

.formWrap:hover>.inputTitle {
  color: rgba(255, 255, 255, 1);
}

.inputTitle {
  background-color: #172B7E;
  position: absolute;
  
  color: rgba(255, 255, 255, .4);
  height: 16px;
  font-size: 14px;
  line-height: 14px;
  padding: 0 10px;
  top: -8px;
  left: 10px;
  font-weight: 900;
  transition: all 1s;
}
.inputTitle.bg_black{
  background-color: #000;
}
.inputIcon {
  position: absolute;
  right: 20px;
  top: 18px;
}

i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

i.user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.679' height='16' viewBox='0 0 15.679 16'%3E%3Cg id='user_1_' data-name='user (1)' transform='translate(-4.16 -4)'%3E%3Cpath id='�⑥뒪_239' data-name='�⑥뒪 239' d='M16,8a4,4,0,1,1-4-4A4,4,0,0,1,16,8Z' transform='translate(0)' fill='%23fff'/%3E%3Cpath id='�⑥뒪_240' data-name='�⑥뒪 240' d='M6.929,14.862A8.162,8.162,0,0,1,12,13a8.161,8.161,0,0,1,5.071,1.862,8.68,8.68,0,0,1,2.689,3.49,1.157,1.157,0,0,1-.205,1.182A1.389,1.389,0,0,1,18.5,20H5.5a1.389,1.389,0,0,1-1.055-.466,1.157,1.157,0,0,1-.205-1.182A8.679,8.679,0,0,1,6.929,14.862Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

i.phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.912' height='16' viewBox='0 0 14.912 16'%3E%3Cpath id='�⑥뒪_241' data-name='�⑥뒪 241' d='M14.113,11.136c-.967-.827-1.947-1.327-2.9-.5l-.57.5c-.417.362-1.193,2.054-4.191-1.395s-1.214-3.981-.8-4.34l.573-.5c.95-.827.591-1.869-.094-2.941L5.72,1.308C5.032.238,4.283-.464,3.331.362l-.515.45a4.83,4.83,0,0,0-1.883,3.2c-.343,2.272.74,4.873,3.222,7.727s4.906,4.29,7.2,4.265a4.843,4.843,0,0,0,3.425-1.419l.516-.45c.95-.825.36-1.666-.608-2.494Z' transform='translate(-0.872 0)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

i.code {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='18' viewBox='0 0 13.5 18'%3E%3Cpath id='�⑥뒪_73' data-name='�⑥뒪 73' d='M14.75,0A6.759,6.759,0,0,0,8,6.75c0,4.846,6.289,10.915,6.556,11.171a.278.278,0,0,0,.388,0C15.211,17.665,21.5,11.6,21.5,6.75A6.759,6.759,0,0,0,14.75,0Zm0,9.844A3.094,3.094,0,1,1,17.844,6.75,3.094,3.094,0,0,1,14.75,9.844Z' transform='translate(-8)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

i.set {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='filter' d='M.563,2.931H9.127a2.62,2.62,0,0,0,5.117,0h3.194a.562.562,0,1,0,0-1.124H14.244a2.62,2.62,0,0,0-5.117,0H.563a.562.562,0,1,0,0,1.124ZM13.18,2.363Zm4.258,12.21H14.244a2.62,2.62,0,0,0-5.117,0H.563a.562.562,0,1,0,0,1.124H9.127a2.62,2.62,0,0,0,5.117,0h3.194a.562.562,0,1,0,0-1.124Zm0-6.383H8.873a2.62,2.62,0,0,0-5.117,0H.563a.562.562,0,1,0,0,1.124H3.756a2.62,2.62,0,0,0,5.117,0h8.564a.562.562,0,1,0,0-1.124Z' transform='translate(0.248 18) rotate(-90)' fill='%23ddcdc3'/%3E%3C/svg%3E%0A");
}

i.back {
  background-image: url("data:image/svg+xml,%3Csvg id='right-arrow_1_' data-name='right-arrow (1)' xmlns='http://www.w3.org/2000/svg' width='9.4' height='16' viewBox='0 0 9.4 16'%3E%3Cg id='洹몃９_126' data-name='洹몃９ 126'%3E%3Cpath id='�⑥뒪_234' data-name='�⑥뒪 234' d='M101.733,7.376l7.12-7.12a.877.877,0,0,1,1.238,0l.524.524a.876.876,0,0,1,0,1.238L104.637,8l5.986,5.986a.877.877,0,0,1,0,1.238l-.524.524a.877.877,0,0,1-1.238,0l-7.127-7.127a.883.883,0,0,1,0-1.242Z' transform='translate(-101.478)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

i.markerModify {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.931' height='18' viewBox='0 0 16.931 18'%3E%3Cpath id='�⑥뒪_2603' data-name='�⑥뒪 2603' d='M39.656,21.015v1.078a.254.254,0,0,1-.121.216l-.516.318-.358.863.14.588a.254.254,0,0,1-.067.238l-.763.763a.254.254,0,0,1-.238.067l-.59-.141-.864.357-.317.516a.254.254,0,0,1-.216.121h-1.08a.254.254,0,0,1-.216-.121l-.317-.516-.864-.357-.59.141a.254.254,0,0,1-.238-.067l-.763-.763a.254.254,0,0,1-.067-.238l.14-.588-.358-.863-.516-.318a.254.254,0,0,1-.121-.216V21.015a.254.254,0,0,1,.121-.216l.516-.318.358-.863-.14-.589a.254.254,0,0,1,.068-.238l.763-.762a.254.254,0,0,1,.238-.067l.59.14.864-.357.317-.515a.254.254,0,0,1,.216-.121h1.08a.254.254,0,0,1,.216.121l.317.515.864.357.59-.14a.254.254,0,0,1,.238.067l.763.762a.254.254,0,0,1,.068.238l-.14.589.358.863.516.318a.254.254,0,0,1,.121.216Zm-2.329.538a2.122,2.122,0,1,0-2.122,2.12A2.123,2.123,0,0,0,37.327,21.554Zm-6.778,2.273.058-.245-.088-.212-.216-.133a1.352,1.352,0,0,1-.639-1.143V21.015a1.352,1.352,0,0,1,.639-1.143l.216-.133.088-.212-.058-.246a1.348,1.348,0,0,1,.065-.816,3.622,3.622,0,1,1,2.157-1.59,1.348,1.348,0,0,1,.158.027l.248.059.214-.088.132-.214a1.352,1.352,0,0,1,1.144-.639h1.08a1.349,1.349,0,0,1,.809.273,7.8,7.8,0,0,0,.116-1.326,6.973,6.973,0,0,0-13.945,0,10.163,10.163,0,0,0,2.168,5.888,34.554,34.554,0,0,0,4.057,4.513c.2.193.387.38.568.56a.254.254,0,0,0,.358,0c.184-.183.377-.373.577-.569l.369-.363a1.332,1.332,0,0,1-.274-1.168Z' transform='translate(-22.725 -8.001)' fill='%23ddcdc3'/%3E%3C/svg%3E%0A");
}

.ButtonInput {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 80px;
  height: calc(100% + 2px);
  border-radius: 15px;
  border: 1px solid #fff;
  background-color: #243B9F;
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  line-height: 60px;
  text-align: center;
}

span.TimerText {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 65px;
  height: calc(100% + 2px);
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  color: #E6655A;
  line-height: 60px;
}