@charset "utf-8";
/* NHN (developers@xpressengine.com) */

/* Skip To Content */
a.skipToContent{display:block;position:relative;top:0;clear:both;overflow:hidden;height:0;text-decoration:none}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{height:auto;margin:0 0 10px 0;padding:5px}

/* Hr */
hr{display:none;position:absolute}

/* Container + Header + Body + Footer */
#container{position:relative;margin:0 20px}
#header{position:relative;zoom:1}
#header:after{content:"";display:block;clear:both}
#body{position:relative;zoom:1}
#body:after{content:"";display:block;clear:both}
#content{position:relative;text-align:justify;zoom:1}
#footer{position:relative;zoom:1;clear:both}
#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}

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

/* Top Navigation */
#header .navigation{position:relative;margin:0;overflow:hidden;float:right;clear:both}
#header .navigation:after{content:"";display:block;clear:both}
#header .navigation *{margin:0;padding:0}
#header .navigation h2{display:none}
#header .navigation li{position:relative;float:left;list-style:none;padding:0 5px}

/* Footer Navigation */
#footer .navigation{position:relative;padding:0}
#footer .navigation:after{content:"";display:block;clear:both}
#footer .navigation *{margin:0;padding:0}
#footer .navigation h2,
#footer .navigation h3{display:none}
#footer .navigation .section{text-align:center}
#footer .navigation ul{position:relative;overflow:hidden}
#footer .navigation li{display:inline;position:relative;list-style:none;padding:0 5px}

/* Neck */
#neck{position:relative;clear:both;zoom:1}/* overflow:hidden}*/
#neck .extension{margin-right:-30px;zoom:1}
#neck .extension:after{content:"";display:block;clear:both}
#neck .extension .section{position:relative;float:left;width:300px;margin-right:30px}
.liquid #neck .extension .section{width:30%;margin-right:3.3%}

/* Knee */
#knee{position:relative;clear:both;zoom:1}/* overflow:hidden}*/
#knee{padding-top:30px;border-top:1px solid}
#knee .extension{margin-right:-30px;zoom:1}
#knee .extension:after{content:"";display:block;clear:both}
#knee .extension .section{position:relative;float:left;width:300px;margin-right:30px}
.liquid #knee .extension .section{width:30%;margin-right:3.3%}

/* Extension */
.extension, .section{position:relative}
#body .extension{position:relative;display:none}
.extension.close{display:none}

/* ----- 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}