@charset "utf-8";

/* =========================================================

Menu  :
	1.UNIVERSAL-RESET
	2.BASE-SET
	3.WIRE-FRAME
	4.FORM STYLE
	5.TABLE STYLE
	6.COMMON STYLE
		6-1.HEADER STYLE
		6-2.GLOBALNAV STYLE
		6-3.BREADCRUMBLIST STYLE
		6-4.APPEAL CONTENTS STYLE
		6-5.CONTENT HEADER STYLE
		6-6.CONTENT FOOTER STYLE
	7.TOP STYLE
	8.PHOTO STYLE
	9.MENU BOX STYLE
	10.MAP STYLE(&COUPON)
	11.REAERVATION STYLE
========================================================= */

/* 1.UNIVERSAL-RESET
--------------------------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
	color: #333;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
}

/*input,
textarea {
	margin: 0;
}*/

table {
	font-size: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ins,
del {
	text-decoration: none;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
}

abbr,
acronym {
	border: 0;
}


/* 2.BASE-SET
--------------------------------------------------------- */

body,
input,
select,
textarea,
table {
	font-size: 13px;
	font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;
	line-height:1.7;
}


* html body,
* html input,
* html textarea,
* html table {
	font-size: small;
}

*:first-child+html body,
*:first-child+html input,
*:first-child+html textarea,
*:first-child+html table {
	font-size: small;
}

.clfix:after,
#header:after,
#langNav:after,
.wrapper:after,
#globalNav:after,
#breadcrumbList:after,
#destinationMap:after,
#sidebar #advertisement2 .article:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

*:first-child+html .clfix,
*:first-child+html #header:after,
*:first-child+html #langNav:after,
*:first-child+html .wrapper:after,
*:first-child+html #globalNav,
*:first-child+html #breadcrumbList,
*:first-child+html #destinationMap,
*:first-child+html #sidebar #advertisement2 .article {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix,
* html #header:after,
* html #langNav:after,
* html .wrapper:after,
* html #globalNav,
* html #breadcrumbList,
* html #destinationMap,
* html #sidebar #advertisement2 .article {
	height: 1%;
}

.clfix,
#header,
#langNav,
.wrapper,
#globalNav,
#breadcrumbList,
#destinationMap,
#sidebar #advertisement2 .article {
	display: block;
}
/* End hide from IE6/IE Mac */

a {
	overflow: hidden;
	text-decoration: none;
}

a:hover,
a:active,
#contentBody a {
	text-decoration: underline;
}

a:link {
	text-decoration: underline;
}

a:link {
	color: #07519A;
}

a:visited {
	color: #909;
	text-decoration: underline;
}

a:hover {
	color: #c00;
}

a:active {
	color: #c00;
}

.px10 {
	font-size: 77%;
}

.px11,
.xs {
	font-size: 85%;
}

.px12,
.s {
	font-size: 93%;
}

.px13,
.m {
	font-size: 100%;
}

.px14 {
	font-size: 108%;
}

.px15,
.l {
	font-size: 116%;
}

.px16,
.xl {
	font-size: 123%;
}

.px17 {
	font-size: 131%;
}

.px18 {
	font-size: 138%;
}

.px19 {
	font-size: 146%;
}

.px20 {
	font-size: 153%;
}

.px21 {
	font-size: 161%;
}

.px22 {
	font-size: 167%;
}

.px23 {
	font-size: 174%;
}

.px24 {
	font-size: 182%;
}

.px25 {
	font-size: 189%;
}

.px26 {
	font-size: 197%;
}


/* 3.WIRE-FRAME
--------------------------------------------------------- */

html {
	overflow-y: scroll; /* CSS3 */
}

#header,
#container,
#search-cond,
#footer-nav,
#footer address {
	margin: 0 auto;
	position: relative;
	width: 950px;
}

#container {
	margin-bottom: 30px;
}

#content {
	float: left;
	width: 670px;
}

