@charset "utf-8";

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


/* noto Sans */
/* @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"); 
} */




/* ===============================
 * reset_css 
 * =============================== 
 * File       : reset.css
 * Author     : sg
 * version    : 2.0.0
*/
:root{
    --main_color : #209F84;
    --sub_color : #009AE6;   
    --black_0: #000000;   
    --black_1: #111111;   
    --black_2: #222222;   
    --black_3: #333333;
    --black_4: #444444;   
    --black_5: #555555;
    --black_6: #666666;   
    --black_8: #888888;
    --black_9: #999999;
    --white_f: #ffffff;   
    --white_e: #eeeeee;   
    --white_d: #dddddd;
    --white_c: #cccccc;   
    --white_b: #bbbbbb;
    --white_a: #aaaaaa;   
    --white_db: #dbdbdb;
    --main_black: var(--black_0);
    --sub_black: var(--black_3);
    --text_black: var(--black_3);
    --color_white : white;    
    --line_color : #e5e5e5; 
    --btn_line : #aaaaaa;
    --vh_100: 100vh;
    --main_font : 'Pretendard', sans-serif;   
    /* --sub_font_notos : 'NotoSerifKR', serif; */
}

html{font-family: var(--main_font); word-break: keep-all; font-size: 62.5%; line-height: 1.5; /* letter-spacing: -0.062em;*/}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,section,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 { 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;}

label{display: block;}

/* INPUT */
input,
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
input[type="date"],
select,
option,
textarea {
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    font-family: var(--main_font);

}

input[type=submit], input[type=button], button {border-radius:0px;-webkit-appearance:none; font-family: var(--main_font); font-size: 1em;  color:var(--main_black);}
input[type=radio] {border-radius: 100%;}


/* button outline */
button{margin:0; padding:0; border: none; background: none; outline: none; cursor: pointer;} 
button:focus,
button:active{border: none; background: none; outline: none; cursor: pointer;}

/* button:focus-visible,
a:focus-visible,
input:focus-visible, 
textarea:focus-visible, 
select:focus-visible{outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} */

.red_focus:focus-visible{outline: 5px auto var(--main_color);}
.tab_focus:focus-visible{outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}

/* delete highlight box in mobile */
.mobile *{-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-focus-ring-color:transparent;}