/* Main */

div.left {width:276px;  float:left;}
div.center {width:362px; float:left;}
div.right {float:left;}
img.subject {display:block; margin-bottom:10px;}

h4.onPage {height:17px; margin:0; padding-left:18px; padding-bottom:0; overflow:hidden; background-position-y:1px; background-color:#fff;}
#headArea {height:135px;}
#bodyArea {padding-bottom:18px;}
div.topArea {width:100%; padding-bottom:18px; overflow:hidden;}
div.topArea .visualArea {float:left; width:686px; height:250px; overflow:hidden;}
div.topArea .companysArea {float:right; width:192px; height:250px;}
div.topArea .companysArea h4 {height:30px;}
div.topArea .companysArea ul {padding-top:7px;}
div.topArea .companysArea ul li {padding-top:4px; height:22px; overflow:hidden; cursor:pointer;}
div.topArea .companysArea .comLinks {position:absolute; width:192px; background:#fff url('/images/main/bgCompanysBox.gif') no-repeat 0 bottom;}
div.topArea .companysArea .comLinks ul {padding:10px 10px 0;}
div.topArea .companysArea .comLinks ul li {height:12px; padding:0;}
div.topArea .companysArea .comLinks a.close {float:right; margin:0 10px;}
div.topArea .companysArea .comLinks#link1 {top:332px; height:95px; z-index:10;}
div.topArea .companysArea .comLinks#link2 {top:359px; height:95px; z-index:10;}
div.topArea .companysArea .comLinks#link2 ul {width:175px; height:58px; margin:10px 0 5px 10px; padding:0; overflow:auto;}

div.midArea {width:100%; overflow:hidden;}
div.midArea .leftBox {float:left; width:260px;}
div.midArea .leftBox .movie {height:182px; margin-bottom:12px; overflow:hidden;}
div.midArea .leftBox .bannerList {height:97px; overflow:hidden;}

div.midArea .centerBox {float:left; width:388px; margin-left:20px;}
div.midArea .centerBox #mainNewsBox {position:relative; width:100%; height:113px; margin-bottom:13px; overflow:hidden;}
div.midArea .centerBox #mainNewsBox a.newsMore {position:absolute; top:25px; right:5px;}
div.midArea .centerBox #mainNewsBox .newTabBox {margin-top:0 !important; margin-bottom:10px;}
div.midArea .centerBox #mainNewsBox .legend ul {height:57px; overflow:hidden;}
div.midArea .centerBox #mainNewsBox .legend li {width:100%; padding-bottom:5px; overflow:hidden;}
div.midArea .centerBox #mainNewsBox .legend li .subj {display:block; float:left; width:317px; padding-left:10px; background:url('/images/common/bul/bulOr.gif') no-repeat 3px center; overflow:hidden; white-space: nowrap;	text-overflow: ellipsis}
div.midArea .centerBox #mainNewsBox .legend li .date {float:right; width:60px; font-size:11px; color:#888;}
div.midArea .centerBox .serviceBox {height:168px; overflow:hidden;}


div.midArea .rightBox {float:right; width:192px;}
div.midArea .rightBox .marketBox {height:126px; margin-bottom:17px; overflow:hidden;}
div.midArea .rightBox .marketBox p {height:13px; margin:0; padding:0;}
div.midArea .rightBox .mediaBox {height:149px; overflow:hidden;}
div.midArea .rightBox .mediaBox p {height:20px; margin:0; padding:0;}




div#tabContents0 ul, div#tabContents2 ul {
	width:324px; list-style:none; line-height:14px;
}
div#tabContents0 ul, div#tabContents1 ul, div#tabContents2 ul {
	height:105px; 
}
div#tabContents0 li span.subject, div#tabContents2 li span.subject {
	display:block; font-weight:bold;
}
div#tabContents0 li span.recSubject, div#tabContents2 li span.recSubject {
	float:left;
}

div#tabContents0 li span.date, div#tabContents2 li span.date {
	color:#7F96B8; float:right;
}
div#tabContents0 li.image, div#tabContents2 li.image {
	height:60px;
}
div#tabContents0 li.image img, div#tabContents2 li.image img {
	float:left; margin-right:13px;
}
div#tabContents0 li.news {height:20px; _height:18px; padding-left:53px; background:url('/images/common/icon/iconNews.gif') 0 1px no-repeat; }
div#tabContents0 li.notice {height:20px; _height:18px; padding-left:53px; background:url('/images/common/icon/iconNotice.gif') 0 1px no-repeat; }
div#tabContents2 li.press {height:20px; _height:18px; padding-left:53px; background:url('/images/common/icon/iconPress.gif') 0 1px no-repeat; }
div#tabContents2 li.notice {height:20px; _height:18px; padding-left:53px; background:url('/images/common/icon/icnoLetter.gif') 0 1px no-repeat; }