#sidebar {
	float: right;
	width: 250px;
/*	padding-right: 10px;*/
}

#footer {
	background-color: #eee;
	width: 100%;
}

#langNav li a,
#globalNav,
#siteLogo a,
.headerSearchGo,
#globalNav p,
#globalNav p a em,
#globalNav ul li,
#globalNav ul li a em,
#breadcrumbList li a,
table.basic th,
.moreLink a,
#container #content h2,
#popSearches ul li,
#sidebar p.more a,
#direct p.more a,
#sidebar #advertisement2 ul#txtAd a,
#qSearches .search-go .submit {
	background-image:url("l-cn.png");
	background-repeat: no-repeat;
}

#qSearches {
	background-image: url("/c/lang/q-search.png");
	background-repeat: no-repeat;
}

/* 4.FORM STYLE
--------------------------------------------------------- */

.checkbox,
.radio {
	vertical-align: -3px;
	margin-right: 3px;
}

/* 5.TABLE STYLE
--------------------------------------------------------- */

table.basic {
	background-color: #fff;
	border: 0 solid #dbdbdb;
	border-collapse: collapse;
	border-width: 0 1px 1px 0;
	color: #444;
	margin-bottom: 5px;
	table-layout: auto;
	width: 770px;
}

table.basic th {
	background-color: #e6e6e6;
	background-position: 0 -80px;
	font-weight: bold;
	width: 126px;
}

table.basic th,
table.basic td {
	border: 0 solid #dbdbdb;
	border-width: 1px 0 0 1px;
	line-height: 1.5;
	padding: 5px 12px;
}

table.bh th,
table.bh td {
	background: none;
	border: none;
	font-weight: normal;
	line-height: 1.25;
	padding: 0;
	padding-right: 5px;
	width: auto;
}

table.basic .cell td {
	width: 209px;
}

table.basic td.col3 {
	width: 593px;
}

/* 6.COMMON STYLE
--------------------------------------------------------- */
#container #content h1 {
	font-family: helvetica CY,Franklin Gothic Medium;
    font-size: 246.2%;
    line-height: 1.1;
    margin-bottom: 30px;
}

#container #content h2 {
	background-position: -770px -60px;
	border-bottom: 1px dotted #ccc;
    font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 1px 0 5px 20px;
}

.moreLink {
	margin-top: 10px;
	padding: 0 10px;
	text-align: right;
}

.moreLink a {
 	background-position: -670px -160px;
	padding-left: 12px;
}

.jp {
	font-weight: normal;
}


/*6-1 HEADER*/
#header {
	margin-bottom: 20px;
}

#langNav {
	border-left: 1px solid #ccc;
	position: absolute;
	right: 0;
	/*float: right;*/
	line-height: 1.5em;
	padding-left: 10px;
	top: 0;
	z-index: 3;
}

#langNav li {
	float: left;
	font-size: 10px;
}

#langNav li.jp {
	font-weight: normal;
}

#langNav li a {
	border-top: 3px solid #fff;
	color: #999;
	display: block;
	height: 20px;
	overflow: hidden;
	padding: 0 0 3px;
	text-decoration: none;
	text-indent: -9999px;
}

#langNav li.en a {
	background-position: -440px -90px;
	width: 57px;
}

#langNav li.cn a {
	background-position: -490px -90px;
	width: 59px;
}

#langNav li.tw a {
	background-position: -540px -90px;
	width: 59px;
}

#langNav li.kr a {
	background-position: -590px -90px;
	width: 47px;
}

#langNav li.th a,#langNav li.id a ,#langNav li.ms a {
	background: url("/en/lib/lang_change.png") no-repeat;
	background-position: -194px -30px;
	width: 59px;
}

#langNav li.id a {
	background-position: -295px -30px;
	width: 59px;
}

#langNav li.ms a {
	background-position: -347px -30px;
	width: 59px;
}

