@charset "utf-8";
/* *******************************************************
 * filename : common.css
 * description : 태그초기화 CSS
 * date : 2019-05-02
******************************************************** */

html, body, div, span, 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, time, mark, audio, video {
    margin:0; padding:0;
}
body, table, th, td, input, textarea, button, select, 
h1, h2, h3, h4, h5, h6, p, ul, li, span, dl, dt, dd{
    font-family: 'Manrope', 'Noto Sans', 'Nanum Gothic', 'Dotum', sans-serif; font-size: 16px; line-height: 26px; color: #666; word-break: keep-all;
}
ol, ul{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border: 0 none; vertical-align: top;}
button, select {text-transform:none;}
button, input {line-height:normal;}
textarea {resize:vertical;overflow:auto;}
label {cursor:pointer;}
a {color:#666;text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:none;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu,
nav, section, summary {
    display:block;
}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display: none; height: 0;}
audio, canvas, img, video {vertical-align:middle;}

.ro{position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.cf{*zoom:1}
.cf:after {content:'';display:block;clear:both;}
.fl{float:left !important;}
.fr{float:right !important}
.fn{float:none !important}
.cb{clear:both !important}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.oh{overflow:hidden !important}
.cp{cursor:pointer !important}
.di{display:inline !important}
.dib{display:inline-block;display:-moz-inline-box}
.dn{display:none !important}
.db{display:block !important}
.vv{visibility:visible !important}
.vh{visibility:hidden !important}
.bbn{border-bottom:none !important}
.brn{border-right:none !important}
.bln{border-left:none !important}
.btn{border-top:none !important}
.bn, .bn td, .bn th{border:none !important}
.bgn, .bgn td, .bgn th{background:none !important} 
.fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.pr{position:relative !important}
.tc{text-align: center !important;}
.move{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}





/**************************************************
	font
**************************************************/
/* manrope-200 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Manrope-ExtraLight.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-ExtraLight.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-ExtraLight.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-300 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Manrope-Light.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-Light.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-regular - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Manrope-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-Regular.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-500 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Manrope-Medium.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-Medium.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-600 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Manrope-SemiBold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-SemiBold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-SemiBold.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-700 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Manrope-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-Bold.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-800 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Manrope-ExtraBold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Manrope-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Manrope-ExtraBold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Manrope-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Manrope-ExtraBold.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto_Slab-400.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Roboto_Slab-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto_Slab-400.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto_Slab-400.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto_Slab-400.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto_Slab-400.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto_Slab-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Roboto_Slab-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto_Slab-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto_Slab-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto_Slab-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto_Slab-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}