@charset "utf-8";

/****************************************** reset code ******************************************/
@font-face {
    font-family: 'Paperlogy-Bold';
    src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-Regular';
    src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

    html, body{overflow-x:hidden; background-color:#fff;}
	html, body, div, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,input,select,
	time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 18px; line-height:1.5em; font-family: 'SUIT', sans-serif; font-weight:400;  vertical-align: baseline; color:#222;word-break:keep-all; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


    
    button, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    textarea {touch-action: manipulation;  }
    
    ol, ul , li{list-style: none;}
    div, td, a, span, button, input, form, td, tr, section, label{box-sizing: border-box;}
    a{text-decoration: none; display:block;}
    
    .inner{width:90dvw; margin-left:auto; margin-right:auto }
    table{border-collapse: collapse;}
    td{vertical-align: middle;}
    fieldset{border: 0;} 
    input{border:0}
    .wdpib{display:inline-block;}

/****************************************** 글자 색상 ******************************************/

    .co_white {color:#fefefe;}
    .co_0 {color:#f0f8fe;}
    .co_1 {color:#dcf0fd;}
    .co_2 {color:#c1e5fc;}
    .co_3{color:#97d6f9;}
    .co_4 {color:#65bef5;}
    .co_5 {color:#41a2f0;}
    .co_6{color:#2c85e4;}
    .co_7{color:#226ac9;}
    .co_8 {color:#235aaa;}
    .co_9 {color:#224d86;}
    .co_10{color:#193052;}
    .co_point{color:#ff3333;}

    .co_gray0{color:#fefefe;}
    .co_gray1{color:#f6f7f8;}
    .co_gray2{color:#E9E9EC;}
    .co_gray3{color:#b7b7c2;}
    .co_gray4{color:#9091a0;}
    .co_gray5{color:#727485;}
    .co_gray6{color:#5c5d6d;}
    .co_gray7{color:#4b4c59;}
    .co_gray8{color:#40414c;}
    .co_gray9{color:#393941;}
    .co_gray10{color:#212126;}
    


/****************************************** Bg 색상 ******************************************/


    .bco_0 {background:#f0f8fe;}
    .bco_1 {background:#dcf0fd;}
    .bco_2 {background:#c1e5fc;}
    .bco_3{background:#97d6f9;}
    .bco_4 {background:#65bef5;}
    .bco_5 {background:#41a2f0;}
    .bco_6{background:#2c85e4;}
    .bco_7{background:#226ac9;}
    .bco_8 {background:#235aaa;}
    .bco_9 {background:#224d86;}
    .bco_10{background:#193052;}

    .bco_gray0{background:#fefefe;}
    .bco_gray1{background:#f6f7f8;}
    .bco_gray2{background:#E9E9EC;}
    .bco_gray3{background:#b7b7c2;}
    .bco_gray4{background:#9091a0;}
    .bco_gray5{background:#727485;}
    .bco_gray6{background:#5c5d6d;}
    .bco_gray7{background:#4b4c59;}
    .bco_gray8{background:#40414c;}
    .bco_gray9{background:#393941;}
    .bco_gray10{background:#212126;}

	.bco_white{background:#fefefe;}
	.bco_black{background:#222;}