#langNav li.jp a {
	background-position: -640px -90px;
	width: 49px;
}

#langNav li a:hover {
	border-top: 3px solid #c00;
	color: #333;
}

body.langCn #langNav li.cn a {
	background-position: -490px -60px;
	border-top: 3px solid #c00;
}

.wrapper {
	clear: both;
	position: relative;
	width: 950px;
}


#h-cont-list {
	font-size: 93%;
	position: absolute;
	right: 292px;
	text-align: right;
	top: 3px;
}

#h-cont-list li {
	display: inline;
}

#h-cont-list a,
#h-cont-list a:visited {
	color: #333;
	text-decoration: none;
}

#h-cont-list a:hover,
#h-cont-list a:active {
	text-decoration: underline;
	
}

#siteIdentity {
	clear: both;
	float: left;
	height: 40px;
    margin-bottom: 5px;
    padding: 3px 0;
    position: relative;
	z-index: 3;
}

#siteLogo {
	float: left;
	height: 40px;
	width: 215px;
}

#siteLogo a {
	background-position: 0 0;
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	width: 215px;
}

#siteTitle {
	color: #666;
	float: left;
	margin: 6px 0 6px 0;
	padding: 8px 10px 9px 15px;
}

#headerSearch {
	display: block;
	position: absolute;
	right: 0;
	top: 30px;
}

#headerSearch input {
	position: absolute;
}

#headerSearchKey {
	border: 1px solid #7e9db9;
	font-size: 93%;
	line-height: 1.1;
	right: 61px;
	top: 0;
	width: 170px;
}

#headerSearchKey.focus,
#searchKey.focus,
#quickKey.focus {
	background-color: #ffc;
	color: #333;
}

#headerSearchKey.guide,
#searchKey.guide,
#quickKey.guide {
	color: #999;
}

#headerSearchKey,
#searchKey,
#quickKey {
	color: #333;
}

.highlight {
	background: #ff0 !important;
	color: #000 !important;
	display: inline !important;
	font-family: inherit;
	font-weight: inherit;
}

.headerSearchGo {
	background-color: transparent;
    background-position: 0 -60px;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 1px;
    text-indent: -9999px;
    top: 0;
    width: 52px;
}

.headerSearchGo:hover {
    background-position: 1px -59px;
}

/*6-2 GLOBALNAV*/
#globalNav {
	background-color: #fefefe;
	background-position: 0 bottom;
	font-size: 13px;
}

#globalNav p {
	background-position: right -215px;
	float: left;
	text-align: center;
}

#globalNav p a {
	border-bottom: 7px solid #c00;
	color: #c00;
	display: block;
	padding: 2px 0;
	width: 220px;
}

#globalNav a:link,
#globalNav a:hover,
#globalNav a:visited,
#globalNav a:active {
	text-decoration: none;
}

body#articles #globalNav p a,
body#gnMobile #globalNav p a,
body#gnSelect100 #globalNav p a {
	border-bottom: 7px solid #000;
	color: #333;
}

#globalNav p a em {
	background-position: -670px -158px;
	font-weight: bold;
	padding-left: 12px;
}

body#articles #globalNav p a em,
body#gnMobile #globalNav p a em,
body#gnSelect100 #globalNav p a em {
	background-position: -690px -138px;
	font-weight: normal;
}

#globalNav a:visited {
	text-decoration: none;
}

#globalNav p a:hover,
body#articles #globalNav p a:hover,
body#gnMobile #globalNav p a:hover,
body#gnSelect100 #globalNav p a:hover {
	border-bottom: 7px solid #c00;
	text-decoration: none;
}

#globalNav p a:hover em,
body#articles #globalNav p a:hover em,
body#gnMobile #globalNav p a:hover em,
body#gnSelect100 #globalNav p a:hover em {
	background-position: -670px -158px;
	color: #c00;
}

#globalNav ul {
	float: right;
}

#globalNav ul li {
	background-position: -948px -215px;
	float: left;
	text-align: center;
}

