@charset "UTF-8";
/* ^scss에서 수정해주세요! */
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Pretendard-Thin.woff2") format("woff2"), url("../fonts/Pretendard-Thin.woff") format("woff");
}
@font-face {
  font-family: "scdream";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/scdream4-webfont.woff2") format("woff2"), url("../fonts/scdream4-webfont.woff") format("woff");
}
html {
  color: #222;
  -webkit-text-size-adjust: none;
  /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none;
  /*Firefox*/
  -ms-text-size-adjust: none;
  /*Ie*/
  -o-text-size-adjust: none;
  /*old versions of Opera*/
}

* {
  box-sizing: border-box;
  font-family: "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕", Roboto, Arial;
  letter-spacing: -0.025em;
}

/*a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/
html,
textarea,
input {
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.5;
  font-size: 15px;
  word-break: keep-all;
}

a,
body,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
html,
li,
ol,
p,
ul {
  padding: 0;
  margin: 0;
}

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

a,
img {
  border: none;
}

img {
  max-width: 100%;
}

a + a,
img,
input + a,
input + button {
  vertical-align: middle;
}

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

a:hover {
  text-decoration: none;
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
select,
textarea {
  border: 1px solid #ddd;
  padding: 0 13px;
  box-sizing: border-box;
  color: #222;
  font-size: 15px;
  background: #fff;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  letter-spacing: -0.33px;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

select {
  padding-inline: 5px 30px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/icon_arrow_down.png") no-repeat #fff;
  background-position: calc(100% - 10px) center;
  background-size: 11px auto;
}

/*select:disabled { background-image:url('../img/common/select_arrow_off.png'); background-color: #f8f8f8; } */
input[type=chekbox],
input[type=radio] {
  padding-right: 8px;
  display: none;
}

input + input,
input + input + label,
select + input + label,
button + input + label,
select + select,
select + input,
input + select {
  margin-left: 10px;
}

label:last-child {
  margin-right: 0;
}

label + input[type=checkbox] + label,
label + input[type=radio] + label {
  margin-left: 6px;
}

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

input[type=search] {
  padding-inline: 15px;
  border: 1px solid #dddddd;
  height: 50px;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: url(../img/icon_del.png) center center no-repeat;
  background-size: contain;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

i {
  font-style: normal;
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}

th {
  text-align: center;
}

td {
  text-align: left;
}

table > caption {
  position: absolute;
  text-indent: -9999px;
}

button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  color: #222;
}

button:disabled {
  cursor: not-allowed;
}

button,
input,
textarea {
  -webkit-appearance: none;
}

select,
textarea,
input[type=text] {
  width: 100%;
}

textarea {
  min-height: 150px;
  text-align: left;
  padding: 13px;
}

input[type=tel] {
  width: 40px;
  min-width: 40px;
  margin-right: 4px;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*input:disabled { background-color:rgba(255,255,255,0); cursor:not-allowed } */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 15px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 15px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 15px;
}

input::placeholder,
textarea::placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 15px;
}

select:disabled,
input[readonly],
textarea[readonly] {
  border: 1px solid #f8f8f8;
  opacity: 1;
  background: #f8f8f8;
}

input[readonly]:focus,
textarea[readonly]:focus {
  outline: none;
}

input:focus {
  outline: none;
}

input:disabled::-webkit-input-placeholder,
input[readonly]::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder,
textarea[readonly]::-webkit-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
}

input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
}

input:disabled::-ms-input-placeholder,
input[readonly]::-ms-input-placeholder,
textarea:disabled::-ms-input-placeholder,
textarea[readonly]::-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
}

input:disabled::placeholder,
input[readonly]::placeholder,
textarea:disabled::placeholder,
textarea[readonly]::placeholder {
  color: #c4c4c4;
  opacity: 1;
}

input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
}

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

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

textarea {
  line-height: 1.5;
}

textarea {
  resize: none;
}

img {
  border: 0;
  vertical-align: middle;
}

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
}

input + button,
textarea + button {
  margin-left: 3px;
}

main,
section,
article {
  display: block;
}

fieldset,
form {
  border: none;
  outline: none;
}

address {
  font-style: normal;
}

