@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

/*
@ :: icon ::
*/
.icon {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.icon_wish {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 3H6C5.44772 3 5 3.44772 5 4V20.1235C5 20.5107 5.42118 20.751 5.75449 20.5539L11.491 17.1619C11.805 16.9763 12.195 16.9763 12.509 17.1619L18.2455 20.5539C18.5788 20.751 19 20.5107 19 20.1235V4C19 3.44772 18.5523 3 18 3Z' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_my {
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='6.5' r='4.5' stroke='black' stroke-width='2'/%3E%3Cpath d='M20.5 18.8C20.5 18.8689 20.5 18.9358 20.5 19.0007C20.5 20.1053 19.6062 21 18.5017 21C16.4594 21 13.3496 21 11.6225 21C10.0641 21 7.35618 21 5.49852 21C4.39395 21 3.5 20.1051 3.5 19.0005C3.5 18.9358 3.5 18.8689 3.5 18.8C3.5 14.4922 7.30558 11 12 11C16.6944 11 20.5 14.4922 20.5 18.8Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.icon_cart {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2H3.69907C4.65883 2 5.48328 2.68176 5.6635 3.62445L7.87413 15.1878C7.96424 15.6591 8.37647 16 8.85635 16H18.0838C18.5509 16 18.9557 15.6767 19.059 15.2213L20.7229 7.88793C20.8649 7.26226 20.3893 6.66667 19.7477 6.66667H6.2451' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9.5' cy='20.5' r='1.5' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='20.5' r='1.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.icon_cart_02 {
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 2.5H5.2579C6.21765 2.5 7.0421 3.18176 7.22232 4.12445L10.2782 20.1088C10.3683 20.5802 10.7805 20.9211 11.2604 20.9211H23.9151C24.3821 20.9211 24.787 20.5978 24.8903 20.1423L27.2229 9.86162C27.3649 9.23595 26.8893 8.64035 26.2477 8.64035H8.08566' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3Ccircle cx='12.3686' cy='24.2104' r='2.03947' stroke='black' stroke-width='2.5'/%3E%3Ccircle cx='22.8949' cy='24.2104' r='2.03947' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E%0A");
}

.icon_home {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9.32314C4 9.16681 4.07312 9.01948 4.19762 8.92494L11.3952 3.45925C11.7527 3.18778 12.2473 3.18778 12.6048 3.45925L19.8024 8.92494C19.9269 9.01948 20 9.16681 20 9.32314V20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V9.32314Z' stroke='black' stroke-width='2'/%3E%3Cline x1='12' y1='20' x2='12' y2='15' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_close {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5.5L25 25.5' stroke='black' stroke-width='2.5' stroke-miterlimit='16' stroke-linecap='round' stroke-linejoin='bevel'/%3E%3Cpath d='M25 5.5L4.99999 25.5' stroke='black' stroke-width='2.5' stroke-miterlimit='16' stroke-linecap='round' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
}

.icon_close_02 {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4618_23794)'%3E%3Cg opacity='0.6'%3E%3Crect x='4' y='4' width='16' height='16' rx='8' fill='black' fill-opacity='0.56'/%3E%3Cpath d='M8.66406 8.66406L15.3307 15.3307' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M15.3359 8.66406L8.66927 15.3307' stroke='white' stroke-linecap='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4618_23794'%3E%3Crect width='16' height='16' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon_close_03 {
	width: 1.2rem;
	height: 1.2rem;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 3.5L8.5 8.5' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M8.5 3.5L3.5 8.5' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_close_04 {
	width: 36px;
	height: 43px;
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='43' viewBox='0 0 36 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='10' width='24' height='24' rx='12' fill='%23191D1C'/%3E%3Cpath d='M13 17L23 27' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M23 17L13 27' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_close_05 {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='43' viewBox='0 0 36 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='10' width='24' height='24' rx='12' fill='%23191D1C'/%3E%3Cpath d='M13 17L23 27' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M23 17L13 27' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_close_gray {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4674_7264)'%3E%3Cpath d='M6.00781 6L17.4057 17.4' stroke='%238E918F' stroke-linecap='round'/%3E%3Cpath d='M17.3984 6L6.00055 17.4' stroke='%238E918F' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4674_7264'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon_search {
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1846 1.91309C15.1989 1.91309 19.2644 5.97796 19.2646 10.9922C19.2646 12.7231 18.7791 14.3402 17.9385 15.7168L22.6025 20.3799C22.993 20.7703 22.9928 21.4044 22.6025 21.7949C22.212 22.1854 21.578 22.1854 21.1875 21.7949L16.7031 17.3096C15.0526 19.0123 12.743 20.0723 10.1846 20.0723C5.17034 20.072 1.10547 16.0065 1.10547 10.9922C1.10573 5.97812 5.1705 1.91335 10.1846 1.91309ZM10.1846 3.91309C6.27507 3.91335 3.10573 7.08269 3.10547 10.9922C3.10547 14.9019 6.27491 18.072 10.1846 18.0723C14.0945 18.0723 17.2646 14.9021 17.2646 10.9922C17.2644 7.08253 14.0943 3.91309 10.1846 3.91309Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon_search_02 {
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2559 2.47754C19.2064 2.47754 24.031 7.30144 24.0312 13.252C24.0312 16.0266 22.9817 18.5557 21.2588 20.4658L26.9287 26.1357L25.1611 27.9033L19.376 22.1182C17.6374 23.3205 15.5295 24.0273 13.2559 24.0273C7.30546 24.027 2.48145 19.2024 2.48145 13.252C2.48165 7.30164 7.30558 2.47787 13.2559 2.47754ZM13.2559 4.97754C8.68629 4.97787 4.98165 8.68235 4.98145 13.252C4.98145 17.8217 8.68617 21.527 13.2559 21.5273C17.8258 21.5273 21.5312 17.8219 21.5312 13.252C21.531 8.68215 17.8257 4.97754 13.2559 4.97754Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon_search_03 {
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_423_1887)'%3E%3Cpath d='M9.94336 0.74707C15.0223 0.747188 19.1405 4.86444 19.1406 9.94336C19.1406 12.0596 18.4232 14.0073 17.2217 15.5615L21.8604 20.2002C22.2507 20.5907 22.2508 21.2238 21.8604 21.6143C21.4699 22.0047 20.8368 22.0046 20.4463 21.6143L15.835 17.0029C14.239 18.3363 12.1854 19.1406 9.94336 19.1406C4.86444 19.1405 0.747188 15.0223 0.74707 9.94336C0.747208 4.86445 4.86445 0.747208 9.94336 0.74707ZM9.94336 2.74707C5.96902 2.74721 2.74721 5.96902 2.74707 9.94336C2.74719 13.9177 5.96901 17.1405 9.94336 17.1406C13.9177 17.1405 17.1405 13.9177 17.1406 9.94336C17.1405 5.96901 13.9177 2.74719 9.94336 2.74707Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_423_1887'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon_search_04 {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7969 2.54688C15.3532 2.54688 19.0469 6.24053 19.0469 10.7969C19.0469 12.6238 18.4514 14.3107 17.4463 15.6777L21.0918 19.3232C21.5796 19.8113 21.5796 20.6027 21.0918 21.0908C20.6037 21.5789 19.8124 21.5787 19.3242 21.0908L15.6787 17.4453C14.3115 18.4509 12.6242 19.0469 10.7969 19.0469C6.24053 19.0469 2.54688 15.3532 2.54688 10.7969C2.54688 6.24053 6.24053 2.54688 10.7969 2.54688ZM10.7969 5.04688C7.62124 5.04688 5.04688 7.62124 5.04688 10.7969C5.04688 13.9725 7.62124 16.5469 10.7969 16.5469C13.9725 16.5469 16.5469 13.9725 16.5469 10.7969C16.5469 7.62124 13.9725 5.04688 10.7969 5.04688Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon_search_05 {
	width: 40px;
	height: 43px;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='43' viewBox='0 0 40 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.667 6.24915C24.8004 6.24932 30.5828 12.0327 30.583 19.1661C30.5829 22.3825 29.4039 25.3213 27.459 27.5822L34.2354 34.3585C34.7233 34.8466 34.7233 35.638 34.2354 36.1261C33.7473 36.6142 32.9559 36.6141 32.4678 36.1261L25.6543 29.3126C23.4561 31.0454 20.6833 32.0821 17.667 32.0822C10.5336 32.0819 4.75018 26.2995 4.75 19.1661C4.75018 12.0328 10.5336 6.24938 17.667 6.24915ZM17.667 8.74915C11.9143 8.74938 7.25018 13.4135 7.25 19.1661C7.25018 24.9188 11.9143 29.5819 17.667 29.5822C23.4197 29.582 28.0828 24.9188 28.083 19.1661C28.0828 13.4134 23.4197 8.74932 17.667 8.74915Z' fill='%23191D1C'/%3E%3C/svg%3E%0A");
}

.icon_search_06 {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4121 3.70312C17.3343 3.70312 21.3251 7.69309 21.3252 12.6152C21.3252 14.7656 20.5631 16.7376 19.2949 18.2773L23.8447 22.8271C24.1815 23.164 24.1815 23.711 23.8447 24.0479C23.5079 24.3843 22.9607 24.3845 22.624 24.0479L18.0742 19.498C16.5345 20.7661 14.5623 21.5283 12.4121 21.5283C7.49005 21.5281 3.5 17.5373 3.5 12.6152C3.50011 7.69322 7.49012 3.70334 12.4121 3.70312ZM12.4121 5.42773C8.44281 5.42795 5.22472 8.64591 5.22461 12.6152C5.22461 16.5847 8.44274 19.8025 12.4121 19.8027C16.3817 19.8027 19.5996 16.5848 19.5996 12.6152C19.5995 8.64578 16.3816 5.42773 12.4121 5.42773Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon_arrow_gray {
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33073 2.66797L10.3105 7.64775C10.5058 7.84301 10.5058 8.15959 10.3105 8.35486L5.33073 13.3346' stroke='%23444746' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_arrow_bk {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L11.8586 15.8586C11.9367 15.9367 12.0633 15.9367 12.1414 15.8586L19 9' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_back {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4L8.35355 11.6464C8.15829 11.8417 8.15829 12.1583 8.35355 12.3536L16 20' stroke='%23191D1C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_clock {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 15.75C5.27208 15.75 2.25 12.7279 2.25 9C2.25 5.27208 5.27208 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9C15.75 12.7279 12.7279 15.75 9 15.75Z' stroke='%238E918F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 6V9L11.25 11.25' stroke='%238E918F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon_download {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8023 2.66602V19.616L24.0721 12.4147L25.1981 13.5514L15.9975 22.6653L6.79692 13.5514L7.92292 12.4147L15.2023 19.6255V2.66602H16.8023Z' fill='%23EFF2EF'/%3E%3Cpath d='M2.66797 27.739V29.339H29.3339V27.739H2.66797Z' fill='%23EFF2EF'/%3E%3C/svg%3E%0A");
}

.icon_download_bk {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.45156 1.5V11.0343L13.5408 6.98361L14.1742 7.62301L8.99886 12.7496L3.82351 7.62301L4.45689 6.98361L8.55156 11.0397V1.5H9.45156Z' fill='black'/%3E%3Cpath d='M1.50098 15.6036V16.5036H16.5006V15.6036H1.50098Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon_check {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15.9004L12.6667 22.9004L26 8.90039' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon_lock {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.35 8.09143H5.87M13.35 8.09143C14.3828 8.09143 15.22 8.85127 15.22 9.78857V12.3343C15.22 15.1462 12.7083 17.4257 9.61 17.4257C6.51168 17.4257 4 15.1462 4 12.3343V9.78857C4 8.85127 4.83723 8.09143 5.87 8.09143M13.35 8.09143V6.39429C13.35 4.51967 11.6755 3 9.61 3C7.54445 3 5.87 4.51967 5.87 6.39429L5.87 8.09143' stroke='%23444746' stroke-width='1.2' stroke-linecap='round'/%3E%3Crect x='9.0918' y='13.418' width='1.60286' height='3.20571' rx='0.801429' stroke='%23444746' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_check_primary {
	background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.375 13L11.125 16.75L18.625 9.25' stroke='%235D00FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon_arrow_bk_bottom {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15L11.8586 8.14142C11.9367 8.06332 12.0633 8.06332 12.1414 8.14142L19 15' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

/*
@ :: utils ::
*/
.visible_hidden {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}

.text_ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	align-self: stretch;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text_ellipsis_2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text_ellipsis_3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	align-self: stretch;
	overflow: hidden;
	text-overflow: ellipsis;
}

.full_width {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* 스크를 숨김 */
.scroll_hide {
	overflow: auto;
	/* 또는 scroll */
	-ms-overflow-style: none;
	/* IE, Edge */
	scrollbar-width: none;
	/* Firefox */
}

.scroll_hide::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari */
}

/* 공통 팝업 */
.myp_complete_pop {
	display: none;
	flex-direction: column;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100vh;
	transform: translateX(-50%);
	z-index: 100;
	padding: 0 1.6rem;
}

.myp_complete_pop.active {
	display: flex;
}

.myp_complete_pop_dimm {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.8);
	height: 100%;
	width: 100%;
	z-index: -1;
}

.myp_complete_wrap {
	position: relative;
	width: 100%;
	max-width: 39.3rem;
	margin: 0 auto;
	border-radius: 1.2rem;
	background-color: #fff;
	padding: 2.4rem;
}

.myp_complete_wrap .myp_header_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.myp_complete_wrap .desc {
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: -0.016rem;
	margin-bottom: 2.4rem;
}

.myp_complete_wrap.type_delete_all .desc {
	margin-bottom: 3.2rem;
	line-height: 1.5;
}

.myp_complete_wrap .myp_button_wrap {
	justify-content: center;
}

.myp_complete_wrap.type_delete_all .myp_button_wrap {
	height: 5.6rem;
}

.myp_complete_wrap .myp_button {
	width: 16rem;
	flex: 0 0 auto;
	align-items: center;
}

.myp_complete_wrap .myp_button.line {
	border: 1px solid #8e918f;
}

.myp_complete_wrap.type_delete_all .myp_button {
	height: 100%;
	border-color: #8e918f;
	font-weight: 700;
	font-size: 1.8rem;
}

.btn_view_more_container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn_view_more_container.type_02 {
	margin: 3.2rem 0 5rem;
}

.btn_view_more_container .btn_view_more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	padding: 1rem 1.6rem;
	color: #fff;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: -0.014em;
	background-color: #000;
	border-radius: 2rem;
}

.btn_view_more_container:has(.list_newest) {
	margin-top: 6rem;
}

.thumbnail~.message_container {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: fixed;
	bottom: 10rem;
	left: 50%;
	opacity: 0;
	transform: translateX(-50%);
	transition: opacity 0.18s ease;
	z-index: 1;
}

.thumbnail~.message_container img {
	width: 2.4rem;
	height: 2.4rem;
}

.thumbnail~.message_container .message {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	min-width: 16.9rem;
	width: max-content;
	height: 4.8rem;
	padding-inline: 2rem;
	background-color: #000;
	border-radius: 3rem;
	transform: translateY(50%);
	transition: transform 0.18s ease;
	will-change: transform;
}

.thumbnail~.message_container .message .txt {
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: -0.014em;
}

.thumbnail~.message_container.show {
	opacity: 1;
}

.thumbnail~.message_container.show .message {
	transform: translateY(0);
}

.notice_marker {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -0.4rem;
	top: -0.7rem;
	width: 1.6rem;
	height: 1.6rem;
	padding-top: 0.1rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	font-style: normal;
	background-color: #d90000;
	border-radius: 50%;
}

.notice_marker.gray {
	background-color: #b1b1b1;
}

/*
@ :: board type ::
*/

.list_horizontal {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1.6rem;
	overflow: hidden;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-left: 1.6rem;
}

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

.list_horizontal li {
	flex: 0 0 auto;
}

.list_horizontal li:last-child {
	margin-right: 1.6rem;
}

.list_horizontal_row .list_row_container {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1.2rem;
	overflow: hidden;
	overflow-x: auto;
}

.list_horizontal_row li {
	flex: 0 0 auto;
}

/*
@:: bottom gnb ::
*/

.gnb_container {
	width: 100%;
	height: 7.8rem;
	position: fixed !important;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.gnb_container.hidden {
	position: relative;
	z-index: -1;
}

.gnb_container .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	/* max-width: 39.3rem; */
	height: 100%;
	margin: 0 auto;
	padding: 1rem 3.2rem 2rem;
	background-color: #fff;
}

.gnb_container .container a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	opacity: 1;
}

.gnb_container .container a img {
	width: 2.8rem;
	height: 2.8rem;
	filter: contrast(0);
	opacity: 0.5;
}

.gnb_container .container a span {
	font-weight: 500;
	font-size: 1.2rem;
	text-align: center;
	color: #8E918F;
}

.gnb_container .container a.active {
	opacity: 1;
}

.gnb_container .container a.active span {
	font-weight: 700;
	color: #000;
}

.gnb_container .container a.active img {
	width: 2.8rem;
	height: 2.8rem;
	filter: none;
	opacity: 1;
}

/*
@ :: meta_information
*/

.title_container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.title_container .title {
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.title_description {
	margin-top: 0.8rem;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.3;
	letter-spacing: -0.016em;
}

.title_container .btn_view_more {
	width: 2.4rem;
	height: 2.4rem;
	margin-bottom: 0.6rem;
}

.sub_title+ul,
.title_container+ul {
	margin-top: var(--lc-tit-gap);
}

/*
@ :: category, depth_navigation, custom_select ::
*/

.top_button_container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	padding: 2rem 0 2.8rem;
}

.top_button_container a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.2rem 2.2rem;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.02em;
}

.top_button_container a.active {
	color: #000;
}

/* 상단 마진 (공통) */
.bombom_category_navigation+.category_navigation_container {
	margin-top: 0;
}

/* hb, gb, sb 공통 적용 */
body:is(.hb, .gb, .sb) .category_navigation_container {
	padding-inline: 0;
}

/* 불필요한 요소 숨기기 (한꺼번에 처리) */
body:is(.hb, .gb, .sb) .category_navigation_container:before,
body:is(.hb, .gb, .sb) .category_navigation_container .btn_category_toggle,
body:is(.hb, .gb, .sb) .category_navigation_container .category_navigation a.active::before {
	display: none;
}

/* 네비게이션 영역 */
body:is(.hb, .gb, .sb) .category_navigation_container .category_navigation {
	gap: 1rem;
	padding-inline: 1.6rem;
}

body:is(.hb, .gb, .sb) .category_navigation_container .category_navigation a {
	opacity: 1;
	height: 3.5rem;
	padding: 0 1.6rem;
	border-radius: 1.75rem;
	background-color: #F8F8F8;
	line-height: 2.1;
	font-weight: 500;
	color: #000;
}

body:is(.hb, .gb, .sb) .category_navigation_container .category_navigation a[data-category="all"] {
	width: 4.8rem;
}

body:is(.hb, .gb, .sb) .category_navigation_container .category_navigation a.active {
	border: 1.5px solid var(--color-primary);
	color: var(--color-primary);
}

/* 카테고리 영역 이미지 제거 - 임시 주석처리 */
/* body.sb .category_navigation_container .category_navigation a {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	height: 4rem;
	padding: 0 1.2rem 0 0.5rem;
	border-radius: 2rem;
	line-height: 1;
}

body.sb .category_navigation_container .category_navigation a[data-category="all"] {
	justify-content: center;
	width: 4.8rem;
	padding: 0 1rem;
}

body.sb .category_navigation_container .category_navigation a img {
	width: 3rem;
	height: 3rem;
} */

.category_navigation_container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 5.2rem;
	margin-top: 2.4rem;
	padding: 0 2.5rem 1.1rem 1.6rem;
}

.category_navigation_container:before {
	content: "";
	position: absolute;
	top: 1rem;
	right: 0.3rem;
	width: 3.5rem;
	height: 2.8rem;
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.3) 100%);
	z-index: 2;
	pointer-events: none;
}

.category_navigation_container .category_navigation {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.8rem;
	position: relative;
	width: 100%;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	z-index: 1;
	padding-right: 1.2rem;
}

.category_navigation_container .category_navigation::-webkit-scrollbar {
	display: none;
}

.category_navigation .nav-track {
	display: inline-flex;
	gap: 2.8rem;
	min-width: max-content;
}

.category_navigation_container .category_navigation a {
	flex: 0 0 auto;
	position: relative;
	padding-bottom: 0.6rem;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: -0.016em;
	opacity: 0.4;
}

.category_navigation_container .category_navigation a.active {
	opacity: 1;
}

.category_navigation_container .category_navigation a.active:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.2rem;
	background-color: #000;
}

.category_navigation_container .btn_category_toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0.6rem;
	right: 1.4rem;
	width: 2.2rem;
	height: 2.2rem;
	z-index: 3;
}

.bombom_category_navigation+.bombom_contents_container>.title_container {
	padding-top: var(--pd-in);
}

body:has(.category_toggle_navigation.active) {
	overflow: hidden;
}

.category_toggle_navigation {
	display: none;
	z-index: 5;
	flex-direction: column;
	justify-content: flex-end;
	position: absolute;
	top: -2.4rem;
	left: 50%;
	width: 100%;
	height: calc(100vh - 13.2rem);
	background-color: rgba(0, 0, 0, 0.8);
	transform: translateX(-50%);
}

.category_toggle_navigation.active {
	display: flex;
}

.category_toggle_navigation .scroller_container {
	max-height: calc(100vh - 13.2rem);
	border-radius: 1.6rem 1.6rem 0 0;
	padding-inline: 1.6rem;
	padding-bottom: 6rem;
	overflow-y: auto;
	background-color: #fff;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.category_toggle_navigation .scroller_container::-webkit-scrollbar {
	display: none;
}

.category_toggle_navigation a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 5.6rem;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: -0.016rem;
	background-color: #fff;
	border-top: 1px solid #ccc;
	color: #8E918F;
}

.category_toggle_navigation a.active {
	color: #000;
	font-weight: 700;
}

.category_toggle_navigation li:first-child a {
	border-top: none;
}

.category_toggle_navigation .btn_category_closed {
	display: none;
	position: absolute;
	top: calc(100vh - 73rem);
	right: 1.6rem;
	width: 2.4rem;
	height: 2.4rem;
}

.category_toggle_navigation .btn_category_closed img {
	display: block;
	transform: rotate(180deg);
}

.category_toggle_navigation li:first-child {
	height: 5.8rem;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 3;
	letter-spacing: -0.016rem;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.category_toggle_navigation li:first-child+li a {
	height: 4rem;
	margin-top: 0.8rem;
	border-top: none;
}

.category_toggle_navigation li:first-child .btn_closed {
	width: 2.4rem;
	height: 2.4rem;
	background: url("/src/assets/images/icons/icon_close_black@x3.png") no-repeat center /contain;
	text-indent: -9999px;
}

body:has(.bc, .bs) .category_toggle_navigation {
	position: fixed;
	top: 0;
	z-index: 101;
	height: 100vh;
	height: 100dvh;
}

.depth_navigation_container {
	position: relative;
	padding-inline: 1.6rem;
	margin-block: 4rem 2rem;
	z-index: 2;
}

.depth_navigation_container .depth_navigation {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.2rem;
}

.depth_navigation_container .depth_navigation .home,
.depth_navigation_container .depth_navigation .arrow {
	width: 2rem;
}

.depth_navigation_container .category_container {
	position: relative;
}

.depth_navigation_container .category_container .category_current {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.3rem;
	cursor: pointer;
}

.depth_navigation_container .category_container .category_current img {
	width: 1.2rem;
}

.component_select_list {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 1.6rem;
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
	width: 12rem;
	height: auto;
	padding: 2.4rem 1.6rem;
	z-index: 1;
	border-radius: 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.16);
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.component_select_list.active {
	display: flex;
}

.component_select_list li {
	width: 100%;
}

.component_select_list a {
	display: block;
	font-size: 1.4rem;
	text-align: left;
}

.product_condition_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-inline: 1.6rem;
	margin-block: 2rem 1.6rem;
}

.product_condition_container .total_posts {
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: -0.013em;
}

.product_condition_container .total_posts b {
	font-weight: 700;
	color: var(--color-primary);
}

.product_condition_container .sort_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: auto;
}

.product_condition_container .sort_container .current_sort_state {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.2rem;
	position: relative;
}

.product_condition_container .sort_container .current_sort_state .state {
	width: auto;
	opacity: 1;
	font-weight: 600;
	font-size: 1.4rem;
}

.product_condition_container .sort_container .current_sort_state img {
	width: 1.6rem;
	transition: all 0.15s;
	cursor: pointer;
}

.product_condition_container button {
	width: 2.4rem;
	opacity: 0.4;
}

.product_condition_container button.active {
	opacity: 1;
}

.product_condition_container button[data-type="array_card"] {
	margin-left: 0.8rem;
	display: none;
}

.product_condition_container button[data-type="array_list"] {
	margin-left: 0.6rem;
	display: none;
}

.product_condition_container .component_select_list {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 !important;
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
	width: 12rem;
	height: auto;
	padding: 1.2rem 1.6rem;
	z-index: 1;
	border-radius: 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.16);
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);
}

