@charset "utf-8";

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, /*input, textarea,*/ p, blockquote, th, td, a, img {
margin: 0;
padding: 0;
}

body { 
    font-family: Meiryo,'Segoe UI','Trebuchet MS',Gulim,NanumGothic,'Malgun Gothic',Tahoma,AppleGothic,sans-serif;
    word-break: break-all;
    word-wrap: break-word;
}

body { 
    font-size:12px;
}

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:400; padding:0; margin:0; }

address, cite, code, dfn, em, th, var {
    font-style:normal;
    font-weight:400;
}

fieldset { border: none; }
ul { list-style:none; }

table {
border-collapse: collapse;
/*border-spacing: 0; border-collapse:separate?L*/
font-size:12px;
}

table th,
table td { font-size:12px; }

img { border: 0; }

body { color:#333333; }
caption { display:none; position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0; }
/*a { color:#333333; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { color:#333333; }*/

a { color:#005fc0; }
a:link{color:#005fc0;text-decoration: none;cursor: pointer}
a:visited{color:#005fc0;text-decoration: none}
a:hover,a:active{color:#909;text-decoration: underline}

textarea, select {
    font-family: Meiryo,'Segoe UI','Trebuchet MS',Gulim,NanumGothic,'Malgun Gothic',Tahoma,AppleGothic,sans-serif;
    font-size:12px;
}
input {
    font-family: Meiryo,'Segoe UI','Trebuchet MS',Gulim,NanumGothic,'Malgun Gothic',Tahoma,AppleGothic,sans-serif;
    font-size:12px;
}

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.ajax_error{color:#ff3300;}
.ajax_success{color:#0033ff;}

input.text { height:19px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; -webkit-appearance:none; -webkit-border-radius:0px; }
input.search { width:150px; height:19px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:3px 0 0 5px; -webkit-appearance:none; -webkit-border-radius:0px; }
textarea.textarea { width:98%; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; -webkit-appearance:none; -webkit-border-radius:0px; }
select { -webkit-border-radius:0px; }

.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}

.page_area { clear:both; text-align:right; margin-top:20px; padding:5px 10px 5px 0; background-color:#EEEEEE; }
.page_area span { border:1px solid #aaa; padding:0px 5px; margin:0 2px; color:#333; background-color:#ffffff; }
.page_area strong { border:1px solid #aaa; padding:0px 5px; margin:0 2px; color:#333; background-color:#EEE; }

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 960px;
	margin:0px auto;
    *margin:0px auto;
    background:#fff;
}

#header {
    background:#fff;
}

#header h1 {
    padding:3px 0;
}

/* head_top - menu */
#header .logo { float:left; position:relative; padding:5px 0 10px 0; }

#head_menu { clear:both; min-width:960px; margin:0; height: 35px; border-top:2px solid #1a7ec9; background:#1a7ec9; }
#head_menu .topmenu {    
	width: 960px;
	margin:0px auto;
    *margin:0px auto;
}

/* top_menu */
.jqueryslidemenu{
    width: 960px;
    margin: 0px auto;
    z-index: 1;
    height:35px;
    line-height:35px;
    font-size:12px;
}

.jqueryslidemenu a {
    text-decoration: none;
}

.jqueryslidemenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li h2 {
    font-weight: 700;
    font-size: 100%;
    display: block;
    color: #FFFFFF;
    cursor:pointer;
    padding:0 40px 0 20px;
}

.jqueryslidemenu ul li a {
    text-decoration:none;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
    float: none;
    z-index:9999999;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li h3 {
    background: #232A31; /*background of tabs (default state)*/
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    width: 150px; /*width of sub menus*/
    padding: 0 0 0 15px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid #333333;
    text-align:left;
    cursor:pointer;
}



#contentwrap {
	width: 960px;
	margin:0px auto;
    *margin:0px auto;
}
#content {
	width: 720px;
	float: left;
    margin:15px 0;
    overflow:hidden;
}

#content .zn_navi_box { clear:both; padding:5px 5px 5px 0; margin:0 0 10px 0; color:#aaaaaa; border-bottom:1px solid #dddddd; }
#content .zn_navi_box a:link,
#content .zn_navi_box a:visited,
#content .zn_navi_box a:active { text-decoration:none; color:#aaaaaa }
#content .zn_navi_box a:hover { text-decoration:underline; color:#aaaaaa }

#sidebar {
	width: 225px;
	float: right;
    margin:15px 0 15px 15px;
    overflow:hidden;
}

/* tail_content - etc */
#tail_content { clear: both; min-width:960px; background:#ddd; padding:0; background-size: 100%; height:30px; line-height:30px; }
#tail_content .tail_top { width:960px; margin:0px auto; *margin:0px auto; }
#tail_content .tail_top ul.etc { float:right; }
#tail_content .tail_top ul.etc li {display:inline; padding:0 15px 0 0;}
#tail_content .tail_top ul.etc a {}
#tail_content .tail_top ul.etc li.last { padding-right:0; }

/* tail */
#tail { clear: both; min-width:960px; background:#232A31; padding:10px 0; color:#ffffff; }
#tail .tailwrap { width: 960px; margin:0px auto; *margin:0px auto; }
#tail .tailwrap .tail_sitemap { clear: both; }
#tail .tailwrap .copyright { width: 960px; margin:0px auto; *margin:0px auto; text-align:center; }
#tail a{ text-decoration:none; color:#ffffff; }
#tail address { padding:10px 30px 0 0; }
#tail address a{ color:#ffffff; }


/* border & guideline (you can ignore these) */
#content {
	background: #ffffff;
}
#sidebar {
	background: #f5f5f5;
}
#header, #content, #sidebar {
	/*margin-bottom: 5px;*/
}

