@charset "euc-kr";

/* ================================================================================== */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body, input, textarea, select, td { font-size:12px; font-family:돋움,dotum; color:#666666; }
h1, h2, h3, h4, h5, h6 { font-size:12px; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

a { text-decoration:none; color:#666666; }
a:hover { text-decoration:underline; }
em { font-style:normal; }

:focus { outline:0; }
body { line-height:120%; background:white; margin:0; }
ol, ul { list-style: none; }

table { margin:0; outline:0; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ================================================================================== */

.wrap { position:relative; width:698px; height:543px; overflow:hidden; }
#side { float:left; width:170px; height:531px; }
#side h1 { width:170px; height:68px; }

	.set_gostop .wrap { background:#ea762b url('../img/common/bg_contents_1.gif') left top no-repeat; }
	.set_sutda .wrap { background:#ea762b url('../img/common/bg_contents_1.gif') left top no-repeat; }
	.set_poker .wrap { background:#156b8c url('../img/common/bg_contents_2.gif') left top no-repeat; }
	.set_board .wrap { background:#b96f3b url('../img/common/bg_contents_60.gif') left top no-repeat; }
	.set_casual .wrap { background:#f3aa2a url('../img/common/bg_contents_4.gif') left top no-repeat; }

.menu { margin:0 0 0 11px; padding-top:3px; height:337px; _height:340px; overflow:hidden; }

.menu li { float:left; margin:-3px 0 0 0; width:151px; vertical-align:top; }
.menu li .depth1 { display:block; }
.menu li.on .depth2 { display:block; }

.menu .depth2 { position:relative; top:-4px; display:none; padding:7px 0 7px 0; width:147px; height:104px; _height:113px; }
.menu .depth2 li { margin:2px 0 0 24px; padding:0 0 0 8px; width:123px; letter-spacing:-1px; background:left 4px no-repeat; _display:inline; }

	.set_gostop .menu .depth2 { background:#e55e22 url('../img/common/bg_menu_depth2_1.gif') left top no-repeat; }
	.set_gostop .menu .depth2 li { background-image:url('../img/common/ico_menu_1.gif') }
	.set_gostop .menu .depth2 li.on { background-image:url('../img/common/ico_menu_1_on.gif') }
	.set_gostop	.menu .depth2 li a { color:#ffa84d; }
	.set_gostop	.menu .depth2 li.on a { color:#ffe7d0; }

	.set_sutda .menu .depth2 { background:#e55e22 url('../img/common/bg_menu_depth2_1.gif') left top no-repeat; }
	.set_sutda .menu .depth2 li { background-image:url('../img/common/ico_menu_1.gif') }
	.set_sutda .menu .depth2 li.on { background-image:url('../img/common/ico_menu_1_on.gif') }
	.set_sutda	.menu .depth2 li a { color:#ffa84d; }
	.set_sutda	.menu .depth2 li.on a { color:#ffe7d0; }

	.set_poker .menu .depth2 { background:#115774 url('../img/common/bg_menu_depth2_2.gif') left top no-repeat; }
	.set_poker .menu .depth2 li { background-image:url('../img/common/ico_menu_2.gif') }
	.set_poker .menu .depth2 li.on { background-image:url('../img/common/ico_menu_2_on.gif') }
	.set_poker	.menu .depth2 li a { color:#0098ba; }
	.set_poker	.menu .depth2 li.on a { color:#8feaff; }

	.set_board .menu .depth2 { background:#af5e32 url('../img/common/bg_menu_depth2_60.gif') left top no-repeat; }
	.set_board .menu .depth2 li { background-image:url('../img/common/ico_menu_60.gif') }
	.set_board .menu .depth2 li.on { background-image:url('../img/common/ico_menu_60_on.gif') }
	.set_board	.menu .depth2 li a { color:#d9aa7b; }
	.set_board	.menu .depth2 li.on a { color:#ddd2c8; }

	.set_casual .menu .depth2 { background:#f19c23 url('../img/common/bg_menu_depth2_4.gif') left top no-repeat; }
	.set_casual .menu .depth2 li { background-image:url('../img/common/ico_menu_4.gif') }
	.set_casual .menu .depth2 li.on { background-image:url('../img/common/ico_menu_4_on.gif') }
	.set_casual	.menu .depth2 li a { color:#ffd966; }
	.set_casual	.menu .depth2 li.on a { color:#ffe7d0; }




#side .quicklink { display:none; margin:0 0 0 11px; }
#side .quicklink a { display:block; float:left; }


#side .tagcloud { position:absolute; bottom:11px; left:11px; padding:13px 9px 10px 18px; width:120px; _width:147px; height:93px; _height:116px; overflow:hidden; }
#side .tagcloud a { float:left; margin:0 5px 7px 0; font-size:11px; white-space:nowrap; _word-break:keep-all; }
#side .tagcloud a strong { font-size:14px; position:relative; }
#side .tagcloud a em { font-size:12px; }

	.set_gostop .tagcloud { color:#ffd49b; background:#e66324; }
	.set_gostop .tagcloud a { color:#ffd49b; }
	.set_gostop .tagcloud a em { color:#ffd800; }
	.set_gostop .tagcloud a strong { color:#FFFFFF; }

	.set_sutda .tagcloud { color:#ffd49b; background:#e66324; }
	.set_sutda .tagcloud a { color:#ffd49b; }
	.set_sutda .tagcloud a em { color:#ffd800; }
	.set_sutda .tagcloud a strong { color:#FFFFFF; }

	.set_poker .tagcloud { color:#9ad7e1; background:#115772; }
	.set_poker .tagcloud a { color:#9ad7e1; }
	.set_poker .tagcloud a em { color:#6ef3ff; }
	.set_poker .tagcloud a strong { color:#FFFFFF; }

	.set_board .tagcloud { color:#cba35e; background:#aa5a31; }
	.set_board .tagcloud a { color:#cba35e; }
	.set_board .tagcloud a em { color:#ecd1ad; }
	.set_board .tagcloud a strong { color:#FFFFFF; }

	.set_casual .tagcloud { color:#ffd49b; background:#ef8c1d; }
	.set_casual .tagcloud a { color:#ffd49b; }
	.set_casual .tagcloud a em { color:#ffd800; }
	.set_casual .tagcloud a strong { color:#FFFFFF; }


#side h2 { position:absolute; top:42px; left:199px; padding-top:2px; width:480px; font-size:14px; font-weight:bold; color:#FFFFFF; background:#; }



.gamelink { position:absolute; top:8px; right:68px; width:121px; height:22px; border:1px solid; color:#ffa84d; font-size:11px; overflow:hidden; }
.gamelink h4 { padding:4px 0 0 14px; border-bottom:1px solid; _height:16px; height:21px; font-size:11px; font-weight:normal; background:right top no-repeat; cursor:pointer; _cursor:hand; }
.gamelink a { display:block; padding:2px 0 0 14px; }
.gamelink a:hover { text-decoration:none; }
.gamelink .gostop, .gamelink .poker, .gamelink .casual { padding:6px 0; }


	.set_gostop .gamelink { border-color:#f74900; background-color:#ae3208; color:#ffa84d; }
	.set_gostop .gamelink h4 { border-color:#f74900; background-image:url('../img/common/ico_sarw_1.gif'); }
	.set_gostop .gamelink a { color:#ffa84d; }
	.set_gostop .gamelink a:hover { background:#912a07; }
	.set_gostop .gamelink .gostop, .set_gostop .gamelink .poker { border-bottom:1px solid #8d2906; }
	.set_gostop .gamelink .poker, .set_gostop .gamelink .casual { border-top:1px solid #bb522f; }

	.set_sutda .gamelink { border-color:#f74900; background-color:#ae3208; color:#ffa84d; }
	.set_sutda .gamelink h4 { border-color:#f74900; background-image:url('../img/common/ico_sarw_1.gif'); }
	.set_sutda .gamelink a { color:#ffa84d; }
	.set_sutda .gamelink a:hover { background:#912a07; }
	.set_sutda .gamelink .gostop, .set_sutda .gamelink .poker { border-bottom:1px solid #8d2906; }
	.set_sutda .gamelink .poker, .set_gostop .gamelink .casual { border-top:1px solid #bb522f; }

	.set_poker .gamelink { border-color:#0d5b77; background-color:#1b232f; color:#0098ba; }
	.set_poker .gamelink h4 { border-color:#0d5b77; background-image:url('../img/common/ico_sarw_2.gif'); }
	.set_poker .gamelink a { color:#0098ba; }
	.set_poker .gamelink a:hover { background:#12161e; }
	.set_poker .gamelink .gostop, .set_poker .gamelink .poker { border-bottom:1px solid #12161e; }
	.set_poker .gamelink .poker, .set_gostop .gamelink .casual { border-top:1px solid #313943; }

	.set_board .gamelink { border-color:#a55d3f; background-color:#68321e; color:#d9aa7b; }
	.set_board .gamelink h4 { border-color:#a55d3f; background-image:url('../img/common/ico_sarw_60.gif'); }
	.set_board .gamelink a { color:#d9aa7b; }
	.set_board .gamelink a:hover { background:#512415; }
	.set_board .gamelink .gostop, .set_board .gamelink .poker { border-bottom:1px solid #512415; }
	.set_board .gamelink .poker, .set_gostop .gamelink .casual { border-top:1px solid #774634; }

	.set_casual .gamelink { border-color:#ff6a0f; background-color:#d24700; color:#ffbd5c; }
	.set_casual .gamelink h4 { border-color:#ff6a0f; background-image:url('../img/common/ico_sarw_4.gif'); }
	.set_casual .gamelink a { color:#ffbd5c; }
	.set_casual .gamelink a:hover { background:#bd3f00; }
	.set_casual .gamelink .gostop, .set_casual .gamelink .poker { border-bottom:1px solid #bd3f00; }
	.set_casual .gamelink .poker, .set_gostop .gamelink .casual { border-top:1px solid #d65819; }

.close { position:absolute; top:8px; right:10px; }
.close img { cursor:pointer; _cursor:hand; }





#contents { float:left; margin:68px 0 0 30px; width:486px; height:463px; color:#666666; overflow:auto;
 scrollbar-face-color:#FFFFFF; scrollbar-arrow-color:#d1cabc; scrollbar-track-color:#e6dfd3; scrollbar-highlight-color:#d1cabc;
 scrollbar-shadow-color:#d1cabc; scrollbar-darkshadow-color:#e6dfd3; scrollbar-3dlight-color:#e6dfd3; }
.contents_in { width:455px; padding:0 0 20px 0; }

#contents em { color:#ff7800; }

#contents .guide_home { margin:28px 0 0 0; width:455px; }
#contents .guide_home h3 { display:block; margin:0; padding:0; height:33px; background:url('../img/common/box_home_top.gif') left bottom no-repeat; }
#contents .guide_home .howfun { padding:1px 0 5px 0; width:455px; background:#eae2da url('../img/common/box_home_bottom.gif') left bottom no-repeat; }
#contents .guide_home .howfun h5 { float:left; padding:23px 0 0 18px; width:141px; height:83px; font-size:14px; font-weight:bold; color:#f8f5ed; line-height:130%;
	background:url('../img/common/bg_home_inbox.gif') left top no-repeat; }
#contents .guide_home .howfun li { margin:20px 30px 0 30px; padding:0 0 10px 0; min-height:99px; _height:104px; vertical-align:top; background:url('../img/common/bg_dotline_home.gif') bottom repeat-x; }
#contents .guide_home .howfun ul { float:left; margin:0 0 0 19px; max-width:210px; word-break:keep-all; }
#contents .guide_home .howfun li li { margin:0 0 3px 0; padding:0 0 0 9px; min-height:15px; height:auto; background:url('../img/common/bu_box_gray.gif') left 5px no-repeat; }
#contents .guide_home .endline { position:relative; top:-6px; height:1px; overflow:hidden; background:#eae2da; }

#contents .img_top { margin:26px 0 0 0; border:1px solid #d1cabc; width:1%; }
#contents .img_top img { display:block; }
#contents .img_center { margin:6px 0 14px 0; border:1px solid #d1cabc; _width:1%; }
#contents .img_small { margin:6px 0 14px 0; padding:20px 0; border:1px solid #d1cabc; background:#f7f7ef; text-align:center; }

#contents h3 { margin:26px 0 0 0; padding:1px 0 0 20px; height:19px; font-weight:bold; color:#000000; background:url('../img/common/ico_h3.gif') left top no-repeat; }
#contents h4 { margin:6px 0 0 3px; padding:0 0 0 14px; font-weight:11px; font-weight:bold; color:#000000; background:url('../img/common/ico_h4.gif') left 2px no-repeat; }
#contents p.text { margin:5px 0 0 0; line-height:130%; }

#contents p.notice { margin:3px0 0 0; padding:0 0 0 15px; color:#ff5400; background:url('../img/common/ico_notice.gif') left 2px no-repeat; }

#contents .roundbox { margin:7px 0 0 0; padding:3px 0 0 0; width:100%; background:url('../img/common/box_in_top_1.gif') left top no-repeat; }
#contents .roundbox .roundbox_in { padding:13px 19px; background:url('../img/common/box_in_bottom_1.gif') left bottom no-repeat; }
#contents .roundbox .notice { margin:0 0 14px 0; }

#contents .btn_center { text-align:center; }
#contents .btn_right { text-align:right; }
#contents .btn_text { padding:0 8px 0 0; min-width:1%; _width:1%; background:url('../img/common/bg_btn_right.gif') right top no-repeat; }
#contents .btn_text a { display:block; padding:5px 7px 0 15px; height:23px; _height:28px; white-space:nowrap; font-weight:bold; color:#FFFFFF; background:url('../img/common/bg_btn_left.gif') left top no-repeat; }
#contents .btn_text a:hover { text-decoration:none; }

#contents .list_num li { padding:0 0 0 21px; margin:3px 0 0 0; line-height:130%; background:left top no-repeat; }
#contents .list_num .num1 { background-image:url('../img/common/ico_num1.gif'); }
#contents .list_num .num2 { background-image:url('../img/common/ico_num2.gif'); }
#contents .list_num .num3 { background-image:url('../img/common/ico_num3.gif'); }
#contents .list_num .num4 { background-image:url('../img/common/ico_num4.gif'); }
#contents .list_num .num5 { background-image:url('../img/common/ico_num5.gif'); }
#contents .list_num .num6 { background-image:url('../img/common/ico_num6.gif'); }
#contents .list_num .num7 { background-image:url('../img/common/ico_num7.gif'); }
#contents .list_num .num8 { background-image:url('../img/common/ico_num8.gif'); }
#contents .list_num .num9 { background-image:url('../img/common/ico_num9.gif'); }
#contents .list_num .num10 { background-image:url('../img/common/ico_num10.gif'); }
#contents .list_num .num11 { background-image:url('../img/common/ico_num11.gif'); }
#contents .list_num .num12 { background-image:url('../img/common/ico_num12.gif'); }
#contents .list_num .num13 { background-image:url('../img/common/ico_num13.gif'); }
#contents .list_num .num14 { background-image:url('../img/common/ico_num14.gif'); }
#contents .list_num .num15 { background-image:url('../img/common/ico_num15.gif'); }
#contents .list_num .num16 { background-image:url('../img/common/ico_num16.gif'); }
#contents .list_num .num17 { background-image:url('../img/common/ico_num17.gif'); }
#contents .list_num .num18 { background-image:url('../img/common/ico_num18.gif'); }
#contents .list_num .num19 { background-image:url('../img/common/ico_num19.gif'); }
#contents .list_num .num20 { background-image:url('../img/common/ico_num20.gif'); }
#contents .list_num .num21 { background-image:url('../img/common/ico_num21.gif'); }
#contents .list_num .num22 { background-image:url('../img/common/ico_num22.gif'); }
#contents .list_num .num23 { background-image:url('../img/common/ico_num23.gif'); }
#contents .list_num .num24 { background-image:url('../img/common/ico_num24.gif'); }


#contents .list { margin:0 0 10px 0; }
#contents .list li { padding:0 0 0 16px; margin:3px 0 0 0; line-height:130%; background:url('../img/common/ico_round.gif') 6px 4px no-repeat; }
#contents .list li .table_basic { margin:7px 0 19px -14px; }

#contents .list_in li { margin-top:1px; padding-left:10px; background:url('../img/common/bu_listin.gif') left 6px no-repeat; }

#contents .table_basic { margin:5px 0; width:100%; border-top:1px solid #dfdace; border-left:1px solid #dfdace; }
#contents .table_basic th { text-align:center; padding:8px 0 6px 0; border-right:1px solid #dfdace; border-bottom:1px solid #dfdace; font-weight:normal; font-size:12px; color:#000000; vertical-align:middle; background:#eae7e1; }
#contents .table_basic td { padding:8px 10px 6px 10px; border-right:1px solid #dfdace; border-bottom:1px solid #dfdace; font-weight:normal; font-size:12px; vertical-align:middle; line-height:130%; background:#ffffff; }
#contents .table_basic p { margin-bottom:5px; }
#contents .table_basic .center, #contents .table_basic .center td { text-align:center; padding-left:5px; padding-right:5px; }
#contents .table_basic .th_sub { background:#f5ecd5; }
#contents .table_basic .subtxt { font-size:11px; color:#757575; }

#contents .table_first td { padding:8px 8px 6px 8px; font-size:11px; vertical-align:top; }

#contents .table_rank td { padding:8px 4px 6px 4px; }

#contents .float_left { margin:16px 0 20px 0; width:100%; overflow:hidden; }
#contents .float_left .img { float:left; border:1px solid #dfdace; margin-right:15px; }
#contents .float_left .item { float:left; border:1px solid #4d4b46; margin-right:15px; }
#contents .float_left .info { }
#contents .float_left .info h5 { margin:0 0 2px 0; font-weight:bold; color:#000000; }
#contents .float_left .text { margin:0; }

#contents .link { margin:8px 0 0 0; }
#contents .link li { margin:0 0 6px 0; }
#contents .link li h5 { padding:0 0 0 15px; background:url('../img/common/ico_arw_link.gif') left 1px no-repeat; }
#contents .link li h5 a { color:#333333; }
#contents .link li p { margin:1px 0 0 15px; }