#globalNav ul li a {
	border-bottom: 7px solid #000;
	color: #333;
	display: block;
	padding: 2px 20px;
}

body#articles #globalNav ul li.globalAt a,
body#gnMobile #globalNav ul li.globalMb a,
body#gnSelect100 #globalNav ul li.globalSh a {
	border-bottom: 7px solid #c00;
	color: #c00;
}

#globalNav ul li a em {
	background-position: -690px -138px;
	padding-left: 12px;
}

body#articles #globalNav ul li.globalAt a em,
body#gnMobile #globalNav ul li.globalMb a em,
body#gnSelect100 #globalNav ul li.globalSh a em {
	background-position: -670px -158px;
	font-weight: bold;
}

#globalNav ul li a:hover {
	border-bottom: 7px solid #c00;
	text-decoration: none;
}

#globalNav ul li a:hover em {
	background-position: -670px -158px;
	color: #c00;
}

/*6-3.BREADCRUMBLIST STYLE*/
#breadcrumbList {
	font-size: 12px;
	margin: 10px 0 0;
}

#breadcrumbList li {
	float: left;
}

#breadcrumbList a {
	background-position: right -279px;
	float: left;
	margin-left: 5px;
	padding-right: 15px;
	white-space: nowrap;
}

#breadcrumbList li strong {
	margin-left: 5px;
	white-space: nowrap;
}

/*6-5FOOTER*/
#footer {
	font-size: 85%;
	padding:20px 0 55px;
}


#footer-title {
	font-weight: bold;
	margin-bottom: 20px;
}


#footer-nav dd {
	margin-bottom: 20px;
}

#footer-nav dd ul{
	text-align: center;
}

#footer-nav dd ul li {
	border-left: 1px solid #333;
	display: inline;
	padding: 0 1px 0 4px;
}

#footer-nav dd ul li#footer-contact {
	border: 0;
}

#footer-nav dd ul li a {
	color: #333;
}


#footer address {
	text-align: center;
}

/* 6. STYLE
--------------------------------------------------------- */

/* 7.SIDEBAR STYLE
--------------------------------------------------------- */
/* 7-1.advertisement*/
#advertisement {
	margin: 0 0 20px 10px;
}

#advertisement dt {
	font-size: 113%;
	margin-bottom: 10px;
}

#advertisement li {
	text-align: center;
}

#popSearches {
	margin-bottom: 20px;
}

#sidebar .title,
#direct .title {
	border-left: 6px solid #2e2e2e;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 15px;
	padding: 2px 0 3px 7px;
}

#popSearches ul li {
	background-position: -670px -156px;
	font-size: 93%;
	margin: 0 5px 3px 0;
    padding-left: 9px;
}

#sidebar p.more,
#direct p.more {
	background-color: #eee;
	font-size: 85%;
	margin-top: 10px;
}

#sidebar p.more a,
#direct p.more a {
	background-position: -720px -96px;
	color: #333;
	display: block;
	line-height: 1.1;
	padding: 3px 5px 3px 20px;
	text-decoration: none;
}

#sidebar p.more a.close,
#direct p.more a.close {
	background-position: -740px -77px;
}

/*#advertisement2*/
#sidebar #advertisement2 ul#txtAd {
	background-color: #f5f4e8;
    margin: 0 0 10px;
    padding: 3px;
}

#sidebar #advertisement2 ul#txtAd a {
	background-position: -670px -159px;
	padding-left: 10px;
}

#sidebar #advertisement2 .article a.img {
    display: block;
    float: left;
	width: 80px
}

#sidebar #advertisement2 .article p {
    float: right;
	font-size: 93%;
	width: 160px;
}

#sidebar #advertisement2 ul.advertetail {
    margin: 20px 0 25px;
}

#sidebar #advertisement2 ul.advertetail li {
	margin-bottom: 10px;
	text-align: center;
}

