@charset "UTF-8";
/* 공통 */
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
 src:url(/fonts/NotoSansKR-Thin.eot);
 src:url(/fonts/NotoSansKR-Thin.eot) format('embedded-opentype'),
     url(/fonts/NotoSansKR-Thin.woff) format('woff'),
     url(/fonts/NotoSansKR-Thin.otf) format('.otf');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
 src:url(/fonts/NotoSansKR-Light.eot);
 src:url(/fonts/NotoSansKR-Light.eot) format('embedded-opentype'),
     url(/fonts/NotoSansKR-Light.woff) format('woff'),
     url(/fonts/NotoSansKR-Light.otf) format('.otf');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
src:url(/fonts/NotoSansKR-Regular.eot);
src:url(/fonts/NotoSansKR-Regular.eot) format('embedded-opentype'),
    url(/fonts/NotoSansKR-Regular.woff) format('woff'),
    url(/fonts/NotoSansKR-Regular.otf) format('.otf');
 
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
 src:url(/fonts/NotoSansKR-Bold.eot);
 src:url(/fonts/NotoSansKR-Bold.eot) format('embedded-opentype'),
     url(/fonts/NotoSansKR-Bold.woff) format('woff'),
     url(/fonts/NotoSansKR-Bold.otf) format('.otf');
}

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

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
  /* Prevent font scaling in landscape */
  -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*/
  -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*/
  line-height: 1.5;
}

body {
  position: relative;
  min-width: 100%;
  min-height: 100vh;
  color: #222;
  /*a,&,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/
  /*select:disabled { background-image:url('../img/common/select_arrow_off.png'); background-color: #f8f8f8; } */
}
body,
body *,
body *::before,
body *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: -0.02em;
  transition: all 0.3s ease;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body,
  body *,
  body *::before,
  body *::after {
    word-break: break-all;
  }
}
body, body a, body button, body input, body textarea, body h1, body h2, body h3, body h4, body h5, body pre, body select {
  font:400 14px'Noto Sans KR', 'GmarketSansMedium', Dotum, Arial, Helvetica, sans-serif; 
  font-weight: 400;
  font-size: 14px;
}
body li,
body ol,
body ul {
  list-style: none;
}
body a,
body img {
  border: none;
}
body img {
  max-width: 100%;
}
body a + a,
body img,
body input + a,
body input + button,
body a + button,
body button + button {
  vertical-align: middle;
}
body a {
  text-decoration: none;
  display: inline-block;
  color: #222;
}
body a:hover {
  text-decoration: none;
}
body input[type=number],
body input[type=password],
body input[type=tel],
body input[type=email],
body input[type=text],
body input[type=date],
body select,
body textarea {
  padding: 0 12px;
  box-sizing: border-box;
  color: #222;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  height: 40px;
  border: solid 1px #D7D7D7;
  width: 100%;
  border-radius: 5px;
}
body input[type=number]:disabled,
body input[type=password]:disabled,
body input[type=tel]:disabled,
body input[type=email]:disabled,
body input[type=text]:disabled,
body input[type=date]:disabled,
body select:disabled,
body textarea:disabled {
  background: #F0F0F0;
}
body input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
body input[type=date] {
  padding-top: 2px;
}
body textarea {
  line-height: 1.5;
  outline: none;
}
body select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff ;
  outline: none;
  padding-inline: 15px 30px;
  border-radius: 5px;
  cursor: pointer;
}
body input[type=chekbox],
body input[type=radio] {
  display: none;
}
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body input[type=search] {
  padding-inline: 12px 10px;
  border: 1px solid #EFF2F5;
  height: 40px;
}
body input::-webkit-search-decoration,
body input::-webkit-search-cancel-button,
body input::-webkit-search-results-button,
body input::-webkit-search-results-decoration,
body input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
   background: #000 ;
  background-size: 16px auto;
  cursor: pointer;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 400;
}
body table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
body th {
  text-align: center;
}
body td {
  text-align: left;
}
body table > caption {
  position: absolute;
  text-indent: -9999px;
}
body button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
body button:disabled {
  cursor: not-allowed;
}
body button,
body input,
body textarea {
  -webkit-appearance: none;
}
body select,
body textarea,
body input[type=text] {
  width: 100%;
}
body textarea {
  min-height: 150px;
  text-align: left;
  padding: 12px 15px;
}
body input[type=tel] {
  width: 40px;
  min-width: 40px;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body input::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #A8A8A8;
  opacity: 1;
}
@media screen and (max-width: 767.9px) {
  body input::-webkit-input-placeholder,
  body textarea::-webkit-input-placeholder {
    font-size: 13px;
  }
}
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #A8A8A8;
  opacity: 1;
}
@media screen and (max-width: 767.9px) {
  body input:-ms-input-placeholder,
  body textarea:-ms-input-placeholder {
    font-size: 13px;
  }
}
body input::-ms-input-placeholder,
body textarea::-ms-input-placeholder {
  font-size: 14px;
  color: #A8A8A8;
  opacity: 1;
}
@media screen and (max-width: 767.9px) {
  body input::-ms-input-placeholder,
  body textarea::-ms-input-placeholder {
    font-size: 13px;
  }
}
body input::placeholder,
body textarea::placeholder {
  font-size: 14px;
  color: #A8A8A8;
  opacity: 1;
}
@media screen and (max-width: 767.9px) {
  body input::placeholder,
  body textarea::placeholder {
    font-size: 13px;
  }
}
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #A8A8A8;
  opacity: 1;
}
@media screen and (max-width: 767.9px) {
  body input:-ms-input-placeholder,
  body textarea:-ms-input-placeholder {
    font-size: 13px;
  }
}
body input:disabled {
  border: 1px solid #e7e8ef;
  background-color: transparent;
  cursor: not-allowed;
}
body select:disabled {
  background: url("../img/icon_arrow_down.png") no-repeat #EFF2F5;
  background-position: calc(100% - 10px) center;
  background-size: 10px auto;
}
body input[readonly],
body textarea[readonly] {
  border: 1px solid #e7e8ef;
  opacity: 1;
  background: transparent;
}
body input[readonly]:focus,
body textarea[readonly]:focus {
  outline: none;
}
body input:focus {
  outline: none;
}
body input:disabled::-webkit-input-placeholder,
body input[readonly]::-webkit-input-placeholder,
body textarea:disabled::-webkit-input-placeholder,
body textarea[readonly]::-webkit-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled:-ms-input-placeholder,
body input[readonly]:-ms-input-placeholder,
body textarea:disabled:-ms-input-placeholder,
body textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled::-ms-input-placeholder,
body input[readonly]::-ms-input-placeholder,
body textarea:disabled::-ms-input-placeholder,
body textarea[readonly]::-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled::placeholder,
body input[readonly]::placeholder,
body textarea:disabled::placeholder,
body textarea[readonly]::placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled:-ms-input-placeholder,
body input[readonly]:-ms-input-placeholder,
body textarea:disabled:-ms-input-placeholder,
body textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input::-ms-clear,
body input::-ms-reveal,
body textarea::-ms-clear,
body textarea::-ms-reveal {
  display: none;
}
body input::-webkit-inner-spin-button,
body input::-webkit-outer-spin-button,
body textarea::-webkit-inner-spin-button,
body textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
body textarea {
  resize: none;
  line-height: 1.5;
}
body textarea:disabled {
  background-color: #EFF2F5;
}
body img {
  border: 0;
  vertical-align: middle;
}
body hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
}
body main,
body section,
body article {
  display: block;
}
body fieldset,
body form {
  border: none;
  outline: none;
}
body address {
  font-style: normal;
}

@media screen and (max-width: 767.9px) {
  body {
    padding-top: 0px;
  }
  body .tirero_banner,
  body .header,
  body .aside_sec.my_menu {
    display: none;
  }
}

@media screen and (max-width: 767.9px) {
  .p_main, .p_product_list, .p_mypage, .p_partner_manager {
    padding-top: 0;
  }
  .p_main .tirero_banner,
  .p_main .header,
   .p_login .header,
  .p_main .aside_sec.my_menu, .p_product_list .tirero_banner,
  .p_product_list .header,
  .p_product_list .aside_sec.my_menu, .p_mypage .tirero_banner,
  .p_mypage .header,
  .p_mypage .aside_sec.my_menu, .p_partner_manager .tirero_banner,
  .p_partner_manager .header,
  .p_partner_manager .aside_sec.my_menu {
    display: block;
  }
  .p_main .main_container, .p_product_list .main_container, .p_mypage .main_container, .p_partner_manager .main_container {
    min-height: calc(100vh - 124px - 498px);
  }
}

.tirero_banner {
  position: relative;
  width: 100%;
  background: #0057FF;
  overflow: hidden;
}
.tirero_banner .link {
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
  font-size: 24px;
  color: #fff;
}
.tirero_banner .link .inner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .tirero_banner .link {
    height: 60px;
    font-size: 16px;
    text-align: left;
  }
}
.tirero_banner .btn_close {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: -620px;
  width: 80px;
  height: 80px;
}
.tirero_banner .btn_close img {
  width: 20px;
}
@media screen and (max-width: 1299.9px) {
  .tirero_banner .btn_close {
    right: 0;
    margin-right: -12px;
  }
}
@media screen and (max-width: 767.9px) {
  .tirero_banner .btn_close {
    right: 18px;
    margin-right: -22.5px;
    width: 60px;
    height: 60px;
  }
  .tirero_banner .btn_close img {
    width: 15px;
  }
}
.tirero_banner.close {
  display: none !important;
}
.tirero_banner.hide {
  display: none;
}

.header {
  position: relative;
  height: 110px;
  background: #1f396a;
  border:0px solid yellow;
}
.header.fixed .hd__top {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 12;
  padding-block: 13px;
  box-shadow: 0 0 16px rgba(31, 57, 106, 0.1);
  border:0px solid red;
 background: #1f396a;
}
.header,
.header * {
  transition: none;
}
.header .hd__top {
  width: 100%;
  padding-block: 20px 20px;

}
.header .hd__top .com_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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.9px) {
  .header {
    height: 110px;
  }
}
@media screen and (max-width: 767.9px) {
  .header {
    height: 110px;
	border:0px solid yellow;
  }
  .header .hd__top {
    padding-block: 13px;
  }
}
.header .logo {
  width: 230px;
  border:0px solid yellow;
}
@media screen and (max-width: 1023.9px) {
  .header .logo {
    width: 270px !important;
  }
}
@media screen and (max-width: 767.9px) {
  .header .logo {
    order: 1;
    width: 112px !important;
  }
}
.header .icon_menus {
  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: end;
  gap: 25px;
}
@media screen and (max-width: 1023.9px) {
  .header .icon_menus {
    gap: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .header .icon_menus {
    order: 2;
    margin-left: auto;
    align-items: flex-start;
  }
}
.header .icon_menus .menu {
  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;
  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;
  position: relative;
  gap: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.header .icon_menus .menu.bar {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .header .icon_menus .menu {
    gap: 0 !important;
    font-size: 0;
  }
  .header .icon_menus .menu.bar {
    display: block;
  }
}
.header .icon_menus .menu .icon {
  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;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
}
@media screen and (max-width: 1023.9px) {
  .header .icon_menus .menu .icon {
    
    width: 26px;
    height: 26px;
  }
}
.header .icon_menus .menu .icon img {
  width: 30px;
}
@media screen and (max-width: 1023.9px) {
  .header .icon_menus .menu .icon img {
    width: 26px;
  }
}
@media screen and (max-width: 1023.9px) {
  .header .icon_menus .menu .icon .svg_icon {
    min-width: 24px;
    width: 24px;
    height: 26px;
  }
  .header .icon_menus .menu .icon .svg_icon.icon_partner {
    min-width: 26px;
    width: 26px;
  }
  .header .icon_menus .menu .icon .svg_icon.icon_cart {
    min-width: 22px;
    width: 22px;
  }
}
.header .icon_menus .menu .num {
  background-color: #ED1B23;
  height: 20px;
  min-width: 20px;
  padding-inline: 3px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  line-height: initial;
  position: absolute;
  font-weight: 600;
  color: #fff;
  right: -5px;
  top: -7px;
  font-size: 14px;
  border-radius: 100%;
  font-style: normal;
}
@media screen and (max-width: 767.9px) {
  .header .icon_menus .menu .num {
    font-size: 10px;
    height: 15px;
    min-width: 15px;
  }
}
.header .com_total_search {
  width: calc(100% - 590px);
}
@media screen and (max-width: 1023.9px) {
  .header .com_total_search {
    width: calc(100% - 400px) !important;
  }
}
@media screen and (max-width: 767.9px) {
  .header .com_total_search {
    order: 3;
    width: 100% !important;
    margin-top: 17px;
  }
}
.header .login_info {
  font-size: 14px;
  font-weight: 600;
  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;
  align-items: flex-start;
  gap: 8px;
  padding-block: 30px 25px;
  border-bottom: 1px solid #EFF2F5;
  width: 100%;
}
@media screen and (min-width: 767.9px) {
  .header .login_info {
    display: none;
  }
}
.header .login_info .badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  height: 18px;
  padding-inline: 4px;
  border-radius: 2px;
  background: #D9E6FF;
  font-size: 12px;
  color: #0057FF;
}
.header .app_area {
  border-top: 1px solid #EFF2F5;
  padding-block: 25px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px 9px;
  width: 100%;
  gap: 9px;
}
.header .app_area > * {
  width: calc((100% - 9px * 1) / 2);
  min-width: calc((100% - 9px * 1) / 2);
}
@media screen and (min-width: 767.9px) {
  .header .app_area {
    display: none;
  }
}
.header .app_area .tit {
  color: #6A6C70;
  font-size: 12px;
  width: 100%;
}
.header .app_area .tit .bold {
  color: #222;
  font-weight: 600;
}
.header .app_area .btn {
  border-radius: 5px;
  border: 1px solid #DFE4EC;
  height: 50px;
  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: 8px;
}
.header .app_area .btn img {
  height: 25px;
}
.header .app_area .btn .txt {
  color: #909090;
  font-size: 10px;
  font-weight: 500;
  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;
  align-items: flex-start;
}
.header .app_area .btn .txt .name {
  font-size: 12px;
  font-weight: 700;
  color: #222;
}

.gnb {
  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: 10px;
  margin-left: -17px;
}
@media screen and (max-width: 1023.9px) {
  .gnb {
    margin-left: -12px;
  }
}
@media screen and (max-width: 767.9px) {
  .gnb {
    margin-left: 0;
    width: 100%;
    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;
    align-items: flex-start;
    gap: 23px;
    padding-top: 25px;
  }
}
.gnb .menu {
  padding: 10px 20px;
  line-height: 1.2;
  font-weight: 700;
  font-size: 20px;
  color: #303030;
}
.gnb .menu.active {
  color: #0057FF;
}
@media screen and (max-width: 1023.9px) {
  .gnb .menu {
    padding-inline: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .gnb .menu {
    font-weight: 600;
    font-size: 14px;
  }
}
@media screen and (min-width: 767.9px) {
  .gnb .menu img {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .gnb .menu img {
    width: 18px;
    margin-right: 8px;
  }
}
.gnb__wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  transition: none;
}
.gnb__wrap .com_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: 767.9px) {
  .gnb__wrap {
    position: fixed;
    right: -100%;
    z-index: 13;
    height: 100vh;
    overflow-y: auto;
  }
  .gnb__wrap.active {
    right: 0;
    transition: right 0.4s ease;
  }
  .gnb__wrap .com_center_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;
    justify-content: flex-start;
  }
}
.gnb__wrap .btn_close {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .gnb__wrap .btn_close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 14px;
  }
}

.ribbon_menu {
  margin-left: auto;
}
@media screen and (max-width: 767.9px) {
  .ribbon_menu {
    border-top: 1px solid #EFF2F5;
    padding-block: 25px;
    margin-top: 25px;
    margin-left: 0;
    width: 100%;
    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: 23px;
  }
}
.ribbon_menu .menu {
  color: #818181;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 767.9px) {
  .ribbon_menu .menu:not(:last-child) {
    position: relative;
  }
  .ribbon_menu .menu:not(:last-child)::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 1px;
    height: 12px;
    margin-inline: 9px;
    background: #DFE4EC;
    cursor: default;
  }
  .ribbon_menu .menu:not(:last-child):after {
    vertical-align: -2px;
  }
}
@media screen and (max-width: 767.9px) {
  .ribbon_menu .menu {
    color: #222;
  }
}
@media screen and (min-width: 767.9px) {
  .ribbon_menu .menu.m {
    display: none;
  }
}

