/*!
Theme Name: fastpost_kook
Theme URI: https://zanpress.com/
Author: zanpress.com
Author URI: https://zanpress.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fastpost
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

fastpost is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

@font-face {
  font-family: 'JSArirangPPURI-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangPPURI-RegularA1.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --color_main: #0e74b6;
  --color_main10: #0e74b610;
  --color_main30: #0e74b630;
  --color_main50: #0e74b650;
  --color_main_hover: #268acb;
  --color_sub: #ebc2b4;
  --color_orange: #ff9800;
  --color_red: #ff3c69;
  --color_green: #1bc949;
  --color_bg: #ffffff;
  --color_grey: #60798d;
  --color_white_tran80: rgb(255 255 255 / 80%);
  --color_black: #000000;
  --color_black_tran0: rgb(0 0 0 / 0%);
  --color_black_tran2: rgb(0 0 0 / 2%);
  --color_black_tran5: rgb(0 0 0 / 5%);
  --color_black_tran10: rgb(0 0 0 / 10%);
  --color_black_tran15: rgb(0 0 0 / 15%);
  --color_black_tran30: rgb(0 0 0 / 30%);
  --color_black_tran50: rgb(0 0 0 / 50%);
  --color_black_tran65: rgb(0 0 0 / 65%);
}

* {
  box-sizing: border-box;
  outline: none;
  word-break: break-all;
}

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

a {
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

button,
.bt_link {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  background: var(--color_main);
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 8px;
  height: 48px;
  border: 0px solid rgba(0, 0, 0, 0.1);
  line-height: normal;
  justify-content: center;
}

body .mejs__button>button {
  border-radius: 0;
}

input,
textarea,
select {
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #ffffff;
  width: 100%;
}

textarea {
  width: 100%;
  max-width: 100%;
  padding: 10px;
}

button,
input,
textarea,
select {
  font-family: 'Noto Sans KR', sans-serif;
}

input[type=text]:read-only,
input[type=email]:read-only {
  color: var(--color_grey);
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 20px;
}

h1 {
  font-size: 42px;
  font-weight: 700;
}

h2 {
  font-size: 32px;
  font-weight: 600;
}

h3 {
  font-size: 22px;
  font-weight: 600;
}

h3.blue {
  color: var(--color_main);
}

h4.grey {
  color: var(--color_grey);
}

h4.grey span {
  color: var(--color_main);
}

h3.arirang {
  font-size: 28px;
  font-family: 'JSArirangPPURI-Regular', serif;
  font-weight: 600;
}

h4 {
  font-size: 18px;
  font-weight: 500;
}

body.disablescroll {
  overflow-y: hidden;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
  ;
  margin: 0;
  color: #000000;
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  /* min-width: 820px; */
}

span.blue {
  color: var(--color_main);
}

img {
  max-width: 100%;
  height: auto;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

img.alignleft {
  float: left;
  margin-right: 15px;
}

img.alignright {
  float: right;
  margin-left: 15px;
}

#install_container.hidden {
  display: none;
}

button.appInstall {
  font-size: 15px;
  min-width: 120px;
  padding: 0 20px;
  height: 48px;
  background: var(--color_main);
  width: 100%;
  max-width: 400px;
  font-weight: 500;
}

#install_container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.60);
}

.install_container_close {
  width: 100%;
  height: 100%;
}

.install_pop {
  margin: 0px auto;
  width: 100%;
  max-width: 1000px;
  background-color: var(--color_bg);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 24px;
}

.install_content {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.install_content span#noth {
  cursor: pointer;
  text-decoration: underline;
  color: var(--color_grey);
  font-size: 14px;
}

.install_content h2 {
  font-weight: 400;
  padding: 0 20px;
  word-break: keep-all;
  line-height: 1.4;
  font-size: 17px;
}

.drop_start {
  cursor: pointer;
}

.drop_start::after {
  content: '';
  width: 14px;
  height: 14px;
  background-image: url('/wp-content/themes/fastpost_kook/img/arrow_dropdown.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  opacity: .3;
}

.dropWrap {
  position: relative;
}

.dropWrap .dropList {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  box-shadow: 0 16px 16px -1px rgb(10 22 70 / 10%), 0 0 5px 0 rgb(10 22 70 / 6%);
  border-radius: 8px;
  padding: 10px 0;
  overflow: hidden;
  background: #fff;
}

.dropWrap .dropList a {
  display: block;
  padding: 8px 20px;
  min-width: 200px;
}

.dropWrap .dropList a:hover {
  background: var(--color_black_tran5);
}

#loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}

#loaderIMG {
  background-image: url('https://s3bakdol.s3.ap-northeast-2.amazonaws.com/wp-content/uploads/2022/06/03063620/loader.gif');
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 40px;
}

.placecat {
  margin: 0 0 10px;
  white-space: nowrap;
  overflow-y: auto;
}

.placecat a {
  border-right: 1px solid var(--color_black_tran15);
  padding: 0 10px;
  color: var(--color_grey);
}

.placecat a:hover {
  color: var(--color_black);
}

.placecat a:last-child {
  border-right: 0;
}

.searchform {
  position: relative;
  z-index: 9;
}

.searchform button {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--color_black_tran0);
  height: 100%;
  width: 50px;
}

.searchform button svg {
  width: 22px;
  height: 22px;
  color: var(--color_black_tran50);
  opacity: .6;
}

.formRow {
  display: flex;
  margin: 0 0 30px;
  flex-direction: column;
  /* align-items: center; */
}

.formRow label {
  display: block;
  color: var(--color_main);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
}

.submitRow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.submitRow p {
  max-width: 80%;
}

.submitRow button {
  max-width: 60%;
  width: 100%;
}

.labelRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
}

.labelRow.radioRow {
  justify-content: flex-start;
}

.labelRow label.radio {
  display: flex;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  color: var(--color_black);
  font-size: 16px;
}

.labelRow input[type=text],
.labelRow input[type=date],
.labelRow select {
  width: calc(100% - 100px);
}

.accordion_tem,
.list_tem {
  border-bottom: 1px solid var(--color_black_tran10);
}

.speechbubble {
  padding: 0 40px;
}

.speechbubble p em {
  font-size: 35px;
}

.speechbubble p {
  /* font-family: 'JSArirangPPURI-Regular', serif; */
  font-size: 20px;
}

.list_tem {
  display: flex;
  cursor: pointer;
  padding: 30px 0;
  width: 100%;
}

.list_tem:hover h3 {
  color: var(--color_main);
}

.list_thumbnail {
  flex: 0 0 120px;
}

.list_thumbnail img {
  width: 80px;
  height: auto;
}

.accordion_tem.active {
  padding: 20px 0;
}

.popContent .modal_egg {
  display: block;
}

.icontitle img {
  width: auto;
  height: 80px;
}

.modal_start {
  cursor: pointer;
}

.modal_egg {
  display: none;
}

.modal_egg h3 {
  color: var(--color_main);
  font-family: 'JSArirangPPURI-Regular', serif;
  cursor: pointer;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
}

.modal_egg h2 {
  display: flex;
  margin-bottom: 30px;
  line-height: normal;
}

.modal_egg h2 label {
  font-family: inter, sans-serif;
  ;
  font-size: 28px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color_orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.modal_egg h2 {
  font-family: 'JSArirangPPURI-Regular', serif;
  cursor: pointer;
  margin: 0;
  font-size: 32px;
}

.list_tem h3 {
  font-family: 'JSArirangPPURI-Regular', serif;
  cursor: pointer;
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
}

.accordion_tem h3 svg {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  fill: var(--color_grey);
  opacity: .3;
}

.accordion_tem.active h3 svg,
.accordion_tem:hover h3 svg {
  opacity: .7;
}

.accordion_tem h3 {
  cursor: pointer;
  margin: 0;
  font-family: 'JSArirangPPURI-Regular', serif;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  height: 70px;
}

.accordion_tem h4 {
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  height: 45px;
}

.expect {
  color: var(--color_grey);
}

.accordion_tem.active h4,
.accordion_tem:hover h4,
.accordion_tem.active h3,
.accordion_tem:hover h3 {
  color: var(--color_main);
}

.accordion_tem.active .accordion_tem_desc {
  display: block;
}

.accordion_tem_desc {
  display: none;
  color: var(--color_grey);
}

.accordion_tem_desc_control {
  text-align: center;
}

.accordion_tem_desc button {
  margin: 0 auto;
  height: 50px;
  border-radius: 32px;
  width: 50%;
}

.accordion_tem_desc p {
  margin-top: 0px;
}

.accordion_tem_desc p strong {
  font-weight: 600;
  color: var(--color_main);
}

.accordion_tem_desc a {
  text-decoration: underline;
}

.bt_single {
  text-align: center;
}

.bt_single .bt_link {
  min-width: 200px;
  padding: 0 30px;
  border-radius: 32px;
}

/**popstart**/
.popLayer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color_black_tran65);
  z-index: 999;
  overflow-y: scroll;
}

.popGround {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: var(--color_bg);
  border-radius: 16px 16px 0 0;
}

.popSizeMini .popControl {
  display: flex;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
}

.popSizeMini .popControl button.popClose {
  background: var(--color_black_tran10);
  color: var(--color_black);
}

#selectGong.popSizeMini .popControl button.popClose {
  background: var(--color_sub);
}

.popSizeMini .popControl button.skip {
  background: var(--color_main);
  color: #fff;
}

.popSizeMini .popControl button,
.popSizeMini .popControl a.btlink {
  background: var(--color_sub);
  color: var(--color_black);
  width: 100%;
  line-height: 1.2;
  font-size: 13px;
  border-radius: 0;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#popnotice.popSizeMini .popContent{
  padding: 20px;
  text-align: left;
}
#popnotice .popControl{
  border-radius: 0;
}
#popnotice a.btlink {
  text-decoration: none;
  border-radius: 8px;
  height: 48px;
}

#tlgPopup.popSizeMini .popContent,
#trainingSelfcheck.popSizeMini .popContent {
  text-align: left;
}

#markerResult.popSizeMini .popContent {
  color: var(--color_black);
  padding: 28px;
}

#selectedImg {
  position: relative;
  display: flex;
  height: 150px;
  width: 100%;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--color_black_tran15);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
}

.classhidden {
  display: none;
}

#selectedImg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

#selectedImg button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: var(--color_black_tran50);
  z-index: 2;
  font-size: 11px;
  height: 28px;
  padding: 0 8px;
}

#selectedImg button:hover {
  background: var(--color_black);
}

.popSizeMini .popContent {
  text-align: center;
  color: var(--color_grey);
  padding: 40px 40px 30px;
}

.popSizeMini .popContent p.blue {
  color: var(--color_main);
}

.popSizeMini .popContent p.desc {
  font-size: 14px;
}

.popSizeMini .popContent p span.blueNum {
  color: var(--color_main);
  font-weight: 600;
  font-size: 18px;
}

.popSizeMini .popContent p span.redNum {
  color: var(--color_red);
  font-weight: 600;
  font-size: 18px;
}

.popSizeMini .popContent .quote {
  position: relative;
  border: 2px solid var(--color_black);
  color: var(--color_black);
  padding: 20px;
  font-size: 15px;
}

.popSizeMini .popContent .quote.textarea {
  padding: 0px;
}

.popSizeMini .popContent .quote.textarea textarea {
  border: 0;
  padding: 20px;
}

.popSizeMini .popContent .quote.textarea textarea::placeholder:after {
  content: '11';
  color: red;
}

.popSizeMini .popContent .quote .quoteLabel {
  position: absolute;
  background: #fff;
  left: 10px;
  top: -15px;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  font-size: 16px;
  padding: 0 10px;
}

.popSizeMini .popContent a {
  text-decoration: underline;
}

.popSizeMini h3 {
  color: var(--color_black);
  font-family: 'JSArirangPPURI-Regular', serif;
  /* cursor: pointer; */
  margin: 0;
  font-size: 27px;
  line-height: 1.3;
}

.popSizeMini h3 strong {
  color: var(--color_main);
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 80%;
}

.popContent .midtitle {
  margin: 30px 0 20px;
}

.popContent .midtitle h3 {
  color: var(--color_main);
  font-family: 'Noto Sans KR', sans-serif;
  border-bottom: 2px solid var(--color_main)
}

.popContent .midtitle P {
  margin: 10px 0;
}

.popSizeMini.sizeOverMedium .popGround {
  top: auto;
  max-width: 600px;
  margin: 100px auto;
}

.popSizeMini.sizeOverLarge .popGround {
  top: auto;
  max-width: 900px;
  margin: 100px auto;
}

