@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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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;}


/*
PXE Platinum Public layout XpressEngine
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; }
a, a:visited { color:#4773a5; }


/* Layouts - Restricted Preference - 수정하지 마십시오
---------------------------------------------------------------------------------*/
#cinemaWrapper { *zoom:1; overflow:hidden; }
#container_site { *zoom:1; }
#header { position:relative; *zoom:1; z-index:1 }
#container_body { *zoom:1; overflow:hidden; }
#container_contents { *zoom:1; overflow:hidden; }
#container_contents .wrapper { *zoom:1; overflow:hidden; }
#container_contents .wrapperTrans { *zoom:1; overflow:hidden; }
#container_contents .wrapperCinema { *zoom:1; overflow:hidden; }
#container_cinema_contents { position:relative; *zoom:1; overflow:hidden; }

#e1 { *zoom:1; overflow:hidden; }
#e1 .wrapper { overflow:hidden; }

#e2 { *zoom:1; overflow:hidden; }
#e2 .wrapper { overflow:hidden; }

#footer { position:relative; *zoom:1; clear:both; overflow:hidden; }
#footer_sub { position:relative; *zoom:1; clear:both; overflow:hidden; }



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

#container_site {  }
#header { margin:0 auto; }
#container_body { margin:0 auto; }
#container_contents {  }
#container_contents .wrapper { padding:20px; }
#container_contents .wrapperTrans { padding:0; }
#container_contents .wrapperCinema { margin:0 auto; }
#container_cinema_contents { margin:20px auto 0 auto; }
#footer { margin:0 auto; }
#footer_sub { margin:40px auto 0 auto; padding:30px 0; }

/* 사이드바 1을 좌측에 정렬 */
.ec #e1 { float:left; margin-right:10px; }
.ec #container_contents { _float:right; }

/* 사이드바 1을 우측에 정렬 */
.ce #e1 { float:right; margin-left:10px; }
.ce #container_contents { _float:left; }

/* 사이드바 1,2를 좌측에 정렬 */
.eec #e1 { float:left; margin-right:10px; }
.eec #e2 { float:left; margin-right:10px; }
.eec #container_contents { _float:right; }

/* 사이드바 1,2를 우측에 정렬 */
.cee #e1 { float:right; margin-left:10px; }
.cee #e2 { float:right; margin-left:10px; }
.cee #container_contents { _float:left; }

/* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */
.ece #e1 { float:left; margin-right:10px; }
.ece #e2 { float:right; margin-left:10px; }
.ece #container_contents { _float:left }

#e1 .wrapper {  }
#e2 .wrapper {  }