.tirero_banner ~ .main_container {
  min-height: calc(100vh - 80px - 170px - 270px);
}
@media screen and (max-width: 1023.9px) {
  .tirero_banner ~ .main_container {
    min-height: calc(100vh - 80px - 140px - 270px);
  }
}
@media screen and (max-width: 767.9px) {
  .tirero_banner ~ .main_container {
    min-height: calc(100vh - 60px - 124px - 498px);
  }
}

.tirero_banner.close ~ .main_container,
.main_container {
  padding-block: 0px 100px;
  min-height: calc(100vh - 170px - 270px);
}
@media screen and (max-width: 1023.9px) {
  .tirero_banner.close ~ .main_container,
  .main_container {
    padding-top: 18px;
    min-height: calc(100vh - 140px - 270px);
  }
}
@media screen and (max-width: 767.9px) {
  .tirero_banner.close ~ .main_container,
  .main_container {
    padding-block: 0 36px;
    min-height: calc(100vh - 55px - 498px);
  }
}

@media screen and (min-width: 767.9px) {
  .main_container.has_lnb {
    display: grid;
    grid-template-columns: 180px auto;
    grid-template-rows: 120px auto;
    gap: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .main_container.has_lnb {
    display: block !important;
  }
}
@media screen and (min-width: 767.9px) {
  .main_container.has_lnb .com_pg_tit__wrap {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 767.9px) {
  .main_container.has_lnb .lnb {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .main_container.has_lnb .container {
    padding: 15px;
  }
}
@media screen and (min-width: 767.9px) {
  .main_container.has_lnb .container {
    border: 1px solid #DFE4EC;
    border-radius: 20px;
    padding: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .main_container.has_lnb .container {
    width: 100%;
    padding: 0;
  }
}
.main_container.has_lnb .container .com_paging {
  margin-bottom: 0;
}

.com_center_wrap {
  position: relative;
  width: 1180px;
  max-width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 1299.9px) {
  .com_center_wrap {
    padding-inline: 18px;
  }
}

.com_pg_tit {
  padding-block: 30px 25px;
  font-weight: 600;
  font-size: 44px;
}
@media screen and (max-width: 1023.9px) {
  .com_pg_tit {
    padding-block: 20px 15px;
    font-size: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit {
    font-size: 20px;
    padding-block: 10px 0;
  }
}
@media screen and (min-width: 767.9px) {
  .com_pg_tit.line {
    border-bottom: 1px solid #DFE4EC;
    width: calc(100% + 60px);
    margin-left: -30px;
    padding-left: 30px;
    margin-bottom: 30px;
  }
}
.com_pg_tit__wrap .btn_prev,
.com_pg_tit__wrap .btn_home {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .com_pg_tit__wrap.type_top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding-inline: 18px;
    border-bottom: 1px solid #F6F8FB;
    height: 55px;
    width: 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: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  }
  .com_pg_tit__wrap.type_top .btn_prev {
    content: "";
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border: solid #222;
    border-width: 2px 2px 0 0;
    transform: rotate(-135deg);
  }
  .com_pg_tit__wrap.type_top .com_pg_tit {
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
  }
  .com_pg_tit__wrap.type_top .btn_home {
    width: 24px;
    display: block;
  }
}
@media screen and (min-width: 767.9px) {
  .com_pg_tit + .com_pg_tit__wrap.type_top {
    display: none;
  }
}

@media screen and (min-width: 767.9px) {
  .lnb {
    gap: 15px;
    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;
  }
}
@media screen and (max-width: 767.9px) {
  .lnb {
    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;
    width: calc(100% + 36px);
    margin-left: -18px;
  }
}
.lnb .menu {
  display: block;
  text-align: left;
  line-height: initial;
  font-weight: 600;
  font-size: 22px;
  color: #909090;
  transition: none;
}
@media screen and (max-width: 767.9px) {
  .lnb .menu {
    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;
    flex: 1;
    height: 47px;
    font-size: 14px;
    color: #BABBBF;
    border-bottom: 1px solid #EFF2F5;
  }
}
.lnb .menu.active {
  color: #0057FF;
}
@media screen and (max-width: 767.9px) {
  .lnb .menu.active {
    color: #222;
    height: 44px;
    border-bottom: 3px solid #0057FF;
  }
}

.lnb_contents {
  display: none;
  height: 100%;
}
.lnb_contents.active {
  display: block;
}

.btn_go_top {
  position: fixed;
  right: 30px;
  bottom: 140px;
  z-index: 9;
  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;
  width: 60px;
  height: 60px;
  font-weight: 700;
  background: #FFF;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  display: none;
}
@media screen and (max-width: 1023.9px) {
  .btn_go_top {
    right: 15px;
    bottom: 80px;
  }
}
.btn_go_top .icon_top {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/icon_top.png);
  width: 13px;
  min-width: 13px;
  height: 17px;
  width: 100%;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
}

.footer {
  background-color: #F6F8FB;
  padding-block: 40px 39px;


}
@media screen and (max-width: 767.9px) {
  .footer {
    padding-block: 0px 30px;
  }
}
.footer .com_center_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;
}
.footer .link_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: 20px;
  margin-bottom: 23px;
}
@media screen and (max-width: 767.9px) {
  .footer .link_area {
    margin-left: -5px;
    gap: 5px;
    margin-bottom: 17px;
  }
}
.footer .link_area .link {
  font-weight: 500;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .footer .link_area .link {
    padding-inline: 5px;
    line-height: 23px;
    font-size: 14px;
  }
}
.footer .link_area .link:not(:first-child) {
  color: #4D4D4D;
}
@media screen and (min-width: 767.9px) {
  .footer .cs {
    text-align: right;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.footer .cs .tel {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 23px;
}
@media screen and (max-width: 767.9px) {
  .footer .cs .tel {
    line-height: 1.22;
    font-size: 18px;
    margin-bottom: 14px;
  }
}
.footer .cs .time {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 767.9px) {
  .footer .cs .time {
    font-size: 14px;
    line-height: 1.42;
  }
}
.footer .address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 20px;
  width: 630px;
  font-weight: 500;
  font-size: 14px;
  color: #929292;
  line-height: 2;
}
@media screen and (max-width: 767.9px) {
  .footer .address {
    margin-top: 20px;
    gap: 0 15px;
    font-size: 12px;
    width: auto;
    line-height: 1.66;
  }
}
.footer .address .info {
  display: inline-block;
  vertical-align: top;
}
.footer .address .info:nth-of-type(2) {
  width: calc(100% - 120px);
}
@media screen and (max-width: 767.9px) {
  .footer .address .info:nth-of-type(2) {
    width: calc(100% - 100px);
  }
}
.footer .address .copy {
  margin-top: 32px;
  display: block;
  width: 100%;
  line-height: 28px;
}
@media screen and (max-width: 767.9px) {
  .footer .address .copy {
    margin-top: 12px;
  }
}
.footer .sns {
  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;
}
@media screen and (min-width: 767.9px) {
  .footer .sns {
    position: absolute;
    right: 0;
    bottom: 3px;
  }
}
@media screen and (max-width: 767.9px) {
  .footer .sns {
    margin-top: 20px;
    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;
  }
}
.footer .sns img {
  height: 23px;
}

.bottom_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding-inline: 7px;
  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;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  z-index: 11;
}
@media screen and (min-width: 767.9px) {
  .bottom_menu {
    display: none;
  }
}
.bottom_menu .menu {
  height: 60px;
  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;
  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;
  flex: 1;
  font-size: 12px;
  color: #999;
  gap: 2px;
}
.bottom_menu .menu img {
  width: 24px;
  opacity: 0.4;
}
.bottom_menu .menu.active {
  color: #222;
}
.bottom_menu .menu.active img {
  opacity: 1;
}

.scroll_lock {
  overflow: hidden;
}

.com_layout_col {
  position: relative;
  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_layout_col {
    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;
    width: 100%;
    height: auto !important;
  }
}
.com_layout_col .body_sec, .com_layout_col .aside_sec {
  align-self: flex-start;
  padding: 30px;
  border: 1px solid #DFE4EC;
  border-radius: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .body_sec, .com_layout_col .aside_sec {
    padding: 20px 18px;
  }
}
.com_layout_col .body_sec {
  width: calc(100% - 420px);
  overflow: hidden;
}
.com_layout_col .body_sec > .tit {
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: 600;
}
@media screen and (max-width: 1299.9px) {
  .com_layout_col .body_sec {
    width: calc(100% - 405px);
  }
}
@media screen and (max-width: 1023.9px) {
  .com_layout_col .body_sec {
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .body_sec {
    border: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_layout_col .body_sec + .aside_sec {
    margin-block: 20px 0;
  }
}
.com_layout_col .body_sec .com_qna_box {
  position: relative;
  padding: 10px 30px;
  width: 100%;
  background: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .body_sec .com_qna_box {
    padding: 20px 18px;
    border: 0;
    border-radius: 0;
  }
}
.com_layout_col .body_sec .com_qna_box .container.box {
  padding-block: 20px;
}
.com_layout_col .body_sec .com_qna_box {
  position: relative;
  padding: 10px 30px;
  width: 100%;
  background: #fff;
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .body_sec .com_qna_box {
    padding: 0 18px;
    border: 0;
    border-radius: 0;
  }
}
.com_layout_col .body_sec .com_qna_box .container.box {
  padding-block: 20px;
}
.com_layout_col .aside_sec {
  position: relative;
  width: 380px;
  background: #fff;
}
@media screen and (max-width: 1023.9px) {
  .com_layout_col .aside_sec {
    width: 100%;
    margin-block: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .aside_sec {
    border: none;
    border-radius: 0;
    padding: 0;
  }
}
.com_layout_col .aside_sec.my_menu ~ .body_sec {
  margin-left: auto;
}
@media screen and (max-width: 1023.9px) {
  .com_layout_col .aside_sec.my_menu ~ .body_sec {
    margin-left: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .aside_sec.my_menu ~ .body_sec {
    margin-left: -18px;
  }
  .com_layout_col .aside_sec.my_menu ~ .body_sec > .com_btn__wrap.bottom {
    padding-inline: 18px;
  }
}
.com_layout_col .aside_sec .info_detail {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EFF2F5;
}
.com_layout_col .aside_sec .info_detail .tit_field {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 13px;
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .aside_sec .info_detail .tit_field {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.com_layout_col .aside_sec .info_detail .info_field {
  font-size: 16px;
  color: #6A6C70;
}
@media screen and (min-width: 1023.9px) {
  .com_layout_col .aside_sec.has_scrl {
    padding: 20px 10px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_layout_col .aside_sec .scroll_all {
    max-height: calc(100vh - 140px - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-face-color: transparent; /*스크롤*/
    scrollbar-highlight-color: #909090; /*하이라이트*/
    scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
    scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
    scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
    scrollbar-arrow-color: transparent; /*화살*/
    scrollbar-track-color: transparent; /*스크롤영역*/
    padding: 10px 20px;
  }
  .com_layout_col .aside_sec .scroll_all::-webkit-scrollbar { /*스크롤바*/
    width: 6px;
    height: 6px;
  }
  .com_layout_col .aside_sec .scroll_all::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
    width: 0;
    height: 0;
  }
  .com_layout_col .aside_sec .scroll_all::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
    background-color: #909090;
    background-clip: padding-box;
    border-radius: 5px;
  }
  .com_layout_col .aside_sec .scroll_all::-webkit-scrollbar-track { /*스크롤바 진행줄*/
    background: none;
  }
  .com_layout_col .aside_sec .scroll_all::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
    background: none;
  }
}
.com_layout_col .aside_sec .sub_menu_toggle {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .aside_sec .sub_menu {
    padding: 20px 18px 0;
  }
}
.com_layout_col .aside_sec .sub_menu .partition {
  padding-top: 23px;
}
.com_layout_col .aside_sec .sub_menu .partition ~ .partition {
  margin-top: 23px;
  border-top: 1px solid #EFF2F5;
}
.com_layout_col .aside_sec .sub_menu .partition .tit {
  line-height: 1.2;
  font-size: 14px;
  color: #909090;
  padding-bottom: 10px;
}
.com_layout_col .aside_sec .sub_menu .partition .list li {
  margin-top: 10px;
}
.com_layout_col .aside_sec .sub_menu .partition .list li.active a {
  color: #0057FF;
}
.com_layout_col .aside_sec .sub_menu .partition .list a {
  line-height: 19px;
  font-weight: 600;
  font-size: 16px;
  color: #222;
}
@media screen and (max-width: 767.9px) {
  .com_layout_col .aside_sec .sub_menu .partition {
    padding-top: 10px;
  }
  .com_layout_col .aside_sec .sub_menu .partition ~ .partition {
    padding-top: 15px;
  }
  .com_layout_col .aside_sec .sub_menu .partition .tit {
    font-size: 12px;
  }
  .com_layout_col .aside_sec .sub_menu .partition .list a {
    line-height: 1.21;
    font-size: 14px;
  }
}

.swiper-button-next, .swiper-button-prev {
  color: #222;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 24px;
}

.swiper-button-prev {
  left: -30px;
}

.swiper-button-next {
  right: -30px;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #D9D9D9;
  opacity: 0.5;
  border-radius: 5px;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.swiper-pagination-bullet-active {
  width: 48.718px;
  background-color: #222;
  opacity: 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;
}

.com_btn {
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  line-height: initial;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 5px;
}
@media screen and (max-width: 767.9px) {
  .com_btn {
    gap: 6px;
  }
}
.com_btn__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: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  position: relative;
  gap: 10px;
}
.com_btn__wrap.bottom {
  margin-top: 25px;
  position: relative;
  gap: 10px;
}
.com_btn__wrap.bottom .com_btn {
  padding-inline: 20px;
}
.com_btn__wrap.bottom .gray.full_m:hover {
  color: #555;
  background: #dbdfe5;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.com_btn.point {
  background: #0057FF;
}
.com_btn.black {
  background-color: #090909;
}
.com_btn.sky {
  background-color: #D9E6FF;
  color: #0057FF;
}
.com_btn.dark_gray {
  background-color: #6A6C70;
}
.com_btn.gray {
  background-color: #EFF2F5;
  color: #909090;
}
.com_btn.line {
  background: #fff;
  border: 1px solid #6A6C70;
  color: #222;
  font-weight: 400;
}
.com_btn.line.point {
  border-color: #0057FF;
  color: #0057FF;
}
.com_btn.line.gray {
  border-color: #6A6C70;
  color: #6A6C70;
}
.com_btn.line.red {
  border-color: #FF2626;
  color: #FF2626;
}
.com_btn.line.green {
  border-color: #177848;
  color: #177848;
}
.com_btn:disabled {
  background: #EFF2F5;
  color: #909090 !important;
  border: none;
}
.com_btn.oval {
  border-radius: 50px;
}
.com_btn.oval .icon.reset {
  margin-bottom: 2px;
}
.com_btn.big {
  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;
  height: 77px;
  gap: 5px;
}
.com_btn.m {
  height: 47px;
  font-size: 16px;
  font-weight: 600;
  padding-inline: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_btn.m {
    font-size: 13px;
  }
}
.com_btn.s {
  height: 40px;
  font-size: 13px !important;
  font-weight: 600;
}
.com_btn.xs {
  height: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_btn.xs {
    font-size: 12px;
  }
}
.com_btn.xxs {
  height: 24px;
  font-size: 12px;
}
.com_btn.full {
  width: 100% !important;
}
@media screen and (max-width: 767.9px) {
  .com_btn.full_m {
    width: 100%;
  }
}
.com_btn.txt {
  padding: 0;
  background: none;
  border: none;
  height: initial !important;
}
.com_btn.txt.point {
  color: #0057FF;
}
.com_btn.txt.m {
  font-weight: 400;
}
@media screen and (max-width: 767.9px) {
  .com_btn.txt.m {
    font-size: 12px;
  }
  .com_btn.txt.m .icon.arrow:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 5px;
    height: 5px;
    border: solid #6A6C70;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    margin-bottom: 2px;
  }
}
.com_btn.icon {
  aspect-ratio: 1/1;
  padding: 0;
  text-align: center;
}
.com_btn .icon.reset {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_reset.png);
  width: 12px;
  min-width: 12px;
  height: 15px;
}
.com_btn .icon.reset_black {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_reset_black.png);
  width: 12px;
  min-width: 12px;
  height: 17px;
}
.com_btn .icon.del_point {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_del_point.png);
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.com_btn .icon.cart {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_cart_point.png);
  width: 16px;
  min-width: 16px;
  height: 17px;
}
.com_btn .icon.cart_gray {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_cart.png);
  width: 21px;
  min-width: 21px;
  height: 21px;
  opacity: 0.7;
}
.com_btn .icon.filter {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_filter.png);
  width: 15px;
  min-width: 15px;
  height: 13px;
}
.com_btn .icon.del {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_del.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
  opacity: 0.8;
}
.com_btn .icon.my_location {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_my_location.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_btn .icon.arrow {
    padding-right: 2px;
  }
}
.com_btn .icon.arrow:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 7px;
  height: 7px;
  border: solid #6A6C70;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
