@charset "UTF-8";
/* NanumSquareRound */
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/font/NanumSquareRoundR.eot");
  src: url("/assets/font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), url("/assets/font/NanumSquareRoundR.woff2") format("woff2"), url("/assets/font/NanumSquareRoundR.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/font/NanumSquareRoundB.eot");
  src: url("/assets/font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), url("/assets/font/NanumSquareRoundB.woff2") format("woff2"), url("/assets/font/NanumSquareRoundB.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/font/NanumSquareRoundEB.eot");
  src: url("/assets/font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), url("/assets/font/NanumSquareRoundEB.woff2") format("woff2"), url("/assets/font/NanumSquareRoundEB.woff") format("woff");
}
/* NotoSans */
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/font/NotoSans-Light.eot");
  src: url("/assets/font/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("/assets/font/NotoSans-Light.woff2") format("woff2"), url("/assets/font/NotoSans-Light.woff") format("woff");
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/font/NotoSans-DemiLight.eot");
  src: url("/assets/font/NotoSans-DemiLight.eot?#iefix") format("embedded-opentype"), url("/assets/font/NotoSans-DemiLight.woff2") format("woff2"), url("/assets/font/NotoSans-DemiLight.woff") format("woff");
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/font/NotoSans-Regular.eot");
  src: url("/assets/font/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/font/NotoSans-Regular.woff2") format("woff2"), url("/assets/font/NotoSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/font/NotoSans-Medium.eot");
  src: url("/assets/font/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/font/NotoSans-Medium.woff2") format("woff2"), url("/assets/font/NotoSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/font/NotoSans-Bold.eot");
  src: url("/assets/font/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/font/NotoSans-Bold.woff2") format("woff2"), url("/assets/font/NotoSans-Bold.woff") format("woff");
}
/* Reset */
*,
::before,
::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 100%;
  line-height: 1.5em;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body {
  color: #232425;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4285714;
  word-wrap: break-word;
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: none;
}

header,
section,
article,
aside,
footer,
nav {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}

fieldset {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  max-width: 100%;
  border: 0;
}

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

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

pre {
  white-space: pre-wrap;
}

a,
select,
button,
input,
textarea {
  font-family: inherit;
}

button,
input[type=submit] {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
button em,
input[type=submit] {
  font-size: inherit;
}

strong,
b {
  font-weight: 700;
}

i {
  font-style: normal;
}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0 !important;
  font-size: 1px;
  color: transparent;
  line-height: 0;
  overflow: hidden;
}

caption,
legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px !important;
  color: transparent;
  font-size: 1px;
  line-height: 0;
  opacity: 0;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.blind::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
}

address,
em {
  font-style: normal;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

mark {
  color: inherit;
  font-weight: 800;
  background: 0 0;
}

button,
input {
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

html {
  -webkit-touch-callout: none;
  user-select: none;
}

img,
.product_detail_wrap img,
.product_list_wrap img,
.detail_event .detail_content img,
.block_stamp .stamp_top img {
  -webkit-touch-callout: none;
  user-select: none; /* Disable selection/copy in UIWebView */
  pointer-events: none;
}

/* 2024-11-07 보틀오더 가상카테고리 : 클릭 이벤트 예외 처리 */
.product_img_wrap img {
  -webkit-touch-callout: initial;
  user-select: initial; /* Disable selection/copy in UIWebView */
  pointer-events: initial;
}

/* Global Style */
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.blind {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clb {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.inline {
  display: inline;
}

.pos_fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

.inner {
  margin: 0 auto;
  /*width: 1200px;*/
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 컬러 */
.bg_white {
  background: #FFF;
}

.bg_gray {
  background-color: #F5F5F5;
}

.bg_lightgray {
  background-color: #FAFAFA;
}

.opc5 {
  opacity: 0.5;
}

.fc_point01 {
  color: #5175F4 !important;
}

.fc_point02 {
  color: #F96B00 !important;
}

.fc_point03 {
  color: #F98600 !important;
}

.fc_red {
  color: #F43636 !important;
}

.fc_blue {
  color: #485FDA !important;
}

.fc_base {
  color: #232425 !important;
}

.fc_black {
  color: #000 !important;
}

.fc_gray {
  color: #757575 !important;
}

.fc_gray1 {
  color: #9A9A9A !important;
}

.fc_gray2 {
  color: #4D4E4F !important;
}

.fc_gray3 {
  color: #626364 !important;
}

.font12 {
  font-size: 0.75rem !important;
}

.font13 {
  font-size: 0.8125rem !important;
}

.font14 {
  font-size: 0.875rem !important;
}

.font15 {
  font-size: 0.9375rem !important;
}

.font16 {
  font-size: 1rem !important;
  line-height: 1.375;
}

.font18 {
  font-size: 1.125rem !important;
}

.font20 {
  font-size: 1.25rem !important;
}

.lts_03 {
  letter-spacing: -0.3px;
}

.normal {
  font-weight: normal !important;
}

.bold {
  font-weight: bold !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.underline {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}

.ff_round {
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif !important;
}

.ff_base {
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif !important;
}

.interval01 {
  margin: 16px 20px;
}

.interval01p {
  padding: 16px 20px;
}

/* 간격 */
.mg0 {
  margin: 0px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg100 {
  margin: 100px !important;
}

.pd0 {
  padding: 0px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd100 {
  padding: 100px !important;
}

.mgt0 {
  margin-top: 0px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt60 {
  margin-top: 60px !important;
}

.mgt70 {
  margin-top: 70px !important;
}

.mgt80 {
  margin-top: 80px !important;
}

.mgt90 {
  margin-top: 90px !important;
}

.mgt100 {
  margin-top: 100px !important;
}

.mgl0 {
  margin-left: 0px !important;
}

.mgl10 {
  margin-left: 10px !important;
}

.mgl20 {
  margin-left: 20px !important;
}

.mgl30 {
  margin-left: 30px !important;
}

.mgl40 {
  margin-left: 40px !important;
}

.mgl50 {
  margin-left: 50px !important;
}

.mgl60 {
  margin-left: 60px !important;
}

.mgl70 {
  margin-left: 70px !important;
}

.mgl80 {
  margin-left: 80px !important;
}

.mgl90 {
  margin-left: 90px !important;
}

.mgl100 {
  margin-left: 100px !important;
}

.mgr0 {
  margin-right: 0px !important;
}

.mgr10 {
  margin-right: 10px !important;
}

.mgr20 {
  margin-right: 20px !important;
}

.mgr30 {
  margin-right: 30px !important;
}

.mgr40 {
  margin-right: 40px !important;
}

.mgr50 {
  margin-right: 50px !important;
}

.mgr60 {
  margin-right: 60px !important;
}

.mgr70 {
  margin-right: 70px !important;
}

.mgr80 {
  margin-right: 80px !important;
}

.mgr90 {
  margin-right: 90px !important;
}

.mgr100 {
  margin-right: 100px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.mgb10 {
  margin-bottom: 10px !important;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.mgb30 {
  margin-bottom: 30px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.mgb50 {
  margin-bottom: 50px !important;
}

.mgb60 {
  margin-bottom: 60px !important;
}

.mgb70 {
  margin-bottom: 70px !important;
}

.mgb80 {
  margin-bottom: 80px !important;
}

.mgb90 {
  margin-bottom: 90px !important;
}

.mgb100 {
  margin-bottom: 100px !important;
}

.pdt0 {
  padding-top: 0px !important;
}

.pdt10 {
  padding-top: 10px !important;
}

.pdt20 {
  padding-top: 20px !important;
}

.pdt30 {
  padding-top: 30px !important;
}

.pdt40 {
  padding-top: 40px !important;
}

.pdt50 {
  padding-top: 50px !important;
}

.pdt60 {
  padding-top: 60px !important;
}

.pdt70 {
  padding-top: 70px !important;
}

.pdt80 {
  padding-top: 80px !important;
}

.pdt90 {
  padding-top: 90px !important;
}

.pdt100 {
  padding-top: 100px !important;
}

.pdl0 {
  padding-left: 0px !important;
}

.pdl10 {
  padding-left: 10px !important;
}

.pdl20 {
  padding-left: 20px !important;
}

.pdl30 {
  padding-left: 30px !important;
}

.pdl40 {
  padding-left: 40px !important;
}

.pdl50 {
  padding-left: 50px !important;
}

.pdl60 {
  padding-left: 60px !important;
}

.pdl70 {
  padding-left: 70px !important;
}

.pdl80 {
  padding-left: 80px !important;
}

.pdl90 {
  padding-left: 90px !important;
}

.pdl100 {
  padding-left: 100px !important;
}

.pdr0 {
  padding-right: 0px !important;
}

.pdr10 {
  padding-right: 10px !important;
}

.pdr20 {
  padding-right: 20px !important;
}

.pdr30 {
  padding-right: 30px !important;
}

.pdr40 {
  padding-right: 40px !important;
}

.pdr50 {
  padding-right: 50px !important;
}

.pdr60 {
  padding-right: 60px !important;
}

.pdr70 {
  padding-right: 70px !important;
}

.pdr80 {
  padding-right: 80px !important;
}

.pdr90 {
  padding-right: 90px !important;
}

.pdr100 {
  padding-right: 100px !important;
}

.pdb0 {
  padding-bottom: 0px !important;
}

.pdb10 {
  padding-bottom: 10px !important;
}

.pdb20 {
  padding-bottom: 20px !important;
}

.pdb30 {
  padding-bottom: 30px !important;
}

.pdb40 {
  padding-bottom: 40px !important;
}

.pdb50 {
  padding-bottom: 50px !important;
}

.pdb60 {
  padding-bottom: 60px !important;
}

.pdb70 {
  padding-bottom: 70px !important;
}

.pdb80 {
  padding-bottom: 80px !important;
}

.pdb90 {
  padding-bottom: 90px !important;
}

.pdb100 {
  padding-bottom: 100px !important;
}

.mgl5 {
  margin-left: 5px !important;
}

.mgr5 {
  margin-right: 5px !important;
}

.mgl6 {
  margin-left: 6px !important;
}

.mgl8 {
  margin-left: 8px !important;
}

.mgr8 {
  margin-right: 8px !important;
}

.mgt4 {
  margin-top: 4px !important;
}

.mgt8 {
  margin-top: 8px !important;
}

.mgt12 {
  margin-top: 12px !important;
}

.mgt14 {
  margin-top: 14px !important;
}

.mgt16 {
  margin-top: 16px !important;
}

.mgt24 {
  margin-top: 24px !important;
}

.mgt36 {
  margin-top: 36px !important;
}

.mgb8 {
  margin-bottom: 8px !important;
}

.mgb12 {
  margin-bottom: 12px !important;
}

.mgb14 {
  margin-bottom: 14px !important;
}

.mgb16 {
  margin-bottom: 16px !important;
}

.mgb120 {
  margin-bottom: 120px !important;
}

.mgb24 {
  margin-bottom: 24px !important;
}

.nmgt12 {
  margin-top: -12px !important;
}

.pdb5 {
  padding-bottom: 5px !important;
}

.pdt8 {
  padding-top: 8px !important;
}

.pdt16 {
  padding-top: 16px !important;
}

.pdt24 {
  padding-top: 24px !important;
}

.pdb8 {
  padding-bottom: 8px !important;
}

.pdb16 {
  padding-bottom: 16px !important;
}

.pdb24 {
  padding-bottom: 24px !important;
}

.pdr15 {
  padding-right: 15px !important;
}

.pdl6 {
  padding-left: 6px !important;
}

.pdl24 {
  padding-left: 24px !important;
}

.pdl28 {
  padding-left: 28px !important;
}

.pdx4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.pdx14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.pdx20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.bdt1 {
  border-top: 1px solid #EEE;
}

.bdt0 {
  border-top: none !important;
}

.bdb0 {
  border-bottom: none !important;
}

.bdb8 {
  border-bottom: 8px solid #F5F5F5;
}

/* width */
.w5p {
  width: 5% !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w35p {
  width: 35% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w85p {
  width: 85% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

/* Icon */
.ico {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent;
  font-size: 1px;
  text-align: left;
  vertical-align: middle;
}

.ico.ico_alram {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_alram.png);
  background-size: cover;
}

.ico.ico_setting {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_setting.png);
  background-size: cover;
}

.ico.ico_barcode {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_barcode.png);
  background-size: cover;
}

.ico.ico_back {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_back.png);
  background-size: cover;
}

.ico.ico_allmenu {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_allmenu.png);
  background-size: cover;
}

.ico.ico_cart {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_cart.png);
  background-size: cover;
}

.ico.ico_search {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_search.png);
  background-size: cover;
}

.ico.ico_refresh {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_refresh.png);
  background-size: cover;
}

.ico.ico_home2 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_home2.png);
  background-size: cover;
}

.ico.ico_alram_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_alram_white.png);
  background-size: cover;
}

.ico.ico_setting_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_setting_white.png);
  background-size: cover;
}

.ico.ico_barcode_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_barcode_white.png);
  background-size: cover;
}

