@charset "utf-8";

/*
 * File Name : basic.css
 */


/********************************************************
 
 *  Web Font
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Roboto 100,300,400,500,700,900
 *----------------------------------------------------------------------------*/

 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/*-----------------------------------------------------------------------------
 *  Noto Sans Korean 100,300,400,500,700,900
 *----------------------------------------------------------------------------*/

 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

 /*-----------------------------------------------------------------------------
 *  InkLipquid
 *----------------------------------------------------------------------------*/

 @font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/********************************************************
 
 *  Reset
 
 ********************************************************/
*{
	font-family:'Noto Sans KR','Roboto',"Malgun Gothic",sans-serif;
	margin:0;
	padding:0;
	letter-spacing:-0.02em;
    box-sizing:border-box;
}

html {font-size: 100%; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 1rem; color: #333; font-weight: 400; line-height: 1.5; word-break: keep-all;}

img {vertical-align:middle; max-width:100%;}   

li {list-style:none}

table {border-collapse: collapse; width: 100%; table-layout: fixed;}

caption {position:absolute; left:-10000px}

th,td {vertical-align: middle; text-align: center;}

a {color: #333; text-decoration: none; transition: all 0.3s ease;}
a:hover, a:focus {text-decoration: underline; text-underline-position: under;}

input,button,select {color: #333; vertical-align: middle; font-size: 14px; border: 1px solid #ddd;}
input[type=checkbox],input[type=radio] {margin-right: 8px;}
input[type=text],input[type=password],button {padding: 8px 10px;}
select {padding: 8px 12px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("../images/icon/select_arrow.png") no-repeat center right 12px; background-color: #fff;}
button {background-color: transparent; border: none; cursor: pointer;}

blockquote,fieldset,iframe{border:0}

address {font-style: normal;}

label {cursor: pointer;}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}



/********************************************************

*  Etc

********************************************************/