@charset "utf-8";

/* font */
@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');
}

/* 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.5; letter-spacing: -0.05em; font-size: 1rem;word-break: keep-all;} 
h2, h3, h4, button, input, label { line-height: 1.1; } 
h1, h2, h3, h4 { text-wrap: balance; } 
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: "Pretendard", "Malgun Gothic", dotum, sans-serif; color: var(--dgray); }
button {cursor: pointer;}

:root {
    /* color */
    --black: #111;
    --dgray: #333;
    --gray: #888;
    --lgray: #ccc;
    --white: #fff;
    --line-gray: #aaa;
    --green: #007A66;
    --ygreen: #6FB92C;
    --blue: #005EC9;
    /* font-family */
    --pp: 'Poppins';
}

.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-15 {gap: 15px;}

/* 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;}



.txt-100 {font-weight: 100 !important;}
.txt-200 {font-weight: 200 !important;}
.txt-300 {font-weight: 300 !important;}
.txt-400 {font-weight: 400 !important;}
.txt-500 {font-weight: 500 !important;}
.txt-600 {font-weight: 600 !important;}
.txt-700 {font-weight: 700 !important;}
.txt-800 {font-weight: 800 !important;}
.txt-900 {font-weight: 900 !important;}

.w-10 {width: 10px !important;}
.w-20 {width: 20px !important;}
.w-30 {width: 30px !important;}
.w-40 {width: 40px !important;}
.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-70 {width: 70px !important;}
.w-80 {width: 80px !important;}
.w-90 {width: 90px !important;}
.w-100 {width: 100px !important;}
.w-110 {width: 110px !important;}
.w-120 {width: 120px !important;}
.w-130 {width: 130px !important;}
.w-140 {width: 140px !important;}
.w-150 {width: 150px !important;}


.w-10 {width: 10px !important;}
.w-20 {width: 20px !important;}
.w-30 {width: 30px !important;}
.w-40 {width: 40px !important;}
.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-70 {width: 70px !important;}
.w-80 {width: 80px !important;}
.w-90 {width: 90px !important;}
.w-100 {width: 100px !important;}
.w-110 {width: 110px !important;}
.w-120 {width: 120px !important;}
.w-130 {width: 130px !important;}
.w-140 {width: 140px !important;}
.w-150 {width: 150px !important;}