@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("./common/js/iePngFix.htc"); } 
.zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; overflow:hidden; }

.zbxe_widget_output { background:url("/zbxe/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/zbxe/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/zbxe/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/zbxe/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/zbxe/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/zbxe/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/zbxe/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/zbxe/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/zbxe/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}


#memberModule h3 {border-bottom:2px solid #ccc; padding:5px 0 5px 25px; margin:0 0 10px 0; background:url("/zbxe/modules/member/skins/default/img/iconH2.gif") no-repeat left center; font-size:12px; color:#666; }
#memberModule h4 {padding:5px 0 5px 20px; background:url("/zbxe/modules/member/skins/default/img/iconH3.gif") no-repeat left center;}
#memberModule h4 span.vr { font-size:11px; color:#AAA; }
#memberModule h4 a.view { font-size:11px; font-family:vertical; color:#777e86; }
#memberModule p.summary, 
#memberModule div.infoText { margin:0 0 15px 0; line-height:1.6;}
#memberModule p.summary{ color:#888;}
#memberModule p.summary a { text-decoration:none; color:#888; }
#memberModule p.summary.red { color:#A54D4D; }
#memberModule p.summary.red a { text-decoration:none; color:#A54D4D; }
#memberModule div.infoText { color:#888;}

#memberModule .agreementBox { border:1px solid #CCC; margin:10px 0 0 0; padding:10px; border-bottom:none; height:200px; overflow-y:scroll;}
#memberModule .agreementButton { background-color:#EFEFEF; padding:10px; border:1px solid #CCC; border-top:none; margin-bottom:10px;}

#memberModule .localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; }
#memberModule .localNavigation:after {content:""; display:block; clear:both;}
#memberModule .localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
#memberModule .localNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url("/zbxe/modules/member/skins/default/img/bgTab.gif") repeat-x;}
#memberModule .localNavigation li a{ text-decoration:none !important; color:#666;}
#memberModule .localNavigation li.active a{ font-weight:bold; color:#1e6aac;}
#memberModule .localNavigation li.on { margin-bottom:-1px;}
#memberModule .localNavigation li.on a{ height:19px; background:none;}

#memberModule .layer { display:none; position:absolute; border:2px solid #777; margin:0; font-size:12px; background:#fff;}
#memberModule .layer * { margin:0; padding:0; font-size:12px; }
#memberModule .layer h4 { font-size:14px !important; font-family:Dotum; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; }
#memberModule .layer .xButton { position:absolute; top:9px; right:9px; width:15px; height:14px; background-color:transparent; background:url("/zbxe/modules/member/skins/default/img/buttonClose.gif") no-repeat; border:0; cursor:pointer; overflow:hidden; }
#memberModule .layer .xButton span { position:relative; z-index:-1; visibility:hidden; }
#memberModule .layer .layerBody{ margin:15px;}

#memberModule .crossTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .crossTable th div { white-space:nowrap; }
#memberModule .crossTable th,
#memberModule .crossTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .crossTable thead th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background-image:url("/zbxe/modules/member/skins/default/img/lineVrText.gif"); background-repeat:no-repeat; background-position:left center;}
#memberModule .crossTable thead th:first-child{ background-image:none;}
#memberModule .crossTable tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;}
#memberModule .crossTable td{ border-bottom:1px solid #f0f0f0;}

#memberModule .colTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .colTable th div { white-space:nowrap; }
#memberModule .colTable th,
#memberModule .colTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .colTable th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background:#f4f4f4; background-image:url("/zbxe/modules/member/skins/default/img/lineVrText.gif"); background-repeat:no-repeat; background-position:left center;}
#memberModule .colTable th:first-child{ background-image:none;}
#memberModule .colTable td{ border-bottom:1px solid #f0f0f0;}

#memberModule .rowTable{ width:100%; border:0; border-top:2px solid #cfcfcf; margin:0 0 20px 0; padding:0;}
#memberModule .rowTable th div { white-space:nowrap; }
#memberModule .rowTable th,
#memberModule .rowTable td{ border:0; padding:10px 10px; text-align:left; vertical-align:top; font-weight:normal;}
#memberModule .rowTable tbody th{ border-bottom:1px solid #e5e5e5;}
#memberModule .rowTable td{ border-bottom:1px solid #e5e5e5;}

#memberModule .rowTable th.button, 
#memberModule .colTable th.button, 
#memberModule .crossTable th.button { text-align:right; background:#EAEAEA; }

#memberModule .colTable td a,
#memberModule .rowTable td a,
#memberModule .crossTable td a { color:#000; text-decoration:none; }

#memberModule .colTable td.wide, 
#memberModule .rowTable td.wide, 
#memberModule .crossTable td.wide { width:100%;}

#memberModule .rowTable th.title,
#memberModule .crossTable th.title,
#memberModule .colTable th.title { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD;  background:url("/zbxe/modules/member/skins/default/img/bgTab.gif") repeat-x left bottom;}

#memberModule p { color:#AAA; margin:3px 0 0 0; padding:0;}
#dummy_check_nick_name { color:red; margin:3px 0 0 0; padding:0; }
#memberModule .require { color:red; font-size:10px; font-family:tahoma; font-weight:bold; margin-left:5px; }
#memberModule .publicItem { margin:5px 0 0 0; padding:0; color:#aaa; }
#memberModule .publicItem input { padding:0; margin: 0; }

#memberModule caption{ font-size:11px; font-family:Tahoma; color:#888; text-align:left;}

#memberModule td.openids div { float:left; margin-right:10px; margin-bottom:10px; }
#memberModule td.openids div a { color:#AAA; text-decoration:none;}
#memberModule .openid_user_id { background: url("/zbxe/modules/member/skins/default/img/openid_login_bg.gif") left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:200px;}
#memberModule .insertOpenID { clear:both; margin-top:10px; }
#memberModule .savedContent { margin-top:10px; border:1px solid #EEE; padding:10px; }

#memberModule .pagination{ padding:15px 0; margin:0; text-align:center; clear:both; }
#memberModule .pagination *{ margin:0; padding:0;}
#memberModule .pagination img{ border:0;}
#memberModule .pagination a,
#memberModule .pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
#memberModule .pagination a:hover,
#memberModule .pagination a:active,
#memberModule .pagination a:focus{ background-color:#f4f4f4 !important; }
#memberModule .pagination strong{ color:#ff6600 !important;}
#memberModule .pagination a.prev,
#memberModule .pagination a.prevEnd,
#memberModule .pagination a.next,
#memberModule .pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

#memberModule .pagination.a1 a,
#memberModule .pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
#memberModule .pagination.a1 a.prev{ padding-left:10px; background:#fff url("/zbxe/modules/member/skins/default/img/arrowPrevA1.gif") no-repeat left center; }
#memberModule .pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url("/zbxe/modules/member/skins/default/img/arrowPrevEndA1.gif") no-repeat left center; }
#memberModule .pagination.a1 a.next{ padding-right:10px; background:#fff url("/zbxe/modules/member/skins/default/img/arrowNextA1.gif") no-repeat right center; }
#memberModule .pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url("/zbxe/modules/member/skins/default/img/arrowNextEndA1.gif") no-repeat right center; }

#memberModule .memberSmallBox { border:1px solid #EFEFEF; margin:50px auto 20px auto; padding:0; width:400px;}
#memberModule .memberSmallBox .header { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD;  background:url("/zbxe/modules/member/skins/default/img/bgTab.gif") repeat-x left bottom;}
#memberModule fieldset { position:relative; border:0; margin:0; padding:10px;}
#memberModule .memberSmallBox .login dl { margin:0; padding:0; overflow:hidden; margin-right:10px; width:250px;}
#memberModule .memberSmallBox .login dl dt { margin:0; padding:0; width:100px; clear:left; float:left; color:#54564b; height:24px; padding-top:3px; text-indent:10px;}
#memberModule .memberSmallBox .login dl dd { margin:0; padding:0; float:left; height:27px; width:150px; }
#memberModule .memberSmallBox .login .keep { clear:both; white-space:nowrap; margin-left:100px;}
#memberModule .memberSmallBox .login .keep input { vertical-align:middle;}
#memberModule .memberSmallBox .login .keep label { margin:0; padding:0; font-size:12px; color:#999999;}
#memberModule .memberSmallBox .openid_user_id { background: url("/zbxe/modules/member/skins/default/img/openid_login_bg.gif") left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:120px;}
#memberModule .memberSmallBox .help { background:#f5f5f3; color:#666666; border-top:1px solid #eaebe7; overflow:hidden; padding:1.1em; color:#ccc;}
#memberModule .memberSmallBox .help a{ color:#666; text-decoration:underline;}
#memberModule .memberSmallBox .buttonArea{ position:absolute; top:10px; left:260px;}



#memberModule ul.checkbox,
#memberModule ul.radio { list-style:none; margin:0; padding:0; }


/*
PXE Default layout template for XpressEngine (Dummy Version)
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/


/* Browser Reset Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
a img { border: none; }
fieldset { border:none; }



/* Layouts - Restricted Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/
#container_site { *zoom:1; }
#leaflet_normal { *zoom:1; }
#leaflet_wide { *zoom:1; }
#header { position:relative; *zoom:1; z-index:1; }
#header_sub { position:relative; *zoom:1; }
#container_body { *zoom:1; }
#container_body:after{ content:""; display:block; clear:both;}
#container_contents { *zoom:1; }
#container_contents .wrapper { *zoom:1; }
#container_contents .wrapperTrans { *zoom:1; }

#footer { position:relative; *zoom:1; }
#footer_box1 { position:relative; *zoom:1; }
#footer_box2 { position:relative; *zoom:1; }
#footer_box3 { position:relative; *zoom:1; }
#footer_sub { position:relative; *zoom:1; }


/* Layouts - Margin & Position Preference - 필요에 따라 margin 값만 수정하세요
---------------------------------------------------------------------------------*/

#container_site { margin:0 auto; padding:0 0 50px 0; }
#header { margin:0 auto; }
#header_sub { margin:25px auto 0 auto; }
#container_body { margin:0px auto 0 auto; }
#container_contents { margin-top:35px; }
#container_contents .wrapper { padding:20px; }
#container_contents .wrapperTrans { padding:0 0 0 0; }
#footer { margin:12px auto 80px auto; padding:0; }
#footer .wrapper { margin:0 auto; }
#footer_sub { margin:0 auto; padding:10px 0 20px 0; *padding:10px 0 9px 0; _padding:10px 0 7px 0; }
#footer_sub .wrapper { margin:0 auto; }
#footer_box1 { margin-left:28px; _margin-left:14px; }


/* 리플렛을 좌측에 정렬 */
#leaflet_normal { float:left; margin-right:20px; }
#leaflet_wide { float:left; margin-right:20px; }

#leaflet_normal .wrapper { margin:0; padding:62px 58px 65px 56px; }
#leaflet_wide .wrapper { margin:0; padding:62px 68px 65px 66px; }



/* Layouts - Customization - 여기서부터 자유롭게 코딩합니다
---------------------------------------------------------------------------------*/
body {  }
p a {  }
a, a:visited { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration:none; }

#container_site { }

#leaflet_normal { width:279px; overflow:hidden; }
#leaflet_wide { width:436px; overflow:hidden; }
.leaflet_banner { margin-bottom:20px; display:block; }

#header { height:105px; }
#header a.logo { position:relative; top:20px; left:0; }
#header_sub { height:35px; overflow:hidden; }
#header_sub .terminator { position:absolute; top:0; right:0; width:20px; height:35px; }
#container_body {  }
#container_contents { text-align:justify; line-height:140%; overflow:hidden; }
#container_contents .wrapper { overflow:hidden; }
#container_contents .wrapperTrans { overflow:hidden; }

#e1 { overflow:hidden; }
#e1 .wrapper { overflow:hidden; }

#e2 { overflow:hidden; }
#e2 .wrapper { overflow:hidden; }

#footer { font:8pt 돋움, Dotum; letter-spacing:-1px; overflow:hidden; }
#footer_box1 { float:left; overflow:hidden; }
#footer_box2 {  }
#footer_box3 { float:right; text-align:right; overflow:hidden; }
#footer_sub { font:8pt 돋움, Dotum; letter-spacing:-1px; clear:both; }


/* 메인메뉴
---------------------------------------------------------------------------------*/
.gnb{ position:relative; left:0; top:46px; margin:0; padding:0; list-style:none; *zoom:1; }
.gnb li { float:left; *zoom:1; }
.gnb li a{ padding:0 14px 0 0; margin:0 14px 0 0; _margin:0 8px 0 0; display:block; text-decoration:none !important; font-weight:bold; float:left; *zoom:1; }

/* 가로 서브메뉴
---------------------------------------------------------------------------------*/
#hnb { position:relative; margin:0; padding:0; top:11px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; }
#hnb li { float:left; margin-right:10px; *zoom:1; }
#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; }
#hnb li a:hover,
#hnb li a:focus {  }
#hnb li.on a {  }
#hnb li.on a:hover,
#hnb li.on a:focus {  }

/* 하단메뉴
---------------------------------------------------------------------------------*/
.extraMenuLeft { list-style:none; margin:0 0 0 28px; padding:0; }
.extraMenuLeft li { float:left; margin-right:10px; }
.extraMenuLeft li a { padding-right:10px; }
.extraMenuLeft li:last-child a {  }
.extraMenuLeft li a:hover {  }

.extraMenuRight { list-style:none; margin:0; padding:0; }
.extraMenuRight li { float:left; margin-left:10px; }
.extraMenuRight li a { padding-left:10px; }
.extraMenuRight li:last-child a {  }
.extraMenuRight li a:hover {  }

#bottomBanner { list-style:none; position:absolute; top:11px; right:0; margin:0; padding:0; }
#bottomBanner li { float:left; margin-right:30px; height:30px; }

/* 2 Coulmn 박스
---------------------------------------------------------------------------------*/
.box { margin-bottom:40px; overflow:hidden; *zoom:1; }
.box .box_left { width:48%; float:left; }
.box .box_right { width:48%; float:right; }


/*
PXE Sky
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/* Colorset - Sky
---------------------------------------------------------------------------------*/
body { color:#999; background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/background.gif") repeat-x; }
a, a:visited { color:#5dc0f6; }
a:hover,
a:active,
a:focus { color:#22aaee }

.wideLeaflet { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_wide.gif") repeat-y; }
.normalLeaflet { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_normal.gif") repeat-y; }

#leaflet_normal { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_normal_style.gif") no-repeat; }
#leaflet_wide { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_wide_style.gif") no-repeat; }

#header_sub { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/bg_hnb.gif") no-repeat; }
#header_sub .terminator { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/bg_hnb.gif") right top; }
#container_contents { background-color:#fff; }
#footer_sub { border-top:1px solid #e3e3e3; border-bottom:1px solid #f4f4f4; }


/* 메인메뉴
---------------------------------------------------------------------------------*/
.gnb li a { color:#999; _color:#999!important; background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/vr.gif") no-repeat right 0px; }
.gnb li a:hover { color:#555; _color:#555!important; }
.gnb li.selected a { color:#22aaee; _color:#22aaee!important;}

/* 가로 서브메뉴
---------------------------------------------------------------------------------*/
#hnb li a { background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/vr_hnb.gif") no-repeat right 4px; color:#999; }
#hnb li.on a { color:#22aaee; font-weight:bold; }
#hnb li:last-child a { background:none }

/* 하단메뉴
---------------------------------------------------------------------------------*/
.extraMenuLeft li a { color:#999 !important; background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/vr_extra.gif") no-repeat right 1px; }
.extraMenuLeft li:last-child a { background:none }

.extraMenuRight li a { color:#999 !important; background:url("/zbxe/layouts/PXE_leaflet_lite/img/sky/vr_extra.gif") no-repeat left 1px; }
.extraMenuRight li:First-child a { background:none }


/*
이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/* Site Accounts
---------------------------------------------------------------------------------*/
.account{ position:absolute; top:13px; right:0; margin:0; padding:0; z-index:10;}
.account li{ position:relative; float:left; list-style:none; background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black .account li{ background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/lineHeaderVrBlack.gif");}
.account li *{ vertical-align:top;}
.account li li{ float:none; height:auto; background-image:none;}

.account li.log{ background-image:none; font-size:0; line-height:0;}
.account li.log a{ display:block; padding:5px 8px;}

.account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonProfile.gif"); background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black .account li.profile button{ background-position:center 5px;}
.account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
.account li.profile .memberProfile.active{ display:block;}
.account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
.account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
.account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bulletB.gif") no-repeat left center;}
.account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.account li.profile .memberProfile li a:hover,
.account li.profile .memberProfile li a:active,
.account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonCloseX.gif") no-repeat center center;}
.account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonRegister.gif"); background-repeat:no-repeat; background-position:center -10px;}
div.black .account li.register a{ background-position:center 5px;}
.account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.account li.language{ position:relative;}
.account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px -10px;}
div.black .account li.language em{ background-position:8px -10px;}
.account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
.account li.language em.ko{ background-position:-92px -10px;}
div.black .account li.language em.ko{ background-position:8px -10px;}
.account li.language em.en{ background-position:-92px -25px;}
div.black .account li.language em.en{ background-position:8px -25px;}
.account li.language em.jp{ background-position:-92px -40px;}
div.black .account li.language em.jp{ background-position:8px -40px;}
.account li.language em.zh-CN{ background-position:-92px -55px;}
div.black .account li.language em.zh-CN{ background-position:8px -55px;}
.account li.language em.zh-TW{ background-position:-92px -70px;}
div.black .account li.language em.zh-TW{ background-position:8px -70px;}

.account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black .account li.language button{ background-position:8px 5px;}
.account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
.account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonSelectLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;}
.account li.language.open .sLanguage span{ background-position:85px -6px;}
.account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#fff; border:1px solid #eee;}
.account li.language.open .languageList{ display:block; z-index:999;}
.account li.language .languageList button{ width:100%;}
div.black .account li.language .languageList{ background:#666; border-color:#888;}
.account li.language .languageList .ko button{ background-position:-92px -10px;}
div.black .account li.language .languageList .ko button{ background-position:8px -10px;}
.account li.language .languageList .en button{ background-position:-92px -25px;}
div.black .account li.language .languageList .en button{ background-position:8px -25px;}
.account li.language .languageList .jp button{ background-position:-92px -40px;}
div.black .account li.language .languageList .jp button{ background-position:8px -40px;}
.account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
div.black .account li.language .languageList .zh-CN button{ background-position:8px -55px;}
.account li.language .languageList .zh-TW button{ background-position:-92px -70px;}
div.black .account li.language .languageList .zh-TW button{ background-position:8px -70px;}

.account li.language .languageList li { display:none;}
.account li.language .languageList .ko,
div.black .account li.language .languageList .ko,
.account li.language .languageList .en,
div.black .account li.language .languageList .en,
.account li.language .languageList .jp,
div.black .account li.language .languageList .jp,
.account li.language .languageList .zh-CN,
div.black .account li.language .languageList .zh-CN,
.account li.language .languageList .zh-TW,
div.black .account li.language .languageList .zh-TW { display:block; }



/* Ajax Login Layer (Modal Window)
---------------------------------------------------------------------------------*/
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity:60);}
.loginWindow .loginLayer{ position:absolute; margin:0 0 0 -175px; width:305px; top:120px; left:50%; padding:30px 0 0 0; color:#797771; background:#f9f9f9 url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_shape.gif") no-repeat left bottom; border-top:2px solid #636870; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

.loginWindow .loginLayer form{ *zoom:1; position:relative; }
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}

.loginWindow .loginLayer #commonLogin{ height:100px; }
.loginWindow .loginLayer #openidLogin{ height:55px; }
.loginWindow .loginLayer input.id{ position:absolute; top:0; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_id.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.password{ position:absolute; top:27px; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_pass.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}

.loginWindow .loginLayer .oid_desc { margin:20px 0 10px 33px; }
.loginWindow .loginLayer form_field { margin:0; padding:0; }
.loginWindow .loginLayer input.oid{ margin-left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_id.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.submit_oid { width:52px; height:22px; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:199px; }

.loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:196px; font:8pt 돋움; letter-spacing:-1px; }
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer input.submit { width:52px; height:22px; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:199px; }

.loginWindow .loginLayer .help{ position:absolute; top:98px; left:27px; font:8pt 돋움; letter-spacing:-1px; margin:0; padding:0;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:14px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}

.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}

.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonCloseX.gif") no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


/*
이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

#isSearch { position:absolute; top:32px; right:0; text-align:right; }
#isSearch .searchOrder { display:none;}
#isSearch .inputText { font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; _top:-1px; left:4px; *left:3px; border:none; padding:4px 5px 0px 5px; width:202px; height:17px; color:#000; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/searchInput.gif") no-repeat; }
#isSearch .inputText:hover,
#isSearch .inputText:focus {  }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}


/*
이 마크업 문서는 아래 제공자에 의해 작성 및 수정, 배포 되었습니다
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/* Colorset - pxeSky
---------------------------------------------------------------------------------*/
#sub_nav_pxeSky { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; }

/* 1차 */
#sub_nav_pxeSky li a { padding:8px 12px 8px 12px; display:block; border:1px solid #eee; color:#555; background:#fdfdfd url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_right.gif") no-repeat right center; *zoom:1; }
#sub_nav_pxeSky li a:hover { color:#22aaee !important; }
#sub_nav_pxeSky li.on a { font-weight:bold; color:#22aaee; }

/*2차 */
#sub_nav_pxeSky li ul { list-style:none; margin:0; padding:0; }
#sub_nav_pxeSky li ul li a { padding-left:0; font-weight:normal; border:none; border-bottom:1px solid #eee; background:none; color:#999; }
#sub_nav_pxeSky li.on ul li a { font-weight:normal !important; color:#999; }
#sub_nav_pxeSky li.on ul li.on a { font-weight:bold !important; color:#555; }

/*3차 */
#sub_nav_pxeSky li ul li ul { margin:0 0 0 13px; }
#sub_nav_pxeSky li ul li ul li a { background:none; }
#sub_nav_pxeSky li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; }
#sub_nav_pxeSky li.on ul li.on ul li.on a { font-weight:bold !important; color:#555; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif") no-repeat right center; }

/*4차 */
#sub_nav_pxeSky li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; }
#sub_nav_pxeSky li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif") no-repeat right center; }



/* Colorset - pxeBlack
---------------------------------------------------------------------------------*/
#sub_nav_pxeBlack { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; }

/* 1차 */
#sub_nav_pxeBlack li a { padding:8px 12px 8px 12px; display:block; border:1px solid #282828; color:#555; background:#161616 url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_right.gif") no-repeat right center; *zoom:1; }
#sub_nav_pxeBlack li a:hover { color:#fff !important; }
#sub_nav_pxeBlack li.on a { font-weight:bold; color:#ff0000; }

/*2차 */
#sub_nav_pxeBlack li ul { list-style:none; margin:0; padding:0; }
#sub_nav_pxeBlack li ul li a { padding-left:0; font-weight:normal; border:none; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/breaker.png") no-repeat left bottom; _background:url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/breaker.gif") no-repeat left bottom; color:#555; }
#sub_nav_pxeBlack li.on ul li a { font-weight:normal !important; color:#555; }
#sub_nav_pxeBlack li.on ul li.on a { font-weight:bold !important; color:#ff0000; }

/*3차 */
#sub_nav_pxeBlack li ul li ul { margin:0 0 0 13px; }
#sub_nav_pxeBlack li ul li ul li a { background:none; }
#sub_nav_pxeBlack li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; }
#sub_nav_pxeBlack li.on ul li.on ul li.on a { font-weight:bold !important; color:#ff0000; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif") no-repeat right center; }

/*4차 */
#sub_nav_pxeBlack li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; }
#sub_nav_pxeBlack li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#ff0000; background:url("/zbxe/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif") no-repeat right center; }