.com_btn .icon.add {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_add_circle.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.com_btn .icon.excel {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_excel.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.com_btn_more {
  font-size: 16px;
  font-weight: 500;
  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;
  padding-right: 3px;
}
@media screen and (max-width: 767.9px) {
  .com_btn_more {
    font-size: 14px;
  }
}
.com_btn_more:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  border: solid #222;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  margin-left: 11px;
  margin-top: -1px;
}
@media screen and (max-width: 767.9px) {
  .com_btn_more:after {
    margin-left: 8px;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    margin-top: -2px;
  }
}

.com_tip {
  font-size: 16px;
  font-weight: 600;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_tip {
    font-size: 14px;
  }
}
.com_tip .icon {
  margin-left: 7px;
  background-color: #EFF2F5;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_tip .icon {
    width: 16px;
    height: 16px;
  }
}
.com_tip .icon:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_tip.png);
  width: 7px;
  min-width: 7px;
  height: 12px;
}
@media screen and (max-width: 767.9px) {
  .com_tip .icon:before {
    width: 4.6px;
    height: 8px;
  }
}

/*!페이징 << < > >> */
.com_paging {
  margin-block: 48px 80px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .com_paging {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_paging {
    margin-top: 20px;
  }
}
.com_paging .btn_first, .com_paging .btn_prev, .com_paging .btn_page, .com_paging .btn_next, .com_paging .btn_last {
  min-width: 16px;
  height: 16px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
}
.com_paging .btn_first img, .com_paging .btn_prev img, .com_paging .btn_page img, .com_paging .btn_next img, .com_paging .btn_last img {
  height: 18px;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_first img, .com_paging .btn_prev img, .com_paging .btn_page img, .com_paging .btn_next img, .com_paging .btn_last img {
    height: 14px;
  }
}
.com_paging .btn_first, .com_paging .btn_prev {
  transform: rotate(180deg);
}
.com_paging .btn_prev {
  margin-right: 15px;
}
.com_paging .btn_next {
  margin-left: 15px;
}
.com_paging .btn_page {
  line-height: inherit;
  padding-inline: 5px;
  height: 24px;
  min-width: 24px;
  font-size: 16px;
  margin-inline: 5px;
  font-weight: 600;
  color: #707070;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_page {
    font-size: 14px;
    height: 20px;
    min-width: 20px;
  }
}
.com_paging .btn_page.active {
  color: #fff;
  border-radius: 5px;
  background-color: #0057FF;
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.com_tab {
  display: flex;
  gap: 3px;
  border-bottom: 1px solid #EFF2F5;
  margin-bottom: 23px;
}
.com_tab .tab {
  min-width: 100px;
  text-align: center;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 13px;
  background: #EFF2F5;
  border: 1px solid #E8E8E8;
  border-radius: 5px 5px 0 0;
  margin-bottom: -1px;
  transition: none;
}
@media screen and (max-width: 767.9px) {
  .com_tab .tab {
    flex: 1;
  }
}
.com_tab .tab.active {
  color: #fff;
  background: #0057FF;
  border: 1px solid #0057FF;
}
.com_tab.full {
  width: 100%;
  border-block: 1px solid #DFE4EC;
  background: #F6F8FB;
}
.com_tab.full .com_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;
  border-right: 1px solid #DFE4EC;
}
@media screen and (max-width: 767.9px) {
  .com_tab.full .com_center_wrap {
    padding-inline: 0;
    width: 100%;
  }
}
.com_tab.full .tab {
  margin: 0;
  padding: 14px;
  flex: 1;
  min-width: 25%;
  width: 25%;
  height: 49px;
  line-height: 19px;
  font-size: 16px;
  color: #909090;
  border: 0;
  border-left: 1px solid #DFE4EC;
  border-radius: 0;
}
@media screen and (max-width: 1023.9px) {
  .com_tab.full .tab {
    height: 45px;
    line-height: 17px;
    font-size: 14px;
  }
}
.com_tab.full .tab.active {
  color: #222;
  background: #FFF;
}
.com_tab_contents {
  display: none;
}
.com_tab_contents.active {
  display: block;
}

.com_chk {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  font-size: 14px;
  color: #222;
  transition: none;
}
@media screen and (max-width: 767.9px) {
  .com_chk {
    font-size: 13px;
  }
}
.com_chk:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #E0E0E0;
  vertical-align: -5px;
  border-radius: 3px;
  transition: none;
}
.com_chk.has_chk:before {
  background: #0057FF url("/assets/chk_on.png") no-repeat center 40%;
  background-size: 12px auto;
  border: 0;
}
.com_chk.circle:before {
  border-radius: 100%;
}
.com_chk.circle.has_chk:before {
  background: #fff url("../img/radio_on.png") no-repeat center;
  background-size: contain;
}
.com_chk input:disabled {
  cursor: default;
}
.com_chk input:disabled:before {
  opacity: 0.5;
}
.com_chk input:checked:disabled:before {
  opacity: 1;
}
.com_chk .sub {
  font-size: 13px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_chk .sub {
    font-size: 12px;
  }
}
.com_chk__wrap {
  gap: 7px 20px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.9px) {
  .com_chk__wrap.payment {
    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;
  }
}
.com_chk__wrap.payment .com_chk {
  flex: 1;
}
@media screen and (max-width: 767.9px) {
  .com_chk__wrap.payment .com_chk {
    width: 100%;
  }
}
.com_chk__wrap + .com_chk__wrap {
  margin-top: 18px;
}
.com_chk__wrap + .com_chk {
  margin-top: 20px;
}
.com_chk.line {
  border: 1px solid #EFF2F5;
  border-radius: 5px;
  padding: 15px;
}
@media screen and (max-width: 767.9px) {
  .com_chk.line {
    padding-block: 11px;
  }
}
.com_chk.line.has_chk {
  border-color: #0057FF;
}

.com_chk_btn {
  border-radius: 5px;
  background: #EFF2F5;
  height: 50px;
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  transition: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  min-width: 125px;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  .com_chk_btn {
    height: 33px;
    min-width: auto;
    font-size: 14px;
    font-weight: 400;
    padding-inline: 10px;
  }
}
.com_chk_btn input {
  display: none;
}
.com_chk_btn__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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.com_chk_btn.m {
  font-size: 12px;
  height: 40px;
  min-width: auto;
  padding-inline: 15px;
}
.com_chk_btn.s {
  font-size: 14px;
  height: 33px;
  min-width: auto;
  padding-inline: 10px;
}
.com_chk_btn.line {
  background: #fff;
  border: 1px solid #6A6C70;
  color: #222;
}
.com_chk_btn.has_chk {
  color: #fff;
  background: #0057FF;
  border-color: #0057FF;
}

.com_btn_deliver {
  position: relative;
  padding: 20px;
  display: grid;
  gap: 7px 26px;
  grid-template-columns: 50px calc(100% - 76px);
  grid-template-rows: repeat(2, auto);
  background: #FFF;
  border: 1px solid #DFE4EC;
  border-radius: 10px;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  .com_btn_deliver {
    gap: 3px 13px;
    grid-template-columns: 42px calc(100% - 55px);
    padding: 14px 16px;
  }
}
.com_btn_deliver input {
  display: none;
}
.com_btn_deliver .img {
  grid-row: 1/3;
}
.com_btn_deliver .tit_field {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .com_btn_deliver .tit_field {
    font-size: 14px;
  }
}
.com_btn_deliver .info_field {
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_btn_deliver .info_field {
    font-size: 12px;
  }
}
.com_btn_deliver.has_chk {
  background: #F6F8FB;
  box-shadow: 0 0 10px 0 rgba(31, 39, 62, 0.1);
}
.com_btn_deliver.has_chk::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0057FF;
  border-radius: 10px;
}
.com_btn_deliver__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: 10px;
}

.com_btn_like {
  position: relative;
  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;
  width: 100%;
  height: 50px;
  font-weight: 600;
  font-size: 16px;
  color: #BABBBF;
  overflow: hidden;
  background: #F6F8FB;
  border: 2px solid #DFE4EC;
  border-radius: 10px;
  cursor: pointer;
}
.com_btn_like .icon.thumb {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_thumb_off.png);
  width: 25px;
  min-width: 25px;
  height: 21px;
  margin: 0 9px 4px 0;
}
.com_btn_like.has_chk {
  color: #0057FF;
  background: #fff;
  border-color: #0057FF;
}
.com_btn_like.has_chk .icon.thumb {
  background-image: url("../img/icon_thumb.png");
}

.com_add_file {
  position: relative;
  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;
  width: 100%;
  height: 40px;
  font-weight: 600;
  font-size: 13px;
  color: #6A6C70;
  overflow: hidden;
  border: 1px solid #6A6C70;
  border-radius: 5px;
  cursor: pointer;
}
.com_add_file input[type=file] {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 1px;
  height: 1px;
  background: transparent;
  border: 0;
}
.com_add_file .icon.camera {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_camera.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 10px;
}

.com_switch {
  position: relative;
  width: 60px;
  height: 30px;
  display: inline-block;
  -webkit-appearance: none;
  background-color: #dedede;
  border-radius: 100px;
  cursor: pointer;
}
.com_switch__wrap {
  position: relative;
  height: 30px;
}
.com_switch:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #999;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
}
.com_switch:checked[type=checkbox] {
  background-color: #0057FF;
}
.com_switch:checked[type=checkbox]:after {
  left: 31px;
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.com_like {
  position: relative;
  min-width: 21px;
  height: 19px;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  .com_like {
    width: 19px;
    height: 16px;
  }
}
.com_like:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_like_off.png);
  width: 21px;
  min-width: 21px;
  height: 19px;
  transition: none;
}
@media screen and (max-width: 767.9px) {
  .com_like:before {
    min-width: 19px;
    width: 19px;
    height: 16px;
  }
}
.com_like.has_chk:before {
  background-image: url("../img/icon_like_on.png");
}
.com_like input[type=checkbox] {
  position: absolute;
  left: -2px;
  width: 1px;
  height: 1px;
  background: none;
  border: 0;
}
.com_like__wrap {
  margin-right: 3px;
  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: flex-end;
  gap: 4px;
  line-height: 19px;
  font-size: 12px;
}
@media screen and (max-width: 767.9px) {
  .com_like__wrap {
    line-height: 16px;
  }
}

.com_star_box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  width: 290px;
  height: 47px;
  background: url("../img/icon_star_off.png") repeat-x 0 0;
  background-size: auto 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  .com_star_box {
    width: 160px;
    height: 26px;
  }
}
.com_star_box .star {
  position: absolute;
  margin-left: -10%;
  top: 0;
  z-index: 2;
  width: 29px;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  .com_star_box .star {
    width: 16px;
  }
}
.com_star_box .star input[type=radio] {
  position: absolute;
  left: -2px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.com_star_box .point_img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 0;
  height: 100%;
  background: url("../img/icon_star.png") repeat-x 0 0;
  background-size: auto 100%;
}
.com_star_box .star:nth-of-type(1) {
  left: 10%;
}
.com_star_box .star:nth-of-type(1):hover ~ .point_img, .com_star_box .star:nth-of-type(1).has_chk ~ .point_img {
  width: 10%;
}
.com_star_box .star:nth-of-type(2) {
  left: 20%;
}
.com_star_box .star:nth-of-type(2):hover ~ .point_img, .com_star_box .star:nth-of-type(2).has_chk ~ .point_img {
  width: 20%;
}
.com_star_box .star:nth-of-type(3) {
  left: 30%;
}
.com_star_box .star:nth-of-type(3):hover ~ .point_img, .com_star_box .star:nth-of-type(3).has_chk ~ .point_img {
  width: 30%;
}
.com_star_box .star:nth-of-type(4) {
  left: 40%;
}
.com_star_box .star:nth-of-type(4):hover ~ .point_img, .com_star_box .star:nth-of-type(4).has_chk ~ .point_img {
  width: 40%;
}
.com_star_box .star:nth-of-type(5) {
  left: 50%;
}
.com_star_box .star:nth-of-type(5):hover ~ .point_img, .com_star_box .star:nth-of-type(5).has_chk ~ .point_img {
  width: 50%;
}
.com_star_box .star:nth-of-type(6) {
  left: 60%;
}
.com_star_box .star:nth-of-type(6):hover ~ .point_img, .com_star_box .star:nth-of-type(6).has_chk ~ .point_img {
  width: 60%;
}
.com_star_box .star:nth-of-type(7) {
  left: 70%;
}
.com_star_box .star:nth-of-type(7):hover ~ .point_img, .com_star_box .star:nth-of-type(7).has_chk ~ .point_img {
  width: 70%;
}
.com_star_box .star:nth-of-type(8) {
  left: 80%;
}
.com_star_box .star:nth-of-type(8):hover ~ .point_img, .com_star_box .star:nth-of-type(8).has_chk ~ .point_img {
  width: 80%;
}
.com_star_box .star:nth-of-type(9) {
  left: 90%;
}
.com_star_box .star:nth-of-type(9):hover ~ .point_img, .com_star_box .star:nth-of-type(9).has_chk ~ .point_img {
  width: 90%;
}
.com_star_box .star:nth-of-type(10) {
  left: 100%;
}
.com_star_box .star:nth-of-type(10):hover ~ .point_img, .com_star_box .star:nth-of-type(10).has_chk ~ .point_img {
  width: 100%;
}

