@charset "utf-8";

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

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

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/css/fonts/Pretendard-Bold.woff2) format('woff2'), 
								   url(/css/fonts/Pretendard-Bold.woff) format('woff'),
								   url(/css/fonts/Pretendard-Bold.otf) format('opentype');
}

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

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

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

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

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

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/css/fonts/Pretendard-Thin.woff2) format('woff2'), 
								   url(/css/fonts/Pretendard-Thin.woff) format('woff'),
								   url(/css/fonts/Pretendard-Thin.otf) format('opentype');
}
/* ROBOTO : latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/css/fonts/roboto/Roboto-Light7.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: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/roboto/Roboto-Regular7.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;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/css/fonts/roboto/Roboto-Medium7.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;
}
/* Poppins : latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/css/fonts/Poppins-Light.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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/Poppins-Regular.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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/css/fonts/Poppins-Medium.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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/css/fonts/Poppins-SemiBold.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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url(/css/fonts/Poppins-Bold.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;
}

*{ box-sizing:border-box; }
html { overflow-y:scroll; margin:0; padding:0; border:0; -webkit-text-size-adjust:none; }
body { min-width:320px; margin:0; padding:0; font-size:18px; font-family:'Pretendard','Malgun Gothic',Sans-serif; position:relative; }
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0; line-height:160%; font-family:'Pretendard','Malgun Gothic',Sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:500; font-family:'Pretendard','Malgun Gothic',Sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul, li {list-style:none}
li{ list-style-type:none; }
caption, 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; }
input, button{ margin:0; padding:0; font-family:'Pretendard','Malgun Gothic',Sans-serif; font-size:18px; font-weight:400; }
input, textarea, select { margin:0; padding:0; background:#fff; }
button{ cursor:pointer; }
button,input[type=submit]{ margin:0; vertical-align:top; cursor:pointer; }
textarea { font-family:'Pretendard','Malgun Gothic',Sans-serif; min-height:43px; border:solid 1px #ccc; margin:5px auto 5px; background:#fff; }
textarea, select { margin:0; font-family:'Pretendard','Malgun Gothic',Sans-serif; font-size:16px; font-weight:300; }
p { margin:0; padding:0; word-break:keep-all; font-weight:400; font-size:16px; line-height:25px; font-family:'Pretendard','Malgun Gothic',Sans-serif; color:#444; }
hr { display:none; }
a{ text-decoration:none; color:#222; }
a:link, a:visited { text-decoration:none; }
a:hover, a:focus, a:active { color:#000; text-decoration:underline; }
a:hover, a:active, a:focus{ text-decoration:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img,fieldset,iframe{ border:0; vertical-align:top; }
img,fieldset { border:none; }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top; }
label{ cursor:pointer; }
label:hover{ color:#184ee8; }
label input[type=checkbox]{ vertical-align:middle; }


@media(max-width:1200px){

body{ font-size:15px; }
p{ font-size:16px; line-height:23px; }
input, button{ font-size:15px; }
textarea, select{ font-size:15px; }

}

@media(max-width:999px){

body{ font-size:14px; }
p{ font-size:14px; line-height:20px; }
input, button{ font-size:14px; }
textarea, select{ font-size:14px; }

}