@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[home.css]

	1. promotion
	2. news
	3. sidebar

////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------

	1. promotion

------------------------------------------------------------*/
div#promotion {
	width: 840px;
	height: 240px;
	margin: 24px 30px 0;
}

div#promotion img {
	display: block;
}

/*------------------------------------------------------------

	2. news

------------------------------------------------------------*/
div#news {
	margin: 24px 0;
}

/* news
------------------------------------------------------------*/
div#news h2 {
	margin: 0 0 6px;
}

table.news {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

table.news th,
table.news td {
	padding: 6px 0;
	border: none;
	border-bottom: 1px dotted #CCC;
}

table.news th {
	text-align: left;
}

table.news th.date {
	width: 8em;
}

table.news a {
	display: block;
}

/* index link
------------------------------------------------------------*/
div#content p.index {
	position: absolute;
	right: 12px;
	top: 12px;
	margin: 0;
	line-height: 1;
}

div#content p.index a {
	display: block;
	background-position: 2px center;
}


/*------------------------------------------------------------

	3. sidebar

------------------------------------------------------------*/
div#sidebar {
	margin-top: 24px;
}


/*------------------------------------------------------------

	4. about

------------------------------------------------------------*/
body.overseas div#body {
	background: url(../img/about/photo2.jpg) no-repeat 15px bottom;
}

div#about {
	margin: 30px;
	overflow: auto;
}
* html div#about {
	height: 1;
}

div#about h2 {
	width: auto;
	margin: 0 0 12px;
	background: url(../img/content/bg_heading3_bottom.gif) no-repeat left bottom;
	font-size: 123.1%;/* 13px->16px */
}

div#about h2 span {
	position: relative;
	display: block;
	padding: 10px 12px 10px 36px;
	min-height: 16px;
	background: url(../img/content/bg_heading3_top.jpg) no-repeat;
	outline: none;
}
* html div#about h2 span {
	height: 36px;
}

div#about div.outline {
	float: left;
	width: 390px;
	margin-bottom: 120px;
}

div#about div.outline p {
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}

div#about div.outline p.photo {
	margin-top: 20px;
}

div#about div.data {
	float: right;
	width: 390px;
	padding-left: 30px;
	border-left: 1px dotted #CCC;
}
* html div#about div.data {
	width: 420px;
}

div#about div.data dl {
	font-size: 83.4%;
}

div#about div.data dt {
	font-weight: bold;
}

div#about div.data dd {
	padding-left: 2em;
}

div#about div.data p {
	margin-top: 1em;
}

div#about div.data p a.pdf {
	padding: 0 0 0 22px;
	background: url(../img/content/bullet_file_pdf.gif) no-repeat 2px 0;
}

/* travel banner */
div#about div.data p.travel {
	margin: 0 0 1em;
}

div#about div.data p.travel a {
	display: block;
	width: 390px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

div#about div.data p.travel a:hover {
	background-position: 0 -36px;
}

body.en div#about div.data p.travel a {
	background-image: url(../img/banner/home_travel_en.jpg);
}

body.ko div#about div.data p.travel a {
	background-image: url(../img/banner/home_travel_ko.jpg);
}

body.zh-cn div#about div.data p.travel a {
	background-image: url(../img/banner/home_travel_zh-cn.jpg);
}

body.ru div#about div.data p.travel a {
	background-image: url(../img/banner/home_travel_ru.jpg);
}