@charset "utf-8";
/* Zero PLUS (http://cafe.naver.com/0zeroplus */


/* Ŭ���� ��������*/
a { selector-dummy : expression(this.hideFocus=true);} 


/* ��� �ΰ� + ��� �α��� + �� �޴� */
#TopBox {
	width:150px;
    height:20px;
	margin:0 auto;
}

/* �ΰ� �ڽ� */
#logoBox {
    width:100x;
    height:20px;
	margin-left:0px;
	margin-top:2px;
    text-align:left;
    float:left;
    overflow:hidden;
}

/* �������� + ȸ������ + ���..*/
#QuickMenuBox {
    width:10px;
    height:30px;
	margin-top:5px;
    text-align:center;
    float:right;
}

/* 1�� �޴� �ڽ� */
#MenuBox {
	margin:0 auto;
    width:900px;
    height:20px;
	margin-left:2px;
	margin-bottom:5px;
    float:left;
}



/* ȸ�� �޴� �ڽ� */
#Menu2Box {
	margin:0 auto;
    width:500px;
    height:25px;
}


/* ���� ���� */
#contentBox {
    width:900px;
	margin:0 auto;
	margin-top:16px;
    overflow:hidden;
}

#ContentLeftBox {
	width:150px;
	float:left;
}

#ContentMainBox {
	width:900px;
	float:left;
    overflow:hidden;
	margin-top:1px;
	margin-right:1px;
}




/* ��� �޴� ���� �� ���õ� ��ư ��Ÿ�� */
#menuBox {
    padding:0;
    list-style:none;
    clear:both;
    padding:0px 0px 5px 5px;
    float:left;
}

#menuBox .menuItem {
    margin-left:2px;
    float:left;
    padding:0px 0px 0px 0px;
    cursor:pointer;
}

#menuBox .menuItem .menuLeftBG {
    width:5px;
    height:25px;
    padding:0px 0px 0px 0px;
    float:left;
}

#menuBox .itemOn .menuLeftBG {
}

#menuBox .itemOff .menuLeftBG {
}

#menuBox .menuItem .menuText {
    height:25px;
    white-space:nowrap;
    text-align:left;
    font-family: Dotum;
    font-size:8pt;
    font-weight:bold;
    padding:0px 10px 0px 0px;
    float:left;
}

#menuBox .itemOn .menuText {
}

#menuBox .itemOn .menuText a {
}

#menuBox .itemOff .menuText {
}

#menuBox .itemOff .menuText a {
}

#menuBox .menuItem .menuRightBG {
}

#menuBox .itemOn .menuRightBG {
}

#menuBox .itemOff .menuRightBG {
}

/* Site Layout - Header ���콺���� 2���޴� ����*/
.gnb_sub { position:absolute; padding-left:5px; top:115px; height:24px; margin:0px; overflow:hidden; font-weight:bold; text-decoration:none; }
.gnb_sub li { float:left; list-style:none; padding-bottom:9px; position:relative; padding-left:2px; left:-2px; sans-serif; white-space:nowrap; text-decoration:none; font-weight:bold;}
.gnb_sub li a { display:block; float:left; padding:6px 15px 0 15px; height:17px; color:#8b8b8b; vertical-align:middle; white-space:nowrap; text-decoration:none;}
.gnb_sub li a:hover,
.gnb_sub li a:focus {color:#9fb763; font-weight:bold; text-decoration:none; }
.gnb_sub li.on a { color:#9fb763; font-weight:bold; text-decoration:none;}














/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#footer address{ text-align:center;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}