@import url("menu.css");


/*  Main Layout */

#Wrap { background: url('/en/resource/images/common/bg.gif') repeat-x; }
#Wrap_middle { margin:0 auto; width:964px; }

	#Header { width:964px; height:125px; }
		#Top { width:832px; height:54px; padding-left:36px; }
			#Logo { height: 54px; float:left; }
			#Global { height: 29px; padding-top:25px; text-align:right; float:right; }
		#Menu { height:71px; clear:both; }

	#Center { width:928px; float:right; }
		#CenterArea { width:928px; background:url('/en/resource/images/main/main_center_top.gif') no-repeat; float:left; }
			#CenterBG { width:928px; background:url('/en/resousrce/images/common/center_bg.gif') repeat-y;  }
				#ContentsArea { width:821px; padding:13px 0 0 11px; float:left; }
					#Raw1 { height:294px; }
						#NewsArea { width:247px; float:left; }
							#News { width:247px; height:148px; }
							#Introduct { width:247px; height:123px; }
						#Guidance { width:315px; float:left; }
						#MediaArea { width:247px; float:left; }						
					#Raw2 { height:149px; }
						#Policy { width:247px; float:left; }
						#Info { width:315px; float:left; }
						#Relate { width:247px; float:left; }						
					#Raw3 { }
						#Exchange { width:247px; float:left; }
						#Korean { width:315px; float:left; }
						#HelpArea { width:247px; float:left; }
							#Help { width:124px; float:left; }
							#Banner { width:122px; float:right; }				
				#quick_menu { width:96px; padding-top:19px; float:right;}

	#Footer { width:964px; clear:both; }
		#MainImg { margin-left:36px; height:173px;}
		#Bottom { height:81px; margin-left:36px; margin-top:12px; background:url('/en/resource/images/common/bottom_bg.gif') no-repeat; }
			#BottomMenu { width:832px; height:21px; padding-top:7px;text-align:center;}
			#BottomMenu ul { }
			#BottomMenu ul li { display:inline; }
			#Copyrights { width:832px; height:48px; text-align:center; padding-top:7px; }

#skip_navigation	{display:none;}



/* ============= 공통 =============== */

	html{
		scrollbar-face-color: #dfdfdf;
		scrollbar-shadow-color: #a4a4a4;
		scrollbar-3dlight-color: #a4a4a4;
		scrollbar-arrow-color: #a4a4a4;
		scrollbar-darkshadow-color: #ffffff;
		scrollbar-base-color: #cfcfcf;
	}
	
	body{ 
	 	font-family:   "arial", "tahoma","dotum", "gulim","helvetica", "sans-serif"; 
		margin:0;  
		padding:0; 
		font-size: 12px;
		color: #666; 
		letter-spacing:0px; 
		line-height: 1.3em; 
		background:url('../images/common/bg.gif') repeat-x left top; 		
	}
		
	
	img {
	    border:0;
		}
		
	td, div, ul, ol, p, font, span, input, select, textarea {
	    font-family: "tahoma", "arial", "dotum", "gulim","helvetica", "sans-serif";
		}	
		
	form {
	    margin:0;
		padding:0;
		}	
		
	a,img,input {
	    selector-dummy: 
		expression(this.hideFocus=true);
		}
	
	hr	{ display: none; }
	ul, ol { margin:0; padding:0; list-style:none; }
	li, dl, dt, dd, p { margin:0; padding:0; }
	

/* ========= a:hover ========= */

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

a:active {
    color: #666666; 
	text-decoration: none;
	}

	

textarea { 
    background-color:#fff; 
	color:#666; 
	border:1px solid #c9c8c8; 
	padding:5px 5px;
	line-height: 1.2em;
	}
	
.input01 { 
    background-color:#f7f7f7; 
	color:#666; 
	border:1px solid #c9c8c8; 
	}	
	
.select01 { 
	color:#666; 
	}
	
.select02 { 
	color:#666; 
	font-size: 11px;
	}
	
.fs {
    font-size: 11px;
    }	
	
.satislh{     
	line-height: 1.2em;
	font-size: 11px;
	text-align:left;
	}		
	


