@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype')}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype')}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype')}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype')}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype')}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff') , url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype')}



* {margin:0; word-break:keep-all; box-sizing:border-box; -webkit-overflow-scrolling: touch;}
html {font-family:'Noto Sans KR', sans-serif, Helvetica, arial, Tahoma, Geneva; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; /* IE 및 iOS의 글꼴 크기 조정 방지 */}




/* ---------------- CSS 초기화 ----------------- */
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;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}




/* ----------------- HTML5 display ----------------- */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */




/* ----------------- a link ----------------- */

a { text-decoration: none; background-color:transparent; } /* IE 10에서 활성 링크에 회색 배경을 제거 */
a:hover { text-decoration: none; }
a:active, a:hover {outline-width:0;} /* a링크 윤각선 제거 */
*:focus { outline: none !important; } /* 크롬 파란색 테두리 제거 */





/* ----------------- font ----------------- */

abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;} /* 크롬, 에지, IE, 오페라, 사파리에서 올바른 텍스트 장식 추가 */
b, strong {font-weight:bolder;} /* 크롬, 에지, 및 Safari에서 올바른 글꼴 두께 */
dfn {font-style:italic;} /* 안드로이드 4.3에서 올바른 글꼴 스타일을 추가 */
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}
/*
@font-face {
	font-family:'NotoSansKR-Thin';
	font-style:normal;
	font-weight:100;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family:'NotoSansKR-Light';
	font-style:normal;
	font-weight:300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family:'NotoSansKR-Regular';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family:'NotoSansKR-Medium';
	font-style:normal;
	font-weight:500;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family:'NotoSansKR-Bold';
	font-style:normal;
	font-weight:700;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family:'NotoSansKR-Black';
	font-style:normal;
	font-weight:900;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}*/





/* ----------------- Em bedded content ----------------- */

img {border-style:none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow:hidden;}




/* ----------------- Grouping content ----------------- */

code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
figure {margin:1em 40px;}
hr {box-sizing:content-box; height:0; overflow:visible;}




/* ----------------- Forms 초기화 ----------------- */

fieldset {border:0;}
button, input, select, textarea {font:inherit;}
optgroup {font-weight:bold;}
button, input, select {overflow:visible;}
button, input, select, textarea {margin:0;}
button, select {text-transform:none;} /* 파이어 폭스에서 변환 텍스트의 상속을 제거 */
button, [type="button"], [type="reset"], [type="submit"] {cursor:pointer;} [disabled] {cursor:default;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button;}  /* 아이폰 input 디자인 변경가능 */
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* 파이어 폭스의 내부 테두리와 패딩을 제거 */
button:-moz-focusring, input:-moz-focusring {outline:1px dotted ButtonText;}
button { box-shadow: none; outline: none !important; border: none; }

textarea {overflow:auto;}
[type="checkbox"], [type="radio"] {box-sizing:border-box; padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

/*
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa !important;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color:transparent;}
*/