div#tabContents1 ul {width:324px; list-style:none;}
div#tabContents1 li {height:20px; _height:18px; padding-left:9px; background:url('/images/common/bul/bulRec.gif') 0 6px no-repeat;}

div#tabContents1 li span.date {float:right; color:#7F96B8;}
span.recSubject {width:207px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div#tabContents1 li span.recSubject {width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


div#tabContents1, div#tabContents2 {
	display:none;
}



div#recmdContents {display:none; position:absolute; top:387px; left:403px; z-index:100; width:485px; height:309px; background:url('/images/main/bgLayerMedia.gif') top left no-repeat; text-align:left;}
div#recmdContents #reTitle {color:#444; padding:30px 0 0 32px; font-weight:bold;}
div#recmdContents .close {position:absolute; right:11px; top:12px;}
div#recmdContents #reCmdLink {position:absolute; right:11px; bottom:12px;}
div#recmdContents #reCmdSwf {width:457px; margin:10px auto 0; background:url('/images/main/media_loding.png') no-repeat;} 

#globalLinkBtn {position:absolute; display:inline; z-index:20; top:255px; width:158px; margin-left:-116px;}
#globalLinkLayer {
	position:absolute; z-index:20; top:276px; width:198px; height:209px; margin-left:-215px; padding:10px;
	display:none;
	background:url('/images/common/top/bgGlobalLink.gif') no-repeat;
}
#globalLinkLayer div {width:175px; height:168px; overflow-y:scroll;}
#globalLinkLayer li{background:url('/images/common/top/bulGlobalLink.gif') 0px 6px no-repeat; padding-left:10px;}
#globalLinkLayer li.linkLine {background:;}

#comLinkLayer {
	position:absolute; display:none; z-index:20; top:275px; margin-left:-218px; width:198px; height:95px; padding:10px;
	background:url('/images/main/bgSubCompanyLink.gif') no-repeat;
}

#comLinkLayer div {width:175px; height:55px; overflow-y:scroll;}
#comLinkLayer li{background:url('/images/common/top/bulGlobalLink.gif') 0px 6px no-repeat; padding-left:10px;}
#comLinkLayer li.linkLine {background:;}

#comLinkLayer2 {
	position:absolute; display:none; z-index:21; top:250px; margin-left:-218px; width:198px; height:95px; padding:10px;
	background:url('/images/main/bgSubCompanyLink.gif') no-repeat;
}



/* 홍보영상 */
div#centerDiv{float:left;width:702px;overflow:hidden;}
div#centerDiv div.img{float:left;width:301px;}


p{margin:0;padding:0;}
#bodyArea .serviceBox{height:172px;}
#mainVisual{position:relative; width:666px; height:250px; overflow:hidden; background-color:#000;}
#mainVisual img{position:absolute; top:0; left:0; width:666px; height:250px; opacity:0;filter:alpha(opacity:0);zoom:1;display:none;}

.familyLink{overflow:hidden; position:relative; height:125px;}
.familyLink li{overflow:hidden; position:absolute; width:61px; height:65px !important;}
.familyLink li.unfold{background:url(/images/main/familyLink_bg.gif) no-repeat right 0;}
.familyLink a{display:block;}
.familyLink img{position:absolute; top:0; left:0;}
.familyLink img.on{display:none; opacity:0;filter:alpha(opacity:0);zoom:1;}

.quickLink{line-height:0;}
.quickLink li{padding-bottom:7px; line-height:0; font-size:0;}
.quickLink li a{font-size:0;}
.quickLink li img{width:260px; height:45px;}

#movPlayer{display:none; overflow:hidden; *zoom:1; z-index:150; width:480px; height:435px; background-color:#fff;}
#movPlayer .playerWrap{overflow:hidden; *zoom:1; width:450px; height:366px; margin:10px auto 0; border:5px solid #E9E9E9; background-color:#E9E9E9;}
#movPlayer .movArea{width:450px; height:338px; margin:1px 0 8px;}
#movPlayer .controlBar{height:27px;}
#movPlayer .controlBar .left{float:left;}
#movPlayer .controlBar .left img{cursor:pointer;}
#movPlayer .controlBar .right{float:right;}
#movPlayer .controlBar .right img{cursor:pointer;}
#movPlayer .bottom{clear:both; width:460px; margin:15px auto 0;}
#movPlayer .tit{float:left; font-size:15px; font-weight:bold; color:#1174C7;}
#movPlayer .close{float:right;}
#movPlayer .close img{cursor:pointer;}
#movPlayer.full{position:absolute; z-index:9999999 !important; left:0; top:0; margin:0; padding:0;}
#movPlayer.full .playerWrap{width:100%;}
#movPlayer.full .movArea{width:100%;}
#movPlayer.full #video{width:100%; height:100%;}
#quicktimePlayer.full{position:absolute; top:0; left:0; z-index:10000;}
#video.full{position:absolute; top:0; left:0; z-index:10000;}

