@charset "UTF-8";
/* 
 * Pretendard v1.3.9 - https://github.com/orioncactus/pretendard/tree/main
 */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Pretendard-Regular.woff2) format('woff2'),
	url(fonts/Pretendard-Regular.woff) format('woff'),
	url(fonts/Pretendard-Regular.otf) format('opentype');
}@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/Pretendard-Medium.woff2) format('woff2'),
	url(fonts/Pretendard-Medium.woff) format('woff'),
	url(fonts/Pretendard-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/Pretendard-SemiBold.woff2) format('woff2'),
	url(fonts/Pretendard-SemiBold.woff) format('woff'),
	url(fonts/Pretendard-SemiBold.otf) format('opentype');
}@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/Pretendard-Bold.woff2) format('woff2'),
	url(fonts/Pretendard-Bold.woff) format('woff'),
	url(fonts/Pretendard-Bold.otf) format('opentype');
}

/******************* default definition *******************/
* {margin:0;padding:0;font-family:"Pretendard",Dotum, sans-serif;box-sizing:border-box;}
html{font-size:16px;}
html, body {min-height:100vh;margin:0;padding:0;}
body {overflow-y:auto;position:relative;color:#000;font-weight:400;text-align:justify;line-height:1.5em;word-break:break-all;background-color:#fff;}
table, div {border-collapse:collapse;}
h1, h2, h3 ,h4, h5, h6{text-decoration:none;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section, main{display:block;}
ul, li, dl, dt, dd{list-style-type:none;}
li{vertical-align:top;}

/******************* form *******************/
input,select,textarea{font-family:"Pretendard", sans-serif;}
select{
	position:relative;width:100%;height:40px;padding:0 48px 0 12px;color:#222;line-height:1.2;
	appearance:none;
	background:url(../images/bg_select_arrow.png) no-repeat right 16px center;
	background-size:16px;
}
option{padding:12px;}
select,textarea{font-size:0.875rem;vertical-align:middle;border:1px solid #ccc;border-radius:4px;}
textarea{width:100%;padding:12px;color:#111;resize:none;-webkit-appearance:none;background:#fff;}
/*select::-ms-expand{display:none;}*/
input{vertical-align:middle;}
input[type=text],input[type=file],input[type=password],input[type=number]{width:100%;height:48px;padding:14px 16px;color:#222;font-size:0.875rem;line-height:1.25rem;border:1px solid #ccc;border-radius:4px;}
input[type=number]{text-align:center;}
input[type=text]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus{border-color:#3b6fef;outline:none;}
input[type=text]:disabled{color:#8e8e8e;background:#f6f6f6;opacity:1;}
input::placeholder,input::-webkit-input-placeholder{color:#999;}
input[type=text][readonly],input[type=text]:read-only,input[type=text]:readonly{color:#666;border:1px solid #ccc;background:#f5f7fa !important;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{margin:0;}
input[type=checkbox],input[type=radio]{cursor:pointer;}
input[type=file]{background:#fff;}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	background:#fff !important;
}
table{width:100%;table-layout:fixed;}
caption{font-size:0;line-height:0;text-indent:-5000px;}
legend{position:absolute;top:0;left:0;font-size:0;line-height:0;text-indent:-5000px;}
button{font-size:1rem;cursor:pointer;border:none;background:none;}
button:visited{outline:none;}
a:disabled, button:disabled{pointer-events:none;}

/******************* other *******************/
img,fieldset{border:0;}
img{display:inline-block;width:100%;vertical-align:middle;}
label{cursor:pointer;}
i,em,address{font-style:normal;}
hr{display:none;}
a{display:inline-block;color:#282828;cursor:pointer;}
a:link,a:hover,a:visited {text-decoration:none;}
pre{font-family:"Pretendard",Dotum, sans-serif;word-break:break-all;white-space:pre-wrap;}
video{width:100%;height:100%;}

/******************* vue Does not expect expression *******************/
[v-cloak]{
	display:none !important;
}

/* TEXT 반응형 처리 : 360 기준
@media screen and (max-width:359px){
	html{font-size:14px;}
}
@media screen and (min-width:1024px){
	html{font-size:18px;}
}
*/