/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/* html, body { height: 100%; } */
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
input[type="text"]{  
   -webkit-border-radius:0!important;
   -webkit-appearance:none;
}
textarea{  
   -webkit-border-radius:0!important;
   -webkit-appearance:none;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #1a1a1a; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
input {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
   -webkit-border-raduis:0!important;
   -webkit-appearance:none;
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family:"NotoKr", "Malgun Gothic";
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a { color: #1a1a1a; text-decoration: none; }

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0;
}

h2 {
    font-size: 1.5em;
    margin: 0;
}

h3 {
    font-size: 1.17em;
    margin: 0;
}

h4 {
    font-size: 1em;
    margin: 0;
}

h5 {
    font-size: 0.83em;
    margin: 0;
}

h6 {
    font-size: 0.67em;
    margin: 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 0;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #1a1a1a;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
/* 16/10/19 s */
code,
kbd,
pre,
samp {
    font-family: "NotoKr";
    _font-family: "NotoKr"
    font-size: 1em;
}
/* 16/10/19 e */
/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

dd {
    margin: 0;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0;
    padding: 9;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input {
    -webkit-border-radius:0; 
    border-radius:0;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
nput {
  -webkit-appearance: none;  // remove shadow in iOS
  @include border-radius(0);  // remove border-radius in iOS
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.box-round { -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
/* txt color */
.txt-white {color:white!important;}
.txt-black {color:#333!important;}
.txt-blue {color:#0a53e5!important;}
.txt-green {color:#0eb413!important;}
.txt-gray {color:#9f9e9e!important;}
.txt-d-gray {color:#666!important;}
.txt-l-gray {color:#808080!important;}
.txt-red {color:#fd2626!important;}
.txt-cyan {color:#6af3ff!important;}
.txt-l-yellow {color:#eaff00!important;}
.txt-yellow {color:#f4cb4b!important;}
.txt-pink {color:#fd9f9f!important;}
/* Margin */
.mg0 {margin:0!important;}
.mg5 {margin:5px!important;}
.mg10 {margin:10px!important;}
.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px!important;}
.mb7 {margin-bottom:7px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb100 {margin-bottom:100px!important;}
.mt0 {margin-top:0!important;}
.mt1 {margin-top:1px!important;}
.mt2 {margin-top:2px!important;}
.mt3 {margin-top:3px!important;}
.mt5 {margin-top:5px!important;}
.mt7 {margin-top:7px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt18 {margin-top:18px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt80 {margin-top:80px!important;}
.mt100 {margin-top:100px!important;}
.mt110 {margin-top:110px!important;}
.mt150 {margin-top:150px!important;}
.mt200 {margin-top:200px!important;}
.ml0 {margin-left:0!important;}
.ml5 {margin-left:5px!important;}
.ml7 {margin-left:7px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml70 {margin-left:70px!important;}
.ml80 {margin-left:80px!important;}
.ml85 {margin-left:85px!important;}
.ml90 {margin-left:90px!important;}
.ml100 {margin-left:100px!important;}
.ml160 {margin-left:160px!important;}
.ml190 {margin-left:190px!important;}
.ml300 {margin-left:300px!important;}
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr30 {margin-right:30px!important;}
.mr50 {margin-right:50px!important;}
/* Padding */
.pd0 {padding:0!important;}
.pg10 {padding:10px!important;}
.pl0 {padding-left:0!important;}
.pl5 {padding-left:5px!important;}
.pl7 {padding-left:7px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl17 {padding-left:17px!important;}
.pl20 {padding-left:20px!important;}
.pl30 {padding-left:30px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}
.pl60 {padding-left:60px!important;}
.pr0 {padding-right:0!important;}
.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr11 {padding-right:11px!important;}
.pr12 {padding-right:12px!important;}
.pr20 {padding-right:20px!important;}
.pr60 {padding-right:60px!important;}
.pr80 {padding-right:80px!important;}
.pr140 {padding-right:140px!important;}
.pr150 {padding-right:150px!important;}
.pb0 {padding-bottom:0px!important;}
.pb5 {padding-bottom:5px!important;}
.pb7 {padding-bottom:7px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}
.pb35 {padding-bottom:35px!important;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!important;}
.pb100 {padding-bottom:100px!important;}
.pt0 {padding-top:0!important;}
.pt3 {padding-top:3px!important;}
.pt5 {padding-top:5px!important;}
.pt7 {padding-top:7px!important;}
.pt8 {padding-top:8px!important;}
.pt10 {padding-top:10px!important;}
.pt12 {padding-top:12px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt22 {padding-top:22px!important;}
.pt24 {padding-top:24px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt35 {padding-top:35px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt70 {padding-top:70px!important;}
/* Width + height */
.w30 {width:30px!important;}
.w35 {width:35px!important;}
.w40 {width:40px!important;}
.w43 {width:43px!important;}
.w45 {width:45px!important;}
.w47 {width:47px!important;}
.w50 {width:50px!important;}
.w53 {width:53px!important;}
.w55 {width:55px!important;}
.w60 {width:60px!important;}
.w70 {width:70px!important;}
.w80 {width:80px!important;}
.w90 {width:90px!important;}
.w100 {width:100px!important;}
.w110 {width:110px!important;}
.w120 {width:120px!important;}
.w130 {width:130px!important;}
.w137 {width:137px!important;}
.w140 {width:140px!important;}
.w150 {width:150px!important;}
.w153 {width:153px!important;}
.w180 {width:180px!important;}
.w200 {width:200px!important;}
.w220 {width:220px!important;}
.w240 {width:240px!important;}
.w300 {width:300px!important;}
.w390 {width:390px!important;}
.w520 {width:520px!important;}
.w600 {width:600px!important;}
.w635 {width:635px!important;}
.w705 {width:705px!important;}
.w745 {width:745px!important;}
.w760 {width:760px!important;}
.w800 {width:800px!important;}
.w845 {width:845px!important;}
.w890 {width:890px!important;}
.w960 {width:960px!important;}
.w970 {width:970px!important;}
.h40 {height:40px!important;}
.h150 {height:150px!important;}
.h160 {height:160px!important;}
.h445 {height:445px!important;}
.h590 {height:590px!important;}
.w25p {width:25%!important;}
.w30p {width:30%!important;}
.w40p {width:40%!important;}
.w49p {width:49%!important;}
.w50p {width:50%!important;}
.w60p {width:60%!important;}
.w70p {width:70%!important;}
.w100p {width:100%!important;}
.h100p {height:100%!important;}
/* etc */
.txt-l {text-align:left!important;}
.txt-c {text-align:center!important;}
.txt-r {text-align:right!important;}
.fl-n {float:none!important;}
.fl-l {float:left!important;}
.fl-r {float:right!important;}
.cb {clear:both!important;}
.fs-m {font-size:.8em;}
.fs-l {font-size:.875em;}
.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px!important;}
.fs13 {font-size: 13px!important;}
.fs14 {font-size: 14px!important;}
.fs16 {font-size: 16px!important;}
.fs17 {font-size: 18px!important;}
.fs18 {font-size: 18px!important;}
.fs20 {font-size: 20px!important;}
.d-line {border-bottom: 1px solid #C0C9DA!important;}
.bt0 {border-top:0!important;}
.border-none {border:none!important;}
.bbnone {border-bottom:none!important;}
.btnone {border-top:none!important;}
.bgnone {background:none!important;}
.brnone {border-right:none!important;}
.blnone {border-left:none!important;}
.b-t-none {border-top:none!important;}
.b-t-gray {border-top:2px solid #d4d4d4;}
.lh14 {line-height:14px!important;}
.lh15 {line-height:15px!important;}
.lh16 {line-height:16px!important;}
.lh18 {line-height:18px!important;}
.lh20 {line-height:20px!important;}
.lh22 {line-height:22px!important;}
.lh26 {line-height:26px!important;}
.lh30 {line-height:30px!important;}
.lh36 {line-height:36px!important;}
.lh40 {line-height:40px!important;}
.bg-w {background:white!important;}
.bold {font-weight:bold!important;}
.b600 {font-weight:600!important;}
.normal {font-weight:normal!important;}
.va-t {vertical-align:top;}
.bg-w {background:white!important;}
.va-tt {vertical-align:text-top!important;}
.relative { position:relative!important; }
.ib { display:inline-block!important; *display:inline; zoom:1; }
.underline { text-decoration:underline!important; }
.none { display:none!important; }
input{ outline-style:none;} , textarea{ outline-style:none;}
.block { display:block; }
.table {
  display: table;
  border: 1px solid black;
}

.row { display:table-row; }

.cell {
  display:table-cell;
  background-clip: padding-box;
  background-color: gold;
  border-right: 10px solid transparent;
}

.en-num { font-family: 'Roboto'; /* letter-spacing:0.02em; */ }

/* 본고딕 */
@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: normal;
	letter-spacing:-0.05em;
	src: url('../../../../../../css/font/notokr-regular.eot');
	src: url('../../../../../../css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/notokr-regular.woff2') format('woff2'),
		 url('../../../../../../css/font/notokr-regular.woff') format('woff');
}
@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: 600;
	letter-spacing:-0.05em;
	src: url('../../../../../../css/font/notokr-medium.eot');
	src: url('../../../../../../css/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/notokr-medium.woff2') format('woff2'),
		 url('../../../../../../css/font/notokr-medium.woff') format('woff');
}
@font-face {
	font-family: 'NotoKr';
	font-style: normal;
	font-weight: bold;
	letter-spacing:-0.05em;
	src: url('../../../../../../css/font/notokr-bold.eot');
	src: url('../../../../../../css/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/notokr-bold.woff2') format('woff2'),
		 url('../../../../../../css/font/notokr-bold.woff') format('woff');
}

/* 영문,숫자 */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src: url('../../../../../../css/font/Roboto-Regular.eot');
	src: url('../../../../../../css/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/Roboto-Regular.woff2') format('woff2'),
		 url('../../../../../../css/font/Roboto-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	src: url('../../../../../../css/font/Roboto-Medium.eot');
	src: url('../../../../../../css/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/Roboto-Medium.woff2') format('woff2'),
		 url('../../../../../../css/font/Roboto-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src: url('../../../../../../css/font/Roboto-Bold.eot');
	src: url('../../../../../../css/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../../../../../../css/font/Roboto-Bold.woff2') format('woff2'),
		 url('../../../../../../css/font/Roboto-Bold.woff') format('woff');
}