.popSizeMini .popGround {
  border-radius: 16px;
  width: calc(100% - 30px);
  max-width: 400px;
  min-height: auto;
  margin: 0 auto;
  top: 20%;
}

.popSizeMini .popVoid {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.popXbt svg,
.popXbt svg path {
  fill: #fff;
}

.popXbt {
  position: absolute;
  right: 20px;
  top: -50px;
  transform: translateX(-0%);
  width: 40px;
  height: 40px;
  padding: 6px;
  background: var(--color_black_tran0);
  border-radius: 50%;
  cursor: pointer;
}

.popVoid {
  display: block;
  width: 100%;
  height: 70px;
}

.popContent {
  padding: 40px 20px;
  max-width: 800px;
  margin: 0 auto;
}

.popForm .formdiv {
  margin: 20px auto;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.popForm .formdiv label,
.popForm .formdiv .gongitem {
  display: block;
  cursor: pointer;
  padding: 8px 0;
}

.popForm .gongitem {
  cursor: pointer;
}

.popForm .gongitem.active {
  background: var(--color_main);
  color: #fff;
}

#trainingFinishReview.popLayer .popForm {
  text-align: left;
}

.popForm h4 {
  color: var(--color_black);
  font-family: 'JSArirangPPURI-Regular', serif;
  font-size: 24px;
}

.popForm .rainbowdiv {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popForm .rainbowdiv .rainbowopt {
  width: 76%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 2px #000;
  margin: 0 5px;
}

.popForm .rainbowdiv .rainbowopt.vertical {
  flex-direction: column;
}

.popForm .rainbowdiv .rainbowopt label input {
  display: none;
}

.popForm .rainbowdiv .rainbowopt label {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px;
  width: 100%;
  box-shadow: 0 0 0 1px var(--color_black_tran65);
}

.popForm .rainbowdiv .rainbowopt label.active {
  background: var(--color_main);
  color: #fff;
}

.popForm .rowdiv label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: var(--color_black);
  font-weight: 600;
  font-size: 17px;
}

.popForm.sansserifLabel .rowdiv label {
  justify-content: flex-start;
  margin-bottom: 10px;
}

.popForm .rowdiv .inputbox {
  padding: 0 15px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.popForm .rowdiv .inputbox span.desc {
  margin-top: 8px;
  text-align: center;
  opacity: .5;
  font-weight: 400;
  font-size: 13px;
}

.popForm .rowdiv .inputbox input {
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid var(--color_black);
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.popForm .rowbetween {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.popForm .rowbetween a {
  text-decoration: none;
}

.popForm .rowbetween .radioopt label input {
  margin-right: 5px;
}

.popForm .rowbetween .radioopt label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-left: 12px;
  cursor: pointer;
}

/**popend**/

.select2-container>* {
  border-color: rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px;
  right: 10px;
}

.select2-container .select2-selection--single {
  height: 44px;
  border-radius: 8px;
  border-color: rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px;
}

.acf-input-wrap input {
  font-size: 16px !important;
  height: 44px;
}

.acf-image-uploader .hide-if-value p {
  font-size: 0;
}

.acf-image-uploader .hide-if-value p a {
  font-size: 15px !important;
  font-weight: 500;
}

.acf-image-uploader .hide-if-value a.acf-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  border-radius: 8px;
  border: 1px dashed rgba(0, 0, 0, 0.1);
}

.acf-image-uploader .image-wrap {
  max-width: 100% !important;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.acf-image-uploader .show-if-value.image-wrap img {
  width: 100%;
  object-fit: cover;
}

.acf-image-uploader .show-if-value.image-wrap .acf-actions a:first-child {
  display: none;
}

.acf-image-uploader .show-if-value.image-wrap .acf-actions.-hover {
  height: auto;
}

.acf-image-uploader .show-if-value.image-wrap .acf-actions a.acf-icon.dark {
  background: rgb(0 0 0 / 20%);
  color: #fff;
}

form#acf-form .acf-fields>.acf-field {
  padding: 0 0 15px;
}

input,
select {
  height: 44px;
  border-radius: 8px;
  padding: 0 10px;
}

/* input[type=file]{
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 10px;
} */
input:disabled {
  color: #999 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-text-fill-color: #222222;
  -webkit-box-shadow: 0 0 0px 1000px aliceblue inset;
  transition: background-color 5000s ease-in-out 0s;
}

.bt_link {
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  background: var(--color_black_tran10);
  color: var(--color_black);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 32px;
  margin: 0 auto;
}

.bt_link.bt_blue {
  background: var(--color_main);
  color: #fff;
}

input[type=submit].bt_sub,
input[type=submit].bt_sub:hover {
  background: var(--color_black_tran10);
  color: var(--color_black);
}

input[type=submit]:hover,
.bigbluebt:hover {
  background: var(--color_main_hover);
}

p.submitwrrap {
  padding: 20px 0 0;
}

.bigbluebt.limit {
  background: var(--color_black_tran15);
  color: var(--color_black);
}

input[type=submit],
.bigbluebt,
.tml-submit-wrap button {
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  background: var(--color_main);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border: 0;
  border-radius: 32px;
  margin: 0 auto;
  font-size: 16px;
}

.bigbluebt.biggreybtoverlap {
  background: var(--color_black_tran30);
}

.bigbluebt.bigmainbtoverlap {
  background: var(--color_main30);
  color: var(--color_main);
}

input[type=radio] {
  width: auto;
  height: auto;
  margin: 0 8px 0 0;
}

figure {
  margin: 0;
  max-width: 100%;
}

.iti {
  width: 100%;
}

label.option_title {
  color: var(--color_main);
  font-weight: 600;
  font-size: 20px;
  display: flex;
  margin: 0 0 10px;
}

.option_descrition.outside {
  margin: 10px;
}

.option_descrition {
  color: var(--color_grey);
  font-size: 13px;
  margin: -5px 0 10px;
  display: block;
  word-break: keep-all;
}

.option_descrition span {
  color: var(--color_main);
  font-weight: 500;
}

body.disablescroll {
  overflow-y: hidden;
}

table {
  width: 100%;
  font-size: 15px;
}

table td,
table th {
  padding: 14px 10px;
  text-align: left;
}

table tbody tr {
  box-shadow: 0 1px 0 0 var(--color_black_tran15);
}

.table-responsive tfoot {
  display: none;
}

.table-responsive {
  min-width: 570px;
}

.mycred-history-wrapper {
  overflow-x: auto;
}

body.single-training .page-header {
  text-align: center;
}

body.single-training .page-header h2 {
  margin: 0;
  text-transform: uppercase;
}

body.single-training .page-header h1 {
  word-break: keep-all;
  margin: 0 auto 10px;
  position: relative;
  color: #000;
  font-size: 36px;
  font-family: 'JSArirangPPURI-Regular', serif;
  font-weight: 600;
  line-height: 1.3;
}

.guideBox {
  display: flex;
  background: #fff;
  box-shadow: 0 3px 12px 0 rgb(0 0 0 / 10%);
  padding: 15px;
  border-radius: 8px;
  font-size: 14px;
}

.guideBox .playtime {
  flex: 0 0 110px;
  color: var(--color_main);
  padding: .8em 0;
}

.guideBox .playtime h3 {
  font-weight: 700;
  line-height: normal;
  margin: 0 0 10px;
}

.guideBox .description {
  width: 100%;
}

.guideBox .description .tlgPopup_bt {
  color: var(--color_main);
  margin-bottom: 1em;
}

#vidlist {
  display: block;
}

#vidlist .item.active {
  background: var(--color_sub);
}

#vidlist .item {
  padding-right: 20px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  margin: 0 0 12px;
  border-radius: 8px;
  background: var(--color_black_tran5);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

#vidlist .item .action_bt {
  cursor: pointer;
  color: var(--color_main);
  margin-left: auto;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}

#vidlist .item .action_bt.action_gong {
  font-size: 13px;
}

#vidlist .item .subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color_main);
  color: #fff;
  height: 100%;
  min-width: 60px;
  font-size: 12px;
  border-radius: 8px 0 0 8px;
  margin-right: 12px;
}

#vidlist .item .title .gong_title {
  display: block;
  margin: 5px 0 0;
  font-size: 13px;
  font-weight: 500;
  opacity: .6;
}

.stateControlBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.courseFinish {
  margin: 20px auto;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.courseFinish p {
  max-width: 250px;
}

.courseFinish img {
  width: 100px;
}

.courseFinish p {
  opacity: .5;
  line-height: 1.3;
}

.courseFinish button {
  width: 100%;
  max-width: 400px;
  min-width: 200px;
  border-radius: 32px;
  padding: 0 20px;
}

body .woocommerce-checkout #payment div.payment_box {
  background: var(--color_sub);
}

body .woocommerce-checkout #payment div.payment_box::before {
  border-bottom: 1em solid var(--color_sub);
}

.page-header.woocommerce-products-header {
  flex-direction: row;
}

.woocommerce-Price-currencySymbol {
  display: none;
}

.page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 10px 0 20px;
}

.page-header p {
  margin-bottom: 0;
}

.page-header p.description {
  color: var(--color_grey);
  font-size: 14px;
  word-break: keep-all;
  /* text-align: justify; */
}

.page-header select {
  height: 30px;
  padding: 0 10px;
  border-radius: 3px;
  background: aliceblue;
  border: 0;
}

.page-header .filter-box {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.page-header .page-title {
  word-break: keep-all;
  margin: 0 auto;
  position: relative;
  color: #000;
  font-size: 40px;
  font-family: 'JSArirangPPURI-Regular', serif;
  font-weight: 600;
  text-align: center;
}

.page-header.woocommerce-products-header .page-title {
  margin: 0;
}

.page-header .page-title center {
  line-height: 1.2em;
}

.month_vid {
  background: #f5e7de;
  padding: 20px 15px;
  margin: 0 -15px 50px;
}

.month_vid h3 {
  margin: 0 0 15px;
  font-weight: 500;
}

.month_vid .iframe_warrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.2%;
}

.month_vid iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.title_desc {
  font-size: 16px;
}

.title_desc h3 {
  font-size: 18px;
  font-weight: 500;
}

.title_desc p.blue {
  color: #0e74b6;
}

.title_desc p span {
  color: #154488;
  font-weight: 500;
}

.play_meta svg {
  width: 34px;
  height: 34px;
  fill: #fff;
  margin-right: 10px;
}

.play_meta {
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  background: #0e74b6;
  color: #fff;
  border-radius: 8px;
  margin: 0 0 15px;
  padding: 15px;
}

ul#vidlist li {
  cursor: pointer;
  background: #f5e7de;
  border-radius: 4px;
  margin: 0 0 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  overflow: hidden;
}

ul#vidlist li.active {
  background: #0e74b6;
  color: #fff;
}

ul#vidlist li img {
  height: 75px;
  width: 75px;
  object-fit: cover;
}

ul#vidlist li .play_title {
  display: flex;
  align-items: center;
  padding: 10px;
  line-height: 18px;
}

h1.page-title {
  margin: 0 0 20px;
  font-size: 22px;
  line-height: 1.4em;
}

h2.page-title {
  margin: 0 0 20px;
  font-size: 17px;
}

h2.hrstyletitle {
  font-size: 20px;
  border-top: 2px dotted var(--color_black_tran15);
  padding: 40px 0 0;
  margin: 0 0 20px;
}

.archive-description {
  font-size: 11px;
  color: var(--color_grey);
  margin: -10px 0 30px;
  line-height: 1.5;
}

.site-header {
  width: 100%;
  /* min-width: 820px; */
  position: sticky;
  top: 0;
  background: #ffffff;
  border-bottom: 0;
  z-index: 99;
}

.site-header.fix {
  background: #ffffff;
  box-shadow: 0 3px 8px 2px rgb(0 0 0 / 8%);
}

.langBar {
  position: relative;
  display: flex;
  max-width: 130px;
  width: 100%;
  height: 30px;
}

