@charset "utf-8";
/* Com2us SGB Team. Author : Choi Hyunsun 2012-07-23. Edit : Choi Hyunsun 2012-07-24 */

/* base */
html		{font-size:100.01%;-webkit-text-size-adjust:none;}
body		{margin:0;padding:0;font-size:14px;font-family:'나눔고딕', NanumGothic, 'ng', sans-serif;color:#333;background:#fff;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption, input	{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
ul, ol		{list-style:none;}
img	{border:0;vertical-align:top;}
.blindtext	{width:0;height:0;position:absolute;visibility:visible;overflow:hidden;padding:0;margin:0;font-size:0;line-height:0;text-indent:100%;}

#ui120723	{max-width:640px;margin:0 auto;}
#ui120723 .before	{position:relative;}
#ui120723 .before > img	{width:100%;}
#ui120723 .before p	{width:60%;height:16%;position:absolute;top:83.4%;left:4.7%;text-align:center;font-size:18px;color:#fff;font-weight:bold;}
#ui120723 .before p strong	{color:#fffc00;text-decoration:underline;}
#ui120723 .before p span	{display:block;font-size:12px;padding-top:10px;}
#ui120723 .before a	{width:30%;height:16%;position:absolute;top:80%;right:4.3%;display:block;background:#fff;opacity:0;filter:alpha(opacity=00);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";-webkit-tap-highlight-color:rgba(0,0,0,0);}
#ui120723 .after	{position:relative;}
#ui120723 .after > img	{width:100%;}
#ui120723 .after p	{width:100%;position:absolute;left:0;bottom:4%;font-size:14px;color:#fff;text-align:center;font-weight:bold;}
#ui120723 .wrap	{padding:0 4% 20px;background:#43a997;}
#ui120723 .box	{margin-bottom:20px;border:1px solid #69baa6;border-radius:8px;}
#ui120723 .box h1	{height:58px;padding:0 0 0 64px;font-size:24px;line-height:58px;color:#fff;border:1px solid #075647;border-radius:8px 8px 0 0;}
#ui120723 .box h1 strong	{color:#ffff85;}
#ui120723 .box h1 span		{color:#8bc3bb;font-size:14px;font-weight:normal;}
#ui120723 .box h1.tit1	{background:#178676 url('http://media.com2us.com/images/event/2012/07/14/img/icon_01.png') no-repeat 10px 50%;}
#ui120723 .box h1.tit2	{background:#178676 url('http://media.com2us.com/images/event/2012/07/14/img/icon_02.png') no-repeat 10px 50%;}
#ui120723 .box .article	{padding:15px 0 20px;border-left:1px solid #51a480;background:#ffffd6;border-radius:0 0 8px 8px;}
#ui120723 .box .article p	{padding:0 0 15px 15px;color:#178676;}
#ui120723 .box .article table	{width:100%;table-layout:fixed;font-size:1em;margin:0 auto;border:0;border-collapse:collapse;border-spacing:0;}
#ui120723 .box .article table th, td	{text-align:center;padding-bottom:8px;}
#ui120723 .box .article table .date span	{width:80%;display:inline-block;padding:4px 0;color:#fdffc6;font-size:12px;line-height:15px;font-weight:bold;text-align:center;text-shadow:1px 1px 1px #be1f16;background:#d74435;border-radius:8px;box-shadow:inset 1px 1px #be1f16;}
#ui120723 .box .article table .game	{vertical-align:top;}
#ui120723 .box .article table .game a	{display:block;border-radius:8px;box-shadow:3px 3px rgba(0,0,0,0.2);}
#ui120723 .box .article table .price {padding:10px 0;font-size:12px;line-height:14px;color:#fff;background:#520cd8;border-radius:10px;box-shadow:inset 1px 1px #2804bf;}
#ui120723 .box .article table .price strong	{display:block;color:#fff006;}
#ui120723 .box .article table .cash {padding:10px 0;font-size:12px;line-height:14px;color:#fff;background:#520cd8;border-radius:10px 10px 0 0;box-shadow:inset 1px 1px #2804bf;}
#ui120723 .box .article table .cash strong	{display:block;color:#fff006;}
#ui120723 .box .article table .btn {padding:0 0 10px;font-size:12px;line-height:14px;color:#fff;background:#520cd8;border-radius:0 0 10px 10px;box-shadow:inset 1px 0 #2804bf;}

@media only screen and (min-width:320px) and (max-width:399px)	{
#ui120723 .before p	{font-size:10px;}
#ui120723 .before p span	{padding-top:5px;font-size:9px;}
#ui120723 .after p	{font-size:11px;bottom:3.2%;}
#ui120723 .box h1	{font-size:18px;}
#ui120723 .box .article table .date span	{font-family:courier new;}
#ui120723 .box .article table .game img	{width:100%;}
#ui120723 .box .article table .btn img	{width:auto;height:11px;}
}

@media only screen and (min-width:400px) and (max-width:639px)	{
#ui120723 .before p	{font-size:13px;}
#ui120723 .before p span	{padding-top:5px;font-size:10px;}
#ui120723 .after p	{font-size:13px;bottom:3.5%;}
#ui120723 .box .article table .date span	{font-family:courier new;}
#ui120723 .box .article table .game img	{width:100%;}
#ui120723 .box .article table .btn img	{width:auto;height:11px;}
}