@charset "euc-kr";
@import url("common.css");
@import url("table.css");
/*
	Pentabreed - Web Publishing Team suga 2008-10-17
	http://guide.pentabeed.com/
	width:; height:; float:; display:; font:; background:;
*/

/* contents CSS */

/* ȸ»ç¼Ò°³ */
ul.introBox { background:url('/webapps/images/introduce/bg_intro.jpg') 23px 0 no-repeat; padding-left:298px; padding-top:3px; padding-bottom:105px; float:left; margin-top:41px; }
ul.introBox li { background:url('/webapps/images/common/bu_square01.gif') 0 8px no-repeat; padding-left:9px; padding-top:3px; padding-bottom:3px; float:left; clear:left; }
ul.introBox li img { display:block; }
p.introDetails strong img { margin-bottom:10px; }
p.introDetails img { margin-bottom:15px; }


.messegeBox { background:url('/webapps/images/introduce/bg_messege.jpg') right top no-repeat; width:100%; }
.messegeBox_eng { background:url('/webapps/images/introduce/e_bg_messege.jpg') right top no-repeat; width:100%; }

.messegeBox h2 { padding-bottom:34px; }
.messegeBox strong img { margin-bottom:22px; display:block; }
.messegeBox img { margin-bottom:14px; display:block; }
.messegeBox img.right { margin-top:47px; margin:0 0 0 auto; display:none; }

p.history { padding-bottom:20px; }

div.manageIdeo h2 { padding-top:20px; padding-bottom:5px; }
div.manageIdeo img { display:block; }
ul.manageIdeo { background:url('/webapps/images/introduce/bg_ideo.jpg') 180px 0 no-repeat; width:606px; height:192px; margin-top:43px; padding-top:126px; padding-left:27px; padding-right:24px; margin-bottom:51px; }
ul.manageIdeo li { float:left; }

p.ciIdeo img { padding-top:12px; }

dl.signWay { overflow:hidden; }
dl.signWay img { display:block; margin-bottom:3px; }
dl.signWay img.spacingImg { margin-top:13px; }
dl.signWay dt { background:url('/webapps/images/common/bu_square01.gif') 0 50% no-repeat; margin-bottom:8px; padding-left:7px; clear:left; }
dl.signWay dd { padding-left:7px; margin-bottom:17px; clear:left; }
.map { padding-top:20px; padding-bottom:20px; }

ul.tabMenu { background:url('/webapps/images/introduce/bg_tab.gif') repeat-x; width:630px; height:31px; overflow:hidden; }
ul.tabMenu li { padding-right:1px; float:left; }
ul.tabMenu li a, ul.tabMenu li img { display:block; }