.langBar .switcher {
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.langBar .switcher .selected {
  width: 100%;
  display: inline-flex;
}

.langBar .switcher .selected a {
  color: var(--color_black);
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  padding: 0 10px;
  border: 0;
}

.langBar .switcher .option {
  width: 100%;
}

.langBar .switcher .selected a img,
.langBar .switcher .option a img {
  margin-right: 5px;
  border-radius: 3px;
}

.langBar .switcher .option {
  border: 0;
}

.langBar .switcher .option a {
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.langBar .switcher .selected {
  position: relative;
  z-index: 9999;
  background: var(--color_black_tran5);
}

.fix .langBar .switcher .selected a:hover {
  background: var(--color_black_tran5);
}

body.page-id-135 .site-header,
body.page-id-135 footer,
body.page-id-135 .control_trigger {
  display: none;
}

.site-header.change::before {
  display: none;
}

.site-header-inner {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
  width: 100%;
  justify-content: space-between;
}

.site-header a {
  height: 40px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: var(--color_main);
  ;
}

.site-header.change .site-branding {
  height: 60px;
}

.site-header .site-branding {
  display: flex;
  align-items: center;
  padding: 0 20px 0 0;
  font-size: 21px;
  font-weight: bold;
  height: 70px;
  white-space: nowrap;
}

.site-header .site-branding a svg {
  height: 40px;
  width: auto;
  fill: var(--color_main);
  ;
}

.search_part_total {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}

.search_part_total form {
  width: 100%;
  position: relative;
}

.search_part_total form button svg {
  width: 16px;
  margin-top: 1px;
  fill: #888;
}

.search_part_total form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  border: 0;
  background: transparent;
  padding: 0;
}

.search_part_total form input {
  height: 36px;
  width: 100%;
  background: aliceblue;
  border: 0;
  font-size: 15px;
  padding: 0 10px;
  border-radius: 5px;
}

.search_part_total select {
  height: 36px;
  background: aliceblue;
  border: 0;
  margin-left: 10px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 13px;
}

.classselect form ul li {
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.classselect form ul li label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.classselect form ul li label input {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

label.input_style {
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

label.input_style.input_appendLabel {
  position: relative;
}

label.input_style.input_appendLabel {
  outline: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

label.input_style.input_appendLabel input {
  border: 0;
  padding-right: 90px;
}

label.input_style.input_appendLabel .input_label {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 70px;
  background: #f5f5f5;
  border-radius: 0 8px 8px 0;
  font-size: 90%;
}

.withdrawForm {
  max-width: 420px;
  margin: 0 auto;
}

.withdrawForm p {
  margin-bottom: 30px;
}

.withdrawForm .calc_curreny {
  display: flex;
  align-items: center;
}

.withdrawForm #apply_curreny {
  margin-left: auto;
  font-size: 20px;
  font-weight: 600;
  color: var(--color_main);
  margin-right: 4px;
}

.sub_trigger a.nickname_link {
  display: flex;
  align-items: center;
}

.sub_trigger a.nickname_link .avatar {
  border-radius: 50%;
  height: 52px;
  width: 52px;
  object-fit: cover;
}

.sub_trigger a.nickname_link .currentProfile {
  line-height: 1.3;
  color: var(--color_grey);
  font-size: 13px;
  font-weight: 400;
}

.sub_trigger a.nickname_link .currentProfile span {
  color: var(--color_black);
  font-size: 18px;
}

.sub_trigger a.nickname_link img,
.sub_trigger a.nickname_link svg {
  margin-right: 10px;
}

.site-header .sub_trigger a {
  margin: 0 0 0 15px;
  font-weight: 600;
  white-space: nowrap;
}

.site-header .sub_trigger a:first-child {
  margin: 0 0 0 30px;
}

.site-header .sub_trigger a:hover {
  text-decoration: underline;
}

.search_part form svg {
  width: auto;
  height: 13px;
}

.site-header .sub_trigger {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.site-header .sub_trigger #wpsvccount {
  display: none;
}

.site-header .sub_trigger #mvcwid {
  padding: 0;
  white-space: nowrap;
  margin-left: 30px;
}

.site-header .sub_trigger #wpsvctable>div#wpsvcviews {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: var(--color_main);
  ;
}

.site-header .sub_trigger #wpsvctable {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
}

.site-header .sub_trigger #wpsvctable>div {
  margin-left: 6px;
  background: #222;
  color: #fff;
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 11px;
  font-family: verdana, sans-serif;
  letter-spacing: 0;
}

nav#site-navigation {
  width: 100%;
}

.main-navigation .menu-gnb-container,
.main-navigation .menu-gnb-zh-container,
.main-navigation .menu-gnb-ja-container,
.main-navigation .menu-gnb-en-container {
  margin: 0 -11px;
}

.main-navigation ul {
  display: flex;
}

.main-navigation ul li {
  display: flex;
  align-items: center;
}

.main-navigation ul li.end {
  margin-left: auto;
}

.main-navigation ul li.tag a {
  color: var(--color_main);
  ;
}

.main-navigation ul li.all::after,
.main-navigation ul li.division::before {
  content: '';
  width: 1px;
  height: 15px;
  background: rgba(0, 0, 0, 0.10);
  margin: 0 6px;
}

.main-navigation ul li a {
  padding: 0 11px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-post-ancestor a {
  position: relative;
  color: var(--color_main);
  ;
}

.main-navigation ul li.current-menu-item a::after,
.main-navigation ul li.current-post-ancestor a::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: calc(100% - 24px);
  height: 3px;
  background: var(--color_main);
  ;
}

.site-content {
  min-height: 100vh;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 15px 80px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.site-content>div#primary.row {
  max-width: 100%;
  flex: 0 0 100%;
  padding-right: 0;
  border-right: 0;
}

.site-content aside#secondary {
  width: 100%;
}

.site-content aside#secondary section {
  margin-bottom: 35px;
}

.bakempty {
  font-weight: normal;
  font-size: 90%;
  color: var(--color_grey);
  margin: 30px 0;
}

.bakempty svg {
  opacity: .1;
  width: 125px;
  height: auto;
  margin: 20px 0;
}

.mytr {
  z-index: 99;
  position: fixed;
  left: 0;
  bottom: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
}

.mytr a {
  max-width: 570px;
  width: 100%;
}

.mytr button {
  height: 50px;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .05), 0 6px 32px 0 rgba(18, 43, 70, .1);
  color: var(--color_main);
  ;
  background: rgb(255 222 23 / 95%);
  border-radius: 8px;
}

.bp-messages-wrap .bulk-message form ul.send-to li input,
.bp-messages-wrap .bulk-message form ul.options li input {
  width: auto;
}

.bp-messages-wrap .list .messages-stack .pic img,
.bp-messages-wrap .chat-header .bbpm-avatar .avatar,
.bp-messages-wrap .pic img {
  border-radius: 50%;
}

.bp-messages-wrap .threads-list .empty .bpbm-empty-link {
  display: none;
}

.bbpm-avatar {
  overflow: hidden !important;
}

body .chat-header .avatar.bbpm-avatar {
  display: none;
}

.chargeList {
  display: block;
}

.chargeItem {
  display: flex;
  align-items: center;
  margin: 35px 0;
  cursor: pointer;
}

.chargeItem:hover {
  color: var(--color_main);
}

.chargeItem .price {
  margin-left: auto;
  font-size: 20px;
  font-weight: 600;
}

.chargeItem .price .currencySymbol {
  margin-right: 5px;
}

.chargeItem h4.title {
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
}

.chargeItem h4.title::before {
  content: '';
  background-image: url('/wp-content/themes/fastpost_kook/img/soom.svg');
  background-size: cover;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  display: inline-flex;
}

.chargeItem h4.title span {
  margin-left: 10px;
  font-size: 17px;
  font-weight: 500;
  display: none;
}

.linkList a {
  display: block;
  padding: 15px 10px;
  font-size: 17px;
}

.linkList a:hover {
  color: var(--color_main);
}

/**시작화면시작**/
.launcherRoad {
  margin: 0 0 30px;
}

.helloBox {
  max-width: 450px;
  margin: 0 auto;
}

.roadmap.practice ul li {
  flex: 0 0 20%;
  padding: 15px 0;
}

.roadmap ul {
  display: flex;
  flex-wrap: wrap;
}

.roadmap.practice ul {
  justify-content: space-around;
}

.roadmap ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 33.333%;
  padding: 40px 0;
  font-size: 14px;
}

.roadmap ul li.special {
  flex: 0 0 100%;
  padding-top: 0;
}

.roadmap ul li#orn73.special::after {
  display: none;
}

.roadmap.before ul li::after {
  background-image: none;
}

.roadmap.depth2 ul li::after {
  display: none;
}

.roadmap ul li.bottomleft::after {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  transform: none;
  height: 25px;
  width: 25px;
  background-image: url('/wp-content/themes/fastpost_kook/img/arrow_bottomleft.svg');
  margin-bottom: -15px;
  z-index: 1;
  opacity: .6;
}

.roadmap ul li.bottom::after {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(0%);
  height: 30px;
  width: 30px;
  background-image: url('/wp-content/themes/fastpost_kook/img/arrow_bottom.svg');
  margin-bottom: -10px;
  z-index: 1;
  opacity: .6;
}

.roadmap ul li.left::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  height: 30px;
  width: 30px;
  background-image: url('/wp-content/themes/fastpost_kook/img/arrow_left.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: -15px;
  z-index: 1;
  opacity: .6;
}

.roadmap ul li.left::after {
  display: none;
}

.roadmap ul li::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  height: 30px;
  width: 30px;
  background-image: url('/wp-content/themes/fastpost_kook/img/arrow_right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: -15px;
  z-index: 1;
  opacity: .6;
}

.roadmap ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.roadmap ul li a .desc {
  word-break: keep-all;
  line-height: 1.2;
  height: 38px;
  overflow: hidden;
  margin: 0 0 2px;
  text-align: left;
  font-size: 13px;
}

.roadmap ul li.level a .egg span {
  font-size: 30px;
  margin: 2px 0 -5px;
  font-family: 'JSArirangPPURI-Regular', serif;
}

.roadmap ul li a .egg span {
  font-size: 30px;
  margin: 2px 0 -5px;
  font-family: 'JSArirangPPURI-Regular', serif;
}

.roadmap ul li.special.bottom::after {
  left: 16.66%;
  transform: translateX(-50%) translateY(-100%);
}

.roadmap ul li.special a .egg span.specialAvatar {
  margin: 0;
  position: static;
  width: 100%;
  background-color: var(--color_main);
  background-image: url('/wp-content/themes/fastpost_kook/img/Najanew.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-top: 30%;
}

.roadmap ul li.special#orn73 a .egg span.specialAvatar {
  background-image: url('/wp-content/themes/fastpost_kook/img/master_upperbody@3x.png');
}

.roadmap ul li.special a .egg .speDesc {
  padding: 20px;
}

.roadmap ul li.special a .egg {
  width: 100%;
  height: auto;
  max-width: 500px;
  background-image: none;
  background-color: rgba(238, 238, 238, 0.6);
  border-radius: 12px;
  overflow: hidden;
  align-items: flex-start;
  flex-direction: column;
  text-align: justify;
  line-height: 1.4;
  font-weight: 400;
  font-size: 14px;
  flex: 0 0 auto;
}

.roadmap ul li a .egg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 0 82px;
  width: 82px;
  height: 82px;
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 8px;
  box-shadow: 0 3px 4px 2px rgb(0 0 0 / 7%);
  border-radius: 50%;
}

.roadmap ul li a .egg .lock {
  position: absolute;
  right: 4px;
  bottom: 4px;
  border-radius: 8px;
  background: #000;
  width: 21px;
  height: 21px;
  background-color: rgb(255 255 255 / 100%);
  background-image: url('/wp-content/themes/fastpost_kook/img/icon_lock.svg');
  border: 1px solid var(--color_grey);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}

.roadmap ul li.zero {
  padding: 0px 0 40px;
}

.roadmap ul li.about {
  padding: 30px 0;
}

.roadmap ul li.about a .egg {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_black.svg');
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}

.roadmap ul li.practice a .egg {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_yellow.svg');
}

.roadmap ul li.test a .egg {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_grey.svg');
  color: #fff;
  font-size: 18px;
  font-size: 22px;
  font-family: 'JSArirangPPURI-Regular', serif;
}

.roadmap ul li.completed a .egg {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_blue.svg');
  color: #fff;
}

.roadmap ul li.trial a .egg {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_black.svg');
  color: #fff;
}

/**depth2start**/
.roadmap.practice ul li.open a .egg {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_whitegrey.svg');
  color: #fff;
}

.roadmap.practice ul li.open a .egg.bonus {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level.svg');
  color: #fff;
}

.roadmap.practice ul li.open a .egg.bonus.iamdone {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_yellow.svg');
}

.roadmap.practice ul li.open a .iamdone {
  background-image: url('/wp-content/themes/fastpost_kook/img/bg_level_yellow.svg');
  color: #fff;
}

/**depth2end**/

.roadmap ul li a .period::before {
  background-image: url('/wp-content/themes/fastpost_kook/img/icon_time.svg');
}

.roadmap ul li a .payment::before {
  background-image: url('/wp-content/themes/fastpost_kook/img/icon_soom.svg');
}

.roadmap ul li a .income::before {
  background-image: url('/wp-content/themes/fastpost_kook/img/icon_soom.svg');
}

