@charset "utf-8"; 
/*
PXE Board Pro 2
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/* Board Reset
---------------------------------------------------------------------------------*/
.board{ color:#999; }
.board a,
.board a:visited { color:#999; }
.board a:hover,
.board a:active,
.board a:focus { color:#000; }

.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 .boardNavigation{ border-color:#c9c9c9; padding:20px 0 0 0; }
.board .commentNavigation{ border:0px none; padding:0px; }

/* Board Header
---------------------------------------------------------------------------------*/
.boardHeader a{  }
.boardHeader .boardTitle{ background:url(../img/custom/bgHeadline.gif) left bottom repeat-x;}
.boardHeader .boardTitleText{ background:url(../img/custom/icon_bbsHeadline.gif) left top no-repeat;}
.boardHeader .boardTitleText a{  }
.boardHeader .boardTitleText em{ color:#53ace4; }
.boardHeader .boardTitleText .bbsComments { color:#999; }

/* Board Tab
---------------------------------------------------------------------------------*/
.tabDepth0 {
	margin: 0px; 
	padding: 1px 1px 1px 15px; 
	list-style:none; 
	*zoom:1; 
	font-family:"나눔고딕","맑은고딕","돋움", Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 14px;
}

.tabDepth0 ul { display:none; position:absolute; width:100%; top:26px; left:0; border:0; padding:20px 0 0 0;}
.tabDepth0:after { content:""; display:block; clear:both;}
.tabDepth0 li { float:left; margin-right:-1px; *zoom:1; position:relative; width:89px; height:36px; float:left; padding:0 10px; text-decoration:none; font-size:14px; font-family:"나눔고딕","맑은고딕","돋움", Tahoma, Geneva, sans-serif;}
.tabDepth0 li:hover { float:left; margin-right:-1px; *zoom:1; position:relative; width:89px; height:36px; float:left; padding:0 10px; text-decoration:none; font-size:14px; font-family:"나눔고딕","맑은고딕","돋움", Tahoma, Geneva, sans-serif; font-weight: normal;}
.tabDepth0 li span { position:relative; height:34px; top:0; padding-top:9px; display:block; cursor:pointer; overflow: hidden;}
.tabDepth0 li span.category_education {padding-top:2px;}


/* Board Information
---------------------------------------------------------------------------------*/
.boardInformation .infoSum{ color:#53ace4; }
.boardInformation em,
.boardInformation strong{ color:#0088cc;}
.boardInformation .infoSum .jumpTo .go { top:-5px; *top:-3px; _top:0px; left:5px; }
.boardInformation .infoView li.icon,
.boardInformation .infoView li.icon a{ background-image:url(../img/custom/icons.gif); }
.boardInformation .infoView li.setup a{ background-image:url(../img/custom/buttonSetup.gif); }

.tabDepth0 { 
	width: 100%; 
	padding-bottom: 0px;
	border-bottom: 2px solid #6AACD9; 
	z-index: 0;
}
.tabDepth0 li {
	margin-bottom: -2px;
	margin-top: 2px;
	border: 2px solid #A9A9A9;
	border-bottom: 2px solid #6AACD9; 
	background-color: #EBEBEB;
	text-align: center;
	z-index: 0;
}
.tabDepth0 li:hover {
	background-color: #FFFFFF;
}
.tabDepth0 li.active {
	z-index: 1;
	border: 2px solid #6AACD9; 
	border-bottom: 2px solid #FFFFFF; 
    height: 36px;
	background-color: #FFFFFF; 
	font-weight: normal;
}

/* Board List Form
---------------------------------------------------------------------------------*/
.boardListForm em,
.boardListForm strong{}

/* Board List
---------------------------------------------------------------------------------*/
.boardBack{ }
.boardHead { background-color: #F9F9F9; border-top-width: 1px; border-top-color: #999999}
.boardList{ border-color:#ffffff; }
.boardList .jumpTo button{ background-color:#fdfdfd; border-color:#eee; color:#555; }
.boardList .meta li{ background-image:url(../img/custom/lineVr9.gif);}
.boardList .replyNum{ color:#53ace4; font-size:9pt; font-family:"돋움체",Dotumche; }
.boardList .trackbackNum{ color:#53ace4;}
.boardList .replyAnchor{  }
/*.boardList th{ border-color:#eee; background:#fdfdfd; }*/
/*.boardList thead tr{ border-color:#ffffff; background:url(../img/custom/boardList_tr_bg.png) no-repeat left top; }*/
.boardList th{ height:35px; padding:0px 10px 0px 10px; color: #999999; font-size:13px; border-top: #6AACD9 2px solid; background-color: #F9F9F9; border-bottom: #999999 1px solid; }
.boardList th a,
.boardList th a:visited{ color:#999999; font-size:13px; }
.boardList td{ height:37px; border-color:#eee; color:#888888; font-size:9pt; font-family:"돋움체",Dotumche; }
.boardList td.title{ min-width: 470px }
.boardList td.title img{ margin:0px 3px 3px 3px; background-color: #F9F9F9;}
.boardList td.title a { color:#888888; }
.boardList td.title a:hover { color:#000; }
.boardList td.title a.forum:link,
.boardList td.recommend{ color:#53ace4;}
.boardList td.reading { font-size:9pt; font-family:"돋움체",Dotumche; }
.boardList td.title_notice a { color:#4AA3E7; font-weight:bold; }
.boardList td.title_notice a:hover { color:#000; font-weight:bold; }
.boardList td.summary .thumb{ border-color:#ebebeb; background:#fff;}
.boardList span.notice{ background-color: #F1636A; color:#ffffff; font-weight:normal; padding: 1px 3px; border-radius: 2px; font-size: 10pt;}
.boardList td.category{ padding: 0 5px 0 5px; text-align: center; background-color: #FFFFFF; font-size: 9pt; min-width:50px;}
.boardList td.by{  }
.boardList td.date{ font-size:9pt; font-family:"돋움체",Dotumche; }
.boardList td.num{ font-size:9pt; font-family:"돋움체",Dotumche; }

.boardList.webZine td.title .author,
.boardList.webZine td.title .author a { color:#999; }
.boardList.webZine td.title .author a:hover { color:#000; }
.boardList.webZine td.title .thumb{ border-color:#eee;}

/* Community List
---------------------------------------------------------------------------------*/
.comList td { border-color:#eee; }
.comList td.noticeSubject a,
.comList td.noticeSubject a:visited { color:#555; }
.comList td.infoArea a { color:#555; }
.comList td.infoArea a:hover { color:#000; }
.comList td.infoArea .h_author { color:#225e97; }
.comList td.infoArea .h_replier { color:#225e97; background-image:url(../img/custom/lineVr9.gif); }
.comList td.balloonArea .balloon { background:url(../img/custom/repl.gif) no-repeat; color:#666; }
.comList td.ratingArea .gravity { color:#225e97; }
.comList td.ratingArea .point { color:#53ace4; }

.thumbList{ border-color:#eee; }
.thumbList li .thumb{ background:#fff; border-color:#eee;}
.thumbList li .thumb a .text{  }
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; }
.thumbList li .thumb a .noPhoto{  }
.thumbList li .title a{ color:#555; }
.thumbList li .summary a{  }

.thumbListStudio{ background:#e2e2e2 url(../img/custom/bgStudio.jpg) repeat-x; }
.thumbListStudio li .thumb{ background:#fff; border-color:#ccc;}
.thumbListStudio li .thumb a .text{  }
.thumbListStudio li .thumb a .sublayer{ background:#000; opacity:.8; filter:alpha(opacity=80); color:#fff; }
.thumbListStudio li .thumb a .noPhoto{  }
.thumbListStudio li .title a{ color:#555; }
.thumbListStudio li .summary a{  }

/* FAQ List
---------------------------------------------------------------------------------*/
.boardList.faq .content { border:1px solid #ebebeb; background:url(../img/custom/btn_a.gif) no-repeat 15px 15px; *background:url(../img/custom/btn_a.gif) no-repeat 15px 17px; }

/* Search Form
---------------------------------------------------------------------------------*/
/*.boardSearchForm{ background:url(../img/custom/inputBar.png) no-repeat; _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/pxeboard/skins/copykiller_board/img/custom/inputBar.png', sizingMethod='crop')"); }
*/
.boardSearchForm { height: 20px; width:100%; line-height: normal; margin: 0 auto 5px; overflow: hidden; padding: 1px 0; position: relative; }
.boardSearchForm fieldset { border: 0 none; clear: both; }
.boardSearchForm .srch{ height: 19px; margin-bottom: 5px; margin-right: 5px; position: absolute; left: 620px; text-align: right; top: 0; width: 200px; z-index: 4; }
.boardSearchForm .srch .inputText{ background: url("../img/custom/search_inputBox.png") no-repeat scroll 0 0 transparent; border: medium none; color: #707070; font: 9pt 돋움; height: 19px; left: 0; letter-spacing: -1px; margin: 0; padding: 0 2px; position: relative; top: 0; vertical-align: middle; width: 95px;padding-left: 5px;}
.boardSearchForm .srch .submit { left: 0; margin-left: 5px; position: relative; top: 0; vertical-align: middle; }

/* Board Read
---------------------------------------------------------------------------------*/
.boardReadHeader a{ }
.boardReadHeader .titleArea{ border-top: #8AC0DE 2px solid; border-bottom-color:#eee; border-left:none; border-right:none; padding:10px; }
.boardReadHeader .titleArea .category{ position:relative; top:0; left:0; font:10pt 돋움,Dotum; display:block; letter-spacing:-1px; margin-bottom: 2px }
.boardReadHeader .titleArea .title{ position:relative; left:4%; top:0; float:left; }
.boardReadHeader .titleArea .sum{ position:relative; left:0; top:0; float:right; margin-top:3px; }
.boardReadHeader .titleArea .title h5 a,
.boardReadHeader .titleArea .title h5 a:visited { color:#888; }
.boardReadHeader .titleArea .sum .author { color:#53ace4; }
.boardReadHeader .titleArea .meta{ background-image:url(../img/custom/lineVr9.gif); }

/* rating */
.boardReadHeader .ratingArea { border-bottom-color:#dcdcdc; }
.boardReadHeader .rating th { background-color:#f4f4f4 }

.boardReadBody{ margin:20px 0px; padding:0px 10px; }
.boardReadBody .xe_content a,
.boardReadBody .xe_content a:visited { color:#53ace4; }
.boardReadBody .xe_content a:hover,
.boardReadBody .xe_content a:active,
.boardReadBody .xe_content a:focus { color:#000; }
.boardReadBody .secretTitle { color:#888888; font-size:12px; }
.boardReadFooter .memberSignature{ border-color:#eee; background-color:#fdfdfd;}
.boardReadFooter .memberSignature img.profile { border-color:#eee;} 

.boardReadFooter .tag dd{ background:url(../img/buttons/tagWhite.gif); color:#996633; }
.boardReadFooter .tag dd a,
.boardReadFooter .tag dd a:visited { color:#996633; text-shadow:0 1px 0 #fedd9b; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#fedd9b, Positive=true); }
.boardReadFooter .tag dd .tm { background:url(../img/buttons/tagWhite.gif) no-repeat right top; }

.boardReadFooter .trackbackURL dt{  }
.boardReadFooter .trackbackURL dd a{  }

.feedbackList{ border-color:#eee;}
.feedbackList .feedbackHeader { color:#53ace4; background:url(../img/custom/headline_comments.gif) left 11px no-repeat; }
.feedbackList .trackbackURL a{  }
.feedbackList .item{ border-color:#eee;}
.feedbackList .item.itemReply .indent{ background-image:url(../img/common/iconReply.gif);}
.feedbackList .item .header{ color:#53ace4; }
.feedbackList .item .header a{ color:#53ace4; }
.feedbackList .item .itemContent .delete{ background-image:url(../img/common/buttonDelete.gif);}
.feedbackList .item .itemAside img.profile{ border-color:#eee;}
.feedbackList .item .itemAside .meta{ color:#555; }
.feedbackList .item .itemAside .meta .ip { color:#ff0000; font-size:11px; }
.feedbackList .item .itemAside .vote *{  }

/* Board Write */
.boardWrite .boardWriteHeader { border-top:3px #e8e8e8 solid;}
.boardWrite .boardWriteHeader .subjects { border-bottom:0px #efefef solid; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; }
.boardWrite .boardWriteHeader .subjects img { padding-left:10px; }
.boardWrite .boardWriteHeader .subjects input { margin-left: 30px; padding:3px 10px; width:85%; background-color:#f3f3f3; border:1px #eaeaea solid; }
.boardWrite .boardWriteHeader .subjects .category { bottom:2px; }

/* pagination
---------------------------------------------------------------------------------*/
.pagination { padding:0px; margin:3px 3px 20px 3px; }
.pagination a { padding:0px 7px; }
.pagination a:hover { padding:0px 7px; color:#555; }
.pagination a.prevEnd img,
.pagination a.nextEnd img { padding:0px; margin-bottom:-4px; }
.pagination strong { padding:0px 7px; text-decoration:underline; color:#4AA3E7; }
.pagination span.tab img { padding:0px; margin-bottom:-4px; }

/* Dots pagination
---------------------------------------------------------------------------------*/
.DotsPagination a,
.DotsPagination strong{ background-image:url(../img/common/dots.png); _background-image:url(../img/custom/dots.gif); }
.DotsPagination a.prev,
.DotsPagination a.prevEnd,
.DotsPagination a.next,
.DotsPagination a.nextEnd{ background-image:url(../img/common/arrowPagination.png); _background-image:url(../img/custom/arrowPagination.gif); }

/* Search Form */
.boardSearchForm .srch .customSelect { position:absolute; top:0; _top:3px; left:200px; }

/* Time
---------------------------------------------------------------------------------*/
.time *{ color:#999;}
.time dt{ background:#fff;}

/* Attached File
---------------------------------------------------------------------------------*/
.attachedFile { float:none; }
.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/common/iconFile.gif); color:#999;}
.attachedFile dt a { color:#999;}
.attachedFile dt .fileToggle { color:#999; }
.attachedFile ul.files a .bubble{ border:1px solid #eee; background-color:#fff; color:#999;}

/* Editor */
.board .boardEditor{ border-color:#e1e1e1; background:#efefef;}

/* Extra Var Table
---------------------------------------------------------------------------------*/
.extraVarsList{ border-top:1px solid #c9c9c9; }
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#0088cc; }
.extraVarsList th,
.extraVarsList td{ border-bottom:1px solid #eee; }
.extraVarsList th{ background:#fdfdfd; border-right:1px solid #eee; }
.extraVarsList td{ background:#fff;}
.extraVarsList td .inputNum{ border-color:#c9c9c9;}

/* Extra Var Table for Review */
.extraVarsListReview{  }
.extraVarsListReview caption{ color:#999;}
.extraVarsListReview em{ color:#0088cc; }
.extraVarsListReview th,
.extraVarsListReview td{ border-top:1px dotted #eee; }
.extraVarsListReview th{ background:url(../img/custom/iconArrow.gif) no-repeat left center; color:#000; }
.extraVarsListReview td{ background:#fff;}
.extraVarsListReview td .inputNum{ border-color:#c9c9c9;}

.varArea { border-bottom:1px solid #ccc; }
.varArea .left .downloads a.dnButton { background:url(../img/custom/btn_downloads.gif) no-repeat; }
.varArea .left .downloads a.dnButton:hover { background:url(../img/custom/btn_downloads.gif) no-repeat 0 -40px; }
.varArea .left .screenShot { border:1px solid #eee; }

/* Tag Cloud
---------------------------------------------------------------------------------*/
.tagCloud{ border-color:#eee;}
.tagCloud li.rank1 a{ color:#000;}
.tagCloud li.rank2 a{ color:#222;}
.tagCloud li.rank3 a{ color:#444;}
.tagCloud li.rank4 a{ color:#666;}
.tagCloud li.rank5 a{ color:#888;}

/* Layer
---------------------------------------------------------------------------------*/
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#c9c9c9;}
#popup_menu_area li a{ color:#000;}

/* Mouse Over Tooltip (Image Preview)
---------------------------------------------------------------------------------*/
#tooltip { border: 1px solid #c9c9c9; background-color: #fdfdfd; }
#tooltip h3 { color:#999; }
#tooltip div { color:#999; }

/* Button
---------------------------------------------------------------------------------*/
a.button.pxeWhite,
a.button.pxeWhite span,
span.button.pxeWhite,
span.button.pxeWhite button,
span.button.pxeWhite input { background-image:url(../img/custom/mainButton.gif); color:#999;}

/* Additional Button
---------------------------------------------------------------------------------*/
/* Additional Button */
.addButton,
.addButton span {background:url(../img/buttons/addButtonWhite.gif) no-repeat; }
.addButton span { color:#9c9c9c; }
.addButton span strong { color:#fff; }

/* Star Rating
---------------------------------------------------------------------------------*/
div.star-rating,div.star-rating a{background:url(../img/custom/star.gif) no-repeat 0 0px}
.ro_rating { width:64px; height:12px; margin:0; padding:0; background: url(../img/custom/star-matrix.gif) no-repeat 0 0; text-indent:-999em; }
.ro_rating_studio { width:64px; height:12px; margin:0; padding:0; background: url(../img/custom/star-matrix-studio.gif) no-repeat 0 0; text-indent:-999em; }
.rating-0 {background-position:0 0}
.rating-1 {background-position:0 -12px}
.rating-2 {background-position:0 -24px}
.rating-3 {background-position:0 -36px}
.rating-4 {background-position:0 -48px}
.rating-5 {background-position:0 -60px}
.rating-6 {background-position:0 -72px}
.rating-7 {background-position:0 -84px}
.rating-8 {background-position:0 -96px}
.rating-9 {background-position:0 -108px}
.rating-10 {background-position:0 -120px}

/* Blog Style
---------------------------------------------------------------------------------*/
/*가로형*/
.blogStyle .summarySpot{ border-bottom:1px solid #e1e1e1; }
.blogStyle .summarySpot .folding { background:url(../img/custom/blog/folding.png) }
.blogStyle .summarySpot .folding { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/pxeboard/skins/copykiller_board/img/custom/blog/folding.png', sizingMethod='crop')"); }
.blogStyle .summarySpot .summaryThumb{ border:5px solid #f4f4f4; }

.blogStyle .ieWrp .postTitle,
.blogStyle .ieWrp .postTitle:visited { color:#666; }
.blogStyle .ieWrp .postTitle .category{ background:url(../img/custom/blog/lineVrText.gif) no-repeat left center; color:#666;}

.blogStyle .summary { color:#888e96; }
.blogStyle .summary span { color:#202327; }
.blogStyle a.summaryMore{ background:url(../img/custom/blog/btn_continue.gif) no-repeat; cursor:pointer; }

/*세로형*/
.blogStyle .summarySpot_v { border-bottom:1px solid #e1e1e1; }
.blogStyle .summarySpot_v .folding { background:url(../img/custom/blog/folding.png) }
.blogStyle .summarySpot_v .folding { _background:none; _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+request_uri+"modules/pxeboard/skins/copykiller_board/img/custom/blog/folding.png', sizingMethod='crop')"); }
.blogStyle .summarySpot_v .summaryThumb{ border:5px solid #f4f4f4; }

.blogStyle .ieWrp_v .postTitle,
.blogStyle .ieWrp_v .postTitle:visited { color:#666; }
.blogStyle .ieWrp_v .postTitle .category{ background:url(../img/custom/blog/lineVrText.gif) no-repeat left center; color:#666;}

.blogStyle .ieWrp_v .summary { color:#888e96; }
.blogStyle .ieWrp_v .summary span { color:#202327; }
.blogStyle .ieWrp_v a.summaryMore{ background:url(../img/custom/blog/btn_continue.gif) no-repeat; cursor:pointer; }

.blogStyle .usedTag dt{ color:#202327; background:url(../img/custom/blog/iconTag.gif) no-repeat 0 1px; }
.blogStyle .usedTag dd{ color:#202327; }
.blogStyle .usedTag dd a{ color:#202327; }

.blogStyle .summaryCaption { border:1px solid #676f78; background:url(../img/custom/blog/bg_captionSummary.gif); }
.blogStyle .summaryCaption span.caption_arrow { background:url(../img/custom/blog/caption_arrow.gif) no-repeat; }

.blogStyle .basicInfo { background:url(../img/custom/blog/option_basicInfo.png) no-repeat; }
.blogStyle .basicInfo .day { color:#666; }
.blogStyle .basicInfo .month { color:#666; }
.blogStyle .basicInfo .comments { color:#666; background:none!important; }

.blogStyle ul.meta { color:#2b3034; }
.blogStyle ul.meta li { color:#939aa2; }
.blogStyle ul.meta li span { color:#2b3034; }
.blogStyle ul.meta li.date { background:url(../img/custom/blog/sicon_date.gif) no-repeat; }
.blogStyle ul.meta li.author { background:url(../img/custom/blog/sicon_author.gif) no-repeat; }
.blogStyle ul.meta li.category { background:url(../img/custom/blog/sicon_category.gif) no-repeat; }
.blogStyle ul.meta li.views { background:url(../img/custom/blog/sicon_star.gif) no-repeat; }
.blogStyle ul.meta li.trackbacks { background:url(../img/custom/blog/sicon_link.gif) no-repeat; }
.blogStyle ul.meta li.tags { background:url(../img/custom/blog/sicon_tags.gif) no-repeat; color:#40464b; }
.blogStyle ul.meta li.tags  a,
.blogStyle ul.meta li.tags  a:visited,
.blogStyle ul.meta li.tags  a:hover { color:#40464b; }

.blogBreaker { background-color:#f4f4f4; }


.link-area{
	width: 100%;
	margin-bottom: 40px;
	font-family:"나눔고딕","맑은고딕","돋움", Tahoma, Geneva, sans-serif;
}

.link-area .button{
	width: 307px;
	height: 57px;
	margin-left: 7px;
	border-radius: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	font-size: 26px;
	color: #FFFFFF;
	line-height: 57px;
	cursor: pointer;
}

.link-area .bt-manual{
	background-color: #FB625C;
	transition: color 0.5s ease;
}
.link-area .bt-manual:hover{
	color: #6A0400;
}

.link-area .bt-faq{
	background-color: #11A6FF;
	transition: color 0.5s ease;
}
.link-area .bt-faq:hover{
	color: #024871;
}

.link-area .bt-education_data{
	background-color: #FFBF00;
	transition: color 0.5s ease;
}
.link-area .bt-education_data:hover{
	color: #806000;
}