@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/*
* Data : 2023.08.21
* Auth : Park
*/

/* ÆùÆ®¼³Á¤ */
@font-face { font-family: 'Gmarket'; font-style: normal; font-weight: 300; src: url('../font/GmarketSansTTFLight.woff') format('woff'); }
@font-face { font-family: 'Gmarket'; font-style: normal; font-weight: 500; src: url('../font/GmarketSansTTFMedium.woff') format('woff'); }
@font-face { font-family: 'Gmarket'; font-style: normal; font-weight: 600; src: url('../font/GmarketSansTTFBold.woff') format('woff'); }

@font-face { font-family: 'Noto'; font-style: normal; font-weight: 100; src: url('../font/NotoSansKR-Thin.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 100; src: url('../font/NotoSansKR-Light.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 300; src: url('../font/NotoSansKR-Regular.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 500; src: url('../font/NotoSansKR-Medium.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 600; src: url('../font/NotoSansKR-Bold.woff') format('woff'); }
@font-face { font-family: 'Noto'; font-style: normal; font-weight: 800; src: url('../font/NotoSansKR-Black.woff') format('woff'); }

/*@font-face { font-family: 'Vitro_core'; font-style:normal; font-weight:normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff'); font-weight: normal; font-style: normal;}*/
@font-face { font-family: 'JalnanGothic'; font-style:normal; font-weight:normal; src: url('../font/JalnanGothic.woff') format('woff'); font-weight: normal; font-style: normal;}
/*@font-face{ font-family:'Pretendard Variable'; font-weight:100 900; font-style:normal; src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2');}*/


/* ÃÊ±â¼³Á¤ */
html{font-family: 'Gmarket', 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;}
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; letter-spacing:-1px; line-height:1.5}
h1, h2, h3, h4, h5, h6{line-height:1}
input,select,textarea{font-family:'Noto', sans-serif!important;}
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{color: inherit; cursor: pointer;text-decoration: none; transition: 0.3s;}
a:hover{text-decoration:none}
button{cursor:pointer}

.vitro{font-family: 'Vitro_core';}
.jalnan{font-family: 'JalnanGothic'!important; letter-spacing:0;}
.noto{font-family:'noto', sans-serif}

#skip-container{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.red{color:#f04141!important}
.dark-gray{color:#333!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}
.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.position-relative{position:relative;}

@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:480px){
	.hidden-479{display:inline-block}
}
@media screen and (max-width:479px){
	.hidden-479{display:none}
}








