@charset "euc-kr";
@import url('common.css');

.container {padding-top:0;}
.container .contents { width:714px; }

.lnb{background:url(/web/cp2/sf2/v2/img/main/bg_top.jpg) 0 0 no-repeat}

.lnb .sub_off .depth1 li.on{background:none}
.banner_spot{height:72px;width:980px;z-index:2;position:relative}
.banner_spot img{vertical-align:top}
.banner_spot .m{position:absolute;top:0;left:0;z-index:1}
.banner_spot .b{position:absolute;top:-6px;left:0;z-index:2;display:none}

#divMainRoll{visibility:hidden}
.main_roll{background:url(/web/cp2/sf2/v2/img/main/bg_main_roll.jpg) 0 0 no-repeat;width:715px;height:327px;position:relative;}
.main_roll .slidesContainer {width:554px;height:293px;position:absolute;top:2px;left:158px;z-index:10;}
.main_roll .slidesContainer div {width:554px;height:293px;display:none}
.main_roll .slidesContainer div .caption{display:none}
.main_roll .page_wrap{position:absolute;top:4px;left:-9px;width:183px;height:225px;z-index:20;overflow:hidden}
.main_roll .page_wrap .pagination{display:none;position:absolute;top:12px;left:10px;width:156px;}
.main_roll .page_wrap .pagination li{height:40px;background:url(/web/cp2/sf2/v2/img/main/bg_pagination.gif) 0 0 no-repeat;}
.main_roll .page_wrap .pagination li a{display:block;height:26px;_height:40px;color:#C7C7C7;line-height:17px;text-decoration:none;padding:14px 0 0 17px;}
.main_roll .page_wrap .pagination li.current {background:url(/web/cp2/sf2/v2/img/main/bg_page_current.png) 0 0 no-repeat;width:183px;height:70px;position:relative;left:-10px;top:-12px;margin-bottom:-30px;_margin-bottom:-34px;}
.main_roll .page_wrap .pagination li.current a{color:#F5DB8B;font-weight:bold;height:29px;_height:41px;padding:12px 0 0 17px;letter-spacing:-1px;position:absolute;top:13px;left:11px;width:auto;}

.main_roll .btn_page{display:none;position:absolute;right:565px;bottom:40px;}
.main_roll .btn_page span{position:absolute;top:7px;right:72px;font-size:11px;color:#867159;letter-spacing:2px;line-height:14px;}
.main_roll .btn_page span strong{color:#F3D372}

.main_community{width:352px;height:249px;background:url(/web/cp2/sf2/v2/img/main/bx_m.gif) 0 0 no-repeat;float:left}
.main_community .tit{height:31px;position:relative;}
.main_community .tit img{position:absolute;top:17px;left:21px;}
.main_community .tit .more { font-size:11px; letter-spacing:-1px; color:#9B9A98; background:url(/web/cp2/sf2/v2/img/common/bu_arr.gif) 100% 3px no-repeat; position:absolute; top:18px; right:15px; padding-right:5px; line-height:14px; }
.main_community ul{margin:3px 0 0 15px;padding:9px 0 0 8px;}
.main_community ul li{vertical-align:top;height:26px;overflow:hidden;zoom:1;letter-spacing:-1px;line-height:15px;}
.main_community ul li span{float:left;padding:4px 0 0 6px}
.main_community ul li span.new{background:url(/web/cp2/sf2/v2/img/common/ico_new.gif) 100% 7px no-repeat;padding-right:10px; }
.main_community ul li a{color:#575757}
.main_community ul li em{color:#937762;font-size:11px;font-weight:bold;float:left;background:url(/web/cp2/sf2/v2/img/main/bg_comm2.gif) 0 0 no-repeat;width:31px;_width:38px;height:18px;_height:22px;padding:4px 0 0 7px}
.main_community ul.comm_lst{background:url(/web/cp2/sf2/v2/img/main/bx_comm.gif) 0 0 no-repeat;width:324px;height:90px;_height:97px;margin:17px 0 0 16px;padding:9px 0 0 8px;}
.main_community ul.comm_lst li{height:30px;}
.main_community ul.comm_lst li a{color:#383838}
.main_community ul.comm_lst li span{font-weight:bold}
.main_community ul.comm_lst li em{font-weight:normal;background:url(/web/cp2/sf2/v2/img/main/bg_comm1.gif) 0 0 no-repeat;}

.main_ucc{width:352px;height:249px;background:url(/web/cp2/sf2/v2/img/main/bx_m.gif) 0 0 no-repeat;float:right}
.main_ucc .tit{height:49px;position:relative;}
.main_ucc .tit img{position:absolute;top:17px;left:21px;}
.main_ucc .tit .tab{position:absolute;top:13px;right:14px;}
.main_ucc .tit .tab li{float:left;height:23px;}
.main_ucc .tit .tab li a{display:block;height:23px;background-image:url(/web/cp2/sf2/v2/img/main/tab_ucc.gif);background-repeat:no-repeat;}
.main_ucc .tit .tab li.tc0 a{background-position:0 0;width:66px;}
.main_ucc .tit .tab li.tc1 a{background-position:-66px 0;width:67px;}
.main_ucc .tit .tab li.tc0 a.on{background-position:0 -27px;}
.main_ucc .tit .tab li.tc1 a.on{background-position:-66px -27px;}
.main_ucc .ucc_sub{display:none;width:323px;position:relative;margin-left:15px;}
.main_ucc .ucc_sub .big_thmb{width:323px;position:absolute;top:0;left:0;}
.main_ucc .ucc_sub .big_thmb li{display:none;overflow:hidden;vertical-align:top;zoom:1}
.main_ucc .ucc_sub .big_thmb li.current{display:block}
.main_ucc .ucc_sub .big_thmb li dl dt{position:relative;border:1px solid #5B5745; border-right:0 none;width:246px;_width:247px;height:150px;_height:152px;}
.main_ucc .ucc_sub .big_thmb li dl dt img{vertical-align:top}
.main_ucc .ucc_sub .big_thmb li dl dt .ico_play{position:absolute;top:22px;left:75px}
.main_ucc .ucc_sub .big_thmb li dl dt .flag{width:62px;height:62px;position:absolute;top:-1px;left:-1px;display:none}
.main_ucc .ucc_sub .big_thmb li dl.best .flag{display:block;background:url(/web/cp2/sf2/v2/img/main/flag_best.png) 0 0 no-repeat;}
.main_ucc .ucc_sub .big_thmb li dl dd{font-weight:bold;color:#575757;line-height:17px;letter-spacing:-1px;margin-top:13px;width:323px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.main_ucc .ucc_sub .big_thmb li dl dd a{color:#575757}
.main_ucc .ucc_sub .thumbnail{width:93px;position:absolute;top:0;right:0;border-top:1px solid #020202;border-bottom:1px solid #020202;border-right:1px solid #020202;z-index:10}
.main_ucc .ucc_sub .thumbnail li{vertical-align:top;height:50px;text-align:right;position:relative}
.main_ucc .ucc_sub .thumbnail li img{vertical-align:top;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; -webkit-filter: grayscale(100%);position:absolute;top:0;right:0;z-index:1}
.main_ucc .ucc_sub .thumbnail li .bd{position:absolute;top:0;right:0;z-index:2;width:75px;height:50px;filter:alpha(opacity=50); opacity:0.5;background:#000;cursor:pointer;}
.main_ucc .ucc_sub .thumbnail li.current .bd{display:block;background:url(/web/cp2/sf2/v2/img/main/bg_current.png) 0 0 no-repeat;filter:none;opacity:1;width:93px;cursor:default;}
.main_ucc .ucc_sub .thumbnail li.current img{filter:none;-webkit-filter: grayscale(0%);}

.main_hot{width:352px;height:150px;float:left;overflow:hidden;margin-top:31px;}
.main_hot .tit{height:28px;_height:29px;position:relative;border-bottom:1px solid #D6CAC2}
.main_hot .tit img{position:absolute;top:0;left:2px;}
.main_hot .tit .more { font-size:11px; letter-spacing:-1px; color:#9B9A98; background:url(/web/cp2/sf2/v2/img/common/bu_arr.gif) 100% 3px no-repeat; position:absolute; top:1px; right:5px; padding-right:5px; line-height:14px; }
.main_hot .hot_area{overflow:hidden;zoom:1;padding-top:12px;}
.main_hot .hot_area .thmb{float:left;width:89px;_width:91px;height:89px;_height:91px;border:1px solid #8C8C8A;position:relative;margin-right:14px;}
.main_hot .hot_area .thmb .flag{background:url(/web/cp2/sf2/v2/img/main/flag_hot.png) 0 0 no-repeat;height:41px;width:41px;position:absolute;top:-1px;left:-1px;cursor:pointer}
.main_hot .hot_area dl{float:left;width:240px;letter-spacing:-1px;padding-top:4px}
.main_hot .hot_area dl dt{font-size:14px;font-weight:bold;color:#575757;line-height:21px;margin-bottom:8px}
.main_hot .hot_area dl dt a{color:#575757}
.main_hot .hot_area dl dd{line-height:18px;}

.main_invite{width:352px;height:150px;float:right;overflow:hidden;margin-top:31px;}
.main_invite .tit{height:28px;_height:29px;position:relative;border-bottom:1px solid #D6CAC2}
.main_invite .tit img{position:absolute;top:0;left:2px;}
.main_invite .tit .more { font-size:11px; letter-spacing:-1px; color:#9B9A98; background:url(/web/cp2/sf2/v2/img/common/bu_arr.gif) 100% 3px no-repeat; position:absolute; top:1px; right:5px; padding-right:5px; line-height:14px; }
.main_invite .invite_area{overflow:hidden;zoom:1;padding-top:12px;}
.main_invite .invite_area .thmb{float:left;width:93px;_width:95px;height:90px;_height:92px;border:1px solid #868685;position:relative;margin-right:14px;background:url(/web/cp2/sf2/v2/img/main/bg_clanmark.gif) 0 0 no-repeat}
.main_invite .invite_area .thmb .flag{background:url(/web/cp2/sf2/v2/img/main/flag_hot.png) 0 0 no-repeat;height:41px;width:41px;position:absolute;top:-1px;left:-1px;cursor:pointer;z-index:40;}
.main_invite .invite_area .thmb .sb_back{position:absolute;top:14px;left:16px;z-index:10;}
.main_invite .invite_area .thmb .sb_deco{position:absolute;top:14px;left:16px;z-index:20;}
.main_invite .invite_area .thmb .sb_symbol{position:absolute;top:14px;left:16px;z-index:30;}
.main_invite .invite_area dl{float:left;width:240px;letter-spacing:-1px;padding-top:4px}
.main_invite .invite_area dl dt{font-size:14px;font-weight:bold;color:#575757;line-height:21px;margin-bottom:8px}
.main_invite .invite_area dl dt a{color:#575757}
.main_invite .invite_area dl dd{line-height:18px;}


.main_shop{width:352px;float:left;margin-top:11px;}
.main_shop .tit{height:28px;_height:29px;position:relative;border-bottom:1px solid #D6CAC2}
.main_shop .tit img{position:absolute;top:0;left:2px;}
.main_shop .tit .more { font-size:11px; letter-spacing:-1px; color:#9B9A98; background:url(/web/cp2/sf2/v2/img/common/bu_arr.gif) 100% 3px no-repeat; position:absolute; top:1px; right:5px; padding-right:5px; line-height:14px; }
.main_shop ul{padding-top:1px;}
.main_shop li{padding-top:15px;overflow:hidden;zoom:1;vertical-align:top}
.main_shop .thmb{float:left;width:70px;hieght:69px;margin-right:10px;}
.main_shop .thmb img{border:1px solid #868685; vertical-align:top}
.main_shop dl{float:left;width:270px;}
.main_shop dt{font-size:14px; font-weight:bold; color:#525252; padding:3px 0 4px}
.main_shop dt a{color:#525252}
.main_shop dd{color:#767676; line-height:15px;width:270px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main_shop dd.price{font-size:11px;padding-top:8px;zoom:1}
.main_shop dd.price strong{color:#B34C00;float:left;background:url(/web/cp2/sf2/v2/img/common/ico_won.gif) 0 3px no-repeat;padding:3px 8px 0 16px;line-height:14px;}
.main_shop dd.price .btn_area{float:left;margin-top:-3px}
.main_shop dd.price .btn_area img{vertical-align:top}

.main_rank{width:352px;float:right;margin-top:7px;}
.main_rank .tit{height:31px;position:relative;}
.main_rank .tit img{position:absolute;top:4px;left:2px;}
.main_rank .tit .tab{position:absolute;top:0;right:0;}
.main_rank .tit .tab li{float:left;height:23px;}
.main_rank .tit .tab li a{display:block;height:23px;background-image:url(/web/cp2/sf2/v2/img/main/tab_rank.gif);background-repeat:no-repeat;}
.main_rank .tit .tab li.tc0 a{background-position:0 0;width:66px;}
.main_rank .tit .tab li.tc1 a{background-position:-66px 0;width:67px;}
.main_rank .tit .tab li.tc0 a.on{background-position:0 -27px;}
.main_rank .tit .tab li.tc1 a.on{background-position:-66px -27px;}
#divRankingTab_sub1{background:url(/web/cp2/sf2/v2/img/main/bg_tb_rank1.gif) 0 0 no-repeat}
#divRankingTab_sub2{background:url(/web/cp2/sf2/v2/img/main/bg_tb_rank2.gif) 0 0 no-repeat}
.main_rank .sub_tab{height:152px;_height:190px; display:none;padding-top:38px;}
.main_rank .sub_tab table{width:352px;}
.main_rank .sub_tab table td{height:50px; text-align:center;}
.main_rank .sub_tab table td p{text-align:left;}
.main_rank .sub_tab table td p a{color:#575757;cursor:pointer;display:inline-block;}
.main_rank .sub_tab table td p strong{color:#575757;display:inline-block;width:130px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-1px;padding-top:4px;}
.main_rank .sub_tab table td.order p{display:none}
.main_rank .sub_tab table td.ico{text-align:left}
.main_rank .sub_tab table td.ico p{text-align:left;padding-top:1px;}
.main_rank .sub_tab table td.ico p img{vertical-align:top}
.main_rank .sub_tab table td.ico .thmb{display:block;position:relative;width:44px;height:44px;background:url(/web/cp2/sf2/v2/img/main/bg_clanmark2.gif);margin-top:1px;}
.main_rank .sub_tab table td.ico .thmb img{position:absolute;top:6px;left:6px;}
.main_rank .sub_tab table td.ico .thmb img.sb_back{z-index:10}
.main_rank .sub_tab table td.ico .thmb img.sb_deco{z-index:20}
.main_rank .sub_tab table td.ico .thmb img.sb_symbol{z-index:30}
.main_rank .sub_tab table td.num{text-align:center;color:#A07340;font-size:10px;font-family:Verdana;letter-spacing:-1px;}

.gm_magazine{padding:6px 0 13px;}
.gm_magazine .tit{height:26px;position:relative;}
.gm_magazine .tit img{position:absolute;top:0;left:0;}
.gm_magazine .tit .more { font-size:11px; letter-spacing:-1px; color:#8B8B8B; background:url(/web/cp2/sf2/v2/img/common/bu_arr.gif) 100% 3px no-repeat; position:absolute; top:0; right:0; padding-right:5px; line-height:14px; }
.gm_magazine .gm_area{}
.gm_magazine .gm_area .thmb{border:1px solid #4F4F4F;width:243px;_width:245px;height:89px;_height:91px;position:relative}
.gm_magazine .gm_area .thmb .flag{position:absolute;top:-1px;left:-1px;background:url(/web/cp2/sf2/v2/img/main/flag_gm.png) 0 0 no-repeat;width:41px;height:41px;}
.gm_magazine .gm_area dl{padding-top:17px;}
.gm_magazine .gm_area dl dt{font-size:14px;letter-spacing:-1px;font-weight:bold;color:#575757;line-height:21px;margin-bottom:22px;}
.gm_magazine .gm_area dl dt a{color:#575757}
.gm_magazine .gm_area dl dd{line-height:18px;letter-spacing:-1px;color:#575757}

.lucky_puzzle{padding:6px 0 22px;}
.lucky_puzzle .tit{height:26px;position:relative;}
.lucky_puzzle .tit img{position:absolute;top:0;left:0;}
.lucky_puzzle .tit .more { font-size:11px; letter-spacing:-1px; color:#8B8B8B; background:url(/web/cp2/sf2/v2/img/common/bu_arr.gif) 100% 3px no-repeat; position:absolute; top:0; right:0; padding-right:5px; line-height:14px; }
.lucky_puzzle .puzzle_area{}
.lucky_puzzle .puzzle_area .thmb{width:246px;height:136px;}
.lucky_puzzle .puzzle_area dl{padding-top:9px;}
.lucky_puzzle .puzzle_area dl dt a{color:#575757}
.lucky_puzzle .puzzle_area dl dd{line-height:18px;letter-spacing:-1px;color:#575757}

.pop_de{position:absolute;top:50%;left:50%;width:380px;*width:400px; height:325px;*height:350px; background:url(/web/cp2/sf2/v2/img/popup/bg_popup.jpg) 0 0 no-repeat;padding:13px 10px 12px; margin:-175px 0 0 -200px;z-index:100}
.pop_de.ly_pop{background:url(/web/cp2/sf2/v2/img/popup/bg_ly.gif) 0 0 no-repeat; width:382px;*width:402px; height:327px;*height:352px;}
.pop_de .pop_header h1{height:18px;}
.pop_de .pop_content{border:1px solid #A9A9A9; width:380px}
.pop_de .pop_content .pop_content_inner{border-top:1px solid #D8D8D8;border-left:1px solid #D8D8D8;background:#FFFFFF;padding:0 15px;}
.pop_de .pop_content h2{color:#C70000;font-size:16px;font-weight:bold;margin-bottom:22px;}
.pop_de .pop_content .table_ty {width:346px}
.pop_de .pop_content .table_ty td{vertical-align:middle}
.pop_de .pop_content .table_ty p{line-height:17px;font-weight:bold}
.pop_de .pop_content .table_ty p strong{color:#C70000}
.pop_de .pop_content .table_ty .td_r1{height:208px; text-align:center}
.pop_de .pop_content .table_ty .td_r2{height:74px;*height:75px;border-top:1px solid #D8D8D8}
.pop_de .pop_content .table_ty .td_r3{height:282px;*height:283px; text-align:center;}
.pop_de .pop_content .table_ty .td_r3 .txt1{font-weight:bold;font-size:16px;color:#363636;letter-spacing:-1px;line-height:20px;}
.pop_de .pop_content .table_ty .col1{float:left;margin:0 5px 0 16px;display:inline}
.pop_de .pop_content .table_ty .col2{float:left;color:#C70000}
.pop_de .pop_footer {text-align:center; padding-top:9px}


#Footer {margin:30px auto 0 auto;}

.ssBanner {position:absolute;left:50%;top:200px;z-index:100;overflow:hidden;margin-left:498px}
.ssBanner a {width:120px;height:510px;display:block;}
.ssBanner a img {position:absolute;left:5px;top:5px;width:110px;height:500px;}
.ssBanner .frame {position:absolute;left:0;top:0;width:120px;height:520px;cursor:pointer;background:url(/web/cp2/sf2/v2/img/main/rd_skybanner.gif) 0 0 no-repeat;}