.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_x {
  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' stroke='%234F555A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11L11.0002 4.99984'/%3E%3Cpath d='M11 11L4.99984 4.99984'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 23px;
  min-width: 23px;
  height: 23px;
  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='23' viewBox='0 0 23 23' fill='none' stroke='%234F555A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.0435 16.0435L21 21M17.6957 9.84783C17.6957 14.1821 14.1821 17.6957 9.84783 17.6957C5.51359 17.6957 2 14.1821 2 9.84783C2 5.51359 5.51359 2 9.84783 2C14.1821 2 17.6957 5.51359 17.6957 9.84783Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_none {
  display: inline-block;
  width: 132px;
  min-width: 132px;
  height: 132px;
  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='132' height='132' viewBox='0 0 132 132' fill='none'%3E%3Ccircle cx='66' cy='66' r='63' stroke='%234F555A' stroke-width='6'/%3E%3Cpath d='M109.463 22.5371L22.5366 109.464' stroke='%234F555A' stroke-width='6'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_partner {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  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='30' viewBox='0 0 30 30' fill='none' stroke-width='%231.2' stroke='%234F555A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23.869 6.923H6.13c-1.474 0-2.67 1.149-2.67 2.566v14.483c0 1.417 1.196 2.566 2.67 2.566H23.87c1.474 0 2.67-1.149 2.67-2.566V9.489c0-1.417-1.196-2.566-2.67-2.566Z'/%3E%3Cpath d='M11.539 18.461H8.077c-2.548 0-4.615-2.015-4.615-4.499v-4.04c0-1.656 1.378-3 3.076-3h16.924c1.698 0 3.076 1.344 3.076 3v4.04c0 2.484-2.067 4.5-4.615 4.5h-3.461M18.462 6.308V5.205c0-.667-.625-1.205-1.392-1.205h-4.14c-.77 0-1.391.541-1.391 1.205v1.103'/%3E%3Cpath d='M16.448 16.154h-2.896a2.003 2.003 0 0 0-2.013 1.991v.633c0 1.1.901 1.991 2.013 1.991h2.896a2.003 2.003 0 0 0 2.014-1.991v-.633c0-1.1-.902-1.991-2.014-1.991Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_my {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  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='26' height='26' viewBox='0 0 26 26' fill='none' stroke-width='%231.2' stroke='%234F555A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.8 22.6c0-3.213 3.224-5.818 7.2-5.818 3.977 0 7.2 2.605 7.2 5.818M25 13c0 6.627-5.373 12-12 12S1 19.627 1 13 6.373 1 13 1s12 5.373 12 12Zm-8.4-2.764c0 2.009-1.612 3.637-3.6 3.637s-3.6-1.628-3.6-3.637C9.4 8.228 11.012 6.6 13 6.6s3.6 1.628 3.6 3.636Z'/%3E%3C/svg%3E");
  background-size: contain;

}
.svg_icon.icon_cart {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  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='26' height='28' viewBox='0 0 26 28' fill='none' stroke-width='%231.2' stroke='%234F555A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.372 9.087V5.309C17.372 2.94 15.406 1 13.004 1S8.636 2.94 8.636 5.31v3.777M3.078 6.27h19.844c.57 0 1.006.47 1.038 1.025L25 25.69c.031.555-.476 1.024-1.039 1.024H2.04c-.563 0-1.07-.461-1.039-1.024L2.04 7.296c.032-.563.468-1.025 1.038-1.025ZM8.501 8.47c.706 0 1.284.563 1.284 1.267s-.578 1.267-1.284 1.267a1.28 1.28 0 0 1-1.284-1.267A1.28 1.28 0 0 1 8.5 8.469Zm9.006 0c.705 0 1.284.563 1.284 1.267s-.579 1.267-1.284 1.267a1.28 1.28 0 0 1-1.284-1.267 1.28 1.28 0 0 1 1.284-1.267Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_x {
  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' stroke='%236A6C70' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11L11.0002 4.99984'/%3E%3Cpath d='M11 11L4.99984 4.99984'/%3E%3C/svg%3E");
}
.svg_icon.icon_search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none' stroke='%23595959' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.0435 16.0435L21 21M17.6957 9.84783C17.6957 14.1821 14.1821 17.6957 9.84783 17.6957C5.51359 17.6957 2 14.1821 2 9.84783C2 5.51359 5.51359 2 9.84783 2C14.1821 2 17.6957 5.51359 17.6957 9.84783Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_none {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='132' viewBox='0 0 132 132' fill='none'%3E%3Ccircle cx='66' cy='66' r='63' stroke='%23DFE4EC' stroke-width='6'/%3E%3Cpath d='M109.463 22.5371L22.5366 109.464' stroke='%23DFE4EC' stroke-width='6'/%3E%3C/svg%3E");
}
.svg_icon.icon_partner {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none' stroke-width='%231.2' stroke='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23.869 6.923H6.13c-1.474 0-2.67 1.149-2.67 2.566v14.483c0 1.417 1.196 2.566 2.67 2.566H23.87c1.474 0 2.67-1.149 2.67-2.566V9.489c0-1.417-1.196-2.566-2.67-2.566Z'/%3E%3Cpath d='M11.539 18.461H8.077c-2.548 0-4.615-2.015-4.615-4.499v-4.04c0-1.656 1.378-3 3.076-3h16.924c1.698 0 3.076 1.344 3.076 3v4.04c0 2.484-2.067 4.5-4.615 4.5h-3.461M18.462 6.308V5.205c0-.667-.625-1.205-1.392-1.205h-4.14c-.77 0-1.391.541-1.391 1.205v1.103'/%3E%3Cpath d='M16.448 16.154h-2.896a2.003 2.003 0 0 0-2.013 1.991v.633c0 1.1.901 1.991 2.013 1.991h2.896a2.003 2.003 0 0 0 2.014-1.991v-.633c0-1.1-.902-1.991-2.014-1.991Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_my {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none' stroke-width='%231.2' stroke='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.8 22.6c0-3.213 3.224-5.818 7.2-5.818 3.977 0 7.2 2.605 7.2 5.818M25 13c0 6.627-5.373 12-12 12S1 19.627 1 13 6.373 1 13 1s12 5.373 12 12Zm-8.4-2.764c0 2.009-1.612 3.637-3.6 3.637s-3.6-1.628-3.6-3.637C9.4 8.228 11.012 6.6 13 6.6s3.6 1.628 3.6 3.636Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_cart {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none' stroke-width='%231.2' stroke='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.372 9.087V5.309C17.372 2.94 15.406 1 13.004 1S8.636 2.94 8.636 5.31v3.777M3.078 6.27h19.844c.57 0 1.006.47 1.038 1.025L25 25.69c.031.555-.476 1.024-1.039 1.024H2.04c-.563 0-1.07-.461-1.039-1.024L2.04 7.296c.032-.563.468-1.025 1.038-1.025ZM8.501 8.47c.706 0 1.284.563 1.284 1.267s-.578 1.267-1.284 1.267a1.28 1.28 0 0 1-1.284-1.267A1.28 1.28 0 0 1 8.5 8.469Zm9.006 0c.705 0 1.284.563 1.284 1.267s-.579 1.267-1.284 1.267a1.28 1.28 0 0 1-1.284-1.267 1.28 1.28 0 0 1 1.284-1.267Z'/%3E%3C/svg%3E");
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 101;
  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);
}
.com_popup .pop_container {
  position: relative;
  background: #fff;
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
  border-radius: 10px;
  max-width: 95vw;
}
.com_popup .pop_container.xl {
  width: 1182px;
}
.com_popup .pop_container.l {
  width: 880px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .pop_container.l {
    width: 100%;
  }
}
.com_popup .pop_container.m {
  width: 600px;
}
.com_popup .pop_container.s {
  width: 390px;
}
.com_popup .pop_container.xs {
  width: 340px;
}
.com_popup .pop_tit {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  margin-top: 20px;
  padding-inline: 30px;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .com_popup .pop_tit {
    font-size: 16px;
    padding-inline: 20px;
  }
  .com_popup .pop_tit + .content_container {
    padding-top: 15px !important;
  }
}
.com_popup .pop_tit.line:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #EFF2F5;
}
.com_popup .pop_tit.line ~ .content_container {
  padding-top: 15px;
}
.com_popup .content_container {
  padding: 30px 30px 1px;
  text-align: left;
  max-height: calc(95vh - 180px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #909090; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #909090;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container {
    max-height: calc(95vh - 57px - 78px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-face-color: transparent; /*스크롤*/
    scrollbar-highlight-color: #909090; /*하이라이트*/
    scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
    scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
    scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
    scrollbar-arrow-color: transparent; /*화살*/
    scrollbar-track-color: transparent; /*스크롤영역*/
    padding: 20px 20px 0;
  }
  .com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
    width: 6px;
    height: 6px;
  }
  .com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
    width: 0;
    height: 0;
  }
  .com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
    background-color: #909090;
    background-clip: padding-box;
    border-radius: 5px;
  }
  .com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
    background: none;
  }
  .com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
    background: none;
  }
}
.com_popup .content_container .sec_tit {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container .sec_tit {
    font-size: 14px;
  }
}
.com_popup .content_container .alert_txt {
  text-align: center;
  color: #6A6C70;
  font-size: 15px;
  margin-top: 20px;
}
.com_popup .content_container .alert_txt .tip {
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .content_container .alert_txt {
    font-size: 14px;
  }
  .com_popup .content_container .alert_txt .tip {
    font-size: 13px;
  }
}
.com_popup .btn_container {
  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;
  padding-block: 30px;
  margin-inline: 30px;
  gap: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .btn_container {
    padding-block: 15px;
    margin-inline: 20px;
  }
}
.com_popup .btn_container .com_btn.m {
  width: calc(50% - 5px);
}
.com_popup .btn_container .com_btn.m:first-child:last-child {
  width: 100%;
}
.com_popup .btn_container .com_btn.btn_reset {
  width: 80px;
  font-size: 12px;
}
.com_popup.type_confirm .btn_container {
  padding-block: 20px 30px;
}
@media screen and (max-width: 767.9px) {
  .com_popup.type_confirm .btn_container {
    padding-block: 15px;
  }
}
.com_popup.type_confirm .btn_container .com_btn {
  min-width: 85px;
}
.com_popup .btn_close {
  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;
  position: absolute;
  right: 10px;
  top: 10px;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_close.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
@media screen and (max-width: 767.9px) {
  .com_popup.m_bottom {
    align-items: flex-end;
  }
  .com_popup.m_bottom .pop_container {
    max-width: 100vw;
    width: 100vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .com_popup.m_bottom .btn_close {
    display: none;
  }
}

.pop_tire_size .info_list {
  margin-top: 16px;
  color: #6A6C70;
  font-size: 13px;
}

.pop_search .com_tip {
  font-size: 12px;
  color: #6A6C70;
  font-weight: 400;
}
.pop_search .com_tip .icon {
  width: 16px;
  height: 16px;
}
.pop_search .com_tip .icon:before {
  width: 4.6px;
  height: 8px;
}
.pop_search .btn_container .com_btn:last-child {
  flex: 1;
}
@media screen and (max-width: 767.9px) {
  .pop_search .pop_container {
    height: 100vh;
    width: 100vw;
    max-width: none;
    border-radius: 0;
    position: relative;
  }
  .pop_search .content_container {
    max-height: calc(100vh - 180px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-face-color: transparent; /*스크롤*/
    scrollbar-highlight-color: #909090; /*하이라이트*/
    scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
    scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
    scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
    scrollbar-arrow-color: transparent; /*화살*/
    scrollbar-track-color: transparent; /*스크롤영역*/
  }
  .pop_search .content_container::-webkit-scrollbar { /*스크롤바*/
    width: 6px;
    height: 6px;
  }
  .pop_search .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
    width: 0;
    height: 0;
  }
  .pop_search .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
    background-color: #909090;
    background-clip: padding-box;
    border-radius: 5px;
  }
  .pop_search .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
    background: none;
  }
  .pop_search .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
    background: none;
  }
}
@media screen and (max-width: 767.9px) and (max-width: 767.9px) {
  .pop_search .content_container {
    max-height: calc(100vh - 57px - 78px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-face-color: transparent; /*스크롤*/
    scrollbar-highlight-color: #909090; /*하이라이트*/
    scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
    scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
    scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
    scrollbar-arrow-color: transparent; /*화살*/
    scrollbar-track-color: transparent; /*스크롤영역*/
  }
  .pop_search .content_container::-webkit-scrollbar { /*스크롤바*/
    width: 6px;
    height: 6px;
  }
  .pop_search .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
    width: 0;
    height: 0;
  }
  .pop_search .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
    background-color: #909090;
    background-clip: padding-box;
    border-radius: 5px;
  }
  .pop_search .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
    background: none;
  }
  .pop_search .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
    background: none;
  }
}
@media screen and (max-width: 767.9px) {
  .pop_search .pop_tit {
    font-size: 16px;
    border-bottom: 1px solid #F6F8FB;
    margin: 0;
    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;
  }
  .pop_search .btn_close {
    content: "";
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border: solid #222;
    border-width: 2px 2px 0 0;
    transform: rotate(-135deg);
    position: absolute;
    right: auto;
    left: 23px;
    top: 20px;
    background: none;
    min-width: auto;
  }
  .pop_search .bg_close {
    display: none;
  }
  .pop_search .com_input_sec .col2 {
    width: 100% !important;
  }
}

@media screen and (max-width: 767.9px) {
  .pop_buy_option .com_btn_deliver {
    border: none;
  }
}
.pop_buy_option .com_btn_deliver__wrap {
  margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
  .pop_buy_option .com_btn_deliver__wrap {
    display: none;
    border: 1px solid #DFE4EC;
    border-radius: 0 0 5px 5px;
    gap: 0;
  }
  .pop_buy_option .com_btn_deliver__wrap.active {
    display: block;
  }
}
.pop_buy_option .selected {
  border: 1px solid #DFE4EC;
  border-radius: 5px;
  position: relative;
  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;
  padding-right: 16px;
  gap: 10px;
  margin-bottom: 20px;
}
.pop_buy_option .selected:after {
  content: "";
  display: inline-block;
  content: "";
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  border: solid #222;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
}
.pop_buy_option .selected.active {
  border-radius: 5px 5px 0 0;
  margin-bottom: -1px;
}
.pop_buy_option .selected.active:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  border: solid #222;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
}
@media screen and (min-width: 767.9px) {
  .pop_buy_option .selected {
    display: none;
  }
}
.pop_buy_option .btn_container .com_btn:first-child {
  min-width: auto;
  width: auto;
}
.pop_buy_option .btn_container .com_btn:last-child {
  flex: 1;
}
.pop_buy_option .com_product_item .order_area .input_number {
  width: auto;
  flex: 0;
}
.pop_buy_option .com_product_item .order_area .input_number .input {
  width: 59px;
}
@media screen and (max-width: 767.9px) {
  .pop_buy_option .com_product_item .order_area {
    margin-top: 3px;
  }
}

.pop_select_date .datepicker {
  margin-bottom: 24px;
}

.pop_search_order .pop_container {
  width: 650px;
}
.pop_search_order .com_search_box {
  border: none;
  padding: 0;
}
.pop_search_order .com_order_box {
  border: 1px solid #DFE4EC;
  border-radius: 5px;
  padding: 30px;
}
@media screen and (max-width: 767.9px) {
  .pop_search_order .com_order_box {
    padding: 20px 18px;
  }
}
.pop_search_order .com_order_box .order_num {
  font-size: 16px;
  color: #909090;
  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;
  position: relative;
  gap: 10px;
  line-height: initial;
  border-bottom: 1px solid #EFF2F5;
  padding-bottom: 20px;
  padding-right: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .pop_search_order .com_order_box .order_num {
    font-size: 14px;
  }
}
.pop_search_order .com_order_box .order_num .num {
  font-size: 22px;
  color: #222;
  font-weight: 600;
  word-break: break-all;
}
@media screen and (max-width: 767.9px) {
  .pop_search_order .com_order_box .order_num .num {
    font-size: 14px;
  }
}
.pop_search_order .com_order_box .order_num .com_chk {
  position: absolute;
  right: 0;
}
.pop_search_order .com_order_box .each_order__wrap + .each_order__wrap {
  border-top: 1px solid #EFF2F5;
  padding-top: 20px;
  margin-top: 20px;
}
.pop_search_order .com_order_box + .com_order_box {
  margin-top: 20px;
}

.pop_filter .com_chk_btn {
  border: 2px solid #EFF2F5;
}
.pop_filter .com_chk_btn.has_chk {
  color: #0057FF;
  background: #fff;
  border-color: #0057FF;
}
.pop_filter .btn_container {
  border-top: 1px solid #EFF2F5;
  padding-top: 20px;
  margin-top: 20px;
}

.pop_coupon .com_input_sec {
  padding-top: 20px;
  border-top: 1px solid #EFF2F5;
}
.pop_coupon .com_input_sec .input_wrap {
  align-items: flex-start;
  color: #6A6C70;
}
.pop_coupon .com_input_sec .com_chk {
  font-weight: 600;
}
.pop_coupon .com_input_sec .com_chk.has_chk {
  color: #0057FF;
}
.pop_coupon .com_input_sec .tit_field {
  font-size: 16px;
}
.pop_coupon .com_input_sec + .com_input_sec {
  margin-top: 20px;
}
.pop_coupon .com_input_sec .info_field + .info_field {
  margin-top: 15px;
}
.pop_coupon .total_price {
  border-top: 1px solid #EFF2F5;
  padding-top: 20px;
  margin-top: 20px;
  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: 20px;
}
.pop_coupon .total_price img {
  width: 20px;
}
.pop_coupon .total_price .item {
  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;
  align-items: center;
}
.pop_coupon .total_price .item .tit {
  font-size: 13px;
  color: #6A6C70;
}
.pop_coupon .total_price .item .num {
  font-size: 18px;
  font-weight: 600;
}