/*#qSearches*/
#qSearches {
	background-position: -10px -30px;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	padding: 10px;
}

#qSearches .title {
	border-color: #fff;
	color: #fff;
	padding: 0 0 0 5px;
}

#qSearches li {
	color: #fff;
	margin-bottom: 5px;
}

#qSearches select {
	border: 1px solid #7e9db9;
}

#qSearches select#bgt-h {
	font-family: arial,helvetica,clean,sans-serif;
	margin-left: 7px;
}

#qSearches select#loc-pref,
#qSearches select#csn-l {
	width: 228px;
}

#quickKey {
	border: 1px solid #7e9db9;
	line-height: 1.1;
	width: 170px;
}

#qSearches .search-go {
	height: 21px;
	margin: 10px 0 0;
/*	position: relative;*/
	text-align: right;
}

#qSearches .search-go .submit {
	background-color: transparent;
    background-position: 0 -60px;
    border: medium none;
    cursor: pointer;
/*    display: block;*/
    height: 20px;
/*    position: absolute;*/
/*    right: 1px;*/
    text-indent: -9999px;
/*    bottom: 1px;*/
    width: 52px;
}

#qSearches .search-go .submit:hover {
	position: relative;
	left: 1px;
    top: 1px;
}

#articlesList li {
	margin-bottom: 10px;
}

#articlesList dl.articlesItem dt {
	float: right;
	font-weight: bold;
	width: 150px;
}

#articlesList dl.articlesItem .photo {
	float: left;
	width: 80px;
}

#articlesList dl.articlesItem .summary {
	float: right;
	font-size: 93%;
	line-height: 1.2;
	width: 150px;
}

#qSearches .extra .end {
	text-align: center;
}

/* seo footer 20111201 */
#relatedLinks {
	background: #505050;
	padding-bottom: 20px;
	padding-top: 20px;
}
#relatedLinks h3 {
	border-left: 6px solid #fff;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto 10px;
	padding-left: 6px;
	width: 950px;
}
#relatedLinks ul {
	margin: 0 auto 5px;
	width: 950px;
}
#relatedLinks ul li.flt {
	float: left;
	width: 189px;
}
#relatedLinks ul li.flt dl {
	padding-bottom: 11px;
}
#relatedLinks ul li.flt dl dt {
	color: #fff;
	padding-bottom: 3px;
}
#relatedLinks ul li.flt dl dd {
	line-height: 1.2;
	padding-bottom: 7px;
	width: 190px;
}
#relatedLinks ul li.flt dl dt a {
	color: #fff;
	text-decoration: none;
}
#relatedLinks ul li.flt dl dd a {
	color: #fff;
}
#relatedLinks ul.lst li {
	float: left;
	width: 189px;
}
#relatedLinks ul.lst li a {
	color: #fff;
}
.ttp {
	margin: 0 auto;
	text-align: right;
	width: 950px;
}
.ttp a {
	background: url("/en/c/lang/l-en-top.png") 0 -180px no-repeat;
	color: #fff;
	line-height: 1.1;
	padding-left: 14px;
	
}
p.jumpToTop {
	padding: 50px 0 10px;
}
.ttpW {
	margin: 0 auto;
	text-align: right;
	width: 950px;
}
.ttpW a {
	background: url("/en/c/lang/l-en-top.png") 0 -180px no-repeat;
	color: #333333;
	line-height: 1.1;
	padding-left: 14px;
}

/* sidebar2012.01.11 */
#latestArticles ul#shuffleList li {
	font-size: 108%;
}

#latestArticles ul#shuffleList li a {
    background: url("/en/lib/l-en-top.png") no-repeat scroll -900px -100px transparent;
    padding-left: 6px;
}

#sidebar p.shuffleListMore {
	text-align: right;
}

#sidebar p.shuffleListMore a {
    background: url("/en/lib/l-en-top.png") no-repeat scroll -900px -299px transparent;
    padding-left: 10px;
}