@charset "utf-8";

/*
	common.css
	
	마이에트 웹사이트 스타일
	
	Programming by Venister
*/
/* COMMON */
* { margin: 0px; padding: 0px; }

img {
	border: 0px;
}

.w100p {
	width: 100%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.font_grande { 
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
}

.font_small {
	font-size: 0.9em;
}

.tRight {
	text-align: right;
}

.tCenter {
	text-align: center;
}

.tLeft {
	text-align: left;
}

.tJustify {
	text-align: justify;
}

.fwB {
	font-weight: bold;
}

.cBoth {
	clear: both;
}

.lv1 {
	margin-left: 12px;
}

.lv2 {
	margin-left: 24px;
}

.lv3 {
	margin-left: 36px;
}

.mT12 {
	margin-top: 12px;
}

.mB12 {
	margin-bottom: 12px;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

strong {
	font-weight: bold;
	color: #fff;
}

.clearfix {

}

* html .clearfix {
	height:1%;
}

/* SITE DESIGN */

body {
	background-color: #000000;
	background-image: url('../../images/site_bg.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	color: #909090;
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5 {
	color: white;
	font-family: Helvetica,Arial,sans-serif;
}

p {
	margin-bottom: 0.8em;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.1em; }

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

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

.accent {
	color: #fff;
	text-decoration: underline;
}

#site_menu {
	margin: 0 auto;
	width: 100%;
}

#site_menu ul {
	list-style: none;
	float: left;
}

#site_menu li {
	margin-right: 20px;
	display: block;
	float: left;
}

#site_menu a {
	display: block;
	float: left;	
	font-size: 1.3em;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 4px 12px;
	text-decoration: none;
}

#site_menu a:hover {
	text-decoration: none;
	color: #fc0;
	background-color: #303030;
}

#site_menu .site_sub_menu {
	display: none;
}

#site_menu .site_sub_menu ul {
	list-style: none;
}

#site_menu .site_sub_menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#site_menu .site_sub_menu a {
	float: left;
	padding: 5px 12px 1px 12px;
	display: block;
	font-size: 1.0em;
	background-color: #303030;
	border-bottom: 2px solid #303030;
	color: #a0a0a0;
	font-weight: normal;
	text-align: center;
}

#site_menu .site_sub_menu a:hover {
	border-bottom: 2px solid #fc0;
	color: #fc0;
}

#site_wrapper {
	width: 980px;
	border: 2px solid #303030;
	padding: 12px;
	/*background-color: #303030;*/
	background-color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

#site_language select {
	width: 120px;
	background-color: #000;
	color: #a0a0a0;
	border: 1px solid #a0a0a0;
}

#site_body {
	clear: both;
	margin-bottom: 12px;
	overflow: hidden;
}

#site_footer {
	clear: both;
	width: 640px;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
}

#site_footer ul {
	list-style: none;
}

#site_footer li {
}

#site_footer_menu {
	width: 980px;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #303030;
	padding: 12px;
	overflow: hidden;
}

#site_footer_menu ul {
	list-style: none;
	text-align:right;
}

#site_footer_menu li {
	float: left;
	margin-right: 12px;
}

div.boxed {
	border: 1px solid #606060;
	padding: 1.0em;
	background-color: #202020;
}

#main_recruit {

}

#main_site_introduction {
	display: block;
	padding: 0px !important;
	margin: 0px auto;
	margin-bottom: 24px;
	width:660px;
	height:500px;
}

#main_site_introduction h1 {
	margin-top: 0px;
}

#main_indevelopment, #main_products {
	margin: 0 auto 1.0em auto;
	overflow: hidden;
}

#main_indevelopment dt, #main_products dt {
	margin-bottom: 4px;
}

#main_indevelopment dd img, #main_products dd img {
	border: 0px;
	float: left;
	margin-right: 4px;
}

#main_indevelopment dt, #main_products dt {
	float: none;
	margin-top: 8px;
}

#main_products ol {
	list-style: none;
}

#main_products li {
	margin-bottom: 8px;
}

#main_sidebar {
	width: 290px;
	float: right;
}

#main_sidebar h1, #main_sidebar h2 {
	font-family: Helvetica,Arial,sans-serif;
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	margin: 0 0 8px 0;
}

