/*
	글자크기 : pt로 처리 할것.
			
*/
html, body {height: 100%;}		
body { margin:0; padding:0; }
body, table, th, td, select, input, textarea, form, a, p, blockquote, li, dd, dt { color:#323232; font-family:Arial, Verdana; font-size:9pt; line-height:150%; }
em, cite, address, dfn, var { font-style:normal; }
dl, ul, ol { list-style:none; margin:0px; }
table, img, form, p, div, ul, ol, li, dl, dt, dd, fieldset { margin:0px; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
legend { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; display:none; font-size:0; line-height:0; } 
hr, caption { display:none; }
img { border:0; }

h1, h2, h3, h4 { margin:0; padding:0; line-height:120%; }

a { text-decoration:none; color:inherit; }
a:hover { text-decoration:underline; }
a:active { }
a:focus { outline:none; }
a.no:hover { text-decoration:none; }
select:focus { outline:none; }
		
a.inline { display:inline-block; width:100%; height:100%; text-indent:-10000px; }
.borderall { border:1px solid #c8c8c8; } /*** editable : border color ***/
.show { display:block; }
.hide { display:none; }
		
/***** Bottom Background Image *****/
/*.bottombg { position:absolute; left:0; bottom:0; width:100%; height:500px; z-index:-10; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/page_bottom.jpg) center bottom no-repeat; background-color:gray; opacity:0.5; }*/
		
/***** Containers *****/
.page {  float:left; width:100%; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/common/page_160509.jpg) top center no-repeat; } /*** editable : bgimage ***/
.body { position:relative; width:1080px; margin:0 auto; }
.foot { clear:left; width:100%; }
.foot p { width:100%; height:1px; border-top:1px solid #c8c8c8; }
.foot .seo { margin:0 auto; padding:30px 0 10px 0; width:1040px; text-align:justify; }
.foot .seo .keyword { margin-bottom:40px; width:100%; text-align:center; }
.foot .seo a { text-decoration:underline; }
.foot .corpinfo { margin:0 auto; padding:30px 0 10px 0; width:1080px; text-align:center; color:#646464; }
.foot .corpinfo a { color:#646464; margin:0 8px; }
.foot .company { margin:0 auto; width:1080px; }
.foot .company li { float:left; padding:25px 0 60px 0; width:50%; }


.header, .maintop, .maincontent, .container { float:left; width:100%; } 
.maincontent, .container { background-color:#ffffff; } /*** editable : bgcolor ***/
.header { position:relative; height:316px; } /*** editable : height ***/
.maintop { height:250px; } /*** editable : height ***/
.maincontent { padding-top:20px; } 

.header .logo {width:410px; height:128px; position:absolute; top:20px; left:50%; margin:0 0 0 -205px;} /*** editable : logo position & size ***/
.header .logo a.inline{display:block; width:410px; height:128px; text-indent: -10000px; background:url('//onnetus.gamescampuscdn.com/ImageWeb/shotonline/common/ico_shotonline.png') no-repeat 50% 0;}
.header .mnb { position:absolute; left:0; bottom:0; width:100%; height:90px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb.png) no-repeat; } /*** editable : bgimage ***/

.left { float:left; min-height:500px; }
.left>div { clear:left; float:left; margin:15px 10px 0 20px; width:250px; }
.left>div[class="loginbox"] { margin:0; width:270px; }
.left>div:first-child { margin-top:0px; }
.left .title { width:100%; height:36px; }
.contents { float:left; margin:20px 20px 20px 10px; padding:20px; width:728px; background-color:#fff; } /*** editable : min-height ***/
.forum_contents { margin-left:20px; padding:20px 18px; width:1002px; }
.contents .banner { width:100%; height:90px; overflow:hidden; }
.contents .title { margin:15px 0 10px 0; width:100%; height:49px; border-bottom:1px solid #c8c8c8; }
.forum_contents .title { margin-top:-5px; }

/***** Main Navigation Bar *****/
div.mnb div:first-child { position:relative; margin-top:15px; width:100%; height:60px; z-index:100; } /* editable : margin-top, height */
div.mnb .menu { float:left; width:118px; height:60px; cursor:pointer; opacity:0.5; } /* editable : width, height */
div.mnb .menu a { display:inline-block; width:100%; height:100%; }
div.mnb #mnb0 { margin-left:48px; } /* editable : margin-left */
div.mnb #mnb1 { }
div.mnb #mnb2 { }
div.mnb #mnb3 { margin:0 24px 0 31px; width:216px; } /* editable : width, margin */
div.mnb #mnb4 { width:106px; } /* editable : width */
div.mnb #mnb5 { width:136px; } /* editable : width */
div.mnb #mnb6 { }

div.mnb div.submenu { position:absolute; z-index:10; top:7px; } /* editable : position(top) */
div.mnb div.mnb_2 { width:148px; height:102px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_2.png) no-repeat; } /* editable : width, height, bgimage */
div.mnb div.mnb_3 { width:148px; height:130px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_3.png) no-repeat; } /* editable : width, height, bgimage */
div.mnb div.mnb_4 { width:148px; height:158px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_4.png) no-repeat; } /* editable : width, height, bgimage */
div.mnb div.mnb_5 { width:148px; height:186px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_5.png) no-repeat; } /* editable : width, height, bgimage */
div.mnb div.mnb_6 { width:148px; height:214px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_6.png) no-repeat; } /* editable : width, height, bgimage */
div.mnb div.mnb_7 { width:148px; height:242px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_7.png) no-repeat; } /* editable : width, height, bgimage */

div.mnb div#mnb1sub { left:151px; } /* editable : position(left) */
div.mnb div#mnb2sub { left:268px; } /* editable : position(left) */
div.mnb div#mnb4sub { left:651px; } /* editable : position(left) */
div.mnb div#mnb5sub { left:772px; } /* editable : position(left) */
div.mnb div#mnb6sub { left:902px; } /* editable : position(left) */

div.mnb div.submenu div.top { width:132px; }
div.mnb div.subtit { margin:6px 0 0 18px; width:112px; height:34px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/mnb_titles.png) no-repeat; }
div.mnb div#mnb1sub div.top { background-position:0 0; }
div.mnb div#mnb2sub div.top { background-position:0 -34px; }
div.mnb div#mnb4sub div.top { background-position:0 -68px; }
div.mnb div#mnb5sub div.top { background-position:0 -102px; }
div.mnb div#mnb6sub div.top { background-position:0 -136px; }
div.mnb div.submenu div.top { width:112px; height:34px; }
div.mnb div.submenu div.top a { display:inline-block; width:100%; height:100%; }
div.mnb div.submenu ul { list-style-type:none; margin:0; margin:1px 0 0 8px; }
div.mnb div.submenu ul li { float:left; margin-left:8px; width:116px; height:28px; line-height:27px; }
div.mnb div.submenu ul li a { display:inline-block; width:100%; height:100%; line-height:27px; color:#c8c8c8; margin-left:6px; }
div.mnb div.submenu ul li.selected a, div.mnb div ul li a:hover { color:#3b9710; text-decoration:underline; } /* editable : color */

		
/* Login Box */
.loginbox { float:left; width:270px; height:250px; overflow:hidden; background-color:#243c2e; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/signbox.png) no-repeat; }  /*** editable : bgcolor ***/
.loginbox form { position:relative; margin:20px 20px 0; width:230px; height:83px; border:none; color:#c8c8c8; }  /*** editable : text color ***/
.loginbox fieldset { border:none; }
.loginbox label { float:left; margin-left:5px; margin-top:5px; line-height:120%; }
.loginbox input { clear:left; float:left;  }
.loginbox input[name=uid], .loginbox input[name=pwd] { margin-bottom:5px; width:133px; height:21px; color:#459363; border:1px solid #4a6053; text-indent:5px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/signinput.png) no-repeat #0e2b19; }  /*** editable : text color, bgcolor, border color ***/
.loginbox input[name=uid] { background-position:0 0; } 
.loginbox input[name=pwd] { background-position:0 -23px; }
.loginbox input[name=rememberme] { float:left; padding:0; margin-top:5px; margin-left:0; clear:both; }
.loginbox input[name=singin] { position:absolute; top:0px; right:0px; width:85px; height:55px; }
.loginbox input[name=singout] { position:absolute; top:0px; right:10px; width:85px; height:55px; }
.loginbox input[name=signup] { margin-top:9px; width:270px; height:100px; cursor:pointer; }
.loginbox input[name=addcc] { margin-top:13px; width:270px; height:100px; cursor:pointer; }
.loginbox label { width:150px; }
.loginbox .useract { margin-left:20px; height:19px; text-indent:20px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/useract.png) left no-repeat; } /*** editable : bgimage ***/
.loginbox .useract a { line-height:19px; color:#c8c8c8; }  /*** editable : text color ***/
.loginbox .useract a b { color:#3b9710; text-decoration:underline; }  /*** editable : text color ***/
.loginbox .useract span { float:right; margin-right:20px; color:#cbc825; font-weight:bold; text-decoration:underline; } /*** editable : bgimage ***/
.loginbox div { position:relative; margin:20px 10px 13px 10px; padding:0 10px; width:230px; height:65px; border-bottom:1px solid #395143; color:#c8c8c8; }  /*** editable : text color, border color. ***/ 
.loginbox div p { float:left; margin-top:4px; width:145px; line-height:17px; color:#cbc825; font-weight:bold; }  /*** editable : text color ***/ 
.loginbox div p span { color:#c9c9c9; font-weight:normal; }  /*** editable : text color ***/ 
/* Login Box. End */

/* Sub Menu */
.left .submenu .title { width:100%; height:40px; }
.left .submenu ul { float:left; list-style:none; border:1px solid #c8c8c8; border-top:none; }
.left .submenu ul li { clear:left; float:left; margin:0 1px; width:246px; height:34px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/sub_bullet.png) left no-repeat; border-top:1px solid #dcdcdc; }
.left .submenu ul li:first-child { border-top:none }
.left .submenu ul li a { width:100%; height:100%; line-height:34px; text-indent:23px; color:#4b4b4b; font-size:10pt; font-weight:bold; display:inline-block; vertical-align:top; }
.left .submenu ul li.selected a { color:#3b9710; }
/* Sub Menu. End */

/* Ranking */  /*** editable : Totaly ***/
.left .ranking { width:100%; }
.left .ranking .title { background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/title/main_ranking.png) top left no-repeat; } /*** editable : bgimage ***/
.left .ranking_side { float:left; }
.left .ranking_side li { clear:left; width:100%; }
.left .ranking_side li:nth-child(even) p { background-color:#f2f2f2; }
.left .ranking_side li p { float:left; height:34px; line-height:35px; overflow:hidden; }
.left .ranking_side li p img { float:left; margin:7px 10px 0 0; }
.left .ranking_side li .num { width:34px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/bg/rankingnumber.png) no-repeat transparent; }
.left .ranking_side li .name { width:174px; color:#3c980f; }
.left .ranking_side li .score { text-align:center; width:40px; color:#323232; }
.left .ranking_side li .num1 { background-position:0 0; }
.left .ranking_side li .num2 { background-position:-31px 0; }
.left .ranking_side li .num3 { background-position:-62px 0; }
.left .ranking_side li .num4 { background-position:-93px 0; }
.left .ranking_side li .num5 { background-position:-124px 0; }
.left .ranking_side li .num6 { background-position:-155px 0; }
.left .ranking_side li .num7 { background-position:-186px 0; }
.left .ranking_side li .num8 { background-position:-217px 0; }
.left .ranking_side li .num9 { background-position:-248px 0; }
.left .ranking_side li .num10 { background-position:-279px 0; }
.left .ranking_side .top { float:left; width:100%; margin:7px; }
.left .ranking_side select { width:234px; height:25px; line-height:25px; }		
.left .ranking_side .server_sel { float:right; width: 85px; margin-right:10px; height:25px; line-height:25px; }	
.left .ranking_side .server_sel span { cursor:pointer; line-height:25px; }	
.left .ranking_side .server_sel .selected { font-weight:bold; }	

/* Ranking. End */

/* Buttons */
.btn_buyit { float:left; margin:0; padding:0; width:75px; height:25px; line-height:25px; color:#fff; font-weight:bold; text-align:center; background-color:#d56e4d; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 2px 0px #e5e5e5; -webkit-box-shadow:0px 2px 0px #e5e5e5; box-shadow:0px 2px 0px #e5e5e5; } /*** editable : size, text color, bgcolor, shadow color ***/
.btn_normal { float:left; margin-left:10px; width:75px; height:25px; line-height:25px; color:#fff; font-weight:bold; text-align:center; background-color:#3c970e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 2px 0px #e5e5e5; -webkit-box-shadow:0px 2px 0px #e5e5e5; box-shadow:0px 2px 0px #e5e5e5; } /*** editable : size, text color, bgcolor, shadow color ***/
.btn_cancel { float:left; margin-left:10px; width:75px; height:25px; line-height:25px; color:#fff; font-weight:bold; text-align:center; background-color:#a8a8a8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 2px 0px #e5e5e5; -webkit-box-shadow:0px 2px 0px #e5e5e5; box-shadow:0px 2px 0px #e5e5e5; } /*** editable : size, text color, bgcolor, shadow color ***/
.btn_upload { float:left; margin-left:20px; width:85px; height:20px; line-height:20px; color:#fff; font-weight:bold; text-align:center; background-color:#a8a8a8; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 2px 0px #e5e5e5; -webkit-box-shadow:0px 2px 0px #e5e5e5; box-shadow:0px 2px 0px #e5e5e5; } /*** editable : size, text color, bgcolor, shadow color ***/
/* Buttons. End */


div.description { float:left; margin-top:10px; padding:10px; width:710px; height:auto; }
div.description h4 { margin:15px 0 10px 0; color:#3c9813; font-weight:bold; font-size:10pt; }
div.description h4:first-child { margin-top:0; }
div.description .screenshot { margin-top:10px; }
div.description .screenshot li { clear:none; float:left; margin-left:15px; width:222px; height:134px; padding:1px; }
div.description .screenshot li:first-child { margin-left:0; }
div.description .screenshot li img { width:222px; height:134px; }
div.description h2 { font-size:18px; font-weight:bold; }
div.description p { margin:15px 0; line-height:18px; }
div.description p span { font-weight:bold; color:#3b980c; }

.pop_wrap { display:none; position:relative; margin:0 auto; width:987px; }
.pop { position:absolute; top:1000px; left:257px; width:471px; height:614px; border:1px solid #5b9d82; background:#ffffff url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/signup/bg_top.gif) top center repeat-x; z-index:11; }
.pop .close { position:absolute; top:7px; right:10px; width:20px; height:20px; cursor:pointer; z-index:12; background:url(//onnetus.gamescampuscdn.com/ImageWeb/gamescampus/signup/btn_close.gif) no-repeat; }
.pop span.title { margin-left:15px; height:35px; line-height:35px; color:#ffffff; font-size:14px; font-weight:bold; }
.pop .pop_bg { margin:11px; background-color:#ebebeb; width:447px; height:555px; }
.pop .pop_body { float:left; margin:5px; background-color:#FFFFFF; width:435px; height:543px; overflow:hidden; border:1px solid #c8c8c8; }
.pop .pop_body .info { width:100%; min-height:127px; margin:0; margin-bottom:10px; padding:0px; overflow:hidden; border-bottom:1px solid #C8C8C8; background-color:#F5F5F5; }
.pop .pop_body .info div { margin:20px 0 20px 20px; line-height:normal; }
.pop .pop_body .signbox { clear:left; float:left; margin-top:5px; margin-left:20px; width:395px; height:185px; }
.pop .pop_body .signbox h1 { font-size:12px; margin:0px; color:#359c17; }
.pop .pop_body .signbox h1 a { font-size:12px; margin:0px; color:#359c17; text-decoration:underline; }
.pop .pop_body .signbox form input { width:393px; height:28px; line-height:28px; margin-bottom:10px; border:1px solid #d3d3d3; background:#f0f0f0; text-indent:10px; }
.pop .pop_body .signbox form textarea { clear:left; margin-top:10px; padding:10px; width:373px; height:200px; border:1px solid #d3d3d3; background:#f0f0f0; }
.pop .pop_body .signbox form input.btnsign { margin:19px 0 0 147px; width:100px; height:36px; color:#FFFFFF; font-weight:bold; background:url(//onnetus.gamescampuscdn.com/ImageWeb/common/button/sign.gif) no-repeat; border:none; cursor:pointer; font-size:13px; text-indent:0; letter-spacing:normal; }

/* Social Links */
.left .social .title { background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/title/comm_facebook.png) top left no-repeat; }  /*** editable : bgimage ***/
.left .social_content { padding-left:9px; width:240px; overflow:hidden; } /*** editable : size ***/
.left .social_content>div.fb-like-box { height:255px; overflow:hidden; margin:11px 0 20px 0; }
.left .social_link { width:100%; min-height:100px; }
/* Social Links. End */


/* 연령 등급 마크 */
/* #53309 20240617 푸터 연령 등급 추가 start */

.foot .company {
	margin: 0 auto;
	width: 1080px;
	display: flex;
	height: 114px;
	justify-content: center;
	align-items: center;
}

.foot .company li {
	width: calc(50% - 184px);
	padding: 0;
}

.foot .company li > a {
	display: block;
}

.foot .company li > a > img {
	display: block;
	width: 100%;
}

.foot .company .footer-age {
	border: solid 2px #cbcbcb;
	margin: 20px 0;
	box-sizing: border-box;
	border-radius: 10px;
	width: 368px;
}

.foot .company .footer-age > img {
	width: 100%;
	margin: auto;
	display: block;
}

/* #53309 20240617 푸터 연령 등급 추가 end */