@charset "utf-8";
@import url('https://data-gnacar.com/font/pretendard/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* RESET */
* {box-sizing:border-box;}
body { word-break:keep-all;}
html, body {font-family: 'Pretendard';}
html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, 
table, thead, tbody, tfoot, tr, th, td, 
span, em, p, strong, del, s, q, blockquote, 
address, form, input, fieldset, legend, button, select, option, textarea, label, 
ul, ol, li, a, div, header, nav, aside, section, footer, article, video, img {
    font-size:1.0em; line-height:1.0;
    font-style:normal; font-weight:normal;
    margin:0; padding:0;
	background: none;
    border: 0;
	font-family: 'Pretendard';
}
ul, ol, li {list-style:none;}
table, tr, th, td {border-collapse:collapse;}
a {text-decoration:none; color:#000;}
fieldset {border:0;}
button {cursor:pointer;}
select {border:0; background:none;}
.skip {display:none;}

/* Scroll bar */
html {
	scroll-behavior: smooth;
    height: 100%;
    overflow-y: auto;
    scrollbar-3dLight-Color: #333;
    scrollbar-arrow-color: #777;
    scrollbar-base-color: #333;
    scrollbar-Face-Color: #fff;
    scrollbar-Track-Color: #333;
    scrollbar-DarkShadow-Color: #333;
    scrollbar-Highlight-Color: #333;
    scrollbar-Shadow-Color: #fff
}

::-moz-selection {
    background: #05375a81;
    color: white;
    text-shadow: none
}

::selection {
    background: #05375a81;
    color: white;
    text-shadow: none
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 10px
}

::-webkit-scrollbar-track {
    background: #dddddd
}

::scrollbar {
    width: 10px
}

::scrollbar-thumb {
    background: #bbbbbb;
    border-radius: 10px
}

::scrollbar-track {
    background: #dddddd
}

/*margin,padding*/
.mt-1 {margin-top:10px;} .mt-2 {margin-top:15px;} .mt-3 {margin-top:20px;} .mt-4 {margin-top:25px;} .mt-5 {margin-top:30px;} .mt-6 {margin-top:35px;} .mt-7 {margin-top:40px;} .mt-8 {margin-top:45px;} .mt-9 {margin-top:50px;}
.mb-1 {margin-bottom:10px;} .mb-2 {margin-bottom:15px;} .mb-3 {margin-bottom:20px;} .mb-4 {margin-bottom:25px;} .mb-5 {margin-bottom:30px;} .mb-6 {margin-bottom:35px;} .mb-7 {margin-bottom:40px;}
.mb-8 {margin-bottom:45px;} .mb-9 {margin-bottom:50px;}
.pd-10 {padding:5px;} .pd-15 {padding:10px;} .pd-20 {padding:15px;} .pd-25 {padding:20px;} .pd-30 {padding:15px;} .pd-35 {padding:15px;} .pd-40 {padding:20px;}

@media (min-width: 600px) {
.mt-1 {margin-top:10px;} .mt-2 {margin-top:20px;} .mt-3 {margin-top:30px;} .mt-4 {margin-top:40px;} .mt-5 {margin-top:50px;} .mt-6 {margin-top:60px;} .mt-7 {margin-top:70px;} .mt-8 {margin-top:80px;} .mt-9 {margin-top:90px;}
.mb-1 {margin-bottom:10px;} .mb-2 {margin-bottom:20px;} .mb-3 {margin-bottom:30px;} .mb-4 {margin-bottom:40px;} .mb-5 {margin-bottom:50px;} .mb-6 {margin-bottom:60px;} .mb-7 {margin-bottom:70px;}
.mb-8 {margin-bottom:80px;} .mb-9 {margin-bottom:90px;}
.pd-10 {padding:10px;} .pd-15 {padding:15px;} .pd-20 {padding:20px;} .pd-25 {padding:25px;} .pd-30 {padding:30px;} .pd-35 {padding:35px;} .pd-40 {padding:40px;}
}