@charset "utf-8";

/* font */
@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/GmarketSans/GmarketSansLight.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/GmarketSans/GmarketSansMedium.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/GmarketSans/GmarketSansBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/SCDream/SCDream1.woff') format('woff');
}


/* reset */
* { margin:0; padding:0; } 
*, *::before, *::after { box-sizing: border-box; } 
html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } 
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin-block-start: 0; margin-block-end: 0; } 
ul[role='list'], ol[role='list'], li { list-style: none; } 
body { min-height: 100vh;line-height: 1.1;letter-spacing: -0.05em;word-break: keep-all;} 
h2, h3, h4, button, input, label { line-height: 1; } 
h1, h2, h3, h4 { text-wrap: balance; }
h1, h2, h3, h4, h5, h6, p { letter-spacing: -0.1em; }
a { text-decoration: none;color: inherit; } 
img, picture { max-width: 100%; display: block; } 
/* input, button, textarea, select { font: inherit; }  */
button, input { border: none; background: none; } 
textarea:not([rows]) { min-height: 10em; } 
:target { scroll-margin-block: 5ex; } 
body, button, input, select, table, textarea { font-family: "GmarketSans", "Malgun Gothic", dotum, sans-serif; color: #000; }
table {width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed;}
button {cursor: pointer;}
@media screen and (max-width: 480px) {
    body {font-size: 15px;}
}

:root {
    /* font-family */
    --suit: 'SUIT';
}

.no-view {display: none;}

/* flex */
.flex {display: flex;}
.flex-between {display: flex; justify-content: space-between;}
.flex-center {display: flex; justify-content: center;}
.flex-end {display: flex; justify-content: end;}
.align-center {align-items: center;}
.flex-column {display: flex;flex-direction: column;}
.gap-4px {gap: 4px;}

/* padding & margin */
.pdt0px{padding-top:0px !important;}
.pdt5px{padding-top:5px !important;}
.pdt10px{padding-top:10px !important;}
.pdt15px{padding-top:15px !important;}
.pdt20px{padding-top:20px !important;}
.pdt30px{padding-top:30px !important;}
.pdt40px{padding-top:40px !important;}
.pdt50px{padding-top:50px !important;}
.pdt60px{padding-top:60px !important;}
.pdt70px{padding-top:70px !important;}
.pdt80px{padding-top:80px !important;}
.pdt90px{padding-top:90px !important;}
.pdt100px{padding-top:100px !important;}
    
.pdl0px{padding-left:0px !important;}
.pdl5px{padding-left:5px !important;}
.pdl10px{padding-left:10px !important;}
.pdl15px{padding-left:15px !important;}
.pdl20px{padding-left:20px !important;}
.pdl30px{padding-left:30px !important;}
.pdl40px{padding-left:40px !important;}
.pdl50px{padding-left:50px !important;}
.pdl60px{padding-left:60px !important;}
.pdl70px{padding-left:70px !important;}
.pdl80px{padding-left:80px !important;}
.pdl90px{padding-left:90px !important;}
.pdl100px{padding-left:100px !important;}

.pdr0px{padding-right:0px !important;}
.pdr5px{padding-right:5px !important;}
.pdr10px{padding-right:10px !important;}
.pdr15px{padding-right:15px !important;}
.pdr20px{padding-right:20px !important;}
.pdr30px{padding-right:30px !important;}
.pdr40px{padding-right:40px !important;}
.pdr50px{padding-right:50px !important;}
.pdr60px{padding-right:60px !important;}
.pdr70px{padding-right:70px !important;}
.pdr80px{padding-right:80px !important;}
.pdr90px{padding-right:90px !important;}
.pdr100px{padding-right:100px !important;}
    
.pdb0px{padding-bottom:0px !important;}
.pdb5px{padding-bottom:5px !important;}
.pdb10px{padding-bottom:10px !important;}
.pdb15px{padding-bottom:15px !important;}
.pdb20px{padding-bottom:20px !important;}
.pdb30px{padding-bottom:30px !important;}
.pdb40px{padding-bottom:40px !important;}
.pdb50px{padding-bottom:50px !important;}
.pdb60px{padding-bottom:60px !important;}
.pdb70px{padding-bottom:70px !important;}
.pdb80px{padding-bottom:80px !important;}
.pdb90px{padding-bottom:90px !important;}
.pdb100px{padding-bottom:100px !important;}


.mgt0px{margin-top:0px !important;}
.mgt5px{margin-top:5px !important;}
.mgt10px{margin-top:10px !important;}
.mgt15px{margin-top:15px !important;}
.mgt20px{margin-top:20px !important;}
.mgt30px{margin-top:30px !important;}
.mgt40px{margin-top:40px !important;}
.mgt50px{margin-top:50px !important;}
.mgt60px{margin-top:60px !important;}
.mgt70px{margin-top:70px !important;}
.mgt80px{margin-top:80px !important;}
.mgt90px{margin-top:90px !important;}
.mgt100px{margin-top:100px !important;}
    
.mgl0{margin-left:0px !important;}
.mgl5px{margin-left:5px !important;}
.mgl10px{margin-left:10px !important;}
.mgl15px{margin-left:15px !important;}
.mgl20px{margin-left:20px !important;}
.mgl30px{margin-left:30px !important;}
.mgl40px{margin-left:40px !important;}
.mgl50px{margin-left:50px !important;}
.mgl60px{margin-left:60px !important;}
.mgl70px{margin-left:70px !important;}
.mgl80px{margin-left:80px !important;}
.mgl90px{margin-left:90px !important;}
.mgl100px{margin-left:100px !important;}

.mgr0{margin-right:0px !important;}
.mgr5px{margin-right:5px !important;}
.mgr10px{margin-right:10px !important;}
.mgr15px{margin-right:15px !important;}
.mgr20px{margin-right:20px !important;}
.mgr30px{margin-right:30px !important;}
.mgr40px{margin-right:40px !important;}
.mgr50px{margin-right:50px !important;}
.mgr60px{margin-right:60px !important;}
.mgr70px{margin-right:70px !important;}
.mgr80px{margin-right:80px !important;}
.mgr90px{margin-right:90px !important;}
.mgr100px{margin-right:100px !important;}
    
.mgb0{margin-bottom:0px !important;}
.mgb5px{margin-bottom:5px !important;}
.mgb10px{margin-bottom:10px !important;}
.mgb15px{margin-bottom:15px !important;}
.mgb20px{margin-bottom:20px !important;}
.mgb30px{margin-bottom:30px !important;}
.mgb40px{margin-bottom:40px !important;}
.mgb50px{margin-bottom:50px !important;}
.mgb60px{margin-bottom:60px !important;}
.mgb70px{margin-bottom:70px !important;}
.mgb80px{margin-bottom:80px !important;}
.mgb90px{margin-bottom:90px !important;}
.mgb100px{margin-bottom:100px !important;}