/* login_area */
#login_area { position:relative; margin-bottom:10px; padding:20px 10px 10px 10px; overflow:hidden; }
#login_area .log01 {height:50px; vertical-align:top; }
#login_area .log02 {float:right; position:absolute; top:20px; right:10px; height:49px;}
#login_area .log03 {padding-top:5px; margin:0 0 5px 0; font-size:11px; color:#919191;}
#login_area .log03 input.checkbox { vertical-align:middle; margin-top:-2px;}
#login_area .log03 input label {margin:0; padding:0;}
#login_area .log04 {margin-bottom:5px; }
#login_area .log04 .count {color:#ff5c30;}
#login_area .log05 {height:30px; vertical-align:top; }
#login_area .log06 {margin:0 5px;}
#login_area .box_input_id,
#login_area .box_input_pw { width:95%; height:17px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; vertical-align:middle; padding:3px 0 0 5px; -webkit-appearance:none; -webkit-border-radius:0px; }
#login_area .bar {font:12px tahoma; color:#d7d7d7; margin-right:2px;}

/* left_category_area */
#left_category_area { margin-bottom:20px; }
#left_category_area .title { padding:5px 0 5px 10px; font-weight:400; font-size:100%; color:#ffffff; background-color:#1A7EC9; }
#left_category_area  ul { padding:5px; margin:0; }
#left_category_area  li { display:block; padding:5px 0 5px 10px; }

/* visit_area */
#visit_area { margin-bottom:20px; }
#visit_area .title { padding:5px 0 5px 10px; font-weight:400; font-size:100%; color:#ffffff; background-color:#232A31; }
#visit_area  ul { padding:10px; margin:0; }
#visit_area  li { padding:0 5px; }

/* connect_area */
#connect_area { margin-bottom:20px; }
#connect_area .title { padding:5px 0 5px 10px; font-weight:400; font-size:100%; color:#ffffff; background-color:#232A31; }
#connect_area  ul { padding:10px; margin:0; }
#connect_area  li { padding:0 5px; }

/* board_search */
#board_search {text-align:center; margin:10px 0 15px; width:auto;}
#board_search form {margin:0; padding:0;}
#board_search input.text { border:1px solid #DDDDDD; padding:3px 0 4px 5px; _margin-top:-2px; height:13px; }
#board_search input,
#board_search label,
#board_search select {display:inline; vertical-align:middle; color:#404040;}
#board_search label {color:#777; }