.product_condition_container .component_select_list.align_right {
	left: initial;
	right: 0;
	transform: translateX(0);
}

.product_condition_container .component_select_list.active {
	display: flex;
}

.product_condition_container .component_select_list li {
	width: 100%;
}

.product_condition_container .component_select_list button {
	display: block;
	width: 100%;
	height: auto;
	padding-block: 0.8rem;
	color: #000;
	font-weight: 600;
	font-size: 1.6rem;
	text-align: left;
	line-height: 1;
	letter-spacing: -0.016rem;
	opacity: 1;
}

/*
list
*/
.category_toggle_navigation+.list_container {
	margin-top: 2.4rem;
}

.list_container {
	margin-top: var(--lc-gap-l);
	padding-inline: var(--pd-in);
}

body.mypage .list_container {
	padding-inline: 0;
}

.list_container:has(.list_horizontal) {
	padding-inline: 0;
}

.list_container:has(.list_horizontal) .title_container {
	padding-inline: var(--pd-in);
}

.list_container:has(.list_double_row) {
	padding-inline: 0;
}

.list_container:has(.list_double_row) .title_container {
	padding-inline: var(--pd-in);
}

.list_container:not(:has(> .title_container:first-child)) {
	margin-top: 0;
}

.list_container .list_double_row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--lc-gap-m);
	overflow: hidden;
}