.ico.ico_back_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_back_white.png);
  background-size: cover;
}

.ico.ico_allmenu_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_allmenu_white.png);
  background-size: cover;
}

.ico.ico_cart_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_cart_white.png);
  background-size: cover;
}

.ico.ico_search_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_search_white.png);
  background-size: cover;
}

.ico.ico_home2_white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(/assets/images/renew.common/ico_home2_white.png);
  background-size: cover;
}

/* .wrap_service01 header,
.wrap_service02 header,
.wrap_service03 header,
.wrap_service04 header {
	@include ico-white('alram');
	@include ico-white('setting');
	@include ico-white('barcode');
	@include ico-white('back');
	@include ico-white('allmenu');
	@include ico-white('cart');
	@include ico-white('search');
} */
.ico.ico_mypage {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_mypage.png);
  background-size: cover;
}

.ico.ico_barcode_white {
  width: 40px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_barcode_white.png);
  background-size: cover;
}

.ico.ico_close_pop {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_close_pop.png);
  background-size: cover;
}

.ico.ico_back_white {
  width: 34px;
  height: 34px;
  line-height: 34px;
  background-image: url(/assets/images/renew.common/ico_back_white.png);
  background-size: cover;
}

.ico.ico_logo {
  width: 72px;
  height: 34px;
  line-height: 34px;
  background-image: url(/assets/images/renew.common/ico_logo.png);
  background-size: cover;
}

.ico.ico_logo_white {
  width: 72px;
  height: 34px;
  line-height: 34px;
  background-image: url(/assets/images/renew.common/ico_logo_white.png);
  background-size: cover;
}

.ico.ico_logo_white02 {
  width: 72px;
  height: 34px;
  line-height: 34px;
  background-image: url(/assets/images/renew.common/ico_logo_white02.png);
  background-size: cover;
}

.ico.ico_page_top {
  width: 17px;
  height: 14px;
  line-height: 14px;
  background-image: url(/assets/images/renew.common/ico_page_top.png);
  background-size: cover;
}

.ico.ico_arr_right {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_arr_right.png);
  background-size: cover;
}

.ico.ico_store_favor {
  width: 42px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_store_favor.png);
  background-size: cover;
}