.roadmap ul li a .period::before,
.roadmap ul li a .payment::before,
.roadmap ul li a .income::before {
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
}

.roadmap ul li a .period,
.roadmap ul li a .payment,
.roadmap ul li a .income {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 13px;
  line-height: normal;
}

.roadmap ul li a .meta {
  min-height: 46px;
}

.roadmap ul li a .meta>div {
  margin: 1px 0 0;
}

/**newStart**/

.archive_level_meta {
  max-width: 450px;
  margin: 20px auto;
}

.archive_level_meta h1 {
  font-family: 'JSArirangPPURI-Regular', serif;
  font-size: 36px;
  text-align: center;
  line-height: 1.3;
}

.archive_level_meta h4 {
  text-align: center;
  margin-bottom: 10px;
}

.archive_level_meta ul li {
  display: block;
  color: #0e74b6;
  line-height: normal;
  margin: 0 0 5px;
}

.archive_level_meta ul li label {
  margin: 0 10px 0 0;
  font-weight: 600;
  padding: 0 10px 0 0;
  border-right: 2px solid #0e74b6;
}

.tl_guide {
  padding: 20px;
  border: 2px solid var(--color_black);
  margin: 30px 0;
  font-size: 15px;
}

/**newEnd**/

.launcher {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 0px;
}

.launcher .course {
  height: 100%;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}

.launcher .course .item_desc {
  padding: 0 10px 0 20px;
}

.launcher .course h3 {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 18px;
}

.launcher .course .desc h3 {
  color: #154488;
}

.launcher .course p {
  margin: 0 0 15px;
  word-break: keep-all;
}

.launcher .course a.more {
  text-decoration: underline;
  color: #0061ae;
}

.launcher .course button {
  border-radius: 32px;
  background: var(--color_main);
  color: #fff;
  min-width: 150px;
  height: 42px;
  padding: 0 20px;
}

.launcher .course svg {
  fill: #e7c4ae;
  width: auto;
  height: 40px;
}

.launcher .course.symbol svg {
  height: 30px;
}

.launcher .course.white svg {
  fill: var(--color_main);
  ;
}

.launcher .course.white a {
  background: #fff;
  color: var(--color_main);
  ;
}

.launcher .course.grey a {
  background: #939598;
}

.launcher .item {
  display: flex;
  position: relative;
}

.launcher a.icon {
  text-align: center;
  position: relative;
  font-size: 0;
  font-weight: bold;
  color: #fff;
  background: #0e74b6;
  border-radius: 14px;
  height: 70px;
  width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.launcher_points span {
  font-weight: 700;
  font-size: 20px;
  margin-right: 4px;
  color: #0e74b6;
}

.launcher_points a.count {
  color: inherit;
  display: flex;
  align-items: center;
}

.launcher_points a.count::before {
  content: '';
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/wp-content/themes/fastpost_kook/img/soom.svg');
  width: 24px;
  height: 24px;
  margin: 0 6px 0 0;
}

.recommender {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 15px;
  background: aliceblue;
  border-radius: 8px;
  margin: 0 0 15px;
  font-size: 16px;
  word-break: keep-all;
}

.recommender span {
  font-weight: 500;
}

.inviteurl {
  display: flex;
  align-items: center;
  padding: 20px;
  background: aliceblue;
}

.inviteurl input {
  width: 100%;
  margin-right: 8px;
}

.inviteurl button {
  white-space: nowrap;
  background: var(--color_main);
  ;
  color: #fff;
  padding: 0 15px;
}

.current_mypoint.liveclass {
  background: #e2ffef;
}

.current_mypoint.talkclass {
  background: #fbf2ef;
}

.current_mypoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  padding: 15px;
  background: aliceblue;
  border-radius: 8px;
  font-weight: 500;
  font-size: 15px;
}

.current_mypoint span {
  font-weight: 700;
  font-size: 20px;
  margin-right: 5px;
}

.launcher_start video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.launcher_start {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.launcher_start .cover {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 50px;
  padding: 0 15px 0 0;
}

.launcher_start .cover img {
  width: 220px;
  height: auto;
  fill: var(--color_main);
  ;
  margin-right: -20px;
}

.launcher_start button {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 32px;
  height: 42px;
  padding: 0 40px;
  background: var(--color_main);
  ;
}

.audio_start svg.mute {
  display: none;
}

.audio_start.stop svg.mute {
  display: block;
}

.audio_start svg.play {
  display: block;
}

.audio_start.stop svg.play {
  display: none;
}

.audio_start {
  width: 44pt;
  height: 44pt;
  border-radius: 50%;
  background: rgb(0 0 0 / 5%);
  margin-left: 12px;
}

.audio_start svg {
  width: 14px;
  height: 14px;
  fill: var(--color_main);
}

.adminroad {
  margin-left: 15px;
}

.adminroad button {
  width: 44pt;
  height: 44pt;
  border-radius: 50%;
  font-weight: 500;
  font-size: 11px;
  color: var(--color_black);
  background: var(--color_black_tran0);
  padding: 0;
}

.launcher_points a.charge {
  margin-left: auto;
}

.launcher_points a.charge button {
  color: #fff;
  background: #0e74b6;
  padding: 0 14px;
  height: 40px;
}

.launcher_points {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  background: rgb(255 255 255 / 100%);
  font-size: 15px;
  box-shadow: 0 3px 8px 2px rgb(0 0 0 / 8%);
  border-radius: 10px;
  padding: 8px 10px;
}

.launcher_points h2 {
  word-break: keep-all;
  font-size: 18px;
  line-height: 1.3em;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
}

.launcher_points h2 span {
  font-weight: 700;
  color: #0e74b6;
}

.bakslider {
  margin: 0 0 20px;
  box-shadow: 0 3px 12px 0 rgb(0 0 0 / 10%);
  border-radius: 14px;
  overflow: hidden;
}

.bakslider h2 {
  font-weight: 900;
  text-align: center;
}

.bakslider .swiper-pagination {
  text-align: left;
  padding: 0 12px;
}

.bakslider .swiper-pagination-bullet-active {
  border-radius: 16px;
  width: 22px;
  background: #a1a1a1;
}

.saying_box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  background: #ffffff;
  color: #222;
  padding-top: 50%;
  font-size: 17px;
  font-weight: 500;
  border-radius: 14px;
  background-position: center;
  background-size: cover;
}

.saying_text {
  padding: 50px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.saying_box .comma_box {
  margin: 0 auto 0 0;
}

.saying_box .comma_box.bottom {
  margin: 0 0 0 auto;
}

.saying_box svg.comma {
  fill: #fff;
  height: auto;
  width: 40px;
}

.helloBox {
  text-align: center;
}

.helloBox h1,
.helloBox h2 {
  font-family: 'JSArirangPPURI-Regular', serif;
  font-weight: 400;
}

.helloBox h1 {
  font-size: 46px;
}

.helloBox h2 {
  line-height: normal;
}

.helloBox h4 {
  margin: 0;
}

/**시작화면끝**/

.bakaccordion h3.ui-accordion-header:first-child {
  border-top: 0;
}

.bakaccordion h3 {
  position: relative;
  font-size: 20px;
  word-break: keep-all;
}

.bakaccordion h3 span {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
  color: #154488;
}

.bakaccordion h3.ui-state-active span.open {
  display: none;
}

.bakaccordion h3.ui-state-active span.close {
  display: block;
}

.bakaccordion h3.ui-corner-all span.close {
  display: none;
}

.bakaccordion h3.ui-corner-all span.open {
  display: block;
}

.bakaccordion h3.ui-accordion-header,
.bakaccordion_none h3 {
  position: relative;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 500;
  position: relative;
  padding: 20px 0;
  margin: 0;
  border-top: 1px solid #ddd;
}

.bakaccordion h3.ui-accordion-header label {
  display: block;
  max-width: 70%;
  cursor: pointer;
}

.accolink {
  display: flex;
  flex-direction: column;
}

.accolink a {
  font-size: 19px;
  font-weight: 500;
  padding: 0 0 5px 0;
}

.tabeMenu {
  display: flex;
  justify-content: space-between;
}

.tabeMenu button.active {
  box-shadow: inset 0 -4px 0 0px var(--color_black);
  opacity: 1;
}

.tabeMenu button:hover {
  opacity: 1;
}

.tabeMenu button {
  width: 50%;
  background: var(--color_black_tran0);
  color: var(--color_black);
  border-radius: 0;
  font-size: 17px;
  font-weight: 600;
  opacity: .5;
}

.full_map {
  position: relative;
  height: calc(100vh - 119px);
  width: 100vw;
  transform: translateX(-50vw);
  left: 50%;
  top: 0;
  padding: 0;
}

.full_map .acf-map {
  width: 100%;
  height: 100%;
}

.full_map .gm-style .gm-style-iw-c {
  border-radius: 6px !important;
}

.full_map .gm-style .gm-style-iw-t::after {
  display: none !important;
}

.marker_content {
  font-family: 'Noto Sans KR', sans-serif;
  ;
}

.marker_content h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  font-family: inherit;
  text-decoration: none;
}

.message_green {
  display: block;
  color: var(--color_main);
  font-weight: 500;
  font-size: 15px;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--color_main);
  text-align: center;
  margin: 0 0 20px;
}

.message_green.error {
  color: var(--color_red);
  border-color: var(--color_red);
}

.message_green a {
  text-decoration: underline;
}

.quizStyle label.title {
  text-align: center;
  color: var(--color_black);
  font-size: 22px;
}

.quizStyle .answerDum {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin: 30px auto;
}

.quizStyle .labelRow {
  margin: 0 0 20px;
}

.quizStyle .labelRow:last-child {
  margin: 0;
}

.quizStyle center {
  color: var(--color_grey);
}

.quizStyle h3 {
  color: var(--color_main);
  font-family: 'JSArirangPPURI-Regular', serif;
  font-weight: 600;
  font-size: 26px;
}

.quizStyle .radioRow label.radio {
  font-size: 17px;
}

.apply_result {
  text-align: center;
}

.apply_result p strong {
  color: var(--color_main);
}

.apply_result img {
  max-width: 150px;
  margin: 0 0 20px;
}

.apply_result h3.success {
  color: var(--color_main);
}

.apply_result h3 span {
  font-family: initial;
  font-size: 20px;
}

.apply_result h3 {
  font-family: 'JSArirangPPURI-Regular', serif;
}

.apply_result h3 span {
  color: var(--color_main);
  text-decoration: underline;
  margin: 0 10px;
}

.apply_result h3.blue {
  color: var(--color_main);
}

.formStyle {
  padding: 30px 30px 10px;
  background: var(--color_main10);
}

.formStyle p,
.form_style p {
  margin: 0 0 30px;
}

.formStyleA #my_image_upload {
  display: none;
}

.uap_avatar .control_depth1 {
  display: flex;
  flex-direction: column;
  margin: 5px 0 0;
}

.formStyleA .uap_avatar .control_depth1 label {
  cursor: pointer;
  margin: 0;
}

#set_null_avatar {
  cursor: pointer;
  color: var(--color_red);
}

.formStyleA .uap_avatar.set_null #set_null_avatar {
  color: var(--color_grey);
}

.formStyleA .uap_avatar img {
  margin-right: 20px;
  border-radius: 50%;
  box-shadow: 0 0 0px 1px var(--color_black_tran10);
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.formStyleA .uap_avatar.set_null .avatar {
  opacity: .3;
}

.formStyleA .uap_avatar {
  display: flex;
  align-items: center;
}

.formStyleA label {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  margin: 0 0 10px;
  align-items: center;
}

.formStyleA label .description {
  font-weight: 400;
  font-size: 85%;
  color: var(--color_grey);
  margin-left: 5px;
}

.formStyleA h3 {
  color: var(--color_main);
  font-size: 20px;
}

.authorProfile {
  padding: 10px;
}

.authorProfile .avatar {
  border-radius: 50%;
  box-shadow: 0 0 0px 1px var(--color_black_tran10);
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.authorMetaList ul li label {
  width: 100px;
}

.authorMetaList ul li span {
  color: var(--color_main);
}

.authorMetaList ul li {
  display: flex;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid var(--color_black_tran10);
}

.authorAccountSetLink {
  display: flex;
  flex-direction: column;
}

.authorAccountSetLink a:hover {
  color: var(--color_black);
  text-decoration: underline;
}

.authorAccountSetLink a {
  padding: 8px 10px;
  color: var(--color_grey);
  font-size: 90%;
}

.authorMeta .avatar {
  border-radius: 50%;
  width: 64px;
  height: 64px;
  object-fit: cover;
}

.authorName {
  font-size: 15px;
  font-weight: 500;
}

.authorImage {
  text-align: center;
  flex: 0 0 64px;
}

.authorImage .flag {
  font-weight: 600;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}

.authorImage svg {
  margin-top: 8px;
  width: 28px;
  height: auto;
  fill: var(--color_main);
}

.authorMeta {
  display: flex;
  margin: 0 0 20px;
}

.authorMeta .bt_link {
  width: 170px;
  border-radius: 32px;
  height: 36px;
  font-size: 14px;
}

.authorCareer {
  padding-left: 20px;
  width: 100%;
  text-align: left;
}

.popSizeMini .authorCareer a {
  text-decoration: none;
}

.authorCareer ul {
  margin: 10px 0 20px;
}

.authorCareer ul li label {
  width: 60px;
  margin-right: 5px;
  font-weight: 500;
}

.authorCareer ul li {
  margin: 3px 0;
}

.authorLiveClassPost h4 {
  margin: 10px 0 5px;
  text-align: left;
}

.authorLiveClassPost ul li {
  display: block;
}

.popSizeMini .popContent .authorLiveClassPost ul li a:hover {
  text-decoration: underline;
}

.popSizeMini .popContent .authorLiveClassPost ul li a {
  text-decoration: none;
}

.authorLiveClassPost ul li a {
  width: 100%;
  display: flex;
  padding: 3px 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--color_main);
}

#newli {
  font-weight: 500;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 15px;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid #ebebeb;
}

