@charset "utf-8";
body{margin:0}

/* 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.cafeXeHr{ display:none; position:absolute;}

/* Container + Header + Body + Footer */
#cafeXeContainer{ position:relative; margin:0 20px; *zoom:1;}
#cafeXeHeader{ position:relative; padding:20px 0 10px; border-bottom:3px solid; *zoom:1; z-index:100;}
#cafeXeHeader:after{ content:""; display:block; clear:both;}
#cafeXeBody{ position:relative; padding-top:20px; padding-bottom:20px; *zoom:1;}
#cafeXeBody:after{ content:""; display:block; clear:both;}
#cafeXeContent{ position:relative; margin-bottom:20px; text-align:justify;}
#cafeXeFooter{ position:relative; padding:10px 0; border-top:1px solid; *zoom:1; z-index:100;}
#cafeXeFooter address{ text-align:center;}

/* Layout Width */
.cafeXeFixed #cafeXeContainer{ width:960px; margin-left:auto; margin-right:auto;}
.cafeXeLiquid #cafeXeContainer{ width:80%; margin-left:auto; margin-right:auto;}
.cafeXeHybrid #cafeXeContainer{ width:80%; margin-left:auto; margin-right:auto;}

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

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

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

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

/* Knee */
#cafeXeKnee{ position:relative; clear:both; *zoom:1;}
#cafeXeKnee{ padding-top:30px; border-top:1px solid;}
#cafeXeKnee .cafeXeExtension{ margin-right:-30px; *zoom:1;}
#cafeXeKnee .cafeXeExtension:after{ content:""; display:block; clear:both;}
#cafeXeKnee .cafeXeExtension .cafeXeSection{ position:relative; float:left; width:300px; margin-right:30px;}
.cafeXeLiquid #cafeXeKnee .cafeXeExtension .cafeXeSection{ width:30%; margin-right:3.3%;}

/* Extension */
.cafeXeExtension, 
.cafeXeSection{position:relative; *zoom:1;}
#cafeXeBody .cafeXeExtension{ position:relative; display:none; margin-bottom:20px;}
.cafeXeExtension .cafeXeSection{ margin-bottom:20px;}

/* ----- Fixed 2 Column Layout ----- */
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ width:220px;}
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent{ width:720px;}
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent{ float:left;}
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ width:23%;}
.cafeXeLiquid .cafeXeCE #cafeXeBody #cafeXeContent,
.cafeXeLiquid .cafeXeEC #cafeXeBody #cafeXeContent{ width:75%;}
.cafeXeLiquid .cafeXeCE #cafeXeBody #cafeXeContent{ float:left;}
.cafeXeLiquid .cafeXeEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}
.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right;}
.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.cafeXeHybrid .cafeXeCE #cafeXeBody{ padding-right:280px;}
.cafeXeHybrid .cafeXeEC #cafeXeBody{ padding-left:280px;}
.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ width:260px;}
.cafeXeHybrid .cafeXeCE #cafeXeBody #cafeXeContent{ float:left; width:100%;}
.cafeXeHybrid .cafeXeEC #cafeXeBody #cafeXeContent{ float:right; width:100%;}
.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}
.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE2,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:200px;}

.cafeXeFixed .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeECE #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeEEC #cafeXeBody #cafeXeContent{ width:520px;}

.cafeXeFixed .cafeXeCEE #cafeXeBody #cafeXeContent{ float:left; margin-right:20px;}
.cafeXeFixed .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%; left:220px;}
.cafeXeFixed .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; margin-right:20px;}

.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left;}

.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE2,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:20%;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeLiquid .cafeXeECE #cafeXeBody #cafeXeContent,
.cafeXeLiquid .cafeXeEEC #cafeXeBody #cafeXeContent{ width:56%;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody #cafeXeContent{ float:left; margin-right:2%;}
.cafeXeLiquid .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%; left:22%;}
.cafeXeLiquid .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; margin-right:2%;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left;}

.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE2,
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:220px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody{ padding-right:480px;}
.cafeXeHybrid .cafeXeECE #cafeXeBody{ padding-left:240px; padding-right:240px;}
.cafeXeHybrid .cafeXeEEC #cafeXeBody{ padding-left:480px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeHybrid .cafeXeECE #cafeXeBody #cafeXeContent,
.cafeXeHybrid .cafeXeEEC #cafeXeBody #cafeXeContent{ width:100%;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeHybrid .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%;}
.cafeXeHybrid .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}

