@charset "utf-8";
/* CSS Document */

@import url(common.css);
@import url(layout2.css);

/* TITLE : Main page
 * UPDATE: 20091028
 * AUTHOR: KANG WOL SUNG */


/* mini_bannerr_101227 */
.mini_banner { position:absolute; left: 0px; top: -35px;}
/* mini_banner */
 
 
/* ad_banner_101125 */
.ad_banner { margin-top:6px; }
/* ad_banner */


/* main_wrap_in___main */
.wrap_in { width:930px; }

/* lnb___main */
.lnb_main { height:71px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_lnb_main.jpg) no-repeat 0 0; }

/* container_end_line */
.con_end { clear:both; height:5px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_main_conend.gif) no-repeat 0 0; margin-top:60px; overflow:hidden; }


/* Right_quick */
/* 110615 .Mquick_top { position:absolute; left: 930px; top: 356px; } */
.Mquick_top { position:absolute; left: 930px; top: 450px; }

/* Right_banner_main */
.R_banner_main { position:absolute; left: 940px; top: 12px; }
.R_banner_main_101027 { position:absolute; left: 940px; top: -90px; z-index:0; }
.R_banner_main_110426 { position:absolute; left:925px; top:0; z-index:0;}
.R_banner_main_110615 { position:absolute; left:925px; top:0; z-index:0;}
.R_banner_main_110713 { position:absolute; left:925px; top:0; z-index:0;}
.R_banner_main_111109 {position:absolute; left:935px; top:0; z-index:0;}



/* container___main */
#Mcontainer { background:url(http://image.cabal.co.kr/cabal/img/main/bg_maincon.gif) repeat-y; clear:both; display:inline-block; }
.Mcon_bg { width:930px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_maincol_top.gif) no-repeat 0 0; display:inline-block; }
.Mcolgroup { width:704px; float:right; }

/* content___main */
#Mcontent { width:659px; margin:0 auto; display:block; }




