/* file:/home/recamier/files/cache/optimized/1944d7acfa1528ecef91224d31913639.cache.php */
body {color:#666}

.bullet {list-style:none;background:url(/img/cmn/cmn.png) no-repeat -230px -90px; padding-left:20px; margin:8px 0;*margin:7px 0;}
.bullet {list-style:none;background:url(/img/cmn/cmn.png) no-repeat -230px -90px; padding-left:20px; margin:2px 0;*margin:1px 0;}
.pad2 {padding:2px}
.rpad2 {padding-right:2px; width:2px; overflow:hidden}
.tpad2 {padding-top:2px; height:2px; overflow:hidden}
.ptop4 {padding-top:4px}
.mtop4 {margin-top:4px}
.a {text-decoration:none; color:#666;cursor:pointer; cursor:hand}
.none {display:none}
.block {display:block}
#buttons {margin-top:-5px}
#buttons li {background:url(/img/cmn/board.gif) no-repeat; cursor:hand; cursor:pointer; list-style:none; height:38px; float:left}
#buttons .button_write {background-position:0px -187px; width:72px; }
#buttons .button_write:hover {background-position:-90px -187px; }
#buttons .button_list {background-position: 0px -227px; width:58px; }
#buttons .button_list:hover {background-position: -90px -227px; }
#buttons .button_modify {background-position: 0px -347px; width:58px; }
#buttons .button_modify:hover {background-position: -90px -347px; }
#buttons .button_del {background-position: 0px -387px; width:58px; }
#buttons .button_del:hover {background-position: -90px -387px;  }
#buttons .button_manage {background-position: 0px -467px; width:58px; }
#buttons .button_manage:hover {background-position: -90px -467px; }
.buttons .button_upload {background-position: 0px -440px; width:78px; }
.buttons .upload_hover {background-position: -90px -440px; width:78px; }
.buttons .button_remove {background-position: 0px -480px; width:78px; }
.buttons .remove_hover {background-position: -90px -480px; width:78px; }
.buttons .button_close {background-position: 0px -320px; width:58px; }
.buttons .close_hover {background-position: -90px -320px; width:58px; }
.buttons .button_apply {background-position: 0px -680px; width:78px; }
.buttons .apply_hover {background-position: -90px -680px; width:78px; }
.buttons .button_newitem {background-position: 0px -640px; width:78px; }
.buttons .newitem_hover {background-position: -90px -640px; width:78px; }
.buttons .button_cancel {background-position:0px -120px; width:58px; }
.buttons .cancel_hover {background-position:-90px -120px; width:58px; }

#login_default .userName {height:20px; padding:5px}
#login_default { _padding-top:2px; }
*:first-child+html body #login_default { padding-top:2px;}


#login_default form p.save { margin:0; clear:both; padding:.3em 0;}
#login_default form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #login_default form p input { margin:-3px; }
#login_default form p.save label { font:.9em; color:#999999;}
#login_default form ul.help { margin:0; border-top:1px solid #eee; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap; list-style:none; }
#login_default .keep {float:right; margin-top:-3px; color:#999}
#login_default form ul.help li { display:block; padding:0 3px 0 0; }
#login_default form ul.help li.first-child { background:none; padding-left:0; margin-bottom:3px; }
#login_default form ul.help li a { color:#54564b; font:.9em; white-space:nowrap; text-decoration:none; }
#login_default form ul.help li.first-child a { color:#54564b; text-decoration:none;}
#login_default form ul.help li a:hover { text-decoration:underline; }
#login_default form ul.userMenu li { list-style:none; padding-left:10px;  margin-bottom:2px;}
#login_default form ul.userMenu li a { color:#54564b; text-decoration:none;}
#login_default form ul.userMenu li a:hover { text-decoration:underline;}
#login_default form p.latestLogin { margin:0; color:#999999; font:.9em;}
#login_default form p.latestLogin span { font:1em Tahoma;}
#login_default .profile_image {background:url(/img/cmn/cmn.png) 0 -140px no-repeat; width:80px; overflow:hidden}
img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}

.loginWindow{ position:absolute; width:185px; top:167px; left:50%; padding:0 9px 10px 9px; border:3px solid #eee; margin:0 0 0 -490px; background:#fff; display:none } 
#login_default .logintop {background:url(/img/cmn/cmn.png) -110px -20px no-repeat; height:30px; width:50px}
#login_default .profiletop {background:url(/img/cmn/cmn.png) -162px -20px no-repeat; height:30px;}

#login_default .close {background:url(/img/cmn/cmn.png) -419px -20px no-repeat; width:10px; height:10px; margin-top:7px;float:right; cursor:hand; cursor:pointer}
#scrollall .close {background:url(/img/cmn/cmn.png) -419px -20px no-repeat; width:10px; height:10px; float:right; cursor:hand; cursor:pointer}


.open{ display:block !important;} 
.none {display:none}
.block {display:block}


.mainContainer a{ text-decoration:none;}
.mainContainer a:hover,
.mainContainer a:active,
.mainContainer a:focus{ text-decoration:underline;}
.mainContainer img{ border:0;}
.mainContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.mainContainer form{ margin:0; padding:0;}
.mainContainer fieldset{ border:0; margin:0; padding:0;}

.mainNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.mainNavigator li{ list-style:none; display:inline;}
.mainNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(/img/cmn/cmn.png) ; border:1px solid #eee; cursor:pointer; cursor:hand}
.mainNavigator li button.prev{ background-position:-410px 0; *background-position:-411px -1px;}
.mainNavigator li button.next{ background-position:-423px 0; *background-position:-424px -1px;}
.mainNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}



.widgetTabC{ border-color:#eee; font-size:11px;}
.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:#882222;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ }
.widgetTabA li a{ color:#999;border-left:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }



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



#boxen_overlay {
	background-color: #333;
	position: absolute;
}

#boxen_container {
	padding: 4px;
	margin: 0;
	position: absolute;
	background-color: #eee;
	overflow: visible;
	-moz-border-radius: 3px 3px;
	
}

#boxen_close_button {
	background:url(/img/cmn/member.png) -130px 5px no-repeat; 
	height: 30px;
	position: absolute;
	right: 10px;
	top: 4px;
	width: 70px;
	
}