@media screen and (max-width: 767.9px) {
  .pop_map .pop_tit {
    margin: 0;
    padding-block: 15px;
  }
}
.pop_map .pop_container {
  max-width: 100%;
}
@media screen and (max-width: 767.9px) {
  .pop_map .pop_container {
    height: 100%;
    border-radius: 0;
  }
}
.pop_map .content_container {
  width: 100%;
  padding-bottom: 30px;
}
@media screen and (max-width: 767.9px) {
  .pop_map .content_container {
    padding: 0;
    height: calc(100% - 44px);
    max-height: none;
    background: #EEE;
  }
}
.pop_map .container.com_layout_col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  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) {
  .pop_map .container.com_layout_col {
    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;
    padding-bottom: 30px;
  }
}
.pop_map .container.com_layout_col .body_sec.map {
  border: none;
  padding: 0;
  position: relative;
  width: 64.6%;
  height: 600px;
  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;
  overflow: hidden;
  aspect-ratio: auto;
}
.pop_map .container.com_layout_col .body_sec.map > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
@media screen and (max-width: 1023.9px) {
  .pop_map .container.com_layout_col .body_sec.map {
    width: 100%;
    height: 400px;
  }
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .body_sec.map {
    margin: 0;
    height: calc(100vh - 124px);
    overflow: hidden;
    border-radius: 0;
    width: calc(100% + 36px);
    margin-left: -18px;
  }
}
.pop_map .container.com_layout_col .body_sec.map .icon_location {
  border-radius: 24px;
  background: #0057FF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  width: 24px;
  height: 24px;
  position: absolute;
  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;
  display: none;
}
.pop_map .container.com_layout_col .body_sec.map .icon_location:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_store_location.png);
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.pop_map .container.com_layout_col .body_sec.map .icon_location.active {
  background-color: #FF4C00;
}
.pop_map .container.com_layout_col .body_sec.map .location_layer.com_store {
  display: none;
  padding: 20px;
  position: absolute;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(31, 39, 62, 0.1);
  width: 350px;
}
.pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .com_btn__wrap .com_btn {
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store {
    width: auto;
    max-width: 90vw;
    gap: 9px 8px;
    padding: 10px;
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .thumb_area {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 57px;
    height: 57px;
    min-width: 57px;
    aspect-ratio: auto;
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .thumb_area > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .info_area {
    width: calc(100% - 67px);
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .info_area .store {
    font-size: 12px;
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .info_area .address {
    font-size: 10px;
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .com_btn__wrap {
    padding-left: 67px;
    justify-content: flex-start;
  }
  .pop_map .container.com_layout_col .body_sec.map .location_layer.com_store .com_btn__wrap .com_btn {
    padding-inline: 5px;
    width: 65px;
    height: 24px;
    font-size: 12px;
  }
}
.pop_map .container.com_layout_col .aside_sec {
  position: relative;
  width: calc(35.4% - 20px);
  height: 600px;
}
@media screen and (max-width: 1023.9px) {
  .pop_map .container.com_layout_col .aside_sec {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec {
    position: fixed;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 12;
    padding: 20px;
    width: 100%;
    height: 51vh;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(31, 39, 62, 0.1);
  }
  .pop_map .container.com_layout_col .aside_sec.map.close {
    bottom: calc(60px - 51vh) !important;
  }
  .pop_map .container.com_layout_col .aside_sec.map.close .btn_mobile_toggle {
    height: 60px;
  }
  .pop_map .container.com_layout_col .aside_sec.map.close .btn_mobile_toggle::after {
    top: 15px;
  }
  .pop_map .container.com_layout_col .aside_sec.map.close .sort, .pop_map .container.com_layout_col .aside_sec.map.close .scroll_part {
    display: none;
  }
}
.pop_map .container.com_layout_col .aside_sec .btn_mobile_toggle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  font-size: 1px;
  color: transparent;
  background: none;
  overflow: hidden;
  user-select: none;
  display: none;
}
.pop_map .container.com_layout_col .aside_sec .btn_mobile_toggle::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -25px;
  width: 50px;
  height: 4px;
  background: #222;
  border-radius: 2px;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec .btn_mobile_toggle {
    display: block;
  }
}
.pop_map .container.com_layout_col .aside_sec .sec_tit {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec .sec_tit {
    display: none;
  }
}
.pop_map .container.com_layout_col .aside_sec .sec_tit__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;
  margin-bottom: 5px;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec .sec_tit__wrap .com_btn {
    position: fixed;
    top: 23px;
    left: 18px;
  }
}
.pop_map .container.com_layout_col .aside_sec .select_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: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec .select_area {
    position: fixed;
    top: 75px;
    left: 18px;
    right: 18px;
  }
  .pop_map .container.com_layout_col .aside_sec .select_area .select {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
.pop_map .container.com_layout_col .aside_sec .sort {
  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;
  margin-bottom: 18px;
}
.pop_map .container.com_layout_col .aside_sec .sort .btn {
  color: #BABBBF;
}
.pop_map .container.com_layout_col .aside_sec .sort .btn:not(:last-child) {
  position: relative;
}
.pop_map .container.com_layout_col .aside_sec .sort .btn:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 8px;
  margin-inline: 7px;
  background: #DFE4EC;
  cursor: default;
}
.pop_map .container.com_layout_col .aside_sec .sort .btn.active {
  font-weight: 600;
  color: #222;
}
.pop_map .container.com_layout_col .aside_sec .scroll_part {
  max-height: 415px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #909090; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  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;
}
.pop_map .container.com_layout_col .aside_sec .scroll_part::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.pop_map .container.com_layout_col .aside_sec .scroll_part::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.pop_map .container.com_layout_col .aside_sec .scroll_part::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #909090;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_map .container.com_layout_col .aside_sec .scroll_part::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.pop_map .container.com_layout_col .aside_sec .scroll_part::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec .scroll_part {
    max-height: 40vh;
    gap: 15px;
  }
}
.pop_map .container.com_layout_col .aside_sec .com_store {
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .pop_map .container.com_layout_col .aside_sec .com_store {
    padding-bottom: 15px;
  }
}
.pop_map .container.com_layout_col .aside_sec .com_store:not(:last-child) {
  border-bottom: 1px solid #DFE4EC;
  padding-bottom: 20px;
}

.com_point_txt {
  color: #0057FF !important;
}

.com_red_txt {
  color: #FF4C00;
}

.com_dot_list {
  margin-top: 14px;
  align-self: flex-start;
}
.com_dot_list li {
  padding-left: 7px;
  font-size: 14px;
  color: #6A6C70;
  position: relative;
}
.com_dot_list li::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2px;
  height: 2px;
  margin-right: 5px;
  background: #999;
  border-radius: 2px;
  vertical-align: middle;
  cursor: default;
}
@media screen and (max-width: 767.9px) {
  .com_dot_list li {
    font-size: 12px;
  }
}
.com_dot_list li:before {
  margin-left: -7px;
}

.com_refer_list {
  margin-top: 14px;
}
.com_refer_list li {
  padding-left: 15px;
  font-size: 15px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_refer_list li {
    font-size: 13px;
  }
}
.com_refer_list li:before {
  content: "※";
  display: inline-block;
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  background-color: transparent;
  color: #6A6C70;
  margin-left: -15px;
  margin-right: 5px;
}
.com_refer_list li:not(:last-child) {
  margin-bottom: 10px;
}

.com_original_badge {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  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;
  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: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_original_badge {
    width: 39px;
    height: 39px;
  }
}
.com_original_badge img {
  width: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_original_badge img {
    width: 15px;
  }
}

.com_badge {
  border-radius: 2px;
  background: #D9E6FF;
  height: 18px;
  padding: 2px 4px;
  font-size: 12px;
  color: #0057FF;
  margin-left: 6px;
  vertical-align: 2px;
  line-height: initial;
  width: auto !important;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
br + .com_badge {
  margin-left: 0;
  margin-top: 5px;
}
.com_badge.green {
  background-color: #DDF6E2;
  color: #45A935;
}
.com_badge.gray {
  color: #6A6C70;
  background-color: #DFE4EC;
}
.com_badge.red {
  color: #FF2626;
  background-color: #FFECEC;
}
.com_badge.m {
  border-radius: 5px;
  padding-inline: 8px;
}
@media screen and (min-width: 767.9px) {
  .com_badge.m {
    font-size: 14px;
    height: 29px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_badge.m {
    height: 24px;
  }
}

.com_select_date {
  width: 135px;
  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;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  .com_select_date {
    width: calc(50% - 5px);
  }
}
.com_select_date .name {
  color: #909090;
  font-size: 12px;
}
.com_select_date .txt {
  position: relative;
  padding: 11px;
  font-size: 13px;
  border: 1px solid #DFE4EC;
  border-radius: 5px;
}
.com_select_date .txt::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 7px;
  height: 7px;
  border: solid #6A6C70;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
}
@media screen and (max-width: 767.9px) {
  .com_select_date .txt {
    font-size: 14px;
  }
}

.com_terms {
  line-height: 1.5;
}
.com_terms dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 767.9px) {
  .com_terms dt {
    font-size: 14px;
  }
}
.com_terms dd {
  font-size: 14px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_terms dd {
    font-size: 13px;
  }
}
.com_terms dd + dt {
  margin-top: 30px;
}
.com_terms dd + dd {
  margin-top: 10px;
}

.com_settlement_list .block {
  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;
}
.com_settlement_list .block .tit_field {
  font-size: 15px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_settlement_list .block .tit_field {
    font-size: 13px;
  }
}
.com_settlement_list .block .info_field {
  font-size: 15px;
  text-align: right;
}
@media screen and (max-width: 767.9px) {
  .com_settlement_list .block .info_field {
    font-size: 13px;
  }
}
.com_settlement_list .block .info_field.total_price {
  color: #0057FF;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767.9px) {
  .com_settlement_list .block .info_field.total_price {
    font-size: 16px;
  }
}
.com_settlement_list .block .info_field.minus {
  color: #6A6C70;
}
.com_settlement_list .block:not(:last-child) {
  padding-bottom: 10px;
}
.com_settlement_list .sec_tit .tit_field {
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
@media screen and (max-width: 767.9px) {
  .com_settlement_list .sec_tit .tit_field {
    font-size: 14px;
  }
}
.com_settlement_list .sec_tit + .block {
  margin-top: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_settlement_list .sec_tit + .block {
    margin-top: 10px;
  }
}
.com_settlement_list + .com_settlement_list {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #EFF2F5;
}

.com_total_search {
  height: 50px;
  background: #fff;
  border: 2px solid #0057FF;
  border-radius: 50px;
  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;
  padding-inline: 17px 11px;
  overflow: hidden;
}
.com_total_search .input {
  padding: 0 10px 0 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 0;
}
.com_total_search .com_btn {
  padding: 0;
  gap: 0;
  font-size: 0;
}
.com_total_search .com_btn.search {
  padding: 6px;
  margin-left: 3px;
}
.com_total_search.m {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .com_total_search.m {
    display: flex;
  }
}

.com_search_box {
  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;
  gap: 10px;
  width: 100%;
  padding: 30px;
  background: #fff;
  border: 1px solid #DFE4EC;
  border-radius: 20px;
  margin-bottom: 20px;
}
.com_search_box .com_total_search {
  padding-inline: 11px 5px;
  width: 343px;
  height: 40px;
  background: #fff;
  border: 1px solid #DFE4EC;
  border-radius: 5px;
}
.com_search_box .com_total_search .com_btn.search {
  padding: 7px;
}
.com_search_box .com_total_search .com_btn.search .svg_icon {
  min-width: 14px;
  width: 14px;
  height: 14px;
}
.com_search_box .com_chk_btn__wrap {
  flex-wrap: nowrap;
  gap: 6px;
}
@media screen and (max-width: 767.9px) {
  .com_search_box .com_chk_btn__wrap {
    width: 100%;
  }
}
.com_search_box .com_chk_btn__wrap .com_chk_btn {
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}
@media screen and (max-width: 767.9px) {
  .com_search_box .com_chk_btn__wrap .com_chk_btn {
    padding-inline: 7px;
    flex: 1;
  }
}
.com_search_box.general .input {
  padding-inline: 15px;
  width: calc(100% - 74px);
  height: 40px;
  background: #fff;
  border: 1px solid #DFE4EC;
  border-radius: 5px;
}
.com_search_box.general .com_btn {
  padding: 0;
  width: 64px;
  height: 40px;
}
@media screen and (max-width: 1299.9px) {
  .com_search_box {
    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;
  }
  .com_search_box.general {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
  }
  .com_search_box .com_total_search {
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .com_search_box {
    padding: 20px 18px;
    border: 0;
    border-bottom: 10px solid #EFF2F5;
    border-radius: 0;
  }
}

.com_list_none {
  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;
  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;
  width: 100%;
  min-height: 426px;
}
@media screen and (max-width: 767.9px) {
  .com_list_none {
    min-height: calc(100vh - 55px - 498px);
  }
}
.com_list_none .svg_icon.icon_none {
  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;
}
.com_list_none .txt {
  line-height: 1.18;
  font-weight: 600;
  font-size: 16px;
  color: #222;
  margin-top: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_list_none .txt {
    line-height: 1.21;
    font-size: 14px;
  }
}

.com_order_box .com_list_none {
  min-height: 428px;
  border: 1px solid #DFE4EC;
  border-radius: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_order_box .com_list_none {
    min-height: 320px;
    border: 0;
    border-radius: 0;
  }
}
.com_order_box .com_list_none .svg_icon::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_box.png);
  width: 68px;
  min-width: 68px;
  height: 68px;
}

.com_qna_box {
  border: 1px solid #DFE4EC;
  border-radius: 20px;
}
.com_qna_box .com_list_none {
  min-height: 530px;
}
@media screen and (max-width: 767.9px) {
  .com_qna_box .com_list_none {
    min-height: 470px;
  }
}
.com_qna_box .svg_icon::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_qna.png);
  width: 49px;
  min-width: 49px;
  height: 53px;
}

