/*
 * @projectDescription Edubox UI Javascript Framework - codename CSS
 * @copyright Edubox corp. <http://ead.edubox.com:8081>
 * @author Development Team
 * @version 0.1.1
 */
 
@charset "utf-8";

@import url("font.css"); /* 각 항목별 폰트 정의 */
@import url("Article.css"); /* 각 페이지별 CSS */
@import url("AdminLayout.css"); /* 레이아웃 정의 */

/* 전체 페이지 리셋 CSS - IE6789,파이어폭스,크롬,사파리,오페라  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

body {line-height: 1; background: #fff; color: #000;}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block;}
nav ul, ul, li { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}

ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}

table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; border: 0; padding: 0;}
input { vertical-align: middle; height:16px; 
line-height:16px;padding-top:3px;border:1px solid #c7c7c7;
}
.checkbox {border:0px;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif; font-size:small; font:x-small;}
select,input,button,textarea,button {font:11px 돋움,arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:100%;}

select {position:relative; top:-1px; border:1px #CCCCCC solid; height:18px; width:110px; line-height:18px;
    left: 0px;
}
checkbox {border:0; margin:0;}
html, body {
	margin: 0px;
	padding: 0px;
	font-family: Dotum, Gulim, Arial, Verdana, sans-serif;
	color: #555;
	font-size: 13px;
	width:100%;
}

/* 테이블 */
.table_ty01 {width:100%; margin-top: 8px;}
caption {display:none;}
table {border:1px solid #dcdcdc; padding:10; margin:0; font-size:inherit; width:100%;}
th {vertical-align: middle; border-right:1px dotted #999999; border-bottom:1px dotted #999999; background-color:#f3f3f3; }
tr {height:25px;}
td {height:25px; vertical-align: middle; text-align:center; border-right:1px dotted #999999; border-bottom:1px dotted #999999;}
td.td_style01 {height:15px; padding:5px;}
td.td_style02 {height:25px; vertical-align: middle; text-align:left; border-right:1px dotted #dcdcdc; border-bottom:1px dotted #dcdcdc; padding-left:10px;}
td.table_p_style01 {vertical-align: middle;text-align: left;border-right: 1px dotted #dcdcdc;border-bottom: 1px dotted #dcdcdc;padding-left: 10px;padding-right: 10px;}
td.table_p_style02 {vertical-align: middle; text-align:left; border-right:1px dotted #dcdcdc; border-bottom:1px dotted #dcdcdc; padding:10px; font-size:11px;}
td.table_p_style03 {vertical-align: middle; text-align:center; border-right:1px dotted #dcdcdc; border-bottom:1px dotted #dcdcdc; padding:10px; font-size:11px;}
td.table_p_style04 {vertical-align: middle; text-align:right; border-right:1px dotted #dcdcdc; border-bottom:1px dotted #dcdcdc; padding:10px; font-size:11px;}
td.table_p_style05 {vertical-align: middle; text-align:left; border-right:3px solid #dcdcdc; border-bottom:1px dotted #dcdcdc; padding:10px; font-size:11px;}
td.table_p_style06 {vertical-align: middle;text-align: center;border-right: 1px dotted #dcdcdc;border-bottom: 1px dotted #dcdcdc;padding-left: 10px;padding-right: 10px;}
td.table_p_style07 {vertical-align: middle;text-align: left;border-right: 1px dotted #dcdcdc;border-bottom: 1px dotted #dcdcdc;padding: 6px 10px 6px 10px;}
td.table_p_style08 {vertical-align: middle;text-align: left;border-right: 1px dotted #dcdcdc;border-bottom: 1px dotted #dcdcdc; padding: 10px 20px 10px 10px;}

th.border_style01 {border-top:2px solid #dcdcdc; border-right:1px solid #dcdcdc;}
td.border_style02 {border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
td.border_style03 {border-left:1px dotted #dcdcdc; border-right:1px dotted #dcdcdc;}
td.border_style04 {border-left:none; border-right:1px solid #dcdcdc;}
td.border_style05 {border-left:1px dotted #dcdcdc; border-right:1px dotted #dcdcdc; padding:8px;overflow:hidden;line-height:18px;}
td.textarea_border_none {border-style:none;}
td.textarea_border_none2 {border:none; padding-top:10px; padding-bottom:3px;}

/* 버튼 */
.btnStyle a{display:inline; background:url('../../images/common/btn/gBtn_bg5.gif') left 0; float:right; font:11px 돋움; color:#fff; padding-left:6px; text-decoration:none; height:25px; cursor:pointer; overflow:hidden}
.btnStyle a:hover{background:url('../../images/common/btn/gBtn_bg5.gif') left -25px}
.btnStyle a span{display:inline; float:left; background:url('../../images/common/btn/gBtn_bg5.gif') right 0; line-height:245%; padding-right:6px; height:25px; overflow:hidden}
.btnStyle a:hover span{background:url('../../images/common/btn/gBtn_bg5.gif') right -25px; color:#fff}
.btnStyle {display:inline; text-align:center; width:100px; margin:0 auto 0 10px; height:25px;}
.btnStyle01 {text-align:center; margin-top:10px;}
div.modify_del_btn {text-align:center; margin-top:10px;}

/* 테이블 관련 */
.th_01 {height: 100px;}

.td_01 {padding-top: 10px; padding-right: 20px; padding-bottom: 10px;}
.td_02 {padding-top: 6px; padding-bottom: 6px;}
.td_03 {width: 30%; padding-right: 10px;}
.td_04 {width: 70%;}
.td_05 {padding: 10px; text-align: left;}

/* DIV 관련 */
.div_01 {text-align: right; margin-right: 10px; margin-top: 15px;}
.div_02 {width: 100%; text-align: right;}
.div_03 {overflow: auto; height: 600px;}
.div_04 {border: 1px solid #666666; width: 100%; height: 285px;}
.div_05 {width: 100%; height: 285px;}

/*배경컬러와 보더컬러*/
.backbor_01 {background:#f3f3f3; border:1px solid #dcdcdc;}
.backbor_02 {border:1px solid #dcdcdc;}

/* 배경 컬러*/
.back_01 {background:#f3f3f3;}

/* 보더 컬러*/
.bor_01 { border:1px solid #dcdcdc;}
.bor_02 { border: 1px solid #FFFFFF;}

/*컬러,width별 버튼정리*/
.btn_w01 {width:45px;}
.btn_w02 {width:126px;
}
.btn_w03 {width:40px;}
.btn_w04 {width:35px;}
.btn_w05 {width:50px;}
.btn_w06 {width:60px;}
.btn_w07 {width:70px;}
.btn_w08 {width:80px;}
.btn_w09 {width:55px;}
.btn_w10 {width:15px;}
.btn_w11 {width:100px;}
.btn_w12 {width:187px;}
.btn_w13 {width:100%;}
.btn_w14 {width: 100%; margin-right: 10px;}
.btn_w15 {width:120px;}

/*높이별 버튼정리*/
.bnt_h01 {height:21px;}
.bnt_h02 {height:20px;}
.bnt_h03 {height:15px;}
.bnt_h04 {height:17px;}
.bnt_h05 {height:14px;}
.bnt_h06 {height:45px;}
.bnt_h07 {height:18px;}

/* select 관련 넓이 */
.sel_w01 {width: 60px;}
.sel_w02 {width: 50px;}

/*버튼컬러와 보더컬러*/
.btn_color01 {background:url(../../images/common/btn/btn_pink.gif) repeat-x 0 0; border:1px solid #c91b45;}
.btn_color02 {background:url(../../images/common/btn/btn_gray.gif) repeat-x 0 0; border:1px solid #383838;}
.btn_color03 {background:url(../../images/common/btn/btn_blue.gif) repeat-x 0 0; border:1px solid #339be0;}
.btn_color04 {background:url(../../images/common/btn/btn_green.gif) repeat-x 0 0; border:1px solid #429e21;}
.btn_color05 {background:url(../../images/common/btn/btn_orange.gif) repeat-x 0 0; border:1px solid #da5800;}
.btn_color06 {background:url(../../images/common/btn/btn_white.gif) repeat-x 0 0; border:1px solid #cccccc;}
.btn_color07 {background:#ffbebe; border:1px solid #eb8e8e;}
.btn_color08 {background:#c5deff; border:1px solid #a3b1f0;}
.btn_color09 {background:#dcf397; border:1px solid #b4c146;}
.btn_color10 {background:#fedd6a; border:1px solid #f2c16c;}
.btn_color11 {background:#ececec; border:1px solid #cecece;}
.btn_color12 {background:#fff60b; border:1px solid #cecece;}
.btn_color13 {background:#5e5e5e; border:1px solid #cecece;}
.btn_color14
{
	background: #A5A5A5;
	border: 1px solid #cecece;
}
	
/*폰트컬러및폰트속성*/
.btn_font01 {color:#fff; font-size:11px; letter-spacing:-0.05em;cursor:pointer;}
.btn_font02 {color:#555555; font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font03 {color:#fff; font-size:14px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font04 {color:#555555; font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font05 {color:#ec5454; font-size:11px; letter-spacing:-0.05em;cursor:pointer;}
.btn_font06 {color:#5e78ed; font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font07 {color:#afc114; font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font08 {color:#f09f12; font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font09 {color:#a4a4a4; font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font10 {color:#555555; font-size:8px;letter-spacing:-0.05em;cursor:pointer;}
.btn_font11 {color:#fff; font-size:15px; letter-spacing:-0.05em;cursor:pointer;}
.btn_font12 {color:#ee3469; font-size:13px;cursor:pointer;}
.btn_font13 {color:#ee3469;cursor:pointer;}
.btn_font14 {color:#000099; letter-spacing:-0.05em;cursor:pointer;}
.btn_font15 {color:#fff; font-size:12px;letter-spacing:-0.05em;cursor:pointer;}

.b {font-weight: bold;}

/*높이에 따른 패딩값*//*높이16픽셀시 탑값은 4px적용*//*높이20픽셀시 탑값은 4px적용*/
.btn_padding01 {margin-top:4px;}
.btn_padding02 {padding-top:2px;padding-top:2px; vertical-align:middle;}
.btn_padding03 {padding-top:2px; vertical-align:middle; padding-left:5px;}
.btn_padding04 {padding-top:4px; vertical-align:middle; padding-left:5px;}
.btn_padding05 {padding-top:0; vertical-align:middle; padding-left:2px;}
.btn_padding06 {margin-top:10px;}
.btn_padding07 {margin-top:10px; margin-right:10px;}
.btn_padding08 {margin:10px;}
.btn_padding09 {padding-top: 6px; padding-bottom: 6px;}

/*공간 맞춤을 위한 마진*/
.btn_margin01 {margin-right: 12px;}

.btn_font_w {font-weight:bold;}

/* Bluring 파이어폭스 적용 */
a,img,input{outline: none;selector-dummy: expression(this.hideFocus=true);}

.modalBackground { background-color: Gray; filter: alpha(opacity=20);opacity: 0.20;}
.updateProgress { border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute; width: 180px; height: 65px;}

/* UI Object */ 
.ly_loading{position:absolute;top:-60px;left:-60px;width:150px;}  
.ly_loading p,.ly_loading img{margin:0;padding:0;font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;font-size:12px;line-height:normal}  
.ly_loading img{border:none}  
.ly_loading .dsc_loading{position:relative;width:100%;padding-bottom:7px;font-weight:normal;letter-spacing:-1px}  
.ly_loading .dsc_loading font {color:#000;}

/* //UI Object */ 
.menuadmin_btn_area {text-align:right; padding:5px 0 0 0;}
.menuadmin_up_btn {background:url(../../images/common/btn/menuadmin_btn_up.gif) no-repeat 0 0; width:15px; height:15px;border:0;cursor:pointer;}
.menuadmin_down_btn {background:url(../../images/common/btn/menuadmin_btn_down.gif) no-repeat 0 0; width:15px; height:15px;cursor:pointer;}
.menuadmin_btn_area2 {text-align:center;padding:5px 0 0 0;}
.menuadmin_add_btn {background:url(../../images/common/btn/menuadmin_btn_add.gif) no-repeat 0 0; width:42px; height:18px;padding:2px 3px 2px 3px;color:#fff;font-size:11px;letter-spacing:-0.05em;cursor:pointer;}
.menuadmin_del_btn {background:url(../../images/common/btn/menuadmin_btn_del.gif) no-repeat 0 0; width:42px; height:18px;padding:2px 3px 2px 3px;color:#fff;font-size:11px;letter-spacing:-0.05em;cursor:pointer;}

/* LayerPop */
.LayerPop {position:absolute; top:0; left:0; z-index:998; background-color: Gray; display: none; filter: alpha(opacity=20);opacity: 0.20;}
.LayerPop_Content {position:absolute; width:500px; z-index:999; display: none;background-color:#fff;}
.PopTitle {font-family:"돋움","Dotum"; font-size:9pt; font-weight:bold; vertical-align:middle; letter-spacing:-1px;}

/* 팝업기본레이아웃 */
#popCategory_Add{overflow:hidden;margin:0;padding:10px;border:5px solid #dedddc; background:#ffffff; }
#popCategory_Add h2 {width:100%; margin:0; padding:0 0 6px 0; border-bottom:2px solid #e9e9e9;}
#popCategory_Add h2 img {vertical-align:middle;}
#popCategory_Add ul.direction{list-style:none; width:100%; margin:15px 0 12px 15px; padding:0; color:#636363; line-height:1.4;letter-spacing:-1px;}

#pop-btn2 {width:100%; margin:35px 0 0 0; padding:7px 0 0 0; text-align:right; border-top:1px solid #dddddd;}
input.btn_gray_s_w47 {
	height:23px;
	width:47px;
	margin:1px 0 1px 0;
	padding: 4px;
	vertical-align:middle;
	background:#ffffff url(../../images/common/btn/bg_btn_gray.gif) repeat-x left top;
	border:1px solid #999999;
	font-family:Dotum, 돋움, sans-serif;
	color:#444444;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-0.05em;
	cursor:pointer;
}
input.btn_gray2_b_w47 {
	height:23px;
	width:47px;
	margin:1px 0 1px 0;
	padding:4px;
	vertical-align:middle;
	background:#717171 url(../../images/common/btn/bg_btn_gray2.gif) repeat-x left top;
	border:1px solid #999999;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-0.05em;
	cursor:pointer;
}
#pop-tableForm2 {width:100%; margin:0 auto;	padding:0;}
#pop-tableForm2 table.bbs-read1 {width:100%; margin:0; padding:0;}
#pop-tableForm2 input.text {
	width:97%;
	height:17px;
	margin:0;
	padding:2px 0 0 2px;
	background:#f7f7f7;
	border:1px solid #dddddd;
}

#pop-tableForm2 input.text:focus {border:1px solid #5AA409;}
#pop-tableForm2 input.text:blur {border:1px solid #BEBEBE;}

/* Div 숨김&보이기 */
#showimage{position:absolute;visibility:hidden;border: 0px solid gray;}
#dragbar{cursor: hand;cursor: pointer;background-color: #EFEFEF;min-width: 100px;}
#dragbar #closetext{font-weight: bold;margin-right: 1px;}
.drag_text{font-size:11px; font-family:돋움; line-height:23px;letter-spacing: -1px;}

/* 페이징 */
div.paging {margin:12px 0 10px 25px; text-align:center;}
div.paging font{position:relative;top:-3px;font-weight:bold;padding:0 2px 0 2px;}
div.paging a {position:relative;top:-3px;padding:0 2px 0 2px;}
div.paging a img {position:relative;top:3px;}

.Calendar_Text {font-size:12px; font-family:Verdana; color:#44557E;line-height:17px;letter-spacing: -1px;font-weight:bold;}

/*회원정보 부분 공통적으로 쓰일수 있는부분*/
.floatcase01 {float:left;}
.floatcase02 {float:right;}
.span_p_style {position:absolute;}
.b_margin {margin:0 0 3px 0;}
.button_position_r {text-align:center;}
.lay_right {text-align: right;}
.button_position_r1
{
	text-align: right;
	padding-right: 12px;
}
.ellipsis_text {padding:0 0 0 5px;width:350px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.position_right {text-align:right;}
.position_center {text-align:center;}
.position_left {text-align:left;}

.comment {width:100%;height:40px;padding:2px 0 1px;border:solid 1px #d2d2d2}
.complain_radio_btn {margin-left:15px;border:0px;}
.public_radio_btn {margin-left:5px;border:0px;}
.normal_radio_btn {border:0px;}

/*각종팝업크기 및 스타일 css */
/*팝업넓이*/
.pop_w01 {width:370px;}
.pop_w02 {width:600px;}
.pop_w03 {width:770px;}
.pop_w04 {width:950px;}

.pop_bg01 {border:5px solid #e6e6e6;}

/*팝업타이틀BG높이 및 배경컬러 타이틀속성*/
.pop_title_h01 {height:30px; background:#e6e6e6;}
.pop_title_h01 h3.title_text {padding:6px 0 0 5px; font-size:14px; color:#666666; float:left;letter-spacing:-1px;}
.pop_title_h01 h3.title_text img{position:relative;top:-1px;border:0;vertical-align:middle;}
.pop_title_h01 span.popclose {padding:8px 8px 0 0; float:right; font-size:12px; color:#666666; font-weight:bold;}

.pop_area_p01 {margin:15px 0 0 10px;}


/*인풋속성*/
input.inputcase01 {
	width:100px;
	height:12px; 
	border:solid 1px #d2d2d2; 
	vertical-align:middle;
	padding:2px;
}
input.inputcase02 {
	width:40px;
	height:12px; 
	border:solid 1px #d2d2d2; 
	vertical-align:middle;
	padding:2px;
}
.inputcase03 {
	height:13px; 
	border:solid 1px #d2d2d2; 
	vertical-align:middle;
	padding-top:2px;
}
.inputcase04 {
	height:13px; 
	border:solid 1px #d2d2d2; 
	vertical-align:middle;
	padding:2px;
	background:#dcdcdc;
}

/*거래내역서*/
.deallist_pop_w {width:620px;}
.deallist_pop_h {height:30px; background:#e6e6e6;}
.deallist_border {border:5px solid #e6e6e6;}
.deallist_title {
	padding:6px 0 0 5px; 
	font-size:14px; 
	color:#666666; 
	float:left;
	letter-spacing:-1px;
}
.deallist_popclose {
	padding:8px 8px 0 0; 
	float:right; 
	font-size:12px; 
	color:#666666; 
	font-weight:bold;
}
.dealliste_area {margin:15px 10px 15px 10px; font-size:11px; }
.deallistpop_table {border-top:2px solid #d0d0d7; border-bottom:2px solid #d0d0d7; border-left:1px solid #ffffff; border-right:1px solid #ffffff; clear:both;}
.deallist_td01 {padding:3px 0 3px 0; background:#f3f3f3; text-align:center;}
.deallist_td02 {padding:3px 0 3px 10px; text-align:left; font-weight:bold;}
.deallist_td03 {padding:3px 0 3px 0; background:#f3f3f3; text-align:center; border-top:1px dotted #dcdcdc;}
.deallist_td04 {padding:3px 0 3px 10px; text-align:left;}
.deallist_td05 {padding:3px 0 3px 0; text-align:center;}
.deallist_td06 {padding:3px 0 3px 10px; background:#f6faff; text-align:center; border-top:2px solid #dcdcdc; font-weight:bold;}
.deallist_td07 {padding:3px 0 3px 0; text-align:center}
.deallist_cost_red {color:#ee2644;}
.deallist_printbtn {text-align:center; margin:15px 0 15px 0;}


/* 팝업 페이징*/
div.lecture_list_bbs_paging {width:100%; padding:15px 0 10px 0; text-align:center;}
div.lecture_list_bbs_paging a.prev_next_btn {
	padding:0 1px;
	font-weight:bold;
	font-size:14px;
	color:#666;
	text-align:center;
	vertical-align:middle;
	display:inline;
}
div.lecture_list_bbs_paging a.paging_number {margin:0 3px;}
div.lecture_list_bbs_paging strong.paging_number_select {margin:0 6px; color:#ee2644;}

.errorblock
{
	border: 2px solid #FF0000;
	background: #FFCCCC;
}
.error { font-weight: bold; color: #FF0000; }