@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 100;
    src: url(/includes/fonts/AppleSDGothicNeoT.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 200;
    src: url(/includes/fonts/AppleSDGothicNeoUL.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 300;
    src: url(/includes/fonts/AppleSDGothicNeoL.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 400;
    src: url(/includes/fonts/AppleSDGothicNeoR.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 500;
    src: url(/includes/fonts/AppleSDGothicNeoM.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 600;
    src: url(/includes/fonts/AppleSDGothicNeoSB.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 700;
    src: url(/includes/fonts/AppleSDGothicNeoB.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 800;
    src: url(/includes/fonts/AppleSDGothicNeoEB.woff) format('woff');
}
@font-face {
    font-family: 'AppleSDGothicNeo';
    font-style: normal;
    font-weight: 900;
    src: url(/includes/fonts/AppleSDGothicNeoH.woff) format('woff');
}

* {	
	font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;
}

p {
    margin: 0px;
    padding: 0px;
}

a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}

/* Typo System */
.page-title { font-size : 70px; }
.main-title { font-size : 45px; }
.sub-title { font-size : 35px; }
.sml-title { font-size : 30px; }
.main-cont { font-size : 24px; }
.sub-cont { font-size : 20px; }
.norm-cont { font-size : 18px; }
.sml-cont { font-size : 15px; }
.caption { font-size : 13px; }
.minor { font-size : 10px; }

@media(max-width: 800px) {
	.page-title { font-size : 35px; }
	.main-title { font-size : 30px; }
	.sub-title { font-size : 20px; }
	.sml-title { font-size : 19px; }
	.main-cont { font-size : 18px; }
	.sub-cont { font-size : 16px; }
	.norm-cont { font-size : 15px; }
	.sml-cont { font-size : 14px; }
}

/* margin/padding system */
.pd-10 { padding: 10px!important; }
.pd-15 { padding: 15px!important; }
.pd-20 { padding: 20px!important; }
.pd-25 { padding: 25px!important; }
.pd-30 { padding: 30px!important; }
.pd-35 { padding: 35px!important; }
.pd-lr-10 { padding-left: 10px!important; padding-right: 10px!important; }
.pd-lr-15 { padding-left: 15px!important; padding-right: 15px!important; }
.pd-lr-20 { padding-left: 20px!important; padding-right: 20px!important; }
.pd-lr-25 { padding-left: 25px!important; padding-right: 25px!important; }
.pd-lr-30 { padding-left: 30px!important; padding-right: 30px!important; }
.pd-lr-35 { padding-left: 35px!important; padding-right: 35px!important; }

/* letter spacing */
.ls-0 { letter-spacing: 0.0em; }
.ls-1 { letter-spacing: -0.01em; }
.ls-2 { letter-spacing: -0.02em; }
.ls-3 { letter-spacing: -0.03em; }
.ls-4 { letter-spacing: -0.04em; }
.ls-5 { letter-spacing: -0.05em; }

/* Align System */
.t-center { text-align: center; }
.t-left { text-align: left; }
.t-right { text-align: right; }

/* Font weight */
.we-100 { font-weight: 100 }
.we-200 { font-weight: 200 }
.we-300 { font-weight: 300 }
.we-400 { font-weight: 400 }
.we-500 { font-weight: 500 }
.we-700 { font-weight: 700 }
.we-900 { font-weight: 900 }