#boxen_content {
	background-color: #fff;
	overflow: visible;
	width: 100%;
	height: 100%;
}

#boxen_titlebar {
	background-color: #fff;
	position: relative;
	text-indent:-1000em;
	width:120px;
	background:url(/img/cmn/member.png) 0 5px no-repeat; height:35px
	
}

#boxen_title {
	
}

/* file:/home/recamier/files/cache/optimized/39b1fd7ae19c97700bf8fc82dc9c89be.cache.php */
 
/* Rimis Own Code */

.share {display:block; margin:15px 0 20px 10px; height:65px }
.share li{ position:relative; float:left; margin-left:7px; display:inline; }
.share li a {color:#222; font-size:.9em; margin:4px;}
.share li div {width:55px; height:50px; display:block;}
.share li.f div { background:url(/img/board.png) 0 -105px no-repeat; }
.share li.m div { background:url(/img/board.png) 0 -155px no-repeat;}
.share li.t div { background:url(/img/board.png) 0 -55px no-repeat;}
.share li.v div { background:url(/img/board.png) 0 -205px no-repeat}



.text_ad_top {width:375px; _width:383px; position:absolute; left:50%; margin-left:-150px; top:-4px}
#gnb {width:255px; _width:268px; position:absolute; left:50%; margin-left:225px; _margin-left:220px;top:4px}
#gnb .reviewer {background:url(/img/cmn/board.gif) -243px -353px no-repeat; padding-left:15px}
.stitle a{ color:#333;background:url(/img/cmn/cmn.png) no-repeat -230px -90px; padding-left:15px; text-decoration:none ; color:#666 }
.mainTableA td.stitle .a {overflow:hidden; width:100%; height:13px; line-height:14px;}

.ff8 {color:#ff8800}
#bbody {width:980px;margin:0 auto; }
#tmenu {}
#tmenu .mcontainer {border-bottom:3px solid #eee; height:80px; width:100%}
#tmenu .logo {background:url(/img/cmn/cmn.png) 0 -85px no-repeat; width:80px; height:45px}
#tmenu .flash {position:absolute; top:44px; left:50%; margin-left:-230px; margin-top:-1px;top:47px;}
#tmenu .tclass {height:133px; border-bottom:3px solid #eee;}
#tmenu .rborder {background:url(/img/cmn/board.gif) -90px -48px no-repeat; width:11px; height:141px; position:absolute; top:80px; left:50%; margin-left:479px;_top:81px;}
#banner {float:left; width:240px; height:130px; }
#banner li { background:url(/banner/rolling.png) no-repeat; list-style:none; float:left}
#banner .banner1 {background-position:0 0; }
#banner .banner2 {background-position:-240px 0; display:none}
#banner .banner3 {background-position:-480px 0; display:none}
li.arrow {background:url(/img/cmn/board.gif) -244px -312px no-repeat; padding-left:20px}
#banner .bannerbut {margin-top:-16px; *margin-top:-19px;}
#banner .refresh {background:url(/img/cmn/board.gif) -244px -293px no-repeat;width:16px; height:16px; padding:0; border:0; text-indent:-1000em; background-color:#fff; cursor:pointer; cursor:hand;}
.closegap {background:url(/img/cmn/board.gif) -106px -85px no-repeat; width:15px; height:27px; position:relative; top:12px; left:50%; margin-left:380px;_top:13px; *margin-left:372px; _margin-left:373px}
.splitter {background:url(/img/cmn/board.gif) -85px -48px no-repeat; width:40px; height:27px; position:absolute; top:216px; left:50%; margin-left:242px;_top:217px; *margin-left:241px;_margin-left:242px}
.search_word {font-weight:bold; color:#ff8800}
.comment_area {width:729px; clear:both}

/* Button */
.buttonOfficial,
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ position:relative; vertical-align:middle; display:inline-block; height:25px; font-size:12px; line-height:25px; color:#4d4d4d; cursor:pointer; background-image:url(/img/bg/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}

.buttonOfficial{ background-position:left top; margin-right:4px;}
.buttonOfficial span,
.buttonOfficial input,
.buttonOfficial button{ left:4px; background-position:right top; padding:0 8px 0 4px;}

a.buttonOfficial{ _margin-top:-1px;}
a.buttonOfficial span{ _vertical-align:top;}/* Pagination */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
.pagination strong{ color:#ff3636 !important; border:1px solid #e7e7e7;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #e7e7e7; background-image:url(/img/cmn/board.gif); background-repeat:no-repeat;}
.pagination a.prevEnd{ padding-left:14px;  background-position:-75px 5px; }
.pagination a.nextEnd{ padding-right:14px; background-position:-185px 5px; }


/* Board Reset */
.board{ background:#fff; color:#333;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ color:#8b8b8b;}


/* Board List Form */

/* Board List */
.boardList{ border-color:#bababa;}
.boardList a{ color:#4d4d4d;}

/* Board Information */
.boardInformation em,
.boardInformation strong{ color:#ff6600;}
.boardInformation .infoView li.icon a{ background-image:url(/img/cmn/board.gif);}
.boardInformation .infoView li.setup a{ background-image:url(/img/common/buttonSetup.gif);}

.boardList.webZine td.title p.summary a{ color:#888;}
.boardList.webZine td.title .thumb{ border-color:#e0e0e0;}

.thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ background:#eee;}
.thumbList li .title a{ color:#262626;}
.thumbList li .summary a{ color:#888;}

/* Board Read */
.boardReadHeader a{ color:#262626;}
.boardReadHeader .titleArea{ border-top-color:#bababa; border-bottom-color:#dcdcdc;}
.boardReadHeader .titleArea .num{ color:#adadad;}
.boardReadHeader .authorArea .ipAddress{ color:#adadad;}
.boardReadHeader .authorArea .permaLink{ color:#adadad;}

.boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;} 
.boardReadFooter .tag dd a{ color:#4d4d4d;}
.boardReadFooter .trackbackURL dt{ color:#4d4d4d;}
.boardReadFooter .trackbackURL dd a{ color:#adadad;}

.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemAside img.profile{ border-color:#eee;}

/* Time */
.time *{ color:#666;}
.time dt{ background:#fff;}


/* Editor */
.board .boardEditor{ background:url(/img/cmn/board.gif) 0 -519px repeat-x; height:63px; padding:10px 10px; border-left:1px solid #ddd;  border-right:1px solid #ddd;}
.board .boardEditor2{ padding:0 10px}
.board .boardEditor .info {background:url(/img/cmn/board.gif) 0 -605px no-repeat; width:142px; height:48px; float:left;}
.board .boardEditor .subm {width:61px; height:51px; float:right; margin:right:15px}
.board .boardEditor .subm input {background:url(/img/cmn/board.gif) -199px -456px no-repeat; width:61px; height:51px}
.board .boardEditor .trylog {padding:3px; height:44px; background:#fff; border:1px solid #ccc; width:455px; cursor:pointer; cursor:hand; float:right; margin-right:20px}
.board .boardEditor .trylogbut {border:0; cursor:pointer; cursor:hand}
/* Extra Var Table */
.extraVarsList{ border-color:#ddd;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#ddd;}
.extraVarsList th{ background:#f4f4f4;}
.extraVarsList td{ background:#fff;}
.extraVarsList td .inputNum{ border-color:#ccc;}

/* Layer */
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}



/* Board Write */
.boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite .boardWriteHeader{ margin:0 0 1em 0;}
.boardWrite .boardWriteHeader *{ vertical-align:middle;}
.boardWrite .boardWriteHeader select{ font-size:12px; vertical-align:top; height:23px;}
.boardWrite .boardWriteHeader .inputText{ width:400px; padding:3px 4px; height:15px; font-size:12px; *margin-top:-1px;}
.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
.boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;}
.boardWrite .tag:after{ content:""; display:block; float:none; clear:both;}
.boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
.boardWrite .tag p{ float:left;}

/* Editor */
.board .boardEditor{ border:1px solid #eee; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.board .boardEditor .commentEditor{ margin:0 10px 5px 10px; *zoom:1; position:relative; height:85px}
.board .boardEditor .title{ padding:10px 0;}

/* Editor Option */
.board .editorOption{ margin:5px 0; text-align:left; }
.board .editorOption *{ vertical-align:middle;}


/* Extra Var Table */
.extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin-bottom:15px;}
.extraVarsList caption{ text-align:right;}
.extraVarsList em{ font-style:normal; font-weight:normal;}
.extraVarsList th,
.extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top;}
.extraVarsList th{ white-space:nowrap;}
.extraVarsList td{ width:100%;}
.extraVarsList td p{ display:block; *display:block; margin:3px 0;}
.extraVarsList td *{ vertical-align:middle;}
.extraVarsList td li{ display:inline; margin-right:10px;}
.extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
.extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid #eee;}
.extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
.extraVarsList td select { font-size:12px;}
.extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;}


/* 확장 변수 폼 */
.extraVarsList tr td input,
.extraVarsList tr td textarea{ font-size:12px;}
.extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; }
.extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:40px; margin-right:10px;}
.extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; height:80px; }
.extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
.extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
.extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:100px; }
.extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }

/* modalWindow */
.loginsWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginsWindow.open{ display:block;}
.loginsWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginsWindow .loginsLayer{ position:absolute; width:289px; top:120px;  left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginsWindow .loginsLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginsWindow .loginsLayer form:after{ content:""; display:block; clear:both;}
.loginsWindow .loginsLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginsWindow .loginsLayer fieldset{ border:0; margin:0; padding:0;}
.loginsWindow .loginsLayer.loginTypeA form.typeA,
.loginsWindow .loginsLayer.loginTypeB form.typeB{ display:block;}
.loginsWindow .loginsLayer dl{ margin:0; padding:0 0 1px 0;}
.loginsWindow .loginsLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginsWindow .loginsLayer dd{ margin:0 0 21px 0;}
.loginsWindow .loginsLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginsWindow .loginsLayer .inputText:focus{ background-color:#fbfbfb;}
.loginsWindow .loginsLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginsWindow .loginsLayer.loginTypeA .inputText{ background-image:url(/layouts/xe2/img/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginsWindow .loginsLayer.loginTypeB .inputText{ background-image:url(/layouts/xe2/img/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginsWindow .loginsLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginsWindow .loginsLayer .keep label{ color:#555;}
.loginsWindow .loginsLayer .loginButton,
.loginsWindow .loginsLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(/layouts/xe2/img/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible;}
.loginsWindow .loginsLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginsWindow .loginsLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginsWindow .loginsLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginsWindow .loginsLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginsWindow .loginsLayer .help li.join{ font-weight:bold;}
.loginsWindow .loginsLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginsWindow .loginsLayer .help li.typeA,
.loginsWindow .loginsLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginsWindow .loginsLayer.loginTypeA .help li.typeA,
.loginsWindow .loginsLayer.loginTypeB .help li.typeB{ display:inline;}
.loginsWindow .loginsLayer .help li a{ text-decoration:none; color:#555;}
.loginsWindow .loginsLayer .help li a:hover,
.loginsWindow .loginsLayer .help li a:active,
.loginsWindow .loginsLayer .help li a:focus{ text-decoration:underline;}
.loginsWindow .loginsLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(/layouts/xe2/img/buttonCloseX.gif) no-repeat center center;}
.loginsWindow .loginsLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


/* Feedback List */
.feedbackList{ overflow:hidden; margin-bottom:10px; border-top:1px solid;border-color:#f0f0f0;}
.feedbackHeader a { font-weight:bold; margin:12px 12px 6px 0; font-size:16px;color:#000;}
.feedbackHeader em{ font-style:normal;color:#2c4f83;}
.feedbackList .trackbackURL{ position:relative; top:1.5em; float:left; font-size:9px;}
.feedbackList .trackbackURL a{ text-decoration:none;}
.feedbackList .trackbackURL a:hover,
.feedbackList .trackbackURL a:active,
.feedbackList .trackbackURL a:focus{ text-decoration:underline;}
.feedbackList .trackbackList,
.feedbackList .replyList{ clear:both;}

.feedbackList .item{ position:relative; border-top:1px dotted #eee; _border-top:1px solid #f0f0f0; *zoom:1;}
.feedbackList .item .indent{ position:relative; *zoom:1;}
.feedbackList .item .indent:after{ content:""; display:block; clear:both;}
.feedbackList .item.itemReply .indent{ padding-left:15px;}

.feedbackList{ border-color:#f0f0f0;}

.feedbackList .trackbackURL a{ color:#adadad;}
.feedbackList .item .itemContent .option li a{ color:#666;}
.feedbackList .item .itemAside img.profile{ border-color:#eee;}
.feedbackList .item .itemAside .meta{ color:#adadad;}
.feedbackList .item .itemAside .vote *{ color:#8b8b8b;}
.feedbackList .item .itemContent { position:relative; padding:10px 0 3px 90px; *zoom:1; z-index:1; }
.feedbackList .item .itemContent:after{ content:""; display:block; clear:both;}
.feedbackList .item .itemContent .date {font-size:10px; font-family:tahoma; color:#999; float:right; *width:45px; margin-left:10px}
.feedbackList .item .bubble {background:url(/img/cmn/board.gif) -187px -307px no-repeat; width:4px; height:7px; position:relative; top:5px; left:-14px}
.feedbackList .item .name {line-height:170%;text-align:center;}
.feedbackList .item .name a {color:#ff9900; text-decoration:none}
.feedbackList .item .boxs {border:1px solid #f0f0f0; padding:4px 10px 20px 10px; margin:0 0 4px 0; vertical-align:top}
.feedbackList .item .lis {margin:5px 0}
.feedbackList .item .mod {margin:0 7px; float:right; }
.feedbackList .item .mod a {color:#999; font-size:11px; text-decoration:none;}
.feedbackList .item .itemContent .xe_content{ width:auto !important;}
.feedbackList .item .itemContent .xe_content *{ margin-top:0;}
.feedbackList .item .itemContent .xe_content a { text-decoration:underline; }
.feedbackList .item .itemContent .option{ position:relative; margin:1px 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;}
.feedbackList .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:0 0 0 15px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.feedbackList .item .itemContent .option li.wouldYou{ background:none;}
.feedbackList .item .itemContent .option li a{ text-decoration:none;}
.feedbackList .item .itemContent .option li a:hover,
.feedbackList .item .itemContent .option li a:active,
.feedbackList .item .itemContent .option li a:focus{ text-decoration:underline;} 
.feedbackList .item .itemContent .delete{ position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.feedbackList .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

.feedbackList .item.itemOnly{ border-top:0;}

.feedbackList .item .itemAside{ position:relative; float:left; width:130px; margin-right:-130px; padding:3px 0 0 0; *zoom:1; text-align:left; z-index:2;}
.feedbackList .item .itemAside a{ text-decoration:none;}
.feedbackList .item .itemAside a:hover,
.feedbackList .item .itemAside a:active,
.feedbackList .item .itemAside a:focus{ text-decoration:underline;}
.feedbackList .item .itemAside img.profile{ display:block; border:1px solid #eee; margin-bottom:5px;margin-top:7px}
.feedbackList .item .itemAside .meta{ font-size:9px; margin:0 0 5px 0; white-space:nowrap;}
.feedbackList .item .secretMessage{ margin:0; padding:1em 3em;}
.feedbackList .item .secretMessage p{ text-align:center; margin:1em 0; font-size:18px;}
.feedbackList .item .secretMessage dl{ text-align:center; margin:1em 0;}
.feedbackList .item .secretMessage dt{ font-weight:bold; display:inline;}
.feedbackList .item .secretMessage dd{ margin:0; display:inline;}
.feedbackList .item .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}



.listTableA .title {margin:0 10px 0 0;  border:1px dotted #eee; _border:1px solid #f3fbf5; padding:1px}
.listTableA .link {padding:7px 0 10px 0;}
.listTableA .meta a {color:#999; text-decoration:none}

.loginarea {width:210px}
#login_default form {  width:210px;}
#login_default form .idpwWrap { overflow:hidden; clear:both; width:210px;}
#login_default form .idpw { float:left; width:100px; }
#login_default form .idpw input { border:1px solid #eee; color:#999; width:145px; background:#fff; padding:1px 5px; margin-bottom:2px; font:14px Tahoma;}
#login_default .userName strong {color:#ff8800;}
#login_default .first-child {list-style:none; position:relative; float:left}
#login_default form .join { background:url(/img/cmn/board.gif) -170px -377px no-repeat; width:70px; height:20px;}
#login_default form .openid {margin-left:5px;background:url(/img/cmn/board.gif) -170px -399px no-repeat; width:49px; height:20px;}
#login_default form .keep {width:70px; height:20px;}
#login_default form .why {margin-left:5px; background:url(/img/cmn/board.gif) -0px -653px no-repeat; width:200px; height:50px;}
.bfinder {cursor:hand; cursor:pointer}
.finder .box {border:1px solid #eee; padding:2px; margin-top:10px;}
.finder .text {height:15px; padding:5px; border:1px solid #eee; width:145px;}

td.split {width:2px;}
#login_default form ul.userMenu { margin:0; position:relative; padding:0 0 6px 4px; width:120px }
.logout {background:url(/img/cmn/cmn.png) -120px -45px no-repeat; width:55px; height:20px; margin:-13px 0 0 145px}
#login_default .righttop {background:url(/img/cmn/board.gif) -105px -113px no-repeat; height:15px; width:120px; margin:10px 0; *border-top:10px solid #fff;}
#login_default .rightprofile {background:url(/img/cmn/board.gif) -105px -127px no-repeat; height:15px; width:120px; margin:10px 0; *border-top:10px solid #fff;}
#login_default .loggingout {background:url(/img/cmn/board.gif) -105px -127px no-repeat; height:15px; width:120px; margin:10px 0; *border-top:10px solid #fff;}
#login_default .pointer {background:url(/img/cmn/cmn.png) -417px -32px no-repeat; width:15px; height:8px; position:relative; top:-8px; left:7px; *top:-10px}
.searchbox {position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap; width:100% }
#rankbox li{list-style:none; padding-left:20px; margin:8px 0; color:#666; *margin:7px 0; *padding-left:5px; height:15px; overflow:hidden }
#rankbox li a {color:#666; text-decoration:none }
#rankbox .list {background:url(/img/cmn/cmn.png) -435px -15px no-repeat; line-height:15px ;}

#bboard {width:980px; overflow:hidden}
.rboard {border-right:3px solid #eee;width:755px; float:left}
.boardReadHeader .meta {margin-bottom:15px }
.boardReadHeader .meta li a {color:#666; text-decoration:none; }
.boardReadHeader .meta li.dates { font:Tahoma; background-position:-233px -66px;  }
.boardReadHeader .meta li.reading { background-position:-233px -228px;}
.boardReadHeader .meta li.recommend { background-position:-233px -270px;}
.boardReadHeader .meta li.replies { background-position:-233px -48px}
.boardReadHeader .meta li.check { background-position:100px 100px;}
.boardReadHeader .authorArea{ *zoom:1; padding:10px 0;}
.boardReadHeader .authorArea:after{ content:""; display:block; clear:both;}
.boardReadHeader .authorArea .ipAddress{ float:left; font-size:9px; margin-top:3px;}
.boardReadHeader .authorArea .permaLink{ float:right; font-size:9px; margin-top:3px;}

.boardReadBody .xe_content{ overflow:hidden; }
.boardReadBody .xe_content a { text-decoration:underline; }

.boardReadFooter .tag{ margin:1em 0; clear:both;}
.boardReadFooter .tag dt{ margin-right:10px;}
.boardReadFooter .tag dd{ margin-right:5px;}
.trackbackURL{ margin:1em 0; clear:both;}
.trackbackURL *{ display:inline; margin:0; padding:0;}
.trackbackURL dt{ margin-right:5px; font-size:12px;}
.trackbackURL dd{ font-size:9px; text-decoration:none;}
.trackbackURL a{ text-decoration:none;color:#999}
.trackbackURL a:hover,
.trackbackURL a:active,
.trackbackURL a:focus{ text-decoration:underline; }
.boardRead .boardNavigation{ border-top:1px solid; #f0f0f0}
/* Board Reset */
.board{ font-family:Tahoma, Sans-serif; line-height:normal; font-size:12px ;width:730px; border-right:3px solid #eee; padding-right:15px; }
.board .inputText,
.board textarea,
.board select{ border:1px solid #eee;}
.board label{ cursor:pointer;}
.board img{ border:0;}
.board .document_popup_menu,
.board .comment_popup_menu{ text-align:right; font-size:11px;}
.board .document_popup_menu{ margin:12px 0;}
.board .comment_popup_menu{ margin:12px 0;}
.board .document_popup_menu a,
.board .comment_popup_menu a{ text-decoration:underline;}
.board .hr{ display:none;}

/* Board Information */
.boardInformation{width:100%; padding:10px 0; font-size:1em; line-height:normal; *zoom:1; *font-size:12px; }
.boardInformation *{ margin:0; padding:0;}
.boardInformation a{ text-decoration:none;}
.boardInformation a:hover,
.boardInformation a:active,
.boardInformation a:focus{ text-decoration:underline;} 
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation ul{ overflow:hidden;}
.boardInformation .ad{ float:left; }
.boardInformation nobr a {  font-size:12px; color:#333; margin-top:5px}
.boardInformation .infoView{ float:right;}
.boardInformation .infoView li{ position:relative; float:left; margin-left:3px; display:inline; }
.boardInformation .infoView li.icon a{ display:block; float:left; width:23px; height:23px; overflow:hidden; background-repeat:no-repeat;}
.boardInformation .infoView li.icon a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.boardInformation .infoView li.listTypeClassic a{ background-position:0 0;}
.boardInformation .infoView li.listTypeClassic.active a{ background-position:0 -23px;}
.boardInformation .infoView li.listTypeZine a{ background-position:-23px 0;}
.boardInformation .infoView li.listTypeZine.active a{ background-position:-23px -23px;}
.boardInformation .infoView li.listTypeGallery a{ background-position:-46px 0;}
.boardInformation .infoView li.listTypeGallery.active a{ background-position:-46px -23px;}
.boardInformation .infoView li.setup{ margin:0 7px;}
.boardInformation .infoView li.setup a{ display:block; float:left; width:43px; height:23px; background-repeat:no-repeat;}
.boardInformation .infoView li.setup a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.infoCategory {padding-top:5px}
.infoCategory icon {padding-left:25px; background:url(/img/bg/cmn.png) -200px 0 no-repeat}
.infoCategory li {list-style:none; float:right; margin:0 0 0 10px}
.infoCategory a {color:#666; text-decoration:none}
/* Board List Form */
.boardListForm{ margin:0; line-height:normal;}
.boardListForm *{ margin:0; padding:0;}
.boardListForm fieldset{ border:0; clear:both;}
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardListForm em,
.boardListForm strong{ font-style:normal;}
.boardListForm strong.trackback { color:#423CC4; }

/* Board List */
.boardList{ border:0; width:100%; }
.boardList a{ text-decoration:none;}
.boardList a:hover,
.boardList a:active,
.boardList a:focus{ text-decoration:underline;} 
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .metainfo{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;}
.boardList .meta{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap; }
.boardList .meta li{ position:relative; left:-10px; display:inline;  padding:4px 5px 3px 10px; font-size:11px;background:url(/img/cmn/board.gif) no-repeat; color:#999 ;font-size:11px;padding-left:30px}
.boardList .meta li.author { background:none; padding-left:10px }
.boardList .meta li.date { font:Tahoma; background-position:-233px -66px;  }
.boardList .meta li.reading { background-position:-233px -228px;}
.boardList .meta li.recommend { background-position:-233px -270px;}
.boardList .meta li.replies { background-position:-233px -48px;}
.boardList .meta li.check { background-position:100px 100px;}

.bauthor {background:url(/img/cmn/board.gif) -243px -172px no-repeat; font-size:11px;color:#999 ;padding-left:20px; margin-top:-4px }

.boardList th { padding-bottom:10px } 
.boardList tr { vertical-align: middle } 
.boardList td{  white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; height:35px; border-bottom:1px dotted #eee; _border-bottom:1px solid #f5f5f5; color:#999}

.boardList td.num{ font:11px Tahoma;}
.boardList td.check{ font:11px Tahoma;}
.boardList td .category{ padding-right:7px; margin-right:2px; color:#999; font-weight:normal; padding:0 7px }
.boardList td.title { width:540px; white-space:normal; text-align:left;vertical-align:middle; caption-side:#666}
.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .replyNum{ font:10px Tahoma;}
.boardList td.title .replyNum sup{ font:10px Tahoma;}
.boardList td.title .replyNum strong { font-weight:normal; }
.boardList td.author { vertical-align:middle; padding:0; color:#999; width:100px; *width:120px}
.boardList td.author a { color:#999 }
.boardList td.replies{ font:11px Tahoma;}
.boardList td.reading{ font:11px Tahoma; width:60px}
.boardList td.recommend{ font:11px Tahoma;}
.boardList td.date{ font:11px Tahoma;width:70px}
.boardList tr.bg1 { background:#ffffff}
.boardList tr.bg2 { background:#fbfbfb;}

.boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid #eee;}
.boardReadFooter .tag{ margin:1em 0; clear:both;}
.boardReadFooter .tag *{ display:inline; margin:0; padding:0; font-size:11px; vertical-align:middle; text-decoration:none}
.boardReadFooter .tag dt{ margin-right:10px;}
.boardReadFooter .tag dd{ margin-right:5px;}

.boardList td .category{ font-size:11px dotum; height:20px; padding-right:7px; margin-right:5px;  background-repeat:no-repeat; background-position:right center;}
.tags {font:11px dotum; padding-left:20px; background:url(/img/cmn/board.gif) -69px -18px no-repeat; color:#ccc; }
.tags a {text-decoration:none; color:#999}

.boardList.webZine td.title { width:730px; white-space:normal; text-align:left;vertical-align:middle; caption-side:#666}
.boardList.webZine tr.bg1 td,
.boardList.webZine tr.bg2 td{padding:11px 5px 11px 5px; *padding:11px 5px 7px 5px;}
.boardList.webZine td.title p.title{ margin-bottom:5px; padding:5px 0}
.boardList.webZine td.title p.title .category{ font-size:11px;}
.boardList.webZine td.title .thumb{ float:left; clear:right; border:1px dotted #eee; padding:3px; margin-right:10px;_border:1px solid #f5f5f5}
.boardList.webZine td.title .by{ font:9px Tahoma;}

/* Board Navigation */
.board .boardNavigation{ padding:20px; margin:-1px 0 0 0; text-align:center; border-top:1px dotted #eee; *zoom:1; _zoom:0;}
.board .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
.board .boardNavigation .pagination{ padding:5px 0;}
.board .boardNavigation .buttonLeft{ float:left; text-align:left;}
.board .boardNavigation .buttonRight{ float:right; text-align:right;}

/* file:/home/recamier/files/cache/optimized/c9430d2d9163dbe65b24847fb1950c05.cache.php */
/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:12px; color:#333}
a {text-decoration:none; color:#666}
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; }

#key1 {text-indent:-1000em}
#key2 {text-indent:-1000em}
.key1 {text-indent:-1000em}


/* 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:12px; _font-size:12px; }
*:first-child+html .inputTypeText { font-size:12px; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:12px; _font-size:12px; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:12px; }

.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(/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(/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; }

/* file:/home/recamier/files/cache/optimized/41af1049f8cfb3892b55804d88eaf576.cache.php */
/* 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(/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(/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(/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(/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(/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(/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(/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;}

/* file:/home/recamier/files/cache/optimized/228bfc08c2f98f37a3c21dbcaf2ea1f9.cache.php */

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

#gnb .search {float:right; width:100px; }
#gnb .inputText {width:80px; height:11px; font-size:11px; border:3px solid; padding-right:20px }
#gnb .button {margin-top:-18px; margin-left:89px; width:17px; height:17px;*margin-top:-19px}
#gnb {text-decoration:none; color:#ccc}
#gnb a {text-decoration:none; color:#666}
#gnb .event {background:url(/img/cmn/board.gif) -243px -332px no-repeat; padding-left:20px}
#gnb .inputText {border-color:#2c4f83}



#tmenu .subimg {background:url(/img/bg/community.png) -160px 0 no-repeat; width:200px; height:83px; margin:45px 10px 0 0; z-index:10}
#tmenu .sublogo {background:url(/img/bg/community.png) 0 0 no-repeat; width:150px; height:30px; _background-position:0 3px;}

.listTableA .link a {color:#2c4f83; font-size:12px;  text-decoration:none}
.listTableA td.t {border-bottom: 1px dotted #eee; _border-bottom:1px solid #f3f5fb; text-align:left; }

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; }
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; list-style:none; background-color:#fcfcfc; width:55px}
.widgetTabA li.active{ background-color:#fff; } 
.widgetTabA li a{ position:relative; float:left; height:19px; margin-top:3px;  padding:6px 7px 0 7px;  text-decoration:none; font-size:12px;font-size:11px; }
.widgetTabA li.active a{ font-weight:bold; letter-spacing:-1px; height:20px; margin-top:0px;color:#b31617; padding:8px 7px 0 7px; }
 
.commentntrackback {background:url(/img/bg/community.png) -196px -212px no-repeat; padding-top:12px; margin-top:20px}
.viewmore {background:url(/img/bg/community.png) -196px -192px no-repeat; padding-top:12px; width:120px ;margin-top:50px}

.smore a {text-decoration:none; color:#999; font-size:11px;background:url(/img/cmn/cmn.png) -440px -1px no-repeat; padding-left:15px;}
.rmargin {margin-top:25px; width:100%}
.finder .search {margin-left:4px; background:url(/img/bg/community.png) -197px -141px no-repeat;  width:37px; height:27px}

#recipefinder .top {background:url(/img/bg/community.png) 0 -87px no-repeat; width:160px; height:20px;}




#login_default form .login { float:right; background:url(/img/bg/community.png) -197px -93px no-repeat; width:46px; height:46px}

.headline a{ padding-left:15px; list-style:none; display:inline-block; color:#999; margin:5px 0; text-decoration:none}
.tt {background:url(/img/bg/community.png) -350px -88px no-repeat}

.travelbox .top {background:url(/img/bg/community.png) 0 -172px no-repeat; width:160px; height:20px;}
#recipebox .top {background:url(/img/bg/community.png) 0 -192px no-repeat; width:120px; height:20px;}
#reviewbox .top {background:url(/img/bg/community.png) 0 -72px no-repeat; width:120px; height:20px;}
#restaurantbox .top {background:url(/img/bg/community.png) 0 -152px no-repeat; width:160px; height:20px;}
#adbox {margin-top:10px}
#adlinkbox .top {background:url(/img/bg/community.png) -196px -235px no-repeat; width:120px; height:20px; z-index:100;}
#adbox .top {background:url(/img/bg/community.png) 0 -52px no-repeat; width:120px; height:20px; z-index:100;position: relative; left: 0; top: 27px;  }
#adbox td a {text-decoration:none;}
#adbox .middle { padding:0; z-index:1; height:200px; overflow:hidden }
#rankbox .top {background:url(/img/bg/community.png) -197px -255px no-repeat; width:140px; height:20px;}

.thumbList li .title a{ font-weight:bold; color:#2c4f83;}
.boardList.webZine td.title p.title  a.title{ font-size:12px;color:#333}




/* Board List */
.boardList{ border:0; width:100%; }
.boardList a{ text-decoration:none;}
.boardList a:hover,
.boardList a:active,
.boardList a:focus{ text-decoration:underline;} 
.boardList .inputCheck{ width:13px; height:13px;}
.boardList .metainfo{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;}
.boardList .meta{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap; }
.boardList .meta li{ position:relative; left:-10px; display:inline;  padding:4px 5px 3px 10px; font-size:11px;background:url(/img/cmn/board.gif) no-repeat; color:#999 ;font-size:11px;padding-left:30px}
.boardList .meta li.author { background:none; padding-left:10px ; }
.boardList .meta li.date { font:Tahoma; background-position:-233px -66px;  }
.boardList .meta li.reading { background-position:-233px -228px;}
.boardList .meta li.recommend { background-position:-233px -270px;}
.boardList .meta li.replies { background-position:-233px -48px;}
.boardList .meta li.check { background-position:100px 100px;}
.boardList th { padding-bottom:10px } 
.boardList tr { vertical-align: middle } 
.boardList td{  white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; height:35px; border-bottom:1px dotted #eee; _border-bottom:1px solid #f5f5f5; color:#999}

.boardList td.num{ font:11px Tahoma;}
.boardList td.check{ font:11px Tahoma;}
.boardList td .category{ padding-right:7px; margin-right:2px; color:#999; font-weight:normal; padding:0 7px }
.boardList td.title { width:560px; white-space:normal; text-align:left;vertical-align:middle; caption-side:#666}

.boardList td.title img{ vertical-align:middle; margin:0 1px;}
.boardList td.title .replyNum{ font:10px Tahoma;}
.boardList td.title .replyNum sup{ font:10px Tahoma;}
.boardList td.title .replyNum strong { font-weight:normal; }
.boardList td.author { vertical-align:middle; padding:0; color:#999; width:100px; *width:120px}
.boardList td.author a { color:#999 }
.boardList td.replies{ font:11px Tahoma;}
.boardList td.reading{ font:11px Tahoma; width:60px}
.boardList td.recommend{ font:11px Tahoma;}
.boardList td.date{ font:11px Tahoma;width:70px}
.boardList tr.bg1 { background:#ffffff}
.boardList tr.bg2 { background:#fbfbfb;}


.boardList td .category{ font-size:11px dotum; height:20px; padding-right:7px; margin-right:5px;  background-repeat:no-repeat; background-position:right center;}
.tags {font:11px dotum; padding-left:20px; background:url(/img/cmn/board.gif) -69px -18px no-repeat; color:#ccc; }
.tags a {text-decoration:none; color:#999}
.boardList.webZine tr td,
.boardList.webZine tr td{padding:5px; *padding:11px 5px 7px 5px;}

.boardList.webZine td.title p.title{ margin-bottom:5px; padding:8px 0;  }
.boardList.webZine .gettitle { color:#2c4f83; font-size:12px; }
.boardList.webZine td.title p.title .category{ color:#999}
.boardList.webZine td.title .thumb{ float:left; clear:right; border:1px dotted #eee; padding:3px; ;_border:1px solid #f5f5f5; margin:5px 10px 5px 0}
.boardList.webZine td.title div.summary{ line-height:160%; margin-bottom:8px; padding:5px 10px;border:1px dotted #eee; width:555px; margin-left:125px; height:16px; overflow:hidden; _border:1px solid #eee }
.boardList.webZine td.title div.summary a{ text-decoration:none; color:#999}
.boardList.webZine td.title .by{ font:9px Tahoma;}



/* Board Read */
.boardReadHeader{}
.boardReadHeader a{ text-decoration:none;}
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{ text-decoration:underline;}
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .titleArea{ }
.boardReadHeader .titleArea div.area{height:25px; vertical-align:middle; margin-bottom:10px; *padding:1px 5px; padding:5px;border:1px dotted #ddd; _border:1px solid #eee;}
.boardReadHeader .meta{ float:right; overflow:hidden; padding:0; list-style:none; white-space:nowrap; }
.boardReadHeader .meta li{ position:relative; display:inline;  padding:4px 5px 3px 10px; background:url(/img/cmn/board.gif) no-repeat; color:#666 ;padding-left:30px; *padding:3px 5px 1px 30px; font-size:11px}
.boardReadHeader .meta li a {color:#666; text-decoration:none}
.boardReadHeader .meta li.dates { font:Tahoma; background-position:-233px -66px;  }
.boardReadHeader .meta li.reading { background-position:-233px -228px;}
.boardReadHeader .meta li.recommend { background-position:-233px -270px;}
.boardReadHeader .meta li.replies { background-position:-233px -48px}
.boardReadHeader .meta li.check { background-position:100px 100px;}
.boardReadHeader .titleArea .title{  font-size:14px; *margin:10px 0 0 0; color:#2c4f83; font-family:dotum; padding:6px 0; *padding:0}
.boardReadHeader .titleArea .category{ float:left; padding-left:10px; margin-top:4px;background-repeat:no-repeat; background-position:left center;}
.boardReadHeader .authorArea{ *zoom:1; padding:10px 0;}
.boardReadHeader .authorArea:after{ content:""; display:block; clear:both;}
.boardReadHeader .authorArea .author{ float:left; margin-right:10px; margin-left:7px}
.boardReadHeader .authorArea .ipAddress{ float:left; font-size:9px; margin-top:3px;}
.boardReadHeader .authorArea .permaLink{ float:right; font-size:9px; margin-top:3px;}

.thumbList{ border-bottom:1px dotted #eee; border-top:0; *zoom:1; margin-right:-30px; padding:25px 0 0 0; _border-bottom:solid #eee 1px}
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ position:relative; margin:0 13px 10px 17px; padding:0; list-style:none;  float:left; display:block; _margin:0 8px 10px 16px }
.thumbList li.items{width:205px; height:250px; }
.thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;}
.thumbList li .thumb{ position:relative; float:left; clear:both; padding:3px;  border:1px dotted #eee; _border:1px solid #f3f5f3;}
.thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;}
.thumbList li .thumb a *{ cursor:pointer;}
.thumbList li .thumb a img{ display:block;}
.thumbList li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbList li .title{ clear:both; white-space:nowrap; padding:7px 0;  width:210px; overflow:hidden }
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList li .meta{ position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;}
.thumbList li .meta li{ float:none; display:inline; margin:0; white-space:nowrap; *zoom:1;;}
.thumbList .by{ font:9px Tahoma;}