@media screen and (max-width: 767.9px) {
  /*태블릿*/
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  input[type=search],
  select,
  textarea {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-size: 14px;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  input::-ms-input-placeholder,
  textarea::-ms-input-placeholder {
    font-size: 14px;
  }
  input::placeholder,
  textarea::placeholder {
    font-size: 14px;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    font-size: 14px;
  }
}
.com_center_wrap {
  max-width: 1400px;
  margin: 0 auto;
}

.com_bg {
  background-color: #fcf6f1;
}
@media screen and (min-width: 767.9px) {
  .com_bg .head {
    border-bottom: none;
  }
}

.com_icon_push {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #f08111;
  position: absolute;
  top: 0;
  right: -6px;
}

.head {
  border-bottom: 1px solid #f2f2f2;
  background: #fcf6f1;
}
@media screen and (max-width: 1600px) {
  .head {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .head {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.head .com_center_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 115px;
}
@media screen and (max-width: 1400px) {
  .head .com_center_wrap {
    height: 55px;
  }
}
.head .com_center_wrap > .btn_push {
  margin-inline: auto 20px;
  position: relative;
}
@media screen and (min-width: 1400px) {
  .head .com_center_wrap > .btn_push {
    display: none;
  }
}
.head .com_center_wrap > .btn_push .transLang {
  display: none;
}
.head .com_center_wrap > .btn_push img {
  width: 18px;
}
.head .com_center_wrap > .btn_push .com_icon_push {
  right: -6px;
}
.head .logo {
  width: 126px;
  margin-right: 31px;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .head .logo {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .head .logo {
    width: 80px;
  }
}
.head .logo .img_s {
  max-width: 80%;
}
.head .btn_bar {
  display: none;
  background: url("../img/icon_bar.png") no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 14px;
}
@media screen and (max-width: 1400px) {
  .head .btn_bar {
    display: block;
  }
}
.head.active .btn_bar {
  background-image: url("../img/icon_del.png");
}
.head.active .gnb_container {
  display: flex;
  position: fixed;
  z-index: 11;
}

.gnb_container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .gnb_container {
    display: none;
    flex-direction: column;
    position: fixed;
    width: 100%;
    left: 0;
    top: 55px;
    border-top: 1px solid #dddddd;
    height: calc(100vh - 55px);
    overflow-y: auto;
    background-color: #fcf6f1;
  }
}
.gnb_menu {
  display: flex;
  align-items: center;
  margin-right: 27px;
}
@media screen and (max-width: 1400px) {
  .gnb_menu {
    order: 3;
    flex-direction: column;
    background-color: #fcf6f1;
    padding: 20px 30px;
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1400px) {
  .gnb_menu .depth01 {
    width: 100%;
    border-bottom: 1px solid #e2d6cb;
  }
  .gnb_menu .depth01.has_depth > .menu:after {
    transform: rotate(90deg);
  }
}
.gnb_menu .depth01 > .menu {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: -0.45px;
  margin-inline: 10px;
  text-align: center;
  padding-block: 8px;
}
@media screen and (max-width: 1400px) {
  .gnb_menu .depth01 > .menu {
    padding-block: 19px;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .gnb_menu .depth01 > .menu:after {
    content: "";
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url("../img/icon_arrow02.png");
  }
}
@media screen and (min-width: 1400px) {
  .gnb_menu .depth01 > .menu.active {
    color: #f08111;
    border-bottom: 2px solid #f08111;
  }
}
.gnb_menu .depth02 {
  display: none;
}
@media screen and (max-width: 1400px) {
  .gnb_menu .depth02 {
    display: block;
    margin-bottom: 25px;
  }
  .gnb_menu .depth02 .menu {
    display: flex;
    align-items: center;
    padding-block: 9px;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -0.38px;
    color: #000;
  }
  .gnb_menu .depth02 .menu:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #f08111;
    margin-right: 7px;
  }
}
.gnb_link {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .gnb_link {
    order: 1;
    padding-block: 15px 20px;
    width: 100%;
    justify-content: center;
    background: #fff;
  }
}
.gnb_link .link {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.38px;
  color: #000;
  margin-right: 25px;
  display: inline-flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .gnb_link .link {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1400px) {
  .gnb_link .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 64px;
    width: 25%;
    max-width: 64px;
  }
  .gnb_link .link.pc {
    display: none;
  }
}
.gnb_link .link img {
  width: 18px;
  margin-right: 6px;
}
@media screen and (max-width: 1600px) {
  .gnb_link .link img {
    margin-right: 3px;
  }
}
@media screen and (max-width: 1400px) {
  .gnb_link .link img {
    margin-bottom: 10px;
  }
}
.gnb_link .link .com_icon_push {
  right: -8px;
}
@media screen and (max-width: 1400px) {
  .gnb_link .link .com_icon_push {
    display: none;
  }
}
.gnb_btn {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .gnb_btn {
    order: 2;
    width: 100%;
  }
  .gnb_btn .com_btn.s {
    height: 50px;
    width: 50%;
    justify-content: space-between;
    padding-inline: 30px;
  }
}
.gnb_btn .select_lang {
  margin-left: 10px;
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 1600px) {
  .gnb_btn .select_lang {
    margin-left: 3px;
  }
}
@media screen and (max-width: 1400px) {
  .gnb_btn .select_lang {
    margin-left: 0;
    flex: 1;
  }
}
.gnb_btn .select_lang .selected {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.38px;
  color: #000;
  width: 120px;
  height: 40px;
  border: solid 1px #e6e6e6;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 12px;
  cursor: pointer;
}
@media screen and (max-width: 1400px) {
  .gnb_btn .select_lang .selected {
    width: 100%;
    height: 50px;
    padding-inline: 30px;
  }
}
.gnb_btn .select_lang .selected:after {
  content: "";
  display: block;
  background-image: url("../img/icon_arrow02.png");
  width: 11px;
  height: 11px;
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
}
.gnb_btn .select_lang .selected > img {
  width: 20px;
  margin-right: 7px;
}
.gnb_btn .select_lang .layer {
  display: none;
}
@media screen and (max-width: 1400px) {
  .gnb_btn .select_lang .layer {
    width: 100%;
  }
}
.gnb_btn .select_lang .layer .btn {
  background-color: #fff;
  height: 40px;
  border: solid 1px #e6e6e6;
  border-top: none;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.38px;
  color: #000;
  display: flex;
  align-items: center;
  padding-inline: 12px;
  width: 120px;
}
@media screen and (max-width: 1400px) {
  .gnb_btn .select_lang .layer .btn {
    height: 50px;
    width: 100%;
    padding-inline: 30px;
  }
}
.gnb_btn .select_lang .layer .btn > img {
  width: 20px;
  margin-right: 7px;
}
.gnb_btn .select_lang.active .layer {
  display: block;
  position: absolute;
  z-index: 1;
}
.gnb_btn .select_lang.active .selected:after {
  transform: rotate(270deg);
}

.footer {
  background-color: #222222;
  padding-block: 60px 68px;
  margin-top: 100px;
}
@media screen and (max-width: 1600px) {
  .footer {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 1600px) {
  .footer {
    padding-block: 36px 90px;
  }
}
@media screen and (max-width: 1600px) {
  .footer {
    margin-top: 50px;
  }
}
.footer .com_center_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.footer .com_center_wrap .logo {
  width: 239px;
}
.footer .com_center_wrap .logo img {
  width: 130px;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .logo {
    width: 80px;
  }
  .footer .com_center_wrap .logo img {
    width: 100%;
  }
}
.footer .com_center_wrap .link {
  width: calc((100% - 239px) / 2);
  margin-top: 13px;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .link {
    width: calc(100% - 80px);
    text-align: right;
    margin-top: 0;
  }
}
.footer .com_center_wrap .link .btn {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.87;
  letter-spacing: -0.38px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .link .btn {
    font-size: 13px;
    line-height: 2.15;
    letter-spacing: -0.33px;
  }
}
.footer .com_center_wrap .link .btn:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-inline: 10px;
  border-radius: 3px;
  background-color: #fff;
  vertical-align: 5px;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .link .btn:not(:first-child):before {
    margin-inline: 5px;
    vertical-align: 3px;
  }
}
.footer .com_center_wrap .menu {
  width: calc((100% - 239px) / 2);
  text-align: right;
  margin-top: 13px;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .menu {
    margin-top: 20px;
    width: 100%;
    text-align: left;
  }
}
.footer .com_center_wrap .menu .btn {
  font-size: 15px;
  line-height: 1.87;
  letter-spacing: -0.38px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .menu .btn {
    font-size: 13px;
    line-height: 2.33;
    letter-spacing: -0.3px;
    font-weight: bold;
  }
}
.footer .com_center_wrap .menu .btn:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 9px;
  margin-inline: 10px;
  background-color: #5a5a5a;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .menu .btn:not(:first-child):before {
    margin-inline: 5px;
  }
}
.footer .com_center_wrap .menu .btn_mall {
  height: 30px;
  border-radius: 30px;
  margin-left: 15px;
}
.footer .com_center_wrap .menu .menu_ac_num{padding:30px 0 0 0;}
.footer .com_center_wrap .menu .menu_ac_num p{color: #fff;font-size: 20px;}

.footer .com_center_wrap .info{margin: -85px 0 0 0;}

@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .info{margin: 0 0 0 0;}
}

.footer .com_center_wrap .info {
  width: 100%;
  padding-left: 239px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.57;
  letter-spacing: -0.14px;
  text-align: left;
  color: #c4c4c4;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .info {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: -0.3px;
    padding-left: 0;
  }
}
.footer .com_center_wrap .info .copy {
  margin-top: 26px;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .info .copy {
    margin-top: 19px;
  }
}
.footer .com_center_wrap .other_logo {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1400px) {
  .footer .com_center_wrap .other_logo {
    position: relative;
    margin-top: 24px;
  }
}
.footer .com_center_wrap .other_logo img {
  width: 410px;
}
@media screen and (max-width: 767.9px) {
  .footer .com_center_wrap .other_logo img {
    width: 240px;
  }
}

.bottom_menu {
  position: fixed;
  bottom: 0;
  z-index: 10;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 72px;
}
@media screen and (min-width: 1400px) {
  .bottom_menu {
    display: none;
  }
}
.bottom_menu .menu {
  width: 20%;
  font-size: 12px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #999;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.bottom_menu .menu .icon {
  margin-bottom: 2px;
}
.bottom_menu .menu .icon img {
  width: 24px;
}
.bottom_menu .menu .icon .on {
  display: none;
}
.bottom_menu .menu.active {
  color: #222;
}
.bottom_menu .menu.active .icon .on {
  display: block;
}
.bottom_menu .menu.active .icon .off {
  display: none;
}
.bottom_menu .menu .com_icon_push {
  right: auto;
  left: 50%;
  margin-left: 15px;
}

.main_long_banner {
  position: relative;
  height: 130px;
  background-color: #222;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767.9px) {
  .main_long_banner {
    height: 69px;
  }
}
.main_long_banner .com_center_wrap {
  position: relative;
  display: block;
  width: 60%;
  height: 100%;
}
@media screen and (max-width: 767.9px) {
  .main_long_banner .com_center_wrap {
    width: 70%;
  }
}
.main_long_banner .btn_banner_close {
  position: absolute;
  right: 7%;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
  width: 40px;
  height: 40px;
  z-index: 10;
}
@media screen and (max-width: 767.9px) {
  .main_long_banner .btn_banner_close {
    width: 20px;
    height: 20px;
  }
}

.com_btn {
  background-color: #f08111;
  padding: 5px 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.38px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #f08111;
  cursor: pointer;
}
@media screen and (max-width: 1023.9px) {
  .com_btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.38px;
    padding-inline: 10px;
  }
}
.com_btn.xs {
  height: 34px;
}
.com_btn.s {
  height: 40px;
}
.com_btn.m {
  height: 50px;
}
.com_btn.l {
  height: 60px;
}
.com_btn.full {
  width: 100%;
}
.com_btn.black {
  border-color: #222;
  background-color: #222;
  color: #fff;
}
.com_btn.gray {
  border-color: #9d9d9d;
  background-color: #9d9d9d;
  color: #fff;
}
.com_btn.gray_dark {
  border-color: #666;
  background-color: #666;
  color: #fff;
}
.com_btn.lightGray {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  color: #222;
}
.com_btn.yellow {
  background-color: #fabc1e;
  border-color: #fabc1e;
}
.com_btn.line {
  color: #f08111;
  background-color: #fff;
}
.com_btn.line.white {
  background-color: #f08111;
  border-color: #fff;
  color: #fff;
}
.com_btn.line.black {
  color: #222;
  background-color: #fff;
}
.com_btn.line.black .arrow {
  background-image: url(../img/icon_arrow_black.png);
}
.com_btn.txt {
  color: #f08111;
  background: none;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.4px;
  padding: 0;
  font-weight: normal;
  border: none;
}
@media screen and (max-width: 767.9px) {
  .com_btn.txt {
    font-size: 13px;
    letter-spacing: -0.33px;
  }
}
.com_btn.txt.black {
  color: #222;
}
.com_btn .icon {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.com_btn .icon.after {
  margin-left: 13px;
}
.com_btn .icon.before {
  margin-right: 5px;
}
.com_btn .icon.more {
  width: 12px;
  height: 12px;
  background-image: url(../img/icon_more.png);
}
.com_btn .icon.point {
  background-image: url(../img/icon_point.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.gift {
  background-image: url(../img/icon_gift.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.arrow {
  background-image: url(../img/icon_arrow_white.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.go_black {
  background-image: url(../img/arrow_right.png);
  width: 20px;
  height: 20px;
}
.com_btn .icon.go_black_white {
  background-image: url(../img/icon_right_white.png);
  width: 15px;
  height: 15px;
}
.com_btn .icon.search {
  background-image: url(../img/icon_search.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.write {
  background-image: url(../img/icon_write.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.write_white {
  background-image: url(../img/icon_pencil.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.tip {
  background-image: url(../img/icon_tip.png);
  width: 16px;
  height: 17px;
}
.com_btn .icon.view {
  background-image: url(../img/icon_view.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.letter {
  background-image: url(../img/icon_letter.png);
  width: 16px;
  height: 16px;
}
.com_btn .icon.mall {
  background-image: url(../img/icon_mall.png);
  width: 16px;
  height: 16px;
}

.com_tip_layer {
  display: none;
}
.com_btn:hover .com_tip_layer {
  display: block;
  position: absolute;
  border-radius: 5px;
  background-color: #fff;
  padding: 12px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  top: 44px;
  right: 0;
  width: 330px;
}
.com_btn:hover .com_tip_layer:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/tip_bg.png);
  width: 16px;
  height: 9px;
  position: absolute;
  top: -8px;
  right: 40px;
}
.com_tip_layer .tip {
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.38px;
  color: #222;
  text-align: left;
  padding-left: 12px;
}
.com_tip_layer .tip:before {
  content: "";
  display: inline-block;
  background-color: #f08111;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  margin-right: 8px;
  vertical-align: 2px;
  margin-left: -12px;
}

.com_btn_tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  margin-left: auto;
  display: inline-flex;
  gap: 5px;
  color: #222;
  font-size: 13px;
  line-height: initial;
}
.com_btn_tip .icon {
  margin-left: 0;
  width: 16px !important;
  height: auto !important;
  aspect-ratio: 1/1;
}

.com_btn_chat {
  border-radius: 100%;
  background-color: #fcf6f1;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.com_btn_chat::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon_message.png);
  width: 17px;
  height: 17px;
}

.com_btn_wrap {
  text-align: center;
  padding-top: 40px;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .com_btn_wrap {
    margin-inline: 30px;
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}
.com_btn_wrap.line {
  border-top: 1px solid #222;
}
.com_btn_wrap .com_btn {
  min-width: 150px;
}
.com_btn_wrap .com_btn + .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_btn_wrap .com_btn {
    width: 100%;
  }
}
.com_btn_wrap .com_btn.right {
  position: absolute;
  right: 0;
}

.com_chk {
  display: none;
}
.com_chk + label, .com_chk + label:before {
  cursor: pointer;
}
.com_chk + label {
  padding-left: 28px;
  display: inline-block;
}
@media screen and (max-width: 1400px) {
  .com_chk + label {
    font-size: 13px;
  }
}
.com_chk + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: -5px;
  margin-left: -28px;
  border: solid 1.5px #d6d6d6;
  background-color: #fff;
}
.com_chk:checked + label:before {
  background-position: center;
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-color: #f08111;
  border: none;
  background-image: url(../img/chk.png);
}
.com_chk.circle + label {
  position: relative;
}
.com_chk.circle + label:before {
  background: url("../img/radio_off.png") no-repeat;
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  border: none;
  margin-right: 5px;
  vertical-align: -5px;
  border: none;
}
.com_chk.circle:checked + label:before {
  background-image: url(../img/radio_on.png);
}
.com_chk__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: y;
  -moz-flex-direction: y;
  -ms-flex-direction: y;
  flex-direction: y;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.com_chk__wrap label + input[type=checkbox] + label, .com_chk__wrap label + input[type=radio] + label {
  margin-left: 0;
}

.com_chk:disabled + label {
  opacity: 0.4;
}

.com_btn_chk {
  display: none;
}
.com_btn_chk + label {
  cursor: pointer;
  border: 1px solid #e6e6e6;
  padding-inline: 10px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  margin-left: 0 !important;
  margin-block: 5px;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.35px;
  text-align: center;
  color: #666;
}
.com_btn_chk:checked + label {
  background: #f08111;
  color: #fff;
  border-color: #f08111;
}
.com_btn_chk.l + label {
  background: #f8f8f8;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.38px;
  text-align: center;
  color: #999;
  min-height: 58px;
  justify-content: center;
}
@media screen and (max-width: 767.9px) {
  .com_btn_chk.l + label {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
  }
}
.com_btn_chk.l:checked + label {
  background-color: #fcf6f1;
  color: #f08111;
  outline: 1px solid #f08111;
}
.com_btn_chk.circle_type + label {
  height: 32px;
  border: none;
  background-color: #fcf6f1;
  border-radius: 100%;
  color: #f08111;
}
.com_btn_chk.circle_type:checked + label {
  color: #fff;
  background-color: #f08111;
}
.com_btn_chk.date_type + label {
  min-width: 70px;
  height: 40px;
  border: 1px solid #fcf6f1;
  background: #fcf6f1;
  color: #f08111;
  text-align: center;
  font-weight: 500;
}
.com_btn_chk.date_type:checked + label {
  background-color: #fff;
  border-color: #f08111;
}

/*!페이징*/
.com_paging {
  text-align: center;
}
.com_table + .com_paging {
  margin-top: 40px;
}
@media screen and (max-width: 1400px) {
  .com_paging {
    margin-bottom: -10px;
  }
}
.com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
  min-width: 32px;
  height: 32px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 7px;
}
@media screen and (max-width: 1400px) {
  .com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
    height: 30px;
    min-width: 30px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
}
.com_paging :is(.btn_first, .btn_prev, .btn_next, .btn_last) img {
  height: 22px;
}
.com_paging :is(.btn_first, .btn_prev) {
  transform: rotate(180deg);
}
.com_paging .btn_prev {
  margin-right: 22px;
}
@media screen and (max-width: 1400px) {
  .com_paging .btn_prev {
    margin-right: 10px;
  }
}
.com_paging .btn_next {
  margin-left: 29px;
}
@media screen and (max-width: 1400px) {
  .com_paging .btn_next {
    margin-left: 15px;
  }
}
.com_paging .btn_page {
  line-height: inherit;
}
@media screen and (max-width: 1400px) {
  .com_paging .btn_page {
    font-size: 14px;
  }
}
.com_paging .btn_page.active {
  font-weight: bold;
  color: #f08111;
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.sec-paging {
  overflow: hidden;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 1400px) {
  .sec-paging {
    margin-top: 20px;
  }
}
.sec-paging :is(.pg-btn, .btn-page) {
  min-width: 42px;
  height: 42px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 7px;
  color: #222;
  cursor: pointer;
}
@media screen and (max-width: 1400px) {
  .sec-paging :is(.pg-btn, .btn-page) {
    height: 34px;
    min-width: 34px;
    margin-left: 5px;
    margin-bottom: 10px;
  }
}
.sec-paging .pg-btn {
  background-image: url("../img/arrow_right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  text-indent: -9999px;
}
@media screen and (max-width: 1400px) {
  .sec-paging .pg-btn {
    background-size: 18px;
  }
}
.sec-paging .pg-btn.disabled {
  cursor: auto;
  opacity: 0.4;
}
.sec-paging .group-prev {
  background-image: url("../img/arrow_last.png");
  transform: rotate(180deg);
}
.sec-paging .group-next {
  background-image: url("../img/arrow_last.png");
}
.sec-paging :is(.group-prev, .prev) {
  transform: rotate(180deg);
}
@media screen and (max-width: 1400px) {
  .sec-paging .group-prev {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1400px) {
  .sec-paging .group-next {
    margin-left: 15px;
  }
}
@media screen and (max-width: 1400px) {
  .sec-paging .btn-page {
    font-size: 13px;
  }
}
.sec-paging .btn-page.active {
  color: #f08111;
  border: none;
}

.swiper-pagination {
  bottom: 20px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: solid 2px #fff;
  background: none;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #f08111;
  border: 0;
}

.com_star_box {
  position: relative;
  direction: rtl;
  min-width: 120px;
}
.com_star_box .star {
  direction: ltr;
}
.com_star_box input[type=radio] {
  display: none;
}
.com_star_box input[type=radio]:checked ~ label {
  background-image: url(../img/icon_star_orange.png);
}
.com_star_box label {
  background: url(../img/icon_star_gray.png) no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  cursor: pointer;
  margin-right: 3px;
  margin-left: 0 !important;
}
.com_star_box label:last-child {
  margin-right: 0;
}

/* & 공통사용 버튼 */
.com_switch {
  width: 50px;
  height: 20px;
  display: inline-block;
  -webkit-appearance: none;
  background-color: #e8e8e8;
  border-radius: 10px;
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -8px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.com_switch__wrap {
  position: relative;
}
.com_switch:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #888;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.com_switch:before {
  content: "OFF";
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.28px;
  text-align: left;
  color: #888;
}
.com_switch:checked[type=checkbox] {
  background-color: #ffdab7;
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox]:before {
  content: "ON";
  right: auto;
  left: 8px;
  color: #f08111;
}
.com_switch:checked[type=checkbox]:after {
  left: 28px;
  transition: all 0.3s ease;
  background-color: #f08111;
}

.com_tab {
  background: #f2f2f2;
  width: 150px;
  font-size: 15px;
  height: 50px;
}
@media screen and (max-width: 1400px) {
  .com_tab {
    width: 100%;
    font-size: 14px;
  }
}
.com_tab.active {
  display: block;
}
.com_tab.active, .com_tab:hover {
  border: 2px solid #f08111;
  background: #fff;
  color: #f08111;
}
.com_tab__wrap {
  position: relative;
  padding: 50px 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .com_tab__wrap {
    z-index: 2;
    width: 100%;
    padding: 20px 0;
  }
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.com_popup.active {
  display: flex;
  align-items: center;
}
.com_popup .bg_close {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 767.9px) {
  .com_popup .bg_close {
    display: none;
  }
}
.com_popup .pop_container {
  position: relative;
  background-color: #fff;
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
}
@media screen and (min-width: 767.9px) {
  .com_popup .pop_container {
    width: 540px;
    max-width: 80%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_popup .pop_container {
    width: 100vw;
    height: 100vh;
  }
}
.com_popup .pop_container.m {
  min-width: 640px;
}
@media screen and (max-width: 1400px) {
  .com_popup .pop_container.m {
    min-width: auto;
    width: 100%;
  }
}
.com_popup .pop_container.l {
  min-width: 1000px;
}
@media screen and (max-width: 1400px) {
  .com_popup .pop_container.l {
    min-width: auto;
    width: 100%;
  }
}
.com_popup .pop_container > .com_tab__wrap {
  padding: 0 40px 10px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .pop_container > .com_tab__wrap {
    padding-inline: 30px;
  }
}
.com_popup .content_container {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 145px;
  max-height: calc(80vh - 105px);
  padding: 0 40px 30px;
  scrollbar-face-color: #666666;
  /*스크롤*/
  scrollbar-highlight-color: #666666;
  /*하이라이트*/
  scrollbar-3dlight-color: #666666;
  /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: #666666;
  /*오른쪽외곽음영*/
  scrollbar-shadow-color: #666666;
  /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: #666666;
  /*화살*/
  scrollbar-track-color: #666666;
  /*스크롤영역*/
  overflow: auto;
  /*스크롤바*/
  /*스크롤바 버튼(아래 위 화살표)*/
  /*스크롤바 핸들*/
  /*스크롤바 진행줄*/
  /*진행줄에서 핸들로 덮이지 않은 영역 */
}
.com_popup .content_container::-webkit-scrollbar {
  opacity: 0;
  width: 10px;
  height: 10px;
}
.com_popup .content_container::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.com_popup .content_container::-webkit-scrollbar-thumb {
  background-color: #666;
  background-clip: padding-box;
}
.com_popup .content_container::-webkit-scrollbar-track {
  background-color: #ebebeb;
}
.com_popup .content_container::-webkit-scrollbar-track-piece {
  background-color: #ebebeb;
}
.com_popup .content_container::-webkit-scrollbar-corner {
  background: #ebebeb;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container {
    max-height: calc(100vh - 75px);
    padding: 0 30px;
  }
}
.com_popup .content_container .content_tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.38px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container .content_tit {
    font-size: 15px;
    margin-top: 10px;
  }
}
.com_popup .content_container .notice {
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container .notice {
    font-size: 14px;
  }
}
.com_popup .content_container .notice + .com_table {
  margin-top: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container .com_table {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .com_popup:has(.btn_container) .content_container {
    max-height: calc(100vh - 180px);
    padding-bottom: 0;
  }
}
.com_popup .btn_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px 40px;
  margin-top: 25px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .btn_container {
    padding: 0 30px 20px;
  }
}
.com_popup .btn_container .com_btn {
  min-width: 100px;
}
.com_popup .btn_container .com_btn + .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .btn_container .com_btn {
    width: 100%;
  }
}
.com_popup .pop_tit {
  margin: 40px 40px 15px;
  padding-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.6px;
  text-align: center;
  border-bottom: 1px solid #222;
}
@media screen and (max-width: 767.9px) {
  .com_popup .pop_tit {
    font-size: 18px;
    margin: 20px 30px 15px;
  }
}
.com_popup .btn_close {
  position: absolute;
  top: 15px;
  right: 0;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_del.png);
  background-size: 15px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767.9px) {
  .com_popup .btn_close {
    top: 25px;
    right: 15px;
  }
}
.com_popup.type_class .pop_content .com_input_sec {
  border: 0;
  padding-block: 25px 0;
}
@media screen and (max-width: 767.9px) {
  .com_popup.type_class .btn_change {
    height: 44px;
  }
}
.com_popup.type_alert .pop_container {
  max-width: 300px !important;
}
@media screen and (max-width: 767.9px) {
  .com_popup.type_alert .pop_container {
    height: auto;
    border-radius: 6px;
  }
}
.com_popup.type_alert .content_container {
  min-height: auto;
  padding-top: 15px;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
  text-align: center;
  padding: 0 20px;
}
.com_popup.type_alert .pop_tit {
  font-size: 18px;
  line-height: 1.17;
  letter-spacing: -0.45px;
  border: none;
  padding-bottom: 0;
  margin: 35px 20px 16px;
}
.com_popup.type_alert .btn_container {
  padding: 0 20px 35px;
  margin-top: 22px;
}
.com_popup.type_alert .btn_container .com_btn {
  width: auto;
  min-width: 100px;
}
.com_popup.type_alert .btn_container .com_btn + .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_popup.type_alert .bg_close {
    display: block;
  }
}
@media screen and (max-width: 767.9px) {
  .com_popup.type_alert .btn_close {
    top: 13px;
    right: 0;
  }
}

.pop_idpw .notice_txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: -0.4px;
  text-align: center;
  margin-bottom: 10px;
}
.pop_idpw .input {
  margin-left: 0;
  margin-top: 15px;
  width: 100%;
}
.pop_idpw .com_red {
  text-align: center;
  margin-top: 20px;
}

.pop_terms .pop_container {
  width: 850px;
}
.pop_terms .agree_tit {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.27;
  letter-spacing: -0.55px;
  margin-bottom: 19px;
}
.pop_terms .agree_box {
  padding: 15px 20px;
  background-color: #f8f8f8;
  margin-block: 20px 30px;
}
.pop_terms .agree_box label {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.4px;
}
.pop_terms .btn_container {
  justify-content: flex-start;
  border-top: 1px solid #dddddd;
  padding-top: 26px;
  margin-top: 0;
}
.pop_terms .btn_container label {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.4px;
}

@media screen and (max-width: 767.9px) {
  .pop_how .content_container {
    padding-top: 20px;
  }
}
.pop_how .sec_tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
}
@media screen and (max-width: 767.9px) {
  .pop_how .sec_tit {
    font-size: 15px;
    letter-spacing: -0.38px;
  }
}

.pop_account .pop_tit {
  border-bottom: none;
}
.pop_account .content_container {
  padding-top: 0;
}
.pop_account .list_field {
  text-align: left;
  color: #222;
}
.pop_account .class_table tr {
  border-bottom: 1px solid #dddddd;
  padding-block: 20px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .pop_account .class_table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: inherit;
    -moz-align-items: inherit;
    align-items: inherit;
    flex-wrap: wrap;
  }
  .pop_account .class_table tr td {
    width: 100%;
    padding: 10px 5px;
  }
  .pop_account .class_table tr .class_field {
    order: 1;
    width: auto;
  }
  .pop_account .class_table tr .class_field:after {
    content: "";
    width: 1px;
    height: 10px;
    background: #dddddd;
    display: inline-block;
    margin-inline: 10px;
  }
  .pop_account .class_table tr .student_field {
    order: 2;
    width: auto;
    padding: 0 5px 6px;
  }
  .pop_account .class_table tr .tit_field {
    order: 3;
    padding: 10px 5px;
    padding-top: 0;
  }
}
.pop_account .class_table tr td {
  padding: 25px 15px;
}
.pop_account .class_table .schedule_field {
  order: 4;
  width: 50%;
  padding-top: 10px;
  margin-bottom: 10px;
}
.pop_account .class_table .state_field {
  order: 5;
  width: 50%;
  text-align: right;
  padding-top: 10px;
  margin-bottom: 10px;
}
.pop_account .class_table .action_field {
  order: 6;
  padding: 0;
  margin-bottom: 20px;
  margin-top: -10px;
}
.pop_account .class_table .number_field {
  order: 7;
}
.pop_account .class_table .ing_field {
  order: 8;
}
.pop_account .class_table .remain_field {
  order: 9;
}
.pop_account .class_table .prev_field {
  order: 10;
}
.pop_account .class_table .next_field {
  order: 11;
}
.pop_account .class_table .btn_field {
  order: 12;
}
.pop_account .class_table .com_btn_chat {
  position: absolute;
  right: 0;
  top: 25px;
}

.pop_review .sec_teacher {
  padding: 20px;
  background-color: #f8f8f8;
  margin-top: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.pop_review .sec_teacher .name {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  width: calc(100% - 45px);
}
@media screen and (max-width: 767.9px) {
  .pop_review .sec_teacher .name {
    font-size: 14px;
  }
}
.pop_review .sec_teacher .name .icon_flag {
  margin-left: 7px;
}
.pop_review .sec_teacher .name .icon_flag img {
  width: 20px;
}
@media screen and (max-width: 767.9px) {
  .pop_review .sec_teacher .name .icon_flag img {
    width: 15px;
  }
}
.pop_review .sec_teacher .rate {
  width: 45px;
  text-align: right;
  color: #f08111;
  font-size: 14px;
  font-weight: bold;
}
.pop_review .sec_teacher .rate .icon_rate {
  width: 18px;
  margin-right: 5px;
}
.pop_review .sec_teacher .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767.9px) {
  .pop_review .sec_teacher .info {
    display: block;
  }
}
.pop_review .sec_teacher .info .txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.86;
  letter-spacing: -0.35px;
}
@media screen and (max-width: 767.9px) {
  .pop_review .sec_teacher .info .txt {
    font-size: 13px;
  }
}
.pop_review .sec_teacher .info .txt:first-of-type {
  font-weight: bold;
}
.pop_review .sec_teacher .info .txt:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #dddddd;
  margin-inline: 10px;
}
@media screen and (max-width: 767.9px) {
  .pop_review .sec_teacher .info .txt:not(:first-child):before {
    display: none;
  }
}
.pop_review .sec_select_star {
  margin-block: 20px;
}
.pop_review .sec_select_star .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #f8f8f8;
  padding: 10px;
  font-size: 15px;
  letter-spacing: -0.38px;
  margin-bottom: 1px;
}
@media screen and (max-width: 767.9px) {
  .pop_review .sec_select_star .item {
    font-size: 13px;
  }
}

@media screen and (max-width: 767.9px) {
  .pop_report_view .content_container, .pop_report .content_container {
    padding-top: 15px;
  }
}

.pop_add_teacher .pop_tit {
  border-bottom: none;
  margin-bottom: 10px;
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .pop_tit {
    border-bottom: 1px solid #222;
    padding-bottom: 18px;
  }
}
.pop_add_teacher .pop_tit_txt {
  text-align: center;
  padding-left: 12px;
  padding-bottom: 20px;
}
.pop_add_teacher .pop_tit_txt .bullet {
  width: 7px;
  margin-right: 5px;
  margin-left: -12px;
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .pop_tit_txt {
    padding-block: 20px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.35px;
    text-align: left;
  }
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .com_input_table.input_teacher {
    border-top: 1px solid #dddddd;
  }
}
.pop_add_teacher .com_input_table.input_teacher .input {
  width: 350px;
}
@media screen and (max-width: 1023.9px) {
  .pop_add_teacher .com_input_table.input_teacher .input {
    width: 100%;
  }
}
.pop_add_teacher .com_input_table.input_teacher .input.address {
  width: calc(100% - 360px);
}
@media screen and (max-width: 1023.9px) {
  .pop_add_teacher .com_input_table.input_teacher .input.address {
    width: 100%;
  }
}
.pop_add_teacher .com_input_table.input_teacher .select {
  margin-right: 0;
  max-width: 350px;
  width: 350px;
}
@media screen and (max-width: 1023.9px) {
  .pop_add_teacher .com_input_table.input_teacher .select {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 1023.9px) {
  .pop_add_teacher .com_input_table.input_teacher .nationality_field .input {
    margin-left: 0;
    margin-top: 10px;
  }
}
.pop_add_teacher .com_input_table.input_class .select {
  margin-right: 0;
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .com_input_table.input_class .lang_field {
    display: flex;
  }
}
.pop_add_teacher .com_input_table.input_class .lang_field .select {
  width: 150px;
  min-width: 150px;
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .com_input_table.input_class .lang_field .select {
    min-width: 100px;
    width: 100px;
  }
}
.pop_add_teacher .com_input_table.input_class .school_field .select {
  width: 150px;
  min-width: 150px;
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .com_input_table.input_class .school_field .select {
    min-width: 100px;
    width: 100px;
  }
}
.pop_add_teacher .com_input_table .lang_grade_field .input_wrap {
  display: flex;
}
.pop_add_teacher .tip_txt {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .pop_add_teacher .tip_txt {
    font-size: 13px;
  }
}

.pop_class_change .com_input_sec {
  margin-bottom: -25px;
}

.pop_howto .pop_tit {
  padding-bottom: 20px;
}
.pop_howto .content_container {
  padding: 0 40px;
}
.pop_howto .list {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.pop_howto .item {
  margin-bottom: 15px;
}
.pop_howto .item .com_icon {
  margin-right: 10px;
  width: 100px;
}

.pop_feedback .pop_tit, .pop_feedbackdetail .pop_tit {
  padding-bottom: 20px;
}
.pop_feedback .sec_teacher, .pop_feedbackdetail .sec_teacher {
  margin: 10px 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.pop_feedback .sec_teacher .name, .pop_feedbackdetail .sec_teacher .name {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  width: calc(100% - 45px);
}
@media screen and (max-width: 767.9px) {
  .pop_feedback .sec_teacher .name, .pop_feedbackdetail .sec_teacher .name {
    font-size: 14px;
  }
}
.pop_feedback .sec_teacher .name .icon_flag, .pop_feedbackdetail .sec_teacher .name .icon_flag {
  margin-left: 7px;
}
.pop_feedback .sec_teacher .name .icon_flag img, .pop_feedbackdetail .sec_teacher .name .icon_flag img {
  width: 20px;
}
@media screen and (max-width: 767.9px) {
  .pop_feedback .sec_teacher .name .icon_flag img, .pop_feedbackdetail .sec_teacher .name .icon_flag img {
    width: 15px;
  }
}
.pop_feedback .sec_teacher .info, .pop_feedbackdetail .sec_teacher .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.pop_feedback .sec_teacher .info .txt, .pop_feedbackdetail .sec_teacher .info .txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.86;
  letter-spacing: -0.35px;
}
@media screen and (max-width: 767.9px) {
  .pop_feedback .sec_teacher .info .txt, .pop_feedbackdetail .sec_teacher .info .txt {
    font-size: 13px;
  }
}
.pop_feedback .sec_teacher .info .txt:first-of-type, .pop_feedbackdetail .sec_teacher .info .txt:first-of-type {
  font-weight: bold;
}
.pop_feedback .sec_teacher .info .txt:not(:first-child):before, .pop_feedbackdetail .sec_teacher .info .txt:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #dddddd;
  margin-inline: 10px;
}
@media screen and (max-width: 767.9px) {
  .pop_feedback .sec_teacher .info .txt:not(:first-child):before, .pop_feedbackdetail .sec_teacher .info .txt:not(:first-child):before {
    display: none;
  }
}
.pop_feedback .table, .pop_feedbackdetail .table {
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}
.pop_feedback .table :is(th, td), .pop_feedbackdetail .table :is(th, td) {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .pop_feedback .table :is(th, td), .pop_feedbackdetail .table :is(th, td) {
    padding: 10px 5px;
  }
}
.pop_feedback .table :is(th, td):first-child, .pop_feedbackdetail .table :is(th, td):first-child {
  border-left: none;
}
.pop_feedback .table th, .pop_feedbackdetail .table th {
  background: #f8f8f8;
}
.pop_feedback .count, .pop_feedbackdetail .count {
  width: 100%;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
}
.pop_feedback .detail_txt, .pop_feedbackdetail .detail_txt {
  height: 240px;
  padding: 10px 10px;
  border: solid 1px #ddd;
  background-color: #fff;
}

.pop_history .pop_tit {
  padding-bottom: 20px;
}
.pop_history .sec_teacher {
  margin: 10px 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.pop_history .sec_teacher .name {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  width: calc(100% - 45px);
}
@media screen and (max-width: 767.9px) {
  .pop_history .sec_teacher .name {
    font-size: 14px;
  }
}
.pop_history .sec_teacher .name .icon_flag {
  margin-left: 7px;
}
.pop_history .sec_teacher .name .icon_flag img {
  width: 20px;
}
@media screen and (max-width: 767.9px) {
  .pop_history .sec_teacher .name .icon_flag img {
    width: 15px;
  }
}
.pop_history .sec_teacher .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.pop_history .sec_teacher .info .txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.86;
  letter-spacing: -0.35px;
}
@media screen and (max-width: 767.9px) {
  .pop_history .sec_teacher .info .txt {
    font-size: 13px;
  }
}
.pop_history .sec_teacher .info .txt:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #dddddd;
  margin-inline: 10px;
}
@media screen and (max-width: 767.9px) {
  .pop_history .sec_teacher .info .txt:not(:first-child):before {
    display: none;
  }
}
.pop_history .history_list {
  margin-block: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.pop_history .history_list.top {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.pop_history .history_list .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 17px;
  height: 60px;
  padding: 13px 15px;
  border: solid 1px #ddd;
  background-color: #f8f8f8;
}
.pop_history .history_list .item + .item {
  margin-top: 5px;
}
.pop_history .history_list .item .name {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.38px;
  text-align: left;
  color: #222;
  width: 20%;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.pop_history .history_list .item .tit {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  width: 40%;
}
.pop_history .history_list .item .com_btn {
  margin-left: auto;
}

.pop_evaluation_view .table {
  margin-bottom: 25px;
}
.pop_evaluation_view .input_tit {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}

.pop_evaluation .pop_tit {
  padding-bottom: 20px;
}
.pop_evaluation .board_tit {
  padding-block: 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: -0.38px;
  color: #222;
}
.pop_evaluation .board_tit::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #f08111;
  margin-right: 5px;
  vertical-align: middle;
}
.pop_evaluation .check_wrap {
  background: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 13px 20px;
}
.pop_evaluation .check_wrap .check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.pop_evaluation .check_wrap .check label {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
  min-width: 60px;
}
.pop_evaluation .check_wrap .check label::before {
  margin-right: -30px;
  margin-bottom: 4px;
}
@media screen and (max-width: 767.9px) {
  .pop_evaluation .check_wrap .check label {
    padding: 0 4px;
    min-width: 45px;
  }
}

.pop_refuse .content_container .pop_content {
  text-align: left;
}
.pop_refuse .content_container .input {
  margin-top: 10px;
}
.pop_refuse .content_container .input .tit {
  margin-bottom: 4px;
}

.pop_request_class .content_container {
  padding: 0 40px 0;
}
.pop_request_class .list {
  padding: 20px 20px;
  background: #f5f5f5;
}
.pop_request_class .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  color: #5d5d5d;
}
.pop_request_class .list .item .tit {
  min-width: 90px;
}
.pop_request_class .list .item .txt {
  flex: 1;
}
.pop_request_class .strong {
  display: block;
  text-align: center;
  margin-top: 10px;
  padding: 10px 0 20px;
  margin-bottom: 10px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}
.pop_request_class .strong .point {
  color: #f08111;
  font-size: 18px;
}

.pop_boucher .tit {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.pop_chat_report .com_input_sec {
  border-top: none;
  padding-block: 0;
}

.pop_wechat_qr {
  text-align: center;
}
.pop_wechat_qr .content_container {
  padding-bottom: 20px;
}
.pop_wechat_qr .id {
  font-size: 18px;
}
.pop_wechat_qr .qr {
  margin-block: 20px;
}

.pop_chat_img .pop_container {
  width: 100vw;
  max-width: none;
  height: 100vh;
}
.pop_chat_img .pop_container .content_container {
  padding: 30px;
  height: 100vh;
  max-height: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.pop_tutor_grade .pop_container .content_container {
  padding-inline: 40px;
}
@media screen and (max-width: 767.9px) {
  .pop_tutor_grade .pop_container .content_container {
    padding-inline: 30px;
  }
}
.pop_tutor_grade .info_area {
  margin-block: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 767.9px) {
  .pop_tutor_grade .info_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    gap: 30px;
  }
}
.pop_tutor_grade .info_area .item {
  padding: 34px 19px;
  border: solid 1px #ddd;
  background-color: #f8f8f8;
  position: relative;
  font-size: 14px;
  color: #222;
  align-self: stretch;
  flex: 1;
}
.pop_tutor_grade .info_area .item .tutor {
  height: 28px;
  padding-inline: 16px;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.pop_tutor_grade .info_area .item .career {
  height: 36px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.9px) {
  .pop_tutor_grade .info_area .item .career {
    height: auto;
  }
}
.pop_tutor_grade .info_area .item .price {
  font-size: 20px;
  font-weight: bold;
}
.pop_tutor_grade .info_area .item .exchange {
  font-size: 13px;
  line-height: 1.31;
  letter-spacing: -0.33px;
  color: #999;
  margin-bottom: 15px;
}
.pop_tutor_grade .info_area .item.grade01 .tutor {
  background-color: #f08111;
}
.pop_tutor_grade .info_area .item.grade01 .price {
  color: #f08111;
}
.pop_tutor_grade .info_area .item.grade02 .tutor {
  background-color: #ec4c5e;
}
.pop_tutor_grade .info_area .item.grade02 .price {
  color: #ec4c5e;
}
.pop_tutor_grade .info_area .item.grade03 .tutor {
  background-color: #27488d;
}
.pop_tutor_grade .info_area .item.grade03 .price {
  color: #27488d;
}

.pop_discount .img {
  margin-top: 25px;
}

.pop_class_time .table {
  margin-top: 25px;
}
.pop_class_time .table thead th {
  font-size: 13px;
  font-weight: 300;
  height: 35px;
}
.pop_class_time .table tbody th, .pop_class_time .table tbody td {
  height: 50px;
  text-align: center;
}
.pop_class_time .table tbody th {
  font-size: 16px;
  font-weight: bold;
}
.pop_class_time .table tbody td {
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #dddddd;
  border-width: 1px 0;
}

.pop_level .wrap {
  margin-top: 19px;
  gap: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.pop_level .wrap .item {
  border: solid 1px #ddd;
  background-color: #f8f8f8;
  padding: 22px;
  gap: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}
.pop_level .wrap .item .tit {
  font-size: 16px;
  font-weight: bold;
}
.pop_level .wrap .item .discount {
  margin-top: 6px;
  font-size: 13px;
  color: #999;
}
.pop_level .wrap .item .txt {
  font-size: 13px;
}

.pop_lang .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 10px;
}
.pop_lang .btn {
  border: solid 1px #ddd;
  background-color: #f8f8f8;
  height: 60px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  padding-inline: 20px 26px;
}
.pop_lang .btn .arrow {
  font-size: 20px;
  font-weight: 500;
  color: #b3b6b8;
}
.pop_lang .btn .icon {
  width: 24px;
}

.pop_book_list .my-book-tit {
  font-weight: 700;
  margin-top: 10px;
}
.pop_book_list .my-book-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 5px;
}
.pop_book_list .my-book-list .my-book-item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.pop_book_list .com_input_sec .input_wrap {
  justify-content: center;
}
.pop_book_list .com_input_sec .input_wrap .input {
  width: 50%;
}
.pop_book_list .com_input_sec .input_wrap .input_file {
  width: 50%;
}
.pop_book_list .com_input_sec .btn_area {
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .pop_book_list .com_input_sec .btn_area .com_btn {
    width: 100%;
  }
}

.pop_request_change_time .com_sec_notice {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: all;
  -moz-flex-direction: all;
  -ms-flex-direction: all;
  flex-direction: all;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 767.9px) {
  .pop_request_change_time .com_sec_notice {
    margin: 0;
  }
  .pop_request_change_time .com_sec_notice .input {
    width: 100%;
  }
}

/* ^scss에서 수정해주세요! */
.com_search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_search .input {
  display: flex;
  background-color: #fff;
  height: 50px;
  overflow: hidden;
  width: 320px;
  padding-inline: 16px 15px;
  border-radius: 0;
  border: 0;
}
@media screen and (max-width: 1400px) {
  .com_search .input {
    height: 44px;
    padding-inline: 15px;
    width: calc(100% - 40px);
  }
}
.com_search .input .input {
  border: none;
  height: 50px;
  padding-inline: 15px;
}
.com_search .input .input::-webkit-input-placeholder {
  font-size: 15px;
  letter-spacing: -0.4px;
  color: #b7c7d8;
}
.com_search .input .input:-ms-input-placeholder {
  font-size: 15px;
  letter-spacing: -0.4px;
  color: #b7c7d8;
}
.com_search .input .input::-ms-input-placeholder {
  font-size: 15px;
  letter-spacing: -0.4px;
  color: #b7c7d8;
}
.com_search .input .input::placeholder {
  font-size: 15px;
  letter-spacing: -0.4px;
  color: #b7c7d8;
}
.com_search .input .input:-ms-input-placeholder {
  font-size: 15px;
  letter-spacing: -0.4px;
  color: #b7c7d8;
}
@media screen and (max-width: 1400px) {
  .com_search .input .input {
    height: 36px;
    padding-left: 0;
  }
  .com_search .input .input::-webkit-input-placeholder {
    font-size: 13px;
  }
  .com_search .input .input:-ms-input-placeholder {
    font-size: 13px;
  }
  .com_search .input .input::-ms-input-placeholder {
    font-size: 13px;
  }
  .com_search .input .input::placeholder {
    font-size: 13px;
  }
  .com_search .input .input:-ms-input-placeholder {
    font-size: 13px;
  }
}
.com_search .com_btn {
  padding-inline: 20px;
  min-width: 90px;
  width: 90px;
  font-size: 15px;
}
@media screen and (max-width: 1400px) {
  .com_search .com_btn {
    width: 40px;
    height: 40px;
    padding-inline: 10px;
    font-size: 13px;
  }
}
.com_search .com_btn .icon_search {
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
@media screen and (max-width: 1400px) {
  .com_search .com_btn .icon_search {
    margin-left: 4px;
  }
}

.com_textarea {
  border: solid 1px #ddd;
  padding: 11px 13px;
}
.com_dot_list + .com_textarea {
  margin-top: 10px;
}

.com_graph_area {
  min-width: 90px;
  width: calc(100% - 100px);
  margin: 0 8px;
}
.com_graph_area .graph {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: #e6e6e6;
}
.com_graph_area .graph .now {
  position: absolute;
  left: 0;
  top: 0;
  background: #f08111;
  height: 10px;
  border-radius: 10px;
}

.com_banner_wrap {
  background-color: #f08111;
  background-image: url("../img/bg_class_visual.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 43px 0;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap {
    background-image: none;
    padding: 31px 0 35px;
    max-height: initial;
  }
}
.com_banner_wrap .com_center_wrap {
  position: relative;
}
.com_banner_wrap .bg_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .bg_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding: 0 31px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .bg_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.com_banner_wrap .bg_area .img_top {
  width: 114px;
  height: 114px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .bg_area .img_top {
    width: 70px;
    height: 70px;
  }
}
.com_banner_wrap .bg_area .com_btn {
  min-width: 190px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .bg_area .com_btn {
    min-width: 100%;
    height: 44px;
    padding: 0 20px;
  }
}
.com_banner_wrap .bg_area .btn_search {
  min-width: 90px;
  margin-left: 10px;
  padding: 0 5px;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .bg_area .btn_search {
    height: 44px;
  }
}
.com_banner_wrap .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  min-width: 40%;
}
.com_banner_wrap .info_area.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area.center .movie_info {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area.center .movie_info .tit {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area {
    min-width: 100%;
    width: 100%;
  }
}
.com_banner_wrap .info_area .movie_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 6px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .movie_info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
    margin-top: 0;
  }
}
.com_banner_wrap .info_area .info_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .info_box {
    margin-left: 0px;
    margin-bottom: 5px;
  }
}
.com_banner_wrap .info_area .info_box:first-child {
  margin-left: 0;
}
.com_banner_wrap .info_area .info_box.info_box2 .icon {
  width: 19px;
  height: 19px;
}
.com_banner_wrap .info_area .info_box.info_box2 .txt {
  font-size: 24px;
  font-weight: bold;
}
.com_banner_wrap .info_area .info_box .icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-left: 0;
}
.com_banner_wrap .info_area .info_box .txt {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.27;
  letter-spacing: -0.38px;
  color: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .info_box .txt {
    font-size: 13px;
  }
}
.com_banner_wrap .info_area .info_txt {
  margin-left: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .info_txt {
    flex: 1;
    margin-left: 15px;
    margin-top: 0;
  }
}
.com_banner_wrap .info_area .info_txt .txt_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .info_txt .txt_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.com_banner_wrap .info_area .info_txt .tit {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: -0.6px;
  color: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .info_txt .tit {
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.45px;
  }
}
.com_banner_wrap .info_area .info_txt .desc {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: -0.45px;
  color: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_area .info_txt .desc {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
  }
}
.com_banner_wrap .info_right {
  position: relative;
  padding: 0 40px 55px 40px;
  margin-left: 100px;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .info_right {
    margin-left: 30px;
    padding: 0 0 55px 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_right {
    margin-left: 0px;
    padding: 0px;
  }
}
.com_banner_wrap .info_right::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: 0.2;
  min-height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_right::before {
    display: none;
  }
}
.com_banner_wrap .info_right .info_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_banner_wrap .info_right .info_box .icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-left: 0;
}
.com_banner_wrap .info_right .info_box .txt {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.87;
  letter-spacing: -0.38px;
  color: #fff;
}
.com_banner_wrap .info_right .play_time {
  margin-top: 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: -0.6px;
  color: #fff;
}
.com_banner_wrap .info_right .play_time .time {
  display: inline-block;
  margin-right: 4px;
  color: #222;
}
.com_banner_wrap .info_btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  left: 144px;
  bottom: 0;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .info_btn_area {
    left: 175px;
    bottom: 75px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_btn_area {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 24px;
  }
}
.com_banner_wrap .info_btn_area .com_btn {
  min-width: 190px;
  padding: 0 15px;
  flex: 1;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_btn_area .com_btn {
    min-width: 120px;
  }
}
.com_banner_wrap .info_btn_area .com_btn + .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .info_btn_area .com_btn + .com_btn {
    margin-top: 0;
  }
}
.com_banner_wrap .info_btn_area .com_btn .icon {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.com_banner_wrap .btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .btn_area {
    margin-left: 0;
    width: 100%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-top: 10px;
  }
}
.com_banner_wrap .btn_area .com_btn {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.38px;
}
.com_banner_wrap .btn_area .com_btn + .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .btn_area .com_btn + .com_btn {
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .btn_area .com_btn {
    width: 100%;
    flex: auto;
  }
}
.com_banner_wrap .search_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .search_area {
    margin-left: 0;
    width: 100%;
    margin-top: 24px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .search_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .search_area .com_search {
    width: 100%;
  }
}
.com_banner_wrap .search_area .select_nation {
  width: 150px;
  height: 50px;
  margin-right: 10px;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .search_area .select_nation {
    height: 44px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .search_area .select_nation {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.com_banner_wrap .search_area .link_favorite {
  margin-left: 10px;
}
@media screen and (max-width: 1400px) {
  .com_banner_wrap .search_area .link_favorite {
    height: 44px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .search_area .link_favorite {
    margin-left: 0;
    margin-top: 10px;
    height: 44px;
  }
}
.com_banner_wrap .btn_write {
  margin-left: 10px;
  min-width: 150px;
}
@media screen and (max-width: 767.9px) {
  .com_banner_wrap .btn_write {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}
.com_banner_wrap .btn_write .icon {
  width: 16px;
  margin-right: 5px;
}

.com_class_box .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-top: -40px;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .list {
    margin-top: -20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }
}
.com_class_box .list .item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex: 1;
  min-width: 320px;
  max-width: 320px;
  min-height: 470px;
  margin-left: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .list .item {
    max-width: 100%;
    margin-top: 20px;
    min-height: auto;
    min-width: auto;
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 359.9px) {
  .com_class_box .list .item {
    min-width: auto;
  }
}
.com_class_box .list .item .finish {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_class_box .list .item .finish .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #000;
}
.com_class_box .list .item .finish .icon_finish {
  width: 24px;
  height: 24px;
}
.com_class_box .list .item .finish .txt_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  color: #f08111;
  background-color: #222;
}
.com_class_box .list .item .finish .finish_txt {
  margin-top: 3px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: -0.45px;
}
.com_class_box .img_box {
  position: relative;
  width: 320px;
  height: 180px;
  aspect-ratio: 32/18;
  background-color: #ccc;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.com_class_box .img_box > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .img_box {
    width: 100%;
    height: auto;
  }
}
.com_class_box .img_box .btn_favorite {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  border: 1px solid #f08111;
  background: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .img_box .btn_favorite {
    width: 34px;
    height: 34px;
  }
}
.com_class_box .img_box .btn_favorite.active {
  background-color: #f08111;
}
.com_class_box .img_box .icon_favorite {
  width: 20px;
  height: 20px;
}
.com_class_box .img_box .icon_teacher_type {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: inline-block;
  width: 82px;
  height: 28px;
  border-radius: 15px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.35px;
  background-color: #f08111;
  color: #fff;
}
.com_class_box .img_box .icon_teacher_type.type_expert {
  background-color: #f63c01;
}
.com_class_box .img_box .icon_teacher_type.type_special {
  background-color: #081b85;
}
.com_class_box .info {
  padding: 20px 30px;
  border: 1px solid #ddd;
  margin-top: -1px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .info {
    padding: 20px 20px 25px;
  }
}
.com_class_box .info .info_tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 1px solid #f2f2f2;
}
.com_class_box .info .info_tit + .info_teacher {
  margin-top: 10px;
}
.com_class_box .info .info_tit .tit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .info .info_tit .tit {
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: -0.38px;
  }
}
.com_class_box .info .info_tit .rate {
  margin-left: auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.35px;
  color: #f08111;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_class_box .info .info_tit .rate .icon_rate {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.com_class_box .info .info_tit + .info_top {
  padding-top: 14px;
}
.com_class_box .info .info_top {
  padding-bottom: 14px;
  border-bottom: 1px solid #f2f2f2;
}
.com_class_box .info .info_teacher {
  border-bottom: 0;
  padding-bottom: 0;
}
.com_class_box .info .info_desc {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.3px;
  color: #c4c4c4;
}
.com_class_box .info .tag_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 13px;
}
.com_class_box .info .tag_list .tag_item {
  color: #f08111;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.33px;
  word-break: break-all;
}
.com_class_box .info .tag_list .tag_item + .tag_item {
  margin-left: 10px;
}
.com_class_box .info .info_price {
  padding: 13px 0;
  border-bottom: 1px solid #f2f2f2;
}
.com_class_box .info .info_price.type_video {
  padding-top: 0;
  border-bottom: 0;
  margin-top: auto;
}
.com_class_box .info .info_price.type_video + .class_btn_area {
  margin-top: 0;
}
.com_class_box .info .info_price .price {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.27;
  letter-spacing: -0.55px;
  color: #f08111;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .info .info_price .price {
    font-size: 20px;
  }
}
.com_class_box .info .info_price .won {
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.4px;
  color: #f08111;
  margin-right: 7px;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .info .info_price .won {
    font-size: 14px;
  }
}
.com_class_box .info .info_price .bar {
  display: inline-block;
  height: 12px;
  width: 1px;
  background: #e5e5e5;
  vertical-align: middle;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .info .info_price .bar {
    display: none;
  }
}
.com_class_box .info .info_price .time {
  margin-left: 7px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.35px;
}
.com_class_box .info .info_txt {
  padding-top: 13px;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.35px;
  color: #999;
  word-break: break-all;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .info .info_txt {
    font-size: 13px;
  }
}
.com_class_box .info .class_info {
  position: relative;
  padding: 20px 0;
}
.com_class_box .info .class_info .class_info_item {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.35px;
}
.com_class_box .info .class_info .class_info_item::before {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  margin-right: 6px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #f08111;
}
.com_class_box .info .class_info .class_info_item.bold {
  font-weight: bold;
}
.com_class_box .info .point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 10px;
  color: #f08111;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: -0.35px;
}
.com_class_box .info .point .icon_point {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.com_class_box .com_btn {
  width: 100%;
  height: 44px;
}
.com_class_box .com_btn .icon {
  margin-left: 11px;
  width: 18px;
  height: 18px;
}
.com_class_box .btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-left: 0;
    width: 100%;
    margin-top: 25px;
  }
}
.com_class_box .btn_area .com_btn {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.38px;
}
.com_class_box .btn_area .com_btn + .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .btn_area .com_btn + .com_btn {
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_class_box .btn_area .com_btn {
    width: 100%;
    flex: auto;
  }
}
.com_class_box .btn_area .class_bg_box {
  flex: 1;
  margin-left: 10px;
  min-width: 125px;
  height: 35px;
  background-color: #fff1e6;
  color: #f08111;
  font-size: 13px;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: -0.33px;
  text-align: center;
}
.com_class_box .btn_area .class_bg_box:first-child {
  margin-left: 0;
}
.com_class_box .btn_area.class_btn_area {
  margin-top: auto;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .com_class_box .btn_area.class_btn_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

.com_relative {
  position: relative;
}

.com_tab_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 25px;
}
@media screen and (max-width: 767.9px) {
  .com_tab_top {
    position: relative;
    right: auto;
    top: auto;
    left: 0;
    margin-bottom: 20px;
    padding: 0 31px;
  }
}
.com_tab_top .com_btn {
  width: 150px;
}
@media screen and (max-width: 767.9px) {
  .com_tab_top .com_btn {
    width: 100%;
    height: 44px;
  }
}
.com_tab_top .com_btn + .com_btn {
  margin-left: 10px;
}
.com_tab_top .com_btn.active, .com_tab_top .com_btn:hover {
  background: #000;
  color: #fff;
}

