@charset "utf-8";

/************************** web reset code **************************/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, footer, header, hgroup, 
menu, nav, input, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 16px; line-height:1.5em; vertical-align: baseline; color: #444; font-family: 'SUIT',sans-Serif;word-break:keep-all; 
background-position: center; background-repeat: no-repeat; background-size: contain;}

html, body{scroll-behavior: smooth;}
section{width:100dvw}
.inner{width:80dvw; margin:0 auto}
label{box-sizing: border-box; cursor: pointer;}


/* 폰트 색상 */
.co_1{color:#006aff;}
.co_2{color:#138FD4;}
.co_black{color:#333;}
.co_white{color:#fefefe;}
.co_gray{color:#999;}
.co_gray1{color:#A2A2AB;}

/*폰트 행간*/
.f_100{line-height:1em;}
.f_120{line-height:1.2em;}
.f_130{line-height:1.3em;}


/************************** 백그라운드색상 설정 **************************/
.bco_0{background:#F0F8FE;}
.bco_1{background:#f5f6f9;}
.bco_2{background:#2d343d;}
.bco_3{background:#006aff;}
.bco_black{background:#333;}
.bco_white{background:#fefefe;}
.bco_gray{background:#F6F7F9;}
.bco_gray1{background:#EAEAEE;}



/************************** //백그라운드색상 설정 **************************/