/* search */
.search_top { position:relative; }
.logo_main { position:absolute; left: 99px; top: 25px; }
.search_box { position:absolute; left: 335px; top: 35px; }
.search_box li { float:left; }
.search { width:330px; height:24px; margin-top:8px; margin-left:10px; font-size:15px; color:#313131; font-weight:bold; background-color:transparent; border:0; vertical-align:middle; }
.search_layer_on { position:absolute; top: 14px; left: 352px; }
.search_bg { background:url(http://image.cabal.co.kr/cabal/img/main/bg_search_bar.gif) no-repeat 0 0; width:373px; height:35px; position:relative;  }

/* auto_search_word */
.auto_search_box { position:relative; z-index:2800; }
.auto_search { display:inline-block; width:365px; border:1px solid #7e7e7e; border-top:none; background-color:#fff; position:absolute; top:67px; left:338px; }
.auto_word { padding-top:2px; }
.auto_word li { height:20px; line-height:20px; padding-left:10px; }
.auto_onoff { border-top:1px solid #e4e4e4; background-color:#f6f6f6; margin-top:2px; padding-top:3px; padding-bottom:3px; }
.auto_onoff .btn_txt, .auto_onoff .btn_txt *, .auto_onoff .btn_txt a:hover { width:100px; float:right; font-size:11px; color:#979797; }
.auto_onoff .btn_txt a:hover { text-decoration:underline; }
.auto_match_word { color:#e16d17; }
.auto_select { background-color:#f6f6f6; }

/* sreach_word */
.srch_word { position:absolute; left: 335px; top: 80px; width:439px; }
.srch_word li { float:left; height:11px; display:block; line-height:11px; vertical-align:middle; }
.srch_word img { margin-right:10px; }
.srch_populer * { font-size:11px; color:#8400ff; letter-spacing:-1px; }
.srch_populer a:hover { font-size:11px; color:#8400ff; letter-spacing:-1px; text-decoration:underline; }

/* realtime search */
.realtime { margin-left:10px; }
.realtime_rank { width:98px; }
.srch_word .num { margin-right:-4px; }
.srch_word .up { width:22px; background:url(http://image.cabal.co.kr/cabal/img/main/ico_up.gif) no-repeat right 1px; font-size:11px; color:#707070; }
.srch_word .down { width:22px; background:url(http://image.cabal.co.kr/cabal/img/main/ico_down.gif) no-repeat right 1px; font-size:11px; color:#707070; }
.srch_word .keep { width:22px; background:url(http://image.cabal.co.kr/cabal/img/main/ico_keep.gif) no-repeat right 5px; font-size:11px; color:#707070; }
.srch_word .new { width:22px; background:url(http://image.cabal.co.kr/cabal/img/main/ico_new_srch.gif) no-repeat right 3px; }



/* content___main_Issue */
.issue { width:452px; height:220px; margin-top:22px; float:left; overflow:hidden; }
.issue h3 { float:left; }
.tit_main { height:21px; width:100%; background:url(http://image.cabal.co.kr/cabal/img/main/line_h.gif) 0 repeat-x; margin-bottom:12px; display:inline-block; clear:both; }
.tit_korean { margin-left:10px; margin-bottom:8px; }
.thumL { width:100%; }
.thumL dl { width:452px; }
.thumL dt, .thumL dd { float:left; }
.thumL dd { width:260px; margin-left:15px; }
.thumL_img { width:162px; height:100px; border:1px solid #c4c4c4; overflow:hidden; }

.update_review { width:452px; margin-top:22px; display:inline-block; clear:both; }
.update_review h3 { float:left; }
.thumS { width:100%; }
.thumS dl { width:452px; }
.thumS dt, .thumS dd { float:left; }
.thumS dd { width:305px; margin-left:15px; }
.thumS_img { width:125px; height:70px; border:1px solid #c4c4c4; overflow:hidden; }

.article_tit, .article_tit *, .article_tit a:hover { font-size:15px; font-weight:bold; color:#0099c5; margin-bottom:5px; }
.article_tit a:hover { text-decoration:underline; }
.article_tit2, .article_tit2 *, .article_tit2 a:hover { font-size:14px; font-weight:bold; color:#333333; margin-bottom:5px; }
.article_tit2 a:hover { text-decoration:underline; }
.article_txt, .article_txt *, .article_txt a:hover { font-size:12px; line-height:18px; margin-bottom:5px; }
.article_txt a:hover { text-decoration:underline; }
.line_h_dot01 { background:url(http://image.cabal.co.kr/cabal/img/main/line_h_dot.gif) top repeat-x; height:1px; width:273px; overflow:hidden; }
.line_h_dot02 { background:url(http://image.cabal.co.kr/cabal/img/main/line_h_dot.gif) top repeat-x; height:1px; width:310px; overflow:hidden; margin-top:10px; }

.section { width:100%; display:inline-block; clear:both; margin-top:10px; }
.section li { float:left; width:216px; height:20px; background:url(http://image.cabal.co.kr/cabal/img/main/bu_circle.gif) no-repeat 0 5px; padding-left:10px; }
.section_txt, .section_txt *, .section_txt a:hover { font-size:12px; color:#333333; }
.section_txt a:hover { text-decoration:underline; }

.section2 { width:100%; display:inline-block; clear:both; margin-top:10px; }
.section2 li { width:100%; height:20px; background:url(http://image.cabal.co.kr/cabal/img/main/bu_circle.gif) no-repeat 0 5px; padding-left:10px;}

.issuePhoto { width:100%; height:172px; display:inline-block; }
.issuePhoto li { float:left; font-size:0; line-height:0; }
.issuePhoto .thum { width:142px; height:137px; border:1px solid #c4c4c4; margin-bottom:6px; }
.issuePhoto .mr10 { margin-right:10px; }
.issuePhoto p { width:142px; text-align:center; }
.issuePhoto .photoTxt { margin-bottom:3px; line-height:18px; }
.issuePhoto .photoTxt a:link, .issuePhoto .photoTxt a:active, .issuePhoto .photoTxt a:visited, .issuePhoto .photoTxt a:hover { color:#333333; }
.issuePhoto .photoTxt a:hover { text-decoration:underline; }

.section_page { float:right; display:block; }
.section_page dt, .section_page dd { float:left; font-family:Arial; }
.section_page dt { font-size:11px; color:#bcbcbc; }
.section_page dd { margin-left:6px; }
.page_num { font-weight:bold; color:#979797; }

/* content___main_Right_Banner */
.mainR_event { width:183px; margin-top:22px; margin-left:20px; margin-bottom:10px; float:left; display:block; }
.event_banner { width:183px; height:143px; border:2px solid #c4c4c4; }
.main_event_bg { position:absolute; left: 2px; top: 122px; }
.main_event_select { position:absolute; left: 10px; top: 126px; height:15px; width:165px; }
.main_event_select img { margin-left:0; }
.main_event_select ul { float:right; }
.main_event_select li { float:left; }


.banner_hanbok {clear:both; overflow:hidden;}
.banner_hanbok a {display:block; margin-top:8px;}
.banner_hanbok img {vertical-align:top;}

.itemShop { width:100%; display:inline-block; clear:both; margin-top:26px; }
.itemShop h3 { float:left; height:13px; margin-bottom:7px; }
.tit_korean2 { margin-left:10px; margin-top:2px; }
.shop_more { float:right; margin-right:5px; display:inline; margin-top:2px; }

.itemShop_ListBox { background:url(http://image.cabal.co.kr/cabal/img/main/bg_itemshop2.gif) no-repeat 0 0; width:659px; height:194px; display:inline-block; }
.itemShop_List { width:131px; float:left; margin-top:11px; }
.itemShop_List dt { text-align:center; height:21px; overflow:hidden; margin-bottom:3px; }
.itemShop_List dd { }

.itemShop_depth { width:108px; margin:0 auto; }
.itemShop_depth li { text-align:center; line-height:14px; }
.itemShop_depth .itemThum { width:108px; height:84px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_item.gif) no-repeat 0 0; padding-top:2px; }
.item_name, .item_name a:link, .item_name a:active, .item_name a:visited, .item_name a:hover { height:33px; margin-top:5px; font-size:11px; color:#2a2b34; }
.item_name a:hover { text-decoration:underline; }
.line_v_dot { background:url(http://image.cabal.co.kr/cabal/img/main/line_v_dot.gif) left repeat-y; height:100%; }





/* content___main_bottom */
.main_c_left { float:left; width:452px; display:block; overflow:hidden; }
.main_c_right { float:right; width:187px; display:block; }

/* content___main_best_photo */
.best_photo { width:100%; margin-top:20px; }
.best_photo h3 { float:left; height:13px; margin-bottom:7px; }
.best_photo h4 { float:left; }
.photo_tit { width:452px; height:30px; background:url(http://image.cabal.co.kr/cabal/img/main/line_h_photo.gif) repeat-x 0; display:inline-block; clear:both; }
.photo_box { width:450px; border:1px solid #d2d1d1; border-top:none; padding-top:15px; padding-bottom:15px; display:inline-block; }
.photo_list { width:127px; margin-left:13px; margin-right:8px; float:left; display:inline; }
.photo_list .thumS_img { margin-bottom:8px; } 
.photo_txt, .photo_txt *, .photo_txt a:hover { color:#979797; font-size:11px; letter-spacing:-1px; margin-top:5px; }
.photo_txt a:hover { text-decoration:underline; }

.txt_s_gray, .txt_s_gray *, .txt_s_gray a:hover { font-size:12px; color:#595959; font-weight:bold; }
.txt_s_gray a:hover { text-decoration:underline; } 

.info_tree { width:100%; margin-top:20px; }
.info_tree .tit { margin-bottom:7px; }
.info_tree img { vertical-align:middle; margin-right:6px; }
.info_tree dt { height:24px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_infoTree3.gif) no-repeat 0 0; padding-left:13px; padding-top:7px; }
.info_tree dd { height:183px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_infoTree2.gif) no-repeat 0 0; }
.info_tree .top { background:url(http://image.cabal.co.kr/cabal/img/main/bg_infoTree1.gif) no-repeat 0 0; }
.info_tree .bottom { height:29px; background:url(http://image.cabal.co.kr/cabal/img/main/bg_infoTree4.gif) no-repeat 0 0; }
.game_info { margin-left:37px; padding-top:8px; }
.game_info li { height:19px; line-height:18px; background:url(http://image.cabal.co.kr/cabal/img/common/bu_square_02.gif) no-repeat 0 7px; padding-left:7px; }
.info_txt { font-size:11px; font-weight:normal; color:#666565; }
.info_txt a:hover { text-decoration:underline; }

.info_banner { margin-top:10px; display:inline; }
.info_banner li { margin-bottom:5px; font-size:0; }
.info_banner img { display:block; }



/* Jin Mi Hye */

.nevarethNews {position:relative; margin:20px 0 0 0; height:357px; border:1px solid #b5b8be;}
.nW_head {position:relative; height:27px; padding:16px 15px 0 14px; border-bottom:1px solid #b5b8be; background:url('../img/main/nW_head_bg.gif') no-repeat left top; letter-spacing:-1px;}
.nW_head h3 {color:#333; font-weight:normal; line-height:1;}
.nW_head h3 strong {font-size:14px; color:#5b506d;}
.nW_head p {position:absolute; right:10px; top:18px; font-size:11px; color:#7b7f9c; line-height:1;}
.nW_head p span {letter-spacing:0; font-family:tahoma}
.nW_menu {position:relative; height:45px; padding:6px 0 0 14px; background:url('../img/main/nW_menu_bg.gif') repeat-x left top;}
.nW_menu li {position:relative; float:left; width:85px; }
.nW_menu li em {position:absolute; left:0; top:25px; z-index:10; display:inline-block; width:85px; text-align:center; font-weight:bold; color:#d75221; font-family:tahoma; line-height:1;}
.nW_contents {position:relative; width:422px; height:228px; margin:15px 14px 14px 14px;}
.nW_contents ul {width:422px; height:27px; background:url('../img/main/nW_contents_line.gif') repeat-x left top;}
.nW_contents ul ul {background:none;}
.nW_contents ul li {float:left; display:inline;}
.nW_contents div.tabcontent {position:absolute; top:35px; left:0; width:422px; height:201px; display:none; overflow-y:scroll; overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#c3cad5;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#c3cad5;
scrollbar-darkshadow-color:#fff;
scrollbar-shadow-color:#c3cad5;}

.newest {}
.newest ul li {width:401px; padding:10px 0; border-bottom:1px dashed #ddd;}
.newest ul li dt {margin-bottom:6px; font-weight:bold; line-height:1; font-size:11px;}
.newest ul li dt a {color:#333; font-weight:bold;}
.newest ul li dt span {color:#acacac; font-weight:normal;}
.newest ul li dt em {color:#47579a;}
.newest ul li dd {line-height:1; font-size:11px;}

.witak_tbl {width:405px; border-collapse:collapse; table-layout:fixed;}
.witak_tbl th {position:relative; padding:10px 0; color:#7b7f9c; font-size:11px; letter-spacing:-1px; background:#eceff4;}
.witak_tbl th p {position:absolute; right:5px; top:5px; color:#7b7f9c; font-size:11px; letter-spacing:-1px; font-weight:normal;}
.witak_tbl td {padding:10px 0; font-size:11px; border-bottom:1px dashed #ddd;}
.witak_tbl .item {}
.witak_tbl .item .date {display:block; color:#acacac;}
.witak_tbl .num {text-align:center;}
.witak_tbl .cost {padding-right:10px; text-align:right; font-family:tahoma;}
.witak_tbl .cost em {color:#47579a;}

.friend div.tabcontent {height:180px;}
.friend_tbl {width:405px; border-collapse:collapse; table-layout:fixed;}
.friend_tbl td {padding:5px 0; font-size:11px; border-bottom:1px dashed #ddd; text-align:center; font-size:11px;}
.friend_tbl .img {text-align:left;}
.friend_tbl .id {text-align:left;}
.friend_tbl .id a {color:#333333; font-weight:bold;}
.friend_tbl .lv {font-weight:bold; color:#47579a; font-family:tahoma;}
.friend .view {position:absolute; right:5px; bottom:-10px; padding-right:7px; background:url('../img/main/view_arrow.gif') no-repeat right center; color:#2f3031; font-size:11px; text-decoration:underline;}

.mail {background:none !important;}
.mail div.tabcontent {top:0}
.mail .mailBox {margin:0 2px 5px 0; border:1px solid #ddd;}
.mail .mailBox dt {padding:10px 10px 0; margin-bottom:6px; font-weight:bold; line-height:1;}
.mail .mailBox dt a {color:#333; font-weight:bold;}
.mail .mailBox dt span {color:#acacac; font-weight:normal; font-size:11px;}
.mail .mailBox dt em {color:#47579a;}
.mail .mailBox dd {line-height:1; font-size:11px;}
.mail .mailBox dd.text {padding:0 10px; margin-bottom:6px;}
.mail .mailBox dd.writer {padding:9px 5px 9px; background:#f8f8f8; color:#acacac; letter-spacing:-1px; text-align:right;}
.mail .mailBox dd.writer em {color:#47579a; letter-spacing:0;}

.mission {background:none !important;}
.mission div.tabcontent {top:0; height:235px; overflow:visible;}
.mission p {margin-bottom:15px; color:#47579a; text-align:center;}
.mission p img {vertical-align:-6px;}
.mission_tbl {width:420px; border-collapse:collapse; table-layout:fixed; border:1px solid #c3cad5;}
.mission_tbl thead th {padding:10px 0 8px 0; background:#eceff4; color:#7b7f9c; font-size:11px; letter-spacing:-1px; line-height:1;}
.mission_tbl tbody th {background:#f8f8f8; color:#7b7f9c; font-size:11px; font-weight:normal;}
.mission_tbl tbody td {padding:6px 0; text-align:center; font-size:11px;}
.mission_tbl tbody .win {color:#47579a;}
.mission .missionSelect {position:absolute; left:0; bottom:0;}
.mission .missionSelect a {color:#2f3031}
.mission .missionSelect dt {width:104px; height:20px; background:url('../img/main/mission_select_dt_bg.gif') no-repeat left top;}
.mission .missionSelect dt a {display:block; padding:5px 0 0 7px; line-height:1;}
.mission .missionSelect dd {}
.mission .missionSelect dd ul {display:none; position:absolute; width:102px; background:#fff; border-left:1px solid #9f9f9f; border-right:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; height:auto;}
.mission .missionSelect dd li a {display:block; width:90px; padding:6px 6px 5px; line-height:1;}
.mission .missionSelect dd li a:hover {background:#ebebeb;}
.mission .ranking {position:absolute; right:1px; bottom:0;}

.errorNews {text-align:center; padding-top:50px;}
.errorNews .img {display:inline-block; margin-bottom:13px}
.errorNews strong {display:inline-block; font-size:14px; color:#444; letter-spacing:-1px; line-height:1;}