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

html{overflow-y:scroll;}
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, texttrea, button, select,
h1, h2, h3, h4, h5, h6, p, ul, li, span, dl, dt, dd{
    font-family: 'Roboto', 'Dotum', sans-serif; font-size: 16px; line-height: 26px; color: #fff; word-break: keep-all; font-weight: 300
}
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;}


/* For Screen Reader */
legend {display:none;visibility:hidden;}
caption {display:none;visibility:hidden;}

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

.row:after {content:'';display:block;clear:both;}
.col{float: left; display: block; position: relative; min-height: 1px;}
.col img{width: 100%}
.col12{width: 100%;}
.col11{width: 91.66666667%;}
.col10{width: 83.33333333%;}
.col9{width: 75%;}
.col8{width: 66.66666667%;}
.col7{width: 58.33333333%;}
.col6{width: 50%;}
.col5{width: 41.66666667%;}
.col4{width: 33.33333333%;}
.col3{width: 25%;}
.col2{width: 16.66666667%;}
.col1{width: 8.33333333%;}


.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}
.fixed{table-layout:fixed}
.pr{position:relative !important}
.tc{text-align: center !important;}
.ml0{margin-left: 0 !important;}
.move{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.hide {position: absolute !important; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; }


/**************************************************
	font
**************************************************/
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('../fonts/roboto-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../fonts/roboto-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../fonts/roboto-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-900.svg#Roboto') format('svg'); /* Legacy iOS */
}