@charset "utf-8";
/* CSS Document */

/*------------------------------
=tags
------------------------------*/
html {
}

body {
color: #fff;
background-color: #000;
}

a {
color: #333;
text-decoration: underline;
}

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

/*------------------------------
=container
------------------------------*/
#wrapper {
background: #E6001D;
}

#header {
width: 960px;
height: 200px;
margin: 0 auto;
background: url(../img/common/bg_header.jpg) no-repeat center bottom;
}

#col-wrapper {
width: 960px;
margin: 0 auto;
padding: 18px 0 0 0;
color: #333;
background: url(../img/common/bg_col_wrapper.png) no-repeat center top;
zoom: 1;
}

#col-wrapper:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}

#footer {
height: 102px;
background: url(../img/common/bg_footer.gif) repeat-x left top;
}

/*------------------------------
=header
------------------------------*/
#header-inner {
position: relative;
height: 133px;
background: url(../img/common/bg_header_inner.gif) no-repeat center top;
}

#header-inner a {
color: #fff;
text-decoration: underline;
}

#header-inner a:hover {
text-decoration: none;
}

#logo {
	position: absolute;
	width: 206px;
	height: 133px;
	top: 0px;
	left: 19px;
	background: url(../img/common/bg_logo.png) no-repeat center bottom;
	z-index: 2;
}

#logo a {
display: block;
width: 206px;
height: 133px;
text-indent: -9999em;
overflow: hidden;
}

#header #lang {
padding: 28px 32px 3px 0;
text-align: right;
font-size: 93%;
}

#header #lang li {
display: inline;
padding: 0 22px 0 16px;
}

#header #lang li:first-child {
background: url(../img/common/icn_lang_en.gif) no-repeat left center;
}

#header #lang li:nth-child(2) {
background: url(../img/common/icn_lang_ko.gif) no-repeat left center;
}

#header #lang li:last-child {
background: url(../img/common/icn_lang_cn.gif) no-repeat left center;
}

#header ul.menu {
padding: 0 32px 0 0;
text-align: right;
font-size: 93%;
}

#header ul.menu li {
display: inline;
padding: 0 22px 0 16px;
}

#header ul.menu li:first-child {
background: url(../img/common/icn_contact.gif) no-repeat left center;
}

#header ul.menu li:last-child {
background: url(../img/common/icn_sitemap.gif) no-repeat left center;
}

/*------------------------------
=global
------------------------------*/
#global {
position: absolute;
width: 720px;
height: 33px;
background: url(../img/common/global.gif) no-repeat 0px 0px;
line-height: 33px;
left: 230px;
bottom: 31px;
_bottom: 30px;
overflow: hidden;
zoom: 1;
}

#global:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}

#global li {
display: inline;
float: left;
width: 144px;
height: 33px;
}

#global li a {
display: block;
width: 144px;
height: 33px;
text-indent: -9999em;
background: url(../img/common/global.gif) no-repeat 0px 0px;
overflow: hidden;
}

#global li:nth-child(1) a {
background-position: 0px 0px;
}

#global li:nth-child(1) a.this,
#global li:nth-child(1) a:hover {
background-position: 0px bottom;
}

#global li:nth-child(2) a {
background-position: -144px 0px;
}

#global li:nth-child(2) a.this,
#global li:nth-child(2) a:hover {
background-position: -144px -33px;
}

#global li:nth-child(3) a {
background-position: -288px 0px;
}

#global li:nth-child(3) a.this,
#global li:nth-child(3) a:hover {
background-position: -288px -33px;
}

#global li:nth-child(4) a {
background-position: -432px 0px;
}

#global li:nth-child(4) a.this,
#global li:nth-child(4) a:hover {
background-position: -432px -33px;
}

#global li:nth-child(5) a {
background-position: -576px 0px;
}

#global li:nth-child(5) a.this,
#global li:nth-child(5) a:hover {
background-position: -576px -33px;
}


/*------------------------------
=col-main
------------------------------*/
#col-main {
display: inline;
float: right;
width: 708px;
margin: 0 0 0 17px;
padding: 15px 0 0 0;
background: url(../img/common/bg_col_main.png) repeat-y left top;
}

#col-main span.footer {
display: block;
width: 708px;
height: 41px;
background: url(../img/common/bg_col_main_footer.gif) no-repeat left bottom;
overflow: hidden;
}

#col-main h1,
#col-main .h1 {
width: 433px;
height: 33px;
margin: 0 0 13px 0;
padding: 9px 20px 0 9px;
color: #fff;
font-size: 129%;
font-weight: bold;
line-height: 28px;
background: url(../img/common/hdr_col_main.png) no-repeat left center;
}

#col-main #col-main-inner {
width: 640px;
padding: 0 35px 0 33px;
line-height: 1.4;
}

#col-main #col-main-inner h2 {
margin: 20px 0 0.75em 0;
font-size: 107%;
font-weight: bold;
background: url(../img/common/bg_h2.gif) repeat-x left center;
}

#col-main #col-main-inner h2.first {
margin: 0 0 0.75em 0;
}

#col-main #col-main-inner h2 span {
padding: 0 3px 0 0;
background-color: #fff;
}

#col-main #col-main-inner p {
margin: 0 0 1em 0;
}

#col-main #col-main-inner p.last,
#col-main #col-main-inner p:last-child {
margin: 0;
}

/*------------------------------
=breadcrumbs
------------------------------*/
#breadcrumbs {
margin: 2em 0 0 0 !important;
}

/*------------------------------
=col-menu
------------------------------*/
#col-menu {
display: inline;
float: right;
width: 235px;
background: url(../img/common/bg_col_menu.png) repeat-y left top;
}

