/*
*    앨리샤 / 메인페이지 스타일시트
*    @ Ntreevsoft co.ltd
*/

html, body { font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#000; padding:0; margin:0; }
form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { list-style:none; padding:0; margin:0; } img { border:none; } hr, legend { display:none; }
table { border-collapse:collapse; } th { font-weight:bold; text-align:center; } td { text-align:left; }
button { padding:0; margin:0; border:none; cursor:pointer; }
select { font:normal 12px arial; height:20px; } select, { font-size:11px; }
input { font:normal 12px dotum, 돋움; } input[type=text] { height:12px; }
a:link, a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline; }
.none { display:none; } .fly { position:absolute; top:-9999px; left:-9999px; }

/* Layout */
#wrap { position:relative; background:url(../img/common/mainvisual.jpg) no-repeat center 0; width:100%; min-width:998px; text-align:center; padding-top:380px; }
#navigation { position:absolute; top:0; left:0; width:100%; height:378px; z-index:4; overflow:hidden; }
#navigation h2 { position:absolute; top:-9999px; left:-9999px; }
#container { position:relative; width:914px; min-height:567px; background:#fff url(../img/common/frame_bg.png) repeat-x 0 0; margin:0 auto; z-index:2; text-align:left; }
#sidebar { float:left; width:240px; margin-bottom:50px; }
#section { float:right; position:relative; width:662px; height:522px; }

/* Frame */
.frame-top { position:absolute; top:-26px; left:-25px; background:url(../img/common/frame_top.png); width:964px; height:26px; }
.frame-left { position:absolute; top:0; left:-25px; background:url(../img/common/frame_left.png); width:25px; height:600px; }
.frame-right { position:absolute; top:0; right:-25px; background:url(../img/common/frame_right.png); width:25px; height:600px; }