.ico.ico_reset {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_reset.png);
  background-size: cover;
}

.ico.ico_share {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_share.png);
  background-size: cover;
}

.ico.ico_share_gray {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_share_gray.png);
  background-size: cover;
}

.ico.ico_share_black {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_share_black.png);
  background-size: cover;
}

.ico.ico_item_minus {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_item_minus.png);
  background-size: cover;
}

.ico.ico_item_plus {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_item_plus.png);
  background-size: cover;
}

.ico.ico_item_del {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_item_del.png);
  background-size: cover;
}

.ico.ico_buying_guide {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_buying_guide.png);
  background-size: cover;
}

.ico.ico_logo_sm {
  width: 40px;
  height: 8px;
  line-height: 8px;
  background-image: url(/assets/images/renew.common/ico_logo_sm.png);
  background-size: cover;
}

.ico.ico_tooltip {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_tooltip.png);
  background-size: cover;
}

.ico.ico_arr_down {
  width: 14px;
  height: 8px;
  line-height: 8px;
  background-image: url(/assets/images/renew.common/ico_arr_down.png);
  background-size: cover;
}

.ico.ico_arr_down02 {
  width: 14px;
  height: 8px;
  line-height: 8px;
  background-image: url(/assets/images/renew.common/ico_arr_down02.png);
  background-size: cover;
}

.ico.ico_arr_fold {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_arr_fold.png);
  background-size: cover;
}

.ico.ico_card_plus {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url(/assets/images/renew.common/ico_card_plus.png);
  background-size: cover;
}

.ico.ico_no_data {
  width: 160px;
  height: 160px;
  line-height: 160px;
  background-image: url(/assets/images/renew.common/ico_no_data.png);
  background-size: cover;
}

.ico.ico_no_store {
  width: 160px;
  height: 160px;
  line-height: 160px;
  background-image: url(/assets/images/renew.common/ico_no_store.png);
  background-size: cover;
}

.ico.ico_no_cart {
  width: 160px;
  height: 160px;
  line-height: 160px;
  background-image: url(/assets/images/renew.common/ico_no_cart.png);
  background-size: cover;
}

.ico.ico_info_orange {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_info_orange.png);
  background-size: cover;
}

.ico.ico_info {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_info.png);
  background-size: cover;
}

.ico.ico_mycoupon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_mycoupon.png);
  background-size: cover;
}

.ico.ico_frequency {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_frequency.png);
  background-size: cover;
}

.ico.ico_mylocation {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_mylocation.png);
  background-size: cover;
}

.ico.ico_service_subscribe_coupon {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url(/assets/images/renew.look.feel/ico_service_subscribe_coupon.png);
  background-size: cover;
}

.ico.ico_ssg_point {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-image: url(/assets/images/renew.look.feel/ico_ssg_point.png);
  background-size: cover;
}

.ico.ico_no_alram,
.ico.ico_no_keyword,
.ico.ico_no_product,
.ico.ico_no_coupon,
.ico.ico_no_order,
.ico.ico_no_subscribe {
  width: 160px;
  height: 160px;
  background-image: url(/assets/images/renew.common/ico_no_data.png);
  background-size: cover;
}

.ico.ico_no_store {
  width: 160px;
  height: 160px;
  background-image: url(/assets/images/renew.common/ico_no_store.png);
  background-size: cover;
}

.ico.ico_no_search {
  width: 160px;
  height: 160px;
  background-image: url(/assets/images/renew.common/ico_no_search.png);
  background-size: cover;
}

.ico.ico_find {
  width: 160px;
  height: 160px;
  background-image: url(/assets/images/renew.common/ico_find.png);
  background-size: cover;
}

.ico.ico_one {
  width: 130px;
  height: 130px;
  background-image: url(/assets/images/renew.common/ico_one.png);
  background-size: cover;
}

.ico.ico_event {
  width: 130px;
  height: 130px;
  background-image: url(/assets/images/renew.common/ico_event.png);
  background-size: cover;
}

.ico.ico_pwd {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 13px;
  background-image: url(/assets/images/renew.common/ico_pwd.png);
  background-size: cover;
  cursor: pointer;
}

.ico.ico_pwd_hide {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 15px;
  background-image: url(/assets/images/renew.common/ico_pwd_hide.png);
  background-size: cover;
  cursor: pointer;
}

.ico.ico_pwd {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 13px;
  background-image: url(/assets/images/renew.common/ico_pwd.png);
  background-size: cover;
  cursor: pointer;
}

.ico.ico_pwd_hide {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 15px;
  background-image: url(/assets/images/renew.common/ico_pwd_hide.png);
  background-size: cover;
  cursor: pointer;
}

.ico.ico_service_coupon_store {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.look.feel/ico_service_coupon_store.png);
  background-size: cover;
}

.ico.ico_help {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_help.png);
  background-size: cover;
}

.ico.ico_cate_34 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_cate_34.png);
  background-size: cover;
}

.ico.ico_cate_41 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_cate_41.png);
  background-size: cover;
}

.ico.ico_cate_42 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_cate_42.png);
  background-size: cover;
}

.ico.ico_cate_43 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_cate_43.png);
  background-size: cover;
}

.ico.ico_service_coupon_store_wht {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.look.feel/ico_service_coupon_store_wht.png);
  background-size: cover;
}

.ico.ico_ssg_point_wht {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.look.feel/ico_service_ssg_point_wht.png);
  background-size: cover;
}

.ico.ico_modify {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url(/assets/images/renew.common/ico_modify.png);
  background-size: cover;
}

/* Button */
/* Btn Top */
.top_btn {
  display: none;
  position: absolute;
  right: 15px;
  bottom: -50px;
  z-index: 10;
}
.top_btn.active {
  /* display: block; */
}
.top_btn button {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  background: #FFF url(/assets/images/renew.common/ico_top_btn.png) no-repeat center;
  background-size: 24px;
  box-sizing: border-box;
}
.top_btn button:active {
  background-color: #DEDEDE;
}

/* tab highlight 제거 버튼, 링크 */
.home_btn a,
.top_btn button,
.btn_main,
.btn_cont,
.btn_close_barcode,
.btn_close_poppage,
.tabmenu02.tab_slider .swiper-slide a {
  -webkit-tap-highlight-color: transparent;
}

/* Btn Home */
.home_btn {
  position: fixed;
  right: 15px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  z-index: 10;
}
.home_btn a {
  display: block;
  position: relative;
  height: 50px;
  text-indent: -9999px;
}
.home_btn a::before, .home_btn a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #FFBB0D url(/assets/images/renew.common/ico_home.png) no-repeat center;
  background-size: 32px;
}
.home_btn a::after {
  display: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
}
.home_btn a:active::after {
  display: block;
}

.strw_event {
  position: absolute;
  left: 17px;
  bottom: 29px;
  width: 61px;
  height: 66px;
  overflow: hidden;
  z-index: 10;
}
.strw_event a {
  display: block;
  position: relative;
  height: 100%;
  text-indent: -9999px;
}
.strw_event a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 61px;
  height: 66px;
  background: no-repeat center/contain url(/assets/images/renew.contents/strw_event.png);
}

/* 메인 프로세스 버튼 */
.btn_main {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding: 0 22px;
  border: 1px solid #9A9A9A;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: none;
  font-size: 0.875rem;
}
.btn_main.wide {
  padding: 0 8.5px;
}
.btn_main > em {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #232425;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-size: inherit;
  font-weight: 700;
  /* 23.02.07 금액 부분 css 추가*/
}
.btn_main > em strong {
  display: inline-flex;
  line-height: 1;
  align-self: center;
  font-weight: 800;
}
.btn_main > .ico {
  position: relative;
}
.btn_main:active > em,
.btn_main:active > .ico, .btn_main.pressed > em,
.btn_main.pressed > .ico {
  top: 1px;
}

