@charset "utf-8";

/* Basic  */
@import url('../css/web.css');
@import url('../css/mobile.css'); 
@import url('../css/slick.css'); 


/* Vendor CSS  */
@import url('../vendors/css/vendors.min.css'); 

@import url('../vendors/css/pickers/pickadate/pickadate.css'); 
@import url('../vendors/css/pickers/flatpickr/flatpickr.min.css'); 

@import url('../css/plugins/forms/pickers/form-flat-pickr.css'); 
@import url('../css/plugins/forms/pickers/form-pickadate.css');


/* Theme CSS  */
@import url('../css/bootstrap.css'); 
@import url('../css/bootstrap-extended.css'); 
/* @import url('../css/colors.css');  */
@import url('../css/components.css'); 


/* Page CSS  */
/* @import url('../css/core/menu/menu-types/vertical-menu.css');  */
@import url('../css/pages/app-ecommerce.css'); 
/* @import url('../css/plugins/forms/form-validation.css');  */


/* Fonts  */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@import url('../font/WooridaumB.woff2');
@font-face {
    font-family: 'WooridaumB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/WooridaumB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}



/******** default ********/
html {
    height:100%; 
    /* background:#222; */
}

div, p, ul, li, table, th, td, textarea, input,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, cite, ul, ol, dl, dd, dt, li {
    list-style-type:none;
    margin:0;
    padding:0px;
    box-sizing:border-box;
    l/* ine-height: 160% !important;  */
}

body {
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    font-family:'Pretendard', sans-serif;
    color:#444;
    font-weight:normal;
    font-size: 1.1rem; 
    overflow-y:scroll;
}

button {
    padding:0;
    margin:0;
    background-color:transparent;
    border:none;
}

/* align */
.vertical-align-top {vertical-align:top !important;}
.vertical-align-middle {vertical-align:middle !important;}
.vertical-align-bottom {vertical-align:bottom !important;}

/* text */
.align-left {text-align:left !important}
.align-center {text-align:center !important}
.align-right {text-align:right !important}

/* color */
.bg-color-gray {
    background: #e9e9e9 ;
  }
.color-red { color: #fc3d4f !important}
.color-purple { color:#644eee;}
.color-green { color:#517d62;}
.color-complete { color:#644eee;}
.unit { color:#444;}

.font-bold {font-weight:600;}

/* link */
a {
    text-decoration:none;
    color:#444;}

a:link, a:visited {
    text-decoration:none;
    color:#444;}

a:hover, a:focus, a:active {
    text-decoration:none;
    color: rgba(255,255,255,0.5);}