/* Layouts - Customization - 여기서부터 자유롭게 코딩합니다
---------------------------------------------------------------------------------*/
body { background:url("/xe/layouts/PXE_platinum_public/css/layouts/PXE_platinum/img/bg_default.gif") repeat-x; color:#707070; height:100%; }
p { margin-bottom:10px; line-height:140%; text-align:justify; }
p a {  }
a, a:visited { text-decoration: none; }
a:hover { text-decoration:none; }

#cinemaWrapper {  }
#container_site {  }

#header { height:160px; color:#666; }
#header a.logo { position:absolute; top:45px; left:0; }
#header #submenu { position:relative; top:100px; height:28px; background:url("/xe/layouts/PXE_platinum_public/img/bg_submenu.gif") no-repeat; z-index:2; }
#header #mainmenu { position:relative; top:100px; height:46px; background:url("/xe/layouts/PXE_platinum_public/img/bg_mainmenu.gif") no-repeat right top; z-index:1; }
#header .topBanner { position:absolute; width:592px; height:90px; display:block; top:5px; right:0; }

#container_body {  }
#container_body_headline { margin-bottom:15px; height:1px; color:#fff; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size:40px; font-weight:normal; text-transform:uppercase; line-height:140% }
#container_contents { text-align:justify; line-height:140%; }

#container_contents .description a { color:#8493aa; font-weight:bold; }
#container_contents .wrapper { border:1px solid #a0a0a0; border-top:none; background:#fff; }
#container_contents .wrapperTrans {  }
#container_contents .wrapperCinema { height:372px; }
#container_cinema_contents {  }

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

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

#footer { height:53px; background:url("/xe/layouts/PXE_platinum_public/img/bg_footer.gif") repeat-x; color:#666; overflow:hidden; }
#footer_sub { width:960px; border-top:1px solid #c9c9c9; color:#999; font:11px Arial, Helvetica, sans-serif; clear:both; }



/* 위젯 박스 스타일
---------------------------------------------------------------------------------*/
.section01 { margin-bottom:10px; }
.section01 .section_headline { height:18px; padding:7px 0 0 12px; background:url("/xe/layouts/PXE_platinum_public/img/bg_desc.gif") repeat-x; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size:13px; letter-spacing:-1px; color:#5d84b2; overflow:hidden; }
.section01 .section_headline a { color:#e3e3e3 }
.section01 .section_contents { background:url("/xe/layouts/PXE_platinum_public/img/bg_widstyle_01.gif") repeat-y; border:1px solid #aaa; overflow:hidden; *zoom:1; }
.section02 { margin-bottom:10px; padding:16px 12px; background:url("/xe/layouts/PXE_platinum_public/img/bg_sidebar_dark.gif") repeat-x; }
.section02 .section_headline { margin-bottom:10px; }
.section02 .section_contents {  }



/* 리스트 스타일
---------------------------------------------------------------------------------*/
.defaultList { font:12px 맑은 고딕; color:#707070; margin:0; padding:0; }
.defaultList li  { padding:5px 10px; display:block; border-bottom:1px solid #e2e2e2; list-style:none;  }
.defaultList li a { text-decoration:none; font-weight:bold; }
.defaultList li.headline { padding:6px 10px; display:block; border-bottom:1px solid #e2e2e2; color:#fff; font-weight:bold; background: url("/xe/layouts/PXE_platinum_public/img/bg_hover.gif") repeat-x ; }
.defaultList li.articles { color:#707070; font-weight:normal; background:#f3f3f3 url("/xe/layouts/PXE_platinum_public/img/icon_allow_right.gif") no-repeat right center; _background:#f3f3f3; }
.defaultList li.articles a { color:#707070; font-weight:normal; }
.defaultList li.paragraph { padding:15px; background:#fff; position:relative; *zoom:1; }
.defaultList li.paragraph span.top { position:absolute; width:41px; height:25px; right:5px; bottom:-5px; }
.defaultList li.paragraph p.paraTitle { color:#51718c; font-weight:bold; display:block; margin-bottom:5px; }


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

/* Site Accounts
---------------------------------------------------------------------------------*/
.account{ position:absolute; top:7px; left:42px; margin:0; padding:0; z-index:10;}
.account li{ position:relative; float:left; list-style:none; background-image:url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/images/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black .account li{ background-image:url("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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("/xe/layouts/PXE_platinum_public/packages/basic_plugin/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:0; right:0; width:250px; height:28px; text-align:right; top:-1px; }
#isSearch .searchOrder { display:none;}
#isSearch .inputText { font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; left:-58px; border:none; padding:9px 5px 0px 5px; width:110px; height:20px; color:#000000; background:none; }
#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
*/

/* Main Menu (Navigation)
---------------------------------------------------------------------------------*/
 #nav { display: block; margin: 0; padding: 0; position:relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float:left; position: relative; z-index:1;}
  #nav { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding:0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li a { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width: 186px; }
#nav ul ul { left: 184px; }

/* Everything else is theming */
#nav { top:0; left:0; font:bold 12px 맑은 고딕; }
#nav *:hover { background-color: none; }
#nav li a { width:186px; height:41px; text-align:center; color:#333; display:block; text-align:left; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/bg_menuOff.gif") no-repeat left top; text-align:center; line-height:340%; }
#nav li.on a { background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/menu_hover.gif") no-repeat; color:#fff; }
#nav li.hover a { background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/menu_hover.gif") no-repeat; color:#fff; }

#nav li.tools a {  }
#nav li.tools a:hover {  }

    #nav ul { top:41px; }
    #nav ul li { border-bottom:1px solid #222; border-right:1px solid #222; border-left:1px solid #222; background:#373737; color:#fff }
	#nav ul a { color:#fff; display:block; width:172px; height:21px; padding-bottom:none; padding-top:9px; padding-left:12px; font:9pt 맑은 고딕; letter-spacing:-1px; text-align:left; background:none !important; }
	#nav ul a span { position:absolute; top:10px; right:10px; }
	#nav ul a:hover { background:#444 !important; }
	#nav ul .on { background:url("/xe/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/2nd_menu_on.gif"); }

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


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

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

/* 1차 */
#sub_nav li a { padding:6px 12px 6px 12px; display:block; border:1px solid #282828; color:#555; background:#161616 url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_right.gif") no-repeat right center; *zoom:1; }
#sub_nav li a:hover { color:#fff !important; }
#sub_nav li.on a { font-weight:bold; color:#555f6a; }

/*2차 */
#sub_nav li ul { list-style:none; margin:0 0 0 13px; padding:0; }
#sub_nav li ul li a { padding-left:0; font-weight:normal; border:none; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/breaker.png") no-repeat left bottom; _background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/breaker.gif") no-repeat left bottom; color:#555; }
#sub_nav li.on ul li a { font-weight:normal !important; color:#555; }
#sub_nav li.on ul li.on a { font-weight:bold !important; color:#555f6a; }

/*3차 */
#sub_nav li ul li ul li a { background:none; }
#sub_nav li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; }
#sub_nav li.on ul li.on ul li.on a { font-weight:bold !important; color:#555f6a; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_left.gif") no-repeat right center; }

/*4차 */
#sub_nav li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; }
#sub_nav li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555f6a; background:url("/xe/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_left.gif") no-repeat right center; }
.default_login { color:#797771;}
.openid_login { display:none; }

/* login form */
.default_login form { position:relative; }
.default_login .form_field { padding:5px 60px 5px 5px; white-space:nowrap; overflow:hidden; height:45px; }

.default_login .form_field .openIDTitle { width:99%; white-space:nowrap; overflow:hidden; background:url("/xe/widgets/login_info/skins/default_icon3/images/openid_login_bg.gif") no-repeat left top; padding:1px 0 0 18px; margin-bottom:8px; color:#888888; font-weight:bold; }
.default_login .form_field .openIDTitle input { margin:0; padding:0; height:14px; }
.default_login .form_field input.input { display:block; width:99%;  background-color: #ffffff;  border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;  padding:2px; height:14px; color:#666666;  margin:2px 0 2px 0;}

.default_login input.submit { width:45px; height:45px; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; right:5px; top:5px; }

.default_login form p.securitySignIn { clear:both; padding:0 0 0 18px; margin:4px 0 4px 7px; }
.default_login form p.noneSSL { background:url("/xe/widgets/login_info/skins/default_icon3/images/none_ssl.png") no-repeat left top; }
.default_login form p.SSL { background:url("/xe/widgets/login_info/skins/default_icon3/images/ssl.png") no-repeat left top; }
.default_login form p.noneSSL a { color:#BF6801; text-decoration:none; }
.default_login form p.SSL a { color:#9CAC74; text-decoration:none; }

.default_login p { padding:0; margin:0 0 0 5px; }

.default_login .checkbox  { width:15px; height:15px; margin:-1px 0px 0px -1px; margin-right:2px; }
.default_login .clear { clear:both; }

.default_login ul.extra_option { margin:5px 0 0 0; padding:0; clear:both; height:40px; }
.default_login ul.extra_option li { background:url("/xe/widgets/login_info/skins/default_icon3/images/default/bul_01.gif") no-repeat 7px 3px; padding-left:20px; margin-left:5px; margin-bottom:3px;}
.default_login ul.extra_option li a {text-decoration:none; color:#666666;}


.default_openid_login { display:none; clear:both; height:38px; border:3px solid #D5D8DB; background-color:#FFFFFF; margin:0 0 10px 0; }
.default_openid_login .openid_user_id { width:110px; _width:100px; background: url("/xe/widgets/login_info/skins/default_icon3/images/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; height:16px; line-height:1em; vertical-align:middle; margin-bottom:.5em; color:#666666;}

.default_openid_login .wButtonTypeA { display:block; cursor:pointer; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeACenter.gif") repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px;}
.default_openid_login .wButtonTypeA:hover { text-decoration:none;}
.default_openid_login .wButtonTypeA img { vertical-align:middle;}
.default_openid_login .wButtonTypeA input { border:none; cursor:pointer; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeACenter.gif") repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px;  vertical-align:middle; }
.default_openid_login .wButtonTypeA .leftCap { width:2px; height:24px; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeALeft.gif") no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
.default_openid_login .wButtonTypeA .rightCap { width:2px; height:24px; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/buttonTypeARight.gif") no-repeat; margin:0 -1px 0 .4em;}
.default_openid_login .wButtonTypeA .icon { margin:0 .2em;}
.default_openid_login .wButtonWrite ul { text-align:center; clear:both; display:block; margin:0; padding:0; }
.default_openid_login .wButtonWrite li { margin-top:.5em; float:left; margin-left:.3em; list-style:none;}


/* logged  info */
.default_login .loginUser { position:relative; padding:5px; }
.default_login .loginUser .userNickName { margin-right:50px; white-space:nowrap; overflow:hidden; }
.default_login .loginUser .logoutButton { position:absolute; right:5px; top:5px; }

.default_login .hr_dot_01 { background:url("/xe/widgets/login_info/skins/default_icon3/images/default/hr_dot_01.gif") repeat-x; height:2px; overflow:hidden; clear:both; margin:6px; }

.default_login .item { background:url("/xe/widgets/login_info/skins/default_icon3/images/default/bul_01.gif") no-repeat 5px 5px; height:16px; padding:3px 0px 0px 20px; margin-left:5px; margin-top:2px; }
.default_login .item a { color:#666666; text-decoration:none; }
.default_login .item { font-size:11px; letter-spacing:-1px; margin-right:10px; padding:3px 0px 0px 20px; white-space:nowrap; }
.default_login .profile { width:70px; float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_profile.gif") no-repeat left; }
.default_login .message { width:70px; float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_note.gif") no-repeat left; }
.default_login .friend { float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_friend.gif") no-repeat left; }
.default_login .administrative { float:left; background:url("/xe/widgets/login_info/skins/default_icon3/images/default/icon_key.gif") no-repeat left; margin-right:0px; }
.default_login .administrative a { color:#D80D0F; }
.default_login .lastlogin { clear:both; padding:5px; white-space:wrap; font-size:8pt; }

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* NCW : Naradesign Content Widget */
.ncw { font-size:12px; line-height:normal; font-family:Tahoma; margin:1em 0; *zoom:1; color:#333;}
.ncw:after{ content:""; display:block; clear:both;}
.ncw img{ border:0;}
.ncw ul{ margin:0; padding:0; list-style:none;}
.ncw button{ font-size:12px; font-family:Tahoma; background:none; border:0; padding:0; overflow:visible; cursor:pointer;}
.ncw a{ text-decoration:none; color:#333;}
.ncw a:hover,
.ncw a:active,
.ncw a:focus{ text-decoration:underline;}

/* Common Class */
.ncw .ncwListContainer{ position:relative;}
.ncw .ncwThumbArea{ float:left; margin-top:0; margin-bottom:0;}
.ncw .ncwListArea{}
.ncw .thumb{ float:left; position:relative; display:block; border:1px solid #ddd; padding:8px; text-decoration:none !important; *zoom:1;}
.ncw .thumb .moduleTitle,
.ncw .thumb .categoryTitle{ display:block; position:absolute; padding:2px 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60);}
.ncw .thumb .moduleTitle{ top:8px; left:8px;}
.ncw .thumb .categoryTitle{ bottom:8px; left:8px;}
.ncw .imgNone{ display:inline-block; text-align:center; background:#f8f8f8;}
.ncw .textArea{ color:#767676;}
.ncw .replyNum,
.ncw .trackbackNum{ font:9px Tahoma; text-decoration:none;}
.ncw .replyNum a{ color:#ff1a1a;}
.ncw .trackbackNum a{ color:#19a0ff;}
.ncw .time{ font-size:11px;}
.ncw .date{ font-size:11px; color:#666;}
.ncw .hour{ font-size:11px; color:#767676;}
.ncw .icon{}

/* Tab Container */
.ncwTabContainer .ncwListContainer{ display:none;}
.ncwTabContainer .active .ncwListContainer{ display:block;}

/* Pagination */
.ncwListPagination{ text-align:right; padding:5px !important; white-space:nowrap;}
.ncwListPagination li{ display:inline;}
.ncwListPagination button{ width:16px; height:16px; background-image:url("/xe/widgets/content/skins/naradesign/img/buttonWidgetNavigation.gif"); border:1px solid #999; overflow:hidden;}
.ncwListPagination button.prev{ background-position:left center; *background-position:-1px center;}
.ncwListPagination button.next{ background-position:right center; *background-position:13px center;}
.ncwListPagination button span{ position:absolute; display:block; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; white-space:nowrap;}

/* Hr Tab */
.ncwTabHr { position:relative;}
.ncwTabHr li.ncwTab { display:inline;}
.ncwTabHr li.ncwTab .ncwTabButton{ float:left; position:relative; z-index:2; border:1px solid #ddd; background:#fff; height:26px; line-height:26px; padding:0 10px; margin:0 -1px 0 0; border-bottom:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.ncwTabHr li.ncwTab.active .ncwTabButton{ font-weight:bold; letter-spacing:-1px; height:27px; margin-bottom:-1px;}
.ncwTabHr li.ncwTab .ncwListContainer{ position:absolute; z-index:1; top:26px; left:0; width:100%; border-top:1px solid #ddd; padding:10px 0;}

/* Vr Tab */
.ncwTabVr{ position:relative;}
.ncwTabVr li.ncwTab .ncwTabButton{ width:25%; border:1px solid #ddd; padding:0 10px; height:27px; line-height:27px; text-align:left; margin:0 0 -1px 0; white-space:nowrap;}
.ncwTabVr li.ncwTab.active .ncwTabButton{ font-weight:bold; letter-spacing:-1px;}
.ncwTabVr li.ncwTab .ncwListContainer{ position:absolute; top:0; right:0; width:75%; border-top:1px solid #ddd; padding:10px 0;}
.ncwTabVr li.ncwTab .ncwLastTitle,
.ncwTabVr li.ncwTab .ncwLastThumb,
.ncwTabVr li.ncwTab .ncwGallery,
.ncwTabVr li.ncwTab .ncwWebzine{ margin:0 0 0 20px;}

/* Widget List */
.ncwList{ line-height:1.5;}
.ncwList .moduleTitle,
.ncwList .categoryTitle{ color:#767676; font-weight:bold; margin:0 5px 0 0;}
.ncwList .documentTitle{}

/* Widget List - Unordered */
ul.ncwList{}

/* Widget List - Table */
table.ncwList{ border:0; width:100%; border-spacing:0;}
table.ncwList td{ border:0; white-space:nowrap; padding:0 5px;}
table.ncwList td.titleArea{ width:100%; white-space:normal;}

/* ncwLastTitle */
.ncwLastTitle{ *zoom:1;}
.ncwLastTitle:after{ content:""; display:block; clear:both;}

/* ncwLastThumb */
.ncwLastThumb{ *zoom:1;}
.ncwLastThumb:after{ content:""; display:block; clear:both;}

/* Gallery */
.ncwGallery{ *zoom:1;}
.ncwGallery:after{ content:""; display:block; clear:both;}
.ncwGallery li{ float:left; margin:0 10px 10px 0;}
.ncwGallery .thumb{ margin:10px 0; font-size:11px; font-family:Dotum, 돋움;}
.ncwGallery .documentTitle{}
.ncwGallery .author{ display:block; float:left; clear:both;}
.ncwGallery .time{ display:block; clear:both; line-height:1.5;}

/* Webzine */
.ncwWebzine li{ *zoom:1; margin:0 0 10px 0;}
.ncwWebzine li:after{ content:""; display:block; clear:both;}
.ncwWebzine .thumb{ font-size:11px; font-family:Dotum, 돋움;}
.ncwWebzine .titleArea{ margin:0 0 5px 0;}
.ncwWebzine .moduleTitle{ padding:0 5px 0 0; background:url("/xe/widgets/content/skins/naradesign/img/lineTextDiv.gif") no-repeat right center;}
.ncwWebzine .documentTitle{ font-weight:bold;}
.ncwWebzine .textArea{ margin:5px 0;}
.ncwWebzine .authorArea{ margin:5px 0;}

/* popup_menu_area */
#popup_menu_area{ position:absolute; z-index:1000; font-size:12px; padding:10px; border:1px solid #ddd; background:#fff; -moz-border-radius:5px; -webkit-border-radius:3px;}
#popup_menu_area ul{ list-style:none; margin:0; padding:0;}
#popup_menu_area li{ background-repeat:no-repeat; background-position:left center; height:16px; padding:0 0 0 20px;}
#popup_menu_area a{ text-decoration:none; color:#333;}