@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 100;
	src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Thin.woff) format('woff'),
		url(/fonts/NotoSansKR-Thin.otf) format('opentype');}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Light.woff) format('woff'),
		url(/fonts/NotoSansKR-Light.otf) format('opentype');}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
		 url(/fonts/NotoSansKR-Regular.woff) format('woff'),
		 url(/fonts/NotoSansKR-Regular.otf) format('opentype');}
 @font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),
	     url(/fonts/NotoSansKR-Medium.woff) format('woff'),
	     url(/fonts/NotoSansKR-Medium.otf) format('opentype');}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 600;
	src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
		 url(/fonts/NotoSansKR-Bold.woff) format('woff'),
		 url(/fonts/NotoSansKR-Bold.otf) format('opentype');}


@font-face { 
    font-family: 'S-CoreDream'; 
	src: url(/fonts/S-CoreDream-4Regular.woff) format('woff'); 
	font-weight: 400;
	font-style: normal; }
@font-face { 
    font-family: 'S-CoreDream'; 
	src: url(/fonts/S-CoreDream-5Medium.woff) format('woff'); 
	font-weight: 500;
	font-style: normal; }
@font-face { 
    font-family: 'S-CoreDream'; 
	src: url(/fonts/S-CoreDream-6Bold.woff) format('woff'); 
	font-weight: 600;
	font-style: normal; }


@font-face { 
    font-family: 'S-CoreDream'; 
	src: url(/fonts/S-CoreDream-2ExtraLight.woff) format('woff'); 
	font-weight: 100;
	font-style: normal; }
	
/*
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*/

/* Common */

* { margin: 0; padding: 0; -webkit-touch-callout: none;  }
html { -webkit-font-size-adjust: none; overflow-y: scroll; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* word-break: keep-all*/ }
html, body { height: 100%; margin: 0; padding: 0; color: #333; font-size: 18px; letter-spacing:-1px;
font-family:  'S-CoreDream', 'NotoSansKR','맑은고딕', Malgun Gothic, sans-serif, 'Sans-serif' ; line-height:1.5em; font-weight:normal; text-rendering: optimizeLegibility; font-weight:400; min-width:320px;   }

.big1{ font-size:1.1em; line-height:1.4em}
.big2{ font-size:1.2em; line-height:1.4em}
.big3{ font-size:1.4em; line-height:1.4em}
.big4{ font-size:1.6em; line-height:1.4em}
.big5{ font-size:1.8em; line-height:1.4em; letter-spacing:-2px}
.big6{ font-size:2em; line-height:1.4em; letter-spacing:-2px}

.small1{ font-size:0.9em; line-height:1.4em}
.small2{ font-size:0.8em; line-height:1.4em}



h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight:500; font-size:100%;  } 
/*
h1{}
h2{ font-size:2em; line-height:1.4em}
h3{ font-size:1.8em; line-height:1.4em}
h4{ font-size:1.2em; line-height:1.4em}
*/