.list_container .list_double_row .row {
	display: block;
	width: 100%;
}

.list_double_row .row:nth-child(2) {
	display: none;
}

.list_double_row .row:nth-child(n + 5) {
	display: none;
}

.list_container .list_double_row .row .row_scroll_box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: var(--lc-gap-hz-half);
	overflow: hidden;
	overflow-x: auto;
	padding-inline: 1.6rem;
}

.list_container .list_double_row .row .row_scroll_box::-webkit-scrollbar {
	display: none;
}

.list_container .list_double_row .row .row_scroll_box:not(:has(li:nth-child(3))) li {
	width: 17.5rem;
}

.list_container .list_double_row .row li {
	flex-grow: 1;
	width: 16.4rem;
}

.list_contents:has(> li:first-child.contents_card.half) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--lc-gap-m) var(--lc-gap-hz-half);
}

.list_contents:has(> li:first-child.contents_card.full),
.list_contents:has(> li:first-child.series_card.full) {
	display: flex;
	flex-direction: column;
	gap: var(--lc-gap-m);
}

.list_contents:has(> li:first-child.hb_card.half__text) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--lc-gap-halftext);
}

.list_container .list_horizontal {
	gap: var(--lc-gap-hz-half);
}

.list_container .list_contents:has(> li:first-child.hb_card.half) {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lc-gap-m) var(--lc-gap-hz-half);
}

.list_container .list_contents:has(> li:first-child.gb_card.full) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--lc-gap-m);
}

.list_contents:has(> li:first-child.hb_card.half),
.list_contents:has(> li:first-child.gb_card.half),
.list_contents:has(> li:first-child.sb_card.half) {
	display: flex;
	flex-wrap: wrap;
	gap: var(--lc-gap-m) var(--lc-gap-hz-half);
}

/*
@ :: lazy loading :: opacity 조절필수
*/

.lazy_loading_container img {
	opacity: 0;
	transition: opacity 0.15s 0.15s linear;
}

.lazy_loading_container img.is-loaded {
	opacity: 1;
}

/*
@ :: carousel ::
*/

.component_card_slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.component_card_slider video,
.component_card_slider img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: inherit;
	height: 100%;
	transform: translate(-50%, -50%);
}

.component_card_slider .swiper-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
}

.component_card_slider .swiper {
	width: 100%;
	height: 100%;
}

.component_card_slider .slider_move_container {
	height: 100%;
}

.component_card_slider .slider_move_container .slider {
	position: relative;
	width: 100%;
	height: 100%;
}

.component_card_slider .slider_move_container .slider .slider_text_container {
	position: absolute;
	bottom: 9.4rem;
	left: 2.4rem;
	width: calc(100% - 4.8rem);
	z-index: 1;
}

.component_card_slider .slider_move_container .slider .slider_text_container .category {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
}

.component_card_slider .slider_move_container .slider .slider_text_container .category span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.4rem 0.8rem;
	color: #000;
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 1.3;
	text-transform: uppercase;
	background-color: #fff;
	border-radius: 3rem;
}

.component_card_slider .slider_move_container .slider .slider_text_container .category span.series {
	background-color: #eadaff;
}

.component_card_slider .slider_move_container .slider .slider_text_container .title {
	display: block;
	margin-top: 1.2rem;
	color: #fff;
	font-weight: 700;
	font-size: 3.8rem;
	letter-spacing: -0.038em;
	line-height: 1.24;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.component_card_slider .slider_move_container .slider .slider_text_container .description {
	margin-top: 1.6rem;
	color: #EFF2EF;
	font-size: 1.6rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.component_card_slider .slide_controller {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.8rem;
	position: absolute;
	bottom: 4rem;
	left: 2.4rem;
	width: 100%;
	z-index: 1;
}

.component_card_slider .slide_controller .progressbar {
	position: relative;
	overflow: hidden;
	width: 5.6rem;
	height: 0.2rem;
	background-color: rgba(255, 255, 255, 0.4);
}

.component_card_slider .slide_controller .progressbar .bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: left center;
	transform: scaleX(0);
	background-color: #fff;
}

.component_card_slider .slide_controller .slide_counter,
.component_card_slider .slide_controller .slide_counter span {
	color: rgba(255, 255, 255, 0.4);
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
}

.component_card_slider .slide_controller .slide_counter {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	color: rgba(255, 255, 255, 0.4);
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
}

.component_card_slider .slide_controller .slide_counter span.current {
	font-weight: 700;
	color: #fff;
}

.component_card_slider.card_393_393 {
	height: auto;
	aspect-ratio: 1/1;
}

.component_card_slider.card_393_294 {
	height: auto;
	aspect-ratio: 393/294;
}

.component_card_slider.card_393_221 {
	height: auto;
	aspect-ratio: 393/221;
}

.component_card_slider.card_361_124 {
	height: auto;
	aspect-ratio: 361/124;
}

.component_card_slider .counter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 1.6rem;
	right: 1.6rem;
	padding: 0.5rem 1.2rem;
	border-radius: 3rem;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.component_card_slider .counter span {
	color: #fff;
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 1.3;
}

/*
@ :: card ::
*/
/********************************* thumbnail common ******************************/
.thumbnail {
	flex: 0 0 auto;
	position: relative;
	width: 100%;
	border-radius: 2rem;
	overflow: hidden;
}

.thumbnail .lazy_loading_container {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #eee;
}

/* .thumbnail .lazy_loading_container:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg,rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%); opacity: 0.5;} */
.thumbnail .card_top_marker {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
	position: absolute;
	top: 1.5rem;
	left: 1.2rem;
	width: calc(100% - 2.4rem);
	pointer-events: none;
}

.thumbnail .card_top_marker span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.4rem 0.8rem;
	font-weight: 600;
	line-height: 1.3;
	font-size: 1.1rem;
	text-transform: uppercase;
	border-radius: 5rem;
	background-color: #fff;
}

.thumbnail .card_top_marker span:has(+ span) {
	background-color: #eadaff;
}

.thumbnail .btn_capture {
	display: none;
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
	width: 3.4rem;
	height: 3.4rem;
	margin-left: auto;
}

#app_wrapper:not(:has(.series_detail_container)) .thumbnail .btn_capture {
	display: none;
}

.half__text .thumbnail .btn_capture,
.half .thumbnail .btn_capture {
	width: 2.4rem;
	height: 2.4rem;
	margin-left: auto;
}

.component_information_container a {
	display: block;
	padding-top: 1.6rem;
}

.component_information_container .card_title {
	width: 100%;
	margin-top: 1.2rem;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: -0.01em;
	line-height: 1.3;
}

body.bc.main .component_information_container .card_title.text_ellipsis_2,
body.bs.detail .component_information_container .card_title.text_ellipsis_2 {
	height: auto;
}

.series_card.full .component_information_container .card_title.text_ellipsis_2 {
	height: auto;
}

.component_information_container .card_description {
	color: #5C5F5E;
	margin-top: 0.8rem;
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: -0.014em;
	font-weight: 500;
}

.component_information_container .card_comment {
	display: block;
	margin-top: 1.6rem;
	color: #888;
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.component_information_container .card_date {
	margin-top: 1.2rem;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012rem;
}

.component_information_container .card_comment b {
	color: #000;
}

.component_information_container .price_container {
	display: block;
	margin-top: 1.4rem;
}

.component_information_container .price_container .origin_price {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: -0.012em;
	text-decoration-line: line-through;
	opacity: 0.56;
}

.component_information_container .price_container>div {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.4rem;
	font-size: 1.4rem;
}

.component_information_container .price_container .discount {
	color: #e32727;
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 1;
}

.component_information_container .price_container .discount i {
	color: #e32727;
	font-weight: 700;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 1;
}

.component_information_container .price_container b {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: -0.054em;
}

.component_information_container .price_container .unit {
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
}

.component_information_container .card_place {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	margin-right: auto;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.013em;
}

.component_information_container .card_place img {
	width: 1rem;
	height: 1.3rem;
}

.component_information_container .card_tag_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 1rem;
}

.component_information_container .card_tag_container span {
	padding: 0.5rem 1rem;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
	background-color: rgba(255, 255, 255, 0.54);
	border-radius: 3rem;
	backdrop-filter: blur(10px);
}

.hb_card .card_tag_container span {
	display: none;
}

#allSectionsWrap {
	min-height: 80vh;
}

.component_information_container>a:not(:has(.card_place))>.card_title {
	margin-top: 0 !important;
}

.list_horizontal .contents_card {
	width: calc(100% - 4.4rem);
}

.list_horizontal .gb_card.full {
	width: calc(100% - 4.4rem);
}

.list_horizontal .half {
	width: calc(50% - 2.2rem) !important;
}

.list_horizontal .series_card {
	width: calc(100% - 4.4rem) !important;
}

.lazy_loading_container {
	background-color: #f2f2f2;
}

.thumbnail picture {
	display: block;
}

/********************************* thumbnail common ******************************/

/********************************* contents_card *********************************/
.contents_card {
	width: 100%;
}

.contents_card .thumbnail picture {
	height: auto;
	aspect-ratio: 1/1;
}

.contents_card .btn_capture {
	top: 1.2rem;
	right: 1.2rem;
}

.contents_card .thumbnail .card_tag_container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.4rem;
	position: absolute;
	bottom: 1.5rem;
	left: 1.2rem;
	width: calc(100% - 2.4rem);
}

.contents_card .thumbnail .card_tag_container span {
	display: inline-flex;
	padding: 0.5rem 1rem;
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 3rem;
	backdrop-filter: blur(10px);
}

.contents_card .component_information_container .card_title.white {
	color: #fff;
}

.contents_card .component_information_container .card_description.white {
	color: rgba(255, 255, 255, 0.56);
}

.contents_card.half {
	width: calc(50% - 0.6rem);
}

.contents_card.half .thumbnail {
	border-radius: 0;
}

.contents_card.half .thumbnail picture {
	height: auto;
	aspect-ratio: 3/4;
	border-radius: 1.6rem;
	overflow: hidden;
	display: block;
}

.contents_card.half .thumbnail .card_top_marker {
	display: flex;
	flex-wrap: wrap;
	width: 13rem;
	top: 0.8rem;
	left: 0.8rem;
}

.contents_card.half .btn_capture {
	top: 0.8rem;
	right: 0.8rem;
}

.contents_card.half .component_information_container .card_title {
	color: #000;
	font-size: 1.8rem;
}

.contents_card.half .component_information_container .card_tag_container {
	display: none;
}

/********************************* contents_card *********************************/

/********************************* series_card *********************************/
.series_card.full {
	width: 100%;
}

.series_card.full .thumbnail picture {
	height: auto;
	aspect-ratio: 361/481;
	display: block;
}

.series_card.full .thumbnail picture:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 100%);
}

.series_card.full .component_information_container {
	position: absolute;
	bottom: 2.55rem;
	left: 1.6rem;
	width: calc(100% - 3.2rem);
}

.series_card.full .component_information_container .card_title {
	color: #fff;
	font-size: 3.2rem;
	white-space: pre-line;
}

.series_card.full .component_information_container .card_description {
	color: #f9f9f9;
	margin-top: 1rem;
}

.series_card.full .component_information_container .card_tag_container span {
	margin-top: 1.5rem;
	padding: 0.5rem 1rem;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(255, 255, 255, 0.2);
}

