@charset "utf-8";

@import url("/eng/common/css/layout.css");
@import url("/eng/common/css/base.css");
@import url("/eng/common/css/table.css");


/* ¸ÞÀÎ */
#main { width:990px; margin:0 auto; position:relative; }
#main #logo { position:absolute; left:10px; top:19px; }
#main #gsearch { position:absolute; left:561px; top:26px; }
#main #utility { position:absolute; left:733px; top:26px; }
#main #utility li { float:left; }
#main #footer { margin:38px 0 0 10px; }
#main #footer .footerlogo { padding:0; }
#main #footer .copy { padding:7px 0 0 0; }
#main #lookaroundWrap { position:absolute; display:none; top:0px; left:-25px; }

#lookaroundWrap { position:absolute; display:none; margin:0 auto; top:-216px; left:-765px; width:950px; height:550px; }


/* °øÅë */
.anc3 { background:url("/eng/images/blet/anc3.gif") no-repeat 0 0px; padding-left:17px; }


/* È¸»ç¼Ò°³ */
.intro_style01 { margin-bottom:40px; }
.intro_style01 dt { float:left; width:169px; }
.intro_style01 dd { float:left; margin-bottom:40px; }

.intro_style02 { margin-bottom:30px; min-height:92px; _height:92px; }
.intro_style02 dl { margin-left:20px;}
.intro_style02 dl dt { position:absolute; padding:0 0 5px 0; font-size:1%; }
.intro_style02 dl dd { padding:0 0 5px 90px; font-size:1%; }



/* »ç¾÷ºÐ¾ß */
.section_style01 img { display:block; }
.section_style02 { width:451px; height:551px; position:relative; margin:0 auto; }
.section_style02 .wrap { position:absolute; top:-52px;width:100%; height:100%; }
.section_style02 span { width:100%; height:100%; position:absolute; background:url("/eng/images/img_section_06.jpg") no-repeat; z-index:1}
.section_style02 h4,
.section_style02 ol { position:relative; z-index:0 }

.section_style03 .img { position:absolute; }
.section_style03 dl { margin-left:271px;  min-height:140px; }
.section_style03 dl dt { position:absolute; padding:5px 0 0 4px; }
.section_style03 dl dd { background:url("/eng/images/blet/dot1.gif") repeat-x bottom; padding:2px 0 4px 60px; font-size:11px; line-height:16px; }