.loadmsg {
  display: flex;
  align-items: center;
}

.loadmsg img {
  width: 25px;
  height: auto;
  margin: 0 10px 0 0;
}

.marker_content img.thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 10px;
}

.marker_content_hedaer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 10px;
  color: #0061ae;
}

ul.boardList.withdraw li a {
  cursor: auto;
  flex-wrap: wrap;
}

ul.boardList.withdraw li .title {
  display: flex;
  flex-direction: column;
}

ul.boardList.withdraw li .title label {
  margin-right: 10px;
  color: var(--color_black_tran50);
}

ul.boardList li.closed {
  opacity: .6;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

ul.boardList li.closed:hover {
  opacity: 1;
}

ul.boardList li {
  border-bottom: 1px solid var(--color_black_tran10);
}

ul.boardList li a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.boardList li a span.submeta {
  white-space: nowrap;
  font-size: 90%;
  opacity: .7;
  margin: 5px 0 0;
}

ul.boardList li a .labelwithtitle {
  display: flex;
  align-items: center;
  width: 100%;
}

ul.boardList li a .labelwithtitle .title {
  font-size: 17px;
  font-weight: 600;
  margin-right: 10px;
}

ul.boardList li a .labelwithtitle .name .avatar {
  border-radius: 50%;
  margin-right: 8px;
  width: 28px;
  height: 28px;
  object-fit: cover;
}

ul.boardList li a .labelwithtitle .name {
  margin-left: auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

ul.boardList li a .labelwithtitle .name .croptext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

ul.boardList li a .label {
  background: var(--color_main);
  color: #fff;
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 5px;
  margin-right: 8px;
  white-space: nowrap;
}

ul.boardList li a .onoff {
  display: flex;
  margin-right: 10px;
}

ul.boardList li a .onoff>div.online {
  background: var(--color_main30);
  color: var(--color_main);
}

ul.boardList li a .onoff>div {
  font-size: 11px;
  padding: 2px 6px;
  background: var(--color_black_tran5);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 2px;
}

ul.boardList li a span.done {
  color: var(--color_main);
}

ul.boardList.withdraw li a .title .wdr_column {
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 15px;
}

ul.boardList.withdraw li a .title .wdr_column .wdr_currency {
  color: var(--color_main);
  font-size: 19px;
  font-weight: 600;
}

ul.boardList.withdraw li a .title .wdr_column label {
  min-width: 110px;
}

ul.boardList.withdraw li a .staicon {
  color: var(--color_black_tran50);
  border: 1px solid var(--color_black_tran50);
  margin: 10px 10px 10px 0;
  padding: 10px 20px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  height: 30px;
  font-size: 13px;
  white-space: nowrap;
}

ul.boardList.withdraw li a .staicon.reject {
  color: var(--color_red);
  border-color: var(--color_red);
}

ul.boardList.withdraw li a .staicon.complete {
  color: var(--color_main);
  border-color: var(--color_main);
}

ul.boardList li a:hover {
  background: var(--color_black_tran2);
}

ul.boardList.placeList li a {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 10px;
}

ul.boardList li a .location {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 10px 0 0;
  font-size: 15px;
}

ul.boardList li a .location .price {
  margin-left: auto;
  font-weight: 600;
  color: var(--color_main);
}

ul.boardList li a {
  padding: 15px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
}

ul.list.newslist li {
  padding: 0px;
}

ul.list.newslist li a {
  padding: 15px;
  display: flex;
  font-weight: 500;
  flex-direction: column;
  font-size: 17px;
}

ul.list.newslist li a span {
  color: #5391b9;
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: normal;
}

ul.list li {
  padding: 0 0 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f5e7de;
  margin: 0 14px 0 0;
  border-radius: 6px;
  overflow: hidden;
  flex: 0 0 200px;
  width: 100%;
}

ul.list li .target_control {
  margin: 0;
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

ul.list li a {
  display: block;
}

ul.list li a .meta_warrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px;
  min-height: 100px;
}

ul.list.classlist {
  display: flex;
  overflow-x: auto;
  padding: 0 0 15px;
  margin: 0 -15px 50px;
}

ul.list.classlist li:first-child {
  margin-left: 15px;
}

ul.list.classlist li button.view {
  background: var(--color_main);
  color: #ffffff;
  height: 100%;
}

ul.list li .target_control a.directlink {
  flex: 0 0 50%;
  height: auto;
}

ul.list.classlist li button {
  width: 100%;
  flex: 0 0 50%;
  color: #fff;
  background: #0e74b6;
  font-weight: 500;
  font-size: 13px;
  height: 42px;
  padding: 0;
  line-height: normal;
  border-radius: 0;
}

ul.list.classlist li button.simplefavorite-button.active {
  opacity: 1;
  color: #0e74b6;
  background: #e2d3c9;
}

ul.list li a .thumb {
  height: 160px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

body.grid-mode ul.list li a .meta_warrap {
  flex: 0 0 100%;
}

body.grid-mode ul.list li a .thumb {
  display: none;
}

ul.list li a div,
ul.list li .remark div {
  font-weight: normal;
}

ul.list li .remark div.title {
  justify-content: center;
  font-weight: normal;
  font-size: 11px;
}

ul.list li .remark {
  display: flex;
  font-size: 11px;
}

ul.list li .number {
  min-width: 50px;
}

ul.list li .title {
  text-align: left;
  padding: 0;
  color: #222;
  word-break: break-all;
}

ul.list li .title span.under_title {
  font-size: 15px;
  line-height: 1.5em;
  color: #555;
  word-break: keep-all;
}

ul.list li .title span.cc,
ul.grid li a .title span.cc {
  color: #ea4434;
  font-weight: 600;
  margin-left: 5px;
  font-family: arial, sans-serif;
  font-size: 12px;
}

ul.list li .title span.ifimg {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
}

ul.list li .title span.ifimg img {
  height: 12px;
  width: auto;
  margin-left: 5px;
}

ul.list li .views {
  margin-left: auto;
}

ul.list li .date.comment_date {
  margin-left: auto;
  white-space: nowrap;
}

ul.list li .category {
  text-align: left;
  color: #555;
  margin-top: 10px;
  font-size: 13px;
}

ul.list li .author {
  display: flex;
  align-items: center;
  color: #222;
  margin: 0 0 5px;
}

ul.list li .author span.classnb {
  opacity: .6;
  font-style: italic;
}

ul.list li .author svg,
ul.list li .author img,
ul.grid li .author img,
ul.grid li .author svg {
  height: auto;
  width: 16px;
  margin-right: 3px;
  border-radius: 0;
}

ul.list li .author div.mycred-all-my-ranks,
ul.list li .author div.mycred-all-my-ranks .mycred-my-rank {
  padding: 0;
}

ul.list li .remark div.author {
  color: #222222;
  font-weight: normal;
}

ul.grid {
  display: grid;
  grid-template-columns: 33.333% 33.333% 33.333%;
  grid-gap: 20px;
  justify-content: center;
  padding: 0 20px;
}

ul.grid li a {
  display: inline-block;
  width: 100%;
}

ul.grid li a .thumb-warrap {
  position: relative;
  padding-top: 90%;
}

ul.grid li a .thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}

ul.grid li a span.ifimg {
  align-items: center;
  display: flex;
  margin-left: 5px;
}

ul.grid li a span.ifimg img {
  height: 12px;
  width: auto;
  border-radius: 0;
}

ul.grid li a .title {
  margin: 3px 0;
}

ul.grid li a:hover span.under_title {
  text-decoration: underline;
  color: var(--color_main);
  ;
}

ul.grid li a .title span.under_title {
  font-weight: 600;
  text-overflow: ellipsis;
  max-width: 150px;
}

ul.grid li .author {
  color: #222;
  font-size: 12px;
  margin: 5px 0 0;
  display: flex;
  align-items: center;
}

.wp-pagenavi {
  display: flex;
  margin: 20px 0;
  justify-content: space-between;
  flex-flow: wrap;
}

.wp-pagenavi a.previouspostslink {
  order: -2;
  flex: 0 0 calc(50% - 5px);
  margin-right: 5px;
}

.wp-pagenavi a.nextpostslink {
  order: -1;
  width: 100%;
}

.wp-pagenavi a.nextpostslink.together {
  width: auto;
  flex: 0 0 calc(50% - 5px);
  margin-left: 5px;
}

.entry-title {
  font-size: 25px;
  letter-spacing: -1px;
  margin-top: 0;
  line-height: 1.4;
  word-break: break-word;
}

h3.entry-title {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: -5px;
  color: #0e74b6;
}
.entry-content {
  word-break: break-word;
  line-height: 1.7;
  font-size: 16px;
  margin: 0 0 40px;
  width: 100%;
}

.entry-content .vidbg {
  margin: 0 0 10px;
  top: 0;
  z-index: 99;
}

.vidbg .mejs-button>button {
  border-radius: 0;
}

.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-content .single-gallery img {
  width: 100%;
}

.entry-content iframe {
  width: 100%;
}

.entry-content p.origin {
  font-size: 11px;
}

.entry-content p.origin a {
  color: #222;
}

.entry-content .author_edit {
  margin: 50px 0 0;
}

.entry-notice {
  display: inline-block;
  width: 100%;
}

.entry-notice p:first-child {
  margin-top: 0;
}

.entry-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 0 40px;
}

.entry-count {
  color: var(--color_grey);
  font-size: 15px;
}

.entry-count span {
  font-weight: 700;
}

.entry-tags {
  display: inline-block;
  width: 100%;
  margin: 0 0 50px;
  color: var(--color_main);
  ;
  font-weight: 600;
  line-height: 1.7;
}

.entry-tags a {
  margin-right: 8px;
  color: var(--color_main);
  ;
}

.entry-tags a:hover {
  text-decoration: underline;
}

.single-header {
  position: relative;
  margin: 0 0 15px;
}

.single-header.author-meta h1 {
  font-size: 25px;
  letter-spacing: -1px;
  margin: 0 0 15px;
  line-height: 1.4;
  word-break: break-word;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.single-header.author-meta h1 .label.closed {
  opacity: .6;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.single-header.author-meta h1 .label {
  background: var(--color_main);
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
  margin-right: 8px;
}

.single-header.author-meta .authorAvatar {
  display: flex;
  justify-content: center;
}

.single-header.author-meta .authorAvatar .name {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}

.single-header.author-meta .authorAvatar .name span {
  font-size: 15px;
  font-weight: 400;
  color: var(--color_main);
}

.single-header.author-meta .authorAvatar .name:hover span {
  text-decoration: underline;
}

.single-header.author-meta .authorAvatar .name .avatar {
  border-radius: 50%;
  margin-bottom: 5px;
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.single-header.author-meta .location {
  display: flex;
  align-items: center;
}

.single-header.author-meta .location .price {
  margin-left: auto;
  font-weight: 600;
  font-size: 18px;
  color: var(--color_main);
}

.single-header.author-meta .location .onoff {
  display: flex;
  margin-right: 10px;
}

.single-header.author-meta .location .onoff>div.online {
  background: var(--color_main30);
  color: var(--color_main);
}

.single-header.author-meta .location .onoff>div {
  padding: 2px 6px;
  background: var(--color_black_tran5);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 2px;
  font-size: 14px;
}

.catlist{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px;
  padding: 20px 0;
  margin: 0 0 20px;
}
.catlist a{
  width: 100%;
  background: var(--color_black_tran5);
  padding: 10px;  
  border-radius: 8px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catlist a.active{
  background: var(--color_main);
  color: var(--color_bg);
}

.entry-meta {
  margin: 0 0 10px;
  display: flex;
  align-items: center;
}

.entry-meta div {
  margin: 0 0 0 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 0 0 10px;
}

.entry-meta div.rank {
  display: flex;
}

.entry-meta div.author,
.entry-meta div.author a {
  display: flex;
  align-items: center;
}

.entry-meta div.author a img,
.entry-meta div.author a svg {
  margin: 0 5px 0 0;
  height: 16px;
  width: auto;
}

.entry-meta div.author a {
  color: var(--color_main);
  ;
}

.entry-meta div.author a:hover {
  text-decoration: underline;
}

.entry-meta div:first-child {
  margin: 0;
  padding: 0;
  border-left: 0;
}

.likebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--color_grey);
  font-size: 14px;
}

.likebox button.simplefavorite-button {
  position: relative;
  max-width: 200px;
  width: 100%;
  height: 50px;
  color: var(--color_main);
  background: #fff;
  border: 1px solid var(--color_black_tran10);
  opacity: 1;
  border-radius: 32px;
  font-weight: 500;
  margin: 0 0 20px;
}

.likebox button.simplefavorite-button.active svg {
  fill:var(--color_red);
  opacity: 1;
}

.likebox button.simplefavorite-button svg {
  width: auto;
  height: 18px;
  fill: var(--color_grey);
  opacity: .3;
  margin: 0 10px 0 -20px;
}

.singleauthortitle {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px;
  padding: 0 30px;
}

.account_count {
  display: flex;
  align-items: center;
}

.account_count a {
  font-weight: 600;
  margin: 0 15px 0 0;
}

.account_count a:hover {
  text-decoration: underline;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  font-weight: normal;
}

.wp-pagenavi a:hover {
  background: #e8e8e8;
}

.wp-pagenavi span.current {
  background: #222;
  color: #fff;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  display: flex;
}

.wp-pagenavi a.first,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.last {
  font-size: 11px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  padding: 0 4px 2px;
  margin: 5px 0;
  border: 0;
  border-radius: 3px;
  color: #222222;
  background: aliceblue;
  min-width: 10%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

#select_user_to_edit_form {
  display: none;
}

.parts_section {
  background: aliceblue;
  padding: 15px;
  position: relative;
}

.wppb-required {
  display: none;
}

.wppb-description-delimiter {
  font-size: 11px;
  color: #999;
  width: 100%;
  margin: 5px 0 0;
}

.wppb-form-error {
  color: #999;
  width: 100%;
  margin: 5px 0 0;
  color: #ea4434;
}

.form-submit {
  margin-bottom: 0;
}

.form-submit .submit,
.acf-form-submit input,
#wppb-loginform p #wppb-submit {
  cursor: pointer;
  color: #ffffff;
  background: var(--color_main);
  ;
  border-radius: 8px;
  border: 0;
  height: 46px;
  cursor: pointer;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
}

.author_edit ul {
  display: flex;
  align-items: center;
}

.author_edit ul li {
  margin: 0 5px 0 0;
}

.author_edit button {
  background: aliceblue;
  width: 45px;
  min-height: 28px;
}

.acf-field textarea {
  border-radius: 3px;
  font-family: roboto, 'Noto Sans KR', sans-serif;
  ;
  font-size: 13px !important;
}

.parts_section #acf-form {
  margin: 0 auto;
  max-width: 608px;
}

.parts_section #acf-form .acf-fields {
  display: flex;
  flex-direction: column;
}