.com_profile_img {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 100%;
}
.com_profile_img img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.com_icon_new {
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: #f08111;
  border-radius: 16px;
  text-align: center;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  letter-spacing: -0.25px;
  text-align: center;
  color: #fff;
}

.com_dot_list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-block: 5px;
}
@media screen and (max-width: 767.9px) {
  .com_dot_list .item {
    align-items: flex-start;
  }
}
.com_dot_list .item .tit {
  font-size: 15px;
  letter-spacing: -0.38px;
  color: #999;
  width: 120px;
}
@media screen and (max-width: 767.9px) {
  .com_dot_list .item .tit {
    font-size: 13px;
  }
}
.com_dot_list .item .tit::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #f08111;
  margin-right: 5px;
  vertical-align: 3px;
}
.com_dot_list .item .info {
  width: calc(100% - 120px);
}
@media screen and (max-width: 767.9px) {
  .com_dot_list .item .info {
    font-size: 13px;
  }
}

.com_content_box {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: -0.38px;
  padding: 20px;
  background-color: #f8f8f8;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_content_box {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.35px;
  }
}
.com_textarea + .com_content_box {
  margin-top: 10px;
}

.com_customer {
  height: 450px;
  background: #222 url("../img/bg_store_customer.png") no-repeat center center;
  background-size: cover;
  padding: 114px 0;
  margin-top: 60px;
}
@media screen and (max-width: 767.9px) {
  .com_customer {
    padding-top: 50px;
  }
}
.com_customer .tit {
  font-size: 45px;
  font-weight: bold;
  line-height: 1.29;
}
@media screen and (max-width: 767.9px) {
  .com_customer .tit {
    font-size: 24px;
    line-height: 1.38;
  }
}
.com_customer .customer_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 767.9px) {
  .com_customer .customer_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
}
.com_customer .customer_box .customer_txt {
  position: relative;
  flex: 1;
  min-width: 50%;
  padding: 0 40px;
  color: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_customer .customer_box .customer_txt {
    padding: 30px 0;
  }
}
.com_customer .customer_box .customer_txt::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: 0.2;
  min-height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767.9px) {
  .com_customer .customer_box .customer_txt::before {
    width: 100%;
    height: 1px;
    min-height: auto;
  }
}
.com_customer .customer_box .customer_txt:first-child {
  padding-left: 0;
  border-left: 0;
}
@media screen and (max-width: 767.9px) {
  .com_customer .customer_box .customer_txt:first-child {
    padding: 0px 0 30px;
  }
}
.com_customer .customer_box .customer_txt:first-child::before {
  display: none;
}
.com_customer .customer_box .customer_tit {
  margin-bottom: 22px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.08;
  letter-spacing: -0.65px;
}
@media screen and (max-width: 767.9px) {
  .com_customer .customer_box .customer_tit {
    font-size: 20px;
    line-height: 1.38;
  }
}
.com_customer .customer_box .desc {
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: -0.45px;
}
@media screen and (max-width: 767.9px) {
  .com_customer .customer_box .desc {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 1.54;
  }
}
.com_customer .customer_box .btn_faq {
  width: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 18px;
}
.com_customer .customer_box .btn_faq .icon {
  width: 18px;
  height: 18px;
}

