@charset "UTF-8";
@font-face { font-family: 'icon'; src: url(/layouts/skutc/font/skuinc_symbol.eot); src: url(/layouts/skutc/font/skuinc_symbol.eot?#iefix) format("embedded-opentype"), url(/layouts/skutc/font/skuinc_symbol.ttf) format("truetype"); font-weight: normal; font-style: normal; }
body { font-family: 나눔고딕, 'malgun gothic', gulim, dotum; font-size: 15px; background: #333; color: #000; overflow-x: hidden; /*
-webkit-filter:hue-rotate(105deg);
-webkit-filter: hue-rotate(180deg) invert(1);
-webkit-filter: sepia(1);
-webkit-filter: grayscale(1);
*/ }

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

header { position: fixed; width: 302px; height: 400px; background: url(/share/img/common/header_bg_2.png) no-repeat -10px 0; z-index: 100; }

.logo a { background: url(/share/img/logo/logo.png) no-repeat; text-indent: -100%; white-space: nowrap; overflow: hidden; display: block; width: 146px; height: 169px; position: absolute; top: 20px; left: 20px; /*
-webkit-filter:hue-rotate(105deg);
*/ }

#main_nav { position: fixed; width: 100%; background: rgba(0, 0, 0, 0.85); z-index: 20; padding-left: 280px; }
#main_nav li { display: inline-block; *zoom: 1; *display: inline; padding: 0 1px; }
#main_nav li:last-child a:after { display: none; }
#main_nav a { color: #ccc; display: block; padding: 10px 18px; text-align: center; position: relative; }
#main_nav a:hover, #main_nav a.selected { color: #fff; }
#main_nav a:after { content: '/'; color: #71bf44; position: absolute; top: 10px; right: -3px; }
#main_nav ul ul { width: 100%; background: rgba(45, 45, 45, 0.9); position: absolute; left: 0px; padding-left: 280px; display: none; }
#main_nav ul ul a { color: #bbb; padding: 6px 18px 8px; }
#main_nav ul ul a:after { top: 6px; }

#top_menu { position: fixed; right: 10px; top: 11px; z-index: 21; font-size: 12px; }
#top_menu li { display: inline-block; *zoom: 1; *display: inline; padding: 0 1px; }
#top_menu a { display: block; color: #bbb; padding: 0 4px; }
#top_menu a:hover { color: #fff; }

.page-banner { position: absolute; top: 0px; bottom: 0; right: 100px; z-index: 2; color: #fff; padding-top: 125px; /*	&:after{
		content:'';
		right:-185px;
		top:0px;
		position:absolute;
		bottom:0;
		width:500px;
		-ms-transform: skew(-35deg,0deg);
		-webkit-transform: skew(-35deg,0deg);
		transform: skew(-35deg,0deg);
		-ms-transform-origin:right 0;
		-webkit-transform-origin:right 0;
		transform-origin:right 0;
		background:rgba(0,0,0,0.2);
		border-left:1px #000 solid;
		border-right:1px #000 solid;
		z-index:-1;
	}*/ }

footer { position: fixed; right: 0; bottom: 0; width: 292px; height: 400px; background: url(/share/img/common/footer_bg_2.png) no-repeat 35px 0; z-index: 100; font-size: 9pt; text-align: right; }
footer .copyright { position: absolute; bottom: 85px; right: 20px; line-height: 130%; }
footer p { margin-top: 10px; }
footer .sku-logo { position: absolute; width: 162px; height: 41px; bottom: 30px; right: 20px; background: url(/share/img/logo/sku_logo.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; font-size: 0; }

/*# sourceMappingURL=layout.css.map */