.section_style04 { background:url("/eng/images/bg_section_01.gif") no-repeat; width:500px; height:86px; padding-top:11px; }
.section_style04 li { float:left; margin:0 0 12px 16px; width:221px; font-weight:bold; color:#ff4e00; background:url("/front/images/blet/bul.gif") no-repeat 0 1px; padding-left:13px; }
.section_style04 li a,
.section_style04 li a:active,
.section_style04 li a:link,
.section_style04 li a:hover,
.section_style04 li a:visited { color:#666666; font-weight:normal; text-decoration:none; }

.section_style03_re { position:relative; width:100%; min-height:300px; }
.section_style03_re dl { float:right; width:230px;}
.section_style03_re dl dt { background:url("/eng/images/blet/bul.gif") no-repeat 0px 2px; padding-left:15px; font-family:Verdana; font-size:10px; color:#333333;}
.section_style03_re dl dd { padding-left:10px; font-family:verdana; font-size:11px; color:#888888; margin:2px 0; padding-bottom:10px;}
.section_style03_re .img { float:left; }



/* »çÈ¸°øÇå */
.society_style01 { background:url("/eng/images/img_society_01.jpg") no-repeat; width:500px; height:435px; }
.society_style02 { position:relative; height:535px; width:500px; }
.society_style02 div { position:absolute; z-index:1; background:url("/eng/images/img_society_02.jpg") no-repeat; width:100%; height:100%; }

.society_style03 { position:relative; height:588px; width:500px; }
.society_style03 span { position:absolute; z-index:1; background:url("/eng/images/img_society_03.jpg") no-repeat; width:100%; height:100%; }

/* È«º¸¼¾ÅÍ */
.precenter_style01 dt { position:absolute; }
.precenter_style01 dd { padding-left:159px; font-size:0px; }
.precenter_style02 li { float:left; width:174px; height:150px; }


/* °í°´¼¾ÅÍ */
.customer_style01 { position:relative; }
.customer_style01 legend { display:none; }
.customer_style01 .ment { position:absolute; left:10px; top:2px; }
.customer_style01 .qaboard * { vertical-align:middle; }
.customer_style01 .qaboard { padding-left:228px; }

.customer_style02 { border-left:1px solid #9e9e9e; border-top:1px solid #9e9e9e;  border-right:1px solid #e4e4e4;  border-bottom:1px solid #e4e4e4; padding:2px; }
.customer_style02 .inner { 
	height:296px; overflow-y:auto; 
	scrollbar-face-color:#FFFFFF;
	scrollbar-3dlight-color:#dedede;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#dedede;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-arrow-color:#888888;
	scrollbar-track-color:#FFFFFF;
}
.customer_style02 .innercontent { margin:20px; }


/* Ã¤¿ëÁ¤º¸ */
.recruit_style01 { position:relative; height:346px; width:500px; }
.recruit_style01 span { position:absolute; z-index:1; background:url("/eng/images/img_recruit_02.gif") no-repeat; width:100%; height:100%; }

.recruit_style02 { position:relative; height:369px; width:500px; }
.recruit_style02 span { position:absolute; z-index:1; background:url("/eng/images/img_recruit_03.gif") no-repeat; width:100%; height:100%; }

.recruit_style03 { background:url("/eng/images/blet/dot1.gif") repeat-x bottom; width:300px; padding-bottom:19px; margin-bottom:20px; }

/* FAQ - Frequency And Question */
.faq_type01 a,
.faq_type01 a:visited,
.faq_type01 a:active,
.faq_type01 a:link { color:#666666; text-decoration:none; font-size:11px; }
.faq_type01 a:hover { }
.faq_type01 { border-top:1px solid #ff7550; }
.faq_type01 dt { background:url("/eng/images/blet/anc1.gif") no-repeat 475px 5px; border-bottom:1px solid #e2e2e2; padding-left:15px; cursor:pointer; }
.faq_type01 dt.select { background-image:url("/eng/images/blet/anc2.gif"); color:#f81a23; }
.faq_type01 dt p { background:url("/eng/images/blet/q.gif") no-repeat 0 9px; line-height:16px; padding:6px 0 4px 34px; font-size:11px; width:420px; }
.faq_type01 dt .no { position:absolute; font-family:'Verdana'; color:#ff4310; margin:-5px 0 0 -24px; }

.faq_type01 dd { background-color:#f5f5f5; border-bottom:1px solid #e2e2e2; padding:13px 0 11px 15px; display:none; }
.faq_type01 dd p { background:url("/eng/images/blet/a.gif") no-repeat 0 2px; padding:0 0 0 34px; line-height:18px; width:420px; font-size:11px; }


/* Box */
.box_type01 { background:url("/eng/images/form/box_silver1_01.gif") no-repeat left top; zoom:100%; }
.box_type01 .body { background:url("/eng/images/form/box_silver1_02.gif") no-repeat right top; }
.box_type01 .body_wrap { background:url("/eng/images/form/box_silver1_03.gif") no-repeat left bottom; }
.box_type01 .body_content { background:url("/eng/images/form/box_silver1_04.gif") no-repeat right bottom; } 

.box_type01 input { border:1px solid #c2c2c2; background:transparent; color:#666666; font-size:11px; padding:5px 5px 3px 5px; }

/* ¿µ»ó Á¦¾î */
.movie { 
	position:relative; background:url("/eng/images/bg_movie.gif") no-repeat !important; 
	width:280px !important; height:305px !important; padding:0px !important;
}
.movie .movieContainer { position:absolute; }
.movie .vision { 
	border:1px solid #e6e6e6; background:url("/eng/images/bg_movie_loading.gif"); 
	position:absolute; top:11px; left:11px;
	width:256px; height:180px; 
}

/* µ¿¿µ»ó ÇÃ·¹ÀÌ¾î ±âº»À¸·Î °¡¼­ »èÁ¦.movie .movieController { width:200px; position:absolute; left:21px; top:203px; }
.movie .volume { position:absolute; left:191px; top:204px; }
.movie .volume img { padding:3px 8px 0 0; }
.movie .volume .volumeController {
	background:url("/eng/images/bg_volume_controller.gif") no-repeat; 
	position:absolute; left:13px; top:0px;
	width:57px; height:14px; 
}
.movie .volume .volumeController img { position:absolute; top:-3px; } */

.movie .ment { position:absolute; top:0px; left:5px; top:244px; }
.movie .movieObj1 { width:280px; height:229px; } /* ±â¾÷È«º¸ µ¿¿µ»ó »çÀÌÁî Á¦¾î */
.movie .movieObj1 embed { width:280px; height:229px; }

.movie dl { width:180px; padding:17px 0 0 320px; }
.movie dl dt { 
	background:url("/eng/images/blet/dot1.gif") repeat-x left bottom; 
	margin-bottom:15px; padding-bottom:9px; 
	color:#f00300; line-height:20px; 	
}
.movie dl dd { font-size:11px; color:#666666; line-height:14px; }

.dllist { margin-bottom:20px; }
.dllist dl { float:left;}
.dllist dd { font-size:11px; padding-top:5px; }
.dllist dd a,
.dllist dd a:link , .dllist dd a:visited , .dllist dd a:active { color:#666; text-decoration:none; }
.dllist dd a:hover { color:#F81A23; text-decoration:underline; }

.dllist_movielist dl { width:100px; }
.dllist_type01 dl { width:165px; }
.dllist_type01 dl.end { width:150px; }
.dllist_type01 dt { width:150px; height:210px; /*background:url("/eng/images/bg_prcenter_01.gif") no-repeat; */ }
.dllist_type01 dd { padding-top:10px; padding-bottom:15px; }

.dllist_type02 { border-top:1px solid #f8967c; border-bottom:1px solid #f8967c; padding:14px 0 8px 0; }
.dllist_type02 dd * { vertical-align:middle; }
.dllist_type02 dt { position:absolute; padding:2px 0 0 25px; }
.dllist_type02 dd { margin-bottom:7px; padding-left:115px; }
.dllist_type02 dt .star { position:absolute; margin:1px 0 0 5px; }


.dllist_type03 dl { width:183px; }
.dllist_type03 dl.end { width:134px; }
.dllist_type03 dt { background:url("/eng/images/bg_prcenter_02.gif") no-repeat; width:134px; height:160px; }
.dllist_type03 dd { padding-top:10px; line-height:14px; width:134px; }


.dllist2_type03 dt { position:absolute; background:url("/eng/images/bg_blank1.gif") no-repeat left top; width:134px; height:160px; }
.dllist2_type03 dd img { vertical-align:middle; }
.dllist2_type03 dd .subject { 
	background:url("/eng/images/blet/dot1.gif") repeat-x bottom; color:#ed1c24; 
	font-weight:bold; font-size:14px; padding-bottom:14px; 
	margin:10px 0 12px 0;
}
.dllist2_type03 dd ul { line-height:18px; margin-bottom:21px; }
.dllist2_type03 dd li { background:url("/eng/images/blet/rect1.gif") no-repeat 0 7px; padding-left:7px; }

.dllist_type03 .size1 { height:250px; }
.dllist_type03 .size2 { height:245px; }

/* »çÀÌÆ®¸Ê */
#body .sitemap { position:relative; height:740px; }
#body .sitemap h2 { font-size:18px; padding:0; margin:0; height:53px; overflow:hidden; }
#body .sitemap h3 { font-size:14px; padding:0; margin:0; height:20px; overflow:hidden; background:none; }

#body .sitemap h3 img { padding:0; margin:0px; }
#body .sitemap ol { margin-bottom:15px; }
#body .sitemap ol li { margin:0 0 5px 0; height:11px; }

#body .sitemap .sitemap01 { position:absolute; left:0; top:0; }
#body .sitemap .sitemap02 { position:absolute; left:180px; top:0; }
#body .sitemap .sitemap03 { position:absolute; left:360px; top:0; }
#body .sitemap .sitemap04 { position:absolute; left:360px; top:181px; }
#body .sitemap .sitemap05 { position:absolute; left:0; top:429px; }
#body .sitemap .sitemap06 { position:absolute; left:180px; top:429px; }
#body .sitemap .sitemap07 { position:absolute; left:360px; top:429px; }

.sitemapRe { float:left; display:inline; margin-right:40px; }
.sitemapRe h2 { margin-bottom:20px; }
.sitemapRe ul li { margin-bottom:8px; }
.sitemapRe ul li ul { margin-top:8px; }
.sitemapRe ul li ul li { margin-bottom:3px; }

/* RSS */
.rss_style01 { height:100px; }
.rss_style01 li { float:left; }

.rss_style02 { border-bottom:1px solid #eeeeee; position:relative; margin-bottom:20px; }
.rss_style02 h4 { position:absolute; left:10px; top:0px; }
.rss_style02 ul { padding-left:174px; margin-bottom:10px; }
.rss_style02 ul li { height:20px; overflow:hidden; }

.rss_style03 { clear:both; position:relative; }
.rss_style03 h4 { position:absolute; left:10px; }
.rss_style03 ul { padding:0 0 12px 174px; }
.rss_style03 ul li { display:inline; font-size:0; zoom:100%; padding:0 29px 7px 0; }
.rss_style03 p { padding:0 0 0 174px; }

/* Tab Design 01 */
.tab_type01 { background:url("/eng/images/form/tab_prcenter_bg_01.gif") no-repeat left top; height:22px; font-size:0px; }
.tab_type01 .wrap { background:url("/eng/images/form/tab_prcenter_bg_02.gif") no-repeat right top; width:100%; height:22px; } /* 164px */
.tab_type01 ul { padding-left:10px; }
.tab_type01 ul li { float:left; padding:0px; }


/* °Ë»ö */
.globalsearch { font-size:11px; }
.globalsearch a,
.globalsearch a:active,
.globalsearch a:link,
.globalsearch a:visited { color:#666666; text-decoration:none; }
.globalsearch a:hover { color:#666666; text-decoration:underline; }

.globalsearch .resultcount { float:right; padding-right:10px; }
.globalsearch .resultment { padding-left:10px; }
.globalsearch em { font-style:normal; color:#ff4e00; }
.globalsearch ul { clear:both; border-top:1px solid #d6d6d6; margin-top:14px; }
.globalsearch ul li { background:url("/eng/images/blet/dot1.gif") repeat-x left bottom; padding:15px; line-height:16px; }
.globalsearch li .subject { font-size:12px; font-weight:bold; margin-bottom:6px; }
.globalsearch li .ment { margin-bottom:8px; }
.globalsearch li .resultindex { color:#888888; }
.globalsearch li.nothing { text-align:center; position:relative; }
.globalsearch li.nothing p { margin:29px 0; }

.globalsearch .searchcontainer { background:url("/eng/images/bg_search1_01.gif") no-repeat; width:500px; height:76px; }
.globalsearch legend { display:none; }
.globalsearch .searchcontainer * { vertical-align:middle; }
.globalsearch .searchcontainer select { font-size:11px; }
.globalsearch .searchcontainer .imgobj { padding-top:2px; }
.globalsearch fieldset { padding:11px 0 0 140px; }


/* File tag Ã³¸® */
.filetag img { margin-left:3px; }
input.filetag { 
	filter:alpha(opacity: 0); outline: none; 
	selector-dummy:expression(this.hideFocus=true);-moz-opacity:0; 
	position:absolute;
	cursor:pointer; 
}

/* Popup */
#pop h2 { padding:35px 0 15px 20px; }
#pop .closebtn { position:absolute; text-align:right; }

#pop { width:400px; background:none; }
#pop .popcontent { padding:0 20px 0 20px; }

#pop .closebtn { width:400px; }

#pop .footer { position:relative; background:url("/eng/images/pop/bg_pop_01.gif") repeat-x left top; height:21px; margin-top:15px; }
#pop .footer div { position:absolute; width:100%; }

#pop .footer { width:400px; }
#pop .footer .logo1 { top:2px; left:20px; }
#pop .footer .logo2 { top:5px; left:297px; }

.popwrap { position:relative; width:380px; padding:35px 0 15px 20px; background:url(/eng/images/pop/bg_close.gif) right top no-repeat; }
.popwrap  h1 { margin-bottom:15px; }
.popwrap  a.close { position:absolute; top:7px; right:9px; }
.rssBuilding { width:360px; height:120px; padding-top:79px; background:url(/eng/images/pop/rss_building.gif) left top no-repeat; }
.rssBuilding input { background-color:transparent; border:1px solid #C2C2C2; width:318px; margin:0 0 68px 20px; display:block; }