table.history { width:630px; }
table.history th { text-align:left; border-bottom:1px #e7e7e7 dotted; vertical-align:top; padding-top:20px; padding-bottom:20px; }
table.history td { border-bottom:1px #e7e7e7 dotted; padding-top:16px; padding-bottom:16px; }
table.history td dl dt { width:23px; height:20px; line-height:20px; color:#87aadf; font-weight:bold; float:left; }
table.history td dl dd { width:522px; height:20px; line-height:20px; float:right; }

p.gnetwork img { margin-bottom:10px; display:block; }
.bg_gnetwork { margin-top:10px;width:630px; height:342px; position:relative; background:url('/webapps/images/introduce/bg_globalnetwork.gif') no-repeat; }
ul.worldMap li { position:absolute; }
ul.worldMap li a { font-size:11px; color:#1e4d95; padding-left:10px; background:url('/webapps/images/common/bu_net.gif') no-repeat 0 30% }
ul.worldMap li a:hover { font-size:11px; color:#f96b00; text-decoration:none; padding-left:14px; font-weight:bold; background:url('/webapps/images/common/bu_neton.gif') no-repeat 0 10% }
ul.worldMap li a.on { font-size:11px; color:#f96b00; text-decoration:none; padding-left:14px; font-weight:bold; background:url('/webapps/images/common/bu_neton.gif') no-repeat 0 10% }

.mapList { position:absolute; z-index:100; background:#ffffff; top:50%; left:50%; display:none; }
.africaList { width:280px; height:140px; margin:-70px -140px; }
.asiaList { width:520px; height:140px; margin:-70px -260px; }
.austrailiaList { width:200px; height:140px; margin:-70px -100px; }
.europeList { width:600px; height:180px; margin:-90px -300px; }
.northAmericaList { width:200px; height:140px; margin:-70px -100px; }
.southAmericaList { width:300px; height:140px; margin:-70px -150px; }

.mapList h4 { position:relative; padding-left:20px; height:30px; background:#595959; }
.mapList h4 img { padding-top:5px; display:block; }
.mapList h4 a { position:absolute; top:5px; right:20px; }
.mapList div { height:100%; background:#838383; }
.mapList div ul { font-size:11px; padding:5px 9px 0 9px; float:left; }
.mapList div ul li { padding:4px 9px 0 9px; color:#ffffff; }

li.africa { top:193px; left:81px; }
li.asia { top:134px; left:218px; }
li.austrailia { top:255px; left:270px; }
li.europe { top:114px; left:90px; }
li.northAmerica { top:135px; left:433px; }
li.southAmerica { top:226px; left:508px; }



/* Á¦Ç°¼Ò°³ */
.pBasicInfo { width:630px; height:230px; margin-bottom:40px; margin-top:10px; }

.productAtt { width:100%; height:31px; position:relative; margin-bottom:14px; }
.productAtt p.btnPosition { top:3px; right:0px; position:absolute; z-index:20; }
.productAtt p.btnPosition a { display:inline-block; }

table.feature { }
table.feature td { vertical-align:top; padding-bottom:20px; }
table.feature td img { width:88px; height:66px; border:1px #adadad solid; display:block; }
table.feature td strong { display:block; color:#4078c3; height:17px; line-height:17px; }

table.setting { width:100%; border-top:2px #94a6ca solid; border-bottom:2px #94a6ca solid; margin-top:14px; }
table.setting th { background:#f2f5fa; padding-left:20px; height:25px; border:1px #d6d6d6 solid; color:#2b589c; text-align:left; }
table.setting td { padding-left:20px; height:24px; border:1px #d6d6d6 solid; }

#product_tnm1 ul.tabMenu,
#product_tnm2 ul.tabMenu { display:none; }
#product_tnm2 .prdBox{margin-top:10px}

/* È«º¸¼¾ÅÍ */
.stit { margin-bottom:23px; }

p.selectBox { text-align:right; padding-bottom:10px; }

.exhibitionList {height:118px; border:1px #e1e1e1 solid; margin-top:5px; }
.exhibitionList img.btn{float:left;margin:50px 0 0 2px}
.exhibitionList img.right{float:right; margin:50px 2px 0 0}

ul.ListBox {width:580px;float:left;margin-top:5px; overflow:auto;}
ul.ListBox li {padding:4px; float:left; }
ul.ListBox li strong{display:block; font-weight:normal; text-align:center; color:#848484;padding:5px 0}
ul.ListBox li a img {width:108px; height:81px;}
ul.ListBox li a:hover img, ul.ListBox li.on a img{width:100px; height:73px;border: 4px solid #5588d1}
ul.ListBox li img, ul.ListBox li.on a:over img { width:108px; height:81px; display:block; }
ul.ListBox li p.text { text-align:center; padding:3px 0 3px 0; }

.exhibitionView { width:626px; height:247px; border:#5588d1 2px solid; margin-top:24px; }

dl.viewBox { padding:11px; float:left; }
dl.viewBox dd.img { height:223px; width:298px; padding-right:19px; }
dl.viewBox dd.img img { border:1px #dcdcdc solid; display:block; }
dl.viewBox dt { padding-left:5px; width:280px; height:37px; line-height:37px; border-bottom:1px #e1e1e1 solid; color:#f96b00; font-size:16px; font-weight:bold; float:left; }
dl.viewBox dd.contents { padding-left:5px; padding-top:14px; padding-bottom:14px; width:280px; height:67px; float:left; line-height:17px; color:#848484; }
dl.viewBox dd.imgList { width:285px; height:92px; float:left; }
dl.viewBox dd.imgList ul.bgList { background:url('/webapps/images/information/bg_imgList.gif') 5px 6px no-repeat; width:285px; height:92px; float:left; }
dl.viewBox dd.imgList ul.bgList li { padding-top:6px; padding-left:5px; float:left; }
dl.viewBox dd.imgList ul.bgList li img { width:52px; height:40px; display:block; }
dl.viewBox dd.imgList ul.bgList li img.on { width:46px; height:34px; border:3px #1e4d95 solid; display:block; }

/* ä¿ëÁ¤º¸ */
.people { background:url('/webapps/images/employment/bg_people.jpg') top right no-repeat; height:400px; }
.people h2 { margin-top:22px; }
.people h3 { margin-top:23px; margin-bottom:6px; }
.people ol { margin-top:47px; }
.people ol li { float:left; }

.system { background:url('/webapps/images/employment/bg_system.jpg') top right no-repeat; height:500px; }
.welfare { background:url('/webapps/images/employment/bg_welfare.jpg') top right no-repeat; height:350px; }
dl.employment { margin-top:49px; float:left; }
dl.employment dt img, dl.employment dd img { display:block; }
dl.employment dt { margin-bottom:8px; padding-left:19px; clear:left; }
dl.employment dt.t01 { background:url('/webapps/images/employment/bu_t01.gif') 0 0 no-repeat; }
dl.employment dt.t02 { background:url('/webapps/images/employment/bu_t02.gif') 0 0 no-repeat; }
dl.employment dt.t03 { background:url('/webapps/images/employment/bu_t03.gif') 0 0 no-repeat; }
dl.employment dt.t04 { background:url('/webapps/images/employment/bu_t04.gif') 0 0 no-repeat; }
dl.employment dt.t05 { background:url('/webapps/images/employment/bu_t05.gif') 0 0 no-repeat; }
dl.employment dd { background:url('/webapps/images/common/bu_line.gif') 8px 6px no-repeat; margin-bottom:28px; padding-left:20px; clear:left; }

.popupBox { width:324px; height:210px; border:8px #2d589d solid; text-align:center; margin:80px auto; }
.popupBox p.text { color:#2d589d; padding:57px 20px 40px 20px; }
.popupBox h1 { background:url('/webapps/potecadmin/images/common/bu_tits.gif') 0 50% no-repeat; padding-left:10px; padding-top:20px; color:#29599b; font-size:12px; text-align:left; margin-left:20px; }
.popupBox table.popup { background:#fbfbfb; width:284px; border-top:1px #cfcdce solid; border-bottom:1px #cfcdce solid; margin:0 auto; }
.popupBox table.popup th { color:#737373; font-weight:normal; }
.popupBox table.popup td { color:#737373; text-align:left; }
.popupBox table.popup td p.left { padding-left:30px; line-height:20px; }
.popupBox p.btnPosition { padding-top:20px; }

.fileBulet a { padding-left:20px; padding-right:30px; background:url('/webapps/images/common/ico_file.gif') 0 50% no-repeat; display:inline-block; }

/* »çÀÌÆ®¸Ê */
.sitemap { float:left; padding-right:46px; height:260px; }
.sitemap h2, .sitemap h3, .sitemap h4, .sitemap h5 { border-bottom:2px #3f72b4 solid; }
.sitemap ul li { width:92px; background:url('/webapps/images/common/bu_square01.gif') 19px 50% no-repeat; padding-left:31px; border-bottom:1px #e7e7e7 solid; height:27px; line-height:27px; }
.sitemap ul.eng li { width:144px; background:url('/webapps/images/common/bu_square01.gif') 19px 50% no-repeat; padding-left:31px; border-bottom:1px #e7e7e7 solid; height:27px; line-height:27px; }

@media print {
	body, #wrapper{background:none;}
	#topArea, #secNavi, #footer, #topArea, #quickArea, #locMap, .productAtt {display:none;}
	#product_tnm1, #product_tnm2 { display:block !important; padding-bottom:40px; }
	#pBasicInfo, #product_tnm1 ul.tabMenu, #product_tnm2 ul.tabMenu { display:block; }
	#cntArea, #cntArea #tmpBox {padding:0; margin:0; height:auto;}
}