.com_product_item {
  position: relative;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_product_item > * {
  width: 100%;
}
.com_product_item .com_chk {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.com_product_item .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 280px;
  min-width: 280px;
  aspect-ratio: 1;
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 10px;
}
.com_product_item .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
@media screen and (max-width: 1299.9px) {
  .com_product_item .thumb {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-width: 100%;
    aspect-ratio: 1;
  }
  .com_product_item .thumb > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
  }
}
.com_product_item .thumb .badge {
  border-radius: 10px 0 10px 0;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  line-height: initial;
  width: 41px;
  height: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .thumb .badge {
    width: 30px;
    height: 14px;
    font-size: 8px;
  }
}
.com_product_item .thumb .badge.new {
  background-color: #0057FF;
}
.com_product_item .thumb .badge.hit {
  background-color: #FF4C00;
}
.com_product_item .thumb .badge.best {
  background-color: #FFC700;
}
.com_product_item .thumb .badge__wrap {
  position: absolute;
  left: 0;
  top: 0;
  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: 3px;
}
.com_product_item .store {
  font-weight: 600;
  font-size: 16px;
}
.com_product_item .address {
  font-size: 13px;
  color: #6A6C70;
  margin-block: 5px 10px;
}
.com_product_item .address ~ .name, .com_product_item .address ~ .code {
  font-size: 12px;
  margin: 0;
}
.com_product_item .address ~ .name .cate, .com_product_item .address ~ .code .cate {
  font-size: 12px;
}
.com_product_item .cate {
  width: auto;
  line-height: 17px;
  font-weight: 500;
  font-size: 14px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .cate {
    font-size: 12px;
  }
}
.com_product_item .cate ~ .name {
  margin-top: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .cate ~ .name {
    font-size: 14px;
  }
}
.com_product_item .name {
  line-height: 19px;
  font-weight: 600;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .name {
    display: block;
    padding-right: 7px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.com_product_item .code {
  margin-block: 10px 14px;
  line-height: 18px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .code {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.com_product_item .code .sub {
  color: #BABBBF;
  margin-left: 10px;
}
.com_product_item .option {
  color: #6A6C70;
}
.com_product_item .book {
  color: #6A6C70;
  margin-block: 12px 0;
}
.com_product_item .book .date {
  color: #222;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .book {
    font-size: 12px;
    margin-block: 10px 0;
  }
}
.com_product_item .target {
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .target {
    font-size: 12px;
  }
}
.com_product_item .delivery {
  color: #6A6C70;
  margin-top: 12px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .delivery {
    font-size: 12px;
    margin-top: 10px;
  }
}
.com_product_item .price_area {
  line-height: initial;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .price_area {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.com_product_item .price_area .discount {
  font-size: 18px;
  font-weight: 700;
  color: #0057FF;
  margin-right: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .price_area .discount {
    order: 2;
    margin-right: 3px;
    font-size: 14px;
  }
}
.com_product_item .price_area .price {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .price_area .price {
    order: 3;
    font-size: 16px;
  }
}
.com_product_item .price_area .price_x {
  margin-left: 8px;
  color: #BABBBF;
  text-decoration: line-through;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .price_area .price_x {
    margin-left: 0;
    margin-bottom: 5px;
    width: 100%;
    order: 1;
    font-size: 12px;
  }
}
.com_product_item .price_area .unit {
  margin-left: 10px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .price_area .unit {
    font-size: 12px;
    order: 4;
  }
}
.com_product_item > .link_area, .com_product_item > .item_box {
  position: relative;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.com_product_item .item_box + .item_box {
  border-top: 1px solid #EFF2F5;
  padding-top: 20px;
  margin-top: 20px;
}
.com_product_item .btn_area {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 120px;
  height: 100%;
  z-index: 1;
  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;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  gap: 5px;
}
.com_product_item .btn_area .com_btn {
  width: 120px;
  height: 30px;
  gap: 3px;
}
.com_product_item .btn_area .com_btn .icon.write {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_write_white.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .btn_area {
    position: relative;
    right: auto;
    top: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    width: 100%;
    margin-top: 15px;
  }
  .com_product_item .btn_area .com_btn {
    width: calc((100% - 10px) / 3);
  }
  .com_product_item .btn_area .com_btn .icon.write {
    width: 14px;
    height: 14px;
  }
  .com_product_item .btn_area .com_btn:first-child:last-child {
    width: 100%;
  }
}
.com_product_item .review_area {
  color: #6A6C70;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .review_area {
    margin-top: 5px;
    font-size: 12px;
  }
}
.com_product_item .review_area .star {
  font-weight: 700;
  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: 3px;
}
.com_product_item .review_area .star img {
  height: 13px;
}
.com_product_item .review_area .num {
  margin-left: 3px;
  font-size: 12px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .review_area .num {
    margin-left: 7px;
  }
}
.com_product_item .tag_area {
  margin-top: 20px;
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .tag_area {
    margin-top: 8px;
  }
}
.com_product_item .tag_area .tag {
  border-radius: 2px;
  background: #EFF2F5;
  padding: 4px;
  margin-right: 4px;
}
.com_product_item .tag_area .tag:last-child {
  clear: right;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .tag_area .tag {
    padding: 3px;
    font-size: 12px;
  }
}
.com_product_item .tag_area .tag__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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .tag_area .tag__wrap {
    gap: 3px 4px;
  }
}
.com_product_item .stock {
  color: #FF4C00;
  margin-top: 7px;
  display: inline-block;
  border-radius: 2px;
  padding: 4px;
  background-color: #FFECEC;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .stock {
    padding: 3px;
    font-size: 12px;
  }
}
.com_product_item .wrap .order_area .input_number {
  max-width: 140px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .wrap .order_area .input_number {
    max-width: 120px;
  }
}
.com_product_item .info {
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .info {
    font-size: 12px;
  }
}
.com_product_item .order_area {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 5px;
  margin-top: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .order_area {
    margin-top: 10px;
  }
}
.com_product_item .order_area .input_number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  flex: auto;
  width: calc(100% - 108px);
  border: 1px solid #DFE4EC;
  border-radius: 5px;
}
.com_product_item .order_area .input_number .btn {
  width: 35px;
  min-width: 35px;
  height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_product_item .order_area .input_number img {
  width: 12px;
}
.com_product_item .order_area .input_number input {
  border-width: 0 1px;
  border-color: #DFE4EC;
  width: 100%;
  height: 40px;
  text-align: center;
  border-radius: 0;
}
.com_product_item .order_area .com_btn {
  margin-left: auto;
  min-width: 49px;
  width: 49px;
}
.com_product_item .order_area .com_btn ~ .com_btn {
  margin-left: 0;
}
.com_product_item .order_area .price {
  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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  margin-left: auto;
  min-width: 50%;
  font-weight: 600;
  font-size: 22px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .order_area .price {
    font-size: 16px;
  }
}
.com_product_item .order_area .price .unit {
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .order_area .price .unit {
    font-size: 13px;
  }
}
.com_product_item .order_area .order_info {
  font-size: 14px;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .order_area .order_info {
    font-size: 13px;
  }
}
.com_product_item .order_area .order_info b {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .order_area .order_info b {
    font-size: 14px;
  }
}
.com_product_item .order_area .order_info:not(:first-child) {
  position: relative;
}
.com_product_item .order_area .order_info:not(:first-child)::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 10px;
  background: #DFE4EC;
  cursor: default;
}
.com_product_item .com_like__wrap {
  width: 40px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .com_like__wrap {
    width: 80px;
  }
}
.com_product_item .delivery_state {
  position: relative;
  width: auto;
  line-height: 1.22;
  font-weight: 600;
  font-size: 18px;
  color: #222;
  margin-bottom: 15px;
}
.com_product_item .delivery_state:after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/arrow_right_blk.png);
  width: 8px;
  min-width: 8px;
  height: 12px;
  margin-left: 8px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item .delivery_state {
    font-size: 14px;
  }
  .com_product_item .delivery_state:after {
    width: 6px;
    height: 9px;
    margin-left: 6px;
  }
}
.com_product_item.type_wide .thumb {
  width: 100px;
  min-width: 100px;
  height: 100px;
  align-self: flex-start;
}
@media screen and (max-width: 767.9px) {
  .com_product_item.type_wide .thumb {
    width: 78px;
    min-width: 78px;
    height: 78px;
  }
}
.com_product_item.type_wide .wrap {
  width: calc(100% - 125px);
}
@media screen and (max-width: 767.9px) {
  .com_product_item.type_wide .wrap {
    width: calc(100% - 97px);
  }
}
.com_product_item.type_wide .com_btn__wrap {
  margin-top: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_product_item.type_wide .com_btn__wrap {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_product_item.type_wide .com_btn__wrap .com_btn {
    height: 40px;
  }
}
.com_product_item.type_wide .com_btn__wrap .com_btn:first-child {
  flex: 1;
}
.com_product_item.type_wide.s .thumb {
  width: 78px;
  min-width: 78px;
  height: 78px;
}
.com_product_item.type_wide.s .wrap {
  width: calc(100% - 97px);
}
@media screen and (max-width: 767.9px) {
  .com_product_item.m_type_wide {
    display: block;
    border-bottom: 1px solid #EFF2F5;
    padding-bottom: 28px;
  }
  .com_product_item.m_type_wide .cate, .com_product_item.m_type_wide .name, .com_product_item.m_type_wide .code, .com_product_item.m_type_wide .price_area, .com_product_item.m_type_wide .review_area, .com_product_item.m_type_wide .tag_area {
    float: right;
    width: calc(100% - 165px);
  }
  .com_product_item.m_type_wide .thumb {
    float: left;
    width: 150px;
    height: 150px;
    min-width: 150px;
    margin-bottom: 0;
  }
  .com_product_item.m_type_wide .cate {
    padding-right: 60px;
  }
  .com_product_item.m_type_wide .name {
    padding-right: 40px;
  }
  .com_product_item.m_type_wide .tag_area {
    margin-right: auto;
  }
  .com_product_item.m_type_wide .price_area .price_x {
    padding-top: 5px;
  }
  .com_product_item.m_type_wide .order_area {
    clear: both;
    width: 100%;
    padding-top: 20px;
  }
  .com_product_item.m_type_wide .com_like__wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
  }
}