.cmt_list { width:100%; float:left; border-bottom:1px solid #dedede; overflow:hidden; }

dl.cmt_item { padding:5px; }
dl.cmt_item dt { position:relative; float:left; color:#666; }

dl.cmt_item dd.cmt_option { float:right; padding-top:1px; }
dl.cmt_item dd.cmt_option dl dt { display:inline; margin-left:5px; }
dl.cmt_item dd.cmt_option dl a { font-size:11px; color:#999999; letter-spacing:-1px; }

/*dl.cmt_item dd.cmt_content { clear:both; color:#434343; overflow:auto; word-break:break-all; word-wrap:break-word; }
dl.cmt_item dd.cmt_content .new { margin:-2px 0 0 0; }*/
dl.cmt_item dd.cmt_content { clear:both; color:#434343; }

/* pop_header */
#pop_header { position:relative; width:100%; background:#3188e1 url(images/bg_nw_header.gif) no-repeat 20px 15px; color:#ffffff; font-weight:bold; height:35px; }
#pop_content { padding:20px 0; }
#pop_tailer { width:100%; margin:0; text-align:center; padding:0 0 30px 0; }

/* pop_header */
#pop_header h1 {position:absolute; top:9px; left:28px; font-size:13px;}

/* list_table */
#pop_content .list_table {width:100%; border-top:2px solid #1e74cb;}
#pop_content .list_table thead {font-size:11px; color:#fff; }
#pop_content .list_table thead th {font-weight:400; background:#509ce9; padding:3px 0 2px;}
#pop_content .list_table tbody tr.subtotal {background:#F5F5F5; color:#666; }
#pop_content .list_table tbody td {padding:3px 0 2px; border-bottom:1px solid #DDDDDD;}
#pop_content .list_table tbody td.date {font:11px tahoma;}
#pop_content .list_table tbody td.right {text-align:right; padding-right:7px;}

/* memo_menu (ON/OFF) */
#pop_content .memo_menu { float:left; width:100%; border-bottom:1px solid #509CE9; margin-bottom:5px; }
#pop_content .memo_menu ul { list-style:none; margin-left:10px; }
#pop_content .memo_menu ul li { display:inline; }
#pop_content .memo_menu ul li a { float:left; border:1px solid #509CE9; padding:4px 10px; margin-bottom:-1px; margin-right:2px; }
#pop_content .memo_menu ul li a { background-color:#FFFFFF; }
#pop_content .memo_menu ul li a span { float:left; display:block; }
#pop_content .memo_menu ul li a.selected { background-color:#509CE9; }
#pop_content .memo_menu ul li a.selected span { color:#FFFFFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pop_content .memo_menu a span {float:none;}
/* End IE5-Mac hack */
/*#pop_content .memo_menu a:hover span { text-decoration:underline; }*/

/* #pop_content .memo_menu ul li img { margin:0; padding:0;} */

/* total */
#pop_content .total {float:left; font-size:11px; margin-top:10px;}
#pop_content .total span {font-weight:bold; color:#ec5614;}

/* msg */
#pop_content .msg {float:right;}

/* table_list */
#pop_content .table_list {width:100%; border-top:2px solid #1e74cb;}
#pop_content .table_list thead {font-size:11px; color:#fff; }
#pop_content .table_list thead th {font-weight:400; background:#509ce9; padding:3px 0 2px;}
#pop_content .table_list tbody tr.subtotal {background:#F5F5F5; color:#666; }
#pop_content .table_list tbody td {padding:3px 0 2px; border-bottom:1px solid #DDDDDD;}
#pop_content .table_list tbody td.date {font:11px tahoma;}
#pop_content .table_list tbody td.right {text-align:right; padding-right:7px;}


/* view_memo_prev */
#pop_content .view_memo_prev {float:left; *margin-bottom:-15px;}
#pop_content .view_memo_next {float:right; *margin-bottom:-15px;}

/* view_area */
#pop_content .view_area {background:#f1f5f8; border:1px solid #e7ecf0; padding:15px;}
#pop_content .view_area p {text-align:left;}
#pop_content .view_area p span.member {font-size:15px; font-weight:bold;}
#pop_content .view_area p img {vertical-align:middle;}
#pop_content .view_area p span.member img {vertical-align:middle; margin-top:-3px;}
#pop_content .view_area .memo { background:#fff; border:1px solid #DDDDDD; margin-top:10px; padding:20px 10px; text-align:left; }

/* write_table */
#pop_content .write_table { width:100%; background:#f1f5f8; border:1px solid #e7ecf0; margin-top:10px; }
#pop_content .write_table th { font-weight:400; text-align:left; color:#59646c; padding:8px 0 3px 10px; }
#pop_content .write_table td { padding:8px 0 5px 10px; text-align:left; }
#pop_content .write_table td textarea.textarea { width:95%; height:150px; padding-right:10px; }

/* password_forget */
#pop_content .password_forget {width:100%; background:#f1f5f8; border:1px solid #e7ecf0; padding:5px 0 10px; margin-bottom:20px;}
#pop_content .password_forget th {padding:5px 0 5px;font-size:11px; font-weight:400; text-align:left; padding-left:15px; color:#59646c; }
#pop_content .password_forget th.title {padding:10px 0 10px 15px; font-size:12px;}
#pop_content .password_forget th.title2 {padding:10px 0 10px 15px; font-size:12px; font-weight:bold; color:#115fb0; }
#pop_content .password_forget td {padding:5px 0 5px; text-align:left; }
#pop_content .password_forget td.answer {font-weight:bold; }
/*
#pop_content .password_forget td input.text {background:#fff; border:1px solid #DDDDDD; padding:3px 0 2px 5px;  height:13px; font:12px dotum,AppleGothic,Sans-serif;}
#pop_content .password_forget td input.file { height:20px;}
#pop_content .password_forget td input.checkbox {vertical-align:middle}
#pop_content .password_forget td textarea.textarea { width:500px; height:100px; background:#fff; border:1px solid #DDDDDD; padding:5px; margin:0 0 5px 0; font:12px/18px dotum,AppleGothic,Sans-serif;}
*/
#pop_content .password_forget td p {padding:5px 0 2px;}


#main .list_status { }
#main .list_status { padding:0 0 10px 0; }
#main .list_status .btn_new { margin-bottom:-8px; }

#main .list_table { border-collapse:collapse; border-spacing: 0;  border:0; border-top:1px solid; width:100%; }
#main .list_table th { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:400; }
#main .list_table th { border-color:#dcdcdc; color:#4d4d4d; }
#main .list_table th a { }
#main .list_table td { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; }
#main .list_table td { border-color:#eee; color:#4d4d4d; }
#main .list_table th.title { width:100%; }
#main .list_table tr.notice td.notice { font-size:11px; font-weight:bold; }
#main .list_table tr.notice td.title { font-weight:bold; }
#main .list_table td.title { width:100%; white-space:normal; text-align:left; }
#main .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; }
#main .list_table td.title .reply { padding:0 5px; }
#main .list_table td.title .comment { font-size:11px; color:#ff6600; }
#main .list_table td.author { font-size:11px; text-align:left; }
#main .list_table td.num,
#main .list_table td.date { font-size:11px; }
#main .list_table td.current { font-size:11px; color:#ff3300; letter-spacing:-3px; }
#main .list_table tbody td.tl {text-align:left; padding-left:10px; }

/* sidebox */
#sidebox ul { list-style:none; }

#pop_content .table_profile {width:100%; margin:10px 0; text-align:left; }
#pop_content .table_profile th,
#pop_content .table_profile td { padding:3px 0 2px 0;}
#pop_content .table_profile th { text-align:right; padding-right:6px; font-weight:400; font-size:11px; color:#59646c; }
#pop_content .table_profile td.introduce { padding-top:10px; }
#pop_content .table_profile td.introduce p { padding-top:10px; font-size:11px; color:#59646c; border-top:1px solid #dae2e7; }

#pop_content .profile_member { text-align:left; padding-bottom:5px; border-bottom:1px solid #dae2e7; }
#pop_content .profile_member span.member { text-align:left; font-size:15px; font-weight:bold; letter-spacing:-1px; }

#pop_header h1 { padding:0px; margin:0px; }
#pop_content h2 {text-align:left; font-size:13px; margin-bottom:10px; letter-spacing:-1px;}


/* pop_content */
#pop_content .table_formmail { width:100%; background:#f1f5f8; border:1px solid #e7ecf0; }
#pop_content .table_formmail th { padding:10px 0 3px;font-size:11px; font-weight:400; text-align:right; padding-right:10px; color:#59646c; }
#pop_content .table_formmail td { padding:10px 0 3px; text-align:left; }
/*
#pop_content .table_formmail td input.text { background:#fff; border:1px solid #DDDDDD; padding:3px 0 2px 5px;  height:13px; font:12px dotum,AppleGothic,Sans-serif; }
#pop_content .table_formmail td input.file { height:20px;}
#pop_content .table_formmail td input.checkbox { vertical-align:middle }
#pop_content .table_formmail td textarea.textarea { width:500px; height:100px; background:#fff; border:1px solid #DDDDDD; padding:5px; margin:0 0 5px 0; font:12px/18px dotum,AppleGothic,Sans-serif; }
*/
#pop_content .table_formmail td p { padding:5px 0 2px; }
#pop_content .table_formmail textarea { width:95%; }


/* board_list */
#board_list { float:left; margin:0 0 10px 0; width:100%; }
/*#board_list:after { content:""; display:block; float:none; clear:both; }*/
#board_list .board_status { height:35px; }
#board_list .board_status .write_count { color:#ABABAB; }
#board_list .board_status .rss { font-weight:700; }
/*#board_list .board_status:after { content:""; display:block; float:none; clear:both; }*/
#board_list .list_table { float:left; }
#board_list .list_table { border-top:1px solid #DCDCDC; width:100%; }
#board_list .list_table th { border:0; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:400; }
#board_list .list_table th { background:#F5F5F5; border-color:#DCDCDC; color:#4D4D4D; }
#board_list .list_table td { border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; }
#board_list .list_table td { border-color:#EEEEEE; color:#4D4D4D; }
#board_list .list_table th.subject { width:100%; }
#board_list .list_table tr.notice td.notice { font-weight:700; }
#board_list .list_table tr.notice td.title { font-weight:700; }
#board_list .list_table td.subject { width:100%; white-space:normal; text-align:left; }
#board_list .list_table td.subject { overflow: hidden; text-overflow: ellipsis; }
#board_list .list_table td.subject .icon_reply { padding-right:5px; margin-bottom:-1px; }
#board_list .list_table td.subject .reply { padding:0 5px; }
#board_list .list_table td.subject .comment { color:#FF6600; }
#board_list .list_table td.author { text-align:left; }
#board_list .list_table td.num,
#board_list .list_table td.date { }
#board_list .list_table td.current { color:#FF3300; font-weight:700;}
#board_list .btn_area { float:left; width:100%; }
#board_list .btn_area_bottom { clear:both; padding:10px 0 20px 0; }
#board_list .board_sw { float:left; margin-top:10px; width:100%; }
#board_list .search_area { clear:both; text-align:center; margin:10px 0; padding:10px 0; background-color:#EEEEEE; border:1px solid #dddddd;}
#board_list .search_area .sel_search {  }
#board_list .search_area .btn_search { }
#board_list .list_table .nodata { text-align:center; vertical-align:middle; height:100px; }

#board_list .gallery { border-top:1px solid #DCDCDC; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; text-align:center; }
#board_list .gallery .gallery_img { float:left; margin:0 0 20px 0; }
#board_list .gallery .thumb { text-align:center; }
#board_list .gallery .subject { text-align:center; line-height:25px; }
#board_list .gallery .datetime { text-align:center; height:25px; color:#888888; }
#board_list .gallery .name { text-align:center; height:25px; }

/* board_write */
#board_write { float:left; width:100%; }
#board_write .title_msg { font-size:17px; letter-spacing:-1px; color:#0066AA; font-weight:700; margin:0 0 10px 0; }
#board_write .write_table { width:100%; border-top:1px solid #C1C1C1; }
#board_write .write_table th,
#board_write .write_table td { padding:5px 0 4px; border-bottom:1px solid #E1E1E1; }
#board_write .write_table th { text-align:left; padding-left:10px; font-weight:400; color:#666666; background:#F7F7F7; }
#board_write .write_table td p { float:left; }
#board_write .write_table th p a { color:#AAAAAA; }
#board_write .write_table td {padding-left:10px; }
#board_write .write_table td input {vertical-align:middle; }
#board_write .write_table td textarea.textarea {width:97%; border:1px solid #D1D1D1; padding:5px; font-size:12px/18px;}
#board_write .write_table td input.subject { width:98%; }
#board_write .btn_area { margin:10px 0; }
#board_write .textarea_control span.button { cursor: pointer; }
#board_write .textarea_control div.float { float: left; width: 50%; }
#board_write .textarea_control div.right { float: right; }
#board_write textarea.textarea { width: 100%; word-break: break-all; }

/* variableFiles */
.variablefiles li { padding-top: 5px; }
.variablefiles li input.file { width:50%; height:22px; border:1px solid #9A9A9A; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#404040; vertical-align:middle; padding:0; -webkit-appearance:none; -webkit-border-radius:0px; }

/*
#variable_files { }
#variable_files table { }
#variable_files td.file div { padding-top:5px; }
#variable_files td.file input.file { border:1px solid #D1D1D1; height:22px; }
*/

/* board_view */
#board_view { margin:0 0 30px 0;}
/* #board_view .btn_area:after { content:""; display:block; float:none; clear:both; } */
#board_view .btn_area { }
#board_view .btn_area_bottom { clear:both; padding:0 0 20px 0; }
#board_view .title_area { float:left; width:100%; margin:0; }
/* #board_view .title_area { margin-bottom:5px; } */
#board_view .title_area { margin-bottom:5px; *padding:0px 0 10px 0; _padding:0px 0 10px 0; }
/* #board_view .title_area .title { float:left; } */
#board_view .title_area .subject { float:left; padding:0 0 5px 0; }
#board_view .title_area .subject { font-weight:700; }
#board_view .author_area { float:left; width:100%; border-bottom:1px dotted #dddddd; background:#F5F5F5; height:35px; line-height:35px; }
#board_view .author_area .author { float:left; padding:0 10px; }
#board_view .author_area .ipaddress { float:left; }
#board_view .author_area .sum { float:right; padding:0 5px; }
#board_view .author_area .sum .tit { color:#ADADAD; margin:0 5px; }
#board_view .author_area .sum .num { color:#ADADAD; }
#board_view .author_area .sum .date { color:#ADADAD; }
/* #board_view .author_area:after { content:""; display:block; float:none; clear:both; } */

#board_view .attach { float:left; width:100%; margin:5px 0 0 0; border-bottom:1px dotted #dddddd; padding:2px 0; }
#board_view .attach dt { margin-right:5px; float:left; padding:0 5px; }
#board_view .attach dd { text-decoration:none; }
#board_view .attach a { text-decoration:none; }
#board_view .view_file { float:left; margin-top:10px; width:100%; }
/*
#board_view .attach a:hover,
#board_view .attach a:active,
#board_view .attach a:focus { text-decoration:underline; color:#adadad; }
*/

#board_view .content { float:left;  width:100%; }
#board_view .content { margin:15px 0; }
#board_view .content { overflow:hidden; }
#board_view .content { }
#board_view .content a { text-decoration:underline; }

#board_view .signature { clear:both; background-color:#ff0000; margin:10px 0; }

/* board_comment */
#board_comment { width:100%; }

/* comment_area */
#board_comment .comment_area { float:left; width:100%; }
#board_comment .comment_area span.secret { color:#FF6600; }

#board_comment .comment_area .comment_list { border-top:1px solid #e0e0e0; background:#F5F5F5; height:30px; line-height:30px; }
#board_comment .comment_area .comment_list .co_author_area { float:left; padding:0 10px; }
#board_comment .comment_area .comment_list .co_author_area li { display:inline-block; }
#board_comment .comment_area .comment_list .co_author_area .author { float:left; }
#board_comment .comment_area .comment_list .co_author_area .ipaddress { color:#ADADAD; padding:0 5px; }
#board_comment .comment_area .comment_list .co_author_area .date { color:#ADADAD; padding:0 5px; }

#board_comment .comment_area .comment_list .co_option_area { float:right; padding:0 10px; }
#board_comment .comment_area .comment_list .co_option_area li { display:inline-block; }
#board_comment .comment_area .comment_list .co_option_area a { color:#999999; }

/*#board_comment .comment_area .comment_list .option_area:after { content:""; display:block; float:none; clear:both; }*/
#board_comment .comment_area .comment_list .co_content { float:left; width:100%; }
#board_comment .comment_area .comment_list .co_content { overflow:hidden; }
#board_comment .comment_area .comment_list .co_content { padding:10px 0; }
#board_comment .comment_area .comment_list .co_content a { text-decoration:underline; }
#board_comment .comment_area .comment_list .co_content .date { color:#ADADAD; padding:10px 0 0 0; }

/* comment_write */
#comment_write {border:1px solid #DDDDDD; margin:10px 0; padding:0 10px 5px 10px; *zoom:1; float:left; width:97%;}
#comment_write .author_area { float:left; width:100%; border-bottom:1px dotted #dddddd; background:#F5F5F5; height:30px; line-height:30px; }
#comment_write .author_area .author { float:left; padding:0 10px; }
#comment_write .secret_area { float:left; width:100%; }
#comment_write .secret_area .secret { float:left; }
#comment_write .content_area div.content { float:left; margin-right:-70px; }
#comment_write .content_area div.content div.text { margin-right:70px; }
#comment_write .content_area div.content div.text textarea { height:80px; }
#comment_write .content_area div.button { float:right; width:65px; }
#comment_write .content_area div.button { margin-top:14px; }
#comment_write fieldset { margin:0; padding:0; border:0px; }

/* board write */
table.board_write { border-collapse:collapse;border-spacing:0 }
table.board_write .zn_wrhtitlebox { border-top:2px solid #555555; border-bottom:1px solid #D4D4D4; clear:both; background-color:#F8F8F8; padding:8px; font-weight:700 }
table.board_write .zn_wrhtitle { font-weight:700 }

table.zn_wrtablebg { border-collapse:collapse;border-spacing:0 }
table.zn_wrtablebg th { border:1px solid #D4D4D4; text-align:center; padding:5px 0; background:#F9F9F9 }
table.zn_wrtablebg td.box { border:1px solid #D4D4D4; padding:5px 10px 5px 5px }
table.zn_wrtablebg td.nobox { padding:5px 10px 5px 5px }
table.zn_wrtablebg td.rightbox { border-right:1px solid #D4D4D4; padding:5px 0 5px 5px }

table.zn_wrtablebg1 { border-collapse:collapse;border-spacing:0 }
table.zn_wrtablebg1 th { border:1px solid #D4D4D4; text-align:center; padding:5px 0; background:#F9F9F9 }
table.zn_wrtablebg1 td { padding:5px 10px 5px 5px }

table.zn_board { border-collapse:collapse;border-spacing:0 }
table.zn_board th { font-weight:400; border:1px solid #D4D4D4; text-align:left; padding:5px 5px 5px 50px; background:#F9F9F9 }

table.zn_viewtable { border-collapse:collapse;border-spacing:0 }
table.zn_viewtable th { border:1px solid #D4D4D4; padding:5px; background:#F9F9F9; font-weight:700 }
table.zn_viewtable td { border:1px solid #D4D4D4; padding:5px 10px 5px 5px }

table.zn_viewtable1 { border-collapse:collapse;border-spacing:0 }
table.zn_viewtable1 th { border:1px solid #D4D4D4; padding:5px; background:#F9F9F9; font-weight:700 }
table.zn_viewtable1 td { border:1px solid #D4D4D4; padding:5px 10px 5px 5px; text-align:center }

table.zp_schedule { border-collapse:collapse;border-spacing:0; word-break: break-all; }
table.zp_schedule th { border:1px solid #D4D4D4; padding:5px; background:#F9F9F9; font-weight:700; text-align:center }
table.zp_schedule td { border:1px solid #D4D4D4; padding:5px 0px; }


/* register */
.agreement {background:#F5F5F5; border:1px solid #DDDDDD; padding:15px; margin-bottom:20px;}
.agreement_box {background:#fff; border:1px solid #DDDDDD; height:200px; padding:10px; margin:5px 0 10px 0; overflow-y:scroll; line-height:180%; }
.agreement label input {vertical-align:middle; margin-top:-2px;}
p.btn_confirm {text-align:center; margin:20px 0 20px 0; }
h2.member_join_title {margin-bottom:20px;}
h3.member_join_title {margin-bottom:10px;}

/* register_form */
.register_form {margin:0 auto; text-align:left; border-collapse:collapse;}
.register_form fieldset {border:0; margin-bottom:15px;}
.register_form legend {display:none;}
.register_form table {font-size:12px; border:1px solid #DDDDDD; width:100%; border-collapse:collapse;}
.register_form tr.last_child th, .register_form tr.last_child td {border-bottom:1px solid #DDDDDD;}
.register_form th {padding:10px 0 10px 15px; background:#F5F5F5; text-align:left; vertical-align:top; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
.register_form th label * {vertical-align:middle;}
.register_form th em {padding-right:8px;font-style:normal;}
.register_form td {padding:10px 0; color:#404040; border-bottom:1px solid #DDDDDD; }
.register_form td input.file {border:1px solid #DDDDDD; height:20px;}
.register_form td select { color:#404040;}
.register_form td textarea.textarea {width:98%; border:1px solid #DDDDDD; padding:5px; }
.register_form td span { }
.register_form td p {margin:0; padding:0;}
.register_form td p {margin-left:15px; }
.register_form td p.guide {margin-top:5px; }
.register_form td p * {vertical-align:middle;}
.register_form tr.first_child th {background-image:none;}
.register_form tr.first_child td {background:none;}

/* result */
.result {background:#F5F5F5; border:1px solid #DDDDDD; padding:25px; margin-bottom:15px;}
.result p {margin-bottom:10px;}


/* login */
/* #login {margin:35px auto 50px; width:450px; *padding-top:35px;} */
#login {margin:20px auto; width:60%; *margin:20px auto; border:1px solid #DDDDDD; padding:40px 10px 40px 10px;}

#login .login_img { padding:15px 0 0 20px; *padding:10px 0 0 20px; _padding:10px 0 0 20px }
#login .login_form {position:relative; margin-top:15px; padding:20px 50px;}
#login .login_form form {padding-bottom:15px; border-bottom:1px solid #DDDDDD;}
#login .login_form .logform_01 {height:30px; vertical-align:top;}
#login .login_form .logform_01 label img {margin-right:20px; vertical-align:middle; *margin-top:-12px; }
#login .login_form .logform_01 input.login_text {border:2px solid #DDDDDD; height:17px; width:205px; padding:2px 0 3px 5px; font:bold 13px verdana; -webkit-appearance:none; -webkit-border-radius:0px; }
#login .login_form .logform_02 {float:right; position:absolute; top:40px; right:50px; *top:41px;}
#login .login_form .logform_03 {text-align:center; margin-top:10px;}
#login .login_form .logform_03 label {margin-right:30px; vertical-align:top; color:#777; *margin-right:25px;}
#login .login_form .logform_03 label input.checkbox { vertical-align:middle; margin-top:-2px;}

#login .login_form .register {margin-top:20px;}
#login .login_form .register ul li {margin-bottom:10px; _height:24px; _margin-bottom:5px;}
#login .login_form .register ul li img {vertical-align:bottom; *vertical-align:bottom;}
#login .login_form .register span {position:absolute; right:50px;}


/* password */
#password {margin:35px auto 50px; width:450px; *padding-top:35px;}
/*#password .password_form {position:relative; background:url(../images/bg_member_pw.gif) no-repeat left top; height:26px; margin-top:15px; padding:30px 50px;}*/
#password .password_form {position:relative; height:26px; margin-top:15px; padding:30px 50px;}
#password .password_form .pwform_01 {height:30px; vertical-align:top;}
#password .password_form .pwform_01 label img {margin-top:-2px; margin-right:20px; vertical-align:middle; *margin-top:-12px; }
#password .password_form .pwform_01 input.pw_text {border:2px solid #DDDDDD; height:17px; width:205px; padding:2px 0 3px 5px; font:bold 13px verdana; }
#password .password_form .pwform_02 {float:right; position:absolute; top:30px; right:50px; *top:31px;}

/* re_password */
#re_password {margin:35px auto 50px; width:450px; *padding-top:35px;}
#re_password .re_pw_form {position:relative; background:url(../images/bg_member_re_pw.gif) no-repeat left top; height:56px; margin-top:15px; padding:25px 50px;}
#re_password .re_pw_form .logform_01 {height:30px; vertical-align:top;}
#re_password .re_pw_form .logform_01 span.userid {font:bold 15px tahoma; padding-left:17px;}
#re_password .re_pw_form .logform_01 label img {margin-right:20px; vertical-align:middle; *margin-top:-12px; }
#re_password .re_pw_form .logform_01 input.login_text {border:2px solid #DDDDDD; height:17px; width:205px; padding:2px 0 3px 5px; font:bold 13px verdana; }
#re_password .re_pw_form .logform_02 {float:right; position:absolute; top:25px; right:50px; *top:26px;}

/* zip */
span.zip {font-size:11px; color:#666; }

.search_zip_result {text-align:left; margin:25px 0; }
.search_zip_result h2 {padding-top:10px; border-top:1px solid #e7ecf0; }
.search_zip_result h3 {margin:-10px 0 5px; font-size:12px; font-weight:400; }
.search_zip_result ul { list-style:none; }
.search_zip_result ul li {padding:3px 0 2px; border-bottom:1px solid #DDDDDD; }
.search_zip_result ul li.end {padding-top:15px; color:#111; text-align:center; border:none; }
.search_zip_result span {font-weight:bold; margin-right:5px; }
.search_zip_result a {color:#666; }
.search_zip_result a:hover {text-decoration:underline; color:#005BA2;}
.search_area_zip .btn_search { vertical-align:middle; }

.bo_content_head { }
.bo_content_tail { clear:both; }

/* zenaplus */
img{vertical-align:middle}
.img-responsive{display:block;height:auto;max-width:100%}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
hr{margin-top:10px 0px;border:0;border-top:1px solid #dddddd}
form {margin:0; padding:0;}
br { font-size:1px; height:10px; line-height:10px }
button { cursor:pointer; }
strong { font-weight:bold; }
ul,
ol { list-style:none }
.word { word-break:break-all; white-space: normal; }
.page { float:left; text-align:center; margin-top:10px; width:100%; }
.page strong { border:1px solid #00AEEF; padding:0px 5px; color:#FFFFFF; background-color:#00AEEF; }
.none { display:none }
.english { font-family:arial, Sans-Serif; }
.required_mark { color:red;}

#new_skin .search_area { clear:both; text-align:center; margin:10px 0; padding:10px 0; background-color:#EEEEEE; border:1px solid #dddddd;}

@media(max-width:767px){
.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
}

.tbl_default { border-collapse:collapse; border-spacing: 0 }
.tbl_default th,
.tbl_default td { border:0px }

.tbl_pad5default { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5default th { text-align:center; font-weight:bold; }
.tbl_pad5default th,
.tbl_pad5default td { padding:5px }

.tbl_basic { border-collapse:collapse; border-spacing: 0 }
.tbl_basic th,
.tbl_basic td { border:1px solid #DDDDDD }

.tbl_pad5basic { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5basic th,
.tbl_pad5basic td { border:1px solid #DDDDDD; padding:5px }
.tbl_pad5basic th  { text-align:center; font-weight:bold; background:#F9F9F9; }

.tbl_pad5basictop { border-collapse:collapse; border-spacing: 0; border-top:2px solid #232A31; }
.tbl_pad5basictop th,
.tbl_pad5basictop td { border:1px solid #DDDDDD; padding:5px }
.tbl_pad5basictop th  { text-align:center; font-weight:bold; background:#F9F9F9; }

.tbl_pad10basictop { border-collapse:collapse; border-spacing: 0; border-top:2px solid #232A31; }
.tbl_pad10basictop th,
.tbl_pad10basictop td { border:1px solid #DDDDDD; padding:10px }
.tbl_pad10basictop th  { text-align:center; font-weight:bold; background:#F9F9F9; }

.tbl_pad10basic { width:100%; border-collapse:collapse; border-spacing: 0; }
.tbl_pad10basic th,
.tbl_pad10basic td { border:1px solid #DDDDDD; padding:10px }
.tbl_pad10basic th  { width:20%; text-align:left; font-weight:bold; background:#F9F9F9; }

.tbl_pad5basic1 { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5basic1 th  { text-align:center; font-weight:bold; }
.tbl_pad5basic1 th,
.tbl_pad5basic1 td { border:1px solid #DDDDDD; padding:5px }

.tbl_pad5basic_normal { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5basic_normal th { font-weight:400 }
.tbl_pad5basic_normal th,
.tbl_pad5basic_normal td { border:1px solid #DDDDDD; padding:5px }

.tbl_pad5adm { border-collapse:collapse; border-spacing: 0 }
.tbl_pad5adm th,
.tbl_pad5adm td { border:1px solid #DDDDDD; padding:5px }
.tbl_pad5adm th  { text-align:center; font-weight:bold; background:#F9F9F9; }

.tbl_contactus { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #232A31;}
.tbl_contactus td { border:1px solid #DDDDDD; padding:10px; }
.tbl_contactus th  { border:1px solid #DDDDDD; padding:10px; text-align:center; font-weight:bold; background:#F9F9F9;  width:25%}

.tbl_newtable { border-collapse:collapse; border-spacing: 0; width:100%; border-top:2px solid #232A31;}
.tbl_newtable td { border:1px solid #DDDDDD; padding:5px; text-align:center; }
.tbl_newtable td.subject { border:1px solid #DDDDDD; padding:5px; text-align:left; }
.tbl_newtable th  { border:1px solid #DDDDDD; padding:5px; text-align:center; font-weight:bold; background:#F9F9F9;  }

.tblfixed { table-layout : fixed }
.tblauto { table-layout : auto }

.pointer { cursor:pointer }
.htitle_bar { text-align:left; background-color:#E8F1FA; height:30px; line-height:30px; padding:0 10px }
.htitle_bar ul { padding:0 0 20px 0; list-style-type:none }
.htitle_bar li { float:left; display:inline }
.bgf5 { background-color:#F5F5F5 }
.bgf8 { background-color:#F8F8F8 }
.reply { padding:0 5px }
.arrow { font-family : Dotum, Sans-Serif }
.bold { font-weight: bold !important; }
.normal { font-weight:400 }
.small { 
    font-family: Meiryo,'Segoe UI','Trebuchet MS',Gulim,NanumGothic,'Malgun Gothic',Tahoma,AppleGothic,sans-serif;
    font-size:90%;    
    }
.none { display:none }
.text-left { text-align:left }
.text-center { text-align:center }
.text-right { text-align:right }
.textleft { text-align:left }
.textcenter { text-align:center }
.textright { text-align:right }
.underline { text-decoration:underline }
.inline li { display:inline }
.white { color:#ffffff }
.red { color:#ff0000 }
.blue { color:#0000ff }
.sitecolor { color:#EA69A2 }
.vtop { vertical-align:top }
.vmiddle { vertical-align:middle }
.vbottom { vertical-align:bottom }

/* width */
.w5 { width:5% }
.w10 { width:10% }
.w15 { width:15% }
.w20 { width:20% }
.w25 { width:25% }
.w30 { width:30% }
.w35 { width:35% }
.w40 { width:40% }
.w45 { width:45% }
.w50 { width:50% }
.w55 { width:55% }
.w60 { width:60% }
.w65 { width:65% }
.w70 { width:70% }
.w75 { width:75% }
.w80 { width:80% }
.w85 { width:85% }
.w90 { width:90% }
.w95 { width:95% }
.w98 { width:98% }
.w99 { width:99% }
.w100 { width:100% }
.w10px { width:10px }
.w20px { width:20px }
.w30px { width:30px }
.w40px { width:40px }
.w50px { width:50px }
.w60px { width:60px }
.w65px { width:65px }
.w70px { width:70px }
.w80px { width:80px }
.w90px { width:90px }
.w100px { width:100px }
.w110px { width:110px }
.w120px { width:120px }
.w130px { width:130px }
.w140px { width:140px }
.w150px { width:150px }
.w160px { width:160px }
.w170px { width:170px }
.w180px { width:180px }
.w190px { width:190px }
.w200px { width:200px }

/* margin */
.mgn-t05 { margin-top:5px; }
.mgn-t10 { margin-top:10px; }
.mgn-t15 { margin-top:15px; }
.mgn-t20 { margin-top:20px; }
.mgn-t25 { margin-top:25px; }
.mgn-t30 { margin-top:30px; }
.mgn-t35 { margin-top:35px; }
.mgn-t40 { margin-top:40px; }
.mgn-t45 { margin-top:45px; }
.mgn-t50 { margin-top:50px; }

.mgn-b05 { margin-bottom:5px; }
.mgn-b10 { margin-bottom:10px; }
.mgn-b15 { margin-bottom:15px; }
.mgn-b20 { margin-bottom:20px; }
.mgn-b25 { margin-bottom:25px; }
.mgn-b30 { margin-bottom:30px; }
.mgn-b35 { margin-bottom:35px; }
.mgn-b40 { margin-bottom:40px; }
.mgn-b45 { margin-bottom:45px; }
.mgn-b50 { margin-bottom:50px; }
.mgn-b-05 { margin-bottom:-5px; }
.mgn-b-10 { margin-bottom:-10px; }

.mgn-l05 { margin-left:5px; }
.mgn-l10 { margin-left:10px; }
.mgn-l15 { margin-left:15px; }
.mgn-l20 { margin-left:20px; }
.mgn-l25 { margin-left:25px; }
.mgn-l30 { margin-left:30px; }
.mgn-l35 { margin-left:35px; }
.mgn-l40 { margin-left:40px; }
.mgn-l45 { margin-left:45px; }
.mgn-l50 { margin-left:50px; }

.mgn-r05 { margin-right:5px; }
.mgn-r10 { margin-right:10px; }
.mgn-r15 { margin-right:15px; }
.mgn-r20 { margin-right:20px; }
.mgn-r25 { margin-right:25px; }
.mgn-r30 { margin-right:30px; }
.mgn-r35 { margin-right:35px; }
.mgn-r40 { margin-right:40px; }
.mgn-r45 { margin-right:45px; }
.mgn-r50 { margin-right:50px; }

/* padding */
.pad-t02 { padding-top:2px; }
.pad-t05 { padding-top:5px; }
.pad-t08 { padding-top:8px; }
.pad-t10 { padding-top:10px; }
.pad-t15 { padding-top:15px; }
.pad-t20 { padding-top:20px; }
.pad-t40 { padding-top:40px; }

.pad-b05 { padding-bottom:5px; }
.pad-b10 { padding-bottom:10px; }
.pad-b20 { padding-bottom:20px; }
.pad-b30 { padding-bottom:30px; }

.pad-l05 { padding-left:5px; }
.pad-l10 { padding-left:10px; }
.pad-l15 { padding-left:15px; }
.pad-l20 { padding-left:20px; }
.pad-l30 { padding-left:30px; }
.pad-l40 { padding-left:40px; }
.pad-l45 { padding-left:45px; }
.pad-l50 { padding-left:50px; }

.pad-r02 { padding-right:2px; }
.pad-r10 { padding-right:10px; }
.pad-r20 { padding-right:20px; }
.pad-r30 { padding-right:30px; }
.pad-r35 { padding-right:35px; }
.pad-r40 { padding-right:40px; }
.pad-r50 { padding-right:50px; }

.pad-02{padding:2px;}
.pad-10{padding:10px;}
.pad-20{padding:20px;}

.btn-center { margin:20px 0 0 0; text-align:center; }

h2.join_title  { margin:0 0 10px 0; padding:2px 0 5px 10px; font-weight:700; border-bottom:1px solid #DDDDDD; border-left:3px solid #232A31; }

.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#00AAAA;border-color:#00AAAA}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}