/* font */
@font-face {
  font-family: Pretendard;
  src: url(../font/Pretendard-Medium.woff2) format('woff2'),
	   url(../font/Pretendard-Medium.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Pretendard;
  src: url(../font/Pretendard-Bold.woff2) format('woff2'),
	   url(../font/Pretendard-Bold.woff) format('woff');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Pretendard;
  src: url(../font/Pretendard-ExtraBold.woff2) format('woff2'),
	   url(../font/Pretendard-ExtraBold.woff) format('woff');
  font-style: normal;
  font-weight: 800;
}
 
/* CSS reset */
* {margin:0; padding:0; border:0; outline:0; -webkit-text-size-adjust:none; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl{list-style:none;}
img, video{border:0; vertical-align:top;}
input, select, textarea {vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
html{height:100%;}
body{height:100%; font-family:Pretendard,HelveticaNeue,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif; line-height:150%; font-size:15px; letter-spacing:normal; color:#000; font-weight:400; box-sizing:border-box; background:#fafbfc;}
label{cursor:pointer;}
.blind,legend,hr,caption{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
i,em,address{font-style:normal; font-weight:normal;}
a,a:link,a:visited{color:#fff; text-decoration:none;}
a:hover{color:#fff;}
input {font-family:Pretendard,HelveticaNeue,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif;}
textarea {font-family:Pretendard,HelveticaNeue,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif;}

/* Layout base */
#container {position:relative; width:100%; max-width:500px; min-height:100vh; box-sizing:border-box; margin:0 auto;}
.cfixed:after {display:block; content:""; clear:both;}
.copy_w {position:fixed; width:100%; line-height:100%; letter-spacing:normal; color:#c7c7c8; font-size:11px; font-weight:400; text-align:center; left:0px; bottom:20px;}

/* drag */
::selection {background:#14b1b6; color:#FFF; text-shadow:none;}
::-moz-selection {background:#14b1b6; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#14b1b6; color: #FFF; text-shadow: none;}

/* landscape */
@media screen and (orientation: landscape) {
	.copy_w {position:relative; left:auto; bottom:auto; padding-bottom:20px;}
}