.series_card.full .component_information_container .card_count_posts {
	display: flex;
	position: relative;
	margin-top: 1.6rem;
	color: #fff;
	font-weight: 500;
	font-size: 1.3rem;
	align-items: center;
	gap: 0.1rem;
}

.series_card.full .component_information_container .card_count_posts::before {
	content: "";
	display: block;
	background-image: url("/src/assets/icons/ico_contents_bullet.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 0.4rem;
}

.series_card.full .component_information_container .card_count_posts b {
	margin-left: 0.2rem;
	font-weight: 500;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: -0.013em;
	font-weight: normal;
}

.series_card.full .component_information_container .card_title.white {
	color: #fff;
}

.series_card.full .component_information_container .card_description.white {
	color: rgba(255, 255, 255, 0.56);
}

body.bs.detail .series_card.full .thumbnail .card_top_marker {
	position: unset;
}

.series_card.full .thumbnail>.card_top_marker .category {
	display: none;
}

.series_card.full .component_information_container a {
	padding-top: 0;
}

.series_card.full .btn_capture {
	top: 1.2rem;
	right: 1.2rem;
}

.series_card.full .component_information_container .card_title.white {
	color: #fff;
}

.series_card.full .component_information_container .card_description.white {
	color: rgba(255, 255, 255, 0.56);
}

/********************************* series_card *********************************/

/********************************* hb_card **************************************/
.hb_card.half {
	width: calc(50% - 0.6rem);
}

.hb_card.half .thumbnail picture {
	height: auto;
	aspect-ratio: 1/1;
}

.hb_card.half .card_place {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	color: #444;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: -0.013em;
}

.hb_card.half .card_place img {
	width: 1rem;
	height: 1.3rem;
}

.hb_card.half .card_title {
	margin-top: 1.2rem;
	font-size: 1.8rem;
	letter-spacing: -0.018em;
	line-height: 1.4;
}

.hb_card.half .card_date_container {
	margin-top: 1.2rem;
}

.hb_card.half .card_date_container span {
	color: #888;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
}

.hb_card.half .thumbnail .card_top_marker {
	display: flex;
	flex-wrap: wrap;
	width: 13rem;
	top: 0.8rem;
	left: 0.8rem;
}

.hb_card.half .btn_capture {
	top: 0.8rem;
	right: 0.8rem;
}

.hb_card.half .component_information_container .card_title {
	color: #000;
	font-size: 1.8rem;
}

.hb_card.half .component_information_container .card_description {
	color: #707070;
}

.hb_card.half__text {
	display: flex;
	justify-content: flex-start;
	gap: 1.6rem;
}

.hb_card.half__text .thumbnail {
	width: 14rem;
}

.hb_card.half__text .thumbnail picture {
	height: auto;
	aspect-ratio: 1/1;
}

.hb_card.half__text .thumbnail .card_top_marker {
	top: 0.8rem;
	left: 0.8rem;
	width: calc(100% - 1.6rem);
}

.hb_card.half__text .card_place {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	color: #444;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: -0.013em;
}

.hb_card.half__text .card_place img {
	width: 1rem;
	height: 1.3rem;
}

.hb_card.half__text .card_title {
	margin-top: 1rem;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1.4;
	letter-spacing: -0.018em;
}

.hb_card.half__text .price_container {
	margin-top: 0.6rem;
}

.hb_card.half__text .thumbnail .btn_capture {
	top: 0.8rem;
	right: 0.8rem;
}

.hb_card.half__text .card_date_container {
	margin-top: 1.2rem;
}

.hb_card.half__text .card_date_container span {
	color: #888;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
}

.hb_card.half__text .component_information_container a {
	padding-top: 1.3rem;
}

.hb_card .card_date_container,
.hb_card .origin_price,
.hb_card .discount {
	display: none !important;
}

/********************************* hb_card **************************************/

/********************************* gb_card **************************************/
.gb_card .card_date_container {
	margin-top: 1.2rem;
	display: none;
}

.gb_card .card_date_container span {
	color: #888;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
}

.gb_card .card_description {
	display: none;
}

.gb_card.full {
	width: 100%;
}

.gb_card.full .thumbnail .lazy_loading_container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67%, rgba(0, 0, 0, 0.4) 100%);
}

.gb_card.full .thumbnail picture {
	height: auto;
	aspect-ratio: 361 / 270;
}

.gb_card.full .thumbnail .card_tag_container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.4rem;
	position: absolute;
	bottom: 1.2rem;
	left: 1.2rem;
	width: calc(100% - 2.4rem);
}

.gb_card.full .thumbnail .card_tag_container span {
	display: inline-flex;
	padding: 0.4rem 0.6rem;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 600;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: -0.011em;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 1rem;
}

.gb_card.full .thumbnail .card_bottom_marker {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.6rem;
	position: absolute;
	bottom: 1.2rem;
	right: 1.2rem;
	width: calc(100% - 2.4rem);
	pointer-events: none;
}

.gb_card.full .thumbnail .card_bottom_marker .card_place {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	margin-right: auto;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.013em;
}

.gb_card.full .thumbnail .card_bottom_marker .card_place img {
	width: 1rem;
	height: 1.3rem;
}

.gb_card.full .thumbnail .card_bottom_marker .card_tag_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	position: static;
	width: auto;
}

.gb_card.full .thumbnail .card_bottom_marker .card_tag_container span {
	padding: 0.5rem 1rem;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 3rem;
	backdrop-filter: blur(10px);
}

.gb_card.half {
	width: calc(50% - 0.6rem);
}

.gb_card.half .thumbnail picture {
	height: auto;
	aspect-ratio: 1.25/1;
}

.gb_card.half .thumbnail .card_top_marker {
	top: 0.8rem;
	left: 0.8rem;
}

.gb_card.half .btn_capture {
	top: 0.8rem;
	right: 0.8rem;
}

.gb_card.half .card_place {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	margin-right: auto;
	color: #444;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.013em;
}

.gb_card.half .card_place img {
	width: 1rem;
	height: 1.3rem;
}

.gb_card.half .thumbnail .card_bottom_marker {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.6rem;
	position: absolute;
	bottom: 0.8rem;
	right: 0.8rem;
	width: calc(100% - 1.6rem);
	pointer-events: none;
}

.gb_card.half .thumbnail .card_bottom_marker .card_place {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	margin-right: auto;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.013em;
}

.gb_card.half .thumbnail .card_bottom_marker .card_place img {
	width: 1rem;
	height: 1.3rem;
}

.gb_card.half .thumbnail .card_bottom_marker .card_tag_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
}

.gb_card.half .thumbnail .card_bottom_marker .card_tag_container span {
	padding: 0.5rem 1rem;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
	background-color: rgba(255, 255, 255, 0.54);
	border-radius: 3rem;
	backdrop-filter: blur(10px);
}

.gb_card.half .component_information_container .card_title {
	color: #000;
	font-size: 1.8rem;
	margin-top: 1.2rem;
}

.gb_card.half .component_information_container .card_description {
	color: #707070;
}

.mypage_wish_list_container .gb_card .card_seller,
.mypage_wish_list_container .gb_card .review_counter {
	display: none;
}

/********************************* gb_card **************************************/

/********************************* sb_card **************************************/
.sb_card.half {
	width: calc((100% - 1.2rem) / 2);
}

.sb_card.half .thumbnail .card_top_marker {
	top: 0.8rem;
	left: 0.8rem;
}

.sb_card.half .btn_capture {
	top: 0.8rem;
	right: 0.8rem;
}

.sb_card.half .thumbnail picture {
	height: auto;
	aspect-ratio: 1/1;
}

.sb_card.half .card_seller {
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012em;
}

.sb_card.half .card_title {
	font-size: 1.8rem;
	line-height: 1.4;
}

.sb_card.half .card_description {
	margin-top: 0.2rem;
	font-size: 1.2rem;
}

.sb_card.full .review_counter {
	display: none
}

.sb_card.half .review_counter {
	margin-top: 1.2rem;
	color: #888;
	font-weight: 500;
	font-size: 1.3rem;
	display: none;
}

.sb_card.half .review_counter b {
	color: #000;
}

.type_list .sb_card.half {
	width: 100%;
}

.type_list .sb_card.half {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.2rem;
}

.type_list .sb_card.half .thumbnail {
	flex: 0 0 auto;
	max-width: 17.45rem;
}

.sb_card.half .card_seller,
.sb_card.half .card_description,
.sb_card.half .review_counter {
	display: none;
}

/********************************* sb_card **************************************/

/****************************sub_detail // series*******************/
.series_detail_container>.series_card.full .thumbnail {
	border-radius: 0;
}

.series_detail_container>.list_contents {
	margin-top: var(--lc-gap-l) !important;
}

/****************************sub_detail // series*******************/


/*side gnb*/
.side_gnb_container {
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transform: translateX(-100%);
	opacity: 0;
	transition: 0.3s ease;
	z-index: -1;
	pointer-events: none;

	overflow-y: auto;
	height: 100%;
}

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

.side_gnb_container.active {
	transform: translateX(-50%);
	opacity: 1;
	z-index: 10000;
	pointer-events: auto;
}

.side_gnb_container .gnb_header {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: sticky;
	top: 0;
	width: 100%;
	height: 5.4rem;
	padding-inline: 1.6rem;
	background-color: #fff;
}

.side_gnb_container .gnb_header span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4;
}

.side_gnb_container .gnb_header button {
	width: 2.4rem;
	height: 2.4rem;
}

.side_gnb_container .gnb_content {
	flex: 1;
	padding: 1rem 2.4rem 5.5rem;
}

.side_gnb_container .gnb_content li+li {
	margin-top: 4.5rem;
}

.side_gnb_container .gnb_content li .category_title {
	display: block;
	margin-bottom: 1.5rem;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.4;
	letter-spacing: -0.026rem;
}

.side_gnb_container .gnb_content li .category_title+div {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.side_gnb_container .gnb_content li .category_title+div a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 50%;
	padding: 1.3rem 0;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.016rem;
}

.side_gnb_container .gnb_content li .category_title+div a img {
	width: 2rem;
	height: 2rem;
	display: none;
}

.side_gnb_container .gnb_footer {
	padding: 0 2.4rem 3rem;
}

.side_gnb_container .btn_newsletter {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	height: 5.2rem;
	color: #5700ed;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: -0.018rem;
	border-radius: 0.6rem;
	border: 1px solid #5700ed;
	background-color: #fff;
}

.side_gnb_container .btn_newsletter:before {
	content: "";
	width: 2.4rem;
	height: 2.4rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath opacity='0.5' d='M2 12C2 8.229 2 6.343 3.172 5.172C4.344 4.001 6.229 4 10 4H14C17.771 4 19.657 4 20.828 5.172C21.999 6.344 22 8.229 22 12C22 15.771 22 17.657 20.828 18.828C19.656 19.999 17.771 20 14 20H10C6.229 20 4.343 20 3.172 18.828C2.001 17.656 2 15.771 2 12Z' stroke='%235700ED' stroke-width='1.5'/%3E%3Cpath d='M6 8L8.159 9.8C9.996 11.33 10.914 12.095 12 12.095C13.086 12.095 14.005 11.33 15.841 9.799L18 8' stroke='%235700ED' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*search_components*/
.search_form_container {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 39.3rem;
	height: 100%;
	padding: 0.9rem 1.6rem;
	background-color: #fff;
}

.search_form_container.active {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
}

.search_form_container.active.fix>.btn_closed {
	display: none;
}

.search_form_container.active.fix form {
	width: 100%;
}

.search_form_container.active.fix .search_input_container {
	width: 100%;
}

.search_form_container.active.fix .search_keyword {
	width: calc(100% - 3.2rem);
}

.search_form_container .search_input_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	width: 32.7rem;
	height: 3.6rem;
	background-color: #fff;
}

.search_form_container .search_input_container input {
	width: 100%;
	height: 100%;
	padding-inline: 1.2rem 4.6rem;
	padding-block: 0.6rem;
	color: #000;
	font-weight: 500;
	font-size: 1.8rem;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 0.4rem;
}

.search_form_container .search_input_container input {
	background-color: #fff;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 0.4rem;
}

.search_form_container .search_input_container input:focus {
	background-color: #fff;
	border: 1px solid #000;
	outline: 1px solid #000;
}

.search_form_container .search_input_container input::placeholder {
	color: rgba(0, 0, 0, 0.4);
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.014em;
	border-radius: 0.4rem;
	transition: opacity 0.2s ease;
}

.search_form_container .search_input_container input:focus::placeholder {
	opacity: 0;
}

.search_form_container .search_input_container input:placeholder-shown {
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 0.4rem;
}