::selection { background: #666; color: #fff; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #999999 !important;  }
:-moz-placeholder { /* Firefox 4 to 18 */ color: #999999!important; opacity: 1; }
::-moz-placeholder { /* Firefox 19+ */ color: #999999!important; opacity: 1;  }
:-ms-input-placeholder { /* Explorer 10+ */ color: #999999!important;}
::placeholder {color:#999999;opacity:1;}

input, button {border-radius:0; outline:none; box-shadow:none; }  
button{ border:0; cursor:pointer; font-family: 'Roboto','S-CoreDream','NotoSansKR','맑은고딕', Malgun Gothic, sans-serif !important; font-weight:400; letter-spacing:-1px; font-size:inherit}
.hidden { position: absolute; left: -9999px}

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, address, cite, em, img, strong, 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, section, summary, audio, video { margin: 0; padding: 0; border: 0;  }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0 }
input, textarea, select {   color: inherit; color:#444; font-family:inherit ; font-size:0.9em   }
strong, table th { font-weight:normal; font-weight:500 !important; }
span{ display:inline-block}

select{-webkit-border-radius:0; }

input[type=text], input[type=password] { border:1px solid #CCC;/* height:28px; line-height:28px;*/ -webkit-border-radius:0; -webkit-appearance:none; padding:0 8px }
input[type=submit] {-webkit-border-radius:0; -webkit-appearance:none;}
input[type=image] { height:auto; border:0;   }
input[type=file] { border:0; background:none;  }

textarea { overflow-y:auto; border:1px solid #CCC;  box-sizing:border-box; padding:10px   }
select { height: 30px; margin: 0; padding: 0 0 0 8px; border: 1px solid #ccc; box-sizing: border-box;}
input[type=checkbox], input[type=radio]{ /*width:14px;height:14px; vertical-align:middle; margin-top:-2px;*/  }
label { cursor: pointer }
label, select, input, button {  vertical-align:middle; font-family:inherit}


table { border-collapse: collapse; border-spacing: 0 }
img { max-width: 100%; border: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) ; -ms-interpolation-mode: bicubic; /*vertical-align: top;*/ vertical-align:middle; line-height:inherit; margin:0; padding:0; font-size:0}

ol, ul, li { list-style: none }
img, fieldset { border: 0 none }

a { color:inherit }
a:link, a:visited { text-decoration: none }
a:hover, a:active { text-decoration: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { container: ''; container: none }
em, address { font-style: normal; }
hr { display: none; clear: both;height: 0; }
legend, caption { visibility: hidden; overflow: hidden; position: absolute; width: 0; height: 0; margin: 0; padding: 0; line-height: 0 }


/*html5*/
[hidden], area, base, basefont, command, datalist, head, input[type=hidden], link, menu[type=context], meta, noembed, noframes, param, script, source, style, track, title { /* case-insensitive */display: none;}
address, article, aside, blockquote, body, center, dd, dir, div, dl, dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre, section, summary, ul, xmp { display: block; }
table { display: table; }
caption { display: table-caption; }
colgroup { display: table-column-group; }
col { display: table-column; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; }
td, th { display: table-cell; }
li { display: list-item; }
ruby { display: ruby; }
rt { display: ruby-text; display: inline; }


/*align*/
.text_c { text-align: center}
.text_l { text-align: left}
.text_r { text-align:right}
.float_r { float: right}
.float_l { float: left}
.cursor { cursor: pointer}
.inline-block{ display:inline-block}
/*padding,margin*/
.pa0{ padding:0 !important}
.pat0 { padding-top: 0 !important}
.pab0 { padding-bottom: 0 !important}

.ma0{ margin:0 !important}
.mat0 { margin-top: 0 !important}
.matb { margin-bottom: 0 !important}


.mar3{ margin-right:3px !important}

.mat5 { margin-top: 5px!important}
.mar5 { margin-right: 5px!important}
.mab5 { margin-bottom: 5px!important}
.mal5 { margin-left: 5px!important}

.mat10 { margin-top: 10px!important}
.mar10 { margin-right: 10px!important}
.mab10 { margin-bottom: 10px!important}
.mal10 { margin-left: 10px!important}

.mat20 { margin-top: 20px!important}
.mar20 { margin-right: 20px!important}
.mab20 { margin-bottom: 20px!important}
.mal20 { margin-left: 20px!important}

.mat30 { margin-top: 30px!important}
.mar30 { margin-right: 30px!important}
.mab30 { margin-bottom: 30px!important}
.mal30 { margin-left: 30px!important}

.mat40 { margin-top: 40px!important}
.mar40 { margin-right: 40px!important}
.mab40 { margin-bottom: 40px!important;}
.mal40 { margin-left: 40px!important}


.pat5 { padding-top: 5px!important}
.par5 { padding-right: 5px!important}
.pab5 { padding-bottom: 5px!important}
.pal5 { padding-left: 5px!important}

.pat10 { padding-top: 10px!important}
.par10 { padding-right: 10px!important}
.pab10 { padding-bottom: 10px!important}
.pal10 { padding-left: 10px!important}

.pat20 { padding-top: 20px!important}
.par20 { padding-right: 20px!important}
.pab20 { padding-bottom: 20px!important}
.pal20 { padding-left: 20px!important}

.pat30 { padding-top: 30px!important}
.par30 { padding-right: 30px!important}
.pab30 { padding-bottom: 30px!important}
.pal30 { padding-left: 30px!important}