#main_sidebar a {
	text-decoration: underline;
}

#main_sidebar ol a {
	font-weight: bold;
}

#main_sidebar a:hover {
	text-decoration: underline;
}

#main_sidebar ol {
	list-style: none;
}

#main_sidebar ul {
	list-style: none;
}

div.image_list {
	display: block;
	float: none;
}

.image_list ul {
	list-style: none;
}

.image_list li {
	float: left;
}

.image_list a {
	border: none;
}

.image_list img {
	margin: 3px;
}

#main_content {
	width: 660px;
	float: left;
}

#main_content h1, #content_wo_sidebar h1 {
	font-size: 1.3em;
	color: white;
	border-bottom: 2px dotted #808080;
}

#main_content h2, #main_content h3, #main_content h4, #main_content h5 {
	margin-bottom: 8px;
}

.rssPost {

}

#recruit_news {
	margin-top: 1.0em;
}

#recruit_news p, #recruit_news ul, #recruit_news ol {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

#recruit_news .rssItem {
	margin-bottom: 1.0em;
	margin-top: 1.0em;
}

#recruit_news hr {
	border: #333 1px dotted;
	margin-bottom: 1.0em;
}

#recruit_news .rssTitle h2 {
	margin: 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #FAFAD2;
	background-color: #333;
	padding: 4px;
}

#main_news .rssItem {
	margin-bottom: 1.0em;
	margin-top: 1.0em;
}

#main_news .rssTitle h2 {
	margin: 1.0em 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #FAFAD2;
}

#main_news .rssDesc {
}

.selected_post {

}

.selected_post h2 {
	color: #000 !important;
}

.rssTitle {
	margin-bottom: 0.8em;
}

.rssDesc {
	
}

.rssDesc ol {
	list-style: decimal;
	margin-left: 24px;
}

.rssDesc ul {
	list-style: square;
	margin-left: 24px;
}

#recruit_news .rssDesc h1, #recruit_news .rssDesc h2, #recruit_news .rssDesc h3, #recruit_news .rssDesc h4, #recruit_news .rssDesc h5 {
	font-size: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.rssDate {
	color: #606060;
	margin-top: 5px;
	text-align: right;
}

#content_wo_sidebar {
	width: 956px;
}

.main_desc dt {
	padding-left: 12px;
	float: left;
	margin-right: 12px;
	color: white;
}

.main_desc dd {
}

.main_desc ul {
	list-style: square;
	padding-left: 24px;
}

.text_block {
	margin-bottom: 12px;
}

.big_image {
	border: 2px solid #202020;
	padding: 0px !important;
}

.margin_center {
	margin-left: auto;
	margin-right: auto;
}

#main_sidebar .photos dt {
	text-align: center;
}

#main_sidebar .photos dd {
	margin-bottom: 10px;
	text-align: center;
}

#main_sidebar .photos img {
	margin-left: auto;
	margin-right: auto;
}

.warning { margin: 12px 0; border: 2px solid #fc0; padding: 12px; width: 800px; color: #fc0 }

.faq_desc dt {
	color: #efefef;
}

.faq_desc dd {
	margin-bottom: 0.8em;
}

#yt_video_selector {
	width: 160px; background-color: black; border: 1px solid #a0a0a0; color: #a0a0a0; font-size: 1.0em;
}

#btnYoutube {
	margin-left: 12px;
}

.video_controller {
	padding-top: 0.5em;
}

#recruit_pick {
	margin-bottom: 0.5em;
}

#recruit_pick ul {
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:square !important;
	padding-left: 24px !important;
}

#recruit_pick li {
	color: #B9AA70;
}

.bull_ul {
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:square !important;
	padding-left: 24px !important;
}

#job_sidebar {
	width: 270px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #333;
}

#job_sidebar h1, #job_sidebar h2 {
	font-family: Helvetica,Arial,sans-serif;
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	margin: 0 0 8px 0;
}

#job_sidebar a {
	text-decoration: underline;
}

#job_sidebar ol a {
	font-weight: bold;
}

#job_sidebar a:hover {
	text-decoration: underline;
}

#job_sidebar ol {
	list-style: none;
}

#job_sidebar ul {
	list-style: none;
}

#mapContainer {
	width:800px;
	height:400px;
	margin-left: auto;
	margin-right: auto;
}