.search_form_container .search_input_container input:focus:placeholder-shown {
	background-color: #fff;
}

.search_form_container .search_input_container .button_container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0.6rem;
	height: 100%;
}

.search_form_container .search_input_container .btn_search_submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 100%;
}

.search_form_container .search_input_container .btn_search_submit img {
	width: 2.4rem;
	height: 2.4rem;
}

.search_form_container .btn_closed {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.6rem;
}

.search_form_container .btn_closed img {
	width: 2.4rem;
	height: 2.4rem;
}

.search_keyword {
	display: none;
	position: absolute;
	top: 5rem;
	left: 1.6rem;
	width: 32.7rem;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0.8rem;
	overflow: hidden;
}

.search_keyword.active {
	display: block;
}

.search_keyword>div:first-child {
	padding: 1.2rem 1.6rem 2rem;
}

.search_keyword>div>span {
	display: block;
	padding-bottom: 0.8rem;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: 0.014em;
}

.search_keyword .keyword_list {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	padding-top: 1.2rem;
	border-top: 0px solid #ccc;
}

.search_keyword .keyword_list li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.6rem;
}

.search_keyword .keyword_list li .keyword {
	flex: 1;
	display: block;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: -0.14px;
	cursor: pointer;
}

.search_keyword .keyword_list li button {
	flex: 0 0 auto;
	width: 1.6rem;
	height: 1.6rem;
}

.search_keyword .keyword_list li button img {
	width: 2rem;
	height: 2rem;
}

.search_keyword .keyword_list li.empty {
	font-size: 1.4rem;
}

.search_keyword .button_container {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #ccc;
	background-color: #fff;
}

.search_keyword .button_container button {
	padding: 1.5rem 2rem;
	height: auto;
	color: rgba(0, 0, 0, 0.4);
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: -0.1rem;
}

.search_keyword .button_container button+button {
	border-left: 1px solid #ccc;
}

.search_keyword .button_container button.btn_delete {
	flex: 0 1 auto;
	width: 100%;
}

.search_keyword .button_container button.btn_off {
	flex: 0 1 auto;
	width: 100%;
}

.search_keyword .button_container button.btn_closed {
	flex: 0 1 auto;
	width: 100%;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.8);
}

.search_keyword .button_container .btn_closed,
.search_form_container>.btn_closed,
.search_keyword .btn_delete,
.search_keyword .btn_off {
	touch-action: manipulation;
}

/*공통 모달창*/
.common_modal_components {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 0 !important;
	padding-inline: 1.6rem;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
}

.common_modal_components.active {
	display: flex !important;
}

.common_modal_components .common_modal_box {
	width: 90%;
	max-width: 36.1rem;
	padding: 2.4rem;
	border-radius: 1.2rem;
	background-color: #fff;
}

.common_modal_components .common_modal_box .modal_contents p {
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.4;
	letter-spacing: -0.014rem;
}

.common_modal_components .common_modal_box>button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16rem;
	height: 4.4rem;
	margin: 2.4rem auto 0;
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
	background-color: #000;
	border-radius: 0.4rem;
}

/*전화번호 변경*/
.m_phone .common_modal_components .common_modal_box .modal_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m_phone .common_modal_components .common_modal_box .modal_title h4 {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.016rem;
}

.m_phone .common_modal_components .common_modal_box .modal_title .btn_closed {
	width: 2.4rem;
	height: 2.4rem;
}

.m_phone .common_modal_components .common_modal_box .modal_contents {
	margin-top: 2.4rem;
}

.m_phone .common_modal_components .common_modal_box .modal_contents>div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.4rem;
	margin-block: 0.8rem;
}

.m_phone .common_modal_components .common_modal_box .modal_contents>div+button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 4.4rem;
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
	background-color: #000;
	border-radius: 0.4rem;
}

.m_phone .common_modal_components .common_modal_box .modal_contents>div button {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8rem;
	height: 4.4rem;
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
	background-color: #000;
	border-radius: 0.4rem;
}

.m_phone .common_modal_components .common_modal_box .modal_contents h4 {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
}

.m_phone .common_modal_components .common_modal_box .modal_contents>div+p {
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: -0.014rem;
	opacity: 0.4;
}

.recipient_zipId .gnb_container {
	display: none;
}

#recipient_contents_frame {
	width: 100%;
}

.resp_layer_pop .gnb_container {
	display: none !important;
}

/*데이터 없을 때*/
.nodata {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-block: 2rem;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 500;
	font-size: 2.2rem;
	text-align: center;
}

/*그룹타이틀*/
#groupTitle {
	margin-top: var(--lc-tit-gap);
	padding-inline: 1.6rem;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

/*banner*/
section.banner_container {
	height: auto;
}

.list_container+section.banner_container {
	margin-top: var(--lc-gap-l);
}

.section.banner_container+.list_container {
	margin-bottom: var(--lc-gap-l);
}

section.banner_container .component_card_slider .counter {
	bottom: 0.8rem;
	right: 0.8rem;
}

/*캡쳐버튼*/
.btn_capture.is-busy {
	pointer-events: none;
}

/*노데이터*/
.nodata {
	margin-right: 0 !important;
}

.bbb_empty_container {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}

.bbb_empty_container.type_sch_result {
	margin-top: 10.2rem;
}

.bbb_empty_container.use_button {
	padding-bottom: 0;
}

.bbb_empty_container img {
	display: block;
	flex-basis: 13rem;
	width: 13rem;
	flex-shrink: 0;
	height: auto;
	object-fit: contain;
}

.bbb_empty_container img.type_result.pc {
	display: none;
	width: 12.3rem;
}

.bbb_empty_container img.type_result.mo {
	display: block;
}

.bbb_empty_container p:not(.txt_gray_sm) {
	margin-top: 32px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: -0.022rem;
	text-align: center;
}

.bbb_empty_container p.txt_bk {
	margin-top: 2.3rem;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: 0.067px;
	color: #000;
}

.bbb_empty_container p.txt_gray_sm {
	margin-top: 0.8rem;
	font-weight: 400;
	font-size: 1.6rem;
	color: #5C5F5E;
}

.bbb_empty_container .btn_empty {
	margin-top: 3.2rem;
	width: 13.4rem;
	height: 4.8rem;
	border: 1px solid #8e918f;
	border-radius: 4px;
	background-color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	color: #000;
}

.bbb_empty_container .btn_empty.type_02 {
	width: 11.2rem;
}

.bbb_empty_container .btn_empty.type_03 {
	width: 13.9rem;
}

.bbb_empty_container .button_container a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	padding-inline: 2.4rem;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: -0.014rem;
	margin-top: 3rem;
	font-weight: 600;
	color: #fff;
	line-height: 1;
	letter-spacing: -0.022rem;
	background-color: #000;
	border-radius: 0.4rem;
}

.search_container:has(.bbb_empty_container) .bbb_empty_container {
	padding-block: 12.4rem 23.6rem;
}

.search_container:has(.bbb_empty_container) .bbb_empty_container img {
	margin: 0 auto;
}

.bbb_coupon_container .bbb_empty_container img {
	width: 20.5rem;
	height: 13rem;
}

/* ************************
	tab menu
************************ */
.default_tab_group {
	display: flex;
	height: 5.2rem;
	margin-bottom: 2.4rem;
	border: 1px solid #e1e3e1;
	border-radius: 0.4rem;
	line-height: 5.2rem;
}

.default_tab_group .tab {
	flex-grow: 1;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	color: #8e918f;
	cursor: pointer;
}

.default_tab_group .tab.active {
	background-color: #000;
	color: #fff;
}

/* ************************
	box button
************************ */
/* 마이페이지 버튼 공통으로 현행화 진행 후 해당 부분 삭제 */
.myp_button_wrap {
	display: flex;
	gap: 0.8rem;
}

