html,  body { margin:0; padding:0; font-size:12px; font-family: verdana, "돋움"; background:#eee; height:100%;}
#loginfrm { background:#fff;}
img { border:none;}
button { cursor:pointer;}
button b { font-weight:normal; font-size:11px;}

A:link{ text-decoration:none; color:#000; }
A:active{ text-decoration:none; color:#000; }
A:visited{text-decoration:none; color:#000; }
A:hover{ text-decoration:none; color:#000; }

.ct { text-align:center; }

select,
textarea,
.ipt { border:1px solid #ccc; padding:2px;}

.my_pic { border: 2px solid #ccc;}

header { position:relative; height:130px; min-width:960px;}

#topnavi { position:relative; background:url("../img/common/menu_bg.png"); height:78px;}
header h1 { position:absolute; top:0; left:0; margin:0; padding:0;}
header h1 a { display:block; width:180px; height:68px; background:url("../img/logo.gif") 10px center no-repeat;  text-indent:-5000px; font-size:0;}
header nav { margin-left:240px;}
header nav ul { list-style:none; margin:0; padding:0; overflow:hidden; }
header nav li { float:left;}
header nav li a { display:block; width:120px; height:64px; line-height:64px; font-weight:bold; text-align:center; text-decoration:none; background:url("../img/common/navimenu_bg.png") left top repeat-x; }
header nav li a.action, 
header nav li a:hover { background-position:left bottom; color:#fff; }

header #gnb {  height:47px; line-height:47px; background:url("../img/common/navi_bg.png"); color:#fff;}
#gnb .loginfo { float:left; margin-left:10px; _margin-top:15px;}

#gnb .icon_on,
#gnb .icon_rewrite { height:17px; line-height:17px; text-indent:-5000px; font-size:0; display:inline-block; @display:inline; zoom:1; vertical-align:middle;}
#gnb .icon_on { background:url("../img/common/btn_admon.png"); width:27px;}
#gnb .icon_rewrite { background:url("../img/common/btn_admmod.png"); width:54px;}

#gnb .menu { float:right; margin:15px 10px 0 0;}
#gnb .menu a { height:18px; line-height:18px; text-indent:-5000px; font-size:0; float:left; margin-left:5px;}
#gnb .icon_home { background:url("../img/common/btn_home.png"); width:65px;}
#gnb .icon_logout { background:url("../img/common/btn_logout.png"); width:55px;}

.wrap { padding:10px; clear:both; width:1240px; }

.bbsbox { overflow:hidden; @height:100%;}
.bbsbox .leftbox { width:50%; float:left;}
.bbsbox .rightbox { width:50%; float:right;}

.bbsbox .leftbox .box { margin-right:10px;}
.bbsbox .rightbox .box { margin-left:10px;}


#breadcrumb { overflow:hidden; height:79px;}
#breadcrumb h2 { float:left; margin:0; padding:0; width:225px; height:79px; background:url("../img/title/left_top.png"); color:#fff; font-family:'굴림'; }
#breadcrumb h2 p { margin:12px 0 0 0; padding:0; font-size:1.4em; letter-spacing:-4px; text-indent:15px; }
#breadcrumb h2 span { display:block; margin:1px 0 0 0; padding:0; text-indent:18px; font-size:0.65em; font-weight:normal; letter-spacing:-1px; }
#breadcrumb .title_none { width:225px; height:66px; background:#fff; }

#breadcrumb .box { margin-left:225px; background:url("../img/common/tail.png") right top no-repeat;}
#breadcrumb .box2 { position:relative; margin-right:20px; height:80px; background:transparent url("../img/common/bg_gra.png") repeat-x; overflow:hidden;}
#breadcrumb .bc_memo { background: url('../img/common/bullet_plus.gif') no-repeat 0 2px; padding-left: 20px; margin:25px 0 0 20px; _margin-left:10px;}
#breadcrumb .location { position:absolute; top:25px; right:10px;}
#breadcrumb .icon_home { float:left; width:12px; height:14px; margin-right:5px; background:url("../img/common/bullet_loca.gif") no-repeat center center; }
#breadcrumb .icon_home b { display:none;}
#breadcrumb .location { font-size:11px;}
#breadcrumb .location a { text-decoration:none; color:#333;}

#sidemenu { float:left; width:206px;}
#wrap_cnt { margin-left:225px; margin-right:20px; padding:10px 20px; background:#fff;}
#wrap_cnt .wrap_box { _width:99%; overflow:hidden; @height:100%;}

#sidemenu .menu { border: 3px solid #b3b3b3; background: #f6f6f6; margin-bottom: 10px; padding-bottom:10px;}
#sidemenu .menu h2 { margin: 0; padding:0; background: url('../img/left_tit_bg.png') no-repeat; color:#fff; font-size:12px; padding:10px;}
#sidemenu .menu h2 b{ background: url('../img/bullet_top.png') left center no-repeat; display:block; padding-left:20px;}

#sidemenu ul { margin:0; padding:10px;}
#sidemenu li { list-style:none; background: url('../img/bullet_left.gif') left center no-repeat; border-bottom:1px solid #ccc;}
#sidemenu li a, #sidemenu li span { display:block; padding:10px 8px; font-size:11px; text-decoration:none; color:#333;}
#sidemenu li .action { color:#33f;}


/* 검색 폼 */
.searchbox table { width:100%; border-collapse:collapse; margin-bottom:20px;}
.searchbox caption { font: 13px "Dotum"; font-weight:bold; background:url('../img/common/bullet_title.gif') no-repeat 0 2px; text-align:left; padding:0 0 10px 12px; 
line-height:13px; position:relative; }

.searchbox table td, 
.searchbox table th { border:1px solid #ddd; padding:10px;}
.searchbox table th { background:#eee;}
.searchbox .a1 { text-align:left;}
.searchbox .a2 { text-align:right;}
.searchbox table td * { vertical-align:middle;}
.searchbox  .btn_search input { height:22px;}

.searchbox  .btn_search { background:url("../img/common/btn_search.png"); width:56px; height:22px; border:none; @margin-left:5px;}
.searchbox  .btn_search b { display:none;}

.searchbox  .time button { border:none; height:18px; cursor:pointer; margin-right:2px;}
.searchbox  .time button b { display:none;}
.searchbox  .btn_today { width:47px; background:url("../img/common/btn_today.png");}
.searchbox  .btn_yesterday { width:73px; background:url("../img/common/btn_yesterday.png");}
.searchbox  .btn_week { width:68px; background:url("../img/common/btn_thisweek.png");}
.searchbox  .btn_month { width:75px; background:url("../img/common/btn_thismonth.png");}
.searchbox  .btn_all { width:28px; background:url("../img/common/btn_all.png");}

/* 옵션 항목 폼 */
.optionbox { width:100%; border-collapse:collapse; border:none; }
.optionbox td { vertical-align:baseline; }
.optionbox a ,
.optionbox button { display:inline-block; zoom:1; *display:inline; border:0; background:#777; color:#fff; font-size:11px; padding:2px 10px; margin:0 2px 0 0; cursor:pointer; font-family:'dotum'; }
.optionbox .cap_tit { font: 13px "Dotum"; font-weight:bold; background:url('../img/common/bullet_title.gif') no-repeat 0 2px; text-align:left; padding-left:12px; 
line-height:13px;}
button.subbtn { display:inline-block; zoom:1; *display:inline; border:0; background:#777; color:#fff; font-size:11px; padding:2px 10px; margin:0 2px 0 0; cursor:pointer; font-family:'dotum'; }




/* 테이블 - 리스트 */
.table_list  { width:100%; border-collapse:collapse; border-top:1px solid #ccc;	margin:10px 0;}
.table_list caption { font: 13px "Dotum"; font-weight:bold; background:url('../img/common/bullet_title.gif') no-repeat 0 2px; text-align:left; padding:0 0 10px 12px; 
line-height:13px;}
.table_list td, 
.table_list th { border-bottom:1px solid #ddd; padding:5px; text-align:center;}
.table_list td.subject { text-align:left; }
.table_list td.subject span { color:#ff0000; }

.table_list th { background:#eee;}
.table_list .a1 { text-align:left;}
.table_list .a2 { text-align:right;}

.table_list .btn_view { display:block; background:url("../img/common/btn_view.png"); width:45px; height:23px; margin:0 auto;}
.table_list .btn_revise { display:block; background:url("../img/common/btn_revise.png"); width:44px; height:18px; margin:0 auto;}
.table_list .btn_minidel { display:block; background:url("../img/common/btn_minidel.png"); width:44px; height:18px; margin:0 auto;}
.table_list .btn_view span,
.table_list .btn_revise span,
.table_list .btn_minidel span { display:none;}
.table_list .msgbox { height:100px; text-align:center;}
.table_list .btn_usrset { background:url("../img/icon_note.gif"); width:14px; height:15px; border:none; margin-left:5px; vertical-align:middle;}
.table_list .btn_usrset b { display:none;}
.table_list .btn { border:1px solid #777; padding:2px 4px; font-size:11px; background:#eee; color:#333;}

/* 테이블 - 폼 */
.table_frm { width:100%; border-collapse:collapse; border-top:2px solid #ccc; margin-bottom:20px;}
.table_frm caption { font: 13px "Dotum"; font-weight:bold; background:url('../img/common/bullet_title.gif') no-repeat 0 2px; text-align:left; padding:0 0 10px 12px; 
line-height:13px;}
.table_frm td, 
.table_frm th { border-bottom:1px solid #ddd; padding:8px 15px; font-size:11px;}
.table_frm th { background:#eee; color:#444; }
.table_frm th span.chk { color:#f00; vertical-align:-1px; }
.table_frm td button { margin-left:5px;}
.table_frm .imgbox { float:left; margin-right:10px;}
.table_frm .imgbox2 { overflow:hidden; @height:100%;}
.table_frm .imgbox2 ul { padding-left:20px; margin:10px 0;}
.table_frm .imgbox2 li { line-height:2em; padding:0;}

.table_frm .radio label { float:left; width:200px; margin:3px 0;}
.table_frm .radio2 label { float:left; width:18%; margin:3px 0;}
.table_frm td * { vertical-align: middle;}
.table_frm td span.point { color:red; font-weight:bold; display:block; padding-top:10px; line-height:17px; }
.table_frm .btn_minidel { display:block; background:url("../img/common/btn_minidel.png"); width:44px; height:18px; margin:0 auto;}
.table_frm .btn_minidel span { display:none;}

.table_frm .msg_err { color:red;}
.table_frm .msg_ok { color:blue;}
.wrap_paging { line-height: 0; text-align: center; clear: both; margin:20px 0;}
.wrap_paging .paging_comm { display:table; display:inline-block; margin:0 auto; height:20px; font-size:0; line-height:0;}
.paging_comm .num { display: inline; float: left; padding: 1px 7px; margin: 0 2px; font: bold 11px/18px tahoma; color: #333; text-decoration: none;}
.paging_comm b.num,
.paging_comm .num:hover { color:#333; padding:0 6px; border:1px solid #ddd; background:#fafafa;}

.paging_comm .btn_first,
.paging_comm .btn_prev,
.paging_comm .btn_next,
.paging_comm .btn_end { display: inline; float: left; width:18px; height:20px; padding:0; margin: 0 2px; text-indent:-5000px; font-size:0; background:center center no-repeat; border:none;}

.paging_comm .btn_first { background-image:url("../img/page/bt_pprev.png");}
.paging_comm .btn_prev { background-image:url("../img/page/bt_prev.png");}
.paging_comm .btn_next { background-image:url("../img/page/bt_next.png");}
.paging_comm .btn_end { background-image:url("../img/page/bt_nnext.png");}


.wrap_btn { text-align:right;  margin-bottom:20px; clear: both;}
.accesstext_btn{padding:0 !important}
.wrap_btn a { display:inline-block; @display:inline; zoom:1; margin:0 5px; width:61px; height:30px; text-indent:-5000px; font-size:0; vertical-align:top;}
.wrap_btn button { border:none; background:#eee; padding:0; margin:0 5px; width:61px; height:30px; cursor:pointer;}
.wrap_btn button b { display:none;}

.table_wrap_btn { clear: both;}
.table_wrap_btn a,
.table_wrap_btn button { border:none; display:inline-block; @display:inline; zoom:1; margin:0 5px; width:61px; height:30px; text-indent:-5000px; font-size:0; vertical-align:top; }

.table_wrap_btn .btn_list ,
.wrap_btn .btn_list { background-image:url("../img/common/btn_list.png");}
.table_wrap_btn .btn_enroll ,
.wrap_btn .btn_enroll { background-image:url("../img/common/btn_enroll.png");}
.table_wrap_btn .btn_modify ,
.wrap_btn .btn_modify { background-image:url("../img/common/btn_modify.png");}
.table_wrap_btn .btn_cancel ,
.wrap_btn .btn_cancel { background-image:url("../img/common/btn_cancel.png");}

#information { margin:20px 0; clear: both;}
#information h4 { margin:0; padding:0; background:url("../img/common/leaf.png") no-repeat left center; padding-left:25px; font-size:12px;}
#information .info_box { border: 2px solid #345cbe; margin-top: 5px; padding:10px 30px;}
#information .info_box ol { margin:0; padding:0; list-style:none;}
#information .info_box li { background: url('../img/common/bullet_s2.gif') no-repeat 0 9px; padding-left:10px; margin:10px; line-height:1.5em;}


footer { clear:both; display:none; min-width:960px;}

#oPopUpDiv { border:4px solid #aaa; position:absolute; top:0; left:0; width:300px;height:150px; z-index:1001;}
#oPopUpDiv .btn_close {  position:absolute; top:-16px; right:-16px; background:url("../img/popup_close.png"); width:32px; height:33px; border:none; cursor:pointer;}
#oPopUpDiv .btn_close b {display:none;}

#wrap_popup { background:#fff; height:100%;}
#wrap_popup .wrap_box { padding:25px;}
#blockbox { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.25); @background:#000; filter:alpha(opacity=25); z-index:1000;} 


.ipt { border:1px solid #ccc;}
.ipt.readonly { background:#eee;}
textarea.readonly { background:#eee;}

.month-search a { padding:5px; margin-right:8px; background:#ccc; color:#7f7f7f; font-weight:600; vertical-align:middle; }
.month-search a#btn0 { background:#eee; }
.month-search a#btn1 { background:#b8e0ba; }
.month-search a#btn2 { background:#e1b3e1; }
.month-search a#btn3 { background:#ffe1b3; }
.month-search a#btn6 { background:#f5c4b8; }
.month-search a#btn12 { background:#c2d2f0; }

.chart_box1,
.chart_box2 { border-bottom:1px solid #ccc; margin-top:20px;}
.chart_box2 { overflow:hidden;}
.chart_box2 .cb { float:left; width:50%;}
.none { border:0; }

.login_box { padding-top:150px;  }
.login_box .leftbox { background:url('../img/login/bg_left.gif') no-repeat; padding-left:480px; }
.login_box .rightbox { background:url('../img/login/bgbg.gif') repeat-x 17px 0;}
.login_box .centerbox { background:url('../img/login/bg_right.gif') no-repeat top right ; background-color: white; width:508px; height:310px; padding-top:40px;}
.login_box .login_form { position:relative; width:392px; border:1px solid #e3e3er; border-top:2px solid #646464; background:#f9f9f9;}


/* 팝업 */
.pop_body { height:100%; min-height:100%; background:#fff; }
.pop_body > div { height:100%; min-height:100%; overflow-y:scroll; }
.pop_body > div > div { padding:20px; }


#add_option { margin:0; padding:0; }
#add_option li { list-style:none; border-top:1px dotted #000; padding:10px 0; line-height:30px; }
#add_option li:first-child { border:none; }
#add_option li table.table_frm { margin:0; }
#add_option li table.table_frm td ,
#add_option li table.table_frm th { padding:2px 5px !important; }


.wid100 {width:100% !important;}
.wid99_5 { width:99.5% !important; }
.wid99 { width:99% !important; }
.wid98_5 { width:98.5% !important; }
.wid98_3 { width:98.3% !important; }
.wid98 { width:98% !important; }
.wid97 { width:97% !important; }
.wid96 { width:96% !important; }
.wid96_5 { width:96.5% !important; }
.wid95 { width:95% !important; }
.wid90 { width:90% !important; }
.wid85 { width:85% !important; }
.wid80 { width:80% !important; }
.wid75 { width:75% !important; }
.wid70 { width:70% !important; }
.wid65 { width:65% !important; }
.wid60 { width:60% !important; }
.wid55 { width:55% !important; }
.wid50 { width:50% !important; }
.wid49 { width:49% !important; }
.wid48 { width:48% !important; }
.wid45 { width:45% !important; }
.wid42 { width:42% !important; }
.wid40 { width:40% !important; }
.wid35_5 { width:35.5% !important; }
.wid35 { width:35% !important; }
.wid31_4 { width:31.4% !important; }
.wid30 { width:30% !important; }
.wid28_3 { width:28.3% !important; }
.wid25 { width:25% !important; }
.wid20 { width:20% !important; }
.wid15 { width:15% !important; }
.wid10 { width:10% !important; }
.wid5 { width:5% !important; }