@charset "euc-kr";

/* ------------------------------------------------------------------------------------ */
/* 2011.07., Kim Jeongmin                                                               */
/* PCN > Dev. Team > Publishing Part                                                    */
/* ------------------------------------------------------------------------------------ */

#mask { position:absolute; left:0; top:0; z-index:180; background-color:#000; display:none; }
#uccLayer {  z-index:190; display:none; position:absolute; top:142px; left:50%; margin:0 0 0 -500px; text-align:center; }

#bgOpacity { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1001; background-color:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: .7; }
#bgOpacity iframe { position:relative; width:100%; height:100%; z-index:1000; background-color:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: .7; }

button { margin:0 2px; padding:0; border:0; background-color:transparent; overflow:visible; }

/* Index Contents */
#index2011 { clear:both; position:relative; height:528px; padding-top:65px; overflow:hidden; }
#index2011:after { content:""; display:block; clear:both; }

#indexCont { width:863px; height:420px; margin:0 auto; background:url('../images/index/bgIndexCont.png') no-repeat 50% 100% transparent; overflow:hidden; }

#indexCont div.left { float:left; padding:119px 0 0 48px; }
#indexCont div.left h1 { margin:0 0 13px 130px; }

#tabBox01 { position:relative; width:235px; height:182px; background:url('../images/index/bgBoard.gif') no-repeat 50% 100% transparent; overflow:hidden; }
#tabBox01 h2 { position:absolute; top:18px; left:14px; z-index:9; }
#tabBox01 h2.tab02 { left:67px; z-index:8; }
#tabBox01 h2.tab03 { left:108px; z-index:7; }
#tabBox01 h2.tab04 { left:163px; z-index:6; }
#tabBox01 h2.on { z-index:10; }
#tabBox01 a.more01 { position:absolute; top:43px; left:26px; }
#tabBox01 a.more02 { display:none; position:absolute; top:43px; left:72px; }
#tabBox01 a.more03 { display:none; position:absolute; top:43px; left:120px; }
#tabBox01 a.more04 { display:none; position:absolute; top:43px; left:175px; }
#tabBox01 ul { display:none; padding:59px 15px 0; }
#tabBox01 li { padding-left:3px; padding-top:4px; border-bottom:1px solid #f2f2f2; width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#tabBox01 li.last { border:0; }
#tabBox01 li a:link,
#tabBox01 li a:visited { color:#999; line-height:21px; }
#tabBox01 li a:active,
#tabBox01 li a:focus,
#tabBox01 li a:hover { text-decoration:underline; }

#indexCont { position:relative; z-index:140; }
.zOff { z-index:0; }

#indexCont div.right { float:right; position:relative; width:510px; padding:70px 24px 0 0; }
#indexCont div.right h2 { position:absolute; top:0; left:20px; }
#indexCont div.right h2.tab02 { left:148px; }
#indexCont div.right h2.tab03 { left:264px; }
#indexCont div.right h3 { margin:0 0 15px 20px; }
#indexCont div.right a.prev { float:left; margin:128px 10px 0 0; font-size:0; }
#indexCont div.right a.next { float:right; margin-top:128px; font-size:0; }
#indexCont div.right div.box div.icon { float:left; width:475px !important; height:276px !important; overflow:hidden; }
#indexCont div.right ul { height:276px; }
#indexCont div.right ul li { float:left; width:475px !important; height:276px; font-size:0; }
#indexCont div.right ul li a { display:inline-block; height:88px; margin:0 6px 4px 0; *margin-right:6px; padding:0 0 0 0; font-size:0; line-height:0; overflow:hidden; }

#bottomCont { clear:both; position:absolute; bottom:0; _bottom:-1px; left:50%; width:980px; height:186px; margin-left:-490px; overflow:hidden; z-index:130; }

