@charset "utf-8";

/*

PXE Obsidian Layout

Markup : Hyunhw Jung

Website: http://www.premiumxe.com

Email : clubnb2@naver.com

*/



/*Reset*/

h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }

a img { border: none; }

fieldset { border:none; }

a { outline: none; text-decoration:none; selector-dummy:expression(this.hideFocus=true); }





/* Browser Reset Preference - 수정하지 마십시오. 핵심적인 영역들을 정의한 부분임

---------------------------------------------------------------------------------*/

#sb { position:fixed; _position:absolute; *zoom:1; z-index:999; }

#bd { position:relative; *zoom:1; z-index:0 }

#wc { position:relative; *zoom:1; z-index:1 }

#wc .wrp { position:relative; *zoom:1; clear:both; }

#wc .wrp:after{ content:""; display:block; clear:both; }

#hd { position:relative; *zoom:1; z-index:1;}

#hd .wrp { position:relative; *zoom:1; }

#hd_sub { position:relative; *zoom:1; }

#cts { *zoom:1; }

#cts .wrpTrans { *zoom:1; }



#e1 { *zoom:1; }

#e2 { *zoom:1; }



#ftAll { position:relative; *zoom:1; }

#ft { position:relative; *zoom:1; }

#ft_box1 { position:relative; *zoom:1; }

#ft_box2 { position:relative; *zoom:1; }

#ft_box3 { position:relative; *zoom:1; }

#ft_sub { position:relative; *zoom:1; }





/* Positioning - 핵심 영역들의 마진과 패딩값

---------------------------------------------------------------------------------*/

#st { margin:0 auto; padding:0; }

#sb {margin:0; padding:0; top:0; left:0; }

#hd { margin:0 auto; }

#hd .wrp { padding:0; }

#hd_sub { margin:25px auto 0 auto; }

#bd { margin:0 auto; padding:0; }

#wc { margin:0; padding:0; }

#wc .wrp { margin:0 auto; padding:0; top:-80px; }

#cts {  }

#cts .wrpTrans { margin:25px 0 0 0; padding:0 0 30px 0; }

#ftAll { margin:0 auto; padding:0 0 40px 0; }

#ft { margin:0 auto; padding:0; }

#ft .wrp { margin:0 auto; }

#ft_sub { margin:30px auto 0 auto; padding:0; }

#ft_sub .wrp { margin:0 auto; padding:10px 0; }



#e1 .wrp { margin:0; padding:0; top:0px; overflow:hidden; }

#e2 .wrp { margin:0; padding:130px 0 0 0; top:0px; overflow:hidden; }



/* 사이드바 1을 좌측에 정렬 */

.ec #e1 { float:left; margin:0 42px 0 0; _display:inline; }

.ec #cts { _float:right; margin:0 0 0 0; _display:inline; }



/* 사이드바 1을 우측에 정렬 */

.ce #e1 { float:right; margin:0 0 0 42px; _display:inline; }

.ce #cts { _float:left; margin:0 0 0 0; _display:inline; }



/* 사이드바 1,2를 좌측에 정렬 */

.eec #e1 { float:left; margin:0 42px 0 0; _display:inline; }

.eec #e2 { float:left; margin:0 42px 0 0; _display:inline;}

.eec #cts { _float:right; margin:0 0 0 0; _display:inline; }



/* 사이드바 1,2를 우측에 정렬 */

.cee #e1 { float:right; margin:0 0 0 42px; _display:inline; }

.cee #e2 { float:right; margin:0 0 0 42px; _display:inline; }

.cee #cts { _float:left; margin:0 0 0 0; }



/* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */

.ece #e1 { float:left; margin:0 30px 0 0; _display:inline; }

.ece #e2 { float:right; margin:0 0 0 42px; _display:inline; }

.ece #cts { _float:left; margin:0; }





/* Free Coding - 수정할수 있는 부분입니다

---------------------------------------------------------------------------------*/

html { height:100%; filter:expression(document.execCommand("BackgroundImageCache", false, true)); }