.btn_main.active {
  background-color: #232425;
  border-color: #232425;
  box-shadow: none;
  color: #fff;
}
.btn_main.active > em {
  color: #fff;
}
.btn_main.yellow {
  background: #FFA800;
  border: 1px solid #FFA800;
}
.btn_main.yellow > em {
  color: #fff;
}
.btn_main.yellow.pressed, .btn_main.yellow:active {
  background: #FF9900;
}
.btn_main.yellow.disabled {
  background: #FFA800;
  opacity: 0.4;
}
.btn_main.yellow.disabled > em {
  color: #fff;
}
.btn_main.disabled {
  background-color: #DEDEDE;
  box-shadow: none;
  pointer-events: none;
  cursor: default;
  color: #9A9A9A;
}
.btn_main.disabled > em {
  color: #9A9A9A;
}
.btn_main.active.disabled {
  background-color: #DEDEDE;
  box-shadow: none;
  pointer-events: none;
  cursor: default;
  opacity: 1;
  color: #9A9A9A;
}
.btn_main.active.disabled > em {
  color: #9A9A9A;
}
.btn_main:active, .btn_main.pressed {
  background-color: #DEDEDE;
}
.btn_main.active:active, .btn_main.active.pressed {
  background-color: #000;
}

.btn_main {
  /* 0313 disabled 속성관련 css 추가*/
}
.btn_main:disabled {
  pointer-events: none;
}
.btn_main.btn_xlg {
  height: 56px;
  box-shadow: none;
  font-size: 1rem;
}
.btn_main.btn_xlg > em,
.btn_main.btn_xlg > .ico {
  margin-bottom: 3px;
}
.btn_main.btn_xlg:active, .btn_main.btn_xlg.pressed {
  box-shadow: none;
}
.btn_main.btn_xlg.active {
  box-shadow: none;
}
.btn_main.btn_xlg.active:active, .btn_main.btn_xlg.active.pressed {
  box-shadow: none;
}
.btn_main.btn_xlg.disabled {
  box-shadow: none;
  border: none;
}
.btn_main.btn_xlg.disabled:active, .btn_main.btn_xlg.disabled.pressed {
  box-shadow: none;
}
.btn_main.btn_lg {
  height: 48px;
  box-shadow: none;
  font-size: 0.875rem;
}
.btn_main.btn_lg > em,
.btn_main.btn_lg > .ico {
  margin-bottom: 2px;
}
.btn_main.btn_lg:active, .btn_main.btn_lg.pressed {
  box-shadow: none;
}
.btn_main.btn_lg.active {
  box-shadow: none;
}
.btn_main.btn_lg.active:active, .btn_main.btn_lg.active.pressed {
  box-shadow: none;
}
.btn_main.btn_lg.disabled {
  box-shadow: none;
  border: none;
}
.btn_main.btn_lg.disabled:active, .btn_main.btn_lg.disabled.pressed {
  box-shadow: none;
}
.btn_main, .btn_main.btn_main.btn_md {
  box-shadow: none;
}
.btn_main > em,
.btn_main > .ico, .btn_main.btn_main.btn_md > em,
.btn_main.btn_main.btn_md > .ico {
  margin-bottom: 2px;
}
.btn_main:active, .btn_main.pressed, .btn_main.btn_main.btn_md:active, .btn_main.btn_main.btn_md.pressed {
  box-shadow: none;
}
.btn_main.active, .btn_main.btn_main.btn_md.active {
  box-shadow: none;
}
.btn_main.active:active, .btn_main.active.pressed, .btn_main.btn_main.btn_md.active:active, .btn_main.btn_main.btn_md.active.pressed {
  box-shadow: none;
}
.btn_main.disabled, .btn_main.btn_main.btn_md.disabled {
  box-shadow: none;
  border: none;
}
.btn_main.disabled:active, .btn_main.disabled.pressed, .btn_main.btn_main.btn_md.disabled:active, .btn_main.btn_main.btn_md.disabled.pressed {
  box-shadow: none;
}
.btn_main.btn_sm {
  height: 32px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 16px;
  box-shadow: none;
  font-size: 0.75rem;
}
.btn_main.btn_sm > em {
  margin-bottom: 1px;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 16px;
  font-weight: 400;
}
.btn_main.btn_sm.active {
  box-shadow: none;
}
.btn_main.btn_sm.disabled {
  box-shadow: none;
  border: none;
}
.btn_main.btn_sm.disabled:active, .btn_main.btn_sm.disabled.pressed {
  box-shadow: none;
}
.btn_main.btn_sm.disabled:active em, .btn_main.btn_sm.disabled.pressed em {
  top: 0;
}
.btn_main.btn_xsm {
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
  border-color: #B2B2B2;
  border-radius: 6px;
  box-shadow: none;
  font-size: 0.75rem;
}
.btn_main.btn_xsm em {
  margin-bottom: 0;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 16px;
  font-weight: 400;
}
.btn_main.btn_xsm.active {
  border-color: #232425;
  box-shadow: none;
  color: #fff;
}
.btn_main.btn_xsm:active em, .btn_main.btn_xsm.pressed em {
  top: 0;
}

.btn_main.tal {
  justify-content: flex-start;
}
.btn_main.tar {
  justify-content: flex-end;
}

/* 버튼 그룹 */
.btn_group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 8px 20px;
}
.btn_group.type02 {
  padding: 20px 0;
}
.btn_group.type02 .btn_main {
  flex-direction: column;
  height: auto;
  padding: 13px 0;
  border: 1px solid #EEE;
}
.btn_group.type02 .btn_main.disabled {
  background: #fff;
  filter: grayscale(1);
}
.btn_group.type02 .btn_main.disabled i, .btn_group.type02 .btn_main.disabled em {
  opacity: 0.5;
}
.btn_group.type02 .btn_main i {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}
.btn_group.type02 .btn_main em {
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
  font-weight: 400;
  color: #4D4E4F;
}
.btn_group.type02 .btn_main + .btn_main {
  margin-left: 8px;
}
.btn_group .btn_main {
  flex: 1 1 20%;
}
.btn_group .btn_main + .btn_main {
  margin-left: 4px;
}
.btn_group .btn_main.btn_lg + .btn_main.btn_lg,
.btn_group .btn_main.btn_xlg + .btn_main.btn_xlg {
  margin-left: 8px;
}

.btn_group.ratio11 .btn_main:first-child {
  flex: 1;
}
.btn_group.ratio11 .btn_main:last-child {
  flex: 1;
}

.btn_group.ratio12 .btn_main:first-child {
  flex: 1;
}
.btn_group.ratio12 .btn_main:last-child {
  flex: 2;
}

.btn_group.ratio21 .btn_main:first-child {
  flex: 2;
}
.btn_group.ratio21 .btn_main:last-child {
  flex: 1;
}

.btn_group.ratio13 .btn_main:first-child {
  flex: 1;
}
.btn_group.ratio13 .btn_main:last-child {
  flex: 3;
}

.btn_group.mline {
  flex-wrap: wrap;
}
.btn_group.mline .btn_main {
  flex-basis: 100%;
  margin: 0;
}
.btn_group.mline .btn_main + .btn_main {
  margin-top: 8px;
}
.btn_group.mline.col2 .btn_main {
  flex-basis: 45%;
}
.btn_group.mline.col2 .btn_main:nth-child(2) {
  margin-top: 0;
}
.btn_group.mline.col2 .btn_main:nth-child(2n) {
  margin-left: 8px;
}