.parts_section #acf-form .acf-fields>.acf-field {
  padding: 0 0 20px;
  border-top: 0;
}

.parts_section #acf-form .acf-fields>.acf-field.acf-field-5e1dfc71148a5 {
  order: -3;
}

.parts_section #acf-form .acf-fields>.acf-field.acf-field-5e78ef39307e8 {
  order: -2;
}

.parts_section #acf-form .acf-fields>.acf-field.acf-field-5e7670d1e6326 {
  order: -1;
}

.parts_section #acf-form .acf-fields>.acf-field.acf-field-5e7676c387552 {
  margin: -10px 0 0;
  padding: 0 0 10px;
  text-align: left;
  color: var(--color_grey);
}

.parts_section #acf-form .wp-media-buttons .add_media span.wp-media-buttons-icon {
  display: none;
}

.parts_section #acf-form .wp-media-buttons .insert-media {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  min-height: 30px;
  margin: 5px 0 0;
}

.acf-actions.-hover {
  display: flex !important;
  height: 100%;
  align-items: center;
}

.acf-actions.-hover .acf-icon.small:hover {
  background: var(--color_main);
  ;
}

.acf-actions.-hover .acf-icon.small {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wppb_form_general_message,
.wppb-error,
.wppb-success {
  margin: 0 auto 20px;
  padding: 10px;
  text-align: center;
  border: 0 solid #222;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  color: #ffffff;
  background: var(--color_main);
  ;
}

#wppb_form_general_message.wppb-error,
.wppb-error {
  background: #dc3232;
}

.wppb-error a {
  color: #fff;
}

.upload-field-details p {
  font-size: 11px;
  color: #999;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

.wppb_upload_button {
  height: 30px;
  width: calc(100% - 95px);
  border-radius: 0 3px 3px 0;
}

.upload-field-details .file-name {
  display: none;
}

#wppb_general_top_error_message {
  font-weight: bold;
  margin-top: 0;
}

.comment-respond {
  position: relative;
  margin: 0 0 10px;
}

.comment-respond textarea {
  font-family: roboto, 'Noto Sans KR', sans-serif;
  min-width: 100%;
  max-width: 100%;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}

.comment-respond .form-submit .submit {
  border-radius: 32px;
  font-weight: 400;
  margin: 0 0 0 auto;
  max-width: 30%;
  height: 42px;
}

ol.comment-list li {
  padding: 20px;
  border-bottom: 1px solid var(--color_black_tran10);
}

ol.comment-list li:last-child {
  border-bottom: 0;
}

ol.comment-list li .comment-meta {
  display: flex;
  align-items: center;
  width: 100%;
}

ol.comment-list li .comment-control a.cdel {
  border-right: 1px solid var(--color_black_tran15);
  padding-right: 10px;
  margin-right: 10px;
}

ol.comment-list li .comment-control {
  font-size: 13px;
  color: var(--color_grey);
  opacity: .5;
  margin-left: auto;
  display: flex;
  align-items: center;
  line-height: 15px;
}

ol.comment-list li .author-name {
  display: flex;
  margin-right: 10px;
  flex-direction: column;
}

ol.comment-list li .author-name .username {
  font-weight: 500;
  font-size: 15px;
}

ol.comment-list li .author-name .username .userlogin {
  font-weight: 400;
  font-size: 88%;
  color: var(--color_grey);
  margin-left: 3px;
}

ol.comment-list li .avatar {
  border-radius: 50%;
  margin-right: 8px;
}

ol.comment-list li .comment-date {
  font-size: 80%;
  color: var(--color_grey);
  opacity: .5;
}

#kakao-talk-channel-chat-button {
  position: relative;
  display: flex;
  max-width: 100%;
  width: 100%;
  height: 58px;
  background-color: #ffdf2c;
  border-radius: 8px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
}

#kakao-talk-channel-chat-button svg {
  position: absolute;
  height: 28px;
  width: auto;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

#kakao-talk-channel-chat-button a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#kakao-talk-channel-chat-button a img {
  display: none;
}

footer {
  padding: 30px 0 120px;
  margin: 0px 0 0;
  color: rgb(0 0 0 / 50%);
  font-size: 12px;
  background: #ffffff;
}

footer .site-header-inner {
  flex-direction: column;
}

footer .site-header-inner p {
  text-align: justify;
  word-break: keep-all;
}

ul#footer-menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px;
}

ul#footer-menu li {
  margin-right: 20px;
}

ul#footer-menu li a {
  display: flex;
  align-items: center;
  height: 30px;
}

footer .footer-menu {
  display: flex;
  align-items: center;
  margin-left: auto;
}

footer .footer-menu a {
  margin-left: 25px;
  color: rgb(0 0 0 / 50%);
}

.control_trigger {
  z-index: 999;
  position: fixed;
  left: 0;
  bottom: 15px;
  width: 100%;
  padding: 0 15px;
}

.control_trigger .control_trigger_inner.icons {
  box-shadow: 0 3px 8px 2px rgb(0 0 0 / 8%);
  border-radius: 8px;
  display: flex;
  background: rgb(0 0 0 / 50%);
  align-items: center;
  margin: 0 auto 10px;
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  max-width: 570px;
}

.control_trigger .control_trigger_inner.icons a {
  color: #fff;
  height: 72px;
  flex: 0 0 33.3333%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-direction: column;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
}

.control_trigger .control_trigger_inner.box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 570px;
  margin: 0 auto;
}

.control_trigger .control_trigger_inner.box a:first-child {
  flex: 0 0 40%;
  margin-right: 8px;
}

.control_trigger .control_trigger_inner.box a:last-child {
  width: 100%;
}

.control_trigger .control_trigger_inner.box a button {
  color: #000;
  background: var(--color_sub);
  line-height: normal;
  width: 100%;
  padding: 10px;
  text-align: left;
  justify-content: center;
  min-height: 50px;
  height: auto;
  font-size: 12px;
  word-break: keep-all;
  box-shadow: 0 3px 8px 2px rgb(0 0 0 / 8%);
}

.control_trigger .control_trigger_inner.box a button svg {
  fill: #000;
  height: 20px;
  width: auto;
  margin: 0 7px 0 0;
}

.control_trigger a span {
  margin: 0 0 0 3px;
  display: flex;
  align-items: center;
  font-family: verdana, sans-serif;
  background: rgb(0 0 0 / 0%);
  color: #222;
  min-width: 17px;
  height: 15px;
  border-radius: 5px;
  justify-content: center;
  letter-spacing: 0;
  font-size: 12px;
  padding: 0 4px;
  font-weight: 600;
}

.control_trigger a svg {
  fill: #0e74b6;
  width: auto;
  height: 36px;
  margin: 0 0 8px;
}

.search_part {
  display: flex;  
  justify-content: center;
  width: 100%;
  padding: 10px;
  margin: 20px 0;
}

.acf-taxonomy-field .categorychecklist-holder {
  max-height: 100% !important;
  border: 0 !important;
  margin: 0 0;
}

.acf-taxonomy-field .acf-checkbox-list::after,
.acf-taxonomy-field .acf-checkbox-list::before {
  display: none;
}

.acf-taxonomy-field ul.acf-checkbox-list,
ul.acf-radio-list {
  display: grid;
  grid-template-columns: 33.333% 33.333% 33.333%;
  grid-gap: 4px;
  justify-content: center;
  padding: 0 6px !important;
}

.acf-field-5e78ef39307e8 ul.acf-radio-list {
  grid-template-columns: 50% 50%;
  padding: 0 2px !important;
}

.acf-bl:after {
  display: none !important;
}

#filter-format {
  display: flex;
  padding: 0 !important;
}

ul.acf-checkbox-list li[data-id="3"] {
  display: none;
}

ul.acf-checkbox-list li {
  width: 100%;
}

ul.acf-checkbox-list li label.selected span,
div.acf-field-radio ul li label.selected {
  background-color: var(--color_main);
  ;
  color: #fff;
}

ul.acf-checkbox-list li label span,
div.acf-field-radio ul li label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 3px;
  height: 36px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

ul.acf-checkbox-list li label input[type="radio"],
div.acf-field-radio ul li label input[type="radio"] {
  display: none;
}

.upload-field-details .file-type {
  display: none;
}

.popular-box h2,
.category-box h2,
.comments-box h2,
.tag-box h2 {
  font-size: 17px;
  margin: 0 0 20px;
}

.popular-box,
.category-box,
.tag-box {
  margin: 0px 0px 35px 0;
}

.popular-box ul li {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 0 12px;
  margin: 0 0 12px;
}

.popular-box ul li::before {
  font-weight: bold;
  margin: 0 8px 0 0;
  font-size: 15px;
  color: var(--color_main);
  ;
  width: 18px;
  text-align: center;
}

.category-box ul li:first-child a {
  padding-top: 0;
}

.category-box ul li a:hover {
  text-decoration: underline;
}

.category-box ul li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 13px;
}

.category-box ul li.current-cat a {
  color: var(--color_main);
  ;
}