#col-menu span.footer {
display: block;
width: 235px;
height: 7px;
background: #a8a8a8 url(../img/common/bg_col_menu_footer.gif) no-repeat left top;
overflow: hidden;
}

/*------------------------------
=subnavi
------------------------------*/
#subnavi {
width: 235px;
padding: 15px 0 0 0;
}

#subnavi dt {
width: 190px;
height: 33px;
margin: 0 0 13px 0;
padding: 9px 20px 0 15px;
color: #fff;
font-size: 129%;
font-weight: bold;
line-height: 28px;
background: url(../img/common/hdr_col_menu.png) no-repeat left center;
}

#subnavi dd {
width: 189px;
margin: 0 8px 20px 13px;
padding: 0 15px 21px 10px;
background: url(../img/common/bg_subnavi_footer.gif) repeat-x left bottom;
}

#subnavi dd ul {
line-height: normal;
}

#subnavi dd ul li {
clear: both;
width: 185px;
margin: 0 0 1px 0;
}

#subnavi dd ul li a {
display: block;
width: 185px;
height: 28px;
text-indent: -9999em;
overflow: hidden;
}

#subnavi dd ul li.news a {
background: url(../img/common/subnavi_hdr_news.gif) no-repeat 0px 0px;
}

#subnavi dd ul li.ranking a {
background: url(../img/common/subnavi_hdr_ranking.gif) no-repeat 0px 0px;
}

#subnavi dd ul li.new a {
background: url(../img/common/subnavi_hdr_new.gif) no-repeat 0px 0px;
}

#subnavi dd ul li.product a {
background: url(../img/common/subnavi_hdr_product.gif) no-repeat 0px 0px;
}

#subnavi dd ul li a:hover {
background-position: 0px -28px;
}

#subnavi dd ul li ul {
clear: both;
margin: 0 0 0 11px;
line-height: 1.8;
}

#subnavi dd ul li ul li {
font-size: 107%;
width: auto;
height: auto;
margin: 0;
}

#subnavi dd ul li.news ul li a,
#subnavi dd ul li.ranking ul li a,
#subnavi dd ul li.new ul li a,
#subnavi dd ul li.product ul li a,
#subnavi dd ul li ul li a {
display: inline;
padding: 0 0 0 22px;
color: #333;
text-indent: 0px;
text-decoration: none;
background-image: none;
background: url(../img/common/icn_subnavi.gif) no-repeat left center;
}

#subnavi dd ul li ul li a:hover {
color: #999;
background: url(../img/common/icn_subnavi.gif) no-repeat -235px center;
}

#col-menu ul.bnr {
width: 219px;
padding: 0 0 20px 10px;
line-height: normal;
}

#col-menu ul.bnr li {
width: 185px;
margin: 0 auto 10px auto;
}

#col-menu ul.bnr li img {
vertical-align: top;
}

/*------------------------------
=return
------------------------------*/
#return {
clear: both;
width: 940px;
height: 20px;
margin: 0 auto;
padding: 40px 0 0 0;
line-height: 20px;
background: url(../img/common/bg_return.gif) no-repeat right bottom;
}

#return a {
display: block;
width: 150px;
height: 20px;
margin: 0 0 0 790px;
text-align: center;
color: #fff;
font-size: 93%;
}

#return a:hover {
text-decoration: none;
}

/*------------------------------
=footer
------------------------------*/
#footer div.wrapper {
width: 940px;
height: 102px;
margin: 0 auto;
}

#footer div.wrapper ul.menu {
display: inline;
float: right;
width: 40%;
padding: 20px 0 0 0;
text-align: right;
}

#footer div.wrapper ul.menu li {
display: inline;
padding: 0 5px 0 4px;
font-size: 93%;
border-right: solid 1px #fff;
}

#footer div.wrapper ul.menu li:last-child {
padding: 0 0 0 4px;
border-right-style: none;
}

#footer div.wrapper ul.menu li a {
color: #fff;
text-decoration: none;
}

#footer div.wrapper ul.menu li a:hover {
color: #aaa;
}

#footer div.wrapper #copyright {
display: inline;
float: right;
width: 60%;
padding: 20px 0 0 0;
font-size: 85%;
}


/*------------------------------
=common-style
------------------------------*/
.wrapper {
zoom: 1;
}

.wrapper:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.float-clear {
clear: both;
}

.txt-red {
color: #af2731;
}

.font-s {
font-size: 85%;
}

.numeric {
font-family: Arial,Verdana,Helvetica,sans-serif;
}

#col-main #col-main-inner .userarea p {
margin: 0;
}

.userarea ul li {
margin: 0 0 0 2em;
list-style: disc;
}

.userarea ol li {
margin: 0 0 0 2em;
list-style: decimal;
}

ul#pagenavi {
width: auto;
margin: 2em 0 0 0;
text-align: center;
zoom: 1;
}

ul#pagenavi li {
display: inline;
padding: 0 5px;
}

ul#pagenavi li.previous {
border-right: solid 1px #480c09;
}

ul#pagebute {
width: auto;
margin: 2em 0 0 0;
text-align: center;
line-height: 1.8;
zoom: 1;
}

ul#pagebute li {
display: inline;
padding: 0 2px;
}

ul#pagebute li a {
padding: 3px 5px;
text-decoration: none;
border: solid 1px #999;
}

ul#pagebute li a:hover {
color: #333;
background-color: #FFBFCE;
}

ul#pagebute li span.current_page {
padding: 3px 5px;
color: #fff;
background-color: #999;
border: solid 1px #999;
}


/*-- CSS end -*/