/* 하단고정 */
.btn_bottom_fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 12;
}
.btn_bottom_fixed .btn_group {
  border-top: 1px solid #EEE;
  background-color: #FFF;
}

/* 아이콘 버튼 */
.btn_icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border: none;
}
.btn_icon .ico_home {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url(/assets/images/renew.common/ico_home.png);
  background-size: cover;
}

.btn_cont {
  display: inline-flex;
  padding: 5px 7px 5px;
  border: 1px solid #B2B2B2;
  border-radius: 6px;
  background: #FFF;
  color: #232425;
  font-size: 0.75rem;
  line-height: 16px;
}
.btn_cont em {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.btn_cont:active, .btn_cont.pressed {
  background-color: #DEDEDE;
}
.btn_cont.active {
  border-color: #232425;
  background-color: #232425;
  color: #fff;
}
.btn_cont.active:active, .btn_cont.active.pressed {
  background-color: #000;
}

.btn_cont.btn_sm_round {
  padding: 2px 7px;
  border: 1px solid #DEDEDE;
  border-radius: 11px;
  color: #757575;
}

.btn_more {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}
.btn_more .btn_main {
  flex-basis: 100%;
  margin: 0;
}

/* Forms */
/* Input */
.form_text {
  display: inline-block;
  height: 48px;
  padding: 13px 15px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background: #FFF;
  color: #232425;
  font-size: 0.875rem;
  outline: none;
}
.form_text:focus, .form_text.focus {
  border-color: #232425;
}
.form_text:read-only, .form_text.readonly {
  background: #F5F5F5;
  color: #757575;
}
.form_text:disabled, .form_text.disabled {
  background: #F5F5F5;
  color: #757575;
  opacity: 1;
}
.form_text:read-only.style_active, .form_text.readonly.style_active {
  background-color: #FFF;
  color: #232425;
}
.form_text::placeholder {
  color: #9A9A9A;
  font-size: inherit;
}

/* SelectBox */
.form_select {
  display: inline-block;
  position: relative;
  height: 48px;
}
.form_select select,
.form_select button {
  width: 100%;
  height: 100%;
  padding: 13px 15px;
  padding-right: 40px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background: #FFF;
  color: inherit;
  font-size: 0.875rem;
  outline: none;
  appearance: none;
}
.form_select select:focus,
.form_select button:focus {
  border-color: #232425;
}
.form_select::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 8px;
  background: url(/assets/images/renew.common/form_select.png) no-repeat center;
  background-size: cover;
  transform: translateY(-50%);
}
.form_select button {
  text-align: left;
}
.form_select button em {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  max-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  font-size: inherit;
}
.form_select.value_none button em {
  color: #9A9A9A;
}
.form_select.disabled select,
.form_select.disabled button {
  border-color: #DEDEDE;
  background-color: #F5F5F5;
  color: #757575;
  opacity: 1;
  cursor: default;
}
.form_select.disabled::before {
  opacity: 0.5;
}

.form_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form_group .cell {
  flex: 1;
}
.form_group .cell .btn_main,
.form_group .cell .form_text,
.form_group .cell .form_select,
.form_group .cell .input_clear {
  width: 100%;
}
.form_group .cell.cell_fix {
  flex: 0;
}
.form_group > .cell + .cell,
.form_group > .row > .cell + .cell {
  margin-left: 8px;
}
.form_group.type_tight > .cell + .cell,
.form_group.type_tight > .row > .cell + .cell {
  margin-left: 4px;
}
.form_group .cell.w5p {
  flex: 0.5;
}
.form_group .cell.w10p {
  flex: 1;
}
.form_group .cell.w15p {
  flex: 1.5;
}
.form_group .cell.w20p {
  flex: 2;
}
.form_group .cell.w25p {
  flex: 2.5;
}
.form_group .cell.w30p {
  flex: 3;
}
.form_group .cell.w35p {
  flex: 3.5;
}
.form_group .cell.w40p {
  flex: 4;
}
.form_group .cell.w45p {
  flex: 4.5;
}
.form_group .cell.w50p {
  flex: 5;
}
.form_group .cell.w55p {
  flex: 5.5;
}
.form_group .cell.w60p {
  flex: 6;
}
.form_group .cell.w65p {
  flex: 6.5;
}
.form_group .cell.w70p {
  flex: 7;
}
.form_group .cell.w75p {
  flex: 7.5;
}
.form_group .cell.w80p {
  flex: 8;
}
.form_group .cell.w85p {
  flex: 8.5;
}
.form_group .cell.w90p {
  flex: 9;
}
.form_group .cell.w95p {
  flex: 9.5;
}

.form_group.mline,
.box_form {
  flex-wrap: wrap;
}
.form_group.mline > .row,
.box_form > .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 100%;
}
.form_group.mline > .row + .row,
.box_form > .row + .row {
  margin-top: 8px;
}

/* CheckBox */
.form_checkbox {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border: none;
  vertical-align: middle;
  cursor: pointer;
}
.form_checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 5;
}
.form_checkbox label {
  display: flex;
  align-items: center;
  min-height: 24px;
  cursor: pointer;
}
.form_checkbox label > em {
  display: block;
  padding-left: 32px;
  line-height: 20px;
}
.form_checkbox label > em.event {
  padding-left: 29px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  color: #222;
}
.form_checkbox label::after, .form_checkbox label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.form_checkbox label::before {
  width: 24px;
  height: 24px;
  border: 1px solid #B2B2B2;
  border-radius: 4px;
  background-color: #FFF;
  box-sizing: border-box;
}
.form_checkbox label::after {
  display: block;
  top: 7.75px;
  left: 6.25px;
  width: 11.5px;
  height: 8.5px;
  z-index: 3;
}
.form_checkbox.form_sm input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.form_checkbox.form_sm label {
  min-height: 20px;
}
.form_checkbox.form_sm label > em {
  padding-left: 28px;
  min-width: 20px;
  margin-top: -1px;
}
.form_checkbox.form_sm label > em.font12 {
  padding-left: 24px;
  margin-top: 0;
  line-height: 16px;
}
.form_checkbox.form_sm label::before {
  width: 20px;
  height: 20px;
}
.form_checkbox.form_sm label::after {
  top: 6.46px;
  left: 5.21px;
  width: 9.58px;
  height: 7.08px;
}
.form_checkbox.form_notxt {
  position: relative;
}
.form_checkbox.form_notxt input[type=checkbox] {
  position: relative;
  display: block;
}
.form_checkbox.form_notxt label {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}
.form_checkbox input:checked + label::before {
  border-color: #FFBB0D;
  background-color: #FFBB0D;
}
.form_checkbox input:checked + label::after {
  background: url(/assets/images/renew.common/form_check_on.png) no-repeat 50%;
  background-size: 100%;
  transform: scale(1);
}
.form_checkbox input:checked + label::after {
  transform: scale(1);
}
.form_checkbox input:disabled {
  cursor: default;
}
.form_checkbox input:disabled + label {
  cursor: default;
}
.form_checkbox input:disabled + label::before {
  border-color: #DEDEDE;
  transform: scale(1);
  background-color: #EEE;
}
.form_checkbox input:disabled:checked + label::after {
  background: url(/assets/images/renew.common/form_check.png) no-repeat 50%;
  background-size: 100%;
  transform: scale(1);
}
.form_checkbox label.active::before {
  border-color: #ED9613;
  background-color: #FFA800;
}
.form_checkbox label.active::after {
  transform: scale(1);
}