.prodService{clear:both; width:388px; background:url(/images/main/notice_bg.gif) no-repeat 0 bottom;}
.prodService h2{position:relative; font-size:0;}
.prodService .tit01 a,
.prodService .tit02{display:block; height:24px;}
.prodService .tit01 img,
.prodService .tit02 img{margin:7px 0 0 12px;}
.prodService .tit01 img{opacity:0.5;filter:alpha(opacity:50);zoom:1;}
.prodService .tit02{display:none;}
.prodService .tit02 .more{position:absolute; top:7px; right:12px;}
.prodService .more img{margin:0;}
.prodService .top .tit01{background:url(/images/main/prodservice_tab01.gif) no-repeat;}
.prodService .top .tit02{background:url(/images/main/prodservice_tab01_on.gif) no-repeat;}
.prodService .mid .tit01{background:url(/images/main/prodservice_tab02.gif) no-repeat;}
.prodService .mid .tit02{background:url(/images/main/prodservice_tab02_on.gif) no-repeat;}
.prodService .btm .tit01{background:url(/images/main/prodservice_tab04.gif) no-repeat;}
.prodService .btm .tit02{background:url(/images/main/prodservice_tab04_on.gif) no-repeat;}
.prodService .con{display:none; font-size:0; zoom:1;}
.prodService .con a{font-size:0;}
.prodService .con img{width:386px; height:56px;}

.worldMap{position:relative; height:82px; cursor:pointer;}
.worldMap .map{position:absolute; top:0; left:0;}
.worldMap .pos img{position:absolute;}
.worldMap .pos2 img{display:none; position:absolute;}
.worldMap .pos .uk,
.worldMap .pos2 .uk{top:27px; left:10px;}
.worldMap .pos .in,
.worldMap .pos2 .in{top:34px; left:50px;}
.worldMap .pos .si,
.worldMap .pos2 .si{top:49px; left:65px;}
.worldMap .pos .ch,
.worldMap .pos2 .ch{top:22px; left:67px;}
.worldMap .pos .ko,
.worldMap .pos2 .ko{top:31px; left:70px;}
.worldMap .pos .us,
.worldMap .pos2 .us{top:26px; left:136px;}
.worldMap .pos .br,
.worldMap .pos2 .br{top:57px; left:155px;}
.worldMap .tooltip img{position:absolute; opacity:0;filter:alpha(opacity:0);zoom:1;}

.mediacon{position:relative; width:189px; height:123px; overflow:hidden;}
.mediacon .frame{position:absolute; top:0; left:0;}
.mediacon .img{position:absolute; left:15px; top:15px; width:158px; height:95px; overflow:hidden;}
.mediacon ul{width:5000px;}
.mediacon li{float:left; width:158px; height:95px; list-style:none;}
.mediacon .btn img{position:absolute; top:53px; cursor:pointer;}
#prevBtn{float:left; left:2px;}
#nextBtn{float:right; right:2px;}

/* main_roll */
.jsSlideTargets { position:relative; overflow:hidden; width:666px; height:225px; }
.jsSlideTargets div.moreDetails { position:absolute; width:150px; line-height:1.25em; }
.jsSlideTargets div.moreDetails a { display:block; position:relative; font-weight:bold; color:#fff !important; }
.jsSlideTarget { position:absolute; z-index:100; top:0; width:666px; height:225px; }
.jsSildeTriggers ul { height:1%; background:#ff944c; width:664px; margin-left:1px; }
.jsSildeTriggers ul li { float:left; width:221px; background-color:#ffb27f; text-align:center; margin-right:1px; color:#fff !important; }
.jsSildeTriggers ul li a { display:block; padding:3px 0 2px 0; font-size:12px; font-weight:bold; color:#fff !important; text-decoration:none;}
.jsSildeTriggers ul li a:hover { color:#f60; text-decoration:none; }
.jsSildeTriggers ul li a.selected { background-color:#f60;text-decoration:none; }
.jsSildeTriggers ul li a.selected:hover { color:#fff; text-decoration:none;}
.jsSildeTriggers ul li a .roundCorner { position:absolute; display:block; width:5px; height:5px; bottom:-0.8em; background-image:url('/images/round-corners.gif'); background-repeat:no-repeat; }
.jsSildeTriggers ul li a > .roundCorner { bottom:0; /* ie6 hack */ }
.jsSildeTriggers ul li.first { position:relative; }
.jsSildeTriggers ul li.first a .roundCorner { left:0; background-position:-20px -5px; }
.jsSildeTriggers ul li.first a.selected .roundCorner { background-position:-30px -5px; }
.jsSildeTriggers ul li.last { position:relative; width:220px; margin-right:0; }
.jsSildeTriggers ul li.last a .roundCorner { right:0; background-position:-25px -5px; }
.jsSildeTriggers ul li.last a.selected .roundCorner { background-position:-35px -5px; }