@import url('https://fonts.googleapis.com/css?family=Gothic+A1:400');

@font-face {
  font-family: 'Lars-Regular';
  src: url(/corners/fonts/Lars-Regular.woff) format('woff'), url(/fonts/Lars-Regular.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}
	
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.................... http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain) ....................*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

html{
    font-family: 'Lars-Regular', 'Noto Sans KR', sans-serif;
	font-size: 15px;
    -webkit-text-size-adjust: 100%;
}

/*.................... body ....................*/

body {
}

/*.................... header ....................*/

.left {
	position: absolute;
	width: 50%;
	height: 100%;
}

.right {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 100%;
}

#graphicdesign {
	position: relative;
	top: calc(50% - 1rem);
	width: 100%;
	display: inline-block;
	text-align: center
}

@media screen and (max-width:600px){
	#graphicdesign {
		top: calc(50% - 2rem);
		left: 25%;
		width: 50%;
	}
}

#risographprinting {
	position: relative;
	top: calc(50% - 1rem);
	width: 100%;
	display: inline-block;
	text-align: center
}

@media screen and (max-width:600px){
	#risographprinting {
		top: calc(50% - 2rem);
		left: 25%;
		width: 50%;
	}
}

/*.................... link & selection ....................*/

a {
	color: black;
    text-decoration: none;
}

p {
	overflow: hidden !important;
}

::-moz-selection {
    background: yellow;
}

::selection {
    background: yellow;
}

/*.......... Media Query ..........*/

@media screen and (max-width:600px){
    html{
        font-size:15px;
    }
}

@media screen and (min-width:1024px){
    html{
        font-size:14px;
    }
}

@media screen and (min-width:1441px){
    html{
        font-size:1rem;
    }
}

@media screen and (min-width:1921px){
    html{
        font-size:1.1rem;
    }
}