@charset "euc-kr";
@import "common.css";
/* ------------------------------------------------------------
 * Name      : introduce.css
 * Desc       : SK portal
 * Created   : 2008/05/15 PentaBreed by myungwol
 * Updated  :
 ------------------------------------------------------------ */

/*Intro*/
 .introCnt{height:548px;background:url(/image/introduce/introBg.jpg) no-repeat;}
 .bottomPd{margin-bottom:30px;}

/*History*/
.historyBtn{margin:9px 0 16px 0;text-align:right;}
.historyBox{padding-bottom:10px;border-bottom:1px solid #b9b9b9;}
.historyBox .historyCnt{height:265px;overflow:auto;}
.historyBox .historyCnt table{width:636px;}
.historyBox .historyCnt table tbody tr th, .historyBox table tbody tr td{background:url(/image/common/line_dot1.gif) 0 0 repeat-x;}
.historyBox .historyCnt table tbody tr th{width:66px;padding:10px 0;vertical-align:top;color:#ed181d;font-weight:normal;}
.historyBox .historyCnt table tbody tr th span{padding-left:20px;background:url(/image/common/bul_red1.gif) 10px 3px no-repeat;}
.historyBox .historyCnt table tbody tr td{width:570px;padding:10px 0;}
.historyBox .historyCnt table tbody tr td span{display:block;text-indent:-10px;padding-left:10px;}
.historyBox .historyCnt table tbody tr.first-child th, .historyBox table tbody tr.first-child td{background:none;}
.historyBox .historyCnt table.year53 tbody tr th.year{width:63px;}
.historyBox .historyCnt table.year53 tbody tr th.month{width:43px;}
.historyBox .historyCnt table.year53 tbody tr th.type1{background:none;}
.historyBox .historyCnt table.year53 tbody tr td{width:530px;}

/*Chairman*/
.chairmanCnt{background:url(/image/introduce/chairman/chairmanBg2.gif) repeat-y}
.chairmanCnt .chairmanBox{padding:0 0 60px 0;background:url(/image/introduce/chairman/chairmanBg3.gif) 0 bottom no-repeat;}
.chairmanCnt .chairmanBox .chairmanInfo{width:197px;height:400px;float:left;padding:10px;background:url(/image/introduce/chairman/chairmanBg1.gif) no-repeat;}
.chairmanCnt .chairmanBox .chairmanInfo .chairmanPic img{border:1px solid #e7e7e7;margin-bottom:10px;display:block;}
.chairmanCnt .chairmanBox .chairmanInfo ul.chairmanTab{width:165px;margin:37px 1px 0 1px;border-top:1px solid #e7e7e7;}
.chairmanCnt .chairmanBox .chairmanInfo ul.chairmanTab li{line-height:0;font-size:0;border-bottom:1px solid #e7e7e7;}
.chairmanCnt .chairmanBox .chairmanInfo p.chairmanLink{width:165px;margin:0 1px;border-bottom:1px solid #e7e7e7;}

.chairmanCnt .chairmanBox .chairmanTxt{width:444px;float:left;}
.chairmanBox {_height:1%;} /* IE6 ¹× ÇÏÀ§ ¹öÀü ºê¶ó¿ìÀú ´ëÀÀ Hack */
*:first-child+html .chairmanBox {height:1%;} /* IE7 ´ëÀÀ Hack */
.chairmanBox:after {content:" "; display:block; clear:both; height:0; visibility:hidden;} /* Ç¥ÁØ°è¿­ ºê¶ó¿ìÀú¿¡ ´ëÀÀÇÏ´Â float ÇØÁ¦¿ë °¡»ó ¿¤¸®¸ÕÆ®ÀÇ »ý¼º */ 
.chairmanTxt h5{margin-bottom:20px;}
.chairmanTxt .type1{height:588px;background:url(/image/introduce/chairman/chairman01_txt02.gif) no-repeat;}
.chairmanTxt .type2{height:552px;background:url(/image/introduce/chairman/chairman01_txt03.gif) no-repeat;}
.chairmanTxt .type3{height:630px;background:url(/image/introduce/chairman/chairman02_txt02.gif) no-repeat;}
.chairmanTxt .type4{height:641px;background:url(/image/introduce/chairman/chairman02_txt03.gif) no-repeat;}
.chairmanTxt .type5{height:570px;background:url(/image/introduce/chairman/chairman02_txt04.gif) no-repeat;}
.chairmanTxt .type6{height:395px;background:url(/image/introduce/chairman/chairman03_txt02.gif) no-repeat;}
.chairmanTxt .type7{height:552px;background:url(/image/introduce/chairman/chairman03_txt03.gif) no-repeat;}
.chairmanTxt .type8{height:573px;background:url(/image/introduce/chairman/chairman03_txt04.gif) no-repeat;}

/*Culture*/
ul#skmsTab{margin-bottom:40px;}
.skmsIntro{height:350px;padding:7px 0 0 293px;background:url(/image/introduce/culture/skms01_img01.jpg) no-repeat;}
.smksBg1{background:url(/image/introduce/culture/skmsBg2.gif) repeat-y}
.smksBg2{padding-bottom:40px;background:url(/image/introduce/culture/skmsBg3.gif) 0 bottom no-repeat;}
.skmsCNT{position:relative;padding:22px 25px 0 65px;background:url(/image/introduce/culture/skmsBg1.gif) 0 0 no-repeat;}
.skmsCNT p.skmsTit{height:16px;margin-bottom:28px;padding:6px 8px 0 0;text-align:right;}
.skmsCNT p.visualTit{text-align:center;}
.skmsCNT h3{margin-top:24px;padding:25px 0 0 20px;border-top:1px solid #ececec;background:url(/image/common/squ_orange3.gif) 0 25px no-repeat;}
.skmsCNT h3.first-child{margin-top:0;border:0;padding-top:0;background:url(/image/common/squ_orange3.gif) 0 1px no-repeat;}
.skmsBtn{width:100%;text-align:right;margin-top:-33px;}

#skmsCNT2 h3.first-child{margin-top:0;padding-top:25px;border-top:1px solid #ececec;background:url(/image/common/squ_orange3.gif) 0 25px no-repeat;}
#skmsCNT4 h3{border:0;position:relative;}
#skmsCNT4 h3 span{display:block;float:left;position:absolute;left:100px;top:25px;}
#skmsCNT4 h3.first-child span{position:absolute;top:0;left:210px;}
#skmsCNT4 .skmsCNT{padding-left:0;}
#skmsCNT4 .skmsCNT .skmsBox4{padding-left:65px;}
#skmsCNT2 p.visualTit{padding-bottom:10px;}
#skmsCNT3 p.visualTit{margin-bottom:33px;}

#skmsCNT2 div.type1{height:137px; background:url(/image/introduce/culture/skms02_txt03.gif) no-repeat;}
#skmsCNT2 div.type2{height:245px; background:url(/image/introduce/culture/skms02_txt04.gif) no-repeat;}
#skmsCNT2 div.type3{height:335px; background:url(/image/introduce/culture/skms02_txt05.gif) no-repeat;}
#skmsCNT2 div.type4{height:137px; background:url(/image/introduce/culture/skms02_txt06.gif) no-repeat;}
#skmsCNT3 div.type1{height:400px; background:url(/image/introduce/culture/skms03_txt02.gif) no-repeat;}
#skmsCNT3 div.type2{height:278px; background:url(/image/introduce/culture/skms03_txt03.gif) no-repeat;}
#skmsCNT4 div.type2{height:210px; background:url(/image/introduce/culture/skms04_img03.gif) 20px 0 no-repeat;}
#skmsCNT4 p.type1{padding-left:20px;}

.skmsPOP{
	width:661px;height:694px;
	position:absolute;left:0;top:345px;z-index:21;
	background:url(/image/introduce/culture/popupBg.png) no-repeat;
	display:none;
}
*html .skmsPOP{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/introduce/culture/popupBg.png', sizingMethod='scale');background:none;}
.skmsPOP .popSec{
	width:576px;height:655px;
	position:relative;background:#FFF;
	margin:3px 0 0 3px;
	padding:30px 30px 0 32px;
}
.skmsPOP .popSec h3{height:30px;margin-bottom:15px;border-bottom:1px solid #dfdfdf;}
.skmsPOP .popSec .popClose{position:absolute;right:-20px;top:15px;}
.skmsPOP .popSec .popPage{position:absolute;right:30px;top:33px;}
.skmsPOP .popSec .popPage span{padding-right:10px;}
.skmsPOP .popSec .popPage a{padding:0 3px 0 5px;background:url(/image/introduce/culture/pop_pageBar.gif) 0 0 no-repeat;}
.skmsPOP .popSec .popPage a.first-child{background:none;}
.skmsPOP .popSec ul.popBtn{width:576px;height:23px;position:absolute;right:28px;bottom:15px;}
.skmsPOP .popSec ul.popBtn li.btnNext{float:right;}
.skmsPOP .popSec ul.popBtn li.btnPrev{float:left;}
.skmsPOP ul#popBtn li.off{display:none;}

.supexCnt{height:437px;background:url(/image/introduce/culture/supexBg.gif) no-repeat;}

/*Brand*/
.storyBtn{margin:0 0 0 10px;}
.brandImg{margin:45px 0 0 20px;}
.brandImg1{margin-top: 45px; text-align: center;}

.identityCnt .identityImg{margin-top:15px;}
.identityCnt p.identityLogo{float:left;width:267px;height:181px;padding-left:13px;background:url(/image/common/line_dot3.gif) right 0 repeat-y;}
.identityCnt div.identityLocal{float:left;width:352px;padding-left:29px;}
.identityCnt{zoom:1;}
.identityCnt:after{content:"";display:block;clear:both;height:0;visibility:hidden;}

dl.ciGuide{overflow:hidden;}
dl.ciGuide dt{height:30px;clear:both;margin:0px 0 0 353px;padding:30px 0 0 20px;background:url(/image/common/squ_orange3.gif) 0 31px no-repeat;}
dl.ciGuide dt.first-child{padding-top:0;background:url(/image/common/squ_orange3.gif) 0 1px no-repeat;}
dl.ciGuide dd.CIimg{width:350px;float:left;margin:-30px 0 0 0;}
dl.ciGuide dd.CIimg img{display:block;}
dl.ciGuide dd span.CIdown{display:block;margin:167px 0 0 0;}

.CIcnt h3{margin-top:30px;}
.CIcnt h3.first-child{margin-top:0;}
.CIcnt p{margin-bottom:15px;}
.CIcnt .type1{height:132px;background:url(/image/introduce/brand/ci02_img01.gif) no-repeat;}
.CIcnt .type2{height:132px;background:url(/image/introduce/brand/ci02_img02.gif) no-repeat;}
.CIcnt .type3{height:227px;background:url(/image/introduce/brand/ci03_img01.gif) no-repeat;}

/*SK People*/
.recruiteSelect{height:30px;position:relative;}
.recruiteSelect p{position:absolute;right:0;top:0;}
.bbsList tbody tr td.section{color:#ff7a00;}

.recruiteSite{text-align:right;margin-bottom:7px;}
table.bbsView thead tr td.recruiteSec{font-size:0.9em;color:#ff7a00;}
table.recruiteView{border-bottom:2px solid #d3d3d3;}
table.recruiteView thead tr td{color:#888;}
table.recruiteView thead tr td strong{color:#777;}
p.recruiteBtn{margin-top:9px;text-align:right;}
.peopleCnt h3{margin:30px 0 0 0;height:28px;background:none;padding:0;}
.peopleCnt h3.first-child{margin-top:0;}

.peopleCnt .peopleBox{_height: 124px; min-height: 124px; padding: 4px 0 4px 139px; border: 1px solid #eaeaea;}
.peopleCnt .peopleBox dl {}
.peopleCnt .peopleBox dl dt {margin-top: 8px; padding: 0 0 0 12px; background: url(/image/common/bul_gray7.gif) no-repeat 0 5px; font-weight: bold; }
.peopleCnt .peopleBox dl dd {padding: 0 0 0 12px; font-size: 0.9em}

.peopleCnt .peopleType1{background: #f9f9f9 url(/image/introduce/people/people_img01.jpg) no-repeat 4px 4px;}
.peopleCnt .peopleType2{background: #f9f9f9 url(/image/introduce/people/people_img02.jpg) no-repeat 4px 4px;}
.peopleCnt .peopleType3{background: #f9f9f9 url(/image/introduce/people/people_img03.jpg) no-repeat 4px 4px;}
.peopleCnt .peopleType4{background: #f9f9f9 url(/image/introduce/people/people_img04.jpg) no-repeat 4px 4px;}
.peopleCnt .peopleType5{background: #f9f9f9 url(/image/introduce/people/people_img05.jpg) no-repeat 4px 4px;}

.systemInfo{height:194px;margin-bottom:35px;text-align:right;background:url(/image/introduce/people/systemBg1.jpg) 0 0 no-repeat;}
.systemMap{height:76px;margin-bottom:12px;background:url(/image/introduce/people/system_img01.jpg) no-repeat;}

h3.systemStit{margin-top:33px;}
.systemType p.msg {margin-top:5px;}
.systemType table {width: 100%; margin-top: 7px; border-top: 2px solid #ea002c; border-bottom: 2px solid #e4e4e5;}
.systemType table th {width: 18%; padding: 10px 0 0 20px; background: #f7f7f7; border-top: 1px solid #e4e4e5; border-right: 1px solid #e4e4e5; vertical-align: top;}
.systemType table td {padding: 8px 0 8px 10px; border-top: 1px solid #e4e4e5; }


/*Know-How*/
.tbl_type3{border-bottom:1px solid #b9b9b9;}
.tbl_type3 table#knowHow{border-top:2px solid #b9b9b9;text-align:center;}
.tbl_type3 table#knowHow thead tr th{height:26px;color:#6c6c6c;}
.tbl_type3 table#knowHow thead tr th.date{font-weight:normal;color:#999;}
.tbl_type3 table#knowHow .title{text-align:left;padding-left:20px;}
.tbl_type3 table#knowHow tbody tr td{height:27px;background:url(/image/common/line_dot1.gif) 0 0 repeat-x;}
.tbl_type3 table#knowHow tbody tr td.knowhowCnt{padding:20px 0 30px 0;text-align:left;}
.tbl_type3 table#knowHow tbody tr td strong{color:#6c6c6c;}
.knowhowCnt .knowhowBox{background:url(/image/introduce/people/knowhowCntBg01.jpg) 0 0 repeat-y;}
.knowhowCnt .knowhowBox img.titleVisual{display:block;}
.knowhowCnt .knowhowBox #knowCNT{
	padding:0 38px 58px 38px;
	background:url(/image/introduce/people/knowhowCntBg02.jpg) 0 bottom no-repeat;
}
#knowCNT h4{color:#ff7a00;padding:22px 0 15px 0;border-top:1px solid #efefef;background:none;margin:0;}
#knowCNT h4.first-child{border:0;padding-top:0;}
#knowCNT p{padding-bottom:22px;}
table.recruiteView tbody tr td.recruiteSec{width:661px;overflow:auto;}

/*Performance*/
.performanceSec{margin-bottom:39px;}

/*About*/
p.globalBtn{margin:0 0 0 10px;}

/*ÃÖÅÂ¿øÈ¸Àå*/
#chairmanCEO{height:654px;background:url(/image/introduce/chairman/chairman_txt.gif) no-repeat;}

/*Flash Popup*/
#deemed1{
	display:none;
	filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;
	background: #FFF;
	position:absolute;left:0;top:0px;z-index:3;
	width:100%;height:100%;
}
#popSwf{
	display:none;
	width:100%;height:520px;
	position:absolute;left:0;top:185px;z-index:4
}
#popSwf .popSwfBox{
	width:860px;
	margin:0 auto;
}