/* ======== padding, margin, text-align ========*/

.pt3 { padding-top:3px; }
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt18 { padding-top:18px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pr3 { padding-right:3px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr18 { padding-right:18px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }
	
.pl3 { padding-left:3px; }
.pl5 { padding-left:5px; }
.pl8 { padding-left:8px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl18 { padding-left:18px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
	
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.mt10 { margin-top:10px;  }
.mt15 { margin-top:15px;  }
.mb5 { margin-bottom:5px;  }
.mb15 { margin-bottom:15px;  }
.mb20 { margin-bottom:20px;  }
.mb25 { margin-bottom:25px;  }
.mb30 { margin-bottom:30px;  }
.mb35 { margin-bottom:35px;  }
.mb40 { margin-bottom:40px;  }
.mb45 { margin-bottom:45px;  }
.mb50 { margin-bottom:50px;  }
		
.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center;}
.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.jtf { text-align:justify;}

/* =============  SITEMAP style ============== */

	#Global .smap {
		position:relative;
		float:left;
		margin-left:6px;
		z-index:100;
		font-size:0;
		_zoom:1;
	}
		#Global .smap .smap-in {
			position:absolute;
			left:-737px;
			top:37px;
			z-index:100;
		}

		* html div#Global .smap .smap-in { left:-739px;}


.sitemap { 
	border-collapse:collapse; 
	text-align:center; 
	font-size: 11px;
	background:url('../images/common/sitemap/menu_bg.gif') no-repeat left top; 	
	}

.sitemap th { 
	font-weight:bold; 
	color:#89a3c1; 
	border-collapse:collapse; 
	padding:0px 5px;
	vertical-align:middle; 
	}

.sitemap td { 
	background:#e8ecf1;
	border-collapse:collapse; 
	padding:10px; 
	vertical-align:top;
	text-align:left;
	}
		
.sitemap .left{
    text-align:left;
	}
	
.sitemap .right{
    text-align:right;
	}	
		
.sitemap .vt{
	vertical-align:top;
	}
	
 
/* =============  메뉴 style ============== */

/* 상단 메뉴 
#top_menu{
	position: relative;
	float: left;
	width:900px;
	height:71px;
	background:url('../images/common/menu_bg.gif') no-repeat left top;
	padding-left:27px;
}
#nav_list{
	padding-left: 10px;
	height: 32px;	
}

#nav_list .onedepth_li{
	display: inline;
	margin:8px 0px 0px 0px;
	text-align:center;
	float: left;
}
#nav_list .onedepth_tour{
	display: inline;
	margin:1px 13px 0px 30px;
	text-align:center;
	float: left;
}


/* 2depth 위치 고정 
#nav_list li ul{
	display: none;
	position: absolute;	
	top: 50px;
	left: 70px;
	height: 26px;
	width: 900px;
}


#nav_list li ul .middle{
	display: inline;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}
#nav_list li ul .end{
	display: inline;
	float: left;
	padding-left: 520px;
}
#nav_list li ul .center{
	display: inline;
	float: left;
	padding-left: 50px;
}


/* ============= News & Notice Style =============== */
.news_table { 
    width:100%; 
	border-collapse:collapse; 
	background:url(../images/main/news_bottom.gif) no-repeat left bottom;
	height:148px;
	}

.news_table th { 
	vertical-align:top;
	height:37px;
	}

.news_table td { 
	padding:8px 22px 16px 20px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	height:90px;
	}

/* ============= Introduction Style =============== */
.intro_table { 
    width:100%; 
	border-collapse:collapse; 
	height:123px;
	}

.intro_table th { 
	vertical-align:middle;
	height:24px;
	}

.intro_table .td { 
	padding:0px 20px 15px 20px; 
	vertical-align:top;
	background:url(../images/main/intro_bottom.gif) no-repeat left bottom;
	font-size: 11px;
	color:#717b87;
	height:60px;
	}


.intro_gal { 
    width:100%; 
	border-collapse:collapse; 
	text-align:center
	}

.intro_gal th { 
	vertical-align:middle;
	height:24px;
	width:33%;
	}

.intro_gal th img{ 
	border:solid 1px #b0b6bd;
	}

.intro_gal td { 
	padding:3px 5px ; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	line-height:1em;
	}

/* ============= Media / Community Style =============== */
.media_table { 
    width:100%; 
	border-collapse:collapse; 
	background:url(../images/main/mediabox_bottom.gif) no-repeat left bottom;
	height:271px;
	}


.media_table .mtop { 
	vertical-align:top;
	height:37px;
	}

.media_table .mtd { 
	padding:8px 20px 0 20px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	height:95px;
	}


.media_table .ctop { 
	vertical-align:middle;
	height:29px;
	}
.media_table .ctd { 
	padding:2px 22px 0 20px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	height:100px;
	}



.comm_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.comm_table th { 
	width:43px;
	padding-top:6px;
	}
.comm_table td { 
	vertical-align:top;
	padding-top:2px;
	}
	
/* ============= Paju Policy Style =============== */
.policy_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.policy_table th { 
	border-collapse:collapse; 
	vertical-align:middle;
	height:22px;
	}

.policy_table .td { 
	padding:14px 5px 0 11px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}


.policy_gal { 
    width:100%; 
	border-collapse:collapse; 
	text-align:center
	}

.policy_gal th { 
	vertical-align:middle;
	height:24px;
	width:33%;
	}


.policy_gal td { 
	padding:8px 3px 0 3px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
    font-weight:bold;
	line-height:1em;
	}
	
	
	
/* ============= General / Tour Guide Information Style =============== */
.info_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.info_table th { 
	vertical-align:middle;
	height:22px;
	}

.info_table .gtd { 
	padding:10px 8px 0 14px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}

.info_table .ttd { 
	padding:10px 6px 0 8px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}


	
/* ============= Relate Agency Style =============== */
.relate_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.relate_table th { 
	vertical-align:middle;
	height:22px;
	}

.relate_table .td { 
	padding:14px 9px 0 10px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}
.relate_table .select { 
	width:227px;
	height:21px;
	margin-bottom:1px;
	font-size:11px;
	color:#717b87;
}


/* ============= Exchange Rate Style =============== */
.exchange_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.exchange_table th { 
	vertical-align:middle;
	height:19px;
	}

.exchange_table .td { 
	padding:0 5px 0 15px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}

.exchange_table .bank_box { 
	width:100%;
	border: solid 1px #becbda;
	vertical-align:middle;
	text-align:center;
	height:78px;
	}

.exchange_table .bank_box td { 
	padding:5px;
}
/* ============= Koerean Language Style =============== */
.korean_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.korean_table th { 
	vertical-align:middle;
	height:20px;
	}

.korean_table .td1 { 
	padding:8px 5px 5px 16px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}

.korean_table .td2 { 
	padding:0 5px 0 15px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}

.korean_table .lang_box { 
	width:100%;
	border: solid 1px #becbda;
	vertical-align:middle;
	text-align:left;
	}

.korean_table .lang_box td { 
	background-color:#eef1f5;
	padding:7px;
}



/* ============= Help Style =============== */
.help_table { 
    width:100%; 
	border-collapse:collapse; 
	}

.help_table th { 
	vertical-align:middle;
	height:20px;
	}

.help_table td { 
	padding:13px 9px 0 10px; 
	vertical-align:top;
	font-size: 11px;
	color:#717b87;
	}


/* ============= banner Style =============== */
.banner_table { 
    width:114px; 
	border-collapse:collapse; 
	height:97px;
	text-align:center;
	background:url(../images/main/banner_bottom.gif) no-repeat left bottom;
	}

.banner_table th { 
	height:6px;
	}

.banner_table .up { 
	padding:2px 0; 
	}
.banner_table .down { 
	padding:2px 0 6px 0; 
	}

.banner_table .td img { 
	padding:2px 0; 
	}





/* ============= Font Style =============== */
.sicon { background:url('../images/main/sicon.gif') no-repeat left 9px; padding:1px 0px 0px 9px; }	
.st01 {font-size:11px; color:#495d73; }
.st01b {font-size:11px; color:#717b87; font-weight:bold;}