@import "layout.css";


* { padding: 0; margin: 0; }
/* * html { overflow-y: scroll; overflow-x: hidden; }*/

/*Common*/
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Dotum ;
	color: #5e5e5e;
}
table { border-collapse: collapse; }
td, th { padding: 0; }
p, div, th, td, select {}
optgroup label { font-style: normal; font-weight: normal; }
form, p, blockquote, dl, dd, dt { margin: 0; padding: 0; }
ul, li, ol { list-style: none; margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
img, input.type-image { border: 0 none; }

input, select, textarea {
	vertical-align: middle;
	color: #a1a0a0;
	font-size: 12px;
}

hr, caption { display: none; }

li img, dd img, dt img { display: block; }

label { cursor: pointer; }

/* onFocus 대용 CSS
area {selector-dummy:expression(this.hideFocus=true); }
*/

/*INPUT*/
input.text {border: 1px solid #ccc; }
textarea.textarea { border:1px solid #e5e5e5; }
input.checkbox { border:0; }

/*LINK*/
a:link { color: #5e5e5e; text-decoration: none; }
a:visited { color: #5e5e5e; text-decoration: none; }
a:hover, a:active { color:#5e5e5e; text-decoration: none; }

a.mailto { font-weight: bold; color: #ff6600; }
a.mailto:hover, a.mailto:visited, a.mailto:active { font-weight: bold; color: #ff6600; }

/* PAGING */
div.paging_pn {  }
div.paging_pn .btnL { float: left; margin-top: 17px; width: 83px; }
div.paging_pn .btnR { float: right; margin-top: 17px; width: 103px; text-align: right; }
div.paging img { vertical-align:middle; }
div.paging { float: left; width:454px;margin:0 auto;text-align: center; }
div.paging a { display: inline-block; font: bold 11px/32px Tahoma; color: #7f7f7f; padding: 8px 12px 8px 8px; background: url('/static/images/common/vline.gif') 100% 50% no-repeat; *background: url('/static/images/common/vline.gif') 100% 52% no-repeat; }
div.paging a:hover { color: #428adf; }
div.paging a.img { background: none; padding: 8px 1px; }
div.paging a.img img { vertical-align: middle; margin-bottom: 4px; *margin-bottom: 0; }
div.paging a.current { color: #428adf; text-decoration: underline; }
div.paging a.last { background: none; }
/*
div.paging { text-align: center; clear: both; }
div.paging a { display: inline-block; font: bold 11px/32px Tahoma; color: #7f7f7f; padding: 8px 12px 8px 8px; background: url('/static/images/common/vline.gif') 100% 50% no-repeat; *background: url('/static/images/common/vline.gif') 100% 52% no-repeat; }
div.paging a:hover { color: #428adf; }
div.paging a.img { background: none; padding: 8px 1px; }
div.paging a.img img { vertical-align: middle; margin-bottom: 4px; *margin-bottom: 0; }
div.paging a.current { color: #428adf; text-decoration: underline; }
div.paging a.last { background: none; }
*/
/* GoTop */
div.contGoTop { text-align: right; padding: 9px 9px 9px 0; }


/* Title Bg */
.dep_0 { background: url(/static/images/ptitle/dep_00.gif) 0 0 no-repeat; }
.dep_1 { background: url(/static/images/ptitle/dep_01.gif) 0 0 no-repeat; }
.dep_2 { background: url(/static/images/ptitle/dep_02.gif) 0 0 no-repeat; }
.dep_3 { background: url(/static/images/ptitle/dep_03.gif) 0 0 no-repeat; }
.dep_4 { background: url(/static/images/ptitle/dep_04.gif) 0 0 no-repeat; }
.dep_5 { background: url(/static/images/ptitle/dep_05.gif) 0 0 no-repeat; }
.dep_6 { background: url(/static/images/ptitle/dep_06.gif) 0 0 no-repeat; }
.dep_7 { background: url(/static/images/ptitle/dep_07.gif) 0 0 no-repeat; }

/* H1~H6 */
h1 { margin: 1px 45px 0 0; display: inline; float: left; }
h2 { margin-bottom: 5px; }
h3 {  }
h4 {  }
h5 { font:bold 12px/18px Dotum ;color: #5e5e5e; }
/* Etc */
.clear { clear: both; }
.hideobject { display: none; }

/* Search Box */
.search_box { width: 308px; margin: 0 auto; margin-top: 10px; }
.search_box ul li { float: left; }
.search_box ul li select { margin-right: 7px; width: 78px; }
.search_box ul li input { height: 16px; width: 156px; }
.search_box ul li.check { *margin-top: 2px; margin-right: 7px; }
.search_box ul li.check input.checkbox { height: 16px; width: 16px; }
.search_box ul li img { *vertical-align: middle; *margin-top: 1px; margin-left: 7px; }

/* Table */
.total { clear: both; font: normal 11px/32px Tahoma; color: #585858; width: 640px;}
.total span { float: left;}
.total span strong { margin-right: 4px; }
.total .btnR { float: right;}
.total ul { float: left; height: 32px;}
.total li { float: left; margin-right: 10px; line-height: 20px;}

table.list { clear: both; border-top: 3px solid #585858; border-bottom: 2px solid #d2d2d3; }
/*table.list tr.notice { background: #fbfbfb; }*/
table.list tr.notice { background: #f3f6fa; }
table.list tr.current { background: #fafafa; }
table.list th { border-bottom: 1px solid #585858; height: 29px; text-align: center; }
table.list th img { vertical-align: middle; }
table.list td { border-top: 1px solid #e5e5e5; height: 31px; font: normal 11px/30px Tahoma; text-align: center; }
table.list td a { font: normal 12px/32px Dotum; color: #5e5e5e; }
table.list td img { vertical-align: middle; margin-bottom: 2px; *margin-bottom: 0; margin-left: 4px;  }
table.list td.title { padding-left: 9px; text-align: left; }
table.list td.type { font-size: 12px; }
table.list td.notice { background: #f9f9f9; }
table.list td strong.book_01 { font-size: 12px; color: #3b73be; }
table.list td strong.book_02 { font-size: 12px; color: #e2768d; }
table.list td strong.book_03 { font-size: 12px; color: #5e5e5e; }


table.view { border-bottom: 1px solid #a9a9a9; }
table.view td.file { padding: 5px 12px; letter-spacing: -1px; width: 616px; line-height: 20px; border-bottom: 1px solid #a9a9a9; }
table.view td.file .thumb_list { height: 65px; padding: 15px 0; margin: 0 auto; width: 585px; }
table.view td.file .thumb_list li { float: left; height: 65px; width: 105px; }
table.view td.file .thumb_list li.lst { width: 95px; }
table.view td.file .thumb_list li.btn { width: 34px; }
table.view td.file .thumb_list li.btn img { margin: 0 auto; margin-top: 25px; }
table.view td.file .thumb_list .thumb { position: relative; background: url(/static/images/literature/no_img.gif) no-repeat; width: 93px; height: 63px; padding: 1px; }
table.view td.file .thumb_list .thumb img { width: 93px; height: 63px; }
table.view td.file .thumb_list .current { position: absolute; top: 0; left: 0; z-index: 1; }
table.view td.file .thumb_list .current img { width: 95px; height: 65px; }
table.view td.file_view { text-align: right; }
table.view td.file_view img { margin-right: 13px; }

table.view td.cont { padding: 25px 12px; letter-spacing: -1px; width: 616px; line-height: 20px; }
table.view td.cont .vod { width: 412px; height: 299px;margin: 0 auto; padding: 0; }
table.view td.cont .thumb_list { height: 65px; padding: 15px 0; margin: 0 auto; width: 478px; margin-bottom: 25px; }
table.view td.cont .thumb_list li { float: left; height: 65px; width: 105px; }
table.view td.cont .thumb_list li.lst { width: 95px; }
table.view td.cont .thumb_list li.btn { width: 34px; }
table.view td.cont .thumb_list li.btn img { margin: 0 auto; margin-top: 25px; }
table.view td.cont .thumb_list .thumb { position: relative; background: url(/static/images/literature/no_img.gif) no-repeat; width: 93px; height: 63px; padding: 1px; }
table.view td.cont .thumb_list .thumb img { width: 93px; height: 63px; }
table.view td.cont .thumb_list .current { position: absolute; top: 0; left: 0; z-index: 1; }
table.view td.cont .thumb_list .current img { width: 95px; height: 65px; }
table.view td.cont .txt { clear: both; text-align: left; }

table.view td.cont .book_data { display: inline-block;}
table.view td.cont .book_data .photo { float: left;  width: 104px; height: 154px; overflow:hidden; margin-right: 17px; }
table.view td.cont .book_data .photo img {width: 102px;border: 1px solid #d6d6d6;}
table.view td.cont .book_data .cont { position: relative; float: right; width: 453px; *width: 445px; border: 1px solid #e4e4e4; background: #f6f6f6; height: 122px; padding: 20px 20px 10px; font: normal 11px/15px Dotum; color: #797777; letter-spacing: 0; }
table.view td.cont .book_data .cont dt { float: left; background: url(/static/images/common/icon/icon_dot.gif) 0 50% no-repeat; padding: 0 4px 0 8px; }
table.view td.cont .book_data .cont .buy_info { background: url(/static/images/literature/bg_buy_info.gif) 0 0 repeat-x; position: absolute; bottom: 0; right: 18px; width: 453px; height: 29px; padding-top: 10px; }
table.view td.cont .book_data .cont .buy_info dl { float: right; }
table.view td.cont .book_data .cont .buy_info dt { float: left; background: none; margin-top: 3px; }
table.view td.cont .book_data .cont .buy_info dd { float: left; padding-left: 7px;}
table.view td.cont .book_detail { padding: 30px 2px 0; }
table.view td.cont .book_detail h3 { background: url(/static/images/common/icon/icon_h3.gif) 1px 25% no-repeat; padding-left: 9px; height: 27px; }
table.view td.cont .book_detail .txt { padding-bottom: 30px; letter-spacing: 0; font: normal 12px/20px Dotum; }

table.view table { border: 3px solid #585858; }
table.view table th { border-bottom: 1px solid #c6c6c6; text-align: center; }
table.view table th img { vertical-align: middle; }
table.view table td { background: url(/static/images/common/bbs/td_bar.gif) 0 50% no-repeat; height: 28px; border-bottom: 1px solid #c6c6c6; font: normal 11px/28px Tahoma; text-align: center; }
table.view table td.title { font: bold 12px/18px Tahoma; color: #666; text-align: left; padding: 5px 17px 7px; }
table.view table td.title strong.book_01 { font-size: 12px; color: #3b73be; }
table.view table td.title strong.book_02 { font-size: 12px; color: #e2768d; }
table.view table td.title strong.book_03 { font-size: 12px; color: #5e5e5e; }
table.view table td.file { font: bold 12px/20px Tahoma; text-align: left; padding: 3px 0 5px 17px; }
table.view table td.file a { color: #888; }
table.view table td.file img { display: inline-block; vertical-align: middle; margin-right: 4px; }
table.view table td.file li a.file { font: normal 11px/16px Dotum; margin-left: 5px; }
table.view table td.file li span.downcount { font: normal 11px/16px Dotum; color: #888; }
table.view table td.writer { font: normal 11px/28px Dotum; text-align: left; padding-left: 17px; color: #888888; }
table.view table td.fst { background: #f2f2f2 url(/static/images/common/bbs/td_bar.gif) 0 50% no-repeat; }
table.view table .fst { background: #f2f2f2; }


table.write { width:640px;border-top: 3px solid #585858; border-bottom: 2px solid #d2d2d3; }
table.write th {padding:9px 18px 9px 24px;vertical-align:top;text-align:left;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;background:url('/static/images/common/icon/icon_write_list.gif') 14px 15px no-repeat #fbfbfb;}
table.write th span { font: normal 11px/14px Dotum; color: #8d8d8d; letter-spacing: -1px; }
table.write th img { vertical-align: middle; }
table.write td { border-top: 1px solid #e5e5e5; text-align:left; padding:5px 10px; color:#969696; }
table.write .first {border-top:none;}
table.write td .note {margin:6px 0 -2px 0;font-size:11px;font-family:굴림;color:#a1a0a0;}
table.write td .limit {margin:6px 0 -2px 0;text-align:right;font-size:11px;font-family:굴림;color:#a1a0a0;}

.result_list {position:relative;}
.result_list input {height:16px;}
.result_list div {display:none;width:264px;height:50px;position:absolute;top:17px;*top:18px;left:0;padding:6px;overflow:auto;background:#fff;border: 1px solid #cccccc;}
.result_list div a:link,.result_list div a:active,.result_list div a:hover,.result_list div a:visited {color:#969696;}

.btn_write {text-align:center;padding:20px 0 0 0;}
.btn_write .btnR { float: right; }
/*
.btn_list { margin: 17px 0 50px 0; text-align: right; }
*/
.btn_list { margin: 17px 0 50px 0; height: 39px; }
.btn_list .btnL { float: left; }
.btn_list .btnR { float: right; text-align: right; }


.mainWrap {background:#fff; margin:0 auto; width:100%; overflow-x:hidden;}


/* 준비중입니다. */
.ready {background:url('/static/images/customer/complete_box_01.gif') 49% 37px no-repeat;}
.ready dl {position:relative;padding:40px 0 44px 0;background:url('/static/images/customer/complete_box_02.gif') 50% 0 repeat-y; }
.ready dt span {position:absolute;left:32px;}
.ready dt  {padding:0 0 0 98px;}
.ready dd {padding:8px 0 0 98px;}
.ready .ready_ment {padding-bottom:4px;background:url('/static/images/customer/complete_box_03.gif') 50% 100% no-repeat;}
.ready .confirm {margin-top:28px;text-align:center; }