@charset "utf-8";


/* ��Ʈ���� */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {font-family: 'smack'; src: url('/assets/shop/font/smack.ttf'); format('ttf'); font-weight: normal;  font-style: normal; }


/* �ʱ⼳�� */
html{font-family: 'Pretendard Variable', sans-serif; box-sizing: border-box;min-width:375px; font-size:16px; }
body{margin:0;padding:0;overflow-x:hidden; word-break:keep-all;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto; font-weight:400; color:#333;}
html, head,footer, menu, nav, h1, h2, h3, h4, h5, h6, form, fieldset, img, p, a, ul, li, dl, dt, dd, ol{margin:0;padding:0;border:0;}
*, :after, :before{box-sizing: inherit; line-height:1.5}
h1, h2, h3, h4, h5, h6{line-height:1}
input,select,textarea,button{font-family: 'Pretendard Variable', sans-serif; transition:all 0.3s;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
table { border-collapse: collapse; border-spacing: 0;}
table caption{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0;border:0 !important;overflow:hidden !important}
table,td,th {border-spacing:0}
ol, ul {list-style: none;}
a{display:inline-block; color: inherit; cursor: pointer;text-decoration: none; transition:all 0.3s;}
a:hover{text-decoration:none}
button{cursor:pointer}

input,textarea{padding:10px 18px; border:1px solid #ddd; font-size:1rem; color:#333;}
input:focus{outline:none;}
input::placeholder,,textarea::placeholder{color:#aaa}
input.white{background-color:#fff; border:none;}
textarea{width:100%; min-height:350px;}



.red{color:#f04141!important}
.tc{text-align:center!important}
.tl{text-align:left!important}
.tr{text-align:right!important}
.mtc{margin:0 auto!important}
.fw-400{font-weight:400}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.w-100{width:100%!important}
.border-none{border:none!important}

.mt-5{margin-top:5px!important}
.mt-10{margin-top:10px!important}
.mt-15{margin-top:15px!important}
.mt-20{margin-top:20px!important}
.mt-25{margin-top:25px!important}
.mt-30{margin-top:30px!important}


.mb-5{margin-bottom:5px!important}
.mb-10{margin-bottom:10px!important}
.mb-15{margin-bottom:15px!important}
.mb-20{margin-bottom:20px!important}
.mb-25{margin-bottom:25px!important}
.mb-30{margin-bottom:30px!important}

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


/* ��ũ�ѹ� */
.scroll::-webkit-scrollbar {width: 13px; }
.scroll::-webkit-scrollbar-thumb{background-color: #dee3e8; border-radius: 13px; background-clip: padding-box; border: 2px solid transparent;} /* 99a5b4 */
.scroll.on-bg::-webkit-scrollbar-thumb{background-color:#cbd3db}
.scroll::-webkit-scrollbar-track{background-color: transparent; border-radius: 13px; }



.scroll.dark::-webkit-scrollbar-thumb{background-color: #cbd2d9; border-radius: 13px; background-clip: padding-box; border: 2px solid transparent;} /* 99a5b4 */
.scroll.dark::-webkit-scrollbar-track{background-color: #5c5d5f; border-radius: 13px; }


@media screen and (max-width:1024px){
   html{font-size:14px}
}

@media screen and (max-width:960px){
	.hidden-960{display:none}
}
@media screen and (min-width:769px){
	.display-768{display:none}
}
@media screen and (max-width:768px){
	.hidden-768{display:none}
}
@media screen and (max-width:560px){
	.hidden-560{display:none!important}
	input{padding:8px 15px;}
}
@media screen and (max-width:479px){
	.hidden-479{display:none}
	textarea{width:100%; min-height:250px;}
}