.myp_button_wrap.column {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.myp_button_wrap+.myp_contents_wrap {
	margin-top: 3.2rem;
}

.myp_button {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.2rem;
	padding: 0 2.4rem;
	text-align: center;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: -0.016rem;
	border-radius: 0.6rem;
}

.myp_button.medium {
	height: 4.8rem;
}

.myp_button_wrap.column .myp_button {
	flex: 0 0 auto;
}

.myp_button.bd_grey {
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.myp_button.bd_point {
	color: #5d00ff;
	border: 1px solid #5d00ff;
	background-color: #fff;
}

.myp_button.bg_grey {
	color: #fff;
	border: 1px solid transparent;
	background-color: #ccc;
}

.myp_button.bg_black {
	color: #fff;
	border: 1px solid transparent;
	background-color: #000;
}

.myp_button.bg_point {
	color: #fff;
	border: 1px solid transparent;
	background-color: #5d00ff;
}

.myp_button:has(img) {
	gap: 0.6rem;
}

.myp_button img {
	width: 2.4rem;
	height: 2.4rem;
}

/* 마이페이지 버튼 공통으로 현행화 진행 후 해당 부분 삭제 */

.box_button_wrap {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}


.box_button_wrap.type_mt_32 {
	margin-top: 3.2rem;
}

.box_button_wrap.type_pc_show {
	display: none;
}

.box_button {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box_button.full {
	width: 100%;
}

.box_button_wrap:has(.box_button.full) .box_button {
	flex: 1 1 auto;
}

.box_button.small {
	height: 3.4rem;
	padding: 0 1.6rem;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: -0.028rem;
}

.box_button.medium {
	height: 4.8rem;
	padding: 0 1.6rem;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6rem;
	letter-spacing: -0.032rem;
	border-radius: 0.4rem;
}

.box_button.large {
	height: 5.6rem;
	padding: 0 2rem;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.8rem;
	letter-spacing: -0.036rem;
}

.box_button.type_border {
	border-radius: 0.4rem;
	font-family: var(--font600);
}

.box_button.border_radius {
	border-radius: 0.6rem;
}

.box_button.border_radius_4 {
	border-radius: 0.4rem;
}

.box_button.bg_primary {
	color: #fff;
	border: 1px solid transparent;
	background-color: #5d00ff;
}

.box_button.disabled {
	color: #c4c7c5;
	border: 1px solid #e1e3e1;
	background-color: #fff;
}

.box_button.bg_black {
	color: #fff;
	border: 1px solid transparent;
	background-color: #000;
}

.box_button.bg_2D312F {
	color: #fff;
	border: 1px solid transparent;
	background-color: #2d312f;
}

.box_button.bd_8E918F {
	color: #000;
	border: 1px solid #8e918f;
	background-color: #fff;
}

.box_button.bd_C4C7C5 {
	color: #000;
	border: 1px solid #c4c7c5;
	background-color: #fff;
}

/* ************************
	underline button
************************ */
/* 추후 스타일 가이드에 맞춰 수정 진행 예정 */
.underline_button_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.underline_button {
	color: #000;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: 0.3rem;
}

/* ************************
	defaurt input
************************ */
.default_inputform_title {
	display: inline-block;
	margin-bottom: 0.8rem;
	color: #000;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 2.2rem;
}

.default_inputform_title .required {
	color: #e32727;
}

.default_inputform_gruop+.default_inputform_gruop {
	margin-top: 1.6rem;
}

.default_inputform_gruop .bytes {
	color: #8e918f;
	text-align: right;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.2rem;
	letter-spacing: -0.024rem;
	margin-top: 0.4rem;
}

.default_inputform_gruop .alert_massage {
	margin-top: 0.4rem;
	color: #ff3300;
	font-size: 1.4rem;
	line-height: 1.6rem;
}

.default_inputform_gruop .alert_massage.grey {
	color: #8e918f;
}

.default_inputform {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.default_inputform input[type="text"],
.default_inputform input[type="password"],
.default_inputform input[type="email"],
.default_inputform input[type="tel"],
.default_inputform select,
.default_inputform textarea {
	font-size: 1.6rem;
	box-sizing: border-box;
	width: 100%;
	height: 4.8rem;
	padding: 0 1.6rem;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #c4c7c5;
	border-radius: 0.4rem;
	background-color: #fff;
}

.default_inputform input[type="text"],
.default_inputform input[type="password"],
.default_inputform input[type="email"],
.default_inputform input[type="tel"],
.default_inputform select {
	line-height: 1;
}

.default_inputform input[type="text"]::placeholder,
.default_inputform input[type="password"]::placeholder,
.default_inputform input[type="email"]::placeholder,
.default_inputform input[type="tel"]::placeholder,
.default_inputform select::placeholder,
.default_inputform textarea::placeholder {
	color: #c4c7c5;
}

.default_inputform input[type="text"]:disabled,
.default_inputform input[type="password"]:disabled,
.default_inputform input[type="email"]:disabled,
.default_inputform input[type="tel"]:disabled,
.default_inputform select:disabled,
.default_inputform textarea:disabled {
	border-color: #e1e3e1;
	background-color: #f9f9f9;
}

.default_inputform input[type="text"][readonly],
.default_inputform input[type="password"][readonly],
.default_inputform input[type="email"][readonly],
.default_inputform input[type="tel"][readonly],
.default_inputform select[readonly],
.default_inputform textarea[readonly],
.default_inputform input[type="text"][readonly]:focus,
.default_inputform input[type="password"][readonly]:focus,
.default_inputform input[type="email"][readonly]:focus,
.default_inputform input[type="tel"][readonly]:focus,
.default_inputform select[readonly]:focus,
.default_inputform textarea[readonly]:focus {
	border-color: #e1e3e1;
	background-color: #eff2ef;
}

.default_inputform input[type="text"][readonly]::placeholder,
.default_inputform input[type="password"][readonly]::placeholder,
.default_inputform input[type="email"][readonly]::placeholder,
.default_inputform input[type="tel"][readonly]::placeholder,
.default_inputform select[readonly]::placeholder,
.default_inputform textarea[readonly]::placeholder {
	color: #8e918f;
}

.default_inputform input[type="text"]:focus:not(:disabled):not([readonly]),
.default_inputform input[type="password"]:focus:not(:disabled):not([readonly]),
.default_inputform input[type="email"]:focus:not(:disabled):not([readonly]),
.default_inputform input[type="tel"]:focus:not(:disabled):not([readonly]),
.default_inputform select:focus:not(:disabled),
.default_inputform textarea:focus:not(:disabled):not([readonly]) {
	border-color: var(--color-primary);
}

.default_inputform textarea {
	height: 14rem;
	padding: 1.6rem;
	line-height: 1.3;
}

.default_inputform select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_119_1358)'%3E%3Cpath d='M1 5L7.85858 11.8586C7.93668 11.9367 8.06332 11.9367 8.14142 11.8586L15 5' stroke='black' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_119_1358'%3E%3Crect width='16' height='16' fill='white' transform='translate(16) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.6rem center;
	background-size: 1.6rem;
	cursor: pointer;
}

.default_inputform .separator {
	color: rgba(0, 0, 0, 0.54);
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.1rem;
}

.default_inputform.adress {
	flex-direction: column;
	gap: 0.6rem;
}

.default_inputform.adress>* {
	width: 100%;
}

.default_inputform.adress .myp_button {
	padding: 1.4rem 2.4rem;
	font-size: 1.4rem;
	letter-spacing: -0.014rem;
	margin-left: 0.8rem;
}

.default_inputform.adress .myp_button.postal {
	min-width: 10.7rem;
	padding: 0 1rem;
	font-size: 1.4rem;
}

.default_inputform.adress .search {
	display: flex;
	align-items: center;
}

.default_inputform.adress .search input {
	width: 14rem;
}

.default_inputform.adress .myp_button {
	flex: 0;
}

.default_inputform.search {
	position: relative;
}

.default_inputform.search input {
	padding-right: 4.5rem;
}

.default_inputform.search .btn_search {
	position: absolute;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.4rem;
	height: 2.4rem;
	font-size: 0;
	background-image: url("../../assets/icons/icon_search_black_24.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* ************************
	radio, checkbox
************************ */
.default_radio_list.row {
	display: flex;
	gap: 1.6rem;
}

.default_inputform:has(input[type="radio"]) {
	gap: 1.6rem;
}

.default_inputform input[type="radio"],
.default_inputform input[type="checkbox"] {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.default_inputform input[type="radio"]+label,
.default_inputform input[type="checkbox"]+label {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	color: #000;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 2.2rem;
}

.default_inputform input[type="radio"]+label:before,
.default_inputform input[type="checkbox"]+label:before {
	content: "";
	flex-shrink: 0;
	width: 2.8rem;
	height: 2.8rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.default_inputform input[type="radio"]+label:before {
	background-image: url("../../assets/icons/icon_radio_off.svg");
}

.default_inputform input[type="radio"]:checked+label:before {
	background-image: url("../../assets/icons/icon_radio_pur_on.svg");
}

.default_inputform input[type="radio"]:disabled+label:before {
	background-image: url("../../assets/icons/icon_radio_off_disable.svg");
}

.default_inputform input[type="radio"]:disabled:checked+label:before {
	background-image: url("../../assets/icons/icon_radio_on_disable.svg");
}

.default_inputform input[type="checkbox"]+label:before {
	background-image: url("../../assets/icons/icon_checkbox_off.svg");
}

.default_inputform input[type="checkbox"]:checked+label:before {
	background-image: url("../../assets/icons/icon_checkbox_on.svg");
}

.default_inputform input[type="checkbox"]:disabled+label:before {
	background-image: url("../../assets/icons/icon_checkbox_off_disable.svg");
}

.default_inputform input[type="checkbox"]:disabled:checked+label:before {
	background-image: url("../../assets/icons/icon_checkbox_on_disable.svg");
}

/* ************************
	seclect button
************************ */
.default_selectform {
	display: block;
	color: #000;
	font-weight: 400;
	font-size: 1.6rem;
	height: 4.8rem;
	width: 100%;
	padding: 0 1.6rem;
	line-height: 1;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #c4c7c5;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.6rem;
	background-image: url("../../assets/icons/icon_arrow_down_black_16.svg");
	background-repeat: no-repeat;
	background-position: right 1.6rem center;
	background-size: 1.6rem;
}

.default_selectform.grey {
	color: #c4c7c5;
}

.default_selectform.disabled {
	color: #c4c7c5;
	border-color: #e1e3e1;
	background-color: #f9f9f9;
	background-image: url("../../assets/icons/icon_arrow_down_lightgrey_16.svg");
}

.default_selectform.readonly {
	color: #8e918f;
	border-color: #e1e3e1;
	background-color: #eff2ef;
	background-image: url("../../assets/icons/icon_arrow_down_grey_16.svg");
}

.default_selectform:active {
	border-color: var(--color-primary-myp);
}

.default_selectform.disabled:active {
	border-color: #e1e3e1;
}

.default_selectform.readonly:active {
	border-color: #e1e3e1;
}

.default_select_pop {
	display: none;
	flex-direction: column;
	justify-content: flex-end;
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100dvh;
	transform: translateX(-50%);
	z-index: 110;
}

/* 배송비 입금계좌 선택 */
.default_select_pop.account_select .default_select_pop_wrap {
	max-width: 393px;
}

.default_select_pop.active {
	display: flex;
}

body:has(.default_select_pop.active) {
	overflow: hidden;
}

.default_select_pop_dimm {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	height: 100%;
	width: 100%;
	z-index: -1;
}

.default_select_pop_wrap {
	padding: 3.2rem 2.4rem;
	background-color: #fff;
	border-radius: 1.6rem 1.6rem 0 0;
}

.default_select_pop.type_responsive_rectangle .default_select_pop_wrap,
.default_select_pop.type_responsive_round .default_select_pop_wrap {
	padding: 1.6rem 1.6rem 6rem 1.6rem;
}

.default_select_pop_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2.4rem;
	color: #000;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 2.6rem;
	letter-spacing: -0.036rem;
}

.btn_close_select_pop {
	width: 2.4rem;
	height: 2.4rem;
	font-size: 0;
	background-image: url("../../assets/icons/icon_close_black_24.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.default_select_pop_list {
	max-height: calc(100vh - 17rem);
	overflow-y: auto;
	scrollbar-width: none;
}

.default_select_pop_item+.default_select_pop_item {
	padding-top: 1.6rem;
	margin-top: 1.6rem;
	border-top: 1px solid #ccc;
}

.default_select_pop_link {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	color: #000;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -0.032rem;
}

.default_select_pop_link img {
	width: 2.4rem;
	height: 2.4rem;
}

/* *************************************
	탭메뉴
************************************* */

.default_select_pop_cont {
	display: none;
}

.default_select_pop_cont.is_active {
	display: block;
}

/* *************************************
	케밥(세로 점 3개), 케밥 팝업
************************************* */
body:has(.kebab_popUp.active) {
	overflow: hidden;
}

.btn_kebab {
	font-size: 0;
	width: 2rem;
	height: 2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../../assets/images/icons/icon_more-report.svg");
}

.kebab_popUp {
	position: fixed;
	inset: 0;
	display: none;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 1.6rem 2.4rem;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	z-index: 100;
}

.kebab_popUp.active {
	display: flex;
}

.kebab_popUp_dimm {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
}

.kebab_menu {
	width: 100%;
}

.btn_kebeb {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.4rem;
	width: 100%;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1.8rem;
	border-radius: 1.2rem;
}

.btn_kebeb+.btn_kebeb {
	margin-top: 0.8rem;
}

.btn_kebeb.bg_black {
	color: #fff;
	background-color: #000;
}

.btn_kebeb.bg_white {
	color: #000;
	background-color: #fff;
}

.btn_kebeb.is_icon {
	height: auto;
	padding: 2.4rem;
	font-size: 1.6rem;
	justify-content: flex-start;
}

.btn_kebeb.is_icon:before {
	content: "";
	width: 2.4rem;
	height: 2.4rem;
	margin-right: 0.6rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.btn_kebeb.icon_report:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.69099 12.6457H13.3124M7.21527 8.07285H11.7881M4.16669 17.2185C9.52411 17.2185 14.8367 17.2185 14.8367 17.2185L10.5048 4.22303C10.3609 3.79124 9.95685 3.5 9.5017 3.5C9.04655 3.5 8.64246 3.79124 8.49857 4.22303L4.16669 17.2185Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	filter: brightness(0);
}

/* ************************
	contents_round_tabs,
	content tab
************************ */
.contents_round_tabs,
.contents_tabs {
	overflow: hidden;
	display: flex;
	border-radius: 0.5rem;
	border: 1px solid #e1e3e1;
	background-color: #fff;
}

.contents_round_tabs .round_tab,
.contents_tabs .tab {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.2rem;
	color: #8e918f;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6rem;
	letter-spacing: -0.032rem;

	transition: background-color 0.05s ease, color 0.05s ease;
}

.contents_round_tabs .round_tab.active,
.contents_tabs .tab.active {
	color: #fff;
	background-color: #191d1c;
}

.tab_contents_wrap .tab_content {
	display: none;
}

.tab_contents_wrap .tab_content.active {
	display: block;
}

/* ************************
	content border tab
************************ */

.contents_border_tabs {
	z-index: 2;
	position: relative;
	display: flex;
	width: 100%;
	height: 4.2rem;
}

.contents_border_tabs::after {
	content: "";
	z-index: -1;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 4.2rem;
	border: 1px solid #c4c7c5;
	background-color: #fff;
	border-radius: 0.5rem;
}

.contents_border_tabs .tab {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	height: 4.2rem;
	border-right: 1px solid #c4c7c5;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2.7;
	letter-spacing: -0.032rem;
	color: #8e918f;

	transition: background-color 0.05s ease, color 0.05s ease;
}

.contents_border_tabs .tab:last-child {
	border-right: none;
}

.contents_border_tabs .tab.active::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
}

.contents_border_tabs .tab:first-child::before {
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.contents_border_tabs .tab:last-child::before {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.contents_border_tabs .tab.active {
	font-weight: 600;
	color: #000;
}

.border_cont {
	display: none;
}

.border_cont:first-of-type {
	margin-top: 1.2rem;
}

.border_cont:not(:first-of-type) {
	margin-top: 2.4rem;
}

.border_cont.return.myp_reservation_bg_text {
	margin-top: 1.2rem;
}

.border_cont.is_active {
	display: block;
}

.border_cont .default_inputform_gruop {
	margin-top: 2.4rem;
}

/* calendar */
body .ui-datepicker .ui-datepicker-prev.ui-state-hover,
body .ui-datepicker .ui-datepicker-next.ui-state-hover {
	border: none;
}

/* //calendar */

/* ************************
	datapicker
************************ */
.ui-widget.ui-widget-content {
	width: 36rem;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	border-radius: 1.6rem;
	box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.16);
	border: none;
	padding: 3.6rem 2.8rem;
}

.ui-datepicker .ui-datepicker-header {
	border: none;
	background: none;
	color: #000;
	padding: 0;
	font-weight: normal;
	font-size: 1.6rem;
	font-weight: 500;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0;
	line-height: normal;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: auto;
	margin: 0;
	font-weight: 600;
}

.ui-datepicker select.ui-datepicker-month {
	margin-left: 0.4rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 50%;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
	left: 7rem;
	border: none;
	background: transparent;
	color: transparent;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
	right: 7rem;
	border: none;
	background: transparent;
	color: transparent;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ui-datepicker .ui-datepicker-prev span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.4'%3E%3Cpath d='M13 16L7.21213 10.2121C7.09497 10.095 7.09497 9.90503 7.21213 9.78787L13 4' stroke='black' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-next span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.4'%3E%3Cpath d='M7 16L12.7879 10.2121C12.905 10.095 12.905 9.90503 12.7879 9.78787L7 4' stroke='black' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.ui-datepicker table {
	font-size: inherit;
	margin: 1.2rem 0 0 0;
}

.ui-datepicker-calendar thead tr,
.ui-datepicker-calendar tbody tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ui-datepicker-calendar tbody tr {
	margin-top: 1.2rem;
}

.ui-datepicker-calendar thead tr th {
	font-weight: 400;
	font-size: 1.2rem;
	color: #6e7781 !important;
}

.ui-datepicker th {
	width: 3rem;
	padding: 0;
	color: #6e7781;
	font-weight: 400;
	font-size: 1.2rem;
	font-weight: normal;
}

.ui-datepicker td {
	width: 3rem;
	height: 3rem;
	padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: #fff;
	font-size: 1.4rem;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	color: #000;
	padding: 0;
	height: 100%;
	border-radius: 100%;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: 1;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background: #5d00ff;
	color: #fff;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: 0.5;
	color: #262d33;
}

body .ui-widget-header .ui-icon {
	background-image: none;
}

body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
	display: block;
	width: 2rem;
	height: 2rem;
	background-color: #fff !important;
}

body .ui-datepicker .ui-datepicker-prev {
	top: 50%;
	left: 69px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14L8.21213 10.2121C8.09497 10.095 8.09497 9.90503 8.21213 9.78787L12 6' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-size: 2rem;
	transform: translateY(-61%);
}

body .ui-datepicker .ui-datepicker-next {
	top: 50%;
	right: 69px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14L11.7879 10.2121C11.905 10.095 11.905 9.90503 11.7879 9.78787L8 6' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-size: 2rem;
	transform: translateY(-61%);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	margin: 0 !important;
}

.ui-datepicker-calendar tbody tr td a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #262d33 !important;
	font-size: 1.4rem;
	font-weight: 500;
	background-color: #fff;
	border: none !important;
}

.ui-datepicker-calendar tbody tr td a.ui-state-default {
	background-color: #fff !important;
	border: none !important;
	border-radius: 0;
}

.ui-datepicker-calendar tbody tr td a.ui-state-active {
	color: #fff !important;
	border-radius: 50% !important;
	background-color: #5d00ff !important;
}

.ui-datepicker-title {
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #333;
}

.ui-datepicker-year {
	font-weight: 600;
}

.ui-datepicker-month {
	margin-left: 0.4rem;
}

/* ddddd */
body:has(.dateRange_popUp.active) {
	overflow: hidden;
}

.dateRange_popUp {
	display: none;
	flex-direction: column;
	justify-content: flex-end;
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	z-index: 100;
}

.dateRange_popUp.active {
	display: flex;
}

.dateRange_popUp_dimm {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
}

.dateRange_form {
	padding: 1.6rem 2.4rem 6rem 2.4rem;
	background-color: #fff;
	border-radius: 1.6rem 1.6rem 0 0;
}

.dateRange_form .default_inputform_gruop+.default_inputform_gruop {
	margin-top: 0.8rem;
}

.dateRange_form .box_button_wrap {
	margin-top: 3.2rem;
}

.dateRange_form .btn_dateRangeReset {
	flex: none;
	width: 9.65rem;
}

.dateRange_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 2.6rem;
	margin-bottom: 3.1rem;
	color: #000;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: -0.016rem;
}

.dateRange_tabs {
	display: flex;
	justify-content: flex-start;
	gap: 0.4rem;
}

.dateRange_tabs li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 4.8rem;
	height: 3.2rem;
	padding: 0 1.2rem;
	color: #000;
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012rem;
	border-radius: 0.4rem;
	border: 1px solid rgba(0, 0, 0, 0.16);
	cursor: pointer;
}

.dateRange_tabs li.active {
	background-color: #000;
	color: #fff;
}

.dateRange_wrap {
	margin-top: 1.2rem;
}

.dateRange_wrap .default_inputform_gruop {
	position: relative;
}

.dateRange_wrap .default_inputform_gruop:before {
	content: attr(data-text);
	position: absolute;
	left: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.014rem;
	pointer-events: none;
}

.dateRange_wrap .default_inputform input {
	cursor: pointer;
	padding: 1rem 4.4rem 1rem 1.2rem;
	background-color: #fff;
	background-image: url("../../assets/images/icons/icon_calendar@x3.png");
	background-size: 2.4rem;
	background-repeat: no-repeat;
	background-position: center right 1.2rem;
	text-align: right;
}

.dateRange_wrap .default_inputform input.hasDatepicker {
	background-color: #fff !important
}

.dateRange_button_wrap {
	text-align: right;
}

.dateRange_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.2rem;
	color: #000;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.013rem;
}

.dateRange_button.type_caret {
	gap: 0.4rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000;
}

.dateRange_button.type_caret::after {
	width: 9px;
	height: 5px;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='4' viewBox='0 0 6 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0631251 0.48C-0.0852032 0.282229 0.0559115 -2.46848e-07 0.303125 -2.36042e-07L5.10313 -2.62268e-08C5.35034 -1.54208e-08 5.49145 0.282229 5.34312 0.48L2.94312 3.68C2.82312 3.84 2.58312 3.84 2.46312 3.68L0.0631251 0.48Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
}

.dateRange_button:after {
	content: "";
	width: 1.6rem;
	height: 1.6rem;
	background: url("../../assets/images/icons/icon_down_black_type_2.svg") no-repeat center / cover;
}

.default_inputform_group_pc {
	display: none;
}

/* ■■■■■■■■■■■■■■■■■ 봄 해봄 가봄 사봄.css ■■■■■■■■■■■■■■■■■ */
.bombom_category_navigation_grp .m_center {
	padding-left: 0;
}

.bombom_category_navigation {
	display: flex;
	height: 5.8rem;
	gap: 2.4rem;
	padding-left: 1.6rem;
	margin-bottom: 2rem
}

.bombom_category_navigation:has(+.category_navigation_container) {
	margin-bottom: 0;
}

.bombom_category_navigation.type_result {
	height: 4rem;
	margin: 2.4rem 0;
}

.bombom_category_navigation.type_result a {
	height: 4rem;
	line-height: 4rem;
	padding: 0;
	font-size: 2.4rem;
}

.bombom_category_navigation a {
	max-width: 5.8rem;
	flex: 1;
	padding: 1.2rem 0 1.6rem 0;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: -0.024rem;
	color: #8e918f;
}

.bombom_category_navigation a.active {
	color: #000;
}

.bombom_contents_container {
	padding: 0 1.6rem 0;
}

body.bb .bombom_contents_container .title_container {
	margin-top: 0;
}

.bombom_series_container {
	padding-inline: 1.6rem;
	margin-top: 6rem;
}

.bombom_series_container .list_contents {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.bombom_contents_custom_container {
	padding: 0 1.6rem 6rem;
}

.bombom_contents_new_container {
	padding: 0 1.6rem 0;
	margin-top: 6rem;
}

.sub_visual_container {
	margin-top: 1.6rem;
}

.list_container .list_double_row .row .row_scroll_box {
	overflow: inherit;
}

.new_list_container {
	padding-inline: 1.6rem;
}

.sabom_edition_container {
	height: auto;
}

.sabom_edition_container .component_card_slider {
	margin-top: 1.6rem;
}

/*
@ :: 모달창 공통 ::
@ :: 작성일 2025-09-09::
*/
.bbb_custom_modal {
	display: flex;
	flex-direction: column;
	max-height: 90%;
	padding: 2.4rem;
	overflow: hidden;
	border-radius: 1.2rem;
}

.bbb_custom_modal .bbb_title_container {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 2.4rem;
}

.bbb_custom_modal .bbb_title_container h4 {
	color: #000 !important;
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	line-height: 1;
}

.bbb_custom_modal .bbb_title_container .btn_pop_close {
	position: static;
	width: 2.4rem;
	height: 2.4rem;
	background-image: none;
}

.bbb_custom_modal .bbb_scroll_container {
	flex: 1 1 auto;
	overflow-y: auto;
}

.bbb_custom_modal .bbb_popup_contents {
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: -0.012rem;
}

.bbb_custom_modal .bbb_popup_contents.full_height {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}

.bbb_custom_modal .bbb_popup_contents.full_height .bbb_full_height {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
}

.bbb_custom_modal .bbb_popup_contents.full_height .top_button_area {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 500;
}

.bbb_custom_modal .bbb_popup_contents.full_height .top_button_area .nation {
	margin-right: 1.2rem;
	color: #000;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
}

.bbb_custom_modal .bbb_popup_contents.full_height .top_button_area .delivery_cate {
	margin-left: 0.8rem;
	color: #707070;
	font-size: 1.4rem;
	letter-spacing: -0.014rem;
}

.bbb_custom_modal .bbb_popup_contents.full_height .top_button_area .select_container {
	width: 8rem;
}

.bbb_custom_modal .bbb_popup_contents.full_height .button_container {
	width: 100%;
}

.bbb_custom_modal .bbb_popup_contents table {
	border-collapse: inherit;
	border-spacing: 0.1rem;
	border: none;
}

.bbb_custom_modal .bbb_popup_contents .total_price {
	margin-bottom: 1rem;
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.014rem;
}

.bbb_custom_modal .bbb_popup_contents .total_price b {
	font-weight: 500;
	font-size: 1.4rem;
}

.bbb_custom_modal .bbb_popup_contents table th {
	padding: 0.5rem 1rem;
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: -0.012rem;
	font-weight: 700;
	text-align: center;
	background-color: #eee;
	border: none;
}

.bbb_custom_modal .bbb_popup_contents table td {
	padding: 0.8rem 1.2rem;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: -0.012rem;
	border: none;
	background-color: #fafafa;
	word-break: keep-all;
}

.bbb_custom_modal .bbb_popup_contents .bbb_modal_input_container {
	collapse: interit;
}

.bbb_custom_modal .bbb_popup_contents .tr {
	margin-top: 2.4rem;
}

.bbb_custom_modal .bbb_popup_contents .tr:first-child {
	margin-top: 0;
}

.bbb_custom_modal .bbb_popup_contents .th {
	display: block;
	margin-bottom: 0.8rem;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
}

.bbb_custom_modal .bbb_popup_contents .td {
	display: block;
}

.bbb_custom_modal .bbb_popup_contents .td {
	display: block;
}

.bbb_custom_modal .bbb_popup_contents .td input {
	width: 100%;
	height: 4.4rem;
	padding: 1.5rem 1.2rem;
	border: 1px solid #ccc;
	border-radius: 0.4rem;
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.4rem;
	line-height: 1;
}

.bbb_custom_modal .bbb_popup_contents .td input::placeholder {
	font-size: 1.4rem;
	line-height: 1;
}

.bbb_custom_modal .bbb_popup_contents .td .zipcode {
	display: flex;
	gap: 0.6rem;
}

.bbb_custom_modal .bbb_popup_contents .td .zipcode input {
	width: 8.8rem;
}

.bbb_custom_modal .bbb_popup_contents .td .zipcode button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-inline: 2.4rem;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 1.2rem;
	background-color: #000;
}

.bbb_custom_modal .bbb_popup_contents .td .size_address {
	margin-top: 0.6rem;
}

.bbb_custom_modal .bbb_popup_contents .bbb_label {
	margin-top: 0;
}

.bbb_custom_modal .layer_bottom_btn_area {
	padding: 0;
	margin-top: 2.4rem;
}

.bbb_custom_modal .layer_bottom_btn_area button {
	width: 100%;
	height: 4.4rem;
	border-radius: 0.4rem;
	background-color: #000;
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
}

.bbb_custom_modal .layer_bottom_btn_area .add1 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
}

.bbb_custom_modal .ul_ship>li {
	margin-top: 0;
}

.bbb_custom_modal .ul_ship h5.title {
	margin-block: 2.4rem 1.6rem;
	color: #000;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.016rem;
}

.bbb_custom_modal .layer_bottom_btn_area {
	position: static;
}

.bbb_custom_modal .check_h_t {
	margin-right: 2.1rem;
	padding-right: 0;
	color: #000;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: -0.014rem;
	font-weight: 500;
}

.bbb_custom_modal .add1 .bbb_label {
	margin-right: 1.6rem;
}

.bbb_custom_modal .add1 .bbb_label:last-child {
	margin-right: 0;
}

.bbb_custom_modal .bbb_coupon_list {
	margin: 0;
	padding: 0;
}

.bbb_custom_modal .res_table {
	border: none !important;
}

.bbb_custom_modal .button_container {
	flex: 0 0 auto;
	margin-block: 2rem 0;
	gap: 0.6rem;
}

.bbb_custom_modal .button_container button {
	background-color: #000 !important;
	color: #fff !important;
	border-radius: 0.4rem;
	text-decoration: none !important;
}

.bbb_custom_modal .button_container button:last-child {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #000;
}

.bbb_custom_modal .pay_info {
	margin-bottom: 0;
}

.bbb_custom_modal .bbb_table_box {
	margin-top: 3rem;
}

.bbb_custom_modal .bbb_table_box:nth-child(1) {
	margin-top: 0;
}

.bbb_custom_modal .bbb_table_title_container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.8rem;
}