.com_review {
  position: relative;
  max-height: 760px;
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  .com_review {
    max-height: 840px;
  }
}
.com_review .sort_area {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
}
@media screen and (max-width: 767.9px) {
  .com_review .sort_area {
    margin-left: -18px;
    width: calc(100% + 36px);
  }
}
.com_review .sort_area .btn_sort {
  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: 5px;
  padding: 15px 20px;
  line-height: 17px;
  font-size: 14px;
}
.com_review .sort_area .btn_sort .icon_sort {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_sort.png);
  width: 14px;
  min-width: 14px;
  height: 15px;
}
.com_review .sort_area .select_box {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
  padding: 14px;
  width: 160px;
  background: #FFF;
  border: 1px solid #DFE4EC;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(31, 39, 62, 0.1);
  display: none;
}
.com_review .sort_area .select_box .option {
  padding: 5px 8px;
  width: 100%;
  text-align: left;
  line-height: 17px;
  font-size: 14px;
}
.com_review .sort_area .select_box .option + .option {
  margin-top: 5px;
}
.com_review .sort_area .select_box .option.active {
  background: #F6F8FB;
}
.com_review .notice_sec ~ .review_item:last-of-type:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, #FFF 100%);
}
.com_review .com_info_write {
  gap: 0;
}
@media screen and (max-width: 767.9px) {
  .com_review .com_info_write {
    width: calc(100% + 36px);
    margin-left: -18px;
  }
}
.com_review .com_info_write .block {
  padding-block: 25px;
  border-top: 1px solid #EFF2F5;
}
.com_review .com_info_write .block:last-of-type {
  padding-block: 25px 10px;
}
@media screen and (max-width: 767.9px) {
  .com_review .com_info_write .block {
    border-top: 0;
    position: relative;
    padding-top: 40px;
    margin-top: 44px;
    padding-inline: 18px;
    padding-block: 35px 25px;
    margin: 0;
  }
  .com_review .com_info_write .block:before {
    content: "";
    display: inline-block;
    height: 10px;
    background: #EFF2F5;
    width: calc(100% + 36px);
    margin-left: -18px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.com_review .com_info_write .sec_tit {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_review .com_info_write .sec_tit .sub {
  margin: 7px 0 0;
  width: 100%;
  font-size: 15px;
}
@media screen and (max-width: 767.9px) {
  .com_review .com_info_write .sec_tit .sub {
    font-size: 13px;
  }
}
.com_review .com_info_write .sec_tit.tit_field {
  color: #222;
}
@media screen and (max-width: 767.9px) {
  .com_review .com_info_write .sec_tit.tit_field {
    font-size: 20px;
  }
}
.com_review .com_info_write .info_field {
  margin-top: 19px;
}
.com_review .com_info_write .info_field .tag_area {
  margin: 0;
}
.com_review .com_info_write .info_field .textarea {
  width: 100%;
  height: 150px;
  border-radius: 5px;
  margin-top: 9px;
}
.com_review .com_btn__wrap.bottom {
  margin-block: 0;
}
.com_review .tag_area {
  width: 100%;
  margin-top: 22px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.com_review .tag_area .tag {
  border-radius: 34px;
  background: #E8EEFC;
  padding: 3px 14px 3px 9px;
  color: #333;
  font-weight: 500;
}
.com_review .tag_area .tag img {
  width: 30px;
  margin-right: 1px;
}
.com_review .tag_area label.tag {
  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;
  width: calc((100% - 20px) / 3);
  height: 40px;
  font-size: 14px;
  background: #F6F8FB;
  overflow: hidden;
  cursor: pointer;
}
.com_review .tag_area label.tag.has_chk {
  background: #E8EEFC;
}
@media screen and (max-width: 767.9px) {
  .com_review .tag_area label.tag {
    width: calc(50% - 5px);
    height: 50px;
    font-size: 13px;
    border-radius: 10px;
  }
}
.com_review .point {
  margin-left: -3px;
  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: 8px;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_review .point {
    font-size: 14px;
  }
}
.com_review .point .star {
  position: relative;
  width: 135px;
  height: 22px;
  background: url("../img/icon_star_off.png") repeat-x 0 0;
  background-size: auto 100%;
}
@media screen and (max-width: 767.9px) {
  .com_review .point .star {
    width: 100px;
    height: 16px;
  }
}
.com_review .point .star .get {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: url("../img/icon_star.png") repeat-x 0 0;
  background-size: auto 100%;
}
.com_review .point .num {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  line-height: 18px;
}
.com_review .name {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media screen and (max-width: 767.9px) {
  .com_review .name {
    font-size: 14px;
  }
}
.com_review .date {
  margin-top: 4px;
  line-height: 18px;
  font-weight: 500;
  font-size: 16px;
  position: relative;
}
.com_review .date::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 9px;
  background: #3C516B;
  cursor: default;
}
@media screen and (max-width: 767.9px) {
  .com_review .date {
    font-size: 14px;
  }
}
.com_review .date:before {
  opacity: 0.5;
}
@media screen and (max-width: 767.9px) {
  .com_review .date:before {
    margin-inline: 5px;
  }
}
.com_review .comment {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  margin-top: 16px;
}
@media screen and (max-width: 1023.9px) {
  .com_review .comment {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .comment {
    margin-top: 12px;
  }
}
.com_review .comment .tags {
  gap: 5px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.com_review .comment .tags .tag {
  padding: 2px 4px;
  border-radius: 2px;
  background: #D9E6FF;
  align-self: stretch;
  font-size: 12px;
  color: #0057FF;
}
.com_review .com_paging {
  margin-block: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_review .com_paging {
    margin-block: 15px;
  }
}
.com_review .notice_sec {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
  .com_review .notice_sec {
    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;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .com_review .notice_sec br {
    display: none;
  }
}
.com_review .notice_sec .tit {
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 767.9px) {
  .com_review .notice_sec .tit {
    font-size: 20px;
  }
  .com_review .notice_sec .tit .com_point_txt {
    font-weight: 800;
  }
}
.com_review .notice_sec .txt {
  margin-top: 27px;
  color: #6A6C70;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 767.9px) {
  .com_review .notice_sec .txt {
    margin-block: 10px 14px;
  }
}
.com_review .notice_sec .com_btn_more {
  margin-top: 27px;
}
@media screen and (max-width: 767.9px) {
  .com_review .notice_sec .com_btn_more {
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 600;
  }
}
.com_review .notice_sec .sort {
  margin-top: 27px;
  margin-left: auto;
  width: 100px;
  height: 24px;
  font-weight: 500;
  font-size: 18px;
  border: 0;
}
@media screen and (max-width: 767.9px) {
  .com_review .notice_sec .sort {
    font-size: 14px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .notice_sec .block_m {
    display: block;
  }
}
.com_review .review_item {
  margin-top: 10px;
  border-radius: 20px;
  background: #F7F8FC;
  padding: 30px;
  color: #3C516B;
  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: 767.9px) {
  .com_review .review_item {
    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;
    padding: 23px 26px;
  }
}
.com_review .review_item .review_area {
  align-self: stretch;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 46px;
}
@media screen and (max-width: 1299.9px) {
  .com_review .review_item .review_area {
    padding-right: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .review_item .review_area {
    padding-right: 0;
  }
}
.com_review .review_item .review_area .img {
  width: 100%;
  margin-top: 20px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.com_review .review_item .review_area .img .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: auto;
  border-radius: 5px;
}
.com_review .review_item .review_area .img .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_review .review_item .review_area .help {
  margin-top: 10px;
  border-radius: 34px;
  border: 1px solid #3C516B;
  height: 36px;
  background: #F7F8FC;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  padding-inline: 11px;
  gap: 5px;
  color: #3C516B;
}
.com_review .review_item .review_area .help .num {
  font-weight: 600;
}
.com_review .review_item .review_area .help img {
  width: 19px;
}
.com_review .review_item .buy_info_area {
  align-self: stretch;
  min-width: 32.25%;
  width: 32.25%;
  padding-left: 25px;
  border-left: 1px solid #D2E0F1;
}
.com_review .review_item .buy_info_area .info_item {
  margin-bottom: 18px;
}
.com_review .review_item .buy_info_area .info_item .tit {
  font-size: 16px;
  font-weight: 600;
}
.com_review .review_item .buy_info_area .info_item .tit .icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background-color: #fff;
  margin-right: 6px;
  vertical-align: -2px;
}
.com_review .review_item .buy_info_area .info_item .tit .icon img {
  width: 18px;
}
.com_review .review_item .buy_info_area .info_item .txt {
  margin-left: 34px;
  margin-bottom: -12px;
}
@media screen and (max-width: 1299.9px) {
  .com_review .review_item .buy_info_area {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .review_item .buy_info_area {
    border-left: 0;
    padding-left: 0;
    margin-top: 24px;
    border-top: 1px solid #D2E0F1;
    padding-top: 18px;
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .com_product_item .item_box .btn_area {
    padding-left: 100px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .sec_tit__wrap {
    align-items: center;
  }
  .com_review .sec_tit__wrap .com_btn.s {
    height: 30px;
    font-size: 12px !important;
    font-weight: 500;
  }
  .com_review .sec_tit__wrap .sec_tit {
    line-height: initial !important;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .list .each_order {
    border: 1px solid #DFE4EC;
    border-radius: 10px;
    padding: 20px;
  }
}
@media screen and (min-width: 767.9px) {
  .com_review .list .each_order__wrap {
    border: 1px solid #DFE4EC;
    border-radius: 20px;
    padding: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .list .each_order__wrap {
    padding: 20px 18px;
  }
}
.com_review .list .each_order__wrap + .each_order__wrap {
  margin-top: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .each_order__wrap + .each_order__wrap {
    position: relative;
    padding-top: 40px;
    margin-top: 44px;
    margin-top: 0;
    padding-top: 30px;
  }
  .com_review .list .each_order__wrap + .each_order__wrap:before {
    content: "";
    display: inline-block;
    height: 10px;
    background: #EFF2F5;
    width: calc(100% + 36px);
    margin-left: -18px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.com_review .list .each_order__wrap .date_field {
  font-size: 22px;
  font-weight: 600;
  color: #222;
  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: 10px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .each_order__wrap .date_field {
    font-size: 14px;
    padding-bottom: 15px;
  }
}
.com_review .list .each_order__wrap .date_field .tit {
  font-size: 16px;
  color: #909090;
  font-weight: 400;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .each_order__wrap .date_field .tit {
    font-size: 12px;
  }
}
.com_review .list .each_order .cate {
  font-weight: 600;
}
@media screen and (min-width: 767.9px) {
  .com_review .list .each_order .cate {
    border-top: 1px solid #EFF2F5;
    padding-top: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_review .list .each_order .cate:not(:first-of-type) {
    border-top: 1px solid #EFF2F5;
    padding-top: 20px;
    font-size: 14px;
  }
}
.com_review .list .item {
  padding: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  line-height: 26px;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    padding-block: 15px;
  }
  .com_review .list .item + .item {
    border-top: 1px solid #EFF2F5;
  }
}
.com_review .list .item .thumb {
  width: 80px;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item .thumb {
    width: 60px;
  }
}
.com_review .list .item .wrap {
  margin-left: auto;
  width: calc(100% - 95px);
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item .wrap {
    width: calc(100% - 75px);
  }
}
.com_review .list .item .wrap .top_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.com_review .list .item .wrap .top_area .writer {
  margin-right: auto;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item .wrap .top_area .writer {
    width: 100%;
    font-size: 13px;
  }
}
.com_review .list .item .wrap .top_area .btn {
  width: 20px;
  height: 20px;
}
.com_review .list .item .wrap .point {
  margin-left: auto;
  gap: 4px;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item .wrap .point {
    margin-left: 0;
  }
}
.com_review .list .item .wrap .point .star {
  width: 85px;
  height: 14px;
  margin-bottom: 3px;
}
.com_review .list .item .wrap .point .num {
  padding: 0;
  line-height: 17px;
}
.com_review .list .item .wrap .date {
  font-size: 13px;
  color: #6A6C70;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-top: 0;
  line-height: initial;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item .wrap .date {
    font-size: 12px;
  }
}
.com_review .list .item .wrap .con_area {
  margin-top: 12px;
  width: 90%;
  font-size: 14px;
  line-height: 22px;
  color: #6A6C70;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_review .list .item .wrap .con_area {
    margin-top: 0;
    font-size: 13px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 767.9px) {
  .com_good_point:before {
    content: "";
    display: inline-block;
    width: calc(100% + 36px);
    margin-left: -18px;
    background-color: #EFF2F5;
    height: 10px;
    margin-block: 37px 25px;
  }
}
.com_good_point .tit {
  font-size: 30px;
  font-weight: 600;
}
@media screen and (min-width: 767.9px) {
  .com_good_point .tit br {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .com_good_point .tit {
    font-size: 20px;
  }
}
.com_good_point .tit__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;
  margin-block: 37px;
}
@media screen and (max-width: 767.9px) {
  .com_good_point .tit__wrap {
    align-items: last baseline;
    margin-block: 0 25px;
  }
}
.com_good_point .item {
  border-radius: 10px;
  border: 1px solid #E9E9E9;
  text-align: center;
  padding-block: 35px 26px;
}
@media screen and (max-width: 767.9px) {
  .com_good_point .item {
    border-radius: 0;
    border-width: 0 0 1px 0;
    padding-block: 29px;
    display: grid;
    grid-template-columns: 95px calc(100% - 95px);
    grid-template-rows: repeat(2, auto);
    text-align: left;
  }
  .com_good_point .item:last-child {
    border: none;
  }
  .com_good_point .item .img {
    grid-row: 1/3;
  }
}
@media screen and (min-width: 767.9px) {
  .com_good_point .item__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;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 20px;
    width: 100%;
  }
  .com_good_point .item__wrap > * {
    width: calc((100% - 20px * 3) / 4);
    min-width: calc((100% - 20px * 3) / 4);
  }
}
@media screen and (max-width: 767.9px) {
  .com_good_point .item__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;
    border: 1px solid #EFF2F5;
    border-radius: 10px;
    padding-inline: 25px;
  }
}
.com_good_point .item .tit_field {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .com_good_point .item .tit_field {
    font-size: 14px;
  }
}
.com_good_point .item .txt_field {
  color: #666;
}
@media screen and (min-width: 767.9px) {
  .com_good_point .item img {
    height: 90px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_good_point .item img {
    height: 58px;
  }
}

.com_store {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 19px;
  position: relative;
  width: 350px;
}
.com_store .btn_map_display {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1px;
  color: transparent;
  user-select: none;
  overflow: hidden;
}
.com_store .thumb_area {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  min-width: 78px;
  aspect-ratio: auto;
  border-radius: 10px;
  align-self: flex-start;
}
.com_store .thumb_area > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_store .info_area {
  width: calc(100% - 97px);
}
.com_store .info_area .store {
  font-weight: 600;
}
.com_store .info_area .store .badge_new {
  border-radius: 2px;
  background: #FFECEC;
  color: #FF4C00;
  font-size: 12px;
  height: 14px;
  padding-inline: 3px;
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  line-height: initial;
  font-weight: 400;
}
.com_store .info_area .address {
  font-size: 13px;
  color: #6A6C70;
}
.com_store .info_area .pay {
  font-size: 13px;
  color: #6A6C70;
}
.com_store .info_area .info {
  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;
  font-size: 12px;
  color: #6A6C70;
  gap: 10px;
  margin-top: 10px;
}
.com_store .info_area .info .distance {
  color: #0057FF;
  font-weight: 600;
}
.com_store .info_area .info .review_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;
}
.com_store .info_area .info .review_area .star {
  font-weight: 600;
}
.com_store .info_area .info .review_area .star img {
  width: 13px;
}
.com_store .info_area .info_list {
  color: #6A6C70;
  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;
  margin-top: 10px;
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .com_store .info_area .info_list {
    font-size: 12px;
  }
}
.com_store .info_area .tags {
  gap: 5px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 14px;
}
.com_store .info_area .tags .tag {
  padding: 2px 4px;
  border-radius: 2px;
  background: #D9E6FF;
  align-self: stretch;
  font-size: 12px;
  color: #0057FF;
}
.com_store .com_btn__wrap {
  width: 100%;
}

.com_comment_wrap {
  padding: 0 35px;
}
.com_comment_wrap .com_paging {
  margin-block: 20px 30px;
}
.com_comment_wrap .tit {
  padding-block: 14px;
  line-height: 22px;
  font-size: 15px;
  border-bottom: 1px solid #EFF2F5;
}
.com_comment_wrap .tit b {
  color: #0057FF;
}
@media screen and (max-width: 767.9px) {
  .com_comment_wrap {
    padding: 0 18px;
  }
}
.com_comment_wrap .comment_write {
  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;
  padding-block: 20px;
  border-bottom: 1px solid #EFF2F5;
}
.com_comment_wrap .comment_write .textarea {
  width: calc(100% - 110px);
  min-height: 100px;
  height: 100px;
}
.com_comment_wrap .comment_write .com_btn {
  width: 100px;
  height: 100px;
  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: 5px;
}
.com_comment_wrap .comment_write .com_btn .icon.write {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_write_white.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.com_comment_wrap .each_comment {
  position: relative;
  padding-block: 20px;
  border-bottom: 1px solid #EFF2F5;
}
.com_comment_wrap .each_comment .modify_btn {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_write.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
}
.com_comment_wrap .each_comment .delete_btn {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_close.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
}
.com_comment_wrap .list {
  display: block;
}
.com_comment_wrap .list li {
  position: relative;
  display: block;
}
.com_comment_wrap .list li ul li {
  padding-left: 27px;
}
.com_comment_wrap .list li ul li:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_reply.png);
  width: 16px;
  min-width: 16px;
  height: 12px;
  position: absolute;
  left: 2px;
  top: 23px;
}
.com_comment_wrap .list li .info {
  margin-bottom: 13px;
}
.com_comment_wrap .list li .writer {
  font-size: 13px;
  color: #6A6C70;
}
.com_comment_wrap .list li .date {
  font-size: 12px;
  color: #6A6C70;
}
.com_comment_wrap .list li .contents {
  font-size: 14px;
  line-height: 20px;
  word-break: break-all;
}
@media screen and (max-width: 767.9px) {
  .com_comment_wrap .list li .contents {
    font-size: 13px;
  }
}

@media screen and (min-width: 767.9px) {
  .com_product_list .filter_sec {
    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;
    gap: 100px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_sec {
    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: 0;
    position: fixed;
    left: 0;
    top: 114px;
    width: 100%;
    height: calc(100vh - 114px);
    overflow-y: auto;
    background-color: #fff;
    z-index: 12;
    padding-inline: 18px;
  }
}
.com_product_list .filter_sec .filter_tit {
  font-size: 14px;
  font-weight: bold;
  padding-top: 20px;
}
@media screen and (min-width: 767.9px) {
  .com_product_list .filter_sec .filter_tit {
    display: none;
  }
}
.com_product_list .filter_sec .stock_area {
  font-size: 20px;
  font-weight: 600;
  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: 12px;
}
.com_product_list .filter_sec .select_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: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_sec .select_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: 15px;
    align-items: flex-start;
    order: 2;
  }
}
@media screen and (min-width: 767.9px) {
  .com_product_list .filter_sec .select_area .select {
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    background: #fff;
    min-width: 120px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    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;
    padding-inline: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_sec .select_area .select {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
  }
}
@media screen and (min-width: 767.9px) {
  .com_product_list .filter_sec .select_area .select {
    cursor: pointer;
  }
  .com_product_list .filter_sec .select_area .select:after {
    content: "";
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/icon_arrow_down.png);
    width: 10px;
    min-width: 10px;
    height: 5px;
  }
  .com_product_list .filter_sec .select_area .select:hover, .com_product_list .filter_sec .select_area .select.active {
    border-color: #0057FF;
    color: #0057FF;
  }
  .com_product_list .filter_sec .select_area .select:hover:after, .com_product_list .filter_sec .select_area .select.active:after {
    content: "";
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/icon_arrow_down_point.png);
    width: 10px;
    min-width: 10px;
    height: 5px;
  }
}
.com_product_list .filter_sec .com_btn__wrap {
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (min-width: 767.9px) {
  .com_product_list .filter_sec .com_btn__wrap {
    display: none;
  }
}
.com_product_list .filter_sec .com_btn__wrap .com_btn:last-child {
  flex: 1;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_sec {
    display: none;
  }
  .com_product_list .filter_sec.active {
    display: flex;
  }
  .com_product_list .filter_sec .pop_filter {
    display: block !important;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
  }
  .com_product_list .filter_sec .pop_filter .pop_container {
    width: 100%;
    border-radius: 0;
  }
  .com_product_list .filter_sec .pop_filter .content_container {
    padding: 0;
  }
  .com_product_list .filter_sec .pop_filter .btn_container,
  .com_product_list .filter_sec .pop_filter .bg_close {
    display: none;
  }
  .com_product_list .filter_sec .com_tip {
    order: 1;
    border-bottom: 1px solid #EFF2F5;
    padding-block: 20px;
    margin-bottom: 20px;
  }
}
.com_product_list .list_info_sec {
  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;
  border-bottom: 1px solid #DEE4EE;
  margin-block: 28px 23px;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .list_info_sec {
    padding-bottom: 10px;
    margin-block: 0 19px;
  }
}
.com_product_list .list_info_sec .number {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .list_info_sec .number {
    font-size: 14px;
  }
}
.com_product_list .list_info_sec .sort {
  border-radius: 0;
  border: none;
  font-weight: 500;
  width: auto;
  font-size: 18px;
  margin-left: auto;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .list_info_sec .sort {
    font-size: 14px;
  }
}
@media screen and (min-width: 767.9px) {
  .com_product_list .list_info_sec .btn_filter_m {
    display: none;
  }
}
.com_product_list .filter_keyword_sec {
  padding-bottom: 33px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_keyword_sec {
    gap: 4px;
  }
}
.com_product_list .filter_keyword_sec .com_btn {
  font-size: 18px;
  padding-inline: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_keyword_sec .com_btn {
    height: 30px;
    font-size: 12px;
    padding-inline: 9px;
  }
  .com_product_list .filter_keyword_sec .com_btn .icon.del_point {
    width: 9px;
    height: 9px;
  }
  .com_product_list .filter_keyword_sec .com_btn .icon.reset {
    width: 10px;
    height: 13px;
  }
}
.com_product_list .filter_keyword_sec .com_btn:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_product_list .filter_keyword_sec .com_btn:first-child {
    margin-right: 0px;
  }
}
.com_product_list .list_sec {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px 20px;
  width: 100%;
}
.com_product_list .list_sec > * {
  width: calc((100% - 20px * 3) / 4);
  min-width: calc((100% - 20px * 3) / 4);
}
@media screen and (max-width: 1023.9px) {
  .com_product_list .list_sec {
    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;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px 20px;
    width: 100%;
  }
  .com_product_list .list_sec > * {
    width: calc((100% - 20px * 1) / 2);
    min-width: calc((100% - 20px * 1) / 2);
  }
}
@media screen and (max-width: 767.9px) {
  .com_product_list .list_sec {
    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;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 0px;
    width: 100%;
  }
  .com_product_list .list_sec > * {
    width: calc((100% - 0px * 0) / 1);
    min-width: calc((100% - 0px * 0) / 1);
  }
}

.com_no_data {
  text-align: center;
  font-weight: bold;
  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;
  height: 100%;
}

.com_list .item {
  padding: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  line-height: 26px;
  border-bottom: 1px solid #EFF2F5;
}
@media screen and (max-width: 767.9px) {
  .com_list .item {
    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;
    padding-block: 15px;
  }
}
.com_list .item .com_badge {
  margin-inline: 0 10px;
}
.com_list .item .tit_field {
  font-size: 16px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_list .item .tit_field {
    font-size: 14px;
  }
}
.com_list .item .tit_field .cate {
  color: #909090;
  margin-right: 5px;
}
.com_list .item .date_field {
  font-size: 13px;
  color: #BABBBF;
  margin-inline: auto 5px;
  white-space: nowrap;
}
@media screen and (max-width: 767.9px) {
  .com_list .item .date_field {
    font-size: 12px;
    margin-inline: 0;
  }
}
.com_list .item.done .com_badge {
  color: #6A6C70;
  background: #DFE4EC;
}

.com_list_thumb {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px 32px;
  width: 100%;
}
.com_list_thumb > * {
  width: calc((100% - 32px * 2) / 3);
  min-width: calc((100% - 32px * 2) / 3);
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb {
    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;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 20px;
    width: 100%;
  }
  .com_list_thumb > * {
    width: calc((100% - 22px * 2) / 3);
    min-width: calc((100% - 22px * 2) / 3);
/*
	  width: calc((100% - 20px * 1) / 2);
    min-width: calc((100% - 20px * 1) / 2);*/
  }
}
.com_list_thumb .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;

  border-radius: 20px;

}
.com_list_thumb .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
   border:1px solid #dbdbdb;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb .thumb {
    margin-bottom: 15px;
  }
}
.com_list_thumb .tit_field {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb .tit_field {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.com_list_thumb .detail_field {
  color: #909090;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb .detail_field {
    font-size: 12px;
  }
}
.com_list_thumb + .com_paging {
  margin-top: 60px;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb + .com_paging {
    margin-top: 30px;
  }
}

.com_list_thumb_wide .item {
  border-bottom: 1px solid #EFF2F5;
  padding-bottom: 20px;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb_wide .item {
    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;
  }
}
.com_list_thumb_wide .item:not(:last-child) {
  margin-bottom: 20px;
}
.com_list_thumb_wide .item .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 2.4285714286;
  border-radius: 20px;
}
.com_list_thumb_wide .item .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
@media screen and (min-width: 767.9px) {
  .com_list_thumb_wide .item .thumb {
    width: 340px;
    min-width: 340px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb_wide .item .thumb {
    width: 100%;
  }
}
@media screen and (min-width: 767.9px) {
  .com_list_thumb_wide .item .info {
    width: calc(100% - 360px);
  }
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb_wide .item .info {
    display: grid;
    grid-template-columns: repeat(2 auto);
    grid-template-rows: repeat(2 auto);
    width: 100%;
    padding-inline: 5px;
  }
}
.com_list_thumb_wide .item .info .tit_field {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb_wide .item .info .tit_field {
    font-size: 14px;
    margin-bottom: 0;
    order: 1;
  }
}
.com_list_thumb_wide .item .info .date_field {
  color: #BABBBF;
  margin-bottom: 27px;
}
@media screen and (max-width: 1023.9px) {
  .com_list_thumb_wide .item .info .date_field {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb_wide .item .info .date_field {
    font-size: 12px;
    order: 3;
    grid-column: 1/3;
    margin-bottom: 0;
  }
}
.com_list_thumb_wide .item .info .dday_field {
  font-size: 22px;
  font-weight: 600;
  color: #0057FF;
}
@media screen and (max-width: 767.9px) {
  .com_list_thumb_wide .item .info .dday_field {
    font-size: 14px;
    order: 2;
    text-align: right;
  }
}
.com_list_thumb_wide.end .thumb {
  position: relative;
}
.com_list_thumb_wide.end .thumb:before {
  content: "종료";
  display: inline-block;
  width: 43px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background-color: #222;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 20px;
}
.com_list_thumb_wide.end * {
  color: #BABBBF !important;
}

.com_list_table th, .com_list_table td {
  height: 57px;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .com_list_table th, .com_list_table td {
    height: 41px;
    font-size: 12px;
  }
}
.com_list_table thead {
  border: 1px solid #DFE4EC;
  border-width: 1px 0;
}
.com_list_table thead th {
  background-color: #F6F8FB;
  font-weight: 600;
}
.com_list_table td {
  color: #6A6C70;
  border-bottom: 1px solid #EFF2F5;
}
.com_list_table td.car_num_field, .com_list_table td.price_field {
  color: #222;
}
.com_list_table__top {
  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;
  margin-bottom: 20px;
}
.com_list_table__top .table_tit {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .com_list_table__top .table_tit {
    font-size: 18px;
  }
}
.com_list_table + .com_settlement_list {
  margin-top: 25px;
}

.com_info_detail {
  gap: 20px;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_info_detail {
    gap: 15px;
  }
}
.com_info_detail .block {
  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: 15px;
}
.com_info_detail .block:not(:last-child) {
  border-bottom: 1px solid #EFF2F5;
  padding-bottom: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_info_detail .block:not(:last-child) {
    padding-bottom: 15px;
  }
}
.com_info_detail .block.row {
  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;
}
.com_info_detail .block .tit_field, .com_info_detail .block .info_field {
  min-height: 24px;
  align-self: first baseline;
}
.com_info_detail .block .tit_field {
  min-width: 45px;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .com_info_detail .block .tit_field {
    font-size: 13px;
  }
}
.com_info_detail .block .info_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  flex: 1;
  font-size: 15px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_info_detail .block .info_field {
    font-size: 13px;
  }
}
.com_info_detail .block .info_field .com_btn {
  margin-left: auto;
}
.com_info_detail .block .info_field.img_field {
  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: 8px;
}
.com_info_detail .block .info_field.img_field .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  min-width: 78px;
  aspect-ratio: auto;
  border-radius: 10px;
}
.com_info_detail .block .info_field.img_field .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_info_detail .block .info_field.opening_field {
  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;
}
.com_info_detail .block .info_field.opening_field .day {
  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;
}
.com_info_detail .block .info_field.opening_field .day .end {
  color: #FF4C00;
}
.com_info_detail .block .info_field.opening_field .day .btn_open {
  background-color: #EFF2F5;
  width: 24px;
  height: 24px;
  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;
}
.com_info_detail .block .info_field.opening_field .day .btn_open:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  border: solid #6A6C70;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
  margin-bottom: 5px;
}
.com_info_detail .block .info_field.opening_field .day .btn_open.active:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  border: solid #6A6C70;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
  margin-bottom: 0;
  margin-top: 3px;
}
.com_info_detail .block .info_field.opening_field .time {
  display: none;
  margin-top: 10px;
}

.com_view {
  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;
}
@media screen and (min-width: 767.9px) {
  .com_view {
    border: 1px solid #DFE4EC;
    border-radius: 20px;
    min-height: 550px;
  }
}
.com_view .top {
  padding: 30px 35px;
  overflow: hidden;
  border-bottom: 1px solid #DFE4EC;
}
@media screen and (max-width: 767.9px) {
  .com_view .top {
    border-bottom: 0;
    width: calc(100% + 36px);
    margin-left: -18px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 30px;
    padding: 20px 18px;
  }
  .com_view .top:after {
    content: "";
    display: inline-block;
    height: 10px;
    background: #EFF2F5;
    width: calc(100% + 36px);
    margin-left: -18px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.com_view .top .tit {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .com_view .top .tit {
    font-size: 14px;
  }
}
.com_view .top .info {
  margin-top: 9px;
  color: #909090;
}
@media screen and (max-width: 767.9px) {
  .com_view .top .info {
    font-size: 12px;
  }
}
.com_view .top .info > *:not(:last-child) {
  position: relative;
}
.com_view .top .info > *:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 10px;
  margin-inline: 10px;
  background: #DFE4EC;
  cursor: default;
}
.com_view .top .info .dday {
  color: #0057FF;
  font-weight: 600;
}
.com_view .view_contents {
  padding: 30px 35px;
  line-height: 2;
  text-align:center;
  border:0px solid yellow;
}
@media screen and (max-width: 767.9px) {
  .com_view .view_contents {
    padding: 0 0 30px 0;
  }
}
.com_view .paging {
  border-top: 1px solid #DFE4EC;
}
@media screen and (max-width: 767.9px) {
  .com_view .paging {
    width: calc(100% + 36px);
    margin-left: -18px;
    border-bottom: 1px solid #DFE4EC;
  }
}
.com_view .paging .item {
  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;
  padding: 27px 35px;
}
@media screen and (max-width: 767.9px) {
  .com_view .paging .item {
    padding: 17px 18px;
  }
}
.com_view .paging .item:not(:last-child) {
  border-bottom: 1px solid #DFE4EC;
}
.com_view .paging .item .tit_field {
  width: 100px;
  min-width: 100px;
  color: #909090;
  position: relative;
}
.com_view .paging .item .tit_field::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 30px;
  background: #DFE4EC;
  cursor: default;
}
@media screen and (max-width: 767.9px) {
  .com_view .paging .item .tit_field {
    width: 60px;
    min-width: 60px;
  }
  .com_view .paging .item .tit_field:after {
    margin-inline: 10px;
  }
}
.com_view .paging .item .board_tit {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .com_view .paging .item .board_tit {
    font-size: 14px;
  }
}
.com_view + .com_btn__wrap.bottom,
.com_view .com_btn__wrap.bottom {
  margin-top: auto;
  padding-top: 25px;
}
.com_view + .com_btn__wrap.bottom .com_btn,
.com_view .com_btn__wrap.bottom .com_btn {
  min-width: 150px;
}
@media screen and (max-width: 767.9px) {
  .com_view + .com_btn__wrap.bottom .com_btn,
  .com_view .com_btn__wrap.bottom .com_btn {
    width: 100%;
  }
}
.com_view .com_btn__wrap.bottom {
  padding-bottom: 30px !important;
}
@media screen and (max-width: 767.9px) {
  .com_view .com_btn__wrap.bottom {
    padding-bottom: 0 !important;
  }
}

body .has_lnb .com_view {
  border: none;
  border-radius: 0;
}
body .has_lnb .com_view .top {
  padding-top: 0;
  padding-inline: 0;
}
@media screen and (max-width: 767.9px) {
  body .has_lnb .com_view .top {
    padding-inline: 18px;
    padding-block: 0 19px;
  }
}
body .has_lnb .com_view .view_contents {
  padding-inline: 0;
}
body .has_lnb .com_view .pading {
  padding-inline: 0;
}

.com_input_sec {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px 20px;
}
.com_input_sec .block {
  width: 100%;
}
.com_input_sec .block.col2 {
  width: calc((100% - 20px) / 2);
}
.com_input_sec .tit_field {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  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: 767.9px) {
  .com_input_sec .tit_field {
    font-size: 12px;
  }
}
.com_input_sec .info_field {
  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: 12px;
}
.com_input_sec .info_field + .info_field {
  margin-top: 5px;
}
.com_input_sec.type_col .block {
  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: 10px;
}
.com_input_sec.type_col .block .tit_field {
  width: 100px;
  margin-bottom: 0;
}
.com_input_sec.type_col .block .info_field {
  width: calc(100% - 110px);
}
.com_input_sec.type_col .block .info_field .select {
  max-width: 140px;
}

.com_info_write {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write {
    gap: 15px;
  }
}
.com_info_write.type_row .block {
  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;
  justify-content: flex-start;
}
.com_info_write.type_row .block .tit_field, .com_info_write.type_row .block .info_field {
  width: 100% !important;
}
.com_info_write.price_info .block {
  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;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .com_info_write.price_info .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
  }
}
.com_info_write.price_info .block .tit_field {
  font-weight: 600;
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write.price_info .block .tit_field {
    font-size: 13px;
  }
}
.com_info_write.price_info .block .info_field {
  width: auto !important;
  font-weight: 700;
  font-size: 24px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write.price_info .block .info_field {
    font-size: 18px;
  }
}
.com_info_write .sec_tit {
  font-size: 22px;
  font-weight: 600;
  width: 100%;
}
.com_info_write .sec_tit, .com_info_write .sec_tit * {
  line-height: initial;
}
@media screen and (min-width: 767.9px) {
  .com_info_write .sec_tit {
    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: 767.9px) {
  .com_info_write .sec_tit {
    font-size: 16px;
  }
  .com_info_write .sec_tit .com_chk__wrap {
    margin-top: 10px;
  }
}
.com_info_write .sec_tit.between {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_info_write .sec_tit.s {
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .sec_tit.s {
    font-size: 14px;
  }
}
.com_info_write .sec_tit .tip {
  font-size: 14px;
  font-weight: 400;
  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;
}
@media screen and (min-width: 767.9px) {
  .com_info_write .sec_tit .tip {
    margin-inline: 20px auto;
    order: 2;
  }
}
@media screen and (max-width: 767.9px) {
  .com_info_write .sec_tit .tip {
    margin-top: 20px;
    font-size: 13px;
  }
}
.com_info_write .sec_tit .tip img {
  width: 20px;
  margin-right: 10px;
}
@media screen and (min-width: 767.9px) {
  .com_info_write .sec_tit .com_chk {
    order: 3;
  }
}
.com_info_write .sec_tit .sub {
  font-size: 14px;
  color: #6A6C70;
  font-weight: 400;
  margin-left: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .sec_tit .sub {
    display: block;
    margin-left: 0;
    font-size: 12px;
    margin-top: 5px;
  }
}
.com_info_write .must {
  color: #FF4C00;
  font-style: normal;
  margin-right: auto;
  margin-bottom: 6px;
  margin-left: 5px;
}
.com_info_write .block {
  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;
  width: 100%;
  gap: 5px;
  align-items: first baseline;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block {
    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: 13px;
  }
}
.com_info_write .block .input, .com_info_write .block .select {
  width: 100%;
}
.com_info_write .block .tit_field {
  width: 100px;
  min-width: 100px;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block .tit_field {
    width: 100%;
  }
}
.com_info_write .block .tit_field ~ .info_field {
  width: calc(100% - 105px);
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block .tit_field ~ .info_field {
    width: 100%;
  }
}
.com_info_write .block .tit_field ~ .info_field.tip {
  margin-top: 0;
}
.com_info_write .block .sub_tit_field {
  font-size: 13px;
  color: #222;
  margin-bottom: 2px;
}
.com_info_write .block .info_field {
  position: relative;
  width: 100%;
}
.com_info_write .block .info_field.tip {
  margin-top: -5px;
}
.com_info_write .block .info_field.point {
  color: #0057FF;
}
.com_info_write .block .info_field.red {
  color: #FF4C00;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block .info_field {
    width: 100%;
  }
}
.com_info_write .block .info_field select + input {
  margin-top: 5px;
}
.com_info_write .block .info_field.tel .select {
  width: 100px;
  min-width: 100px;
}
.com_info_write .block .info_field.tel .select + input {
  margin-top: 0;
}
.com_info_write .block .info_field .post .input {
  width: 100px;
}
.com_info_write .block .info_field .post .com_btn.txt {
  margin-left: auto;
}
.com_info_write .block .info_field .input_wrap + .input, .com_info_write .block .info_field .input_wrap + .select,
.com_info_write .block .info_field .input + .input, .com_info_write .block .info_field .select + .select, .com_info_write .block .info_field .select + .input, .com_info_write .block .info_field .input + .select {
  margin-top: 5px;
}
.com_info_write .block .info_field .com_btn:not(.txt) {
  min-width: 99px;
}
.com_info_write .block .info_field.birth .input:first-child {
  width: 126px;
}
.com_info_write .block .info_field.birth .input:last-child, .com_info_write .block .info_field.birth .input:last-of-type {
  width: 50px;
}
.com_info_write .block .info_field.img_upload {
  gap: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block .info_field.img_upload {
    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;
    align-items: flex-start;
    gap: 10px;
  }
}
.com_info_write .block .info_field.img_upload .btn {
  border-radius: 5px;
  border: 1px solid #DFE4EC;
  width: 100px;
  height: 100px;
  color: #BABBBF;
  font-size: 11px;
  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;
}
.com_info_write .block .info_field.img_upload .btn .icon {
  margin-bottom: 2px;
  width: 16px;
}
.com_info_write .block .info_field.img_upload .list li {
  color: #6A6C70;
  padding-left: 9px;
  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;
  align-self: first baseline;
}
.com_info_write .block .info_field.img_upload .list li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1px;
  background-color: #BABBBF;
  margin-right: 5px;
  margin-left: -9px;
}
.com_info_write .block .info_field .time {
  font-weight: 600;
  color: #FF4C00;
  position: absolute;
  right: 120px;
}
.com_info_write .block .info_field.line {
  border-bottom: 1px solid #EFF2F5;
  padding-bottom: 25px;
}
.com_info_write .block .info_field .length {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #909090;
  font-size: 11px;
}
.com_info_write .block .info_field.com_chk__wrap {
  width: auto !important;
  flex-wrap: nowrap;
}
.com_info_write .block .info_field.com_chk__wrap.line {
  width: 100% !important;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block .info_field.com_chk__wrap {
    width: 100% !important;
  }
}
.com_info_write .block .info_field .thumb {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 87px;
  height: 87px;
  min-width: 87px;
  aspect-ratio: auto;
  border-radius: 10px;
}
.com_info_write .block .info_field .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_info_write .block .input_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: 5px;
  width: 100%;
}
.com_info_write .block .input_wrap .select + .select {
  margin: 0;
}
.com_info_write .block .input_wrap .com_chk__wrap + .com_chk {
  margin-left: auto;
  margin-top: 0;
}
.com_info_write .block .notice_tip {
  color: #6A6C70;
  margin-top: 10px;
  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: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block .notice_tip {
    font-size: 12px;
  }
}
.com_info_write .block .notice_tip:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_tip2.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
@media screen and (min-width: 767.9px) {
  .com_info_write .block.col2 {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 767.9px) {
  .com_info_write .block.inner_col2 {
    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;
    flex-direction: row !important;
  }
}
.com_info_write .block.inner_col2 .tit_field {
  width: 130px !important;
  margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block.inner_col2 .tit_field {
    width: 100% !important;
  }
}
.com_info_write .block.inner_col2 .info_field {
  width: calc(100% - 130px) !important;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .block.inner_col2 .info_field {
    width: 100% !important;
  }
}
.com_info_write .block .tip {
  color: #909090;
}
.com_info_write .block .input.price {
  text-align: right;
  max-width: calc(100% - 90px);
}
.com_info_write .notice_import {
  border-radius: 5px;
  background-color: #FFECEC;
  font-size: 14px;
  color: #FF4C00;
  line-height: 1.57;
  padding: 6px 10px;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .com_info_write .notice_import {
    font-size: 12px;
  }
}
.com_info_write + .com_info_write {
  border-top: 1px solid #EFF2F5;
  margin-top: 25px;
  padding-top: 25px;
}
.com_info_write.business_hours {
  border-top: none;
  margin-top: 0;
  padding-top: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write.business_hours .block {
    align-items: start;
  }
}
.com_info_write.business_hours .sub_tit_field {
  width: 115px;
  margin-right: 20px;
}
.com_info_write.business_hours .info_field .com_chk {
  white-space: nowrap;
}
.com_info_write.business_hours .info_field .select {
  width: 164px;
}
@media screen and (max-width: 767.9px) {
  .com_info_write.business_hours .info_field .select {
    width: 120px;
  }
}
.com_info_write.business_hours .info_field .select.full {
  width: 347px;
}
.com_info_write .discount_field .num {
  font-weight: 700;
  color: #0057FF;
  margin-right: 5px;
  font-size: 15px;
}

.com_table {
  border-top: 1px solid #6A6C70;
}
.com_table tbody th[scope=rowgroup] {
  border-right: 1px solid #E8E8E8;
}
.com_table th, .com_table td {
  text-align: left;
  padding: 14px 10px 14px 30px;
  border-bottom: 1px solid #E8E8E8;
  font-size: 15px;
  height: 52px;
  font-weight: 400;
}
@media screen and (max-width: 767.9px) {
  .com_table th, .com_table td {
    font-size: 12px;
    height: 30px;
    padding: 10px 8px;
  }
}
.com_table th {
  background: #F6F8FB;
}
.com_table td {
  color: #6A6C70;
}

.com_agree {
  border: 1px solid #EFF2F5;
  border-inline: 0;
  margin-top: 25px;
  padding-block: 25px;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_agree {
    margin-top: 20px;
    padding-block: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_agree {
    gap: 5px;
  }
}
.com_agree .must {
  color: #FF4C00;
  margin-right: -5px;
}
.com_agree .item {
  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: 10px;
}
.com_agree .item .com_chk {
  color: #6A6C70;
}
.com_agree .btn {
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 2px;
  color: #222;
}
.com_agree .all {
  margin-bottom: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_agree .all {
    margin-bottom: 15px;
  }
}
.com_agree .all .com_chk {
  color: #222;
}
.com_agree .email {
  border-top: 1px solid #EFF2F5;
  margin-top: 25px;
  padding-top: 25px;
  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;
  color: #6A6C70;
}
@media screen and (max-width: 767.9px) {
  .com_agree .email {
    font-size: 12px;
    margin-top: 20px;
    padding-top: 20px;
  }
}
.com_agree .email .tit_field {
  min-width: 120px;
}

.com_file_up .input {
  display: inline-block;
  height: 40px;
  padding: 0 12px;
  vertical-align: middle;
  border: 1px solid #D7D7D7;
  width: 100%;
  color: #999999;
  border-radius: 5px;
}
.com_file_up input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}