@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}


/*font*/
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/NotoSans-Light.eot');
	src: url('../fonts/NotoSans-Light.woff2') format('woff2'), url('../fonts/NotoSans-Light.woff') format('woff'), url('../fonts/NotoSans-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSans-Medium.eot');
	src: url('../fonts/NotoSans-Regular.eot');
	src: url('../fonts/NotoSans-Regular.woff2') format('woff2'), url('../fonts/NotoSans-Regular.woff') format('woff'), url('../fonts/NotoSans-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSans-Medium.eot');
	src: url('../fonts/NotoSans-Medium.woff2') format('woff2'), url('../fonts/NotoSans-Medium.woff') format('woff'), url('../fonts/NotoSans-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/NotoSans-Bold.eot');
	src: url('../fonts/NotoSans-Bold.woff2') format('woff2'), url('../fonts/NotoSans-Bold.woff') format('woff'), url('../fonts/NotoSans-Bold.otf') format('opentype');
}


@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/Pretendard-Thin.eot');
	src: url('../fonts/Pretendard-Thin.woff2') format('woff2'), 
	url('../fonts/Pretendard-Thin.woff') format('woff'), 
	url('../fonts/Pretendard-Thin.ttf') format('truetype'),
	url('../fonts/Pretendard-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/Pretendard-ExtraLight.eot');
	src: url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraLight.woff') format('woff'), 
	url('../fonts/Pretendard-ExtraLight.ttf') format('truetype'),
	url('../fonts/Pretendard-ExtraLight.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/Pretendard-Light.eot');
	src: url('../fonts/Pretendard-Light.woff2') format('woff2'), 
	url('../fonts/Pretendard-Light.woff') format('woff'), 
	url('../fonts/Pretendard-Light.ttf') format('truetype'),
	url('../fonts/Pretendard-Light.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Pretendard-Regular.eot');
	src: url('../fonts/Pretendard-Regular.woff2') format('woff2'), 
	url('../fonts/Pretendard-Regular.woff') format('woff'), 
	url('../fonts/Pretendard-Regular.ttf') format('truetype'),
	url('../fonts/Pretendard-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/Pretendard-Medium.eot');
	src: url('../fonts/Pretendard-Medium.woff2') format('woff2'), 
	url('../fonts/Pretendard-Medium.woff') format('woff'), 
	url('../fonts/Pretendard-Medium.ttf') format('truetype'),
	url('../fonts/Pretendard-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/Pretendard-SemiBold.eot');
	src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-SemiBold.woff') format('woff'), 
	url('../fonts/Pretendard-SemiBold.ttf') format('truetype'),
	url('../fonts/Pretendard-SemiBold.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: bold;
	font-weight: 700;
	src: url('../fonts/Pretendard-Bold.eot');
	src: url('../fonts/Pretendard-Bold.woff2') format('woff2'), 
	url('../fonts/Pretendard-Bold.woff') format('woff'), 
	url('../fonts/Pretendard-Bold.ttf') format('truetype'),
	url('../fonts/Pretendard-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/Pretendard-ExtraBold.eot');
	src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), 
	url('../fonts/Pretendard-ExtraBold.woff') format('woff'), 
	url('../fonts/Pretendard-ExtraBold.ttf') format('truetype'),
	url('../fonts/Pretendard-ExtraBold.otf') format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/Pretendard-Black.eot');
	src: url('../fonts/Pretendard-Black.woff2') format('woff2'), 
	url('../fonts/Pretendard-Black.woff') format('woff'), 
	url('../fonts/Pretendard-Black.ttf') format('truetype'),
	url('../fonts/Pretendard-Black.otf') format('opentype');
}

@font-face {
    font-family: 'AritaDotum';
    font-weight: 100;
    font-style: normal;
    src: url('../fonts/AritaDotum-Thin.eot');
    src: url('../fonts/AritaDotum-Thin.woff2') format('woff2'),
        url('../fonts/AritaDotum-Thin.woff') format('woff'),
        url('../fonts/AritaDotum-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AritaDotum';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/AritaDotum-Light.eot');
    src: url('../fonts/AritaDotum-Light.woff2') format('woff2'),
        url('../fonts/AritaDotum-Light.woff') format('woff'),
        url('../fonts/AritaDotum-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AritaDotum';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/AritaDotum-Medium.eot');
    src: url('../fonts/AritaDotum-Medium.woff2') format('woff2'),
        url('../fonts/AritaDotum-Medium.woff') format('woff'),
        url('../fonts/AritaDotum-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AritaDotum';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/AritaDotum-SemiBold.eot');
    src: url('../fonts/AritaDotum-SemiBold.woff2') format('woff2'),
        url('../fonts/AritaDotum-SemiBold.woff') format('woff'),
        url('../fonts/AritaDotum-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'AritaDotum';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/AritaDotum-Bold.eot');
    src: url('../fonts/AritaDotum-Bold.woff2') format('woff2'),
        url('../fonts/AritaDotum-Bold.woff') format('woff'),
        url('../fonts/AritaDotum-Bold.ttf') format("truetype");
    font-display: swap;
}