/* Radio Button */
.form_radio {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
}
.form_radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 5;
}
.form_radio label {
  display: flex;
  align-items: center;
  height: 24px;
  cursor: pointer;
}
.form_radio label em {
  display: block;
  padding-left: 32px;
}
.form_radio label::after, .form_radio label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.form_radio label::before {
  width: 24px;
  height: 24px;
  border: 1px solid #B2B2B2;
  border-radius: 50%;
  background-color: #FFF;
  box-sizing: border-box;
}
.form_radio label::after {
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  border: 1px solid #FFF;
  background-color: #FFF;
  border-radius: 50%;
  z-index: 3;
}
.form_radio label .tag_img {
  display: block;
  width: 100%;
  height: 20px;
  margin-left: 8px;
}
.form_radio input:checked + label:before {
  border-color: #E49620;
  background-color: #FFA800;
}
.form_radio input:checked + label:after {
  content: "";
  border-color: #E49620;
}
.form_radio label.active::before {
  border-color: #E49620;
  background-color: #FFA800;
  transform: scale(1);
}
.form_radio label.active::after {
  content: "";
  border-color: #E49620;
}
.form_radio input:disabled {
  cursor: default;
}
.form_radio input:disabled + label {
  cursor: default;
}
.form_radio input:disabled + label::before {
  border-color: #EEE;
  background-color: #EEE;
}
.form_radio input:disabled + label::after {
  border-color: #FFF;
}

.chcekbox_group li,
.radio_group li {
  display: inline-block;
  margin-right: 10px;
}
.chcekbox_group li:last-child,
.radio_group li:last-child {
  margin-right: 0;
}

.form_text.form_textarea {
  resize: none;
}

/* 약관동의 */
.list_clause_agree {
  margin: 20px 0 50px;
}
.list_clause_agree .clause_group > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 auot;
}
.list_clause_agree .clause_group > li:first-child {
  margin-top: 0;
}
.list_clause_agree .clause_group > li + li {
  margin-top: 8px;
}
.list_clause_agree .item_clause {
  display: flex;
  width: 100%;
  padding: 4px 16px;
  justify-content: space-between;
  align-items: center;
}
.list_clause_agree .item_clause.check_all {
  margin-bottom: 12px;
  padding: 16px 16px;
  border-radius: 6px;
  background: #F5F5F5;
}
.list_clause_agree .item_clause .btn_view_detail {
  display: flex;
  background: rgba(255, 192, 203, 0);
}

/* 검색박스 */
.search_wrap {
  display: block;
  width: 100%;
  padding: 20px 0;
}
.search_wrap .input_srch {
  position: relative;
}
.search_wrap .input_srch .form_text {
  display: block;
  width: 100%;
}
.search_wrap .input_srch .form_text.type_search {
  padding-left: 24px;
  background-image: url(/assets/images/renew.common/form_search.png);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 0 50%;
}
.search_wrap .input_srch input.form_text::-ms-clear,
.search_wrap .input_srch input.form_text::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.search_wrap .input_srch input.form_text::-webkit-search-decoration,
.search_wrap .input_srch input.form_text::-webkit-search-cancel-button,
.search_wrap .input_srch input.form_text::-webkit-search-results-button,
.search_wrap .input_srch input.form_text::-webkit-search-results-decoration {
  display: none;
}
.search_wrap .input_srch .btn_clear {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 3;
}
.search_wrap .input_srch .btn_clear.show {
  display: block;
}
.search_wrap .btn_srch {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  background: lime;
}

.btn_clear {
  display: none;
  width: 24px;
  height: 24px;
  background: transparent;
}
.btn_clear::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #DEDEDE url(/assets/images/renew.common/ico_clear.png) no-repeat center;
  background-size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn_clear.show {
  display: block;
}

/* Header > 검색박스 */
header .search_wrap {
  padding-right: 20px;
}
header .search_wrap .input_srch .form_text {
  height: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  border: none;
}

/* 입력값 삭제 버튼 처리 */
.input_clear {
  position: relative;
}
.input_clear .form_text {
  display: block;
  width: 100%;
}
.input_clear .form_text.tar {
  padding-right: 40px;
}
.input_clear .btn_clear {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-tap-highlight-color: transparent;
  z-index: 3;
}
.input_clear .btn_clear.show {
  display: block;
}

/* 비밀번호 show/hide 처리 */
.input_pwd {
  position: relative;
}

/* 인풋박스 + 단위 경우 */
.form_has_unit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
  background: #FFF;
  font-size: 0.875rem;
  flex-wrap: nowrap;
  outline: none;
}
.form_has_unit .input_clear {
  flex: 1 1 auto;
}
.form_has_unit .input_clear .form_text {
  border-color: transparent;
  background-color: transparent;
}
.form_has_unit > .form_text {
  flex: 1 1 auto;
  border-color: transparent;
  background-color: transparent;
}
.form_has_unit .unit {
  flex: 0 0 auto;
  padding-right: 15px;
}
.form_has_unit.focus {
  border-color: #232425;
}

/* 유효성검사(form 메세지) */
.form_text.error,
.error .form_text {
  border-color: #F43636 !important;
}

.box_form_msg {
  margin-top: 4px;
  color: #757575;
  font-size: 0.75rem;
}
.box_form_msg.error {
  color: #F43636;
}

/* TabMenu Style */
.tabmenu01.type02 {
  padding: 0 20px;
  background: #FAFAFA;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.tabmenu01.type02 ul {
  height: 37px;
  background: none;
  border-bottom: none;
}
.tabmenu01.type02 ul > li {
  width: auto;
  height: 37px;
}
.tabmenu01 ul {
  display: flex;
  height: 48px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.tabmenu01 ul > li {
  width: 100%;
  height: 48px;
  flex: 1 1 auto;
  position: relative;
}
.tabmenu01 ul > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #000;
  transform: translate(-50%, 0);
}
.tabmenu01 ul > li a,
.tabmenu01 ul > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  color: #757575;
  font-size: 0.875rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.tabmenu01 ul > li a .num,
.tabmenu01 ul > li button .num {
  margin-left: 4px;
  color: #9A9A9A;
}
.tabmenu01 ul > li.active {
  position: relative;
}
.tabmenu01 ul > li.active a,
.tabmenu01 ul > li.active button {
  color: #000;
  font-weight: 700;
}
.tabmenu01 ul > li.active a .num,
.tabmenu01 ul > li.active button .num {
  color: #F98600;
}
.tabmenu01 ul > li.active:before {
  width: 100%;
  animation: tabbar-active 0.2s ease-in-out;
}
@keyframes tabbar-active {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.tabmenu01.bdt1 {
  border-top: 1px solid #EEE;
}

.tabmenu01.tab_slider {
  position: relative;
}
.tabmenu01.tab_slider .swiper-container {
  background: #FFF;
}
.tabmenu01.tab_slider .swiper-container::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #EEE;
}
.tabmenu01.tab_slider ul {
  border-bottom: none;
  background: transparent;
}
.tabmenu01.tab_slider ul li {
  flex: 0 0 auto;
}
.tabmenu01.tab_slider .swiper-slide {
  width: auto;
}
.tabmenu01.tab_slider .swiper-slide:first-child {
  margin-left: 20px;
}
.tabmenu01.tab_slider .swiper-slide:last-child {
  margin-right: 20px;
}
.tabmenu01.tab_slider .swiper-slide a,
.tabmenu01.tab_slider .swiper-slide button {
  padding-left: 2px;
  padding-right: 2px;
}
.tabmenu02.tab_slider .swiper-slide a.pressed::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 14px;
}

