@charset "utf-8";

/* Bold */
@font-face {
    font-family: 'Paperlogy';
    src: url('/theme/basic/font/Paperlogy-7Bold.woff2') format('woff2'),
         url('/theme/basic/font/Paperlogy-7Bold.woff') format('woff'),
         url('/theme/basic/font/Paperlogy-7Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Extra Bold */
@font-face {
    font-family: 'Paperlogy';
    src: url('/theme/basic/font/Paperlogy-8ExtraBold.woff2') format('woff2'),
         url('/theme/basic/font/Paperlogy-8ExtraBold.woff') format('woff'),
         url('/theme/basic/font/Paperlogy-8ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}



/****************************************** reset code ******************************************/
    html, body{overflow-x:hidden}
	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; letter-spacing: -0.02em;  border: 0;font-size: 16px; 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:70dvw; margin-left:auto; margin-right:auto; }
    table{border-collapse: collapse;}
    td{vertical-align: middle;}
    .fSpe{font-family: 'Paperlogy'; letter-spacing: initial;} 
    a{width:fit-content}

/*************** 색상 ***************/
	.co_white{color:#fefefe;}
    .co_1{color: #f4c316;}
    .co_gray0{color: #f6f6f6;}
    .co_gray1{color: #e7e7e7;}
    .co_gray2{color:#d1d1d1}
    .co_gray3{color:#b0b0b0}
    .co_gray4{color:#888}
    .co_gray5{color:#6d6d6d}
    .co_gray6{color:#5d5d5d}
    .co_gray7{color:#4f4f4f}
    .co_gray8{color:#454545}
    .co_gray9{color:#3d3d3d}
    .co_gray10{color:#000}

/*************** 배경 색상 ***************/
	.bco_white{background:#fefefe;}
	.bco_black{background:#222;}

    .bco_1{background: #f4c316;}
    .bco_2{background: linear-gradient(0deg, #470099, #222);}
    .bco_gray0{background: #f6f6f6;}
    .bco_gray1{background: #e7e7e7;}
    .bco_gray2{background:#d1d1d1}
    .bco_gray3{background:#b0b0b0}
    .bco_gray4{background:#888}
    .bco_gray5{background:#6d6d6d}
    .bco_gray6{background:#5d5d5d}
    .bco_gray7{background:#4f4f4f}
    .bco_gray8{background:#454545}
    .bco_gray9{background:#3d3d3d}
    .bco_gray10{background:#000}