﻿/* 플래시 파일 */
div.swf_Main
{
}
/* 플래시 파일 // */

/* 폼 검사 */
fieldset { 
    border:none; 
    padding:3px; 
    margin:2px; 
} 
.required { 
    background-color:#F0F0F0; 
} 
.required label{ 
    color:#9E3D2F; 
} 
label { 
    display:block; 
    width:120px; 
    font-weight:bold; 
    float:left; 
    font-size:12px; 
    font-family:"Gulim", 굴림; 
    text-align:left; 
} 
.input_short { 
    width:200px; 
} 

/* 폼 검사// */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.orangeline {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fe5900;
}

.style1 {
	font-size: small
}

.pinkline {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ffcdb2;
}
.redline {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
}
.form1 {
	font-family: "돋움";
	font-size: 11px;
	color: #fe5900;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
}
.form2 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #727171;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
}
.form3 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: bold;
	color: #fe5900;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ffcdb2;
}
.form4 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #727171;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ffcdb2;
}
.form5 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #727171;
}
.redfontb {
	color: #fd0000;
	font-weight: bold;
	font-size: 11px;
	font-family: "돋움";
}

/*----------------------------------------------------------
FONT 관련 CSS
----------------------------------------------------------*/
.orangefont {
	font-size: 11px;
	color: #fe5900;
	font-weight: bold;
	font-family: "돋움";
	line-height: 20px;
}
.grayfont {
	font-size: 11px;
	color: #727171;
	line-height: 20px;
	font-family: "돋움";
}

/*----------------------------------------------------------
CEO - History
----------------------------------------------------------*/
.hisform1 {
	font-family: "돋움";
	font-size: 11px;
	color: #fd0000;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
}
.hisform2 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #727171;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
}
.hisform3 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #fd0000;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cdcdcd;
}
.hisform4 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #727171;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cdcdcd;
	line-height: 15px;
}
.hisform5 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: normal;
	color: #727171;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
	line-height: 15px;
}

/*----------------------------------------------------------
GAMES - WARROCK
----------------------------------------------------------*/
.ghisform1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #fd0000;
	font-family: "돋움";
	font-size: 11px;
	font-weight: bold;
	color: #727171;
}
.ghisform2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cdcdcd;
	font-family: "돋움";
	font-size: 11px;
	font-weight: bold;
	color: #727171;
}
.ghisform3 {
	font-family: "돋움";
	font-size: 11px;
	font-weight: bold;
	color: #727171;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #cdcdcd;
	border-right-color: #cdcdcd;
	border-bottom-color: #cdcdcd;
	border-left-color: #cdcdcd;
}

/*----------------------------------------------------------
GAMES - JINDO
----------------------------------------------------------*/
.gline {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cdcdcd;
}
.gform1 {
	color: #fd0000;
	font-weight: bold;
	font-size: 11px;
	font-family: "돋움";
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cdcdcd;
}
.gform2 {
	color: #727171;
	font-size: 11px;
	font-family: "돋움";
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #cdcdcd;
}
.gform3 {
	color: #727171; 
	font-size: 11px; font-family: "돋움"; 
	border-top-width: 1px; 
	border-top-style: solid; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 
	border-top-color: #cdcdcd; 
	font-weight: bold; 
}

/*----------------------------------------------------------
FORUM - 게시판
----------------------------------------------------------*/
.txt01
{
    font-family : Verdana, 돋움;
    font-size : 11px;
    color : slategray;
}

.input
{
    font-family : Verdana, 돋움;
    font-size : 11px;
    color : slategray;
    border : 1px solid gray;
} 

td
{
	font-family:verdana;
	font-size:11px;
}

.list_sep    { background-color:#e3e3e3; height:1px; }

.EllipsText 
{ 
	text-overflow : ellipsis; 
	overflow-x : hidden; 
}

.ForumList
{
	padding:0;
	background-color:White;
	border-width:1px;
	border-style:None;
	border-collapse:collapse; 
	table-layout:fixed;
}


/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

a:link
{
    color: #4c4c4c;
    text-decoration: none;
}
a:visited
{
    color: #4c4c4c;
    text-decoration: none;
}
a:hover
{
    color: #f35a02;
    text-decoration: none;
}
a:active
{
    color: #f35a02;
    text-decoration: none;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
	position: relative;
	background:#FFF url(/ClientUI/Images/bg_headerline.gif) repeat-x 0 100%;
	z-index:1;
}

#sub_header
{
	position: relative;
	background:#FFF url(/ClientUI/Images/s_flash_bg.jpg) repeat-x 0 100%;
	z-index:1;
}

p#logo, h1#logo
{
    font-weight: bold;
    font-size: 24px !important;
    padding: 10px 0;
    margin: 0;
    color: #FFF;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
}

#logo a
{
    color: #FFF;
    text-decoration: none;
    font-size: 32px !important;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #FFF;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 5px 0 0 0;    
    margin-left: 222px;
    line-height: normal;
    clear: both;
}

#footer p
{
    padding: 5px 0;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #FFF;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #FFF;
    color: #000;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

ul.productlist
{
    list-style-type: none;
}

ul.productlist li
{
    margin-bottom: 10px;
    clear:both;
}

ul.productlist div
{
    margin-left: 10px;
    float:left;
}

.error
{
    color: #c00;
}

label.error + td input {
    border: solid 1px #c00;   
}