.category-box ul li a .count {
  float: right;
  font-weight: 400;
}

.category-box ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.category-box ul li.current-cat ul.children,
.category-box ul li.current-cat-parent ul.children {
  display: block;
}

.category-box ul li ul.children {
  display: none;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0 8px;
}

.category-box ul li ul.children li {
  list-style-type: none;
}

.category-box ul li ul.children li:last-child {
  border-bottom: 0;
}

.category-box ul li ul.children li a {
  font-weight: 400;
  padding: 8px 0 8px 12px;
}

.category-box ul li ul.children li.current-cat a {
  font-weight: 700;
}

ul.wpp-grid li a:hover .under_title {
  text-decoration: underline;
  color: var(--color_main);
  ;
}

ul.wpp-grid li a {
  display: block;
}

ul.wpp-grid li a .under_title {
  font-weight: 600;
  line-height: 1.5;
}

.upload-field-details {
  display: flex !important;
  height: 30px;
  align-items: center;
  padding: 0 !important;
  width: calc(100% - 95px);
  background: #ffffff;
  border-radius: 0 3px 3px 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.upload-field-details img {
  box-shadow: none !important;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.file-thumb {
  width: 22px;
  height: 22px;
  margin: 0 5px;
}

div.mce-toolbar-grp {
  border-bottom: 0 !important;
}

div.mce-toolbar-grp>div {
  padding: 0 !important;
}

body#tinymce {
  font-size: 13px;
}

.widget-title {
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 20px;
}

.login_box {
  padding: 0 0px;
  margin: 0 auto;
  max-width: 370px;
}

.sub_discription {
  color: var(--color_grey);
  font-size: 11px;
}

.login_box select {
  border-radius: 3px;
  border-color: rgba(0, 0, 0, 0.1);
  height: 40px;
  min-width: 60px;
  cursor: pointer;
  padding: 0 10px;
  width: 100%;
}

.login_box label {
  margin: 0 0 10px;
  display: block;
}

.tml .tml-label {
  margin: 0 0 10px;
  display: block;
}

.tml-rememberme-wrap {
  display: none;
}

.tml-submit-wrap {
  padding: 20px 0 0;
}

.malinky-load-more a {
  margin: 20px auto 0;
  display: flex;
  background: var(--color_black_tran5);
  justify-content: center;
  align-items: center;
  height: 46px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  max-width: 60%;
}

.standardpage h2 {
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: auto 3rem;
}

.workout_start {
  text-align: center;
  padding: 30px 0;
}

.moretext {
  position: relative;
  height: 80px;
  overflow: hidden;
  border-bottom: 0;
  border-radius: 16px;
  padding: 0 15px;
}

.moretext::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 18px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgb(0 0 0 / 8%) 60%, rgb(0 0 0 / 15%) 80%, rgb(0 0 0 / 20%) 100%);
  border-radius: 0 0 18px 18px;
  opacity: .7;
}

.moretext.fullview {
  height: auto;
}

.readmorebt {
  width: 130px;
  margin: 0px auto 20px;
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 0 0 30px 30px;
  padding-bottom: 5px;
  background: var(--color_main);
}

.workout_start p {
  font-weight: 500;
  margin: 0;
  padding: 0 20px;
  border-radius: 8px;
  word-break: break-word;
  text-align: justify;
}

.workout_start h2 {
  font-size: 24px;
}

.workout_start svg {
  width: auto;
  height: 45px;
  fill: #0e74b6;
}

.workout_start svg.hand {
  fill: var(--color_main);
  ;
  width: 130px;
  height: auto;
  margin: 20px 0;
}

.append_mywork_rice_more {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 15px;
  padding: 0 7.5px;
  justify-content: center;
  margin-top: 15px;
}

.append_mywork_rice_more a {
  width: 100%;
}

.append_mywork_rice_more a button {
  width: 100%;
}

.append_mywork_rice_more a:last-child button {
  background: var(--color_main);
  ;
  color: #fff;
}

.append_mywork_rice ul.list_rice {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 15px;
  padding: 0 7.5px;
  justify-content: center;
}

.append_mywork_rice ul.list_rice li .rice_pic {
  display: block;
  position: relative;
  padding-top: 85%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 8px;
}

.append_mywork_rice ul.list_rice li .rice_pic a.deletbt {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}

.append_mywork_rice ul.list_rice li .rice_pic a.deletbt button {
  width: 28px;
  height: 28px;
  background: rgb(0 0 0 / 20%);
  border-radius: 50%;
}

.append_mywork_rice ul.list_rice li .rice_pic a.deletbt button svg {
  width: 85%;
  height: 85%;
  fill: #fff;
}

.append_mywork_rice ul.list_rice li .rice_pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.append_mywork_rice ul.list_rice li .rice_meta {
  font-weight: 600;
  text-align: left;
  margin: 0 0 .5em;
}

.append_mywork_rice ul.list_rice li .rice_meta .mysay {
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 15px;
  line-height: 1.4;
}

.append_mywork_rice ul.list_rice li .rice_meta .date,
.append_mywork_rice ul.list_rice li .rice_meta .favorited {
  font-weight: normal;
  font-size: 14px;
  color: var(--color_grey);
  display: block;
  margin: 5px 0 0;
}

.append_mywork {
  margin: 30px 0;
}

.append_mywork ul.list {
  margin: 20px 0 0;
}

.append_mywork ul.list li {
  font-size: 17px;
  font-weight: 500;
  padding: 15px 50px 15px 15px;
  margin: 0 0 10px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  word-break: keep-all;
}

.append_mywork ul.list li button svg {
  width: 85%;
  height: 85%;
  fill: #fff;
}

.append_mywork ul.list li a {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -14px;
  width: auto;
}

.append_mywork ul.list li button {
  width: 28px;
  height: 28px;
  background: rgb(83 145 185 / 20%);
  border-radius: 50%;
}

.append_mywork ul.list li span.mysay {
  text-decoration: underline;
  font-weight: 500;
}

.append_mywork ul.list li div.date {
  font-size: 13px;
  color: #5391b9;
  font-weight: normal;
  margin: 6px 0 0;
}

.append_mywork_input {
  display: flex;
  width: 100%;
  padding: 0 15px;
  justify-content: center;
}

.append_mywork_input span {
  font-size: 30px;
  font-weight: 900;
}

.append_mywork_input .acf-field input[type="text"] {
  text-align: center;
  border: 0;
  box-shadow: 0px 4px 0 0 var(--color_main);
  ;
  font-size: 25px !important;
  font-weight: 700;
  border-radius: 0;
  width: 100%;
}

.append_mywork_input .acf-fields>.acf-field {
  padding: 0;
}

.append_mywork_input form {
  width: 100%;
}

.append_mywork_input .acf-input-wrap {
  overflow: visible;
}

.append_mywork_input .acf-label {
  display: none;
}

.append_mywork_input .acf-form-submit {
  margin: 15px 0 0;
}

.append_mywork_input .acf-form-submit input {
  font-size: 28px;
  font-weight: 900;
  background: transparent;
  color: var(--color_main);
  ;
  letter-spacing: -0.01em;
}

.login_box .wp-social-login-widget {
  position: relative;
  display: flex;
  margin-top: 15px;
}

.login_box .social_login .social_login_label span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.login_box .social_login .social_login_label {
  position: relative;
  margin: 30px 0;
  color: #90949c;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_box .social_login .social_login_label::after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
}

.login_box .wp-social-login-provider-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.login_box .wp-social-login-provider-list a {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  height: 46px;
  margin: 0 0 10px;
  border-radius: 8px;
}

.login_box .wp-social-login-provider-list a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 22px;
  height: 22px;
  background-size: contain;
  margin-top: -11px;
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-facebook {
  background: #2450af;
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-naver {
  background: #19ce60;
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-kakao {
  background: #FEE500;
  color: #1d2129;
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-google {
  color: #757575;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 2px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-kakao::after {
  background-image: url('https://s3bakdol.s3.ap-northeast-2.amazonaws.com/wp-content/uploads/2021/06/23172417/icon_kakao.png');
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-google::after {
  background-image: url('https://s3bakdol.s3.ap-northeast-2.amazonaws.com/wp-content/uploads/2021/06/23172417/icon_google.png');
}

.login_box .wp-social-login-provider-list a.wp-social-login-provider-facebook::after {
  background-image: url('https://s3bakdol.s3.ap-northeast-2.amazonaws.com/wp-content/uploads/2021/06/23174000/icon_facebook.png');
}

.login_box .wp-social-login-provider-list img {
  width: 20px;
  height: auto;
  position: static;
  z-index: 0;
}

.social_login_label {
  position: relative;
  margin: 20px 0;
  color: #90949c;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social_login_label span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.social_login_label::after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
}

.login_support {
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_support a {
  border-right: 1px solid rgb(0 0 0 / 10%);
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
}

.login_support a:last-child {
  border-right: 0;
  padding: 0;
  margin: 0;
}

.acf-bl:before {
  display: none !important;
}

.acf-gallery .acf-gallery-toolbar,
.acf-gallery {
  border-color: rgba(0, 0, 0, 0.1) !important;
  background: #fff;
}

.acf-gallery {
  border-radius: 3px;
  overflow: hidden;
}

.acf-field select {
  border-radius: 3px;
  border-color: rgba(0, 0, 0, 0.1);
}

.alert {
  text-align: center;
}

.mycred-my-rank {
  display: flex;
  align-items: center;
}

.acf-field p.description {
  font-size: 11px;
  color: var(--color_grey);
}

.select2-container.-acf .select2-selection,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.attachments-browser .media-toolbar {
  display: none !important;
}

.attachments-browser .attachments,
.attachments-browser .uploader-inline {
  top: 10px !important;
}

.attachment-details {
  outline: none;
}

.media-modal .screen-reader-text {
  display: none;
}

.media-modal-close {
  font-size: 0;
}

.media-modal-close:active,
.media-modal-close:hover {
  color: var(--color_main);
  !important;
}

.media-modal-close:focus {
  box-shadow: none !important;
  color: var(--color_main);
  !important;
  border: 0 !important;
}

.media-modal-content {
  box-shadow: none !important;
}

.wp-core-ui .attachment.details,
.wp-core-ui .attachment.details:focus,
.wp-core-ui .attachment:focus,
.wp-core-ui .selected.attachment:focus {
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px var(--color_main);
  !important;
}

.wp-core-ui .attachment.details .check,
.wp-core-ui .attachment.selected .check:focus,
.wp-core-ui .media-frame.mode-grid .attachment.selected .check {
  background-color: var(--color_main);
  !important;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--color_main);
  !important;
}

.media-router>a {
  color: #acacac !important;
}

.media-router .active,
.media-router>a.active:last-child {
  color: #000 !important;
  border-radius: 3px 3px 0 0;
}

.media-frame a:focus {
  box-shadow: none !important;
}

.edit-attachment {
  display: none !important;
}

.wp-core-ui .button-primary {
  text-shadow: none !important;
  box-shadow: none !important;
  background: var(--color_main);
  !important;
  border-color: var(--color_main);
  !important;
}

.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled,
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary[disabled] {
  opacity: .0;
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
  background: var(--color_main);
  !important;
  border-color: var(--color_main);
  !important;
}

.tag_cloud {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 10px;
  justify-content: center;
  padding: 0 5px;
}

.tag_cloud a {
  display: flex;
  align-items: center;
  border-radius: 3px;
  background: aliceblue;
  padding: 0 8px;
  word-break: break-word;
  height: 26px;
}

.tag_cloud a::before {
  content: '#';
}

.tag_cloud a:hover {
  background: #e8e8e8;
}

.tag_cloud a span {
  letter-spacing: 0;
  margin-left: auto;
  color: var(--color_grey);
  font-size: 11px;
  font-weight: normal;
}

#darkButton {
  cursor: pointer;
  line-height: 0;
  font-size: 23px;
  margin-right: 3px;
}

.sfwd-light-mode {
  display: none;
}

.mobile-toggle-warrap {
  display: none;
}

.mobile-toggle-warrap.activewarrap {
  display: none;
}

.mobile-toggle-warrap.activewarrap {
  display: block;
  z-index: 9999;
}

.mobile_toggle {
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color_black_tran0);
  color: #222;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  width: 44pt;
  height: 44pt;
}

.mobile_toggle svg {
  fill: var(--color_black);
  width: auto;
  height: 17px;
}

.adminroad svg {
  fill: var(--color_black);
  width: auto;
  height: 22px;
}

.adminroad button:hover svg {
  opacity: 1;
}

.mobile-toggle-warrap {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  background: var(--color_black_tran65);
  height: 100%;
  width: 100%;
}

.mobile-toggle-warrap .main-navigation ul li.all::after,
.mobile-toggle-warrap .main-navigation ul li.division::before {
  display: none;
}

.mobile-toggle-inner #site-navigation ul li.all {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.menu_box {
  padding: 25px 20px;
  margin: 0 -20px;
  border-top: 1px solid var(--color_black_tran10);
}

.menu_box h3 {
  font-size: 17px;
  margin: 0 0 10px;
}

.menu_box ul li a {
  color: var(--color_grey);
}

.mobile-toggle-inner {
  background: #fff;
  height: 100%;
  width: 70%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px 20px 240px;
  overflow-y: auto;
  /*
  box-shadow: 0 1px 0 0 rgba(139, 141, 157, 0.05), 0 5px 10px 0 rgba(65, 71, 108, 0.15);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  */
}

.mobile-toggle-inner .sub_trigger {
  margin-bottom: 20px;
}

.mobile-toggle-inner .sub_trigger #lang_choice_1 {
  font-weight: 600;
  display: flex;
  width: 100%;
  height: 38px;
  font-size: 13px;
  border-radius: 5px;
  border: 0;
  padding: 0 4px;
  margin: 0 0 10px;
  background: rgb(0 0 0 / 5%);
}