.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left; left:-240px; margin-right:-220px;}
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; left:-480px; margin-right:-220px;}

.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE2{ float:right; left:240px; margin-left:-220px;}
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE2{ float:right; left:480px; margin-left:-220px;}
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Common */
.cafeXe{ margin:0; font-family:AppleGothic, Sans-serif;}
.cafeXe a{ text-decoration:none;}
.cafeXe a:hover,
.cafeXe a:active,
.cafeXe a:focus{ text-decoration:underline;}
.cafeXe img{ border:0;}
.cafeXe sup,
.cafeXe sub{ line-height:1;}
.cafeXeAddress{ font-style:normal;}

/* Heading */
#cafeXeBody h2.cafeXeBodyH2{ margin:0; padding-bottom:5px; font-size:16px; border-bottom:2px solid;}
#cafeXeBody h2.cafeXeExtensionH2{ margin:0; padding-bottom:5px; font-size:16px; border-bottom:2px solid;}
#cafeXeKnee h2.cafeXeExtensionH2{ position:relative; margin:0; font-size:12px; padding-bottom:5px; border-bottom:2px solid;}

/* Container */
.cafeXeFixed #cafeXeContainer{ width:auto;}

/* Header */
.cafeXeFixed .cafeXeEC #cafeXeHeader,
.cafeXeFixed .cafeXeCE #cafeXeHeader{ border:0; padding:20px 0 0 0;}
.cafeXeFixed .cafeXeEC #cafeXeHeader .cafeXeHeader,
.cafeXeFixed .cafeXeCE #cafeXeHeader .cafeXeHeader{ position:relative; width:960px; margin:0 auto; padding-bottom:30px;}
.cafeXeFixed .cafeXeEC #cafeXeHeader h1.cafeXeH1,
.cafeXeFixed .cafeXeCE #cafeXeHeader h1.cafeXeH1{ margin:0;}
.cafeXeFixed .cafeXeEC #cafeXeHeader h1.cafeXeH1 a,
.cafeXeFixed .cafeXeCE #cafeXeHeader h1.cafeXeH1 a{ text-decoration:none;}
.cafeXeFixed .cafeXeEC #cafeXeHeader .cafeXeUrl,
.cafeXeFixed .cafeXeCE #cafeXeHeader .cafeXeUrl{ margin:0;}
.cafeXeFixed .cafeXeEC #cafeXeHeader .cafeXeUrl a,
.cafeXeFixed .cafeXeCE #cafeXeHeader .cafeXeUrl a{ font:10px Tahoma;}

/* Body */
.cafeXeFixed .cafeXeEC #cafeXeBody,
.cafeXeFixed .cafeXeCE #cafeXeBody{ width:740px; margin:0 auto; padding-top:40px;}
.cafeXeFixed .cafeXeEC #cafeXeBody{ padding-left:220px;}
.cafeXeFixed .cafeXeCE #cafeXeBody{ padding-right:220px;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ width:180px;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ left:-220px; margin-right:-180px;}
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ right:-220px; margin-left:-180px;}
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent{ width:100%;}
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent .cafeXeSection,
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent .cafeXeSection{ margin-bottom:40px; *zoom:1;}

/* Knee */
.cafeXeFixed .cafeXeEC #cafeXeKnee,
.cafeXeFixed .cafeXeCE #cafeXeKnee{ padding:30px 0; border:0;}
.cafeXeFixed .cafeXeEC #cafeXeKnee .cafeXeExtension,
.cafeXeFixed .cafeXeCE #cafeXeKnee .cafeXeExtension{ left:14px; _left:28px; width:988px; margin:0 auto;}
.cafeXeFixed .cafeXeEC #cafeXeKnee .cafeXeExtension .cafeXeSection,
.cafeXeFixed .cafeXeCE #cafeXeKnee .cafeXeExtension .cafeXeSection{ width:219px; margin-right:28px;}

/* Footer */
.cafeXeFixed .cafeXeEC #cafeXeFooter,
.cafeXeFixed .cafeXeCE #cafeXeFooter{ padding:30px 0; border:0;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter{ position:relative; width:960px; margin:0 auto; *zoom:1; font:10px Tahoma;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter a,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter a{ text-decoration:none;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter:after,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter:after{ content:""; display:block; clear:both;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter address,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter address{ float:left;}