.quick_menu {
  position: fixed;
  bottom: 270px;
  right: 30px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: all;
  -moz-flex-direction: all;
  -ms-flex-direction: all;
  flex-direction: all;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767.9px) {
  .quick_menu {
    right: 5px;
  }
}
.quick_menu .btn {
  width: 70px;
  height: 70px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #231916;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn {
    width: 48px;
    height: 48px;
    font-size: 10px;
  }
}
.quick_menu .btn.app {
  background-color: #f14b25;
}
.quick_menu .btn.top {
  background-color: #222;
}
.quick_menu .btn.wechat {
  background-color: #0c9000;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn.wechat {
    font-size: 9px;
  }
}
.quick_menu .btn.wechat img {
  width: 24px;
  margin-bottom: 3px;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn.wechat img {
    width: 18px;
  }
}
.quick_menu .btn.kakao {
  background-color: #FAE100;
  color: #231916;
  font-size: 11px;
  font-weight: normal;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn.kakao {
    font-size: 9px;
  }
}
.quick_menu .btn.kakao img {
  width: 24px;
  margin-bottom: 3px;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn.kakao img {
    width: 18px;
  }
}
.quick_menu .btn.mall {
  background-color: #f08111;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn.mall {
    font-size: 9px;
  }
}
.quick_menu .btn.mall img {
  width: 24px;
  margin-bottom: 3px;
}
@media screen and (max-width: 767.9px) {
  .quick_menu .btn.mall img {
    width: 18px;
  }
}


