@charset "utf-8";

@font-face {
    font-family:"NotoSansKR";
    font-weight: 900;
    font-display: swap; 
    src: 
    url("../font/NotoSansKR-Black.woff2") format("woff2"), 
    url("../font/NotoSansKR-Black.woff") format("woff"); 
}

@font-face {
    font-family:"NotoSansKR";
    font-weight: 700;
    font-display: swap; 
    src:
    url("../font/NotoSansKR-Bold.woff2") format("woff2"), 
    url("../font/NotoSansKR-Bold.woff") format("woff"); 
}
@font-face {
    font-family:"NotoSansKR";
    font-weight: 500;
    font-display: swap; 
    src:
    url("../font/NotoSansKR-Medium.woff2") format("woff2"), 
    url("../font/NotoSansKR-Medium.woff") format("woff"); 
}
@font-face {
    font-family:"NotoSansKR";
    font-weight: 400;
    font-display: swap; 
    src:
    url("../font/NotoSansKR-Regular.woff2") format("woff2"), 
    url("../font/NotoSansKR-Regular.woff") format("woff"); 
}
@font-face {
    font-family:"NotoSansKR";
    font-weight: 200;
    font-display: swap; 
    src:
    url("../font/NotoSansKR-Light.woff2") format("woff2"), 
    url("../font/NotoSansKR-Light.woff") format("woff"); 
}
@font-face {
    font-family:"NotoSansKR";
    font-weight: 100;
    font-display: swap;
    src:
    url("../font/NotoSansKR-Thin.woff2") format("woff2"), 
    url("../font/NotoSansKR-Thin.woff") format("woff"); 
}

/* Pretendard */
@font-face {
    font-family:"Pretendard";
    font-weight: 900;
    font-display: swap; 
    src: 
    url("../font/Pretendard-Black.woff2") format("woff2"), 
    url("../font/Pretendard-Black.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 800;
    font-display: swap; 
    src: 
    url("../font/Pretendard-ExtraBold.woff2") format("woff2"), 
    url("../font/Pretendard-ExtraBold.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 700;
    font-display: swap; 
    src: 
    url("../font/Pretendard-Bold.woff2") format("woff2"), 
    url("../font/Pretendard-Bold.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 600;
    font-display: swap; 
    src: 
    url("../font/Pretendard-SemiBold.woff2") format("woff2"), 
    url("../font/Pretendard-SemiBold.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 500;
    font-display: swap; 
    src: 
    url("../font/Pretendard-Medium.woff2") format("woff2"), 
    url("../font/Pretendard-Medium.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 400;
    font-display: swap; 
    src: 
    url("../font/Pretendard-Regular.woff2") format("woff2"), 
    url("../font/Pretendard-Regular.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 300;
    font-display: swap; 
    src: 
    url("../font/Pretendard-ExtraLight.woff2") format("woff2"), 
    url("../font/Pretendard-ExtraLight.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 200;
    font-display: swap; 
    src: 
    url("../font/Pretendard-Light.woff2") format("woff2"), 
    url("../font/Pretendard-Light.woff") format("woff"); 
}
@font-face {
    font-family:"Pretendard";
    font-weight: 100;
    font-display: swap; 
    src: 
    url("../font/Pretendard-Thin.woff2") format("woff2"), 
    url("../font/Pretendard-Thin.woff") format("woff"); 
}

@font-face {
    font-family:"IropkeBatang";
    font-weight: 400;
    font-display: swap; 
    src:  
    url("../font/IropkeBatangM.woff") format("woff"),
    url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css'); 
}

@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_css 
 * =============================== 
 * File       : reset.css
 * Author     : sg
 * version    : 1.0.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,
video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td ,button{ margin:0; padding: 0; border: 0; /*outline: 0;*/ vertical-align: baseline; -moz-box-sizing: border-box; box-sizing: border-box;}

ol,ul{ list-style: none;}
table{ border-collapse: collapse; border-spacing: 0;}
caption,th,td{/*  text-align: left; */ font-weight: normal; vertical-align: middle;}
figure,article,header,footer,nav,hgroup,video,audio,aside,main {display: block;}
a{display:block; text-decoration: none;}
figure, img, i{font-size:0px; line-height: 1;}
figure img{width:100%; display:block;}

address{ font-style: unset;}

i{display: block;}
i img{width: 100%;}

/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
textarea {
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*outline: none;*/
    font-family: 'Pretendard','NotoSansKR', sans-serif;
}

input[type=submit], 
input[type=button],
button{-webkit-appearance:none; font-family:'Pretendard', 'NotoSansKR', sans-serif; border-radius:0px; color:#222222; }
button:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
a:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}

input[type=radio] {border-radius: 100%;}