/* Footer */
#footer { position:relative; clear:both; width:914px; height:110px; margin:0 auto; border-top:1px solid #ebefef; z-index:2; }
.foo-link, .foo-address, .foo-copyright, .foo-classinfo, .foo-logo { position:absolute; }
.foo-link { top:24px; left:74px;  font:normal 9px arial; color:#d2d2d2; }
.foo-link li { float:left; display:inline; margin:0 4px; }
.foo-link li img { border-right:1px solid #c6c6c6; padding-right:8px; }
.foo-link li.lastlink img { border:none; }
.foo-address { top:46px; left:76px; }
.foo-copyright { top:72px; left:76px; }
.foo-classinfo { top:25px; right:0;  }
.foo-logo { top:27px; left:0; }

/* LoginBox  */
.loginbox { position:relative; background:url(../img/login/login_sprite.png) -10px -10px; width:240px; height:130px; margin-bottom:10px; text-align:center; }
.loginbox h2 { width:44px; height:11px; position:absolute; top:13px; left:13px; }
.loginbox fieldset { padding:0; margin:0; border:none; }
.lb-id input, .lb-pw input { width:121px; height:12px; border:1px solid #f1f1f1; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font:normal 12px dotum; padding:4px; margin:0; color:#333; vertical-align:top; }
.lb-id { position:absolute; top:35px; left:9px; }
.lb-id label { display:none; }
.lb-id .inbg { background:url(../img/login/login_sprite.png) -10px -170px; }
.lb-pw { position:absolute; top:61px; left:9px; }
.lb-pw label { display:none; }
.lb-pw .inbg { background:url(../img/login/login_sprite.png) -10px -210px; }
.lb-submit { position:absolute; top:35px; left:148px; }
.lb-submit button { background:url(../img/login/login_sprite.png) -170px -170px; width:80px; height:48px; }
.lb-submit button em { position:absolute; z-index:-1; text-indent:-9999px; }
.lb-name { margin:0 auto; }
.lb-name td { font-size:11px; color:#9a9ea2; height:88px; line-height:18px; text-align:center; }
.lb-name strong { color:#ff5e17; }
.lb-name em { color:#ff5e17; font-style:normal;}/* 20100402 추가 */
.lb-save { position:absolute; top:9px; left:96px; }
.lb-secure { position:absolute; top:9px; left:171px; }
.lb-find { position:absolute; top:97px; left:37px; width:86px; height:14px; }
.lb-join { position:absolute; top:97px; left:142px; width:54px; height:14px; }
.lb-mypage { position:absolute; top:90px; left:35px; width:81px; height:26px; }
.lb-logout { position:absolute; top:90px; left:123px; width:81px; height:26px; }
.ispcbang { position:relative; margin:2px 0 -12px 0; text-align:center; }

/* Quick link */
.quicklink { margin-bottom:20px; }
.quicklink h2 { position:absolute; top:-9999px; left:-9999px; }
.more { position:absolute; top:2px; left:377px; }

/* Banners */
.banners { }
.banners h2 { position:absolute; top:-9999px; left:-9999px; }
.banners p { margin-bottom:10px; }


/* News */
#newslist { position:absolute; top:0; left:0; background:url(../img/main/tab_news_bg.png) repeat-x 0 0; width:417px; }
#newslist h2 { position:absolute; top:-9999px; left:-9999px; }
#newslist h3 { float:left; margin-right:-2px; cursor:pointer; }
#newslist li { padding:4px 0 1px; width:350px; white-space:nowrap; overflow:hidden; }
#newslist li img { vertical-align:middle; margin:-1px 3px 1px 0; }
#newslist a { font:normal 12px dotum,돋움; color:#6f828b; }
#newslist a:hover { color:#0153bf; }
#newslist .tops { position:absolute; top:39px; left:0; }
#newslist .tops ul li p.nolist {color:#6f828b; text-align:center; margin:0 auto; padding:30px 0 0 65px;}/* 20100406 추가 */
#newslist .regdate { position:absolute; left:332px; margin-top:0; font:normal 9px verdana; color:#6f828b; width:80px; text-align:right; }
#newslist .tab-on { position:relative; z-index:2; }
#newslist .tab-off { position:relative; z-index:1; }

/* GM Note */
#gmtalklist { position:absolute; top:174px; left:0; width:417px; }
#gmtalklist h2 { padding-bottom:12px; border-bottom:1px solid #c5d1d1; }
#gmtalklist ul { padding:25px 6px; }
#gmtalklist li { clear:both; }
#gmtalklist a { color:#ff6714; }
#gmtalklist .thumb { float:left;  }
#gmtalklist .thumb img { width:121px; height:87px; }
#gmtalklist .subject { float:right; width:267px; padding:5px 2px 12px 0 ; letter-spacing:-1px; } /* 20100401 수정 */
#gmtalklist .desc { float:right; width:267px; font:normal 12px/20px dotum,돋움; letter-spacing:-1px; color:#6f828b; }  /* 20100401 수정 */
#gmtalklist .rolling_btn {position:absolute; top:33px; right:0;}  /* 20100406 추가 */
#gmtalklist .rolling_btn a {font-size:0; line-height:0;}  /* 20100406 추가 */
#gmtalklist .rolling_btn a.prev {margin-right:-4px;}  /* 20100406 추가 */

/* BEST ScreenShot */
#sshotlist { position:absolute; top:351px; left:0; width:434px; }
#sshotlist h2 { width:417px; padding-bottom:12px; border-bottom:1px solid #c5d1d1; }
#sshotlist ul { padding:25px 6px; }
#sshotlist li { float:left; margin-right:15px; }
#sshotlist li img { width:125px; height:94px;  }

/* Word Relay */
#wordrelay { position:absolute; top:174px; left:431px; }
#wordrelay h2 { padding:0 0 10px 1px; }
#wordrelay table td { background:url(../img/main/bg_todayword.jpg) no-repeat center bottom; text-align:center; padding:16px 0 20px 0; }

/* Event rolling */
#promotion { position:absolute;  top:0; left:432px; }
#promotion h2 { position:absolute; top:-9999px; left:-9999px; }

/* Promotion Movie */
#movie { position:absolute; top:350px; left:432px; }
#movie h2 { padding:0 0 7px 0; }

/* Character Layer */
.artwork-cloud { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity:70); z-index:99; }
.character-frame-top { width:730px; height:50px; background:url(../img/character/frame_top.png); }
.character-frame-left { width:50px; height:695px; background:url(../img/character/frame_left.png); }
.character-frame-right { width:50px; height:695px; background:url(../img/character/frame_right.png); }
.character-frame-btm { width:730px; height:50px; background:url(../img/character/frame_btm.png); }
.character-frame-btn { height:5px; text-align:right; }
.character-frame-btn p { position:relative; top:25px; right:35px; width:25px; height:25px; margin-left:auto; background:url(../img/common/shadow_btn_x.png); _background:url(../img/common/shadow_btn_x.gif); cursor:pointer; }
.character-frame-btn span { display:none; }
.character-field { position:absolute; top:50px; left:50%; width:660px; height:725px; margin-left:-380px; z-index:100; }
.character-cloud { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity:70); z-index:99; }