@charset "utf-8";

/* Source: ./modules/editor/skins/xpresseditor/css/default.css */

/* XEHub (developers@xpressengine.com) */
/* TextEditor */
.xeTextEditor {margin:0 12px 0 0}
.xeTextEditor textarea {display:block;margin:0;padding:5px}
.xeTextEditor.black textarea {color:#fff;background-color:#000}
/* Type Selector */
.xpress-editor *{margin:0;padding:0;font-style:normal;font-size:12px}
.xpress-editor img,
.xpress-editor fieldset,
.xpress-editor button{border:0}
.xpress-editor button{background:none;background-repeat:no-repeat;cursor:pointer}
.xpress-editor button *{visibility:hidden}
.xpress-editor legend{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.xpress-editor label{cursor:pointer}
.xpress-editor hr{display:none}
.xpress-editor li{list-style:none}
/* Layout Selector */
.xpress-editor{position:relative;background:transparent}
.xpress-editor #smart_content{position:relative;clear:both;margin:0 0 10px 0;border:1px solid #c2c2c2;*zoom:1;z-index:1;background:#fff}
.xpress-editor.black #smart_content {background:transparent}
.xpress-editor #smart_footer{position:relative;text-align:center;padding:10px 0}
/* Footer */
.xpress-editor #smart_footer *{vertical-align:top}
.xpress-editor #smart_footer button{position:relative;width:67px;height:25px;margin:0 5px 0 0}
.xpress-editor #smart_footer button.save_temp{background:url(/ko/modules/editor/skins/xpresseditor/css/../img/btn_save_temp.gif) no-repeat}
.xpress-editor #smart_footer button.preview{background:url(/ko/modules/editor/skins/xpresseditor/css/../img/btn_preview.gif) no-repeat}
.xpress-editor #smart_footer input{margin:0}
.xpress-editor #smart_footer input.reset{width:67px;height:25px;border:0;background:url(/ko/modules/editor/skins/xpresseditor/css/../img/btn_cancel.gif) no-repeat;cursor:pointer;margin-left:5px}
/* Content > Input Area */
.xpress-editor a.skip{position:absolute;display:block;top:0;right:0;width:1px;height:1px;overflow:hidden;clear:both;zoom:1}
.xpress-editor a.skip:hover,
.xpress-editor a.skip:active,
.xpress-editor a.skip:focus{position:relative;display:block;padding:5px;right:0;z-index:60;width:auto;height:auto;text-align:right;white-space:nowrap;color:#000;text-decoration:none;letter-spacing:-1px;_zoom:1}
.xpress-editor .input_area{position:relative;margin:10px 10px 20px 10px;z-index:30;*zoom:1;height:300px;overflow:hidden}
.xpress-editor .input_area iframe,
.xpress-editor .input_area textarea{display:block;width:100% !important;position:relative;height:100%;border:0 !important;padding:0 !important;overflow:auto}
.xpress-editor .input_area textarea{*margin:0 -10px;_margin-bottom:-2px}
.xpress-editor .input_area textarea.blind{display:none}
.xpress-editor .input_control{position:relative;display:block;width:100%;height:25px;clear:both;text-align:center;border-top:1px solid #ccc;background:#f8f8f8 url(/ko/modules/editor/skins/xpresseditor/img/btn_expand.gif) no-repeat center center;cursor:n-resize;margin:0 0 -25px 0}
.xpress-editor .input_control span{display:block;zoom:1;height:21px;visibility:hidden;overflow:visible;font-size:0;line-height:0;white-space:nowrap;color:#fff}
.xpress-editor .input_auto{position:relative;z-index:2;zoom:1;white-space:nowrap;display:block;height:0;border-top:1px solid #ccc;margin:0 0 24px 0;*margin:0}
.xpress-editor .input_auto input{margin:0 4px 0 0 !important;padding:0;width:13px;height:13px;vertical-align:middle}
.xpress-editor .input_auto label{position:absolute;font-size:11px;color:#666;padding:0 5px !important;line-height:25px;font-weight:normal !important}
.xpress-editor.black .input_control {background:#111 url(/ko/modules/editor/skins/xpresseditor/img/btn_expand.black.gif) no-repeat center center}
.xpress-editor.black .input_control span{border-top:1px solid #333; color:#000}
.xpress-editor .tool{position:relative;overflow:visible;padding:5px 10px 6px 10px;*padding:5px 10px 8px 10px;z-index:40;clear:both;background:#f8f8f8 url(/ko/modules/editor/skins/xpresseditor/img/bg_tool.gif) repeat-x left bottom;border:0;*zoom:1}
.xpress-editor .tool.disable {display:none}
.xpress-editor.black .tool{background:#111 url(/ko/modules/editor/skins/xpresseditor/img/bg_tool.black.gif) repeat-x left bottom}
.xpress-editor .tool:after{content:"";display:block;clear:both}
.xpress-editor .tool ul{position:relative;overflow:visible;float:left;margin:0 5px 2px 0 !important;z-index:2;border:0 !important}
.xpress-editor .tool ul.action{width:43px}
.xpress-editor .tool ul.type{width:auto;white-space:nowrap;height:21px}
.xpress-editor .tool ul.style{width:169px;z-index:6}
.xpress-editor .tool ul.paragraph{width:169px;z-index:5}
.xpress-editor .tool ul.extra1{width:69px;z-index:4}
.xpress-editor .tool ul.table{width:85px;z-index:3}
.xpress-editor .tool ul.extra2{width:auto;z-index:2}
.xpress-editor .tool ul.extra3{float:left;width:auto;z-index:1;margin-right:1px}
.xpress-editor .tool ul.extra3 li{margin-right:4px}
.xpress-editor .tool li{position:relative;float:left;margin:0 !important;padding:0 !important;border:0 !important}
.xpress-editor .tool li button{width:21px;height:21px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_set.gif) no-repeat 0 0;vertical-align:top;float:left}
.xpress-editor.black .tool li button{width:21px;height:21px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_set.black.gif) no-repeat 0 0;vertical-align:top}
.xpress-editor .tool li button span{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden}
.xpress-editor .tool li.extensions span.exButton,
.xpress-editor .tool li.extensions span.exButton button{float:left;position:relative;display:inline-block;width:auto;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_set_blank.gif) no-repeat left top}
.xpress-editor .tool li.extensions span.exButton button{left:2px;height:21px;background-position:right top;padding:0 4px;font:11px/21px Tahoma, Sans-serif;text-align:left;*overflow:visible;*line-height:20px}
.xpress-editor.black .tool li.extensions span.exButton,
.xpress-editor.black .tool li.extensions span.exButton button{color:#fff;background-image:url(/ko/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif)}
.xpress-editor .tool li.html span,
.xpress-editor .tool li.html span button,
.xpress-editor .tool li.preview span,
.xpress-editor .tool li.preview span button{float:left;position:relative;display:inline-block;width:auto;height:auto;visibility:visible;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_set_blank.gif) no-repeat 0 0;white-space:nowrap}
.xpress-editor.black .tool li.html span,
.xpress-editor.black .tool li.html span button,
.xpress-editor.black .tool li.preview span,
.xpress-editor.black .tool li.preview span button{color:#fff;background-image:url(/ko/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif)}
.xpress-editor .tool li.html span,
.xpress-editor .tool li.preview span{margin-right:2px;background-position:left top}
.xpress-editor .tool li.html span button,
.xpress-editor .tool li.preview span button{left:2px;height:21px;background-position:right top;font:11px/21px Tahoma, Sans-serif;padding:0 4px;*overflow:visible;*line-height:20px}
.xpress-editor .tool ul.type li{float:none;display:inline;*top:1px}
.xpress-editor .tool ul.type li select{height:21px;width:64px;white-space:nowrap;min-width:64px;padding:0}
.xpress-editor .tool ul.type li option{white-space:nowrap}
.xpress-editor.black .tool ul.type li select{color:#fff;background-color:#000}
/* Content > Tool > Button Default */
.xpress-editor .tool li.undo button{width:22px;background-position:0 0}
.xpress-editor .tool li.redo button{background-position:-22px 0}
.xpress-editor .tool li.bold button{width:22px;background-position:-43px 0}
.xpress-editor .tool li.underline button{background-position:-65px 0}
.xpress-editor .tool li.italic button{background-position:-86px 0}
.xpress-editor .tool li.del button{background-position:-107px 0}
.xpress-editor .tool li.fcolor button{background-position:-128px 0}
.xpress-editor .tool li.bcolor button{background-position:-149px 0}
.xpress-editor .tool li.sup button{background-position:-170px 0}
.xpress-editor .tool li.sub button{background-position:-191px 0}
.xpress-editor .tool li.left button{width:22px;background-position:-212px 0}
.xpress-editor .tool li.center button{background-position:-234px 0}
.xpress-editor .tool li.right button{background-position:-255px 0}
.xpress-editor .tool li.justify button{background-position:-276px 0}
.xpress-editor .tool li.ol button{background-position:-297px 0}
.xpress-editor .tool li.ul button{background-position:-318px 0}
.xpress-editor .tool li.outdent button{background-position:-339px 0}
.xpress-editor .tool li.indent button{background-position:-360px 0}
.xpress-editor .tool li.blockquote button{width:22px;background-position:-381px 0}
.xpress-editor .tool li.url button{width:26px;background-position:-403px 0}
.xpress-editor .tool li.character button{background-position:-429px 0}
.xpress-editor .tool li.table{width:auto}
.xpress-editor .tool li.table button{width:22px;background-position:-450px 0}
.xpress-editor .tool li.merge button{background-position:-472px 0}
.xpress-editor .tool li.splitCol button{background-position:-493px 0}
.xpress-editor .tool li.splitRow button{background-position:-514px 0}
.xpress-editor .tool li.extensions span{background-position:0 0}
.xpress-editor .tool li.extensions span button{background-position:right 0}
.xpress-editor .tool li.html span{background-position:0 0}
.xpress-editor .tool li.html span button{background-position:right 0}
.xpress-editor .tool li.preview span{background-position:0 0}
.xpress-editor .tool li.preview span button{background-position:right 0}
/* Content > Tool > Button Hover */
.xpress-editor .tool li.undo button.hover{width:22px;background-position:0 -21px}
.xpress-editor .tool li.redo button.hover{background-position:-22px -21px}
.xpress-editor .tool li.bold button.hover{width:22px;background-position:-43px -21px}
.xpress-editor .tool li.underline button.hover{background-position:-65px -21px}
.xpress-editor .tool li.italic button.hover{background-position:-86px -21px}
.xpress-editor .tool li.del button.hover{background-position:-107px -21px}
.xpress-editor .tool li.fcolor button.hover{background-position:-128px -21px}
.xpress-editor .tool li.bcolor button.hover{background-position:-149px -21px}
.xpress-editor .tool li.sup button.hover{background-position:-170px -21px}
.xpress-editor .tool li.sub button.hover{background-position:-191px -21px}
.xpress-editor .tool li.left button.hover{width:22px;background-position:-212px -21px}
.xpress-editor .tool li.center button.hover{background-position:-234px -21px}
.xpress-editor .tool li.right button.hover{background-position:-255px -21px}
.xpress-editor .tool li.justify button.hover{background-position:-276px -21px}
.xpress-editor .tool li.ol button.hover{background-position:-297px -21px}
.xpress-editor .tool li.ul button.hover{background-position:-318px -21px}
.xpress-editor .tool li.outdent button.hover{background-position:-339px -21px}
.xpress-editor .tool li.indent button.hover{background-position:-360px -21px}
.xpress-editor .tool li.blockquote button.hover{width:22px;background-position:-381px -21px}
.xpress-editor .tool li.url button.hover{width:26px;background-position:-403px -21px}
.xpress-editor .tool li.character button.hover{background-position:-429px -21px}
.xpress-editor .tool li.table button.hover{width:22px;background-position:-450px -21px}
.xpress-editor .tool li.merge button.hover{background-position:-472px -21px}
.xpress-editor .tool li.splitCol button.hover{background-position:-493px -21px}
.xpress-editor .tool li.splitRow button.hover{background-position:-514px -21px}
.xpress-editor .tool li.extensions span.hover{background-position:0 -21px}
.xpress-editor .tool li.extensions span.hover button{background-position:right -21px}
.xpress-editor .tool li.html span.hover{background-position:0 -21px}
.xpress-editor .tool li.html span.hover button{background-position:right -21px}
.xpress-editor .tool li.preview span.hover{background-position:0 -21px}
.xpress-editor .tool li.preview span.hover button{background-position:right -21px}
/* Content > Tool > Button Active */
.xpress-editor .tool li.undo button.active{width:22px;background-position:0 -42px}
.xpress-editor .tool li.redo button.active{background-position:-22px -42px}
.xpress-editor .tool li.bold button.active{width:22px;background-position:-43px -42px}
.xpress-editor .tool li.underline button.active{background-position:-65px -42px}
.xpress-editor .tool li.italic button.active{background-position:-86px -42px}
.xpress-editor .tool li.del button.active{background-position:-107px -42px}
.xpress-editor .tool li.fcolor button.active{background-position:-128px -42px}
.xpress-editor .tool li.bcolor button.active{background-position:-149px -42px}
.xpress-editor .tool li.sup button.active{background-position:-170px -42px}
.xpress-editor .tool li.sub button.active{background-position:-191px -42px}
.xpress-editor .tool li.left button.active{width:22px;background-position:-212px -42px}
.xpress-editor .tool li.center button.active{background-position:-234px -42px}
.xpress-editor .tool li.right button.active{background-position:-255px -42px}
.xpress-editor .tool li.justify button.active{background-position:-276px -42px}
.xpress-editor .tool li.ol button.active{background-position:-297px -42px}
.xpress-editor .tool li.ul button.active{background-position:-318px -42px}
.xpress-editor .tool li.outdent button.active{background-position:-339px -42px}
.xpress-editor .tool li.indent button.active{background-position:-360px -42px}
.xpress-editor .tool li.blockquote button.active{width:22px;background-position:-381px -42px}
.xpress-editor .tool li.url button.active{width:26px;background-position:-403px -42px}
.xpress-editor .tool li.character button.active{background-position:-429px -42px}
.xpress-editor .tool li.table button.active{width:22px;background-position:-450px -42px}
.xpress-editor .tool li.merge button.active{background-position:-472px -42px}
.xpress-editor .tool li.splitCol button.active{background-position:-493px -42px}
.xpress-editor .tool li.splitRow button.active{background-position:-514px -42px}
.xpress-editor .tool li.extensions span.active{background-position:0 -42px}
.xpress-editor .tool li.extensions span.active button{background-position:right -42px}
.xpress-editor .tool li.html span.active{background-position:0 -42px}
.xpress-editor .tool li.html span.active button{background-position:right -42px}
.xpress-editor .tool li.preview span.active{background-position:0 -42px}
.xpress-editor .tool li.preview span.active button{background-position:right -42px}
/* Content > Tool > Button Off */
.xpress-editor .tool.off li.undo button,
.xpress-editor .tool li.undo button.off{width:22px;background-position:0 -63px}
.xpress-editor .tool.off li.redo button,
.xpress-editor .tool li.redo button.off{background-position:-22px -63px}
.xpress-editor .tool.off li.bold button{width:22px;background-position:-43px -63px}
.xpress-editor .tool.off li.underline button{background-position:-65px -63px}
.xpress-editor .tool.off li.italic button{background-position:-86px -63px}
.xpress-editor .tool.off li.del button{background-position:-107px -63px}
.xpress-editor .tool.off li.fcolor button{background-position:-128px -63px}
.xpress-editor .tool.off li.bcolor button{background-position:-149px -63px}
.xpress-editor .tool.off li.sup button{background-position:-170px -63px}
.xpress-editor .tool.off li.sub button{background-position:-191px -63px}
.xpress-editor .tool.off li.left button{width:22px;background-position:-212px -63px}
.xpress-editor .tool.off li.center button{background-position:-234px -63px}
.xpress-editor .tool.off li.right button{background-position:-255px -63px}
.xpress-editor .tool.off li.justify button{background-position:-276px -63px}
.xpress-editor .tool.off li.ol button{background-position:-297px -63px}
.xpress-editor .tool.off li.ul button{background-position:-318px -63px}
.xpress-editor .tool.off li.outdent button{background-position:-339px -63px}
.xpress-editor .tool.off li.indent button{background-position:-360px -63px}
.xpress-editor .tool.off li.blockquote button{width:22px;background-position:-381px -63px}
.xpress-editor .tool.off li.url button{width:26px;background-position:-403px -63px}
.xpress-editor .tool.off li.character button{background-position:-429px -63px}
.xpress-editor .tool.off li.table button{width:22px;background-position:-450px -63px}
.xpress-editor .tool.off li.merge button,
.xpress-editor .tool li.merge button.off{background-position:-472px -63px}
.xpress-editor .tool.off li.splitCol button,
.xpress-editor .tool li.splitCol button.off{background-position:-493px -63px}
.xpress-editor .tool.off li.splitRow button,
.xpress-editor .tool li.splitRow button.off{background-position:-514px -63px}
.xpress-editor .tool.off li.extensions span{background-position:0 -63px}
.xpress-editor .tool.off li.extensions span button{background-position:right -63px;color:#bcbcbc}
.xpress-editor .tool.off li button{cursor:default}
.xpress-editor .tool.off ul.extra3 li button{cursor:pointer}
/* Content > Tool > Layer */
.xpress-editor .tool .layer{display:none;position:absolute;left:0;top:20px;background-color:#fbfbfb;border:1px solid #c5c5c5;border-right:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f}
.xpress-editor .tool .layer li{float:none;left:0}
.xpress-editor .tool .layer button,
.xpress-editor.black .tool .layer button{margin:0 !important;width:auto;height:auto;background:none;float:none}
.xpress-editor .tool .layer button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.xpress-editor .tool .btn_area{position:relative;clear:both;text-align:center !important;padding:7px 0 12px 0;width:100%;white-space:nowrap;*zoom:1}
.xpress-editor .tool .btn_area *{vertical-align:top}
.xpress-editor .tool button.close{position:absolute;top:4px;right:3px;width:21px;height:20px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_layer_close.gif) no-repeat center center !important}
.xpress-editor .tool button.close span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
.xpress-editor .tool .layer .btn_area button{*margin:0 2px !important}
.xpress-editor .tool .layer .btn_area button.confirm{width:38px;height:21px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_layer_confirm.gif) no-repeat}
.xpress-editor .tool .layer .btn_area button.cancel{width:38px;height:21px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_layer_cancel.gif) no-repeat}
.xpress-editor .tool li.fcolor .layer{width:218px !important;height:auto !important;background-image:none !important;overflow:hidden}
.xpress-editor .tool .layer .palette{width:210px;position:relative;left:7px;padding:8px 0 7px 0;margin:0}
.xpress-editor .tool .layer .palette li{float:left;margin:0 1px 1px 0 !important;font-size:0;line-height:0}
.xpress-editor .tool .layer .palette button{position:relative;overflow:hidden;width:11px !important;height:11px !important}
.xpress-editor .tool li.bcolor .layer {width:218px;overflow:hidden}
.xpress-editor .tool .layer .background{width:210px;position:relative;left:7px;margin:0 0 -2px 0;padding:8px 0 0 0;*padding-bottom:8px;_padding-bottom:4px}
.xpress-editor .tool .layer .background li{float:left;margin:0 5px 2px 0 !important}
.xpress-editor .tool .layer .background button{position:relative;overflow:hidden;width:65px;height:19px;text-align:left;padding:4px}
.xpress-editor .tool .layer .background button span{position:relative;visibility:visible;font-size:12px;line-height:normal;width:auto;height:auto}
.xpress-editor .tool li.style .layer{padding:4px 2px;_overflow:hidden;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=2)}
.xpress-editor .tool li.style .layer li{position:relative;background:#fbfbfb}
.xpress-editor .tool li.style .layer li button{display:block;width:134px;position:relative}
.xpress-editor .tool li.style .layer li button span{display:block;width:130px;text-align:left;letter-spacing:normal}
.xpress-editor .tool li.style .layer li.h3 button span{padding:3px 0 1px 4px;height:15px;font-size:16px;font-weight:bold}
.xpress-editor .tool li.style .layer li.h4 button span{padding:3px 0 2px 4px;height:13px;font-size:14px;font-weight:bold}
.xpress-editor .tool li.style .layer li.h5 button span{padding:3px 0 1px 4px;height:11px;font-size:12px;font-weight:bold}
.xpress-editor .tool li.style .layer li.h6 button span{padding:3px 0 1px 4px;height:11px;font-size:12px}
.xpress-editor .tool li.style .layer li.p button span{padding:3px 0 1px 4px;height:11px;font-size:12px;color:#5d5d5d}
.xpress-editor .tool li.style .layer li button.hover{background:#c1f471;*height:1%}
.xpress-editor .tool li.blockquote .layer{padding:6px 0 6px 7px;left:0;width:294px}
.xpress-editor .tool li.blockquote .layer ul{*zoom:1;margin:0}
.xpress-editor .tool li.blockquote .layer ul:after{content:"";display:block;clear:both}
.xpress-editor .tool li.blockquote .layer li{position:relative;float:left;overflow:hidden;width:32px;height:34px;margin:0 2px 0 0 !important;border:1px solid #cdcecc !important;background-image:url(/ko/modules/editor/skins/xpresseditor/img/btn_qmark.gif);background-repeat:no-repeat}
.xpress-editor .tool li.blockquote .layer li.q1{background-position:0 0}
.xpress-editor .tool li.blockquote .layer li.q2{background-position:-32px 0}
.xpress-editor .tool li.blockquote .layer li.q3{background-position:-64px 0}
.xpress-editor .tool li.blockquote .layer li.q4{background-position:-96px 0}
.xpress-editor .tool li.blockquote .layer li.q5{background-position:-128px 0}
.xpress-editor .tool li.blockquote .layer li.q6{background-position:-160px 0}
.xpress-editor .tool li.blockquote .layer li.q7{background-position:-192px 0}
.xpress-editor .tool li.blockquote .layer li.q8{background-position:-224px 0}
.xpress-editor .tool li.blockquote .layer li button{width:32px;height:34px}
.xpress-editor .tool li.url .layer{width:231px;height:125px;background-image:url(/ko/modules/editor/skins/xpresseditor/img/bx_url.gif);background-repeat:no-repeat;background-position:10px 14px}
.xpress-editor .tool li.url .layer fieldset{position:absolute;width:212px;left:10px;top:14px}
.xpress-editor .tool li.url .layer fieldset h3{position:absolute;top:-4px;left:15px;color:#404040;visibility:visible;font-size:12px;line-height:normal;width:auto;height:auto;background:none;margin:0;padding:0;font-weight:normal}
.xpress-editor .tool li.url .layer fieldset input.link{position:absolute;left:12px;top:19px;width:179px;padding:2px 0 1px 6px;*margin:-1px 0;font-size:11px;height:13px;border:1px solid #818181;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.xpress-editor .tool li.url .layer fieldset p{position:absolute;left:12px;top:44px}
.xpress-editor .tool li.url .layer fieldset p input{width:13px;height:13px;vertical-align:middle;margin-right:3px}
.xpress-editor .tool li.url .layer .btn_area{position:absolute;bottom:12px;padding:0}
.xpress-editor .tool li.table .layer{width:242px;height:239px;background-image:url(/ko/modules/editor/skins/xpresseditor/img/bx_table.gif);background-repeat:no-repeat;background-position:10px 14px}
.xpress-editor .tool li.table .layer fieldset{position:absolute;width:222px;left:10px}
.xpress-editor .tool li.table .layer fieldset h3{position:absolute;top:-4px;left:15px;color:#404040;visibility:visible;font-size:12px;line-height:normal;width:auto;height:auto;background:none;margin:0;padding:0;font-weight:normal}
.xpress-editor .tool li.table .layer fieldset dl{position:absolute;left:10px}
.xpress-editor .tool li.table .layer fieldset dt{float:left;padding:3px 0 0 0;height:20px;white-space:nowrap;letter-spacing:-1px}
.xpress-editor .tool li.table .layer fieldset dd{float:right;position:relative}
.xpress-editor .tool li.table .layer fieldset dd button.add,
.xpress-editor .tool li.table .layer fieldset dd button.del{position:absolute;left:27px;width:15px;height:8px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_layer_cell_adjust.gif) no-repeat}
.xpress-editor .tool li.table .layer fieldset dd button.add{top:1px}
.xpress-editor .tool li.table .layer fieldset dd button.del{top:9px;background-position:0 -8px}
.xpress-editor .tool li.table .layer fieldset dd .preview_palette{display:block;float:left;margin:0 3px 0 0;padding:2px;position:relative;border:1px solid #c8c9c6;width:14px;height:14px;overflow:hidden}
.xpress-editor .tool li.table .layer fieldset dd .preview_palette button{width:14px;height:14px;font-size:500px;line-height:0}
.xpress-editor .tool li.table .layer fieldset dd .find_palette{width:33px;height:20px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_search.gif) no-repeat}
.xpress-editor .tool li.table .layer fieldset.num{top:14px}
.xpress-editor .tool li.table .layer fieldset.num dl{top:18px;width:60px}
.xpress-editor .tool li.table .layer fieldset.num dt{height:20px}
.xpress-editor .tool li.table .layer fieldset.num dd{height:23px}
.xpress-editor .tool li.table .layer fieldset.num dt label{font-size:11px;color:#333}
.xpress-editor .tool li.table .layer fieldset.num dd input{padding:3px 0 0 6px;*margin:-1px 0;width:35px;height:13px;font-size:11px;border:1px solid #818181;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.xpress-editor .tool li.table .layer fieldset.color{top:96px}
.xpress-editor .tool li.table .layer fieldset.color dl{top:18px;width:210px}
.xpress-editor .tool li.table .layer fieldset.color dt{height:23px}
.xpress-editor .tool li.table .layer fieldset.color dd{height:26px;width:146px}
.xpress-editor .tool li.table .layer fieldset.color dt label{font-size:11px;color:#333}
.xpress-editor .tool li.table .layer fieldset.color dd input{padding:3px 0 0 6px;*margin:-1px 0;font-size:11px;border:1px solid #818181;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.xpress-editor .tool li.table .layer fieldset.color dd input#table_border_width{width:35px;height:13px}
.xpress-editor .tool li.table .layer fieldset.color dd input#table_border_color,
.xpress-editor .tool li.table .layer fieldset.color dd input#table_bg_color{width:70px;height:15px;*margin-right:3px}
.xpress-editor .tool li.table .layer table{position:absolute;top:18px;left:75px;width:137px;height:40px;table-layout:fixed;border-collapse:separate;border:0}
.xpress-editor .tool li.table .layer table *{font-size:0;line-height:0}
.xpress-editor .tool li.table .layer table th,
.xpress-editor .tool li.table .layer table td{text-align:center;padding:0;border:0}
.xpress-editor .tool li.table .layer .btn_area{position:absolute;bottom:12px;padding:0;z-index:1}
.xpress-editor .tool li.table .layer .palette{display:none;position:absolute;z-index:2;left:11px;width:204px;padding:8px 7px 7px 7px;_padding-right:6px;background-color:#fbfbfb;border:1px solid #c5c5c5;border-right:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f}
.xpress-editor .tool li.table .layer.p1 .palette{display:block;top:163px}
.xpress-editor .tool li.table .layer.p2 .palette{display:block;top:189px}
.xpress-editor .tool li.character .layer{width:433px;height:242px;overflow:hidden}
.xpress-editor .tool li.character .layer ul{margin:0}
.xpress-editor .tool li.character .layer h3{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
.xpress-editor .tool li.character .layer .characterNav{position:absolute;top:11px;left:-1px;overflow:hidden;white-space:nowrap}
.xpress-editor .tool li.character .layer .characterNav li{display:inline;margin:0 -4px 0 0;padding:0 8px !important;background:url(/ko/modules/editor/skins/xpresseditor/img/vr_layer_character.gif) no-repeat 0 0}
.xpress-editor .tool li.character .layer .characterNav li a{color:#444;text-decoration:none;letter-spacing:-1px}
.xpress-editor .tool li.character .layer .characterNav li a:hover,
.xpress-editor .tool li.character .layer .characterNav li a:active,
.xpress-editor .tool li.character .layer .characterNav li a:focus{text-decoration:underline}
.xpress-editor .tool li.character .layer .characterNav li a.on{font-weight:bold;color:#004790;display:inline}
.xpress-editor .tool li.character .layer .list{position:absolute;left:7px;top:30px;width:421px;height:172px;background:url(/ko/modules/editor/skins/xpresseditor/img/bx_character.gif) no-repeat}
.xpress-editor .tool li.character .layer .list li{position:relative;top:1px;left:1px;float:left;width:20px;height:18px;margin:0 1px 1px 0 !important}
.xpress-editor .tool li.character .layer .list li button{width:20px;height:18px}
.xpress-editor .tool li.character .layer .list li button.hover{border:2px solid #27c11a}
.xpress-editor .tool li.character .layer .list li button span{overflow:visible;font-size:12px;width:auto;height:auto;position:relative;visibility:visible;line-height:normal}
.xpress-editor .tool li.character .layer p{position:absolute;top:212px;left:7px}
.xpress-editor .tool li.character .layer p *{vertical-align:top}
.xpress-editor .tool li.character .layer p label{position:relative;top:4px;margin:0 7px 0 0;color:#333;letter-spacing:-1px}
.xpress-editor .tool li.character .layer p input{padding:3px 0 0 4px;margin:0 4px 0 0;width:300px;_width /**/:306px;height:16px;_height /**/:20px;border:1px solid #acacac;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.xpress-editor .tool li.character .layer p button{position:relative;*top:1px;width:38px;height:21px;background:url(/ko/modules/editor/skins/xpresseditor/img/btn_layer_confirm.gif) no-repeat}
.xpress-editor .tool li.character .layer p button span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
.xpress-editor .tool li.extensions .layer{width:auto;white-space:nowrap;padding:5px 10px}
.xpress-editor .tool li.extensions .layer li{margin:2px 0}
.xpress-editor .tool li.extensions .layer li a {color:#000;text-decoration:none}
.xpress-editor .tool li.extensions .layer li a:hover {text-decoration:underline}
/* File Uploader */
.xpress-editor .fileUploader{clear:both;padding-top:5px;margin-bottom:10px}
.xpress-editor .fileUploader:after{content:"";display:block;clear:both}
.xpress-editor .fileUploader .preview{float:left;width:64px;height:64px;border:1px solid #ccc;;padding:2px;margin:0 10px 5px 0}
.xpress-editor .fileUploader .preview.black {background-color:#000;border:1px solid #666}
.xpress-editor .fileUploader .preview img{display:block;width:64px;height:64px}
.xpress-editor .fileUploader .fileListArea{float:left;width:260px;margin:0 10px 5px 0}
.xpress-editor .fileUploader .fileListArea select{width:100%;height:70px;overflow:auto;margin:0;padding:0;float:none}
.xpress-editor .fileUploader .fileListArea select option{font-size:11px}
.xpress-editor .fileUploader .fileListArea.black select {background-color:#000;border:1px solid #666}
.xpress-editor .fileUploader .fileListArea.black select option {color:#aaa}
.xpress-editor .fileUploader .fileUploadControl{clear:right}
.xpress-editor .fileUploader .fileUploadControl .text{margin:0 0 5px 0;font-size:11px;text-decoration:underline}
.xpress-editor .fileUploader .file_attach_info{clear:right;margin:5px 0;font-size:11px;color:#333}
/* Auto Save */
.xpress-editor .autosave_message {display:none;background: #f6ffdb;padding:6px 10px;margin:0;line-height:1}
.xpress-editor.black .autosave_message {display:none;background:#222;padding:6px 10px;margin:0;line-height:1;color:#fff}
.xpress-editor .input_syntax.black {background:transparent;color:#fff}

/* Source: ./modules/editor/styles/default/style.css */

/* XEHub (developers@xpressengine.com) */
.xe_content{color:#000;font-size:12px;line-height:1.5}
.xe_content blockquote.q1,
.xe_content blockquote.q2,
.xe_content blockquote.q3,
.xe_content blockquote.q4,
.xe_content blockquote.q5,
.xe_content blockquote.q6,
.xe_content blockquote.q7{padding:10px;margin:0 15px}
.xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc}
.xe_content blockquote.q2{padding:0 10px;background:url(/ko/modules/editor/styles/default/img/bg_qmark.gif) no-repeat left top}
.xe_content blockquote.q3{border:1px solid #d9d9d9}
.xe_content blockquote.q4{border:1px solid #d9d9d9;background:#fbfbfb}
.xe_content blockquote.q5{border:2px solid #707070}
.xe_content blockquote.q6{border:1px dashed #707070}
.xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb}
.xe_content p{margin:0}

/* Source: ./widgets/content/skins/default/css/widget.css */

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer .open{ display:block !important;} 
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.summary{ white-space:normal;}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(/ko/widgets/content/skins/default/img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url(/ko/widgets/content/skins/default/img/white/buttonWidgetTab.gif);}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .category{ color:#333; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url(/ko/widgets/content/skins/default/img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url(/ko/widgets/content/skins/default/img/black/buttonWidgetTab.gif);}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url(/ko/widgets/content/skins/default/img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(/ko/widgets/content/skins/default/img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url(/ko/widgets/content/skins/default/img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url(/ko/widgets/content/skins/default/img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url(/ko/widgets/content/skins/default/img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}

/* Source: ./files/attach/textyle/826/594/textyle.css */

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/* 
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기까지 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/* Element Reset */
body { font-family:AppleGothic, Tahoma, Sans-serif; font-size:12px; margin:0; background-color:#fff; color:#000;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
fieldset{ border:0; padding:0; margin:0;}

/* Global Class */
.inputText{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma;}
.inputTextarea{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma; line-height:1.5;}
.inputCheck{ width:13px; height:13px;}
.inputRadio{ width:13px; height:13px;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; clear:both; overflow:hidden; width:1px; height:1px; text-decoration:none !important; margin:0 0 -1px 0; text-align:center; color:#fff;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:100%; height:auto; margin-bottom:-23px; padding:5px 0;}

/* Layout */
.fixed #container,
.liquid #container,
.hybrid #container{ width:100%;}
#header{ padding:20px 0; margin:0 0 70px 0; background:#222;}
#body{ width:960px; margin:0 auto; padding:0 0 50px 0;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:650px;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:270px;}
#footer{ padding:15px 0; background:#222;}

/* Header */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ width:960px; margin:0 auto; font-size:36px;}
#header h1 a{ color:#fff;}
#header .blogURL{ width:960px; margin:0 auto; color:#666; font:9px Verdana;}
#header .blogURL a{ color:#666;}

#header .extension{ width:960px; margin:0 auto 1em auto; float:none; clear:both; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension ul{ position:relative; width:270px; float:right; white-space:nowrap;}
#header .extension li{ display:block; position:relative; font-weight:bold; font-size:10px;}
#header .extension li a{ color:#666;}
#header .extension li.active a{ color:#ff2a00;}
#header .extension form{ float:right;}

#header .search{ width:960px; margin:0 auto; clear:both; *zoom:1;}
#header .search:after{ content:""; display:block; clear:both;}
#header .search fieldset{ width:270px; float:right; text-align:left;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ width:172px; color:#fff; border:1px solid #333; border-right-color:#666; border-bottom-color:#666; background:#4d4d4d; padding:2px 24px 2px 2px; _margin:-1px 0 ; height:14px; font-size:12px;}
#header .search .inputText:focus{ background:#555;}
#header .search .buttonSearch{ position:relative; left:-2px; width:16px; height:16px; border:0; padding:0; cursor:pointer; margin-left:-20px;}

/* Footer */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}
#footer address{ position:relative; width:935px; _width:960px; padding-left:25px; margin:0 auto; text-align:left; font-size:9px; height:16px; line-height:16px; color:#b3b3b3; background:url(/ko/files/attach/textyle/826/594/img/favicon.png) no-repeat left center; _background:url(/ko/files/attach/textyle/826/594/img/favicon.gif) no-repeat left center;}
#footer address a,
#footer address acronym,
#footer address abbr{ font-weight:bold; color:#b3b3b3;}
#footer address .rss{ position:absolute; top:0; right:60px; white-space:normal; padding-left:13px; background:url(/ko/files/attach/textyle/826/594/img/iconRss.gif) no-repeat left center; font-size:10px; font-weight:normal;}

#footer .language { width:960px; height:0; margin:0 auto; position:relative; top:-16px; overflow:visible;}
#footer .language button{ cursor:pointer; padding:0; overflow:visible; background:none; border:0; font-size:11px; white-space:nowrap;}
#footer .language .selected { position:absolute; top:0; right:0; color:#767676; height:16px; *height:18px;}
#footer .language ul { position:absolute; right:0; bottom:20px; margin:0; padding:10px; list-style:none; background:#fff; border:1px solid #ddd;}
#footer .language ul li button { color:#666;}
#footer .language ul.hide { display:none; }

/* Extension */
#body .extension a{ text-decoration:none;}
#body .extension a:hover,
#body .extension a:active,
#body .extension a:focus{ text-decoration:underline;}
#body .extension .section{ color:#666; margin-bottom:40px;}
#body .extension .section h2{ padding:0; margin:0 0 15px 0; font:20px Tahoma; border-bottom:2px solid #222; color:#000;}
#body .extension .section a{ color:#666;}

#body .extension .section.profile{ line-height:1.5; *zoom:1;}
#body .extension .section.profile:after{ content:""; display:block; clear:both;}
#body .extension .section.profile *{ margin-top:0 !important;}
#body .extension .section.profile .thumb{ padding:2px; border:1px solid #ddd; margin:0 15px 5px 0; float:left;}

#body .extension .section h2{ background:url(/ko/files/attach/textyle/826/594/img/iconH2.gif) no-repeat;}
#body .extension .section.category h2{ background-position:right 6px;}
#body .extension .section.recentPost h2{ background-position:right -44px;}
#body .extension .section.recentComment h2{ background-position:right -94px;}
#body .extension .section.recentTrackback h2{ background-position:right -144px;}
#body .extension .section.recentTag h2{ background-position:right -194px;}

/* Content */
#content .postTitle{ position:relative; padding:1em 0 5px 0; margin:0 0 20px 0; font-size:18px; color:#000; border-top:2px solid #222;}
#content .postTitle em{ font-style:normal; color:#ff6600;}
#content .postTitle .category{ padding:0 0 0 10px; margin:0 0 0 5px; font-size:14px; color:#b3b3b3; border-left:1px solid #b3b3b3;}

#content .postTitle a{ text-decoration:none; color:#000;}
#content .postTitle a:hover,
#content .postTitle a:active,
#content .postTitle a:focus{ text-decoration:underline;}

#content .postMeta{ float:right; clear:both; position:relative; top:-40px; margin:0 0 -20px 0; right:0; font-size:11px; text-align:right;}
#content .postMeta .yymmdd{ color:#666;}
#content .postMeta .hhmm{ color:#8b8b8b;}
#content .postMeta .author{ padding:0 0 0 6px; margin:0 0 0 4px; text-decoration:none; color:#000; background:url(/ko/files/attach/textyle/826/594/img/lineVrText.gif) no-repeat left center;}
#content .postMeta a.editPost{ padding:0 0 0 8px; text-decoration:underline; margin-left:5px; color:#666; background:url(/ko/files/attach/textyle/826/594/img/lineVrText.gif) no-repeat left center; *zoom:1;}

#content .usedTag{ *zoom:1; font-size:11px;}
#content .usedTag *{ display:inline; margin:0; padding:0;}
#content .usedTag dt img{ vertical-align:middle;}
#content .usedTag dd{ color:#8b8b8b; padding-left:5px;}
#content .usedTag dd a{ color:#8b8b8b; text-decoration:none;}
#content .usedTag dd a:hover,
#content .usedTag dd a:active,
#content .usedTag dd a:focus{ text-decoration:underline;}

#content .summarySpot{ float:left; margin-right:1.5em !important; position:relative;}
#content .summaryMore{ clear:both; text-align:right;}
#content .summaryMore a{ color:#666;}

/* Feedback */
.feedback{ margin-bottom:30px; padding-top:1em; border-top:1px solid #808080;}

.feedback .feedbackTitle{ position:relative; padding:0 0 0 45px; overflow:hidden; font-size:18px; line-height:1; font-weight:normal; margin-top:0;}
.feedback .feedbackTitle em{ position:absolute; left:0; top:0; display:inline-block; font-size:14px; vertical-align:top; font-style:normal; color:#ff1a1a;}

.feedback .feedbackOrder{ position:relative; margin:0; padding:0; *zoom:1;}
.feedback .feedbackOrder .item{ position:relative; *zoom:1;}
.feedback .feedbackOrder .item:after{ content:""; display:block; clear:both;}

.feedback.trackback .feedbackTitle,
.feedback.trackback .feedbackTitle em{ background-image:url(/ko/files/attach/textyle/826/594/img/iconTrackbackNum.gif); background-repeat:no-repeat;}
.feedback.trackback .feedbackTitle{ height:19px; background-position:0 0;}
.feedback.trackback .feedbackTitle em{ height:19px; line-height:19px; padding:0 10px 0 4px; margin:0 5px 0 6px; background-position:right -19px;}
.feedback.trackback .data{ color:#8b8b8b;}
.feedback.trackback .item{ padding:15px 0; list-style:none; border-top:1px solid #e5e5e5;}

.feedback.reply .feedbackTitle,
.feedback.reply .feedbackTitle em{ background-image:url(/ko/files/attach/textyle/826/594/img/iconReplyNum.gif); background-repeat:no-repeat;}
.feedback.reply .feedbackTitle{ height:23px; background-position:2px 0;}
.feedback.reply .feedbackTitle em{ height:19px; line-height:19px; padding:0 8px 0 0; margin:0 5px 0 10px; background-position:right -23px;}
.feedback.reply .feedbackOrder{ overflow:hidden;}
.feedback.reply .item{ top:-1px; padding:15px 0; list-style:none; border-top:1px solid #e5e5e5;}

.feedback .trackbackURL{ *zoom:1;}
.feedback .trackbackURL:after{ content:""; display:block; clear:both;}
.feedback .trackbackURL dt{ float:left; width:160px; font-weight:bold; color:#666;}
.feedback .trackbackURL dd{ float:left; margin:0;}
.feedback .trackbackURL dd a{ font-size:9px; font-family:Verdana; color:#666; text-decoration:none;}
.feedback .trackbackURL dd a:hover,
.feedback .trackbackURL dd a:active,
.feedback .trackbackURL dd a:focus{ text-decoration:underline;}
.feedback .trackbackURL dd .copy{ border:0; background:transparent; overflow:visible; font-size:11px; color:#666; text-decoration:underline; cursor:pointer; margin:0; padding:0;}

.feedback .item.replyTarget{ background-color:#f9f9f9; padding-right:10px;}
.feedback .item.replyTarget .textyleContent{ background-color:transparent;}
.feedback .item.indent{ background-image:url(/ko/files/attach/textyle/826/594/img/iconIndent.gif); background-repeat:no-repeat;}
.feedback .item.indent.indent1{ padding-left:30px; background-position:10px 20px;}
.feedback .item.indent.indent2{ padding-left:60px; background-position:40px 20px;}
.feedback .item.indent.indent3{ padding-left:90px; background-position:70px 20px;}
.feedback .item.indent.indent4{ padding-left:120px; background-position:100px 20px;}
.feedback .item.indent.indent5{ padding-left:150px; background-position:130px 20px;}
.feedback .item.indent.indent6{ padding-left:180px; background-position:160px 20px;}
.feedback .item.indent.indent7{ padding-left:210px; background-position:190px 20px;}
.feedback .item.indent.indent8{ padding-left:240px; background-position:220px 20px;}
.feedback .item.indent.indent9{ padding-left:270px; background-position:250px 20px;}
.feedback .item.indent.indent10{ padding-left:300px; background-position:280px 20px;}
.feedback .item.indent.indent11{ padding-left:330px; background-position:310px 20px;}
.feedback .item.indent.indent12{ padding-left:360px; background-position:340px 20px;}
.feedback .item.indent.indent13{ padding-left:390px; background-position:370px 20px;}
.feedback .item.indent.indent14{ padding-left:420px; background-position:400px 20px;}
.feedback .item.indent.indent15{ padding-left:450px; background-position:430px 20px;}
.feedback .item.indent.indent16{ padding-left:480px; background-position:460px 20px;}
.feedback .item.indent.indent17{ padding-left:510px; background-position:490px 20px;}
.feedback .item.indent.indent18{ padding-left:540px; background-position:520px 20px;}
.feedback .item.indent.indent19{ padding-left:570px; background-position:550px 20px;}
.feedback .item.indent.indent20{ padding-left:600px; background-position:580px 20px;}
.feedback .item.indent.indent21{ padding-left:630px; background-position:610px 20px;}
.feedback .item.indent.indent22{ padding-left:660px; background-position:640px 20px;}
.feedback .item.indent.indent23{ padding-left:690px; background-position:670px 20px;}
.feedback .item.indent.indent24{ padding-left:720px; background-position:700px 20px;}
.feedback .item.indent.indent25{ padding-left:750px; background-position:730px 20px;}
.feedback .item.indent.indent26{ padding-left:780px; background-position:760px 20px;}
.feedback .item.indent.indent27{ padding-left:810px; background-position:790px 20px;}
.feedback .item.indent.indent28{ padding-left:840px; background-position:820px 20px;}
.feedback .item.indent.indent29{ padding-left:870px; background-position:850px 20px;}
.feedback .item.indent.indent30{ padding-left:900px; background-position:880px 20px;}

.feedback .date{ margin:0; font-size:9px; color:#666;}
.feedback .date .hhmm{ color:#8b8b8b;}

.feedback .meta{ display:table-cell; width:140px; padding:0 20px 0 0; margin:0; *zoom:1; float:left;}
.feedback .meta:after{ content:""; display:block; clear:both;}
.feedback .meta a{ text-decoration:none;}
.feedback .meta a:hover,
.feedback .meta a:active,
.feedback .meta a:focus{ text-decoration:underline;}
.feedback .meta .thumb{ float:left; margin:0 10px 5px 0;}
.feedback .meta .thumb img{ border:1px solid #ededed; vertical-align:middle; width:39px; height:39px;}
.feedback .meta .author{ margin:0 0 5px 0; padding:0; color:#666; font-size:12px;}
.feedback .meta .author a{ color:#000;}
.feedback .meta .title{ margin:0; padding:0; color:#666; font-size:12px;}
.feedback .meta .title a{ color:#000;}
.feedback .meta .ipAddress{ margin:0; font-size:9px; color:#8b8b8b;}

.feedback .data{ display:table-cell; *float:left; clear:none;}
.feedback .data .trackbackTitle{ margin:0; color:#333; font-weight:normal; font-size:12px;}
.feedback .data .trackbackTitle a{ text-decoration:none; color:#333; margin-right:10px;}
.feedback .data .trackbackTitle a:hover,
.feedback .data .trackbackTitle a:active,
.feedback .data .trackbackTitle a:focus{ text-decoration:underline;}
.feedback .data p{ margin:0 !important;}
.feedback .data p.secret{ padding-left:15px; background:url(/ko/files/attach/textyle/826/594/img/iconSecret.gif) no-repeat left center; color:#8b8b8b;}
.feedback .data .xe_content{ width:auto !important;}

.feedback .reAction{ position:relative; overflow:hidden; margin:0; padding:0; list-style:none; white-space:nowrap; clear:both; *zoom:1;}
.feedback .reAction:after{ content:""; display:block; clear:both;}
.feedback .reAction li{ position:relative; left:-5px; display:inline; margin:0; padding:0 0 0 5px; background:url(/ko/files/attach/textyle/826/594/img/lineVrText.gif) no-repeat left center; *zoom:1; vertical-align:middle;}
.feedback .reAction li *{ vertical-align:middle;}
.feedback .reAction li a{ font-size:11px; text-decoration:none; color:#666;}
.feedback .reAction li a:hover,
.feedback .reAction li a:active,
.feedback .reAction li a:focus{ text-decoration:underline;}
.feedback .reAction li button{ overflow:visible; border:0; background:transparent; cursor:pointer; padding:0; font-size:11px; color:#666;}

.feedback .pwForm{ margin:0; padding:0; display:none;}
.feedback .pwForm.active{ display:block;}
.feedback .pwForm *{ vertical-align:middle;}
.feedback .pwForm{ margin:1em 0;}
.feedback .pwForm .inputText{ font-size:11px; padding:2px 4px 4px 4px; height:12px; width:90px; margin:0 -1px 0 0;}
.feedback .pwForm .submit{ border:1px solid #c2c2c2; border-top-color:#9c9c9c; border-left:0; background:#eee; padding:0 2px; height:20px; cursor:pointer; font-size:11px;}

.replyForm{ margin-bottom:50px; border-top:1px solid #808080; padding-top:1em;}
.replyForm.guestBook{ border:0;}
.feedback .replyForm{ top:0 !important; padding:10px !important; margin-bottom:0; background:#f9f9f9;}
.replyForm *{ font-size:12px;}
.replyForm h3{ font-size:18px; font-weight:normal; margin-top:0;}
.replyForm .inputTextarea{ width:638px !important; padding:5px; display:block; margin:0 0 3px 0; overflow:auto;}
.replyForm .inputTextarea:focus{ background-color:#fffce0;}
.feedback .replyForm .inputTextarea{ width:618px !important;}
.replyForm .replyFooter{ *zoom:1;}
.replyForm .replyFooter:after{ content:""; display:block; clear:both;}
.replyForm .replyFooter .optional{ float:left;}
.replyForm .inputText{ padding:3px 4px; height:15px; vertical-align:middle;}
.replyForm .inputText:focus{ background-color:#fffce0;}
.replyForm .inputText.name,
.replyForm .inputText.pw{ width:80px;}
.replyForm .inputText.email,
.replyForm .inputText.url{ width:135px;}
.replyForm .inputCheck{ vertical-align:middle;}
.replyForm label{ vertical-align:middle; cursor:pointer;}
.replyForm .inputSubmit,
.replyForm .inputSubmit input{ position:relative; display:inline-block; height:23px; overflow:visible; background:url(/ko/files/attach/textyle/826/594/img/buttonSubmit.gif) no-repeat; vertical-align:middle; *vertical-align:top;}
.replyForm .inputSubmit{ float:right; background-position:left top; margin-right:11px;}
.replyForm .inputSubmit input{ height:23px; line-height:23px; border:0; margin:0 -11px 0 0; padding:0 11px 0 11px; font-weight:bold; color:#fff; cursor:pointer; background-color:transparent; font-size:11px; background-position:right top;}
.replyForm strong.name{ margin:0 10px 0 0;}
.replyForm span.email{ color:#8b8b8b; margin:0 10px 0 0; font-size:11px;}
.replyForm span.url{ color:#8b8b8b; font-size:11px; margin:0 10px 0 0;}

/* Pagination Reset */
.pagination{ padding:15px 0; margin:15px 0 !important; text-align:center; *zoom:1;}
.pagination:after{ content:""; display:block; clear:both;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle; color:#000;}
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination Number */
.pagination.paginationNum{ border-top:2px solid #666;}
.pagination.paginationNum a,
.pagination.paginationNum strong{ margin:0 2px; padding:1px 2px; font-size:12px; font-weight:bold; color:#999;}
.pagination.paginationNum strong{ text-decoration:underline;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd,
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ display:inline-block; padding:0; margin:0; font-weight:bold !important;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd{ margin-right:5px !important;}
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ margin-left:5px !important;}
.pagination.paginationNum a.prev span,
.pagination.paginationNum a.prevEnd span,
.pagination.paginationNum a.next span,
.pagination.paginationNum a.nextEnd span{ color:#333;}
.pagination.paginationNum a:hover,
.pagination.paginationNum a:active,
.pagination.paginationNum a:focus{ text-decoration:underline;}

/* Pagination Post */
.pagination.paginationPost a.prev,
.pagination.paginationPost a.next{ display:block; padding:2px 0; background-repeat:no-repeat; background-color:transparent !important; white-space:normal; font-weight:bold !important; color:#8b8b8b;}
.pagination.paginationPost a.prev{ left:-7px; float:left; padding-left:25px; margin:0; background-image:url(/ko/files/attach/textyle/826/594/img/buttonPaginationPrev.gif); background-position:left 7px; text-align:left;}
.pagination.paginationPost a.next{ right:-7px; float:right; padding-right:25px; margin:0; background-image:url(/ko/files/attach/textyle/826/594/img/buttonPaginationNext.gif); background-position:right 7px; text-align:right;}
.pagination.paginationPost a:hover,
.pagination.paginationPost a:active,
.pagination.paginationPost a:focus{ text-decoration:underline; color:#ff6600;}

/* WidgetTree */
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree .all{ padding:0 0 0 29px; color:#333 !important; background:url(/ko/files/attach/textyle/826/594/img/buttonTreeRoot.gif) no-repeat 5px center;}
.widgetTree .sum{ font-size:9px; color:#8b8b8b; font-weight:normal !important;}
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; margin:0 0 0 11px; zoom:1; background:url(/ko/files/attach/textyle/826/594/img/lineTreeVr.gif) repeat-y 0 -1px;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url(/ko/files/attach/textyle/826/594/img/lineTreeHr.gif) no-repeat 1px 5px !important;}
.widgetTree ul li .nav_tree_label,
.widgetTree ul li .sum{ position:relative; left:10px; top:0;}
.widgetTree ul li .nav_tree_label{ color:#666;}
.widgetTree ul li em{ font-style:normal;}
.widgetTree ul li button{ display:inline-block; position:relative; left:-14px; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -17px 0 0; *margin:0 -21px -1px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; background:url(/ko/files/attach/textyle/826/594/img/buttonTreeCollapse.gif) no-repeat;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 15px; background-position:left top;}
.widgetTree ul li ul li{ display:none;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree ul li.nav_tree_last{ background:url(/ko/files/attach/textyle/826/594/img/lineTreeLastHr.gif) no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.active .sum{ color:#ff1a1a !important;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a,
.widgetTree ul li.active li .sum{ font-weight:normal; color:#8b8b8b !important;}
.widgetTree .icon{ position:relative; left:16px;}

/* archive items */
.recentPost .widgetA{ margin:0; padding:0; list-style:none;}
.recentPost .widgetA li{ position:relative; padding:0 0 0 8px; margin:0 0 5px 0; background:url(/ko/files/attach/textyle/826/594/img/iconWidgetList.gif) no-repeat 0 7px;}
.recentPost .widgetA li .date{ position:absolute; top:2px; right:0; font-size:9px; color:#767676;}
.recentPost .widgetA li .hour{ position:absolute; top:2px; right:0; font-size:9px; color:#8b8b8b; display:none;}
.recentPost .widgetA li .replyNum,
.recentPost .widgetA li .replyNum a{ color:#ff1a1a !important;}
.recentPost .widgetA li .trackbackNum,
.recentPost .widgetA li .trackbackNum a{ color:#19a0ff !important;}

.recentComment .widgetA{ margin:0; padding:0; list-style:none;}
.recentComment .widgetA li{ position:relative; padding:0; margin:0 0 5px 0;}
.recentComment .widgetA li .author{ position:absolute; top:2px; right:0; font-size:11px; color:#8b8b8b;}

.recentTrackback .widgetA{ margin:0; padding:0; list-style:none;}
.recentTrackback .widgetA li{ position:relative; padding:0; margin:0 0 5px 0;}
.recentTrackback .widgetA li .title{ display:block;}
.recentTrackback .widgetA li .author{ color:#8b8b8b !important;}
.recentTrackback .widgetA li .date{ font-size:9px; color:#8b8b8b;}
.recentTrackback .widgetA li .hour{ font-size:9px; color:#8b8b8b;}

/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.widgetTagCloud li{ display:inline; list-style:none;}
.widgetTagCloud li a{ white-space:nowrap;}
.widgetTagCloud li.level4 a{ font-size:12px; color:#8b8b8b !important;}
.widgetTagCloud li.level3 a{ font-size:12px; color:#666 !important;}
.widgetTagCloud li.level2 a{ font-size:12px; font-weight:bold; color:#666 !important;}
.widgetTagCloud li.level1 a{ font-size:14px; font-weight:bold; color:#000 !important;}

/* Tag Cloud */
.tagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.tagCloud li{ display:inline; white-space:nowrap; list-style:none;}
.tagCloud li.level1 a{ font-size:11px; color:#888;}
.tagCloud li.level2 a{ font-size:14px; color:#666;}
.tagCloud li.level3 a{ font-size:18px; font-weight:bold; color:#444;}
.tagCloud li.level4 a{ font-size:24px; font-weight:bold; color:#000;}

.tagCloud li a{ text-decoration:none;}
.tagCloud li a:hover,
.tagCloud li a:active,
.tagCloud li a:focus{ text-decoration:underline;}

/* Search Result */
.searchResult{ position:relative; overflow:hidden; margin:1em 0; padding:0; list-style:none;}
.searchResult li{ position:relative; top:-1px; padding:7px 100px 7px 0; border-top:1px solid #f4f4f4; *zoom:1;}
.searchResult li a{ text-decoration:none; color:#000;}
.searchResult li a:hover,
.searchResult li a:active,
.searchResult li a:focus{ text-decoration:underline;}
.searchResult li .date{ position:absolute; top:9px; right:0; font-size:9px; color:#8b8b8b;}

/* textyleContent */
.textyleContent{ font-size:12px; line-height:1.6; clear:both;}
.textyleContent h1{ font-size:24px;}
.textyleContent h2{ font-size:20px;}
.textyleContent h3{ font-size:18px;}
.textyleContent h4{ font-size:16px;}
.textyleContent h5{ font-size:14px;}
.textyleContent h6{ font-size:12px;}

/* Attached File */
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee; }
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url(/ko/files/attach/textyle/826/594/img/iconClip.gif) no-repeat 2em .3em; font-size:12px;}
.textyleContent dl.attachedFile em{ font-size:11px; font-weight:normal; font-style:normal; margin:0 5px;}
.textyleContent dl.attachedFile dd{ margin:0; padding:0 2em; color:#8b8b8b; font-size:11px;}
.textyleContent dl.attachedFile dd a{ text-decoration:none; color:#0092cf; margin-right:10px;}
.textyleContent dl.attachedFile dd a:hover,
.textyleContent dl.attachedFile dd a:active,
.textyleContent dl.attachedFile dd a:focus{ text-decoration:underline;}

/* Table Of Content */
.textyleContent .toc{ position:relative; background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px; *zoom:1;}
.textyleContent .toc li{ font-weight:bold; color:#555; margin-left:35px;}
.textyleContent .toc li.toc3{}
.textyleContent .toc li.toc4{ margin-left:55px;}
.textyleContent .toc li.toc5{ margin-left:75px;}
.textyleContent .toc li a{ color:#648ab9; text-decoration:none; font-weight:normal;}
.textyleContent .toc li a:hover,
.textyleContent .toc li a:active,
.textyleContent .toc li a:focus{ text-decoration:underline;}

/* Object */
.textyleContent object{ margin:1em 0;}

/* Horizontal Rule */
.textyleContent hr{ display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both;}

/* Blockquote */
.textyleContent blockquote{ margin:1em 0; padding:1em 2em; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Cite */
.textyleContent cite{ display:block; margin:1em 0;}

/* Link */
.textyleContent .xe_dr_link p strong{ display:block;}

/* P */
.textyleContent p{ margin:1em 0 !important;}

/* More | Less */
.fold_button{ text-align:left; margin:1em 0;}
.fold_button button{ font-size:12px; border:0; background:none; cursor:pointer; color:#2200cc; overflow:visible; padding:0;}
.fold_button button:before{ content:"» ";}

/* Me2day Widget */
.me2day_daily_digest{ line-height:1.5;}
.me2day_daily_digest ul{ margin-left:0; padding-left:0; list-style:none;}
.me2day_daily_digest li{ position:relative; clear:both; padding:0 0 16px 45px; margin-bottom:1em; *zoom:1; background:url(/ko/files/attach/textyle/826/594/img/iconMe2day.gif) no-repeat 0 0;}
.me2day_daily_digest .me2_tags{ display:block; padding:5px 0 5px 30px; margin:0; font-size:11px; line-height:1.2; color:#767676; background:url(/ko/files/attach/textyle/826/594/img/iconMe2tag.gif) no-repeat left 5px;}
.me2day_daily_digest .datetime{ position:absolute !important; bottom:2px; display:none; font:11px/1 Tahoma; color:#66C; white-space:nowrap; text-decoration:none;}
.me2day_daily_digest li:hover .datetime{ display:block;}
.me2day_daily_digest a:hover,
.me2day_daily_digest a:active,
.me2day_daily_digest a:focus{ text-decoration:underline;}

