@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_cart {
  display: inline-block;
  width: 27px;
  min-width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'  fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1.04 1.488h7.263l.92 16.985h13.425L25.04 5.687H9.223'/%3E%3Cmask id='a' fill='%23fff'%3E%3Cellipse cx='11.888' cy='24.674' rx='1.747' ry='1.813'/%3E%3C/mask%3E%3Cpath fill='%231D1D1B' d='M11.635 24.674a.16.16 0 0 1 .048-.105.29.29 0 0 1 .205-.082v4c2.138 0 3.747-1.777 3.747-3.813h-4Zm.253-.187a.29.29 0 0 1 .204.082.16.16 0 0 1 .049.105h-4c0 2.036 1.608 3.813 3.747 3.813v-4Zm.253.187a.16.16 0 0 1-.049.106.291.291 0 0 1-.204.081v-4c-2.139 0-3.747 1.778-3.747 3.813h4Zm-.253.187a.291.291 0 0 1-.205-.08.16.16 0 0 1-.048-.107h4c0-2.035-1.609-3.813-3.747-3.813v4Z' mask='url(%23a)'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cellipse cx='19.431' cy='24.674' rx='1.747' ry='1.813'/%3E%3C/mask%3E%3Cpath fill='%231D1D1B' d='M19.178 24.674a.16.16 0 0 1 .048-.105.29.29 0 0 1 .205-.082v4c2.138 0 3.747-1.777 3.747-3.813h-4Zm.253-.187a.29.29 0 0 1 .204.082.16.16 0 0 1 .049.105h-4c0 2.036 1.608 3.813 3.747 3.813v-4Zm.253.187a.16.16 0 0 1-.049.106.291.291 0 0 1-.204.081v-4c-2.139 0-3.747 1.778-3.747 3.813h4Zm-.253.187a.291.291 0 0 1-.205-.08.16.16 0 0 1-.048-.107h4c0-2.035-1.609-3.813-3.747-3.813v4Z' mask='url(%23b)'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_push {
  display: inline-block;
  width: 28px;
  min-width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'  viewBox='0 0 28 28' fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-width='2' d='M2.984 19.58a9.646 9.646 0 0 0 2.844-6.84V9.955a8.221 8.221 0 0 1 16.442 0v2.785a9.647 9.647 0 0 0 2.844 6.84'/%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-width='2' d='M18.539 22.256c0 2.473-2.016 4.478-4.502 4.478-2.486 0-4.502-2.005-4.502-4.478M1.738 19.58h25'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_mypage {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='27'  viewBox='0 0 30 27' fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-width='2' d='M20.31 6.724c0 2.759-2.23 4.99-4.975 4.99a4.983 4.983 0 0 1-4.976-4.99c0-2.758 2.23-4.99 4.976-4.99a4.983 4.983 0 0 1 4.976 4.99ZM28.836 25.734c0-5.78-6.044-10.465-13.5-10.465s-13.5 4.685-13.5 10.465'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_bar {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'  fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 10h18M1 4h18M1 16h18'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_close {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' d='m3.332 12.668 9.333-9.333M12.664 12.668 3.331 3.335'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow {
  display: inline-block;
  width: 11px;
  min-width: 11px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.833 8.334 3.333-3.125-3.333-3.125'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 25px;
  min-width: 25px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26'   viewBox='0 0 25 26' fill='none'%3E%3Cpath fill='%231D1D1B' stroke='%231D1D1B' d='m23.673 24.177-5.418-5.774c1.518-1.847 2.44-4.265 2.44-6.908C20.695 5.708 16.277 1 10.848 1 5.418 1 1 5.708 1 11.495c0 5.786 4.418 10.494 9.848 10.494 2.48 0 4.748-.982 6.481-2.6l5.418 5.774a.632.632 0 0 0 .462.204.634.634 0 0 0 .463-.204.73.73 0 0 0 0-.986ZM2.308 11.495c0-5.018 3.832-9.1 8.54-9.1 4.707 0 8.538 4.081 8.538 9.098 0 5.018-3.83 9.1-8.538 9.1s-8.54-4.081-8.54-9.098Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_delivery {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M10.864 1.924v8.912m0 0c-2.45.003-1.206.007-3.656.01m3.656-.01h2.685M9.314.484H2.037a.97.97 0 0 0-.97.971V9.62c0 .672.586 1.216 1.31 1.216h.898m0 0a1.966 1.966 0 1 0 3.932 0 1.966 1.966 0 0 0-3.932 0Zm10.274 0a1.966 1.966 0 0 0 3.932 0m-3.932 0a1.966 1.966 0 0 1 3.932 0m0 0h.835a.75.75 0 0 0 .75-.751v-2.92c0-.881-.495-1.688-1.281-2.087l-.54-.274a1.9 1.9 0 0 1-.73-.655l-1.723-2.635A1.4 1.4 0 0 0 13.62.88h-2.756m5.076 5.024h-2.309a.504.504 0 0 1-.503-.503V2.05'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_location {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M5.356 8.345 3.54 8.94l-2.474 7.938 3.604-.444a.485.485 0 0 1 .199.017l3.49 1.045 4.476-1.125a.487.487 0 0 1 .298.02l4.032 1.606 1.901-8.204-4.002-1.92m-4.95-6.586a4.333 4.333 0 0 0-4.328 4.328c0 .433.152 1.035.451 1.79a.44.44 0 0 1 .039.096c.946 2.33 3.005 5.438 3.838 6.656.882-1.289 3.08-4.612 3.96-6.966a.5.5 0 0 1 .032-.088c.223-.614.336-1.115.336-1.487a4.333 4.333 0 0 0-4.328-4.328h0Zm0 6.713a2.397 2.397 0 0 1-2.395-2.394 2.397 2.397 0 0 1 2.395-2.395 2.397 2.397 0 0 1 2.394 2.395A2.397 2.397 0 0 1 10.114 8Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_price {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Ccircle cx='9.066' cy='9.643' r='8.65' stroke='%231D1D1B' stroke-width='.7'/%3E%3Cpath fill='%23000' d='m6.107 13.867-2.2-7.424h.464l1.996 6.795h.041l2.01-6.795h.451l2.01 6.782h.04l1.997-6.782h.465l-2.215 7.424h-.533L8.664 7.21h-.041l-1.969 6.658h-.547Z'/%3E%3Cpath fill='%23000' d='M3.387 9.41H13.9v.41H3.387v-.41Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_time {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M6.555 9.643h3.511V4.727m0-1.744V1.897m0 15.49v-1.085M4.3 6.312l-.94-.542m13.415 7.745-.94-.543m-11.535 0-.94.543M16.774 5.77l-.94.543M10.066.643c-4.962 0-9 4.037-9 9 0 4.962 4.034 8.996 8.991 9h.016c4.959-.004 8.993-4.041 8.993-9 0-4.96-4.037-9-9-9Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_plus {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'  fill='none'%3E%3Cpath fill='%231D1D1B' d='M9.344 4.195v2h-9v-2h9Z'/%3E%3Cpath fill='%231D1D1B' d='M5.843 9.695h-2v-9h2v9Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_minus {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='3' viewBox='0 0 10 3' fill='none'%3E%3Cpath fill='%23000' d='M9.344.195v2h-9v-2h9Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_like_off {
  display: inline-block;
  width: 23px;
  min-width: 23px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 23 21' fill='none'%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.887 2.631a5.256 5.256 0 0 0-7.613 0L11.24 3.698l-1.033-1.067C8.089.467 4.68.467 2.573 2.631c-2.097 2.176-2.097 5.692 0 7.867l1.034 1.067 7.613 7.856 7.613-7.856 1.033-1.067c2.108-2.164 2.108-5.691 0-7.856l.02-.01Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_like_on {
  display: inline-block;
  width: 23px;
  min-width: 23px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 23 21' fill='none'%3E%3Cpath fill='%231D1D1B' stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.887 2.631a5.256 5.256 0 0 0-7.613 0L11.24 3.698l-1.033-1.067C8.089.467 4.68.467 2.573 2.631c-2.097 2.176-2.097 5.692 0 7.867l1.034 1.067 7.613 7.856 7.613-7.856 1.033-1.067c2.108-2.164 2.108-5.691 0-7.856l.02-.01Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_re {
  display: inline-block;
  width: 23px;
  min-width: 23px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 23 14' fill='none'%3E%3Cpath fill='%231D1D1B' d='M22.5 7.206a1 1 0 0 1 0 1.732l-7.5 4.33a1 1 0 0 1-1.5-.866v-8.66a1 1 0 0 1 1.5-.866l7.5 4.33ZM10 8.072a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 8.072a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM4 2.072a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_pin {
  display: inline-block;
  width: 17px;
  min-width: 17px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cg stroke='%231D1D1B' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.666c0 4.667-6 8.667-6 8.667s-6-4-6-8.667a6 6 0 1 1 12 0Z'/%3E%3Cpath d='M8.5 8.666a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_user {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%231D1D1B' stroke-linecap='round' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M13.3333 14.5V13.1667C13.3333 12.4594 13.0524 11.7811 12.5523 11.281C12.0522 10.781 11.3739 10.5 10.6667 10.5H5.33334C4.62609 10.5 3.94782 10.781 3.44772 11.281C2.94762 11.7811 2.66667 12.4594 2.66667 13.1667V14.5'/%3E%3Cpath d='M7.99999 7.83333C9.47275 7.83333 10.6667 6.63943 10.6667 5.16667C10.6667 3.69391 9.47275 2.5 7.99999 2.5C6.52724 2.5 5.33333 3.69391 5.33333 5.16667C5.33333 6.63943 6.52724 7.83333 7.99999 7.83333Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_clock {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%231D1D1B' stroke-linecap='round' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8.00001C14.6667 4.31811 11.6819 1.33334 8 1.33334C4.3181 1.33334 1.33333 4.31811 1.33333 8.00001C1.33333 11.6819 4.3181 14.6667 8 14.6667Z'/%3E%3Cpath d='M8 4V8L10.6667 9.33333'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_cart.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1.04 1.488h7.263l.92 16.985h13.425L25.04 5.687H9.223'/%3E%3Cmask id='a' fill='%23fff'%3E%3Cellipse cx='11.888' cy='24.674' rx='1.747' ry='1.813'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M11.635 24.674a.16.16 0 0 1 .048-.105.29.29 0 0 1 .205-.082v4c2.138 0 3.747-1.777 3.747-3.813h-4Zm.253-.187a.29.29 0 0 1 .204.082.16.16 0 0 1 .049.105h-4c0 2.036 1.608 3.813 3.747 3.813v-4Zm.253.187a.16.16 0 0 1-.049.106.291.291 0 0 1-.204.081v-4c-2.139 0-3.747 1.778-3.747 3.813h4Zm-.253.187a.291.291 0 0 1-.205-.08.16.16 0 0 1-.048-.107h4c0-2.035-1.609-3.813-3.747-3.813v4Z' mask='url(%23a)'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cellipse cx='19.431' cy='24.674' rx='1.747' ry='1.813'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='M19.178 24.674a.16.16 0 0 1 .048-.105.29.29 0 0 1 .205-.082v4c2.138 0 3.747-1.777 3.747-3.813h-4Zm.253-.187a.29.29 0 0 1 .204.082.16.16 0 0 1 .049.105h-4c0 2.036 1.608 3.813 3.747 3.813v-4Zm.253.187a.16.16 0 0 1-.049.106.291.291 0 0 1-.204.081v-4c-2.139 0-3.747 1.778-3.747 3.813h4Zm-.253.187a.291.291 0 0 1-.205-.08.16.16 0 0 1-.048-.107h4c0-2.035-1.609-3.813-3.747-3.813v4Z' mask='url(%23b)'/%3E%3C/svg%3E");
}
.svg_icon.icon_push.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'  viewBox='0 0 28 28' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M2.984 19.58a9.646 9.646 0 0 0 2.844-6.84V9.955a8.221 8.221 0 0 1 16.442 0v2.785a9.647 9.647 0 0 0 2.844 6.84'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M18.539 22.256c0 2.473-2.016 4.478-4.502 4.478-2.486 0-4.502-2.005-4.502-4.478M1.738 19.58h25'/%3E%3C/svg%3E");
}

.png_icon {
  vertical-align: top;
}
.png_icon.icon_facebook {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_facebook.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.com_Main .main_bottom_slide .swiper-slide {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 3.4285714286;
}
.com_Main .main_bottom_slide .swiper-slide > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_Main .main_bottom_slide .swiper-slide > img, .com_Main .main_bottom_slide .swiper-slide > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .main_bottom_slide .swiper-slide {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-width: 100%;
    aspect-ratio: 2.5;
  }
  .com_Main .main_bottom_slide .swiper-slide > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .com_Main .main_bottom_slide .swiper-slide > img, .com_Main .main_bottom_slide .swiper-slide > a > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
    height: 100%;
  }
}
.com_Main .main_bottom_slide .swiper-button-prev {
  left: 98px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .main_bottom_slide .swiper-button-prev {
    left: 20px;
  }
}
.com_Main .main_bottom_slide .swiper-button-next {
  right: 98px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .main_bottom_slide .swiper-button-next {
    right: 20px;
  }
}
.com_Main .main_bottom_slide .swiper-button-prev:after, .com_Main .main_bottom_slide .swiper-button-next:after {
  font-size: 50px;
  color: #fff;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
@media screen and (max-width: 1023.9px) {
  .com_Main .main_bottom_slide .swiper-button-prev:after, .com_Main .main_bottom_slide .swiper-button-next:after {
    font-size: 30px;
  }
}
.com_Main .main_slide .swiper-slide {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 2.7428571429;
}
.com_Main .main_slide .swiper-slide > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_Main .main_slide .swiper-slide > img, .com_Main .main_slide .swiper-slide > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .main_slide .swiper-slide {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-width: 100%;
    aspect-ratio: 2;
  }
  .com_Main .main_slide .swiper-slide > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .com_Main .main_slide .swiper-slide > img, .com_Main .main_slide .swiper-slide > a > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
    height: 100%;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Main .main_slide .swiper-button-prev, .com_Main .main_slide .swiper-button-next {
    display: none;
  }
}
.com_Main .main_slide .swiper-button-prev:after, .com_Main .main_slide .swiper-button-next:after {
  font-size: 30px;
  color: #fff;
}
.com_Main .main_slide .swiper-horizontal > .swiper-pagination-progressbar, .com_Main .main_slide .swiper-pagination-progressbar.swiper-pagination-horizontal {
  bottom: 54px;
  width: 420px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1023.9px) {
  .com_Main .main_slide .swiper-horizontal > .swiper-pagination-progressbar, .com_Main .main_slide .swiper-pagination-progressbar.swiper-pagination-horizontal {
    width: 120px;
    bottom: 20px;
  }
}
.com_Main .main_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
.com_Main .center_wrap {
  padding-inline: 100px;
}
@media screen and (max-width: 1910px) {
  .com_Main .center_wrap {
    padding-inline: 20px;
  }
}
.com_Main .sec_tit {
  font-size: 38px;
  margin-bottom: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  gap: 40px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .sec_tit {
    gap: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.com_Main .sec_tit .btn {
  font-size: 16px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .sec_tit .btn {
    font-size: 12px;
  }
}
.com_Main .slogan {
  border-bottom: 1px solid #000;
  padding-block: 36px 50px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .slogan {
    padding-block: 18px 23px;
    font-size: 14px;
  }
}
.com_Main .slogan .big {
  margin-top: 10px;
  font-size: 50px;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .slogan .big {
    font-size: 24px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .slogan {
    padding: 18px 0 23px;
    font-size: 14px;
  }
  .com_Main .slogan .big {
    font-size: 24px;
    line-height: 1;
  }
}
.com_Main .franchise_notice_sec {
  border-bottom: 1px solid #EDEDED;
}
.com_Main .franchise_notice_sec .center_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .center_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
  }
}
.com_Main .franchise_notice_sec .franchise {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 9px;
  font-size: 24px;
  font-weight: 700;
  padding-block: 26px 30px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .franchise {
    order: 2;
    font-size: 16px;
    gap: 5px;
    padding-block: 14px 19px;
  }
}
.com_Main .franchise_notice_sec .franchise:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/bullet.png);
  width: 20px;
  min-width: 20px;
  height: 23px;
  margin-right: 8px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .franchise:before {
    width: 14px;
    height: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .franchise {
    padding: 0;
    font-size: 16px;
  }
  .com_Main .franchise_notice_sec .franchise::before {
    margin-right: 0;
  }
}
.com_Main .franchise_notice_sec .notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
  max-width: 50%;
  position: relative;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .notice {
    order: 1;
    max-width: 100%;
    gap: 10px;
  }
}
.com_Main .franchise_notice_sec .notice .tit {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .notice .tit {
    font-size: 14px;
  }
}
.com_Main .franchise_notice_sec .notice .txt {
  color: #424242;
  font-size: 20px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .notice .txt {
    font-size: 14px;
    padding-right: 20px;
  }
}
.com_Main .franchise_notice_sec .notice .txt:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 10px;
  min-width: 10px;
  height: 10px;
  border: solid #1D1D1B;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .notice .txt:after {
    width: 7px;
    min-width: 7px;
    height: 7px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .franchise_notice_sec .notice {
    order: -1;
    max-width: 100%;
    gap: 10px;
  }
  .com_Main .franchise_notice_sec .notice .tit, .com_Main .franchise_notice_sec .notice .txt {
    font-size: 14px;
  }
  .com_Main .franchise_notice_sec .notice .txt {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Main .cate_product_sec {
    margin-top: 62px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 1910px) {
  .com_Main .cate_product_sec {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec {
    padding-inline: 20px;
    margin-top: 39px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Main .cate_product_sec .product_slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    gap: 1.5%;
  }
  .com_Main .cate_product_sec .product_slide > * {
    align-self: stretch;
  }
  .com_Main .cate_product_sec .product_slide .mobile {
    display: none;
  }
  .com_Main .cate_product_sec .product_slide .swiper {
    width: 80%;
  }
  .com_Main .cate_product_sec .product_slide .no_data {
    flex: 1;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .product_slide {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    min-width: 100%;
  }
  .com_Main .cate_product_sec .product_slide .pc {
    display: none;
  }
  .com_Main .cate_product_sec .product_slide .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 10px;
    transform: translate3d(0, 0, 0) !important;
  }
  .com_Main .cate_product_sec .product_slide .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
  .com_Main .cate_product_sec .product_slide .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
}
.com_Main .cate_product_sec .product_slide .swiper-scrollbar {
  border-radius: 0;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .product_slide .swiper-scrollbar {
    display: none;
  }
}
.com_Main .cate_product_sec .product_slide .swiper-scrollbar-drag {
  border-radius: 0;
  background-color: #000;
}
.com_Main .cate_product_sec .product_slide + .product_slide {
  margin-top: 50px;
}
.com_Main .cate_product_sec .cate_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .cate_wrap {
    gap: 10px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Main .cate_product_sec .product_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .product_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    gap: 23px;
    padding-right: 20px;
    padding-right: 0;
    gap: 14px;
  }
}
.com_Main .cate_product_sec .product_area .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 1;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.com_Main .cate_product_sec .product_area .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_Main .cate_product_sec .product_area .thumb > img, .com_Main .cate_product_sec .product_area .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .product_area .thumb {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    min-width: 90px;
    aspect-ratio: auto;
  }
  .com_Main .cate_product_sec .product_area .thumb > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .com_Main .cate_product_sec .product_area .thumb > img, .com_Main .cate_product_sec .product_area .thumb > a > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
    height: 100%;
  }
}
.com_Main .cate_product_sec .product_area .info {
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 1023.9px) {
  .com_Main .cate_product_sec .product_area .info {
    padding-inline: 7px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Main .cate_product_sec .product_area .info .product_field {
    display: block;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.com_Main .cate_product_sec .product_area .btn_cart {
  background-color: rgba(223, 223, 223, 0.4);
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  margin-left: auto;
  align-self: flex-end;
}
@media screen and (max-width: 1599.9px) {
  .com_Main .cate_product_sec .product_area .btn_cart {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }
  .com_Main .cate_product_sec .product_area .btn_cart .svg_icon {
    width: 50%;
    min-width: 50%;
  }
}
.com_Main .cate_product_sec .product_area .school_name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  background-color: #F1F2F4;
  color: #CBCBCB;
  text-align: center;
  font-family: "Jalnan", "Pretendard", serif;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  word-break: break-all;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .product_area .school_name {
    font-size: 13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Main .cate_product_sec .banner {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18.5%;
    height: auto;
    min-width: 18.5%;
    aspect-ratio: 0.7555555556;
  }
  .com_Main .cate_product_sec .banner > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .com_Main .cate_product_sec .banner > img, .com_Main .cate_product_sec .banner > a > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
    height: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .banner {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-width: 100%;
    aspect-ratio: 1.8611111111;
    margin-bottom: 10px;
  }
  .com_Main .cate_product_sec .banner > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .com_Main .cate_product_sec .banner > img, .com_Main .cate_product_sec .banner > a > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
    height: 100%;
  }
}
.com_Main .cate_product_sec .no_data {
  background: #F8F8F8;
  padding: 100px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  text-align: center;
  gap: 40px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .no_data {
    padding-block: 40px;
    gap: 20px;
  }
}
.com_Main .cate_product_sec .no_data .comment {
  color: #666;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_Main .cate_product_sec .no_data .comment .tit {
  font-size: 36px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .no_data .comment .tit {
    font-size: 20px;
  }
}
.com_Main .cate_product_sec .no_data .comment .txt {
  font-size: 18px;
  line-height: 1.4;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .cate_product_sec .no_data .comment .txt {
    font-size: 14px;
  }
}
.com_Main .qna_banner {
  margin-top: 154px;
  background-color: #000;
  height: 122px;
  width: 100%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 100px;
  overflow: hidden;
  padding-inline: 20px;
  position: relative;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .qna_banner {
    margin-top: 40px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 22px;
    height: 160px;
  }
}
.com_Main .qna_banner .txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .qna_banner .txt {
    font-size: 14px;
  }
}
.com_Main .qna_banner .txt .big {
  font-size: 32px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .qna_banner .txt .big {
    font-size: 18px;
    margin-top: 5px;
  }
}
.com_Main .qna_banner .btn {
  border-radius: 50px;
  background: linear-gradient(90deg, #E72528 0%, #3466EC 100%);
  width: 200px;
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .qna_banner .btn {
    height: 40px;
    font-size: 14px;
    width: 145px;
  }
}
.com_Main .qna_banner .icon {
  margin-top: 30px;
  width: 130px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .qna_banner .icon {
    position: absolute;
    bottom: 5px;
    left: -5px;
    width: 72px;
  }
}
.com_Main .about {
  overflow: hidden;
  color: #fff;
  padding: 30px;
  position: relative;
  text-align: left;
  width: 16%;
  aspect-ratio: 253/600;
  align-self: stretch;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about {
    padding: 7px;
    aspect-ratio: 54/180;
  }
}
.com_Main .about:hover {
  cursor: pointer;
}
.com_Main .about .img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: auto;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-self: stretch;
}
.com_Main .about .img > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_Main .about .img > img, .com_Main .about .img > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.com_Main .about .tit {
  font-size: 38px;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about .tit {
    font-size: 16px;
    margin-top: auto;
  }
}
.com_Main .about .txt {
  visibility: hidden;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.com_Main .about.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  text-align: center;
  gap: 20px;
  width: auto;
  aspect-ratio: 1/1;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  flex: 1;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about.active {
    gap: 9px;
    justify-content: flex-end;
    aspect-ratio: 145/180;
  }
}
.com_Main .about.active .tit {
  font-size: 50px;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about.active .tit {
    font-size: 20px;
  }
}
.com_Main .about.active .txt {
  visibility: visible;
  overflow: visible;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about.active .txt {
    font-size: 12px;
  }
}
.com_Main .about_sec {
  margin-top: 110px;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about_sec {
    margin-top: 40px;
  }
}
.com_Main .about_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 13.6px;
  aspect-ratio: 123/60;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .com_Main .about_wrap {
    gap: 1.5px;
    width: calc(100% + 40px);
    min-width: calc(100% + 40px);
    margin-left: -20px;
    aspect-ratio: 375/180;
  }
}
.com_Main.p_front_main main {
  padding-bottom: 0;
}