/*
	- Project : ssenhosting
	- Author : 
	- Description : 
	- Create : YYYY-MM-DD
	- Modify : YYYY-MM-DD
		-
*/
/*
========================================================================
RESET
========================================================================
*/
/* global rest */
html, body { height: 100%; }
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
input, select, textarea, button {
	margin: 0;
	padding: 0;
}

body { color: #666; font-size: 12px; line-height: 1.5; font-family: Dotum, Tahoma, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img, fieldset { border: 0 none; }
img { vertical-align: top; max-width: 100%; }
li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #666; text-decoration: none; }
a:hover { }
button { cursor: pointer; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; }
input, select, textarea { font-size: 12px; line-height: 1.5;}
input:focus { outline: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
table img { vertical-align: middle; }
ins { text-decoration: none; }
a { outline: none; }
a:active { selector-dummy:expression(this.hideFocus = true); }
/*
========================================================================
COMMON CLASS
========================================================================
*/
/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}
/* form */
.chk-rdo,
.txt-input,
select,
.txt-area { vertical-align: middle; }
.chk-rdo { width: 14px; height: 14px; }
.txt-r { text-align: right; }
.txt-c { text-align: center; }
.txt-l { text-align: left; }
/* design checkbox */
.label-dchk { cursor: pointer; }
.dchk,
.dchk span { position: relative; display: inline-block; overflow: hidden; width: 13px; height: 13px; vertical-align: text-bottom; }
.dchk span { background: url(/img/ssen/common/dchk_sp.gif) no-repeat 0px -13px; }
.dchk span.chk { background-position: 0px 0; }
.dchk input { position: absolute; z-index: -1; visibility: hidden; }
/* design selectbox */
.dselect { position: relative; width: 73px; height: 26px; padding-left: 8px; padding-right: 21px; cursor: pointer; border: 1px solid #cbf3ff; background: #fff; }
.dselect ul { zoom: 1; overflow: hidden; display: none; position: absolute; left: -1px; top: 26px; width: 102px; border: 1px solid #cbf3ff; border-top: 0; background: #fff; }
.dselect ul li { float: left; width: 100%; }
.dselect ul a { position: relative; display: block; line-height: 14px; padding: 5px 0 3px 7px; }
.dselect ul a:hover { background-color: #cbf3ff; }
.dselect .select { width: 100%; height: 100%; line-height: 26px; }
.dselect .ctrl { position: absolute; right: 5px; top: 5px;}
.dselect .ctrl,
.dselect .ctrl span { display: block; width: 15px; height: 16px; }
.dselect .ctrl span { background: url(/img/ssen/btn/h16_dselect.gif) no-repeat 0 0; }
.dselect .ctrl span.show { background-position: 0px -16px;}
/* file add */
.file-wrap { zoom: 1; padding-bottom: 1px; overflow: hidden; position: relative; display: inline-block; height: 22px; padding-right: 65px; background: url(/img/ssen/btn/h19_fileadd.gif) no-repeat right 45%; }
.file-txt { border: 0 none; height: 20px; line-height: 20px; border: 1px solid #ddd; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0; top: 0; width: 65; height: 22px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
/* label */
.label-r10 label { margin-right: 10px; }
.label-r20 label { margin-right: 20px; }
.label-r30 label { margin-right: 30px; }
.label-r10 label.last,
.label-r20 label.last,
.label-r30 label.last { margin-right: 0; }
/* table */
.tb-l { text-align: left; }
.tb-c { text-align: center; }
.tb-r { text-align: right; }
/* bbs search form */
/* bbs list type1 */
.blist-type1 thead th { font-weight: bold; letter-spacing: -1px; background-color: #eee; }
.blist-type1 table {  }
.blist-type1 th,
.blist-type1 td { padding: 8px 0 7px; border-bottom: 1px solid #dedede;  border-left: 1px solid #dedede; }
.blist-type1 .tb-l,
.blist-type1 .tb-c,
.blist-type1 .tb-r { padding: 0 10px; }
.blist-type1 th.first,
.blist-type1 td.first { border-left: 0; }
.blist-type1 th.last,
.blist-type1 td.last { border-right: 0; }
.blist-type1 a:hover{ text-decoration: underline; }
.blist-type1 tr.view {  }
.blist-type1 tr.view td { display: none; padding: 0; border-left: 0; border-right: 0; background-color: #f1fbff; }
	/* reply */
	.blist-type1 tr.view .view-reply { min-height: 100px; _height: 100px;  padding: 15px 15px 15px 97px; background: url(/img/ssen/common/bull_h11_bbsview.gif) no-repeat 80px 14px; }
	/* qna password */
	.blist-type1 tr.view .qna-pwd { padding: 6px 0 6px 80px; }
	.blist-type1 tr.view .label-pwd-w { display: inline-block; position: relative; width: 150px; height: 20px; margin-right: 3px; vertical-align: middle; border: 1px solid #ddd; background-color: #fff; }
	.blist-type1 tr.view .label-pwd-w label,
	.blist-type1 tr.view .label-pwd-w .input-pwd { position: absolute;  }
	.blist-type1 tr.view .label-pwd-w label { position: absolute; left: 7px; top: 0; height: 22px; line-height: 22px; letter-spacing: -1px; color: #999; }
	.blist-type1 tr.view .label-pwd-w .input-pwd { z-index: 1; top: 0px; left: 5px; width: 145px; height: 20px; line-height: 20px; border: 0; opacity: 0; filter:alpha(opacity=0); }
	.blist-type1 tr.view .qna-pwd .btn-sp { vertical-align: middle; }
	/* qna view list */
	.blist-type1 tr.view .view-qna { display: none; padding-left: 80px; padding-bottom: 10px; }
	.blist-type1 tr.view .view-qna dl { zoom: 1; overflow: hidden; padding-left: 30px; padding-top: 10px; }
	.blist-type1 tr.view .view-qna dt,
	.blist-type1 tr.view .view-qna dd { position: relative; float: left; }
	.blist-type1 tr.view .view-qna dt { overflow: hidden; left: -30px; width: 15px; height: 16px; margin-right: -30px; font-size: 0; line-height: 0; }
	.blist-type1 tr.view .view-qna dd { width: 100%; }
	.blist-type1 tr.view .view-qna .q dt { background: url(/img/ssen/common/ico_h16_q.gif) no-repeat 0 0; }
	.blist-type1 tr.view .view-qna .a dt { background: url(/img/ssen/common/ico_h16_a.gif) no-repeat 0 0; }
	.blist-type1 tr.view .view-qna .a .ac { padding-left: 17px; background: url(/img/ssen/common/bull_h11_bbsview.gif) no-repeat 0 2px; }
/* bbs write type1 */
.bwrite-type1 th,
.bwrite-type1 td { padding: 4px 0; }
.bwrite-type1 .tbd-hd th,
.bwrite-type1 .tbd-hd td { background-color: #f8f8f8; }
.bwrite-type1 .tbd-hd th .tb-l { padding-left: 25px; background: url(/img/ssen/common/bull_h3_sqr_ffa280.gif) no-repeat 15px 45%; }
.bwrite-type1 .tbd-hd tr.first th,
.bwrite-type1 .tbd-hd tr.first td { padding-top: 10px; border-top: 2px solid #eee; }
.bwrite-type1 .tbd-hd tr.last th,
.bwrite-type1 .tbd-hd tr.last td { padding-bottom: 10px; border-bottom: 2px solid #eee; }
.bwrite-type1 .tbd-cont th,
.bwrite-type1 .tbd-cont td { padding: 8px 0 7px; border-bottom: 1px solid #eee; }
.bwrite-type1 .txt-input,
.bwrite-type1 textarea { border: 1px solid #ddd; }
.bwrite-type1 .txt-input { height: 21px; line-height: 21px; }
.bwrite-type1 textarea { overflow-y: scroll; }
.bwrite-type1 em { margin-left: 5px; font-size: 11px; color: #ff642b; letter-spacing: -1px; }
.bwrite-type1 em .num { letter-spacing: 0; }
/* paging */
.paging { position: relative; margin-top: 20px; text-align: center; font-size: 0; line-height: 0; }
.paging a { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; height: 19px; margin-right: 2px; padding: 0 8px; font-size: 10px; font-family: Tahoma; line-height: 19px; background-color: #ededed; }
.paging a:hover,
.paging a.now { color: #fff; background-color: #ff642b;  }
.paging .btn { width: 20px; padding: 0; }
.paging .btn span { visibility: hidden; font-size: 0; line-height:0; }
.paging .first { background:#ededed url(/img/ssen/btn/paging_first.gif) no-repeat 50% 45%; }
.paging .first:hover { background: #ff642b url(/img/ssen/btn/paging_first_hover.gif) no-repeat 50% 45%; }
.paging .prev { margin-right: 12px; background:#ededed url(/img/ssen/btn/paging_prev.gif) no-repeat 50% 45%; }
.paging .prev:hover { background: #ff642b url(/img/ssen/btn/paging_prev_hover.gif) no-repeat 50% 45%; }
.paging .next { margin-left: 10px; background:#ededed url(/img/ssen/btn/paging_next.gif) no-repeat 50% 45%; }
.paging .next:hover { background: #ff642b url(/img/ssen/btn/paging_next_hover.gif) no-repeat 50% 45%; }
.paging .last { background:#ededed url(/img/ssen/btn/paging_last.gif) no-repeat 50% 45%; }
.paging .last:hover { background: #ff642b url(/img/ssen/btn/paging_last_hover.gif) no-repeat 50% 45%; }
/* file-wrap 
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 19px; padding-left: 2px; padding-right: 55px; vertical-align: middle; border: 1px solid #b7b8b2; }
.file-txt { border: 0 none; width: 100%; height: 19px; font-size: 12px; line-height: 19px; vertical-align: top; }
.file-wrap label { position: absolute; right: 0px; top: 0px; width: 54px; height: 21px; line-height: 21px; color: #fff; font-size: 11px; text-align: center; letter-spacing: -1px; background-color: #6f6f6f; }
.file-wrap .file-trick { z-index: 2; cursor: pointer; position: absolute; right: 0px; top: 0px; width: 54px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
*/
/* 그래프 */
.agraph-w { position: relative; display: inline-block; height: 14px; padding: 8px 74px 17px 0px; font-size: 0; line-height: 0; background: url(/img/ssen/common/bg_graph.gif) no-repeat right 0; }
.agraph { display: inline-block; width: 100%; height: 14px; vertical-align: top; }
.agraph .bar-w,
.agraph .bar { position: relative; display: inline-block; height: 14px; }
.agraph .bar { width: 100%; }
.agraph-w .add { overflow: hidden; position: absolute; right: 0px; top: 0px; width: 32px; height: 42px; text-indent: -9999px; }
/*
========================================================================
공통 레이어
========================================================================
*/
.layer-type1 { display: none; position: absolute; border: 3px solid #a3e0f7; background-color: #fff; }
.layer-type1 h2 { padding: 10px 20px; font-size: 14px; font-weight: bold; color: #333; letter-spacing: -1px; background-color: #e5f8fe; }
.layer-type1 .cont { padding: 20px; }
.layer-type1 .close { overflow: hidden; position: absolute; right: -19px; top: -14px; width: 36px; height: 36px; border: 0; text-indent: -9999px; background: url(/img/ssen/common/ico_h36_circlex.png) no-repeat 0 0; }

/*
========================================================================
ftr
========================================================================
*/
/* ftr */
#ftrWrap { zoom: 1; position: relative; background-color: #eeeeee; }
#ftr { position: relative; width: 930px; height: 133px; padding-top: 30px; padding-left: 20px; margin-left: auto; margin-right: auto; background: url(/img/ssen/common/bi_ftr.gif) no-repeat right 28px; }
#ftr .clink { zoom: 1; overflow: hidden; }
#ftr .clink li,
#ftr .clink a { float: left; width: auto; }
#ftr .clink li { margin-right: 15px; padding-right: 17px; background: url(/img/ssen/common/bar_h11_999.gif) no-repeat right 45%; }
#ftr .clink li.last { margin-right: 0; padding-right: 0; background: none; }
#ftr .clink a { letter-spacing: -1px; color: #333; }
#ftr .clink a.bold { font-weight: bold; }
#ftr .info,
#ftr address { color: #999; }
#ftr .info .txt3,
#ftr address .bi span { color: #ff642b; }
#ftr .info { margin-top: 20px; font-size: 11px; }
#ftr address { margin-top: 3px; font-size: 10px; font-family: Tahoma; }
#ftr address .bi { color: #333; }