.tabmenu02 {
  padding: 14px 0 13px;
  border-bottom: 1px solid #EEE;
  background: #FAFAFA;
}
.tabmenu02 ul {
  display: flex;
}
.tabmenu02 ul li {
  width: auto;
  margin-right: 4px;
}
.tabmenu02 ul li:first-child {
  margin-left: 20px;
}
.tabmenu02 ul li:last-child {
  margin-right: 20px !important;
}
.tabmenu02 ul li a {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #DEDEDE;
  border-radius: 80px;
  background: #fff;
  line-height: 20px;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
}
.tabmenu02 ul li.active a {
  border-color: #232425;
  background-color: #232425;
  color: #fff;
}
.tabmenu02.tab_slider ul {
  width: auto !important;
}

.tabmenu03 ul {
  display: flex;
  height: 42px;
}
.tabmenu03 ul > li {
  width: 100%;
  height: 42px;
  flex: 1 1 auto;
}
.tabmenu03 ul > li a,
.tabmenu03 ul > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 10px 5px;
  border: 1px solid #626364;
  color: #626364;
  font-size: 0.875rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.tabmenu03 ul > li a .num,
.tabmenu03 ul > li button .num {
  margin-left: 4px;
  color: #9A9A9A;
}
.tabmenu03 ul > li.active {
  position: relative;
}
.tabmenu03 ul > li.active a,
.tabmenu03 ul > li.active button {
  background: #F98600;
  color: #FFF;
}
.tabmenu03 ul > li.active a .num,
.tabmenu03 ul > li.active button .num {
  color: #F98600;
}
.tabmenu03 ul > li:first-child button, .tabmenu03 ul > li:first-child a {
  border-radius: 12px 0 0 12px;
}
.tabmenu03 ul > li:last-child button, .tabmenu03 ul > li:last-child a {
  border-radius: 0 12px 12px 0;
}
.tabmenu03 ul > li:only-child button, .tabmenu03 ul > li:only-child a {
  border-radius: 12px;
}
.tabmenu03 ul li + li button, .tabmenu03 ul li + li a {
  border-left: none;
}
.tabmenu03.type02 ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 10px 5px;
  color: #626364;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  border: 1px solid #DEDEDE;
  background: #fff;
  font-family: -apple-system, Roboto, "Noto Sans KR", "NotoSansKR", "malgun gothic", Arial, sans-serif;
}
.tabmenu03.type02 ul li.active {
  position: relative;
}
.tabmenu03.type02 ul li.active a {
  border: 1px solid #F98600;
  background: #F98600;
  color: #fff;
}
.tabmenu03.type02 ul li:first-child a {
  border-radius: 6px 0 0 6px;
}
.tabmenu03.type02 ul li:last-child a {
  border-radius: 0 6px 6px 0;
}

.tabmenu04 {
  padding: 14px 0 13px;
  border-bottom: 1px solid #EEE;
  background: #FAFAFA;
}
.tabmenu04.type02 ul li {
  margin-bottom: 40px;
}
.tabmenu04.type02 ul li a {
  width: 23.3333333333vw;
  height: 23.3333333333vw;
  padding: 14px;
  border-radius: 50%;
}
.tabmenu04.type02 ul li a em {
  width: 23.333333333vw;
  margin-top: 21px;
  margin-left: -14px;
}
.tabmenu04 ul {
  display: flex;
}
.tabmenu04 ul li {
  width: auto;
  margin-bottom: 54px;
}
.tabmenu04 ul li:last-child {
  margin-right: 20px !important;
}
.tabmenu04 ul li a {
  display: block;
  padding: 9px;
  width: 14.4vw;
  height: 14.4vw;
  border-radius: 20px;
  background: #F5F5F5;
  font-weight: 400;
}
.tabmenu04 ul li a img {
  display: block;
  width: 100%;
  height: 100%;
}
.tabmenu04 ul li a em {
  display: -webkit-box;
  width: 14.4vw;
  margin-top: 15px;
  margin-left: -9px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tabmenu04 ul li.active a {
  background-color: #ffa800;
}
.tabmenu04.tab_slider ul {
  width: auto !important;
}

.tabmenu05.type02 {
  padding: 0 20px;
  background: #FAFAFA;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.tabmenu05.type02 ul {
  height: 37px;
  background: none;
  border-bottom: none;
}
.tabmenu05.type02 ul > li {
  width: auto;
  height: 37px;
}
.tabmenu05 ul {
  display: flex;
  height: 48px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.tabmenu05 ul > li {
  width: 100%;
  height: 48px;
  flex: 1 1 auto;
  position: relative;
}
.tabmenu05 ul > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #000;
  transform: translate(-50%, 0);
}
.tabmenu05 ul > li a,
.tabmenu05 ul > li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  color: #757575;
  font-size: 0.875rem;
  font-family: "NanumSquareRound", -apple-system, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.tabmenu05 ul > li a .num,
.tabmenu05 ul > li button .num {
  margin-left: 4px;
  color: #9A9A9A;
}
.tabmenu05 ul > li.active {
  position: relative;
}
.tabmenu05 ul > li.active a,
.tabmenu05 ul > li.active button {
  color: #000;
  font-weight: 700;
}
.tabmenu05 ul > li.active a .num,
.tabmenu05 ul > li.active button .num {
  color: #F98600;
}
.tabmenu05 ul > li.active:before {
  width: 100%;
  animation: tabbar-active 0.2s ease-in-out;
}
@keyframes tabbar-active {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.tabmenu05.bdt1 {
  border-top: 1px solid #EEE;
}

.tabmenu05.tab_slider {
  position: relative;
}
.tabmenu05.tab_slider .swiper-container {
  background: #FFF;
}
.tabmenu05.tab_slider .swiper-container::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #EEE;
}
.tabmenu05.tab_slider ul {
  border-bottom: none;
  background: transparent;
}
.tabmenu05.tab_slider ul li {
  flex: 0 0 auto;
}
.tabmenu05.tab_slider .swiper-slide {
  width: auto;
}
.tabmenu05.tab_slider .swiper-slide:first-child {
  margin-left: 20px;
}
.tabmenu05.tab_slider .swiper-slide:last-child {
  margin-right: 20px;
}
.tabmenu05.tab_slider .swiper-slide a,
.tabmenu05.tab_slider .swiper-slide button {
  padding-left: 2px;
  padding-right: 2px;
}
.js-fixtop {
  height: 48px;
}
.js-fixtop .fixtop_inner {
  position: relative;
}

.js-fixtop.fixed_top .fixtop_inner {
  position: fixed;
  top: 48px;
  width: 100%;
  height: 48px;
  z-index: 10;
}

.js-fixtop.fixtop_row2 {
  height: 96px;
}
.js-fixtop.fixtop_row2 .fixtop_inner ul {
  background: #fff;
}
.js-fixtop.fixtop_row2.fixed_top .fixtop_inner {
  height: 96px;
}

.js-fixtop.fixtop_row2_h104 {
  height: 104px;
}
.js-fixtop.fixtop_row2_h104 .fixtop_inner ul {
  background: #fff;
}
.js-fixtop.fixtop_row2_h104.fixed_top .fixtop_inner {
  height: 104px;
}

.js-fixtop.fixtop_h60 {
  height: 60px;
}
.js-fixtop.fixtop_h60.fixed_top .fixtop_inner {
  height: 60px;
}

.js-fixtop.fixtop_h66 {
  height: 66px;
}
.js-fixtop.fixtop_h66.fixed_top .fixtop_inner {
  height: 66px;
}

.js-fixtop.fixtop_h48 {
  height: 48px;
}
.js-fixtop.fixtop_h48.fixed_top .fixtop_inner {
  height: 48px;
}

.js-fixtop.fixtop_h110 {
  height: 108px;
}
.js-fixtop.fixtop_h110.fixed_top .fixtop_inner {
  height: 108px;
}

.js-fixtop.fixtop_h114 {
  height: 114px;
}
.js-fixtop.fixtop_h114.fixed_top .fixtop_inner {
  height: 114px;
}

.js-fixtop.fixtop_194 {
  height: 194px;
}
.js-fixtop.fixtop_194.fixed_top .fixtop_inner {
  height: 100%;
}
.js-fixtop.fixtop_194.fixed_top .fixtop_inner {
  height: 48px;
}

.js-fixtop_pop {
  position: relative;
  height: 48px;
  z-index: 10;
}
.js-fixtop_pop .fixtop_inner {
  position: fixed;
  width: 100%;
}

.js-fixtop_pop.fixtop_h48 {
  height: 48px;
}
.js-fixtop_pop.fixtop_h48.fixed_top .fixtop_inner {
  height: 48px;
}

.filter_chip {
  padding: 12px 20px;
  background: #fff;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.filter_chip ul {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 20px;
}
.filter_chip ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 80px;
  border: 1px solid #DEDEDE;
}
.filter_chip ul li button .num {
  margin-left: 4px;
}
.filter_chip ul li.active {
  background-color: #232425;
  color: #fff;
}
.filter_chip ul li.active button {
  color: #fff;
}

