@charset "euc-kr";

.layout_intro {background:#000;}
.layout_main {background:#000;}
.layout_sub {background:#000;}

.aoc_intro {height:820px;}

.aoc_con {background:url(../img/common/bg_layout.jpg) center top no-repeat;overflow:hidden;}
.aoc_bg1 {background:url(../img/common/bg_layout_1.jpg) center top no-repeat !important;}
.aoc_bg2 {background:url(../img/common/bg_layout_2.jpg) center top no-repeat !important;}
.aoc_bg3 {background:url(../img/common/bg_layout_3.jpg) center top no-repeat !important;}
.aoc_bg4 {background:url(../img/common/bg_layout_m1.jpg) center top no-repeat !important;}
.aoc_bg5 {background:url(../img/common/bg_layout_m2.jpg) center top no-repeat !important;}
.layout_main .aoc_con .wrap {position:relative;margin:10px auto 0 auto;width:978px;background:url(../img/main/bg_y.gif) repeat-y;overflow:hidden;}
.layout_sub .aoc_con .wrap {position:relative;margin:10px auto 0 auto;width:978px;background:url(../img/common/bg_y.gif) repeat-y;overflow:hidden;}

.aoc_top {position:relative;margin:0 auto;width:978px;}
.aoc_top .flash {height:309px;}

.aoc_left {float:left;width:188px;background:url(../img/common/bg_left_bar.gif) no-repeat;overflow:hidden;}

.aoc_left .login {background:url(../img/common/bg_login.gif) no-repeat;}
.aoc_left .before {width:162px;padding:47px 10px 40px 16px;background:url(../img/common/bg_login_foot.gif) bottom no-repeat;}
.aoc_left .before .form {position:relative;border-top:1px solid #2A2720;height:89px;}
.aoc_left .before .form .id { position:absolute;top:30px;left:0;padding:3px 0 0 3px;border:1px solid #413D34;width:86px;height:17px;background:url(../img/common/bg_id.gif) #201D14 6px 5px no-repeat;color:#565140; }
.aoc_left .before .form .pass { position:absolute;top:57px;left:0;padding:3px 0 0 3px;border:1px solid #413D34;width:86px;height:17px;background:url(../img/common/bg_pass.gif) #201D14 6px 5px no-repeat;color:#565140; }
.aoc_left .before .form .focus { background:none #201D14;color:#565140; }
.aoc_left .before .form .btn_login { position:absolute;top:30px;left:96px; }
.aoc_left .before .form .security { position:absolute;top:8px;left:0; }
.aoc_left .before .form .security input { float:left;width:13px;height:13px;vertical-align:middle; }
.aoc_left .before .form .security label { float:left;margin:0 0 0 2px;width:44px;height:12px;background:url(../img/common/bg_security.gif) 0 1px no-repeat;display:block; }
.aoc_left .before .form .keyboard { position:absolute;top:9px;left:57px; }
.aoc_left .before .form .keyboard a { font-size:11px;color:#A79A80;letter-spacing:-1px;text-decoration:underline; }
.aoc_left .before .form .keyboard .ico_key { position:relative;margin-right:2px;vertical-align:middle; }
.aoc_left .before .form .btn_key { position:absolute;top:9px;left:140px;padding-left:6px;background:url(../img/common/bar.gif) 0 2px no-repeat; }
.aoc_left .before .fav {position:relative;border-top:1px solid #2A2720;height:20px;}
.aoc_left .before .fav .btn_join {position:absolute;top:9px;left:0;}
.aoc_left .before .fav .btn_idpw {position:absolute;top:9px;left:69px;}

.aoc_left .after {width:172px;padding:47px 0 40px 16px;background:url(../img/common/bg_login_foot.gif) bottom no-repeat;}
.aoc_left .after .welcome {background:url(../img/common/bg_after_welcome.gif) left bottom no-repeat;}
.aoc_left .after .welcome .msg {display:none;}
.aoc_left .after .welcome .btn_nickname {margin:5px 0;display:block;}
.aoc_left .after .id {border-top:1px solid #2A2720;border-bottom:1px solid #2A2720;padding:7px 0 5px 0;width:162px;text-align:center;letter-spacing:-1px;font-weight:bold;color:#CE9A47;}
.aoc_left .after .id img {vertical-align:middle;}
.aoc_left .after .ban_cbt {margin-top:24px;}
.aoc_left .after .logout {margin-top:10px;border-top:1px solid #2A2720;padding-top:10px;width:162px;text-align:center;}

/* .aoc_left .after .tester {background:url(../img/common/bg_after_tester.gif) 0 29px no-repeat;} */
.aoc_left .after .tester_x {height:60px;background:url(../img/common/bg_after_tester_x.gif) 0 29px no-repeat;}
.aoc_left .after .tester .id img { margin:3px 0;display:block; }
.aoc_left .after .tester ul {padding-top:24px;width:162px;height:87px;background:url(../img/common/bg_after_max.gif) no-repeat;overflow:hidden;}
.aoc_left .after .tester li {padding-top:25px;height:17px;text-align:center;font-weight:bold;color:#A79A80;}
.aoc_left .after .btn_report {margin-top:8px;}

.aoc_left .job_guide {margin:20px 0 0 6px;background:url(../img/common/bg_job_foot.gif) left bottom no-repeat;}
.aoc_left .job_guide ul {padding:50px 10px 25px 3px;width:169px;background:url(../img/common/bg_job_top.gif) left top no-repeat;overflow:hidden;}
.aoc_left .job_guide li {float:left;width:90px;margin-right:-25px;}
.aoc_left .job_guide li a {padding:4px 0 3px 20px;background:url(../img/common/bl_nemo.gif) 15px 8px no-repeat;font-size:11px;white-space:nowrap;overflow:hidden;letter-spacing:-1px;color:#4D4D4D;display:block;}
.aoc_left .job_guide li a:link {text-decoration:none;}
.aoc_left .job_guide li a:visited {text-decoration:none;}
.aoc_left .job_guide li a:hover {text-decoration:none;color:#A79A80;}
.aoc_left .job_guide li a:active {text-decoration:none;color:#A79A80;}

.aoc_left h1 {width:188px;overflow:hidden;}
.aoc_left .left_menu {margin:0 0 0 6px;padding-bottom:10px;background:url(../img/common/bg_mnu_foot.gif) bottom no-repeat;}
.aoc_left .left_menu li {position:relative;width:182px;height:35px;background:url(../img/common/bg_mnu.gif) no-repeat;cursor:pointer;}
.aoc_left .left_menu li a {text-decoration:none;}
.aoc_left .left_menu li a:hover {color:#FF0000 !important;}
.aoc_left .left_menu li a:hover span {color:#FF0000 !important;}
.aoc_left .left_menu li span {float:left;margin:12px 0 0 0;overflow:hidden;}
.aoc_left .left_menu li .new {position:absolute;top:1px;left:26px;width:12px;height:12px;background:url(../img/common/bl_new.gif) no-repeat;}
.aoc_left .left_menu li .title {padding-left:40px;height:11px;overflow:hidden;}
.aoc_left .left_menu li .count {padding:0 0 0 2px;font:10px verdana;color:#BCA499;}
.aoc_left .left_menu li.on .title img {margin-top:-11px;}
.aoc_left .left_menu li.on .count {color:#FF0000;}
.aoc_left .left_menu li.on .count a {color:#FF0000;}
.aoc_left .left_menu li.over .title img {margin-top:-11px;}
.aoc_left .left_menu li.over .count {color:#FF0000;}
.aoc_left .left_menu li.over .count a {color:#FF0000;}

.aoc_left .banner {margin:0 0 0 6px;text-align:center;}

.layout_main .aoc_center {float:left;padding:16px 7px 0 7px;width:765px;background:url(../img/main/bg_paper_top.gif) no-repeat;overflow:hidden;}
.layout_main .paper {padding:0 12px;}
.layout_main .f_zone {position:relative;width:741px;height:265px;background:url(../img/main/bg_f_zone.gif) no-repeat;}
.layout_main .f_zone .event_flash {position:absolute;top:21px;left:21px;}
.layout_main .f_zone .news {position:absolute;top:16px;left:421px;}
.layout_main .f_zone .news ul {padding:10px;width:284px;}
.layout_main .f_zone .news li.top a {font-weight:bold;color:#E4D7BE;}
.layout_main .f_zone .news li {clear:both;padding:2px 0;vertical-align:top;letter-spacing:-1px;overflow:hidden;}
.layout_main .f_zone .news li p {float:left;width:250px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.layout_main .f_zone .news li a {color:#A79A80;}
.layout_main .f_zone .news li span {float:right;font-size:10px;font-family:verdana;color:#A79A80;}
.layout_main .f_zone .day_flash {position:absolute;top:195px;left:421px;}
.layout_main .s_zone {margin-top:15px;overflow:hidden;}
.layout_main .s_zone .faq {position:relative;float:left;width:422px;height:103px;background:url(../img/main/bg_faq.gif) no-repeat;}
.layout_main .s_zone .faq .btn_more {position:absolute;top:16px;left:399px;}
.layout_main .s_zone .faq .search {position:absolute;top:41px;left:18px;}
.layout_main .s_zone .faq .search li {float:left;}
.layout_main .s_zone .faq .search li input {margin:3px 6px 0 0;border:0;padding-top:3px;width:330px;height:17px;background:transparent;color:#585140;}
.layout_main .s_zone .faq .keyword {position:absolute;top:76px;left:78px;overflow:hidden;}
.layout_main .s_zone .faq .keyword li {float:left;margin:0 11px 0 -7px;padding-left:7px;background:url(../img/main/bar.gif) 0 1px no-repeat;}
.layout_main .s_zone .faq .keyword li a {text-decoration:underline;color:#A79A80;}
.layout_main .s_zone .hyboria {float:left;margin-top:12px;width:422px;text-align:center;}
.layout_main .s_zone .hyboria dl {margin:0 auto;width:402px;padding:9px 0 2px 0;background:url(../img/main/bg_list_x.gif) bottom repeat-x;text-align:left;overflow:hidden;}
.layout_main .s_zone .hyboria dt {float:left;width:148px;padding:0 0 10px 0;}
.layout_main .s_zone .hyboria dt img {border:1px solid #F9F4E9;width:138px;height:103px;}
.layout_main .s_zone .hyboria dd {float:left;width:254px;letter-spacing:-1px;}
.layout_main .s_zone .hyboria dd h3 {padding:10px 0 0 0;font-weight:bold;color:#4D4D4D;}
.layout_main .s_zone .hyboria dd p {padding:10px 0;line-height:130%;height:36px;overflow:hidden;}
.layout_main .s_zone .hyboria dd a {color:#4D4D4D;white-space:normal;}
.layout_main .s_zone .movie {float:right;border:1px solid #F9F9FA;width:302px;height:197px;}
.layout_main .s_zone .banner {float:right;width:304px;}
.layout_main .s_zone .banner img {margin-top:10px;border:1px solid #F9F9FA;}
.layout_main .t_zone {clear:both;margin-top:20px;padding-top:10px;background:url(../img/main/bg_zone_x.gif) repeat-x;}
.layout_main .t_zone .screenshot ul {padding:9px 0 0 0;overflow:hidden;}
.layout_main .t_zone .screenshot li {float:left;margin:0 11px;width:126px;letter-spacing:-1px;text-align:center;}
.layout_main .t_zone .screenshot dt img {border:1px solid #F9F4E8;width:124px;height:92px;}
.layout_main .t_zone .screenshot dd {padding:5px 0 0 0;}
.layout_main .t_zone .screenshot a {color:#4D4D4D;}

/** aoc main renew = m_zone **/
.m_zone {overflow:hidden;}
.m_zone .left {float:left;width:422px;}
.m_zone .banner {height:150px;}
.m_zone .hyboria {float:left;margin:12px 0 0 0;padding-bottom:10px;text-align:center;}
.m_zone .hyboria dl {margin:0 auto;width:402px;padding:9px 0 2px 0;background:url(../img/main/bg_list_x.gif) bottom repeat-x;text-align:left;overflow:hidden;}
.m_zone .hyboria dt {float:left;width:148px;padding:0 0 10px 0;}
.m_zone .hyboria dt img {border:1px solid #F9F4E9;width:138px;height:103px;}
.m_zone .hyboria dd {float:left;width:254px;letter-spacing:-1px;}
.m_zone .hyboria dd h3 {padding:10px 0 0 0;font-weight:bold;color:#4D4D4D;}
.m_zone .hyboria dd p {padding:10px 0;line-height:130%;height:36px;overflow:hidden;}
.m_zone .hyboria dd a {color:#4D4D4D;white-space:normal;}
.m_zone .hyboria .clear {position:relative;left:0;top:-5px;width:422px;height:5px;background:#efe4c8;}
.m_zone .movie ul {padding:14px 0 0 1px;overflow:hidden;}
.m_zone .movie li {float:left;margin:0 9px;width:120px;letter-spacing:-1px;text-align:center;white-space:nowrap;overflow:hidden;_display:inline;}
.m_zone .movie dt {position:relative;}
.m_zone .movie dt .bl {position:absolute;left:42px;top:31px;border:0;}
.m_zone .movie dt .bl img {border:0;}
.m_zone .movie dt img {border:1px solid #F9F4E8;}
.m_zone .movie dd {padding:12px 0 0 0;}
.m_zone .movie a {color:#4D4D4D;}

.m_zone .right {float:right;width:304px;}
.m_zone .news {height:162px;background:url(../img/main/bg_news_x.gif) repeat-x;}
.m_zone .news ul {padding:12px 15px 0 15px;}
.m_zone .news li.top a {font-weight:bold;}
.m_zone .news li {clear:both;padding:3px 0;vertical-align:top;}
.m_zone .news li p {float:left;width:234px;white-space:nowrap;overflow:hidden;}
.m_zone .news li a {color:#b7ac9f;}
.m_zone .news li span {float:right;font-size:10px;font-family:verdana;color:#656565;}
.m_zone .update {width:304px;height:296px;background:#242126;}
.m_zone .update iframe {width:304px;height:290px;}
.m_zone .info_center {height:177px;background:url(../img/main/bg_news_x.gif) #1a181b repeat-x;}
.m_zone .info_center ul {margin:0 10px 0 16px;}
.m_zone .info_center li {padding-top:10px;overflow:hidden;}
.m_zone .info_center .subject {float:left;padding-left:5px;width:228px;line-height:120%;background:url(../img/main/bl_sq.gif) 0 4px no-repeat;white-space:nowrap;overflow:hidden;}
.m_zone .info_center a {color:#b7ac9f;}
.m_zone .info_center .date {float:right;font:10px verdana;color:#656565;}
.m_zone .info_center .top .thumbnail {float:left;padding:0;width:149px;}
.m_zone .info_center .top .thumbnail img {border:1px solid #4d4d4d;width:147px;height:88px;}
.m_zone .info_center .top .subject {padding:8px 0 8px 9px;width:120px;height:35px;*height:36px;background:none;}
.m_zone .info_center .top .subject a {white-space:normal;}
.m_zone .info_center .top .date {float:left;padding:8px 0 8px 9px;display:block;}

.layout_sub .aoc_center {float:left;padding:16px 7px 0 7px;width:658px;background:url(../img/common/bg_paper_top.gif) no-repeat;overflow:hidden;}
.layout_sub .aoc_center .paper {padding:0 8px;}
.layout_sub .aoc_center .paper iframe {width:642px;}

.layout_main .aoc_right {width:11px;height:450px;overflow:hidden;}

.aoc_right {float:right;width:112px;min-height:500px;_height:500px;background:url(../img/common/bg_right_bar.gif) top right no-repeat;}
.aoc_right .guide {position:relative;width:101px;}
.aoc_right .guide img {border:1px solid #232323;}
	#aoc-guide {position:absolute;top:0;right:100px;_right:99px;width:679px;height:100%;*height:220px;background:#1F1F20;display:none;}
	#aoc-guide ul {border:1px solid #232323;border-bottom:0;padding:65px 25px 5px 25px;background:url(../img/common/bg_guide.jpg) no-repeat;}
	#aoc-guide li {padding:5px 0 3px 0;color:#675F52;overflow:hidden;}
	#aoc-guide ul a {float:left;width:560px;color:#675F52;display:block;}
	#aoc-guide span {float:right;width:65px;display:block;}
	#aoc-guide .btn_guide_close {position:absolute;top:15px;right:19px;}
.aoc_right .replay {width:101px;}
.aoc_right .replay img {border:1px solid #232323;}
.aoc_right .banner {margin:6px 0 0 0;width:101px;}
.aoc_right .banner img {border:1px solid #232323;}

.layout_intro .aoc_foot {height:200px;background:url(../img/common/bg_foot_intro.jpg) center top no-repeat;}
.layout_intro .aoc_foot .company {position:absolute;top:80px;left:15px;}
.layout_intro .aoc_foot .foot_menu {position:absolute;top:80px;left:250px;}
.layout_main .aoc_foot {height:370px;background:url(../img/common/bg_foot.jpg) center top no-repeat;}
.layout_main .aoc_foot .company {position:absolute;top:200px;left:15px;}
.layout_main .aoc_foot .foot_menu {position:absolute;top:200px;left:250px;}
.layout_sub .aoc_foot {height:370px;background:url(../img/common/bg_foot.jpg) center top no-repeat;}
.layout_sub .aoc_foot .company {position:absolute;top:200px;left:15px;}
.layout_sub .aoc_foot .foot_menu {position:absolute;top:200px;left:250px;}

.layout_main .aoc_foot .wrap {position:relative;margin:0 auto;width:978px;height:300px;background:url(../img/main/bg_foot.jpg) center top no-repeat;}
.layout_sub .aoc_foot .wrap {position:relative;margin:0 auto;width:978px;height:300px;background:url(../img/common/bg_foot.jpg) center top no-repeat;}
.aoc_foot .intro {text-align:center;}
.aoc_foot .go_home {margin:0 auto;padding:12px 0 0 0;}
.aoc_foot .total {position:absolute;top:16px;left:14px;padding:0 0 0 94px;background:url(../img/common/img_total_today.gif) 0 2px no-repeat;text-align:left;font-size:10px;font-family:verdana;color:#675F52;display:none;}
.aoc_foot .direct {position:absolute;top:20px;right:20px;width:180px;text-align:left;}
.aoc_foot .direct input {position:relative;top:-4px;left:-2px;}
.aoc_foot .direct label {position:absolute;top:0;left:16px;width:166px;height:12px;background:url(../img/common/img_direct_home.gif) no-repeat;}
.aoc_foot .company li {float:left;}
.aoc_foot .neowizgames {margin-left:4px;margin-right:28px;}
.aoc_foot .funcom {margin-right:12px;}
.aoc_foot .paradox {margin-right:15px;}
.aoc_foot .foot_menu {width:660px;height:120px;background:url(../img/common/bg_copyright.gif) 0 22px no-repeat;overflow:hidden;}
.aoc_foot .foot_menu li {position:relative;left:-8px;float:left;padding:2px 8px 0 8px;background:url(../img/common/mnu_bar.gif) left 2px no-repeat;display:inline;}

.aoc_float {position:absolute;top:650px;right:80px;}

/** °ÔÀÓ½ÇÇàÁß **/
.layout_play {background:#000;}
.layout_play .aoc_play {background:url(../img/common/bg_play.jpg) center top no-repeat;overflow:hidden;}
.layout_play .aoc_play .wrap {position:relative;margin:0 auto;width:978px;height:455px;}
.layout_play .aoc_play .wrap .button {padding:365px 0 0 0;text-align:center;}
.layout_play .aoc_foot {background:url(../img/common/bg_foot.jpg) center bottom no-repeat;}
.layout_play .aoc_foot .company {position:absolute;top:100px;left:15px;}
.layout_play .aoc_foot .foot_menu {position:absolute;top:100px;left:250px;}
.layout_play .aoc_foot .wrap {position:relative;margin:0 auto;width:978px;height:270px;background:url(../img/common/bg_foot.jpg) center bottom no-repeat;}

/** Ŭ¶óÀ̾ðÆ® Á¾·á **/
.layout_client {background:#000;}
.layout_client .aoc_client {background:url(../img/common/bg_client.jpg) center top no-repeat;overflow:hidden;}
.layout_client .aoc_client .wrap {position:relative;margin:0 auto;width:978px;height:550px;}
.layout_client .aoc_client .wrap .event {position:absolute;top:384px;left:60px;}
.layout_client .aoc_client .wrap .button {padding:422px 0 0 0;text-align:center;}
.layout_client .aoc_client .wrap .report {position:absolute;top:384px;left:595px;}
.layout_client .aoc_foot {background:url(../img/common/bg_foot.jpg) center bottom no-repeat;}
.layout_client .aoc_foot .company {position:absolute;top:130px;left:15px;}
.layout_client .aoc_foot .foot_menu {position:absolute;top:130px;left:250px;}
.layout_client .aoc_foot .wrap {position:relative;margin:0 auto;width:978px;height:300px;background:url(../img/common/bg_foot.jpg) center bottom no-repeat;}

/** ·¹À̾îÆ˾÷ ¼¾ÅÍÁ¤·Ä **/
#cmPopAlign { position:absolute; top:43px; left:50%; margin-left:-489px; width:978px; z-index:99; }