.bbb_custom_modal .bbb_table_title_container h5 {
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012rem;
}

.bbb_custom_modal .bbb_table_title_container h5:has(+ span) {
	margin-right: 0.4rem;
}

.bbb_custom_modal .bbb_table_title_container span {
	color: #707070;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012rem;
}

.bbb_custom_modal .bbb_table_title_container span:last-child {
	margin-right: 0;
}

.bbb_custom_modal #coupon_goods_lay>div {
	margin-top: 0.6rem;
	padding-top: 0.6rem;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.bbb_custom_modal #coupon_goods_lay>div:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.bbb_custom_modal #coupon_goods_lay>div h6 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: -0.012rem;
}

.bbb_custom_modal .option_info {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.bbb_custom_modal .option_info li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
}

.bbb_custom_modal .option_info li:not(:has(.xtle)) {
	display: none;
}

.bbb_custom_modal .xtle {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 8rem;
	height: auto;
	margin-right: 0;
	padding: 0.5rem 1.2rem;
	color: #707070;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 500;
	border: none;
	border-radius: 0.4rem;
	background-color: #f5f5f5;
}

.bbb_custom_modal #coupon_goods_lay .select_container {
	margin-bottom: 0;
}

#displayGoodsSelect.bbb_custom_modal {
	max-height: 100% !important;
}