body { height:100%; background:#111; }



p a {  }

a, a:visited { text-decoration: none; color:#225e97; }

a:hover,

a:active,

a:focus { text-decoration:none; color:#225e97; }



#st { background:url(../img/default/background.gif) repeat-x; }

#sb { width:75px; background:url(../img/default/bg_sb.gif); }

#bd { width:100%; background:#111 url(../img/default/bg_cine.jpg) no-repeat center top; overflow:hidden; }

#wc { background-color:#d2d1cf; background-image:url(../img/default/bg_wc.gif); background-repeat:repeat-x; background-position:center top; }

#hd { height:105px; }

#hd .wrp { height:65px; }

#hd .menu_wrp { position:absolute; height:40px; *zoom:1; top:65px; left:0; margin:0; padding:0; z-index:1; }

#hd a.logo { position:relative; float:left; top:21px; left:-4px; }

#hd .logInfo { position:relative; width:150px; height:18px; float:right; top:30px; margin:0; padding:0; }

#hd_sub { height:47px; background:url(../img/default/bg_hnb.gif) no-repeat; overflow:hidden; }

#hd_sub .tm { position:absolute; top:0; right:0; width:20px; height:47px; background:url(../img/default/bg_hnb.gif) right top; }



#cts { text-align:left; font:12px verdana, sans-serif; line-height:160%; color:#444; overflow:hidden; }

#cts .wrpTrans { overflow:hidden; }

#cts .loc { width:177px; height:33px; position:relative; margin:0 0 45px 0; top:1px; padding:22px 0 0 0; overflow:hidden; color:#343438; font:bold 12px 굴림; letter-spacing:-1px; text-align:center; background-image:url(../img/default/locator.png); _background-image:url(../img/default/locator.gif); background-repeat:no-repeat; background-position:left top; }



#cine { position:relative; margin:0; padding:0; width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center top; text-align:center; }

#mov { position: absolute; padding:0; width:100%; height:560px; top:0; left:0; *zoom:1; }



#ftAll { overflow:hidden; border-top:1px solid #e3e3e3; }

#ft { font:8pt 돋움, Dotum; letter-spacing:-1px; overflow:hidden; }

#ft .wrp { overflow:hidden; }

#ft_box1 { float:left; font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; font-size:10px; text-transform:uppercase; overflow:hidden; color:#999; letter-spacing:0; }

#ft_box2 {  }

#ft_box3 { float:right; text-align:right; overflow:hidden; }

#ft_sub { font:8pt 돋움, Dotum; letter-spacing:-1px; overflow:hidden; clear:both; }

#ft_sub .wrp { overflow:hidden; }





/* iPhone - 아이폰에 관련된 모들 CSS

---------------------------------------------------------------------------------*/

.iphone { position:relative; width:260px; height:520px; margin:0; padding:0; }

.iphone .inner {  width:260px; height:520px; background:url(../img/default/iphone.png) no-repeat; }

.iphone .idTabs2 { position:absolute; margin:0; padding:0; bottom:123px; left:92px; height:22px; list-style:none; z-index:2; }

.iphone .idTabs2 li { float:left; display:block; }

.iphone .idTabs2 li a { float:left; margin:0 10px 0 0; padding:0; width:20px; height:22px; background:url(../img/default/dot01.png) no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/dot01.png', sizingMethod='crop')"); cursor:pointer; display:block; _display:inline; }

.iphone .idTabs2 a.selected { background:url(../img/default/dot02.png) no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/dot02.png', sizingMethod='crop')"); }



.iphone #scr_mn { position:absolute; width:214px; height:308px; top:93px; left:24px; background:url(../img/default/ipbg_mn.gif) no-repeat; display:block; }

.iphone #scr_mn .wrp { position:relative; height:246px; top:29px; overflow-y:auto; }



.iphone #scr_promo { position:absolute; width:214px; height:308px; top:93px; left:24px; background:url(../img/default/ipbg_promo.gif) no-repeat; display:block; }

.iphone #scr_promo .wrp { position:relative; height:246px; top:29px; overflow-y:auto;}



.iphone #scr_msg { position:absolute; width:214px; height:308px; top:93px; left:24px; overflow:hidden; background:url(../img/default/ipbg_msg.gif) no-repeat; display:none; }

.iphone #scr_msg .wrp { position:relative; height:246px; top:29px; }



.iphone #scr_pl { position:absolute; width:214px; height:308px; top:93px; left:24px; overflow:hidden; background:url(../img/default/ipbg_pl.jpg) no-repeat; display:none; }

.iphone #scr_pl .wrp { position:relative; height:246px; top:29px; }



.iphone #scr_ctr { position:absolute; width:214px; height:308px; top:93px; left:24px; overflow:hidden; background:url(../img/default/ipbg_ctr.jpg) no-repeat; display:none; }

.iphone #scr_ctr .wrp { position:relative; height:246px; top:29px; }



.iphone span.ribbon { position:absolute; width:135px; height:135px; left:1px; top:1px; background:url(../img/default/ribbon.png) no-repeat; z-index:1; }



#mp3player { display: block; }





/* Contents Tabs - 컨텐츠 영역의 3개의 탭들에 대한 정의

---------------------------------------------------------------------------------*/

.idTabs1 { position:relative; margin:0 0 45px 0; padding:0; top:1px; float:right; overflow:hidden; }

.idTabs1 li { list-style:none; float:left; }

.idTabs1 a { display:block; width:177px; height:55px; margin:0 0 0 2px; padding:0; text-decoration:none!important; font:10px Verdana; color:#FFF; opacity:.9; -webkit-transition: opacity .2s linear; }

.idTabs1 a:hover { opacity:1; }

.idTabs1 a:active { opacity:1; }

.idTabs1 a.selected { color:#000; cursor:default; opacity:1; }



/*Layout Tab*/

.idTabs1 li a { background-image:url(../samples/img/tabs/t_home.gif); background-repeat:no-repeat; }

.idTabs1 li.tab01 a { background-position: 0 0; }

.idTabs1 li.tab01 a:active { background-position: 0 1px; }

.idTabs1 li.tab01 a.selected { background-position: 0 -55px; }



.idTabs1 li.tab02 a { background-position: -177px 0; }

.idTabs1 li.tab02 a:active { background-position: -177px 1px; }

.idTabs1 li.tab02 a.selected { background-position: -177px -55px; }



.idTabs1 li.tab03 a { background-position: -354px 0; }

.idTabs1 li.tab03 a:active { background-position: -354px 1px; }

.idTabs1 li.tab03 a.selected { background-position: -354px -55px; }





/* Main Menu - 메인 메뉴

---------------------------------------------------------------------------------*/

.gnb { position:relative; left:0; top:0; margin:0; padding:0; list-style:none; *zoom:1; float:left; }

.gnb li { float:left; *zoom:1; }

.gnb li a { width:100px; height:56px; padding:14px 0 0 0; margin:0; display:block; text-align:center; text-decoration:none !important; font-weight:bold; float:left; color:#a0a0a0; _color:#a0a0a0 !important; *zoom:1; background:url(../img/default/gnb_off.png) no-repeat; }

.gnb li a { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/gnb_off.png', sizingMethod='crop')"); _cursor:pointer; }

.gnb li a:hover { color:#fff; _color:#fff!important; background:url(../img/default/gnb_on.png) no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/gnb_on.png', sizingMethod='crop')"); _cursor:pointer; }

.gnb li.selected a { color:#fff; _color:#fff!important; background:url(../img/default/gnb_on.png) no-repeat; }

.gnb li.selected a { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/gnb_on.png', sizingMethod='crop')"); _cursor:pointer; }





/* Hot Issues and More - 핫이슈 더보기 창

---------------------------------------------------------------------------------*/

.mv { float:left; position:relative; top:0; left:0; width:100px; height:40px; padding:0; background:url(../img/default/btn_more.gif) no-repeat; background-position:left 0px; cursor:pointer; }

#mv_box { width:647px; height:250px; background:url(../img/default/bg_mv.gif) no-repeat; position:absolute; top:38px; left:0px; z-index:1000; display:none; font:12px verdana, sans-serif; line-height: 1.7em; padding:40px 10px 15px 10px; color:#666; overflow:hidden; }





/* Widgets - 위젯을 넣을 섹션

---------------------------------------------------------------------------------*/

.sec { margin-bottom:20px; *zoom:1; }

.sec_02 { margin-top:125px; margin-bottom:20px; *zoom:1; }





/* Steel Plate Box Style - 스틸 질감을 내는 박싱 모델(레이아웃에서는 사용되지 않고 있음)

---------------------------------------------------------------------------------*/

.bx_hd { height:29px; padding:9px 15px 0 15px; font:12px verdana, sans-serif; line-height: 1.7em; border:1px solid #121212; background:#2c2c2c url(../images/common/bg_bx.gif) repeat-x left top; color:#fff; }

.white_bx { position:relative; border-top:1px solid #bbb; border-right:2px solid #c3bfbe; border-bottom:2px solid #c3bfbe; border-left:1px solid #bbb; *zoom:1; overflow:hidden; }

.white_bx .white_bx_wrp { padding:20px 25px; font:12px verdana, sans-serif; line-height: 1.7em; background:#fff; *zoom:1; overflow:hidden; }

.light_bx { position:relative; border:1px solid #bbb; *zoom:1; }

.light_bx .light_bx_wrp { padding:25px 25px; font:12px verdana, sans-serif; line-height: 1.7em; background:#f4f4f4; border:1px solid #fff; *zoom:1; }

.light_bx_type1 { position:relative; *zoom:1; border-top:1px solid #bbb; border-right:2px solid #bbbbbb; border-bottom:2px solid #bbb; border-left:1px solid #bbb;  }

.light_bx_type1 .light_bx_type1_wrp { padding:20px 0 20px 0; font:12px verdana, sans-serif; line-height: 1.7em; *zoom:1; background:#f4f4f4; border:1px solid #fff; }

.light_bx_type1 span.pagemark { position:absolute; width:183px; height:128px; top:-55px; right:28px; display:block; z-index:1; }

.dark_bx { margin:0 0 20px 0; *zoom:1; }

.dark_bx { border:1px solid #a8a8a8;  }

.dark_bx .dark_bx_wrp { padding:20px 25px; font:12px verdana, sans-serif; line-height: 1.7em; *zoom:1; background:#e0e0e0; border:1px solid #f9f9f9; color:#353535; }

.dark_bx_nb { margin:0 0 40px 0; *zoom:1; border:1px solid #a8a8a8; border-top:none;  }

.dark_bx_nb .dark_bx_nb_wrp { padding:20px 25px; font:12px verdana, sans-serif; line-height: 1.7em; *zoom:1; background:#e0e0e0; border:1px solid #f9f9f9; color:#353535; }





/* V-Menu - 아이폰에 출력되는 세로 2차 메뉴

---------------------------------------------------------------------------------*/

#lnb { margin:0; padding:0; *zoom:1; border-bottom:1px solid #000; }

#lnb li { list-style:none; *zoom:1; }

#lnb li a { padding:10px 10px 10px 10px; *padding:11px 10px 7px 10px; display:block; position:relative; text-decoration:none; *zoom:1; font-family:돋움,Dotum; font-size:9pt; color:#aaa; border-left:1px solid #181e1f; border-top:1px solid #181e1f; border-right:1px solid #181e1f; background-color:#101415; text-align:left; }

#lnb li span { display:block; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; background-color:#191e1f; }

#lnb li a:hover,

#lnb li a:focus { color:#7ebae0; }

#lnb li.on a { color:#fff; }

#lnb li.on a:hover,

#lnb li.on a:focus { color:#fff; }

#lnb li ul { display:block; position:relative; margin:0; padding:0; overflow:hidden; *zoom:1; border-top:1px solid #0a0d0e; border-left:1px solid #181e1f; border-right:1px solid #181e1f; }

#lnb li.on ul { display:block; *zoom:1; }

#lnb li ul li { *zoom:1; }

#lnb li ul li a {  padding:4px 10px 4px 20px; font-weight:normal !important; *zoom:1; border:none; font-family:돋움,Dotum; font-size:8pt; letter-spacing:-1px; color:#555 !important; background:none !important; }

#lnb li ul li a:hover,

#lnb li ul li a:focus { font-weight:normal !important; color:#fff !important; }

#lnb li.on ul li.on a { color:#7ebae0 !important; background:#000 !important; }





/* V-Menu Type 2 - 아이폰이 없는 상태에서 출력되는 세로 2차 메뉴

---------------------------------------------------------------------------------*/

#lnb2 { margin:0; padding:0; *zoom:1; font:12px Tahoma; border-bottom:1px solid #a8a8a8; }

#lnb2 li { list-style:none; *zoom:1; }

#lnb2 li a { padding:10px 10px 10px 10px; *padding:11px 10px 7px 10px; display:block; position:relative; text-decoration:none; *zoom:1; font-family:Tahoma, Geneva, sans-serif; font-size: 12px; color:#fff; border-left:1px solid #f9f9f9; border-top:1px solid #f9f9f9; border-right:1px solid #f9f9f9; background-color:#e0e0e0; text-align:left; }

#lnb2 li .pillow { position:absolute; top:9px; left:9px; *top:10px; white-space:nowrap; text-decoration:none; color:#444; }

#lnb2 li span { display:block; border-left:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-right:1px solid #a8a8a8; background-color:#e0e0e0; text-align:left; }

#lnb2 li a:hover,

#lnb2 li a:focus {  }

#lnb2 li.on a { color:#fff; font-weight:bold }

#lnb2 li.on a:hover,

#lnb2 li.on a:focus {  }

#lnb2 li ul { display:block; position:relative; margin:0; padding:0; overflow:hidden; *zoom:1; border-top:1px solid #d1d1d1; border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9; }

#lnb2 li.on ul { display:block; *zoom:1; padding:5px 0; }

#lnb2 li ul li { *zoom:1; }

#lnb2 li ul li a {  padding:4px 10px 4px 20px; font-weight:normal !important; *zoom:1; border:none; font-family:돋움,Dotum; font-size:8pt; letter-spacing:-1px; color:#999 !important; background:none !important; }

#lnb2 li ul li a:hover,

#lnb2 li ul li a:focus { font-weight:normal !important; color:#000 !important; }

#lnb2 li.on ul li.on a { font-weight:bold !important; color:#555 !important; background:#e0e0e0!important; }





/* H-Menu - 메인 메뉴 하단에 나타나는 가로 2차 메뉴

---------------------------------------------------------------------------------*/

#hnb { position:relative; margin:0; padding:0; top:16px; left:32px; *zoom:1; font:12px Tahoma; list-style:none; color:#b6b6b6; }

#hnb li { float:left; margin-right:10px; *zoom:1; }

#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; color:#b6b6b6; background:url(../img/default/vr_hnb.gif) no-repeat right 4px; }

#hnb li a:hover,

#hnb li a:focus { color:#fff; }

#hnb li.on a { color:#fff; font-weight:bold; }

#hnb li.on a:hover,

#hnb li.on a:focus {  }

#hnb li:last-child a { background:none }





/* Bottom Menu - 하단 푸터에 위치하는 메뉴

---------------------------------------------------------------------------------*/

.extLeft { list-style:none; margin:0; padding:0; }

.extLeft li { float:left; margin-right:10px; }

.extLeft li a { padding-right:10px; color:#999 !important; background:url(../img/default/vr.gif) no-repeat right -2px; *background:url(../img/default/vr.gif) no-repeat right 1px; }

.extLeft li:last-child a { background:none; }

.extLeft li a:hover { text-decoration:underline; }



.extRight { list-style:none; margin:0; padding:0; }

.extRight li { float:left; margin-left:10px; }

.extRight li a { padding-left:10px; color:#999 !important; background:url(../img/default/vr.gif) no-repeat left 1px; }

.extRight li:First-child a { background:none }

.extRight li a:hover { text-decoration:underline; }



#bottomBanner { list-style:none; position:absolute; top:11px; right:0; margin:0; padding:0; }

#bottomBanner li { float:left; margin-right:30px; height:30px; }



/*2 Coulmn Box*/

.box { margin-bottom:40px; overflow:hidden; *zoom:1; }

.box .box_left { width:48%; float:left; }

.box .box_right { width:48%; float:right; }





/* Search - 검색창

---------------------------------------------------------------------------------*/

#srch { position:absolute; top:10px; right:0; }

#srch .searchOrder { display:none;}

#srch .inputText { font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; _top:-1px; left:4px; margin:0; padding:4px 10px 0px 10px; width:103px; height:16px; color:#707070; background:url(../img/default/srch_input.gif) no-repeat; border:none; }

#srch .inputText:hover,

#srch .inputText:focus {  }

*:first-child+html body#default #srch .inputText { position:relative; top:-1px;}

#srch .submit { vertical-align:middle; _position:relative; _top:-1px;}

*:first-child+html body#default #srch .submit { position:relative; top:-1px; }





/* Accounts - 내페이지 버튼

---------------------------------------------------------------------------------*/

.acc{ position:absolute; top:140px; left:10px; margin:0; padding:0; display:block; }

.acc li{ position:relative; list-style:none; }

.acc li *{ vertical-align:top;}

.acc li li{ float:none; height:auto; background-image:none;}



.acc li.log{ background-image:none; font-size:0; line-height:0;}

.acc li.log a{ display:block; padding:0;}



.acc li.profile span.btn_pf { position:relative; display:block; border:0; margin:0; padding:0; width:57px; height:30px; cursor:pointer; background-color:transparent; background-image:url(../img/default/btn_mypage.png); background-repeat:no-repeat; overflow:visible; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/btn_mypage.png', sizingMethod='crop')"); _cursor:pointer; z-index:1; }



.acc li.profile .memberProfile { position:absolute; margin:0; padding:0; width:220px; height:206px; top:-13px; left:-7px; color:#797771; background:url(../img/default/bg_login.png) no-repeat left top; _background:url(../img/default/bg_login.gif) no-repeat left top; display:none; *zoom:1; overflow:hidden; }

.acc li.profile .memberProfile.active { display:block;}

.acc li.profile .memberProfile .authorName { position:relative; margin:0; padding:0; top:18px; *top:19px; left:70px; font:12px 굴림,Gulim; font-weight:bold; color:#aaa; white-space:nowrap; *zoom:1; }

.acc li.profile .memberProfile ul{ position:relative; margin:0; padding:0; top:35px; left:20px; list-style:none; *zoom:1; }

.acc li.profile .memberProfile li { float:none; white-space:nowrap; margin:3px 0 0 0; padding:4px 0 0 22px; height:17px; background:url(../img/default/dots_black.gif) no-repeat left 0px; font:11px 돋움,Dotum; letter-spacing:-1px; line-height:130%; }

.acc li.profile .memberProfile li:hover { background:url(../img/default/dots_black.gif) no-repeat left -22px; }

.acc li.profile .memberProfile li a { color:#666; text-decoration:none; }

.acc li.profile .memberProfile li a:hover,

.acc li.profile .memberProfile li a:active,

.acc li.profile .memberProfile li a:focus{ text-decoration:none; }

.acc li.profile .memberProfile span.close { position:absolute; cursor:pointer; border:0; padding:0; top:22px; right:15px; width:7px; height:8px; background: url(../img/default/buttonCloseX.gif) no-repeat; display:block; *zoom:1; z-index:1 }



.acc li.login span{ display:block; width:57px; height:30px; margin:0; padding:0; background-image:url(../img/default/btn_login.png); background-repeat:no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/btn_login.png', sizingMethod='crop')"); cursor:pointer; }

.acc li.logout a{ display:block; width:57px; height:30px; margin:0; padding:0; background-image:url(../img/default/btn_logout.png); background-repeat:no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/btn_logout.png', sizingMethod='crop')"); cursor:pointer; }

.acc li.logout a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}



.acc li.signup a{ display:block; width:57px; height:30px; margin:0; padding:0; background-image:url(../img/default/btn_signup.png); background-repeat:no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"layouts/PXE_obsidian_public/img/default/btn_signup.png', sizingMethod='crop')"); cursor:pointer; }

.acc li.signup a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}





/* Modal Login Window - 로그인 창

---------------------------------------------------------------------------------*/

.loginLayer { position:absolute; margin:0; padding:50px 0 20px 0; width:220px; height:206px; top:125px; left:3px; color:#797771; background:url(../img/default/bg_login.png) no-repeat left top; _background:url(../img/default/bg_login.gif) no-repeat left top; display:none; *zoom:1; overflow:hidden; }



.loginLayer .inner { width:220px; margin:0 auto 20px auto; padding:0; }



.loginLayer form{ *zoom:1; position:relative; overflow:hidden;  }



.loginLayer #commonLogin{ width:260px; height:58px; margin:0 auto; padding:0; }

.loginLayer #openidLogin{ width:260px; height:27px; margin:0 auto; padding:0; }



.loginLayer input.id { position:absolute; top:0; left:12px; width:83px; height:19px; padding:8px 10px 0 30px; background:url(../img/default/bg_id.gif) no-repeat; color:#aaa; font:8pt 돋움; letter-spacing:-1px; border:none; }

.loginLayer input.password { position:absolute; top:27px; left:12px; width:83px; height:19px; padding:8px 10px 0 30px; background:url(../img/default/bg_pw.gif) no-repeat; color:#aaa; font:8pt 돋움; letter-spacing:-1px; border:none; }



.loginLayer .oid_desc { margin:0 0 15px 46px; }

.loginLayer input.oid{ position:absolute; top:0; left:12px; width:58px; height:19px; padding:8px 10px 0 55px; background:#555 url(../img/default/bg_oid.gif) no-repeat;  color:#aaa; font:8pt 돋움; letter-spacing:-1px; border:none;}

.loginLayer button.submit_oid { width:27px; height:24px; background:url(../img/default/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:4px; left:140px; text-indent:-1000em; }



.loginLayer .saveIDinfo { position:absolute; top:5px; left:140px; font:8pt 돋움; letter-spacing:-1px; }

.loginLayer .saveIDinfo .inputCheck { position:relative; top:2px; _top:1px; left:3px; }

.loginLayer .keep label{ color:#555; }

.loginLayer button.submit { width:27px; height:24px; background:url(../img/default/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:31px; left:140px; text-indent:-1000em; }



.loginLayer .help{ position:relative; left:15px; top:0; margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; }

.loginLayer .help li { margin:0 10px 0 0; padding:0 10px 0 0; float:left; font-size:11px; line-height:14px; background:url(../img/default/vr_extra.gif) no-repeat right 2px; }

.loginLayer .help li a { text-decoration:none; color:#555;}

.loginLayer .help li.last { background:none }

.loginLayer .help li a:hover,

.loginLayer .help li a:active,

.loginLayer .help li a:focus{ text-decoration:underline;}



.loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:14px; right:7px; width:27px; height:27px; background:transparent url(../img/default/buttonCloseX.gif) no-repeat center center;}





/* 샘플 박스

---------------------------------------------------------------------------------*/

.ctsSec { margin:0 0 20px 0; padding:0 0 20px 0; *zoom:1; background:url(../img/default/hr.gif) repeat-x left bottom; }

.ctsSec span.image { float:right; margin:0 0 10px 20px; padding:0; display:block; }

.ctsSec .title { font-weight:bold; margin-bottom:10px; display:block; }