@charset "EUC-KR";

@import url(layout.css);
@import url(common.css);
@import url(board.css);

/* ´ëÇ¥Àλ縻 */
dl.greeting{
	margin-left:19px;
}
dl.greeting dt{
	float:left;
	width:151px;
	height:754px;
}
dl.greeting dd img{
	vertical-align:top;
}

div.historyBg{
	margin-top:20px;
	padding-bottom:5px;
	background:url(../../images/intrometlife/bg_verbar.gif) no-repeat 183px top;
	border-bottom:1px solid #ced7e7;
}
dl.history{
	clear:both;
	margin-bottom:10px;
	line-height:160%;
}
dl.history dt{
	float:left;
	width:183px;
	text-align:center;
}
dl.history dt.h170{
	height:155px;
}
dl.history dt.h50{
	height:40px;
}
dl.history dd{
	padding:1px 0 0 0;
}
dl.history dd span{
	margin:0 20px;
	display:block;
	float:left;
	width:32px;
	vertical-align:middle;
	font-weight:bold;
}

/* °æ¿µÀ̳ä */
dl.vision{
	clear:both;
	line-height:160%;
}
dl.vision dt{
	float:left;
	width:123x;
}
dl.vision dt.h311{
	height:311px;
}
dl.vision dd{
	margin-left:134px;
	padding:1px 0 0 0;
}
dl.vision dd ul.blt01{
	width:440px;
}
dl.vision dd ul.blt01 li{
	padding-left:9px;
	line-height: 16px;
	background: url(../../images/common/bulArrow.gif) no-repeat left 4px;
}

/* °æ¿µ°ø½Ã½Ç */
.annoBox{
	width:572px;
	_width:552px;
	height:110px;
	padding:18px 0 0 20px;
	background:url(../../images/intrometlife/bg_annobox.gif) no-repeat left top;
}
.announce p img { vertical-align:top;}
.announce ul li { height:20px;}
.announce ul li span{
	margin:0 0 5px 3px;
	display:block;
	float:left;
}