.bbb_custom_modal .point_desc {
	font-size: 1.2rem;
	line-height: 1.4;
	word-break: keep-all;
}

.bbb_coupon_modal .point_desc.center {
	text-align: center;
}

.bbb_custom_modal .bbb_list_box {
	margin-block: 2rem;
	padding: 1.6rem;
	border-radius: 1rem;
	background-color: #f5f5f5;
}

.bbb_custom_modal .bbb_list_box li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0.5rem;
	margin-top: 1.6rem;
}

.bbb_custom_modal .bbb_list_box li:first-child {
	margin-top: 0;
}

.bbb_custom_modal .bbb_list_box li:before {
	content: "-";
	display: block;
	flex: 0 0 auto;
	font-size: 1.2rem;
}

.bbb_custom_modal .radio_box {
	text-align: center;
	margin-top: 1.6rem;
}

.bbb_custom_modal .button_container button:nth-child(2) {
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

/* 반응형 레이어 팝업 */
.resp_layer_bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10005;
	background: rgba(0, 0, 0, 0.5);
}

.resp_layer_pop {
	position: fixed;
	z-index: 10020;
	background: #fff;
	width: 700px;
	text-align: left;
}

.resp_layer_pop.small_screen {
	width: auto !important;
	margin: 0 !important;
	left: 10px !important;
	top: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
}

.resp_layer_pop.wait_hide {
	opacity: 0;
}

.resp_layer_pop>.title {
	background: #fff;
	border-top: 1px #fff solid;
	font-size: 21px;
	font-weight: 300;
	color: #333;
	padding: 20px 50px 10px 20px;
}

.resp_layer_pop .title_l2 {
	background: #fff;
	font-size: 21px;
	font-weight: 300;
	color: #333;
	padding: 10px;
	position: relative;
	border: 1px #999 solid;
	margin-bottom: -1px;
}

.resp_layer_pop .btn_pop_close {
	position: absolute;
	right: 0;
	top: 5px;
	width: 60px;
	height: 60px;
	background: url("../images/common/icon_close_layer.png") no-repeat center center;
}

.y_scroll_auto {
	overflow-y: auto;
	min-height: 220px;
}

.y_scroll_auto2 {
	overflow-y: auto;
	min-height: 220px;
	margin-bottom: 62px;
}

/* 하단 버튼형 */
.layer_pop_contents {
	padding: 10px 20px 80px;
}

.layer_pop_contents.v2 {
	padding: 0 20px 20px;
}

.layer_pop_contents.v3 {
	padding: 10px 20px;
}

.layer_pop_contents.v4 {
	padding: 10px 20px 20px;
}

.layer_pop_contents.v5 {
	padding: 10px 20px 40px;
}

.layer_pop_contents .stitle {
	padding: 10px 0 8px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 500;
	color: #333;
}

.layer_pop_contents .stitle.v2 {
	font-weight: 700;
}

.layer_pop_contents .stitle.v3 {
	padding: 10px 0 4px;
}

.layer_pop_contents .stitle.v4 {
	font-weight: 400;
	line-height: 1.4;
}

.layer_pop_contents.v2 .stitle {
	padding: 10px 0;
}

.layer_pop_contents .stitle_desc {
	display: inline-block;
	font-weight: 500;
	color: #5594c0;
}

.layer_bottom_btn_area {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	padding: 0 10px 10px;
	background: #fff;
}

.layer_bottom_btn_area.v2 {
	padding-top: 10px;
	border-top: 1px #ddd solid;
}

.layer_bottom_btn_area2 {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 500;
	padding: 10px 10px 0;
	height: 52px;
	background: #fff;
	border-top: 1px #ddd solid;
}

.layer_bottom_btn_area2.v2 {
	padding: 10px 5px 0;
}

.layer_bottom_btn_area .add1 {
	padding: 10px 0 15px;
	text-align: center;
}

/* 인풋+버튼 조합 */
.default_input_btn_grp {
	display: flex;
	gap: 0.8rem;
	height: 4.8rem;
}

.default_input_btn_grp .inp {
	flex-grow: 1;
	width: 100%;
	height: 100%;
	padding: 0 16px;
	border: 1px solid #c4c7c5;
	border-radius: 0.4rem;
	font-weight: 400;
	font-size: 1.6rem;
	color: #000;
}

.default_input_btn_grp .inp::placeholder {
	color: #c4c7c5;
}

.default_input_btn_grp .btn {
	flex-basis: 8rem;
	flex-shrink: 0;
	border-radius: 0.4rem;
	background-color: #000;
	font-weight: 600;
	font-size: 1.4rem;
	color: #fff;
}

.default_select_pop_title_m {
	font-weight: 700;
	font-size: 1.6rem;
	color: #000;
}

@media (min-width: 1001px) {
	.list_item .kebab_popUp {
		padding: 2.4rem 1.6rem;
	}

	.list_item .kebab_popUp.active {
		justify-content: center
	}

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

	.list_item .kebab_menu .btn_kebeb {
		max-width: 500px;
	}

	/* list + thumbnail style */
	.list_container {
		padding-inline: 0;
	}

	.thumbnail {
		border-radius: 0;
	}

	.thumbnail .card_top_marker {
		width: auto;
		top: 16px;
		left: 16px;
		flex-flow: column;
		align-items: flex-start;
		gap: 8px;
	}

	.thumbnail .btn_capture {
		top: 1.2rem;
		right: 1.2rem;
	}

	.contents_card .thumbnail .card_tag_container {
		bottom: 1.5rem;
		left: 1.2rem;
	}

	.myp_complete_wrap {
		border-radius: 0;
		padding: 32px 24px;
	}

	.myp_complete_pop.type_confirm {
		flex-direction: column;
	}

	.myp_complete_pop.type_confirm .desc {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 89px;
		margin-top: 32px;
		margin-bottom: 40px;
	}

	.myp_complete_wrap .myp_header_wrap .myp_title {
		font-size: 28px;
		line-height: 34px;
		font-weight: 700;
	}

	.myp_complete_wrap .desc {
		color: #000;
	}

	.default_input_btn_grp {
		height: 48px;
	}

	.default_input_btn_grp .inp::placeholder {
		font-size: 16px;
	}

	.default_input_btn_grp .btn {
		font-size: 14px;
	}

	.default_select_pop_title_m {
		font-size: 16px;
	}

	/* 팝업 */
	.default_select_pop_title {
		margin-bottom: 32px;
		font-size: 28px;
	}

	.default_select_pop.type_center {
		justify-content: center;
	}

	.default_select_pop.type_center .default_select_pop_wrap {
		padding: 32px 24px;
	}

	.default_select_pop.type_responsive_round .default_select_pop_wrap {
		border-radius: 16px;
		padding: 32px;
	}

	.default_select_pop.type_responsive_rectangle .default_select_pop_wrap {
		border-radius: 0;
	}

	.btn_close_select_pop {
		width: 24px;
		height: 24px;
	}

	.default_tab_group {
		margin-bottom: 24px;
	}

	.default_inputform_gruop+.default_inputform_gruop {
		margin-top: 18.4px;
	}

	/* 버튼 타이틀 */
	.default_inputform_title {
		margin-bottom: 12px;
		font-size: 18.4px;
	}

	/* 버튼 */
	.box_button_wrap.type_mt_32 {
		margin-top: 36.8px;
	}

	.box_button_wrap.type_pc_show {
		display: flex;
		margin-top: 32px;
	}

	.box_button.large.type_border {
		height: 59.4px;
		font-size: 18.4px;
	}

	.box_button.large.border_radius {
		border-radius: 0.46rem;
	}

	.dateRange_form .btn_dateRangeReset {
		width: 50%;
	}

	/* 반품신청, 환불정보 은행 선택 */
	.default_select_pop.refund .default_select_pop_wrap {
		max-width: 424px;
	}

	/* 배송비 입금계좌 선택 */
	.default_select_pop.account_select .default_select_pop_wrap {
		max-width: 424px;
	}

	/* 예약/구매내역 조회기간 팝업 */
	.dateRange_popUp {
		justify-content: center;
	}

	.dateRange_tabs li {
		flex-grow: 1;
	}

	.dateRange_wrap .default_inputform {
		font-size: 1.4rem;
	}

	.dateRange_wrap .default_inputform input {
		font-size: 1.4rem;
	}

	/* 조회기간 팝업 */

	.default_inputform_group_pc {
		display: block;
	}

	.default_inputform_group_pc:not(:last-child) {
		margin-bottom: 16px;
	}

	.dateRange_wrap .default_inputform_group_pc label {
		display: block;
		margin-bottom: 12px;
		font-weight: 700;
		font-size: 1.6rem;
	}

	.inquiry_period_select {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 1.1rem;
	}

	.inquiry_period_select .select_container {
		flex: 0 0 auto;
		position: relative;
		flex: 1;
	}

	.dateRange_title {
		font-size: 28px;
	}

	.inquiry_period_select .select_container select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		height: 4.4rem;
		padding: 1.2rem 1.5rem;
		border: 1px solid #ccc;
		border-radius: 0.4rem;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1;
		letter-spacing: -0.014rem;
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2451_60925)'%3E%3Cpath d='M1 5L7.85858 11.8586C7.93668 11.9367 8.06332 11.9367 8.14142 11.8586L15 5' stroke='black' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2451_60925'%3E%3Crect width='16' height='16' fill='white' transform='translate(16) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: right 16px center;
		font-weight: 400;
		font-size: 16px;
		color: #c4c7c5;
	}

	.inquiry_period_select .select_container select:invalid {
		color: #c4c7c5;
	}

	.inquiry_period_select .select_container select:valid {
		color: #000;
	}

	.inquiry_period_select .select_container select option {
		color: #000;
	}

	.dateRange_form .btn_dateRangeReset .box_button {
		height: 59.4px;
	}

	/* 빈페이지 */
	.bbb_empty_container .btn_empty.type_02 {
		width: 100%;
		max-width: 452px;
	}

	@media only screen and (max-width: 767px) {
		.resp_layer_pop>.title {
			padding-left: 10px;
		}

		.layer_pop_contents {
			padding: 10px 10px 80px;
		}

		.layer_pop_contents.v2 {
			padding: 0 0 20px;
		}

		.layer_pop_contents.v2 .stitle {
			padding: 10px;
		}

		.layer_pop_contents.v3 {
			padding: 10px;
		}

		.layer_pop_contents.v4 {
			padding: 10px 10px 20px;
		}

		.layer_pop_contents.v5 {
			padding: 10px 10px 40px;
		}

		.y_scroll_auto.mh100 {
			max-height: 100% !important;
		}
	}
}

/* //반응형 레이어 팝업 */