@charset 'utf-8';

@import 'layout.css';

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('../font/SpoqaHanSansBold.woff2') format('woff2'),
    url('../font/SpoqaHanSansBold.woff') format('woff'),
    url('../font/SpoqaHanSansBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('../font/SpoqaHanSansRegular.woff2') format('woff2'),
    url('../font/SpoqaHanSansRegular.woff') format('woff'),
    url('../font/SpoqaHanSansRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('../font/SpoqaHanSansLight.woff2') format('woff2'),
    url('../font/SpoqaHanSansLight.woff') format('woff'),
    url('../font/SpoqaHanSansLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('../font/SpoqaHanSansThin.woff2') format('woff2'),
    url('../font/SpoqaHanSansThin.woff') format('woff'),
    url('../font/SpoqaHanSansThin.ttf') format('truetype');
}

@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 300;
	src: url('../font/ProximaNova-Thin.eot');
	src: local('ProximaNova Thin'), local('ProximaNova-Thin'), url('../font/ProximaNova-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 400;
	src: url('../font/ProximaNova-Regular.eot');
	src: local('ProximaNova Regular'), local('ProximaNova-Regular'), url('../font/ProximaNova-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 500;
	src: url('../font/ProximaNova-Semibold.eot');
	src: local('ProximaNova Semibold'), local('ProximaNova-Semibold'), url('../font/ProximaNova-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
	src: url('../font/ProximaNova-Bold.eot');
	src: local('ProximaNova Bold'), local('ProximaNova-Bold'), url('../font/ProximaNova-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova';
    font-weight: 700;
    src: local('ProximaNova Black'),
    url('../font/ProximaNova-Black.woff2') format('woff2'),
    url('../font/ProximaNova-Black.woff') format('woff'),
    url('../font/ProximaNova-Black.ttf') format('truetype');
}
.font-pn{font-family:'ProximaNova'; font-weight:400;}


/* normalize */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0; background:transparent; font-weight:normal;}
input, select, textarea, button { font:inherit; color:inherit; font-family: 'Spoqa Han Sans', sans-serif, Dotum, '돋움', arial; border:none; background-color:#fff; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display:block;}
ul, ol, li{ list-style:none;}
em{font-style:normal;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
table { border-spacing:0; border-collapse:seperate;}
table caption{ font-size:0; line-height:0;}
hr { display:none;}
img {font-size:0; line-height:0; border:0 none;}
input, button, select, img { vertical-align:middle;}
button { position:relative; background:none; border:0 none; cursor:pointer; font-family:inherit; margin:0; padding:0; outline:none;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}
a { text-decoration:none; margin:0; padding:0; color:#666;}
a:link, a:visited, a:hover{text-decoration:none}
textarea { margin:0; padding:0; vertical-align:middle;}
textarea:focus, input:focus {outline: none;}
* { box-sizing:border-box;}

/* common */
.blind { position:absolute; top:-99999px; left:-99999px; z-index:-1000;}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* placeholder */
::-webkit-input-placeholder {font-family: 'NanumSquare', sans-serif, Dotum, '돋움', arial; color:#666;}
:-moz-placeholder { /* Firefox 18- */font-family: 'NanumSquare', sans-serif, Dotum, '돋움', arial; color:#666;}
::-moz-placeholder {  /* Firefox 19+ */font-family: 'NanumSquare', sans-serif, Dotum, '돋움', arial; color:#666;}
:-ms-input-placeholder {font-family: 'NanumSquare', sans-serif, Dotum, '돋움', arial; color:#666;}

/* library */
	.tal{text-align:left !important}
	.tac{text-align:center !important}
	.tar{text-align:right !important}

/* Margin Style */
	.m0	 {margin:0 !important;}
	.mt0	 {margin-top:0 !important;}
	.mt1	 {margin-top:1px !important;}
	.mt2	 {margin-top:2px !important;}
	.mt3	 {margin-top:3px !important;}
	.mt4	 {margin-top:4px !important;}
	.mt5	 {margin-top:5px !important;}
	.mt6	 {margin-top:6px !important;}
	.mt7	 {margin-top:7px !important;}
	.mt8	 {margin-top:8px !important;}
	.mt9	 {margin-top:9px !important;}
	.mt10	 {margin-top:10px !important;}
	.mt11	 {margin-top:11px !important;}
	.mt12	 {margin-top:12px !important;}
	.mt13	 {margin-top:13px !important;}
	.mt14	 {margin-top:14px !important;}
	.mt15	 {margin-top:15px !important;}
	.mt16	 {margin-top:16px !important;}
	.mt17	 {margin-top:17px !important;}
	.mt18	 {margin-top:18px !important;}
	.mt19	 {margin-top:19px !important;}
	.mt20	 {margin-top:20px !important;}
	.mt25	 {margin-top:25px !important;}
	.mt30	 {margin-top:30px !important;}
	.mt35	 {margin-top:35px !important;}
	.mt40	 {margin-top:40px !important;}
	.mt45	 {margin-top:45px !important;}
	.mt50	 {margin-top:50px !important;}
	.mt60	 {margin-top:60px !important;}
	.mt65	 {margin-top:65px !important;}
	.mt70	 {margin-top:70px !important;}
	.mt75	 {margin-top:75px !important;}
	.mt80	 {margin-top:80px !important;}
	.mt85	 {margin-top:85px !important;}
	.mt90	 {margin-top:90px !important;}
	.mt95	 {margin-top:95px !important;}
	.mt100	 {margin-top:100px !important;}

	.mb0		 {margin-bottom:0 !important;}
	.mb1		 {margin-bottom:1px !important;}
	.mb2		 {margin-bottom:2px !important;}
	.mb3		 {margin-bottom:3px !important;}
	.mb4		 {margin-bottom:4px !important;}
	.mb5		 {margin-bottom:5px !important;}
	.mb6		 {margin-bottom:6px !important;}
	.mb7		 {margin-bottom:7px !important;}
	.mb8		 {margin-bottom:8px !important;}
	.mb9		 {margin-bottom:9px !important;}
	.mb10	 {margin-bottom:10px !important;}
	.mb15	 {margin-bottom:15px !important;}
	.mb18	 {margin-bottom:18px !important;}
	.mb20	 {margin-bottom:20px !important;}
	.mb25	 {margin-bottom:25px !important;}
	.mb30	 {margin-bottom:30px !important;}
	.mb35	 {margin-bottom:35px !important;}
	.mb40	 {margin-bottom:40px !important;}
	.mb50	 {margin-bottom:50px !important;}

	.mr0		 {margin-right:0 !important;}
	.mr1		 {margin-right:1px !important;}
	.mr2		 {margin-right:2px !important;}
	.mr3		 {margin-right:3px !important;}
	.mr4		 {margin-right:4px !important;}
	.mr5		 {margin-right:5px !important;}
	.mr6		 {margin-right:6px !important;}
	.mr7		 {margin-right:7px !important;}
	.mr8		 {margin-right:8px !important;}
	.mr9		 {margin-right:9px !important;}
	.mr10		 {margin-right:10px !important;}
	.mr11		 {margin-right:11px !important;}
	.mr12		 {margin-right:12px !important;}
	.mr13		 {margin-right:13px !important;}
	.mr14		 {margin-right:14px !important;}
	.mr15		 {margin-right:15px !important;}
	.mr16		 {margin-right:16px !important;}
	.mr17		 {margin-right:17px !important;}
	.mr18		 {margin-right:18px !important;}
	.mr19		 {margin-right:19px !important;}
	.mr20		 {margin-right:20px !important;}
	.mr25		 {margin-right:25px !important;}
	.mr30		 {margin-right:30px !important;}
	.mr35		 {margin-right:35px !important;}
	.mr40		 {margin-right:40px !important;}

	.ml0		 {margin-left:0 !important;}
	.ml1		 {margin-left:1px !important;}
	.ml2		 {margin-left:2px !important;}
	.ml3		 {margin-left:3px !important;}
	.ml4		 {margin-left:4px !important;}
	.ml5		 {margin-left:5px !important;}
	.ml6		 {margin-left:6px !important;}
	.ml7		 {margin-left:7px !important;}
	.ml8		 {margin-left:8px !important;}
	.ml9		 {margin-left:9px !important;}
	.ml10		 {margin-left:10px !important;}
	.ml11		 {margin-left:11px !important;}
	.ml12		 {margin-left:12px !important;}
	.ml13		 {margin-left:13px !important;}
	.ml14		 {margin-left:14px !important;}
	.ml15		 {margin-left:15px !important;}
	.ml16		 {margin-left:16px !important;}
	.ml17		 {margin-left:17px !important;}
	.ml18		 {margin-left:18px !important;}
	.ml19		 {margin-left:19px !important;}
	.ml20		 {margin-left:20px !important;}
	.ml25		 {margin-left:25px !important;}
	.ml30		 {margin-left:30px !important;}
	.ml35		 {margin-left:35px !important;}
	.ml40		 {margin-left:40px !important;}
	.ml45		 {margin-left:45px !important;}
	.ml50		 {margin-left:50px !important;}

	.mb-1		 {margin-bottom:-1px !important;}
	.mb-2		 {margin-bottom:-2px !important;}
	.mb-3		 {margin-bottom:-3px !important;}