/* 241203 퀵메뉴 */
.quick_menu_new .btn.ai{background:#ff7010; color:#fff}
.quick_menu_new .btn.ai img{width:23px;margin-bottom:3px;}
.quick_menu_new .quick_menu_new_inn{display:none;}
.quick_menu_new .quick_menu_new_inn .btn{margin:0 0 8px 0;}
.quick_menu_new .quick_menu_new_inn .btn:last-child{margin:0;}
.quick_menu_new .btn_group.open{background:url(https://wingkey.kr/application/assets/front/img/icon_chat_on.png) no-repeat left top;background-size:100%;}
.quick_menu_new .btn_group.close{background:url(https://wingkey.kr/application/assets/front/img/icon_chat_off.png) no-repeat left top;background-size:100%;}
.quick_menu_new .btn.kakao_btn{background:url(https://wingkey.kr/application/assets/front/img/icon_kakao2.png) no-repeat left top;background-size:100%;}
.quick_menu_new .btn.method_btn{background:url(https://wingkey.kr/application/assets/front/img/icon_learning_method.png) no-repeat left top;background-size:100%;}

@media screen and (max-width: 767.9px) {
  .quick_menu_new .btn.ai {
    font-size: 9px;
  }
  .quick_menu_new .btn.ai img {
    width: 18px;
  }
}


.com_icon {
  display: inline-block;
  min-width: 85px;
  height: 26px;
  padding: 7px 5px;
  border-radius: 15px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.35px;
  text-align: center;
  color: #fff;
  background-color: #f08111;
}
@media screen and (max-width: 767.9px) {
  .com_icon {
    min-width: 75px;
    height: 24px;
    font-size: 12px;
  }
}
.com_icon:hover, .com_icon.ui-state-hover {
  color: #fff !important;
}
.com_icon.red {
  background-color: #ee1010;
}
.com_icon.red:hover, .com_icon.red.ui-state-hover {
  background-color: #ee1010 !important;
}
.com_icon.orange {
  background-color: #f08111;
}
.com_icon.orange:hover, .com_icon.orange.ui-state-hover {
  background-color: #f08111 !important;
}
.com_icon.dark_orange {
  background-color: #f05611;
}
.com_icon.dark_orange:hover, .com_icon.dark_orange.ui-state-hover {
  background-color: #f05611 !important;
}
.com_icon.emerald {
  background-color: #23b3be;
}
.com_icon.emerald:hover, .com_icon.emerald.ui-state-hover {
  background-color: #23b3be !important;
}
.com_icon.blue {
  background-color: #238ebe;
}
.com_icon.blue.ui-state-hover, .com_icon.blue:hover {
  background-color: #238ebe !important;
}
.com_icon.gray {
  background-color: #999999;
}
.com_icon.gray:hover, .com_icon.gray.ui-state-hover {
  background-color: #999999 !important;
}
.com_icon.white {
  background-color: #fff;
  color: #666;
}
.com_icon.white:hover, .com_icon.white.ui-state-hover {
  background-color: #fff !important;
  color: #666;
}

.com_state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  min-width: 60px;
  height: 28px;
  text-align: center;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.35px;
  left: 50px;
  top: 10px;
}
@media screen and (max-width: 1400px) {
  .com_state {
    left: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_state {
    font-size: 12px;
    height: 20px;
    min-width: 45px;
    left: 20px;
    top: 5px;
  }
}
.com_state.finish {
  background-color: #666;
}
.com_state.ing {
  background-color: #f08111;
}

@media screen and (max-width: 767.9px) {
  .com_ok.com_bg {
    background-color: #fff;
  }
}
.com_ok main {
  display: block !important;
}
.com_ok main.box {
  width: 680px;
  background: #fff;
  padding: 60px 120px;
  margin-top: 60px;
  margin-bottom: 150px;
  min-height: auto;
}
@media screen and (max-width: 767.9px) {
  .com_ok main.box {
    padding: 24px 30px;
    width: 100%;
    margin: 0;
  }
}
.com_ok main.box .com_btn_wrap {
  display: block;
}
.com_ok main.box .com_btn_wrap .com_btn {
  width: 100%;
}
.com_ok main .img_area {
  width: 200px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 767.9px) {
  .com_ok main .img_area {
    width: 150px;
  }
}
.com_ok main .img_area > img {
  width: 100%;
}
.com_ok main .com_pg_tit .tit .point {
  color: #f08111;
}

.com_speak_test {
  margin-top: 20px;
  padding: 30px;
  border: solid 2px #222;
  background-color: #f8f8f8;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test {
    padding: 30px;
  }
}
.com_speak_test .top {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .top {
    display: block;
  }
}
.com_speak_test .top .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .top .tit {
    font-size: 17px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
  }
}
.com_speak_test .top .btn_area {
  text-align: right;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .top .btn_area {
    text-align: center;
  }
}
.com_speak_test .top .btn_area .btn {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: -0.38px;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .top .btn_area .btn {
    font-size: 13px;
  }
}
.com_speak_test .top .btn_area .btn:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #dddddd;
  margin-inline: 10px;
}
.com_speak_test .top .btn_area .btn.play img {
  width: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .top .btn_area .btn.play img {
    width: 15px;
  }
}
.com_speak_test .top .btn_area .btn.reset img {
  width: 17px;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .top .btn_area .btn.reset img {
    width: 13px;
  }
}
.com_speak_test .top .btn_area .btn img {
  margin-right: 5px;
}
.com_speak_test .slide_text {
  padding: 14px;
  border: solid 1px #ddd;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.4px;
  text-align: left;
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .slide_text {
    font-size: 13px;
  }
}
.com_speak_test .slide_text .text {
  animation: slidein 10s linear infinite;
  white-space: nowrap;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
  to {
    margin-left: -100%;
    width: 100%;
  }
}
.com_speak_test .voice {
  padding: 11px;
  border: solid 1px #ddd;
  background-color: #f7f7f7;
  text-align: center;
  margin-top: 10px;
}
.com_speak_test .voice img {
  width: 400px;
}
.com_speak_test .time {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #f08111;
  text-align: center;
  padding-block: 20px 9px;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .time {
    font-size: 18px;
  }
}
.com_speak_test .sec_btn .btn {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_speak_test .sec_btn .btn:after {
  content: "";
  width: 100%;
  height: 1px;
  border-top: 1px dashed #f08111;
  position: absolute;
  display: block;
  top: 35px;
  z-index: 1;
}
.com_speak_test .sec_btn .btn.record img {
  width: 21px;
}
.com_speak_test .sec_btn .btn.play img {
  width: 23px;
}
.com_speak_test .sec_btn .btn .icon {
  background-color: #f08111;
  width: 70px;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  border-radius: 100%;
}
.com_speak_test .sec_btn .btn .txt {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: -0.38px;
  margin-top: 6px;
}
@media screen and (max-width: 767.9px) {
  .com_speak_test .sec_btn .btn .txt {
    font-size: 13px;
  }
}

.com_input_table {
  border: 1px solid #222;
  border-width: 1px 0;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table {
    border-bottom-color: #dddddd;
  }
}
@media screen and (max-width: 767.9px) {
  .com_input_table {
    margin-inline: 30px;
    width: calc(100% - 60px);
  }
  .com_popup .com_input_table {
    margin: 0;
    width: 100%;
  }
}
.com_input_table + .com_input_table {
  margin-top: 20px;
}
.com_input_table :is(th, td) {
  border-bottom: 1px solid #dddddd;
  text-align: left;
  height: 74px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table :is(th, td) {
    display: block;
    border: none;
    height: auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_input_table colgroup {
    display: none;
  }
}
.com_input_table.type_write {
  border-bottom: 1px solid #222;
}
@media screen and (max-width: 767.9px) {
  .com_input_table.type_write {
    border-bottom: 0;
    border-top: 0;
    margin-inline: 0;
    width: 100%;
  }
}
.com_input_table.type_write :is(th, td) {
  padding: 15px 30px;
}
@media screen and (max-width: 767.9px) {
  .com_input_table.type_write :is(th, td) {
    padding: 0px 0 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_input_table.type_write th {
    padding: 15px 0 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_input_table.type_write tr:first-child :is(th, td) {
    padding-top: 0;
  }
}
.com_input_table.type_write tr:last-child :is(th, td) {
  border-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .com_input_table.type_write tr:last-child th {
    padding: 0 0 24px;
    border-top: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_input_table.type_write tr:last-child td {
    border-top: 0;
    border-bottom: 1px solid #ddd;
  }
}
.com_input_table .col01 {
  width: 17.5%;
}
.com_input_table .col02 {
  width: 32.5%;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table .col01, .com_input_table .col02 {
    width: 100% !important;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_input_table tr:first-child th {
    border-top: none;
    margin-top: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_input_table tr:last-child td:last-of-type {
    padding-bottom: 20px;
  }
}
.com_input_table th {
  background: #f8f8f8;
  vertical-align: middle;
  padding: 15px 23px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.47;
  letter-spacing: -0.38px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table th {
    background-color: #fff;
    padding: 20px 0 10px;
    margin-top: 10px;
    border-top: 1px solid #dddddd;
  }
}
.com_input_table th .info_txt {
  font-size: 14px;
  font-weight: normal;
}
.com_input_table td {
  padding: 15px 22px;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table td {
    padding: 0 0 10px 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_input_table td {
    font-size: 14px;
  }
  .com_input_table td .input {
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_input_table td.address_field .input_wrap {
    flex-direction: column;
  }
}
.com_input_table td.address_field .input_wrap .input {
  flex: 1;
  width: auto;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table td.address_field .input_wrap .input {
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
  }
  .com_input_table td.address_field .input_wrap .input:first-child {
    margin-top: 0;
  }
}
.com_input_table td.address_field .kr .com_btn {
  margin-left: 0 !important;
  margin-top: 10px;
  min-height: 40px;
  min-width: 150px;
}
.com_input_table td.address_field .kr .input {
  margin-top: 10px;
}
.com_input_table td.address_field .kr .input_wrap {
  margin-top: 5px;
}
.com_input_table td.address_field .kr .input_box .input {
  margin-left: 0;
}
.com_input_table td.address_field .kr .input_box .input + .input {
  margin-top: 10px;
}
.com_input_table td .input_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_input_table td .input_wrap input[type=text] ~ .com_btn {
  margin-left: 10px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table td .input_wrap {
    display: block;
  }
}
.com_input_table td .input_wrap .com_chk + label ~ label {
  margin-left: 20px;
}
.com_input_table td .input_wrap .com_chk + label ~ input {
  margin-left: 20px;
}
.com_input_table td .input_wrap + .com_add_file {
  margin-top: 10px;
}
.com_input_table td .input_wrap + .input_wrap {
  margin-top: 10px;
}
.com_input_table td .com_add_file + .com_add_file {
  margin-top: 10px;
}
.com_input_table td .btn_right {
  margin-left: auto;
  min-width: 120px;
}
.com_input_table td .com_btn {
  min-width: 120px;
}
.com_input_table td .select {
  max-width: 300px;
  margin-right: 20px;
}
.com_input_table td .select:last-child {
  margin-right: 0;
}
.com_input_table td .select + .input_wrap {
  margin-top: 10px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table td .select {
    margin-right: 0;
    max-width: none;
  }
}
@media screen and (min-width: 767.9px) {
  .com_input_table td input[readonly] {
    border: none;
    background-color: #fff;
    padding: 0;
  }
}
.com_input_table td .com_red.error {
  margin-top: 10px;
}
.com_input_table td .tip_txt {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.35px;
  color: #999;
}
.com_input_table td p.tip_txt {
  margin-top: 10px;
}
.com_input_table td span.tip_txt {
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_input_table td span.tip_txt {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_input_table .school_field .input_wrap {
    display: flex;
  }
  .com_input_table .school_field .com_add_file {
    display: block;
  }
  .com_input_table .school_field .com_add_file .com_btn {
    width: 100%;
  }
  .com_input_table .school_field .com_add_file .com_btn + .input_form {
    margin-left: 0;
    margin-top: 10px;
  }
}
.com_input_table .email_field .input {
  margin-right: 5px;
}
.com_input_table .email_field .select {
  margin-left: 5px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table .email_field .input_wrap {
    display: flex;
  }
}
.com_input_table .lang_field .field_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: 20px;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table .lang_field .field_wrap {
    margin-top: 10px;
    margin-left: 0;
  }
}
.com_input_table .lang_field .field_wrap .input {
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table .lang_field .field_wrap .select {
    width: 100px;
    min-width: 100px;
  }
}
.com_input_table .star {
  display: inline-block;
  color: #ee1010;
  vertical-align: 4px;
  margin-left: 2px;
}
@media screen and (max-width: 1023.9px) {
  .com_input_table .birth_field .input_wrap {
    display: flex;
  }
  .com_input_table .birth_field .input_wrap .select {
    width: 50%;
  }
  .com_input_table .video_field .com_add_file {
    flex-wrap: wrap;
  }
  .com_input_table .video_field .com_add_file .com_btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .com_input_table .video_field .com_add_file .thumb {
    margin-left: 0;
  }
  .com_input_table .video_field .com_add_file .input_form {
    width: calc(100% - 80px);
  }
  .com_input_table .add_img_field .com_add_file {
    flex-wrap: wrap;
  }
  .com_input_table .add_img_field .com_add_file .com_btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .com_input_table .add_img_field .com_add_file .com_btn + .input_form {
    margin-left: 0;
  }
}

.com_table {
  border: 1px solid #222;
  border-width: 1px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
  .com_table {
    border-bottom: none;
    display: block;
  }
  .com_table :is(tbody, tfoot) {
    display: block;
    width: 100%;
  }
  .com_table .com_mobile {
    display: inline-block;
  }
}
@media screen and (max-width: 767.9px) {
  .com_table {
    margin-inline: 30px;
    width: calc(100% - 60px);
  }
}
.com_table :is(th, td) {
  border: 1px solid #dddddd;
  border-bottom: none;
  text-align: center;
  height: 60px;
  padding: 10px 5px;
}
.com_table :is(th, td):first-child {
  border-left: none;
}
.com_table :is(th, td):last-child {
  border-right: none;
}
@media screen and (max-width: 1400px) {
  .com_table :is(th, td) {
    display: block;
    border: none;
    text-align: left;
    height: auto;
    padding: 5px 0;
  }
}
.com_table.type_center :is(th, td) {
  padding: 23px 33px;
  height: 110px;
  border: 0;
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 1400px) {
  .com_table.type_center :is(th, td) {
    display: table-cell;
    padding: 16px 12px;
    height: auto;
    text-align: center;
  }
}
.com_table.type_inquire :is(th, td) {
  height: 70px;
  border: 0;
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 1400px) {
  .com_table.type_inquire :is(th, td) {
    display: table-cell;
    padding: 5px 20px;
  }
}
@media screen and (max-width: 1400px) {
  .com_table.type_inquire :is(th, td).m_type {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .com_table.type_info_table .table_m {
    padding: 0;
  }
  .com_table.type_info_table .table_m.last :is(.th_m, .td_m) {
    border-right: none;
  }
  .com_table.type_info_table .table_m :is(.th_m, .td_m) {
    border: 1px solid #dddddd;
    border-width: 0 1px 1px 0;
    padding: 5px;
    text-align: center;
  }
  .com_table.type_info_table .table_m .th_m {
    background-color: #f8f8f8;
    color: #666;
    border-top: 1px solid #dddddd;
    height: 30px;
  }
  .com_table.type_info_table .table_m .td_m {
    color: #222;
    height: calc(100% - 30px);
    word-break: break-all;
  }
  .com_table.type_info_table .table_m.col3 {
    width: 33.3%;
  }
  .com_table.type_info_table .table_m.col3 ~ .col2 {
    border-top: none !important;
  }
  .com_table.type_info_table .table_m.col3 ~ .col2 .th_m {
    border-top: none;
  }
  .com_table.type_info_table .table_m.col3 ~ .col1 {
    border-top: none !important;
  }
  .com_table.type_info_table .table_m.col3 ~ .col1 .th_m {
    border-top: none;
  }
  .com_table.type_info_table .table_m.col2 {
    width: 50%;
  }
  .com_table.type_info_table .table_m.col2 ~ .col3 {
    border-top: none !important;
  }
  .com_table.type_info_table .table_m.col2 ~ .col3 .th_m {
    border-top: none;
  }
  .com_table.type_info_table .table_m.col4 {
    width: 25%;
  }
  .com_table.type_info_table .table_m.col5 {
    width: 20%;
  }
}
@media screen and (max-width: 1400px) {
  .com_table.type_sec_table {
    border: none;
    display: block;
  }
  .com_table.type_sec_table tr {
    display: table;
    border-top: 1px solid #222;
    width: 100%;
  }
  .com_table.type_sec_table tr + tr {
    margin-top: 20px;
  }
  .com_table.type_sec_table td {
    display: table-row;
  }
  .com_table.type_sec_table :is(.th_m, .td_m) {
    display: table-cell;
    height: 30px;
    border-bottom: 1px solid #dddddd;
    padding: 8px 10px;
  }
  .com_table.type_sec_table .th_m {
    border-right: 1px solid #dddddd;
    background: #f8f8f8;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -0.33px;
    text-align: left;
    color: #666;
  }
  .com_table.type_sec_table .td_m {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.33px;
    word-break: break-all;
  }
}
.com_table .box_state {
  width: 54px;
  height: 30px;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .com_table .box_state {
    font-size: 13px;
    height: 25px;
  }
}
.com_table .box_state.charge {
  background-color: #fcf6f1;
  color: #f08111;
}
.com_table .box_state.pay {
  color: #23b3be;
  background-color: #d4f9f6;
}
.com_table .box_state.refund {
  color: #ee1010;
  background-color: #ffd8d8;
}
@media screen and (max-width: 1400px) {
  .com_table thead {
    display: none;
  }
}
.com_table thead th {
  border-top: none;
  background-color: #f8f8f8;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.47;
  letter-spacing: -0.38px;
}
@media screen and (max-width: 1400px) {
  .com_table colgroup {
    display: none;
  }
}
.com_table tr {
  padding-block: 10px;
}
@media screen and (max-width: 1400px) {
  .com_table tr:last-child {
    border-bottom: 1px solid #dddddd;
  }
}
.com_table td {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
  color: #666;
}
@media screen and (max-width: 767.9px) {
  .com_table td {
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -0.33px;
  }
}
.com_table td .com_btn.txt {
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 767.9px) {
  .com_table td .com_btn.txt {
    font-size: 13px;
  }
}
.com_table .tit_field {
  text-align: left;
}
@media screen and (max-width: 1400px) {
  .com_table .tit_field {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.47;
    letter-spacing: -0.38px;
    color: #222;
    width: 100%;
  }
}
.com_table .state_field .state_ing {
  color: #f08111;
}
.com_table .state_field .state_refund {
  color: #ee1010;
}
.com_table .state_field .state_finish {
  color: #4877ff;
}
.com_table .state_field .state_fail {
  color: #ee1010;
}
.com_table .th_m {
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.33px;
  color: #666;
}
@media screen and (min-width: 1400px) {
  .com_table .th_m {
    display: none;
  }
}
.com_table .total_field {
  text-align: right;
  line-height: 24px;
  color: #999;
  padding: 30px 20px;
}
@media screen and (max-width: 1400px) {
  .com_table .total_field {
    padding: 0;
  }
}
.com_table .total_field .tit {
  margin-right: 13px;
}
.com_table .total_field .unit {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #f08111;
}
.com_table .total_field .price {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.6px;
  margin-right: 2px;
  color: #f08111;
}
@media screen and (max-width: 767.9px) {
  .com_table .btn_field .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: y;
    -moz-flex-direction: y;
    -ms-flex-direction: y;
    flex-direction: y;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
  }
  .com_table .btn_field .wrap .com_btn {
    margin: 0 !important;
  }
}

/* ^scss에서 수정해주세요! */
.com_pg_tit {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -0.75px;
  padding-bottom: 30px;
  color: #000;
  margin-right: auto;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit {
    margin-inline: 30px;
    font-size: 18px;
    letter-spacing: -0.45px;
    padding-bottom: 15px;
  }
}
.com_pg_tit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 25px;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit__wrap {
    display: block;
    padding: 20px 30px;
  }
  .com_pg_tit__wrap .com_btn {
    width: 100%;
    margin-top: 15px;
  }
  .com_pg_tit__wrap .com_btn.m {
    height: 44px;
  }
  .com_pg_tit__wrap .com_btn_wrap {
    margin: 0;
  }
  .com_pg_tit__wrap .com_btn_wrap .com_btn {
    min-width: auto;
  }
}
.com_pg_tit__wrap .select {
  width: 150px;
}
.com_pg_tit__wrap .select + .com_btn {
  margin-left: 10px;
}
.com_pg_tit__wrap .com_datepicker {
  width: 150px;
}
.com_pg_tit__wrap .com_datepicker__wrap ~ .com_btn {
  margin-left: 10px;
}
.com_pg_tit__wrap .com_pg_tit {
  padding-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit__wrap .com_pg_tit {
    padding: 0;
    margin: 0;
  }
}
.com_pg_tit__wrap .com_btn_wrap {
  padding-top: 0;
}
.com_pg_tit.line {
  border-bottom: 1px solid #222;
  margin-bottom: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit.line {
    margin-bottom: 20px;
  }
}
.com_input_table ~ .com_pg_tit {
  margin-top: 50px;
}
@media screen and (max-width: 767.9px) {
  .com_input_table ~ .com_pg_tit {
    margin-top: 30px;
  }
}
.com_pg_tit .info {
  color: #ee1010;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.38px;
}
@media screen and (min-width: 767.9px) {
  .com_pg_tit .info {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit .info {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.35px;
  }
}
.com_pg_tit .sub {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.9;
  letter-spacing: -0.5px;
  color: #f08111;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit .sub {
    font-size: 17px;
  }
}
.com_pg_tit .sub:before {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #e5e5e5;
  margin-inline: 14px;
  display: inline-block;
}
.com_pg_tit .txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.56;
  letter-spacing: -0.45px;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit .txt {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.38px;
  }
}
.com_pg_tit.type_login {
  text-align: center;
}
.com_pg_tit.type_login .tit {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.61;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit.type_login .tit {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.67;
    letter-spacing: -0.6px;
  }
}

.com_point_txt {
  color: #f08111;
}

.com_point_txt2 {
  color: #fcff00;
}

.com_red {
  color: #ee1010;
}

.com_pg_sub_tit {
  padding: 28px 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 1400px) {
  .com_pg_sub_tit.com_center_wrap {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_pg_sub_tit {
    padding: 25px 0 20px;
    font-size: 24px;
    letter-spacing: -0.6px;
    text-align: center;
  }
}
.com_pg_sub_tit + .com_board_detail {
  padding-top: 32px;
}
.com_pg_sub_tit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 767.9px) {
  .com_pg_sub_tit__wrap {
    flex-direction: column;
    padding-bottom: 20px;
  }
  .com_pg_sub_tit__wrap .com_pg_sub_tit {
    padding-bottom: 10px;
  }
}
.com_pg_sub_tit__wrap .select_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (min-width: 767.9px) {
  .com_pg_sub_tit__wrap .select_area select {
    min-width: 120px;
  }
}

.com_sec_tit {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.9;
  letter-spacing: -0.5px;
  color: #f08111;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_sec_tit {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_sec_tit {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.4px;
    margin-inline: 30px;
  }
  .com_pg_tit + .com_sec_tit {
    margin-top: 10px;
  }
  .com_pg_tit__wrap + .com_sec_tit {
    margin-top: 10px;
  }
}
.com_table + .com_sec_tit {
  margin-top: 50px;
}
@media screen and (max-width: 767.9px) {
  .com_table + .com_sec_tit {
    margin-top: 30px;
  }
}
.com_paging ~ .com_sec_tit {
  margin-top: 30px;
  padding-top: 50px;
  border-top: 1px solid #dddddd;
}
@media screen and (max-width: 767.9px) {
  .com_paging ~ .com_sec_tit {
    padding-top: 30px;
  }
}
.com_sec_tit .com_btn {
  position: absolute;
  right: 0;
  top: 50px;
}
@media screen and (max-width: 767.9px) {
  .com_sec_tit .com_btn {
    top: 22px;
    height: 36px;
  }
}

.com_sec_notice {
  padding: 25px;
  background-color: #f8f8f8;
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.87;
  letter-spacing: -0.38px;
}
@media screen and (max-width: 767.9px) {
  .com_sec_notice {
    margin-inline: 30px;
    padding: 20px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.35px;
  }
}
.com_sec_notice .tit_field {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.45px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_sec_notice .tit_field {
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: -0.45px;
  }
}
.com_sec_notice .tit_field:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon_tip_red.png);
  width: 20px;
  height: 20px;
  margin-right: 7px;
  vertical-align: -4px;
}
.com_sec_notice + .com_paging {
  margin-top: 50px;
}
@media screen and (max-width: 767.9px) {
  .com_sec_notice + .com_paging {
    margin-top: 27px;
  }
}
.com_sec_notice + .textarea {
  margin-top: 10px;
}

.com_input_sec {
  border: 1px solid #dddddd;
  border-width: 1px 0;
  padding-block: 25px;
}
.com_input_sec .tit_field {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: -0.4px;
}
@media screen and (max-width: 767.9px) {
  .com_input_sec .tit_field {
    font-size: 15px;
    line-height: 1.87;
    letter-spacing: -0.38px;
    margin-bottom: 15px;
  }
}
.com_input_sec .tit_field:before {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  margin-right: 6px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #f08111;
}
.com_input_sec .input_field {
  margin-bottom: 25px;
}
.com_input_sec .input_field select + .input_wrap, .com_input_sec .input_field input + .input_wrap {
  margin-top: 10px;
}
.com_input_sec .input_field .input_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_input_sec .input_field .input_wrap input ~ .com_btn {
  margin-left: 10px;
}
.com_input_sec .input_field .input_wrap .com_btn {
  min-width: 120px;
  width: auto;
}
.com_input_sec .input_field .input_wrap + .input_wrap {
  margin-top: 10px;
}
.com_input_sec .input_field input[type=text], .com_input_sec .input_field input[type=password] {
  width: 100%;
}
.com_input_sec .input_field .error_txt {
  color: #ee1010;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.38px;
  margin-top: 15px;
}
@media screen and (max-width: 767.9px) {
  .com_input_sec .input_field .error_txt {
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: -0.33px;
  }
}

.com_agree_area {
  margin-top: 36px;
}
.com_agree_area label {
  color: #000;
  text-align: left;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.4px;
}
@media screen and (max-width: 767.9px) {
  .com_agree_area label {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.38px;
  }
}
.com_agree_area .list {
  margin-top: 19px;
}
@media screen and (max-width: 767.9px) {
  .com_agree_area .list {
    margin-top: 5px;
  }
}
.com_agree_area .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_agree_area .list .item {
    margin-bottom: 5px;
  }
}
.com_agree_area .list .item .com_btn {
  width: 100px;
  min-width: 100px;
  padding-inline: 13px;
  margin-left: auto;
}
@media screen and (max-width: 767.9px) {
  .com_agree_area .list .item .com_btn {
    width: auto;
    min-width: auto;
    padding-inline: 9px;
  }
}

.com_datepicker {
  display: inline-block;
  width: 170px;
  height: 60px;
  padding-left: 32px;
  border: 2px solid blue;
  border-radius: 30px;
  color: #0167cc;
}
@media screen and (max-width: 1400px) {
  .com_datepicker {
    width: 49%;
    height: 40px;
  }
  .com_datepicker.start_date {
    margin-left: 0;
  }
}
.com_datepicker__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.com_datepicker__wrap .tofrom {
  padding-inline: 5px;
  display: block;
}

.com_chk_list li:not(:last-child) {
  margin-bottom: 10px;
}
.com_chk_list + .com_textarea {
  margin-top: 20px;
}

.com_add_file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: y;
  -moz-flex-direction: y;
  -ms-flex-direction: y;
  flex-direction: y;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.com_add_file .btn_del_thumb {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 9px auto;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 100%;
}
.com_add_file .blind {
  display: none;
}
.com_add_file .input_form {
  flex: 1; /* input_form이 남은 공간을 꽉 채울 수 있도록 설정 */
}
.com_add_file .input_form .input {
  border: 1px solid #ddd;
  margin-left: 0;
  padding-inline: 10px;
  width: 100% !important;
}
@media screen and (min-width: 575.9px) {
  .com_add_file .input_form + .com_btn {
    margin-left: 10px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_add_file .input_form + .com_btn {
    margin-top: 10px;
  }
}
.com_add_file .com_btn {
  flex: 0; /* com_btn이 필요한 만큼의 공간만 차지하도록 설정 */
  min-width: 150px !important;
}
@media screen and (max-width: 575.9px) {
  .com_add_file .com_btn {
    min-width: 100% !important;
  }
}
.com_add_file .com_file_thumb {
  position: relative;
  display: none;
  margin-top: 5px;
  width: 100%; /* 가로 크기를 100%로 설정하여 줄바꿈이 되도록 함 */
}
.com_add_file .com_file_thumb_img {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.com_add_file .com_file_thumb .preview_img {
  width: 120px;
  aspect-ratio: 3/2; /* 원하는 이미지 비율에 맞게 설정 (120 / 80 = 3 / 2) */
  object-fit: cover; /* 이미지가 컨테이너를 채울 수 있도록 설정 */
}
.com_add_file_img {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 575.9px) {
  .com_add_file_img + .com_add_file {
    margin-top: 25px;
  }
}
.com_add_file_img .btn_del_img {
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 9px auto;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: inline-block;
}
.com_add_file_img .img {
  position: relative;
  max-width: 200px;
  z-index: 0;
  width: 120px;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.com_add_file_img .add_file_value {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
}
.com_add_file_img .btn_btm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}

/*!스크롤*/
.scroll {
  scrollbar-face-color: #666666;
  /*스크롤*/
  scrollbar-highlight-color: #666666;
  /*하이라이트*/
  scrollbar-3dlight-color: #666666;
  /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: #666666;
  /*오른쪽외곽음영*/
  scrollbar-shadow-color: #666666;
  /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: #666666;
  /*화살*/
  scrollbar-track-color: #666666;
  /*스크롤영역*/
  overflow: auto;
  /*스크롤바*/
  /*스크롤바 버튼(아래 위 화살표)*/
  /*스크롤바 핸들*/
  /*스크롤바 진행줄*/
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  /*상하 좌우 스크롤이 만나는 공간*/
}
.scroll::-webkit-scrollbar {
  opacity: 0;
  width: 10px;
  height: 10px;
}
.scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #666;
  background-clip: padding-box;
}
.scroll::-webkit-scrollbar-track {
  background-color: #ebebeb;
}
.scroll::-webkit-scrollbar-track-piece {
  background-color: #ebebeb;
}
.scroll::-webkit-scrollbar-corner {
  background: #ebebeb;
}

.scroll_lock {
  touch-action: none;
  overflow-y: hidden !important;
}
.scroll_lock body {
  touch-action: none;
  overflow-y: hidden !important;
}

/*반응형 blind*/
.com_mobile {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .com_mobile {
    display: block;
  }
}

@media screen and (min-width: 767.9px) {
  .com_pc {
    display: block;
  }
}
@media screen and (max-width: 767.9px) {
  .com_pc {
    display: none;
  }
}

/*로딩중*/
.com_loading::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  width: 40px;
  height: 40px;
  background-image: url("../img/img_loading.gif");
  z-index: 9999;
  border-radius: 100%;
}
.com_loading::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9998;
}

.com_pg_sub_banner{position:relative; margin-bottom: 60px;}
.com_pg_sub_banner .com_pg_sub_banner_btn{position: absolute; left: 76%; right: 5%; top: 10%; bottom: 10%; margin-bottom: 0;}
.com_pg_sub_banner_btn{position:relative; margin-bottom: 60px;}


.top_banner_202412{background:#000147;}
      .top_banner_202412 a{display:block;max-width:1400px;margin:0 auto;background:url("https://wingkey.kr/upload/file/250702_bnr_top.jpg") no-repeat center top;max-width:1400px;height:92px;}

      @media screen and (max-width:1400px) {
       .top_banner_202412 a{height:auto;padding-bottom:7%;background-size:100% auto;}
       }

      @media screen and (max-width: 767.9px) {
        .top_banner_202412 a{background:url("https://wingkey.kr/upload/file/250702_bnr_top_m.jpg") no-repeat center top;padding-bottom:18.5%;background-size:100% auto;}
      }


      .sec_main_icon_wrap{width:1400px;margin:0 auto;padding:90px 0 0 0;}
      .sec_main_icon_wrap ul{display:flex;justify-content:space-between;}
      .sec_main_icon_wrap li{width:170px;height:170px;border-radius:50%;}
      .sec_main_icon_wrap li a{border-radius:50%;width:170px;height:170px;background:#f0f0f0;display:block;text-align:center;font-size:30px;font-weight:bold;padding:30px 0 0 0;box-sizing: border-box;line-height:35px;}
      .sec_main_icon_wrap li a img{display:block;width:90px;margin:0 auto;}
      .sec_main_icon_wrap li a span{font-size:26px;color:#ff8814;}
      .sec_main_icon_wrap li.smiw_li1 a{padding:50px 0 0 0;}
      .sec_main_icon_wrap li.smiw_li2 a{}
      .sec_main_icon_wrap li.smiw_li3 a{font-size:24px;}
      .sec_main_icon_wrap li.smiw_li4 a{color:#fff;font-size:24px;background:#ff8814;}
      .sec_main_icon_wrap li.smiw_li5 a{font-size:24px;background:#f9e000;}
      .sec_main_icon_wrap li.smiw_li6 a{color:#fff;font-size:24px;background:#00c60a;}
      
      @media screen and (max-width:1400px) {
        .sec_main_icon_wrap{width:100%;}
      }
      
      @media screen and (max-width:1100px) {
        .sec_main_icon_wrap{padding:30px 0 40px 0;}
        .sec_main_icon_wrap ul{display:block;overflow:hidden;}
        .sec_main_icon_wrap ul li{float:left;width:33.33%;background:none;margin:20px 0 0 0;}
        .sec_main_icon_wrap ul li a{margin:0 auto;}
      }
      
      @media screen and (max-width: 767.9px) {
        .sec_main_icon_wrap ul li a{width:120px;height:120px;font-size:16px;line-height:20px;}
        .sec_main_icon_wrap ul li a span{font-size:14px;}
        .sec_main_icon_wrap ul li a img{width:45px;}
        .sec_main_icon_wrap li.smiw_li1 a{padding:40px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li2 a{padding:30px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li3 a{font-size:14px;}
        .sec_main_icon_wrap li.smiw_li4 a{color:#fff;font-size:14px;background:#ff8814;}
        .sec_main_icon_wrap li.smiw_li5 a{font-size:14px;background:#f9e000;}
        .sec_main_icon_wrap li.smiw_li6 a{color:#fff;font-size:14px;background:#00c60a;}
      }
      @media screen and (max-width: 575.9px) {
        .sec_main_icon_wrap li{height:80px;}
        .sec_main_icon_wrap ul li a{width:80px;height:80px;font-size:16px;line-height:18px;}
        .sec_main_icon_wrap ul li a span{font-size:12px;}
        .sec_main_icon_wrap ul li a img{width:30px;}
        .sec_main_icon_wrap li.smiw_li1 a{padding:20px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li2 a{padding:15px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li3 a{font-size:14px;padding:20px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li4 a{color:#fff;font-size:12px;background:#ff8814;padding:20px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li5 a{font-size:12px;background:#f9e000;padding:20px 0 0 0;}
        .sec_main_icon_wrap li.smiw_li6 a{color:#fff;font-size:12px;background:#00c60a;padding:20px 0 0 0;}
      }


      .sec_main_icon_wrap2{width:1400px;margin:0 auto;padding:90px 0 0 0;}
      .sec_main_icon_wrap2 ul{display:flex;justify-content:space-between;}
      .sec_main_icon_wrap2 li{width:120px;height:120px;border-radius:50%;}
      .sec_main_icon_wrap2 li a{border-radius:50%;width:120px;height:120px;background:#f0f0f0;display:block;text-align:center;font-size:22px;font-weight:bold;padding:25px 0 0 0;box-sizing: border-box;line-height:25px;}
      .sec_main_icon_wrap2 li a img{display:block;width:50px;margin:0 auto;}
      .sec_main_icon_wrap2 li a span{font-size:20px;color:#ff8814;}
      .sec_main_icon_wrap2 li.smiw_li1 a{padding:35px 0 0 0;}
      .sec_main_icon_wrap2 li.smiw_li2 a{padding:24px 0 0 0;}
      .sec_main_icon_wrap2 li.smiw_li3 a{color:#fff;font-size:18px;background:#555;}
      .sec_main_icon_wrap2 li.smiw_li4 a{color:#fff;font-size:18px;background:#ff8814;}
      .sec_main_icon_wrap2 li.smiw_li5 a{font-size:18px;background:#f9e000;}
      .sec_main_icon_wrap2 li.smiw_li6 a{color:#fff;font-size:18px;background:#00c60a;}
      .sec_main_icon_wrap2 li.smiw_li7 a{color:#fff;font-size:18px;background:#555;}
      .sec_main_icon_wrap2 li.smiw_li8 a{color:#fff;font-size:18px;background:#555;}
      .sec_main_icon_wrap2 li.smiw_li9 a{color:#fff;font-size:18px;background:#5c60ff;}      
      
      @media screen and (max-width:1400px) {
        .sec_main_icon_wrap2{width:100%;}
      }
      
      @media screen and (max-width:1100px) {
        .sec_main_icon_wrap2{padding:30px 30px 40px 30px;}
        .sec_main_icon_wrap2 ul{display:block;overflow:hidden;}
        .sec_main_icon_wrap2 ul li{float:left;width:33.33%;background:none;margin:20px 0 0 0;}
        .sec_main_icon_wrap2 ul li a{margin:0 auto;}
      }
      
      @media screen and (max-width: 767.9px) {
        .sec_main_icon_wrap2 ul li a{width:100px;height:100px;font-size:16px;line-height:20px;}
        .sec_main_icon_wrap2 ul li a span{font-size:14px;}
        .sec_main_icon_wrap2 ul li a img{width:45px;}
        .sec_main_icon_wrap2 li.smiw_li1 a{padding:30px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li2 a{padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li3 a{color:#fff;font-size:14px;background:#555;}
        .sec_main_icon_wrap2 li.smiw_li4 a{color:#fff;font-size:14px;background:#ff8814;}
        .sec_main_icon_wrap2 li.smiw_li5 a{font-size:14px;background:#f9e000;}
        .sec_main_icon_wrap2 li.smiw_li6 a{color:#fff;font-size:14px;background:#00c60a;}
        .sec_main_icon_wrap2 li.smiw_li7 a{color:#fff;font-size:14px;background:#555;}
        .sec_main_icon_wrap2 li.smiw_li8 a{color:#fff;font-size:14px;background:#555;}
        .sec_main_icon_wrap2 li.smiw_li9 a{color:#fff;font-size:14px;background:#5c60ff;}
      }
      }
      @media screen and (max-width: 575.9px) {
        .sec_main_icon_wrap2 li{height:80px;}
        .sec_main_icon_wrap2 ul li a{width:80px;height:80px;font-size:16px;line-height:18px;}
        .sec_main_icon_wrap2 ul li a span{font-size:12px;}
        .sec_main_icon_wrap2 ul li a img{width:30px;}
        .sec_main_icon_wrap2 li.smiw_li1 a{padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li2 a{padding:15px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li3 a{color:#fff;font-size:12px;background:#555;padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li4 a{color:#fff;font-size:12px;background:#ff8814;padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li5 a{font-size:12px;background:#f9e000;padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li6 a{color:#fff;font-size:12px;background:#00c60a;padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li7 a{color:#fff;font-size:12px;background:#555;padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li8 a{color:#fff;font-size:12px;background:#555;padding:20px 0 0 0;}
        .sec_main_icon_wrap2 li.smiw_li9 a{color:#fff;font-size:12px;background:#5c60ff;padding:20px 0 0 0;}
      }



      .sec_main_downbtn_wrap{width:1400px;margin:0 auto;padding:100px 0 0 0;}
      .sec_main_downbtn_wrap .smdw1_btn{overflow:hidden;}
      .sec_main_downbtn_wrap .smdw1_btn a{float:left;width:calc(50% - 20px);height:140px;line-height:140px;background:#555;border-radius:25px;color:#fff;padding:0 0 0 70px;font-size:42px;font-weight:bold;position:relative;}
      .sec_main_downbtn_wrap .smdw1_btn a span{position:absolute;top:35px;right:60px;width:75px;height:75px;background:#fff;border-radius:50%;color: #555;text-align: center;line-height: 75px;font-weight: normal;background: #fff url(../img/arrow_right.png) no-repeat center center;}
      .sec_main_downbtn_wrap .smdw1_btn a:last-child{float:right;}
      .sec_main_downbtn_wrap .smdw2_btn{padding:40px 0 0 0;}
      .sec_main_downbtn_wrap .smdw2_btn a{width:100%;height:140px;line-height:140px;font-size:42px;border-radius:25px;color:#fff;background:#ff8814;padding:0 0 0 70px;position:relative;}
      .sec_main_downbtn_wrap .smdw2_btn a span{position:absolute;top:35px;right:60px;width:75px;height:75px;background:#fff;border-radius:50%;color: #555;text-align: center;line-height: 75px;font-weight: normal;background: #fff url(../img/arrow_right.png) no-repeat center center;}
      .sec_main_downbtn_wrap .smdw{font-size:24px;color:#888;padding:20px 0 0 0;}

      @media screen and (max-width:1400px) {
        .sec_main_downbtn_wrap{width:100%;}
      }
      @media screen and (max-width:1250px) {
        .sec_main_downbtn_wrap .smdw1_btn a{float:none;width:100%;}
        .sec_main_downbtn_wrap .smdw1_btn a:last-child{margin:40px 0 0 0;}
      }
      @media screen and (max-width: 767.9px) {
        .sec_main_downbtn_wrap{padding:0 20px;}
        .sec_main_downbtn_wrap .smdw1_btn a{height:70px;line-height:70px;font-size:20px;padding:0 0 0 35px;}
        .sec_main_downbtn_wrap .smdw1_btn a span{top:20px;right:20px;width:32px;height:32px;background-size:50%;}
        .sec_main_downbtn_wrap .smdw2_btn a{height:70px;line-height:70px;font-size:20px;padding:0 0 0 35px;}
        .sec_main_downbtn_wrap .smdw2_btn a span{top:20px;right:20px;width:32px;height:32px;background-size:50%;}
        .sec_main_downbtn_wrap .smdw{font-size:12px;}
      }
      .sec_quick_ban .sqb2_box_wrap{overflow:hidden;width:1400px;margin:0 auto;}
      .sec_quick_ban .sqb2_box_wrap .sqb2_box1{width:100%;height:600px;background-color:#f0f0f0;border-radius:12px;padding:120px 80px;}
      .sec_quick_ban .sqb2_box_wrap .sqb2_box2{width:50%;height:950px;background-color:#f0f0f0;float:left;width:calc(50% - 20px);margin:40px 0 0 0;padding:120px 80px;border-radius:12px;}
      .sec_quick_ban .sqb2_box_wrap .sqb2_box2:last-child{float:right;}
      .sec_quick_ban .sqb2_box_wrap p{font-size:58px;color:#222;font-weight:bold;}
      .sec_quick_ban .sqb2_box_wrap span{font-size:32px;color:#777;padding:40px 0 0 0;display:block;}

      .sec_main_whynew{width:1400px;margin:0 auto;}
      .sec_main_whynew .whynew_bg1{background:url(https://wingkey.kr/application/assets/front/img/main_why_bg01.png) no-repeat right bottom;background-size:100%;}
      .sec_main_whynew .whynew_bg2{background:url(https://wingkey.kr/application/assets/front/img/main_why_bg02.png) no-repeat right bottom;background-size:100%;}
      .sec_main_whynew .whynew_bg3{background:url(https://wingkey.kr/application/assets/front/img/main_why_bg03.png) no-repeat right bottom;background-size:100%;}
      .sec_main_whynew .whynew_bg4{background:url(https://wingkey.kr/application/assets/front/img/main_why_bg04.png) no-repeat right bottom;background-size:100%;}
      .sec_main_whynew .whynew_bg5{background:url(https://wingkey.kr/application/assets/front/img/main_why_bg05.png) no-repeat right bottom;background-size:100%;}
      .sec_main_whynew .whynew_bg6{background:url(https://wingkey.kr/application/assets/front/img/main_why_bg06.png) no-repeat right bottom;background-size:100%;}
      @media screen and (max-width:1400px) {
        .sec_main_whynew{width:100%;padding:0 20px;}
      }

@media screen and (max-width:1250px) {
  .sec_quick_ban .sqb2_box_wrap .sqb2_box1{height: 450px;padding:60px 40px;}
      .sec_quick_ban .sqb2_box_wrap .sqb2_box2{height:450px;padding:60px 40px;}
  .sec_quick_ban .sqb2_box_wrap p{font-size:30px;}
      .sec_quick_ban .sqb2_box_wrap span{font-size:16px;padding:20px 0 0 0;}
}

@media screen and (max-width: 767.9px) {
  .sec_quick_ban .sqb2_box_wrap .sqb2_box1{height: 300px;padding:30px 20px;}
      .sec_quick_ban .sqb2_box_wrap .sqb2_box2{height:300px;padding:30px 20px;margin:20px 0 0 0;width:calc(50% - 10px)}
  .sec_quick_ban .sqb2_box_wrap p{font-size:15px;}
      .sec_quick_ban .sqb2_box_wrap span{font-size:11px;padding:10px 0 0 0;}
}