@charset "utf-8";

/*
**       CAREERS.CSS | 2009. Laziel Studio
**       Sheet author : Jeong,na-e A.K.A naeh(nani)
**       Sheet version: 1.0
**************************************************/


/*
	Header Area
**************************************************/

h1,
h1 a span { background: url('http://images.rhplus.kr/common/work001.jpg') no-repeat 0 0; }

h1 a
{
	display: block;
	width: 700px; height: 200px;
	position: relative;
	cursor: pointer;
	color: #ff3f75;
	font: bold 2em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

h1 a span
{
	position: absolute;
	width: 100%; height: 100%;
}


/*
	Container Area
**************************************************/

#container
{
	overflow: hidden;
	height: 100%; width: 1200px;
	padding-top: 20px;
}

#container #column,
#container #content { float: left; }

#container #content { width: 900px; }

/* Container: column */
#container #column { width: 220px; }

#container #column ul.nav { padding-left: 20px; }

#container #column ul.nav li
{
	margin-bottom: -5px;
	height: 33px;
}

#container #column ul.nav li,
#container #column ul.nav li a span
{ background-image: url('http://images.rhplus.kr/careers/navOff.gif'); background-repeat: no-repeat; }

#container #column ul.nav li a
{
	display: block;
	width: 170px; height: 33px;
	position: relative;
	cursor: pointer;
	color: #373534;
	font: bold 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#container #column ul.nav li a:hover { color: #ff3f75; }

#container #column ul.nav li a span
{
	position: absolute;
	width: 100%; height: 100%;
}

body#body01 #container #column ul.nav li#nav01 a span,
body#body02 #container #column ul.nav li#nav02 a span,
body#body03 #container #column ul.nav li#nav03 a span,
body#body04 #container #column ul.nav li#nav04 a span,
#container #column ul.nav li a:hover span { background-image: url('http://images.rhplus.kr/careers/navOn.gif'); }

#container #column ul.nav li#nav01, #container #column ul.nav li#nav01 a span { background-position: 0 0; }
#container #column ul.nav li#nav02, #container #column ul.nav li#nav02 a span { background-position: 0 -40px; }
#container #column ul.nav li#nav03, #container #column ul.nav li#nav03 a span { background-position: 0 -80px; }
#container #column ul.nav li#nav04, #container #column ul.nav li#nav04 a span { background-position: 0 -120px; }

/* Container: content */

h2
{
	position: relative;
	width: 170px; height: 70px;
	color: #000;
	font: bold 1.7em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

h2 span
{
	position: absolute;
	width: 100%; height: 100%;
	background-image: url('http://images.rhplus.kr/careers/title.gif'); background-repeat: no-repeat;
}

body#body01 h2 span { background-position: 0 0; }
body#body02 h2 span { background-position: 0 -100px; }
body#body03 h2 span { background-position: 0 -200px; }
body#body04 h2 span { background-position: 0 -300px; }

	/* type01 */
	#container #content .type01,
	#container #content .type01 .type01-internal
	{ background-image: url('http://images.rhplus.kr/careers/bg_content01.gif'); background-repeat: no-repeat; }
	
	#container #content .type01                  { background-position: 9px 0;    padding-top: 39px; width: 900px; }
	#container #content .type01 .type01-internal { background-position: 9px 100%; padding-bottom: 35px; padding-left: 50px; }
	
	/* type02 */
	#container #content .type02 { padding-left: 9px; }

	/* type03 */
	#container #content .type03,
	#container #content .type03 .type03-internal
	{ background-image: url('http://images.rhplus.kr/careers/bg_content02.gif'); background-repeat: no-repeat; }
	
	#container #content .type03                  { background-position: 9px 0;    padding-top: 13px; width: 900px; }
	#container #content .type03 .type03-internal { background-position: 9px 100%; padding-bottom: 35px; padding-left: 27px; }

/* Footer */
#footer
{
	position: relative;
	width: 762px; height: 155px;
	font: bold 1em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#footer span
{
	position: absolute;
	background: url('http://images.rhplus.kr/careers/copyright.gif') no-repeat 0 0;
	width: 100%; height: 100%;
}


/*
** Main */

.index noscript
{
	font: bold 1em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #ff535b;
}


/*
**	Content_ Page#1 Rhesus */

#container #content ul.infoRhesus li dl
{
	overflow: hidden;
	height: 100%;
}

#container #content ul.infoRhesus li dl dt { display: block; }

#container #content ul.infoRhesus li dl dt,
#container #content ul.infoRhesus li dl dd
{
	float: left;
	height: 24px;
	position: relative;
}

/*
#container #content ul.infoRhesus li dl dt span,
#container #content ul.infoRhesus li dl dd span
{
	position: absolute;
	width: 100%; height: 100%;
	background-repeat: no-repeat;
}
*/

#container #content ul.infoRhesus li dl dt
{
	width: 110px;
	margin-right: 10px;
	font: bold 1em "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

#container #content ul.infoRhesus li dl dd
{
	width: 604px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
}

/*
#container #content ul.infoRhesus li dl dt span
{ background-image: url('http://images.rhplus.kr/careers/txt_infoRhesus_term.gif'); }
#container #content ul.infoRhesus li dl dd span
{ background-image: url('http://images.rhplus.kr/careers/txt_infoRhesus_desc.gif'); }

#container #content ul.infoRhesus li#iR01 dt span,
#container #content ul.infoRhesus li#iR01 dd span { background-position: 0 0; }
#container #content ul.infoRhesus li#iR02 dt span,
#container #content ul.infoRhesus li#iR02 dd span { background-position: 0 -30px; }
#container #content ul.infoRhesus li#iR03 dt span,
#container #content ul.infoRhesus li#iR03 dd span { background-position: 0 -60px; }
#container #content ul.infoRhesus li#iR04 dt span,
#container #content ul.infoRhesus li#iR04 dd span { background-position: 0 -90px; }
#container #content ul.infoRhesus li#iR05 dt span,
#container #content ul.infoRhesus li#iR05 dd span { background-position: 0 -120px; }
#container #content ul.infoRhesus li#iR06 dt span,
#container #content ul.infoRhesus li#iR06 dd span { background-position: 0 -150px; }
#container #content ul.infoRhesus li#iR07 dt span,
#container #content ul.infoRhesus li#iR07 dd span { background-position: 0 -180px; }
#container #content ul.infoRhesus li#iR08 dt span,
#container #content ul.infoRhesus li#iR08 dd span { background-position: 0 -210px; }
#container #content ul.infoRhesus li#iR09 dt span,
#container #content ul.infoRhesus li#iR09 dd span { background-position: 0 -240px; }
#container #content ul.infoRhesus li#iR10 dt span,
#container #content ul.infoRhesus li#iR10 dd span { background-position: 0 -270px; }
#container #content ul.infoRhesus li#iR11 dt span,
#container #content ul.infoRhesus li#iR11 dd span { background-position: 0 -300px; }
#container #content ul.infoRhesus li#iR12 dt span,
#container #content ul.infoRhesus li#iR12 dd span { background-position: 0 -330px; }
#container #content ul.infoRhesus li#iR13 dt span,
#container #content ul.infoRhesus li#iR13 dd span { background-position: 0 -360px; }
#container #content ul.infoRhesus li#iR14 dt span,
#container #content ul.infoRhesus li#iR14 dd span { background-position: 0 -390px; }
#container #content ul.infoRhesus li#iR15 dt span,
#container #content ul.infoRhesus li#iR15 dd span { background-position: 0 -420px; }
*/

#container #content .noticeRhesus { padding-top: 10px; padding-left: 25px; }

#container #content .noticeRhesus p
{
	position: relative;
	width: 500px; height: 12px;
	font-size: .917em;
	color: #f37cad;
}

#container #content .noticeRhesus p span
{
	position: absolute;
	width: 100%; height: 100%;
	background: url('http://images.rhplus.kr/careers/txt_noticeRhesus.gif') no-repeat 0 0;
}


/*
**	type02 Table */

#container #content .type02 table
{
	border: 0;
	width: 888px;
}

#container #content .type02 table thead tr th,
#container #content .type02 table tbody tr th,
#container #content .type02 table tbody tr td,
#container #content .type02 table tfoot tr td
{
	border: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#container #content .type02 table thead tr th,
#container #content .type02 table tbody tr th { font-weight: bold; }

#container #content .type02 table thead tr th
{
	padding: 6px 0;
	font-size: 1.167em;
	background: #f2f2f2 url('http://images.rhplus.kr/careers/bg_table_thead.gif') no-repeat 50% 0;
}

#container #content .type02 table thead tr th.first { background-position: 0 0; }
#container #content .type02 table thead tr th.last { background-position: 100% 0; }


#container #content .type02 table tbody tr th
{
	font-size: 1em;
	text-align: left;
	color: gray;
}

#container #content .type02 table tbody tr th,
#container #content .type02 table tbody tr td { padding: 5px 0; }

#container #content .type02 table tbody tr th { border-bottom: 1px solid #2a2723; padding-left: 2%; color: #ff535b; }
#container #content .type02 table tbody tr td { border-bottom: 1px solid #a59f97; }

#container #content .type02 table tbody tr td.first { padding-left: 2%; }

#container #content .type02 table tfoot tr td { border-bottom: 1px solid #a59f97; padding: 5px 2%; color: #5f574f; }
#container #content .type02 table tfoot tr.first td { border-top: 1px solid #2A2723; }

#container #content .type02 table tbody tr td,
#container #content .type02 table tbody tr td a { color: gray; }

#container #content .type02 table tfoot tr td strong { color: #ff535b; }


/*
**	Content_ Page#3 Emotions */

#container #content #emotions table tr td { font-size: 0.917em; }


/*
**	Content_ Page#4 Contact Me */

#container #content #contactme .mailaddrExt,
#container #content #contactme .mailaddrExt .mailaddrInt
{
	background-image: url('http://images.rhplus.kr/careers/bg_mailAddr.gif');
	background-repeat: no-repeat;
}

#container #content #contactme .mailaddrExt
{ background-position: 0 0;    padding-top: 10px; }
#container #content #contactme .mailaddrExt .mailaddrInt
{ background-position: 0 100%; padding-bottom: 10px; padding-left: 10px; }

#container #content #contactme .mailaddrExt .mailaddrInt ul li#mA01 { padding-bottom: 9px; }

#container #content #contactme .mailaddrExt .mailaddrInt ul li dl { overflow: hidden; height: 100%; }
#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dt { display: block; }

#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dt,
#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dd
{
	position: relative;
	float: left;
	overflow: hidden;
	height: 41px;
}

#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dt span,
#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dd span
{
	position: absolute;
	width: 100%; height: 100%;
	background-repeat: no-repeat;
}

#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dt
{ width: 140px; margin-right: 20px; }
#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dd
{ width: 531px; }

#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dt span
{ background-image: url('http://images.rhplus.kr/careers/txt_mailAddr_term.gif'); }
#container #content #contactme .mailaddrExt .mailaddrInt ul li dl dd span
{ background-image: url('http://images.rhplus.kr/careers/txt_mailAddr_desc.gif'); }

#container #content #contactme .mailaddrExt .mailaddrInt ul li#mA01 dl dt span,
#container #content #contactme .mailaddrExt .mailaddrInt ul li#mA01 dl dd span { background-position: 0 0; }
#container #content #contactme .mailaddrExt .mailaddrInt ul li#mA02 dl dt span,
#container #content #contactme .mailaddrExt .mailaddrInt ul li#mA02 dl dd span { background-position: 0 -50px; }

#container #content #contactme .mailaddrNotice
{
	color: #fff;
	font-size: 100%; font-size: .917em;
	padding: 15px 0 0 10px;
}

#container #content #contactme .mailaddrNotice ul { width: 720px; }

#container #content #contactme .mailaddrNotice ol { padding: 7px 0 0 2px; }
#container #content #contactme .mailaddrNotice p  { padding-top: 5px; font-weight: bold; }

#container #content #contactme .mailaddrNotice li
{
	background: #cf3a4b url('http://images.rhplus.kr/careers/bul_mailaddrNotice.gif') no-repeat 0 2px;
	padding: 0 0 5px 10px;
}

#container #content #contactme .mailaddrNotice ol li
{
	background-image: url('http://images.rhplus.kr/careers/bul_mailaddrNotice_warning.gif');
	padding: 0 0 2px 15px;
}

#container #content #contactme .mailaddrNotice ol li#mN01 { background-position: 0 1px; }
#container #content #contactme .mailaddrNotice ol li#mN02 { background-position: 0 -989px; }

h3
{
	position: absolute;
	width: 0; height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

div.printview { display: none; }