/* »õ¼Ò½Ä */
dl.csis{}
dl.csis dt {
	float:left;
}
dl.csis dd { padding-left:145px;}
.csisContents{
	width:511px;
	margin-left:14px;
	padding:30px;
	border:1px solid #e6e6e6;
	background-color:#eff9eb;
}
.csisContents h5{
	margin-bottom:27px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.csisContents h6{
	font-size:15px;
	font-weight:bold;
	margin:10px 0 4px 0;
}
ul.contentsList li{
	text-align:right;
	margin-bottom:2px;
}
ul.contentsList li span{
	width:495px;
	display:block;
	float:left;
	text-align:left;
}
.adobereaderDown {
	padding:15px 0 0 20px;
	width:562px;
	height:61px;
	margin-left:14px;
	background:url(../../images/intrometlife/bg_acrobat.gif) no-repeat left top;
}

/* ÁöÁ¡¾È³» */
.branchTop{
	height:31px;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #becadf;
}
.branchTop span{
	width:66px;
	display:block;
	float:left;
	margin-right:5px;
	background:url(../../images/service/bg_hosverline.gif) no-repeat right 50%;
}

/* ä¿ëÁ¤º¸ */

ul.recruitInfo { width:100%; }
ul.recruitInfo li{ display:inline; }

ul.recruitInfo {	width:100%; }
ul.recruitInfo li{
	display:inline;
}
.recruitBox01{
	width:419px;
	height:299px;
	padding:15px 0 0 154px;
	background:url(../../images/intrometlife/bg_recurit_01.gif) no-repeat left top;
}
.recruitBox02{
	width:419px;
	height:272px;
	padding:42px 0 0 154px;
	background:url(../../images/intrometlife/bg_recurit_02.gif) no-repeat left top;
}
.recruitBox03{
	width:419px;
	height:272px;
	padding:42px 0 0 154px;
	background:url(../../images/intrometlife/bg_recurit_03.gif) no-repeat left top;
}
ul.re01{
	margin:30px 0 28px 27px;
}
ul.re01 li{
	padding-left:8px; padding-bottom:0;
	line-height:0.9em;
	background:url(../../images/common/bul_13.gif) no-repeat left 3px;
}
ul.re02{
	margin:37px 0 30px 27px;
}
ul.re02 li{
	padding-left:8px;
	background:url(../../images/common/bul_13.gif) no-repeat left 3px;
}
dl.re02{
	position:relative;
}
dl.re02 dt{
	position:absolute;
	left:79px;
	padding-left:9px;
	margin-top:6px;
	background:url(../../images/common/bul_13.gif) no-repeat left 4px;
}
dl.re02 dd{
	margin-top:3px;
	padding-left:158px;
}
dl.re03{
	position:relative;
	margin-top:0px;
}
dl.re03 dt{
	position:absolute;
	left:40px;
	padding-left:9px;
	margin-top:3px;
	background:url(../../images/common/bul_13.gif) no-repeat left 4px;
}
dl.re03 dd{
	margin-top:3px;
	padding-left:130px;
}
.recruitOk{
	text-align:right;
	margin:17px 27px 0 0;
}
*+html .recruitOk { text-align:right; margin:12px 27px 0 0; }
.recruitOk1{
	text-align:right;
	margin:23px 27px 0 0;
}

*+html .recruitOk1 { text-align:right; margin:20px 27px 0 0; }

.name {background:url(../../images/intrometlife/bg_recurit_04.gif) no-repeat left; width:572px; height:32px;
		margin-top:10px; margin-bottom:15px;}
.name_title { margin-left:120px; margin-top:10px; width:480px; }
.input_title { border: 1px solid #f7f7f7; padding: 3px 0 0 5px; height: 14px; background: #f7f7f7; }

/* ±ÝÀ¶±×·ì¼Ò°³ */
.groupTop{
	position:relative;
}
.groupTop select{
	position:absolute;
	left:25px;
	top:168px;
}
.groupBox_top{
	width:634px;
	height:15px;
	font-size:0;
	background:url(../../images/intrometlife/bg_groupbox_top.gif) no-repeat left top;
}
.groupBox_mid{
	width:634px;
	height:auto;
	overflow:hidden;
	background:url(../../images/intrometlife/bg_groupbox_mid.gif) repeat-y left top;
}
.groupBox_btm{
	width:634px;
	height:15px;
	font-size:0;
	background:url(../../images/intrometlife/bg_groupbox_btm.gif) no-repeat left top;
}
.groupLeftbox{
	float:left;
	width:165px;
	padding-left:15px; 
}
.groupRightbox{
	width:410px;
	margin-left:210px;
}
dl.groupHistory{
	position:relative;
}
dl.groupHistory dt{
	position:absolute;
	left:0;
	padding-left:7px;
	margin-top:4px;
	background:url(../../images/common/bul_14.gif) no-repeat left 6px;
}
dl.groupHistory dd{
	margin-top:4px;
	padding-left:59px;
}
dl.globalInfo{
	position:relative;
}
dl.globalInfo dt{
	position:absolute;
	left:0;
}
dl.globalInfo dd{
	padding-left:40px;
}

/* korea À̵¿ */
.koreaTop { _height:80px; margin-bottom:-30px;}
dl.localSite{
	position:relative;
}
dl.localSite dt{
	position:absolute;
	left:0;
	margin-bottom:2px;
}
dl.localSite dd{
	padding-left:209px;
	margin-bottom:2px;
}


/* ÀÎÀçä¿ë */
.newRecruit { position: relative; }

.recruit { width: 463px; position: absolute; z-index: 100; display: none; }
.recruit .top { font-size: 0; height: 23px; width: 463px; }
.recruit .bottom { padding: 5px 15px 15px 15px; color: #FFFFFF; font-size: 11px; background: url(../../images/intrometlife/pngBox_bottom.png) 0 bottom no-repeat; }
*html .recruit .bottom { background: url(../../images/intrometlife/pngBox_bottom.gif) 0 bottom no-repeat; }

#newRecruit1 { top: -101px; left: -20px; }
#newRecruit2 { top: -101px; left: 75px; }
#newRecruit3 { top: -101px; left: 14px; }
#newRecruit4 { top: -101px; left: 109px; }
#newRecruit5 { top: -101px; left: 2px; }
#newRecruit6 { top: -101px; left: 95px; }
#newRecruit7 { top: -41px; left: -20px; }


#newRecruit1 .top { background: url(../../images/intrometlife/pngBox_top1.png) 0 0 no-repeat; }
#newRecruit2 .top { background: url(../../images/intrometlife/pngBox_top1.png) 0 0 no-repeat; }
#newRecruit3 .top { background: url(../../images/intrometlife/pngBox_top2.png) 0 0 no-repeat; }
#newRecruit4 .top { background: url(../../images/intrometlife/pngBox_top2.png) 0 0 no-repeat; }
#newRecruit5 .top { background: url(../../images/intrometlife/pngBox_top3.png) 0 0 no-repeat; }
#newRecruit6 .top { background: url(../../images/intrometlife/pngBox_top3.png) 0 0 no-repeat; }
#newRecruit7 .top { background: url(../../images/intrometlife/pngBox_top1.png) 0 0 no-repeat; }

*html #newRecruit1 .top { background: url(../../images/intrometlife/pngBox_top1.gif) 0 0 no-repeat; }
*html #newRecruit2 .top { background: url(../../images/intrometlife/pngBox_top1.gif) 0 0 no-repeat; }
*html #newRecruit3 .top { background: url(../../images/intrometlife/pngBox_top2.gif) 0 0 no-repeat; }
*html #newRecruit4 .top { background: url(../../images/intrometlife/pngBox_top2.gif) 0 0 no-repeat; }
*html #newRecruit5 .top { background: url(../../images/intrometlife/pngBox_top3.gif) 0 0 no-repeat; }
*html #newRecruit6 .top { background: url(../../images/intrometlife/pngBox_top3.gif) 0 0 no-repeat; }
*html #newRecruit7 .top { background: url(../../images/intrometlife/pngBox_top1.gif) 0 0 no-repeat; }


#oldRecruit1 { top: -101px; left: -20px; }
#oldRecruit2 { top: -101px; left: 75px; }
#oldRecruit3 { top: -101px; left: 14px; }
#oldRecruit4 { top: -101px; left: 109px; }
#oldRecruit5 { top: -101px; left: 2px; }
#oldRecruit6 { top: -101px; left: 95px; }
#oldRecruit7 { top: -41px; left: -20px; }

#oldRecruit1 .top { background: url(../../images/intrometlife/pngBox_top1.png) 0 0 no-repeat; }
#oldRecruit2 .top { background: url(../../images/intrometlife/pngBox_top1.png) 0 0 no-repeat; }
#oldRecruit3 .top { background: url(../../images/intrometlife/pngBox_top2.png) 0 0 no-repeat; }
#oldRecruit4 .top { background: url(../../images/intrometlife/pngBox_top2.png) 0 0 no-repeat; }
#oldRecruit5 .top { background: url(../../images/intrometlife/pngBox_top3.png) 0 0 no-repeat; }
#oldRecruit6 .top { background: url(../../images/intrometlife/pngBox_top3.png) 0 0 no-repeat; }
#oldRecruit7 .top { background: url(../../images/intrometlife/pngBox_top1.png) 0 0 no-repeat; }

*html #oldRecruit1 .top { background: url(../../images/intrometlife/pngBox_top1.gif) 0 0 no-repeat; }
*html #oldRecruit2 .top { background: url(../../images/intrometlife/pngBox_top1.gif) 0 0 no-repeat; }
*html #oldRecruit3 .top { background: url(../../images/intrometlife/pngBox_top2.gif) 0 0 no-repeat; }
*html #oldRecruit4 .top { background: url(../../images/intrometlife/pngBox_top2.gif) 0 0 no-repeat; }
*html #oldRecruit5 .top { background: url(../../images/intrometlife/pngBox_top3.gif) 0 0 no-repeat; }
*html #oldRecruit6 .top { background: url(../../images/intrometlife/pngBox_top3.gif) 0 0 no-repeat; }
*html #oldRecruit7 .top { background: url(../../images/intrometlife/pngBox_top1.gif) 0 0 no-repeat; }