@charset "utf-8";
/* CSS Document */
@import url('fonts.css');

/* reset */
html,body{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff;/* letter-spacing:.1em; */}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Futura','Noto Sans Korean',"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;font-weight:300;color:#000} /* color값은 디자인가이드에 맞게사용 */
button{font-size:12px; font-weight:normal;}
/* th,td{font-size:16px;} */
a, a:focus, a:active, a:hover  {color:#000;text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
label{margin:0;font-weight:300;}
h2{font-weight:300;}
th{text-align:center;}

/* ramskull icon */
*[class*="icon-ramskull"]{display:inline-block; font-family:'ramskull'; speak:none; vertical-align:middle; font-style: normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.icon-ramskull_close:before{content:"\e614"}
.icon-ramskull_up:before{content:"\e60d"}
.icon-ramskull_down:before{content:"\e60e"}
.icon-ramskull_down:before{content:"\e60e"}
.icon-ramskull_previous:before{content: "\e608";}
.icon-ramskull_next:after{content:"\e60c";}

@media (min-width: 240px) and (max-width: 1024px) {
	body{font-size:12px;}
	
}