.filter_chip::-webkit-scrollbar {
  display: none;
}

/* List */
.list_info > ul > li {
  padding: 20px 0;
}
.list_info > ul > li + li {
  border-top: 1px solid #EEE;
}
.list_info > ul > li .tit {
  margin-bottom: 8px;
  font-weight: 700;
}
.list_info.list_info_type02 > ul > li {
  padding: 20px 0;
}
.list_info.list_info_type03 > ul > li {
  padding: 0 0 16px;
  border-top: none;
}
.list_info.list_info_type03 > ul > li:last-child {
  padding-bottom: 0;
}
.list_info.list_info_type03 > ul > li.bdt {
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid #EEE;
}

.list_title + .list_info.list_info_type02 {
  margin-top: 20px;
}

.list_txt.li_style_remove > li:before {
  width: 0px;
  height: 0px;
}
.list_txt > li {
  position: relative;
  padding-left: 12px;
  color: #626364;
}
.list_txt > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #B2B2B2;
}
.list_txt > li .list_sub {
  margin-top: 4px;
}
.list_txt > li.fc_red:before {
  background: #F43636;
}
.list_txt.type02 > li:before {
  content: "*";
  top: 3px;
  width: 0;
}
.list_txt > li + li {
  margin-top: 8px;
}
.list_txt.bullet_no > li {
  padding-left: 0;
}
.list_txt.bullet_no > li:before {
  display: none;
}
.list_txt > li.bullet_no {
  padding-left: 0;
}
.list_txt > li.bullet_no:before {
  display: none;
}
.list_txt.bullet_hypen > li {
  padding-left: 10px;
}
.list_txt.bullet_hypen > li:before {
  top: 11px;
  width: 4px;
  height: 1px;
  background: #4D4E4F;
}
.list_txt > li.bullet_reference {
  padding-left: 14px;
}
.list_txt > li.bullet_reference:before {
  content: "※";
  top: 0;
  width: auto;
  height: auto;
  background: transparent;
}
.list_txt > li.bullet_reference + li.bullet_reference {
  margin-top: 4px;
}
.list_txt .list_sub li {
  position: relative;
  padding-left: 10px;
}
.list_txt .list_sub li::before {
  content: "-";
  position: absolute;
  left: 0;
  line-height: inherit;
}
.list_txt .list_sub > li + li {
  margin-top: 2px;
}

.row.row_flex {
  display: flex;
  align-items: center;
}
.row.row_flex.flex_between {
  justify-content: space-between;
}

span.bullet_info,
span.bullet_dot {
  display: inline-block;
  vertical-align: middle;
}

.bullet_info {
  position: relative;
  display: flex;
  padding-left: 20px;
  color: #757575;
  font-size: 0.875rem;
  line-height: 20px;
}
.bullet_info::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(/assets/images/renew.common/ico_info.png) no-repeat center;
  background-size: 100%;
}
.bullet_info.type_error {
  color: #F43636;
}
.bullet_info.type_error::before {
  background-image: url(/assets/images/renew.common/ico_info_red.png);
}

.bullet_info_fill {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 18px;
  color: #9A9A9A;
  font-size: 0.6875rem;
  line-height: 14px;
}
.bullet_info_fill::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(/assets/images/renew.common/ico_info_fill.png) no-repeat center;
  background-size: 100%;
}

.bullet_dot {
  position: relative;
  padding-left: 12px;
  color: #626364;
}
.bullet_dot:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #B2B2B2;
}

.bullet_star {
  position: relative;
  display: flex;
  padding-left: 10px;
  color: #4D4E4F;
  font-size: 0.75rem;
  line-height: 16px;
}
.bullet_star::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 16px;
  background: url(/assets/images/renew.common/ico_bullet_star.png) no-repeat center;
  background-size: 5px 6px;
}

.bullet_ref {
  position: relative;
  padding-left: 17px;
  letter-spacing: -0.2px;
  color: #4D4E4F;
  word-break: break-all;
}
.bullet_ref:before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: inherit;
}
.bullet_ref.font12 {
  padding-left: 15px;
}

.box_info {
  padding: 16px;
  background: #FAFAFA;
  border: 1px solid #DEDEDE;
  border-radius: 12px;
}
.box_info .bullet_info {
  color: #757575;
  font-size: 0.875rem;
  line-height: 20px;
}
.box_info .bullet_info::before {
  top: 2px;
}
.box_info .bullet_info + .bullet_info {
  margin-top: 4px;
}

/* Table */
.table_info {
  overflow: hidden;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  font-size: 0.75rem;
}
.table_info table {
  table-layout: fixed;
  width: 100%;
}
.table_info table th,
.table_info table td {
  border-top: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  color: #4D4E4F;
  font-size: 0.75rem;
  line-height: 1.333;
}
.table_info table thead th {
  height: 40px;
  padding: 4px 5px;
  border-bottom: 1px solid #DEDEDE;
  border-top: none;
  background: #F5F5F5;
  font-weight: 600;
  line-height: 1.2;
  vertical-align: middle;
}
.table_info table thead th.style02 {
  background: #FFA800;
  color: #FFF;
  text-align: center;
}
.table_info table tbody th {
  padding-left: 8px;
  padding-right: 8px;
  background: #F5F5F5;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.table_info table tbody td {
  padding: 10px 7px;
  background: #FFF;
  color: #232425;
  text-align: center;
}
.table_info table tbody tr:first-child th,
.table_info table tbody tr:first-child td {
  border-top: none;
}
.table_info table tr > th:first-child,
.table_info table tr > td:first-child {
  border-left: none;
}
.table_info.type_row table tbody th {
  border-right: 1px solid #DEDEDE;
}
.table_info.type_row table tbody td {
  padding: 13px 14px;
  text-align: left;
}
.table_info.type_row table tbody th.style_td {
  padding: 13px 14px;
  background: #FFF;
  color: #232425;
  text-align: left;
}
.table_info.font14 {
  border-radius: 12px;
}
.table_info.font14 table thead th,
.table_info.font14 table tbody th,
.table_info.font14 table tbody td {
  font-size: 0.875rem;
  line-height: 20px;
}
.table_info.font14 table thead th {
  font-weight: normal;
}
.table_info .list_txt > li + li {
  margin-top: 4px;
}

.table_tit {
  margin: 24px 0 8px;
}
.table_tit .tit {
  font-size: 0.875rem;
  font-weight: 700;
}

.t_visibility {
  visibility: hidden;
}

/* common contents */