.mobile-toggle-inner .sub_trigger.sub_bottom {
  position: static;
  left: 20px;
  bottom: 70px;
  border-bottom: 0;
  padding: 0;
  margin: 0;
}

.mobile-toggle-inner .sub_trigger a {
  display: flex;
  align-items: center;
  padding: 10px 0;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}

.mobile-toggle-inner .sub_trigger a.unlogbt {
  padding: 4px 0;
  margin: 0 0 8px;
}

.mobile-toggle-inner .search_part_total {
  display: block;
  margin: 15px 0;
  padding: 15px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.mobile-toggle-inner .search_part_total form {
  display: block;
}

.mobile-toggle-inner #site-navigation {
  display: block;
}

.mobile-toggle-inner #site-navigation ul {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  grid-gap: 5px;
  padding: 0;
}

.mobile-toggle-inner #site-navigation ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 0;
  display: inline-block;
  width: 100%;
  border-radius: 32px;
  font-weight: 400;
  line-height: normal;
}

.mobile-toggle-inner #site-navigation ul li a img {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  float: left;
  margin-top: 1px;
}

.mobile-toggle-inner #site-navigation ul li a:hover {
  color: #000;
  /* background: rgb(0 0 0 / 5%); */
}

.mobile-toggle-inner #site-navigation ul li a span {
  display: block;
  font-weight: 400;
  font-size: 85%;
  white-space: normal;
  margin-top: 2px;
  letter-spacing: -.3px;
  opacity: .75;
}

.mobile-toggle-inner #site-navigation ul li a span.bp-better-messages-unread {
  margin: 0 0 0 5px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  letter-spacing: 0;
}

.mobile-toggle-close {
  position: relative;
  width: 30%;
  height: 100%;
  border: 0;
  background: transparent;
}

.mobile-toggle-close svg {
  fill: #fff;
  width: 28px;
  height: auto;
  position: absolute;
  right: 20px;
  top: 30px;
}

.mobile-toggle-inner .main-navigation ul li.current-menu-item a::after,
.mobile-toggle-inner .main-navigation ul li.current-post-ancestor a::after {
  display: none;
}

#loading {
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 9999;
  background: #fff;
  width: 100%;
  height: calc(100% - 0px);
  text-align: center;
}

#loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin-top: -50px;
  width: 30px;
  height: auto;
}

button.findbt {
  width: 100%;
  max-width: 60%;
  margin: 30px auto 0;
  color: #fff;
  background: var(--color_main);
  ;
}

/**woocommerce_start**/
.storehome_list h2.cattitle {
  font-weight: 500;
  font-size: 20px;
  color: #0e74b6;
  border-left: 2px solid #0e74b6;
  line-height: 22px;
  padding-left: 8px;
}

.storehome_list_cat {
  padding: 0 0 15px;
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
}

.woocommerce ul.products li.product .onsale {
  margin: 0;
  top: 5px;
  right: 5px;
}

.woocommerce span.onsale {
  min-width: 50px;
  min-height: 50px;
  font-weight: 500;
  font-size: 13px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color_red);
  color: #fff;
}

.woocommerce table.woocommerce-orders-table {
  border: 0;
}

.woocommerce table.woocommerce-orders-table thead {
  display: none;
}

.woocommerce table.woocommerce-orders-table tbody {
  display: block;
}

.woocommerce table.woocommerce-orders-table thead tr {
  display: block;
}

.woocommerce table.woocommerce-orders-table tbody tr:first-child {
  margin-top: 15px;
}

.woocommerce table.woocommerce-orders-table tbody tr {
  display: block;
  margin-bottom: 15px;
  background: #e3edf7;
  border-radius: 6px;
  padding: 8px;
}

.woocommerce table.woocommerce-orders-table tbody tr td::before {
  content: attr(data-title);
  font-weight: 500;
  float: left;
}

.woocommerce table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a {
  font-weight: 900;
}

.woocommerce table.woocommerce-orders-table tbody tr td {
  text-align: right;
  border-top: 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  display: block;
}

.woocommerce table.woocommerce-orders-table tbody tr td:last-child {
  border-bottom: 0;
  padding: 8px 8px 0;
}

.woocommerce table.my_account_orders .button {
  margin-left: 4px;
  font-size: 12px;
  border-radius: 4px;
  background: var(--color_main);
  ;
  color: #fff;
}

.woocommerce table.my_account_orders .button.iamport_refund_request {
  background: #ec7149;
}

.woocommerce table.my_account_orders .button.iamport_exchange_request {
  background: #b77cc1;
}

.woocommerce table.my_account_orders .button.cancel {
  background: #7c92a0;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background: transparent;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
  height: auto;
  margin: 0 5px 0 0;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
}

.woocommerce table.my_account_orders {
  font-size: 15px;
}

.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
  display: none;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

.woocommerce .cart-collaterals .cart_totals tr.total {
  display: none;
}

.woocommerce table.shop_table {
  margin: 0 0 15px;
  /*overflow: hidden;*/
  border-spacing: 0;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--color_main);
  ;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--color_main);
  ;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border-radius: 8px;
  font-weight: 500;
}

.woocommerce .products ul,
.woocommerce ul.products {
  display: grid;
  grid-template-columns: 50% 50%;
  margin: 30px 0 15px;
  grid-gap: 15px;
  padding: 0 7.5px;
  justify-content: center;
}

.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
  display: none;
}

.woocommerce-notices-wrapper {
  position: sticky;
  top: 0;
  z-index: 99;
  margin: 0 -15px 0;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin: 0;
  color: var(--color_main);
  ;
  background: #fff;
}

.woocommerce-message {
  border-top-color: var(--color_main);
  ;
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
  border-radius: 5px;
  white-space: nowrap;
  background: var(--color_main);
  ;
  color: #fff;
  margin: 0 10px 0 0;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  display: none;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  float: none;
  width: auto;
  margin: 0 -15px 15px;
  display: block;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  float: none;
  width: 100%;
}

.woocommerce ul.products li.product a img {
  border-radius: 8px;
  margin: 0 0 8px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  color: #0e74b6;
  font-size: 15px;
  padding: 0;
}

.woocommerce ul.products li.product .price {
  color: #444;
  font-size: 13px;
  font-weight: 500;
}

.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
  margin-left: 4px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #222;
  font-weight: 700;
  margin: 0 0 15px;
}

.woocommerce div.product .product_title {
  margin: 0 0 10px;
}

.woocommerce div.product form.cart .button {
  border-radius: 8px;
  background: var(--color_main);
  ;
}

.woocommerce div.product form.cart div.quantity {
  margin: 0 10px 0 0;
}

.woocommerce div.product div.images {
  margin-bottom: 20px;
}

.woocommerce div.product form.cart {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

.woocommerce div.product form.cart button {
  width: 100%;
}

.woocommerce-custom-gallery {
  position: relative;
  overflow: hidden;
  margin: 0 -15px 10px;
}

.woocommerce-custom-gallery .swiper-slide img {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  object-fit: cover;
}

.woocommerce-billing-fields h3,
h3#order_review_heading {
  font-size: 20px;
  font-weight: 700;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-weight: 600;
  cursor: pointer;
}

.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
  margin: 0;
  width: 100%;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  border-radius: 8px;
  height: 46px;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-MyAccount-navigation {
  display: none;
}

.woocommerce-checkout #payment div.payment_box p:last-child {
  margin-top: 0;
  color: var(--color_main);
  ;
  font-weight: 500;
  word-break: keep-all;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0 0 20px;
}

.woocommerce form .form-row .input-checkbox {
  height: auto;
  width: autoi;
  margin: -2px 0px 0 0;
}

.woocommerce form .form-row label {
  line-height: normal;
  margin: 0 0 5px;
  font-weight: 600;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  border-color: rgb(0 0 0 / 8%);
}

.woocommerce-checkout #payment div.payment_box {
  background: #ffde17;
  border-radius: 4px;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom: 1em solid #ffde17;
}

.shop-mymenu {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-left: auto;
}

.woocommerce ul#shipping_method li {
  margin: 0;
  line-height: normal;
}

.woocommerce ul#shipping_method li label {
  font-size: 0;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce ul#shipping_method .amount {
  font-weight: 400;
  font-size: 15px;
}

.woocommerce table.shop_table tr.total strong {
  font-weight: 400;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr.order-total {
  background: var(--color_main) !important;
  color: #ffffff;
  outline: 1px solid var(--color_main);
}

.woocommerce table tr.order-total .woocommerce-Price-amount {
  font-size: 20px;
}

.woocommerce table tr:nth-child(odd) {
  background: transparent;
}

.woocommerce table tr .woocommerce-Price-currencySymbol {
  margin-left: 3px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  float: none;
}

.shop-mymenu a {
  margin-left: 6px;
}

.shop-mymenu a button {
  padding: 0 20px;
  height: 38px;
  background: #0e74b6;
  color: #fff;
  border-radius: 32px;
}

.woocommerce table.woocommerce-cart-form__contents {
  margin: 30px 0 0;
}

/**woocommerce_end**/

.media-frame-toolbar .media-toolbar {
  background: #fff !important;
}

.media-frame {
  background: #fff !important;
}

.media-frame,
.media-modal {
  font-family: 'Noto Sans KR', -apple-system, dotum, sans-serif !important;
}

@media screen and (max-width: 768px) {

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title);
  }

  .media-modal .media-frame-title h1 {
    font-size: 22px !important;
    padding: 0 !important;
  }

  .media-frame .media-frame-title {
    text-align: left !important;
    padding: 0 15px !important;
  }
  .catlist{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 600px) {

  body,
  .site-header {
    min-width: auto;
  }

  .site-header .site-branding {
    flex: 0 0 20%;
    padding: 0;
  }

  .site-header-inner {
    max-width: 100%;
  }

  .site-header .sub_trigger a {
    display: none;
  }

  .site-header .sub_trigger {
    flex: 0 0 35%;
    margin-left: auto;
  }

  .site-header .sub_trigger .account_menu {
    display: none;
  }

  .site-content {
    max-width: 100%;
    flex-direction: column;
  }

  .site-content>div#primary {
    padding-right: 0;
    border-right: 0;
  }

  .site-content aside#secondary {
    margin-top: 50px;
    margin-left: 0;
  }

  .category-box ul li a {
    font-size: 15px;
    padding: 12px 0;
  }

  .modal .linkbox {
    display: block;
  }

  .modal .linkbox a {
    flex: 0 0 100%;
  }

  .desktop {
    display: none;
  }

  .change .search_part_total {
    padding: 8px 0;
  }

  .search_part_total {
    order: 2;
  }

  ul.grid {
    grid-gap: 10px;
    padding: 0 10px;
  }

  footer .site-header-inner br {
    display: none;
  }

  footer .footer-menu {
    margin-left: 0;
    margin-bottom: 30px;
    order: -1;
  }

  footer .footer-menu a {
    margin-left: 0;
    margin-right: 30px;
  }

  .site-header .sub_trigger #wpsvctable>div {
    height: 30px;
  }

  .entry-content iframe {
    height: 220px;
  }

  .vidBox {
    margin: 0 -15px;
    position: sticky;
    top: 70px;
    z-index: 1;
  }

  .popSizeMini .popGround {
    width: calc(100% - 0px);
  }

  .popSizeMini .popContent {
    padding: 30px;
  }

  .roadmap ul li a .egg {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    font-size: 10px;
  }


}