#bottomCont div.box01 { float:left; width:321px; height:186px; margin-top:154px; margin-right:9px; }
#bottomCont div.box01 ul { overflow:hidden; zoom:1; }
#bottomCont div.box01 ul li { float:left; }
#bottomCont div.box01 ul.button { padding:14px 0 3px 15px; }
#bottomCont div.box01 ul.button li { margin-right:3px; }
#bottomCont div.box01 ul.bCarousel { clear:both; }

#bottomCont div.box02 { float:left; width:321px; height:186px; margin-top:154px; }
#bottomCont div.box02 ul { margin:20px 40px 15px; overflow:hidden; zoom:1; }
#bottomCont div.box02 li { float:left; }
#bottomCont div.box02 span { display:block; margin:10px 30px; padding:10px 0; border:1px solid #e2e2e2; border-width:1px 0; text-align:center; }
#bottomCont div.box02 span * { vertical-align:middle; }
#bottomCont div.box02 span select { width:200px; }
#bottomCont div.box02 p { margin-left:40px; }

#bottomCont div.box03 { float:right; width:321px; height:186px; margin-top:154px; background-color:#f9f9fa !important; }
#bottomCont div.box03 ul { padding-top:7px; border-top:1px solid #e1e1e1; overflow:hidden; zoom:1; }
#bottomCont div.box03 ul li { float:left; width:131px; height:11px; padding:0 0 3px 20px; font-size:0; }

#bottomCont div div { width:315px; height:151px; border:1px solid #7d85b9; border-width:1px 3px 2px; background-color:#fff; overflow:hidden; }
#bottomCont div div div { height:125px; border:0; padding:0; }

#myService { display:none; position:absolute; top:300px; left:50%; width:532px; margin:0 0 0 -125px; text-align:center; z-index:9999;background:#d8d8d8; }
#myService h1 { overflow:hidden; _zoom:1; padding:0 30px; color:#fff; background-color:#7a7a7a; line-height:37px; text-align:left; }
#myService h1 span {font-weight:normal; text-align:right; display:inline-block; width:270px; color:#c1c1c1; }
#myService div { overflow:hidden; _zoom:1; background:#d8d8d8; padding:20px 30px;}
#myService div dl {overflow:hidden; _zoom:1; float:left; width:202px; height:185px;}
#myService div dl dt { overflow:hidden; _zoom:1; font-weight:bold; color:#333333; text-align:left; margin:0; padding:0 0 5px 0;}
#myService div dl dt span.tit {float:left; height:19px}
#myService div dl dt span {float:right;}
#myService div dl dt span a {padding:0 1px;}
#myService div dl select { overflow:hidden; _zoom:1; width:202px; height:160px; margin:0 0 10px 0; padding:10px 0 10px 6px; border:1px solid #c1c1c1;  background-color:#ffffff; overflow-y:scroll;}
#myService div dl dd ul { overflow:hidden; _zoom:1;}
#myService div dl dd ul li {  padding:2px 0 2px 6px;  color:#888888; overflow:hidden; letter-spacing:-1px; text-align:left; }
#myService .addDel { float:left;  margin:0 auto; padding:70px 0 0 0; width:67px;}
#myService .addDel a {margin:2px 0;}
#myService .btnArea {clear:both; padding:0; margin:0 0 20px 0;}
 ol.process {clear:both; overflow:hidden; _zoom:1; padding:0; margin:15px 0 0 0;}
 ol.process li{overflow:hidden; _zoom:1; float:left; width:164px;}
 ol.process li dl {overflow:hidden; _zoom:1; }
 ol.process li dl dt{ padding:0; margin:0; font-size:0; line-height:0;}
 ol.process li dl dd{ width:141px; padding:8px 0 0 0; margin:0; font-size:0.9em; letter-spacing:-0.1em;}
 ol.process li.last {width:141px;}
/*
#myService ul { height:190px; margin-bottom:10px; padding:0 5px 15px 30px; border:1px solid #b7b7b7; border-top:0; background-color:#d8d8d8; overflow-y:scroll; }
#myService li { float:left; width:110px; padding:2px 0 2px 6px; font-size:.9em; color:#666; overflow:hidden; letter-spacing:-1px; text-align:left; }
*/