/*@charset=UTF-8;*/
body.main { text-align:center; background:#000000 url(../img/main/main_bg.jpg) center top no-repeat;}
body.sub { text-align:center; background:#262626 url(../img/common/bg_pattern.gif) center 35px repeat-x; }
body.sub {background-color:#262626;}

/* layout */
body.main .wrap {text-align:center; background: url() center top no-repeat; }
.wrap_in { position:relative; width:980px; margin:0 auto; text-align:center; }
.contents {}
#flash_gnb { height:286px; }
#flash_gnb h1 { position:absolute; display:none;}
/*#flash_subGNB { position:absolute; left:0px; top:0; }
#flash_sign { position:absolute; left:5px; top:0; }
#flash_event { position:absolute; left:0; top:0; }*/

#maincol { float:left; _display:inline; width:458px; margin-left:226px; }
#leftcol { position:absolute; left:0; top:286px; width:216px; }
#rightcol { float:right; width:216px; }
#skyscraper { position:absolute; right:-100px; top:286px; width:100px; }
/*#footer { z-index:-1; clear:both; position:relative; width:910px; height:110px; background:url(../img/footer/bg_footer.gif) no-repeat; }*/
.main #footer { margin-top:39px; }

.sub #flash_subGNB { left:0; }
.sub .wrap_in { width:980px; }
.sub #maincol { width:654px; _height:600px; margin-left:221px; }
.sub #skyscraper { right:0; }
.sub #footer { left:35px; margin-top:0; }


#FOOTER { margin:50px 0px 30px 0px; width:900px;}
#FOOTER .footerbg  {width:900px; height:14px; background:url(../img/footer/footer_bg.png) no-repeat; }
#FOOTER .footerbt {border-bottom:1px solid #313131;}

/*=leftcol*/ 
.dv_header { width:216px; height:42px; position:relative; z-index:1; width:216px; height:42px; background:url(../img/login/bg_login_header.png) no-repeat; color:#C47B83; }

.dv_header .cpa { position:absolute; z-index:3; left:18px; top:198px; }

#login_after { width:216px; height:160px; background:url(../img/login/bg_login_after.png) no-repeat; }
#login_after .name {height:20px; font-size:10px; font-family:AppleGhothic, verdana, sans-serif;  font-weight:bold; color:#777777;letter-spacing:-1;text-align:left;}
#login_after .ecoin {height:25px; font-size:10px; font-family:AppleGhothic, verdana, sans-serif;  font-weight:bold; color:#777777;letter-spacing:-1;text-align:left;}
#login_after .btn { width:178px; height:20px; !important; font-size:10px; font-family:AppleGhothic, verdana, sans-serif; font-size:10px; font-weight:bold; color:#777777;letter-spacing:-1;text-align:left;}
#login_after .btn2 { margin:0px 0px 0px 30px; }
#login_after .welcome { height:55px; }
#login_after .ecoin2 { height:7px; }




.login_after { width:216px; height:160px; background:url(../img/login/bg_login_after.png) no-repeat; }
.login_after a img { vertical-align:middle; }
.login_after p.user { position:absolute; left:30px; top:150px; width:161px; height:26px; }
.login_after p.user a.uid { position:relative; top:2px; color:#7AE4EB !important; font-size:11px; letter-spacing:-1; }
.login_after p.user .ico { width:16px; height:16px; vertical-align:middle; margin:0 5px 0 0; }
.login_after p.user .btn { position:absolute; right:5px; top:1px; }
.login_after h3.title { position:absolute; left:0; top:131px; z-index:-100; width:216px; height:202px; display:none; }
.login_after ul.btn { position:absolute; left:18px; top:120px; }
.login_after ul.btn li { float:left; margin-right:3px; padding-bottom:1px; }
.login_after .name {font-size:11px; font-family:AppleGhothic, verdana, sans-serif; font-weight:bold; color:#CAA580;letter-spacing:-1;text-align:left;}
.login_after .ecoin {font-size:11px bold;; font-weight:bold; letter-spacing:-1; text-align:left;}




#login_before { width:216px; height:148px; background:url(../img/login/bg_login_before.png) no-repeat; }
.login_before .title { text-indent:-5000px; }
.login_before .txt {width:117px; height:18px; _height:23px; padding:5px 5px 0 5px; border:0; background:none; }
.login_before .uid { left:17px; top:10px; background:url(../img/login/bg_id.gif) no-repeat 4px 6px; color:#999; font-size:11px; }
.login_before .upw { left:17px; top:35px; background:url(../img/login/bg_pw.gif) no-repeat 4px 6px; color:#999; font-size:11px; }
.login_before .submit { position:absolute; left:139px; top:10px; }
.login_before ul { position:absolute; left:17px; top:65px; }
.login_before li { float:left; margin-right:3px; }
.login_before li.security { position:absolute; left:119px; top:-2px; width:66px; letter-spacing:-1; }
.login_before li.security input { position:relative; top:1px; margin-right:0px; }

.login {position:relative; width:216px; height:106px;}
.pd5 {padding-right:5px;}


#login_after2 { width:216px; height:143px; background:url(../img/login/bg_login_after2.png) no-repeat; }
#login_after2 .name {height:20px; font-size:10px; font-family:AppleGhothic, verdana, sans-serif;  font-weight:bold; color:#777777;letter-spacing:-1;text-align:left;}
#login_after2 .ecoin {height:20px; font-size:10px; font-family:AppleGhothic, verdana, sans-serif;  font-weight:bold; color:#777777;letter-spacing:-1;text-align:left;}
#login_after2 .btn { width:178px; height:20px; !important; font-size:10px; font-family:AppleGhothic, verdana, sans-serif; font-size:10px; font-weight:bold; color:#777777;letter-spacing:-1;text-align:left;}
#login_after2 .btn2 { margin:0px 0px 0px 30px; }
#login_after2 .welcome { height:65px; }
#login_after2 .ecoin2 { height:7px; }


#login_before2 { width:216px; height:131px; background:url(../img/login/bg_login_before2.png) no-repeat; }
.loginbt  { width:216px; height:17px; background:url(../img/login/bg_login_ft.png) no-repeat;}
.logindot { width:216px; background:url(../img/login/bg_login_bg.png) repeat-y;}