@import "common.css";
@import "guide.css";
@import "table.css";


/* ------------------------------------------------------------
 * Name      : about.css
 * Desc       : English Site / about 
 * Created   : 2007/10/023 PentaBreed by suga
 * Updated  :
 ------------------------------------------------------------ */
 
.history01 {margin-bottom:25px;}
.history02 {float:right;margin-left:20px;}
.history03 {padding:34px 0 10px 0; clear:both}
p.his01{line-height:1.3em;text-align:justify;width:390px;}
.historyImg {float:right;margin-left:20px;width:155px;}
.historyImg img{margin-bottom:6px;display:block;}



.philanthropy01 {margin-bottom:30px;}
.philanthropy02 {padding:20px 0 5px 0;}
.philaImg{float:right;margin-left:20px;width:155px;}
.philaImg img{margin-bottom:6px;display:block;}

.foundations01 {margin-bottom:10px;}
.txtImg        {width:326px;}

.txtImg   img{display:block; margin-bottom:20px;}
.txtImg01 img{display:block; margin-bottom:10px;}

.environment01 {padding:35px 0 25px 0;}
.environment02 {padding:0 0 44px 0;}
.environment03 {padding:18px 0 8px 9px;}
.environment04 {padding:0 0 20px 9px;}

ol.envImgList{border-bottom:1px solid #EFEFEF; padding:24px 0 15px 0}
ol.envImgList li{margin-bottom:20px;}

p.clickImg{float:right}

dl.clickList{margin:10px 0 0 9px;width:350px;}
dl.clickList img{display:block; margin-bottom:10px;}
dl.clickList dd ul li{background:url(/image/common/arrow_3.gif) no-repeat 0 0.5em; padding:4px 0 4px 19px; width:80px;float:left;font-weight:bold}
dl.clickList dd ul li.long{width:120px;}

ul.timeline{width:564px;}
ul.timeline li{background:url(/image/common/dot_line_2.gif) repeat-x left bottom;padding:8px 0; overflow:auto}
ul.timeline li dl {width:564px}
ul.timeline li dl dt{float:left; width:40px;padding-left:7px}
ul.timeline li dl dd{float:right; width:500px;text-align:left; background:url(/image/common/bul_gray2.gif) no-repeat 0 0.5em; padding:0 0 0 8px;}
ul.timeline li dl dd.sec{padding-left:47px;}

ul.foundlist{width:569px;}
ul.foundlist li{border-bottom:1px solid #EFEFEF; padding:20px 0}
ul.foundlist li dl {width:569px}
ul.foundlist li dl dt{float:left; width:158px;}
ul.foundlist li dl dd{float:right; width:402px;text-align:left; background:url(/image/common/bul_violet1.gif) no-repeat 0 0.5em; padding:0 0 0 8px;}
ul.foundlist li dl dd.tit{background:none; padding-left:0; width:411px}

/*about by Myungwol*/
dl.overview{border-top:2px solid #E8E8E8;}
dl.overview dt{color:#333;padding-top:15px;}
dl.overview dd{padding:15px 0;background:url(/image/about/overview_dot01.gif) left bottom repeat-x;}
dl.overview dt.bulR{float:left;padding:15px 6px 15px 0;background:url(/image/common/arrow_pink1.gif) right center no-repeat;margin-right:6px;}
dl.overview dd ul{width:160px;float:left;margin-right:15px;}
dl.overview dd ul.last{width:200px;padding-right:0;float:right;}
dl.overview dd ul li{padding-left:15px;background:url(/image/common/bul_gray2.gif) 8px 7px no-repeat;}
dl.overview dd ul li.title{border:1px solid #EFEFEF;width:153px;color:#000000;padding-left:7px;margin-bottom:5px;background:#FAFAFA;}
dl.overview dd ul.last li.title{border:1px solid #EFEFEF;width:180px;color:#000000;padding-left:7px;margin-bottom:5px;background:#FAFAFA;}

strong.jeong_do{background:url(/image/common/bul_starR1.gif) left 3px no-repeat;font-weight:normal;padding-left:8px;color:#1763B0;}
dfn{background:url(/image/common/bul_starR1.gif) left 5px no-repeat;color:#144E5F;padding-left:8px;  display:block; font-style:normal; margin-top:30px;}
dfn.visionPoint{width:60%;margin-left:70px;}

/*Vision Layer*/
.visionOutBox{position:relative}
#vision1, #vision2, #vision3{width:570px; text-align:left}


.layerPop{margin:20px 22px 30px 22px;position:relative; background:#FFF}
.layerPop .close{position:absolute; right:30px; top:0;cursor:pointer}
.layerPop .print{position:absolute; right:90px; top:0;cursor:pointer}
.layerPop  h2{height:28px; margin:0 0 20px 0; background: url(/image/common/h2_bg1.gif) repeat-x 0 bottom;padding: 15px 0 0 5px;}
.layerPop .cntImg{margin:20px 0 37px 0; text-align:center}
.layerPop .cntImgB{margin:20px 0 10px 0; text-align:center}
.layerPop p.txtTL{border-top:1px solid #E8E8E8; padding-top:20px;}

.layerPop .rboxType2{background:#FCFCFC}
.visionImg{margin-bottom:50px;}


/*Our Business*/
.corpBox{width:557px;margin-left:7px;background:url(/image/about/ourbusiness_img01.gif) right top no-repeat;overflow:auto}
.corpBox p.corpList{height:28px;padding:0 0 0 194px;}
.corpBox p.corpList a{display:block;width:165px;height:27px;text-align:center;padding-top:9px;}
.corpBox ul{width:165px;float:left;margin:0 31px 0 0;padding-top:40px;_padding-top:30px;}
.corpBox ul li{padding:6px 0;border-left:1px solid #E3E3E3;border-right:1px solid #E3E3E3;border-bottom:1px solid #F0F0F0;padding-left:14px;background:url(/image/common/arrow_blue1.gif) 7px 13px no-repeat;}
.corpBox ul li.title{height:27px;border:0;background:none;text-align:center;padding:10px 0 0 0;line-height:12px}
.corpBox ul li.first{margin-top:14px;border-top:1px solid #E3E3E3;}
.corpBox ul li.last{border-bottom:1px solid #E3E3E3;}
.corpBox ul li a{display:block; width:100%; height:100%;}
.corpBox ul.last{margin-right:0;}
.corpBox ul.last li.title{height:31px;padding:6px 0 0 0}
.corpBox ul li.title a:link, .corpBox ul li.title a:visited, .corpBox ul li.title a:hover, .corpBox ul li.titlei a:active {font-size:12px; color:#1763B0;font-weight:bold}

.busiArea{height:340px;}
.bType1{background:url(/image/about/telecom_img01.gif) right top no-repeat;}
.bType2{background:url(/image/about/chemicals_img01.gif) right bottom no-repeat;}
.bType3{height:340px;background:url(/image/about/electronics_img01.jpg) right bottom no-repeat;}
.busiArea blockquote.firstBlock{margin:0 0 30px 0;}
.busiArea blockquote.secondBlock{padding:0 0 15px 0;}
.busiArea p.busiInfo{margin-top:10px;}

.affComp{margin-top:13px;}
.affComp p.title{height:17px;border-bottom:1px solid #E5E5E5;}
.affComp ul{margin-left:3px;}
.affComp ul li{padding-bottom:5px;}
.affComp ul.CompList1{margin-top:10px;overflow:auto}
.affComp ul.CompList1 li{width:180px;float:left;padding-left:16px;background:url(/image/common/arrow_4.gif) left 3px no-repeat;}
.affComp ul.CompList1 li.last{width:135px;float:left;}
.affComp ul.CompList1 li.long{width:270px;}
.affComp ul.CompList2{clear:both;}
.affComp ul.CompList2 li{padding-left:16px;background:url(/image/common/arrow_4.gif) left 3px no-repeat;}

#busiContact p.compLogo{padding:4px 0 6px 10px;font-size:12px;font-weight:bold;}
#busiContact ul.compInfo1{border:1px solid #EBEBF7;background:#FFF;padding:5px 10px;}
#busiContact ul.compInfo1 li strong{display:block; width:100px;float:left;font-weight:bold;padding-left:10px;background:url(/image/common/bul_gray1.gif) left 6px no-repeat;}
#busiContact ul.compInfo1 li span{display:block;float:left;width:390px}
#busiContact ul.compInfo1 li{background:url(/image/common/dot_line_1.gif) left top repeat-x;padding:3px 0;overflow:auto; clear:both}
#busiContact ul.compInfo1 li.first-child{background:none;}.compInfo2{margin-top:30px;padding:0 10px 22px 16px;border-bottom:1px solid #EBEBEB;}
.compInfo2 strong{color:#333;}
.compInfo2 p{margin-top:12px;}
.compInfo2 span.pointBL{color:#1763B0;}
.compList{text-align:right;margin-top:12px;}

#busiContact ul.compInfo1{border:1px solid #EBEBF7;background:#FFF;padding:5px 10px;}
#busiContact ul.compInfo1 li strong{display:block; width:130px;float:left;font-weight:bold;padding-left:10px;background:url(/image/common/bul_gray1.gif) left 6px no-repeat;}
#busiContact ul.compInfo1 li{background:url(/image/common/dot_line_1.gif) left top repeat-x;padding:3px 0;overflow:auto; clear:both}
#busiContact ul.compInfo1 li.first-child{background:none;}


/*Careers*/
.recruitImg{margin-top:20px;}
.recruitImg p.why{float:left;}
.recruitImg p.who{float:right;}
.talent{margin-top:25px;padding-bottom:15px;background:url(/image/common/dot_line_1.gif) left top repeat-x;}
.talent div{background:url(/image/common/dot_line_1.gif) left bottom repeat-x;padding:15px 0;}
.talent div strong{color:#1763B0;}
.talent ul.list{background:none;margin-top:10px;}
.talent ul.list li{padding-left:8px;background:url(/image/common/bul_gray1.gif) left 5px no-repeat;}

ul.peopleList li.box{float:left;width:270px;height:110px;padding:10px 0 23px 0;border-bottom:1px solid #F0F0F0;margin-right:15px;}
ul.peopleList li.boxR{float:left;width:270px;height:110px;padding:10px 0 23px 0;border-bottom:1px solid #F0F0F0;}
ul.peopleList li dl dt{float:left;}
ul.peopleList li dl dd{padding-top:20px;}
ul.peopleList li dl dd li{float:left;width:150px;margin-left:10px;}
ul.peopleList li dl dd li.info{padding-left:8px;background:url(/image/common/arrow_1.gif) left 6px no-repeat;}
ul.peopleList li dl dd li.ptit{color:#1763B0;font-size:11px;font-weight:bold}
ul.peopleList li dl dd li.ptit a{color: #1763B0;}

.peopleView{width:570px;overflow:hidden;}
.peopleView .fL{margin-bottom:40px;float:left;display:inline;}
.peopleView .peopleImg{float:right;display:inline;}
.peopleView .fC{clear:both;border-bottom:1px solid #E4E4E4;padding-top:25px;}
.peopleView .people_btn{text-align:right;margin-top:10px;}
.peopleView .Dep{padding-top:40px;}
.peopleView .add{font-size:0.9em;}
div.peopleView h3.conTxt{margin-bottom:5px;}