@charset "utf-8";

/* base */
* {padding : 0;	margin : 0; font-family:"돋움",dotum,Helvetica; color:#404040;}
html, body {height:100%;}
body {line-height:150%; font-size:12px;}
ul {list-style : none;}
form, fieldset, img {border :0;}
img {vertical-align:middle;}
address, caption, em { 
	font-weight:normal; 
	font-style:normal; 
}
table { border-collapse:collapse; }

/* anchor */
a:link {color:#404040; text-decoration:none; outline:none; selector-dummy:expression(this.hideFocus=true);}
a:visited {text-decoration:none;}
a:hover, a:active, a:focus {color:#286bc6;	text-decoration:none;}

/* hidden */
.hidden {
	position: absolute;
	width: 0; 
	height: 0; 
	font-size: 0; 
	line-height: 0;
	overflow: hidden; 
	visibility: hidden;
}
.clearfix:after {content:""; display:block; clear:both;}

/* btn */
a.btn_black {cursor: pointer; display:inline-block; padding-right:5px; background:url(/common/img/board/btn_bg.gif) no-repeat 100% -140px; vertical-align:middle; vertical-align:middle;}
a.btn_black span{display:block; height:23px; line-height:23px; padding:0 7px 0 18px; background:url(/common/img/board/btn_bg.gif) no-repeat 0 -140px; color:#fff; font-size:11px; font-family:'Doutm', 돋움; letter-spacing:-1px; color:#fff; font-weight:normal;}

/* layout */
#headerWrap {background:url(../img/topmenu/top_bg.gif) 0 0 repeat-x; min-width:1000px; position:relative; height:85px;}
#contentWrap {position:relative; height:100%; min-width:1000px;}
#contentWrap .topbg {display:block; width:100%; height:10px; position:absolute; top:0; left:0; background:url(../img/common/top_bg.png) 0 0 repeat-x;}/*익스6~8버전 box-shadow 대체용 앱솔루트 이미지*/
#contentWrap #leftconWrap {/*width:10%;*/ width:151px; height:100%; position:absolute; top:39px; left:0; /*float:left;*/ color:#b3b3b3; background:url(../img/common/conbg_left.png) 0 0 no-repeat;}
#contentWrap #rightconWrap {/*width:90%; float:right;*/ position:absolute; top:39px; left:151px; height:100%; overflow:hidden;  background:url(../img/common/conbg_left.png) -151px 0 no-repeat;}
#contentWrap #rightconWrap .rightcon {background:url(../img/common/conbg_right.png) right 0 no-repeat; padding-top:20px;}
#headerWrap:after, #contentWrap:after {content:""; display:block; clear:both; font-size:0; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}



/* top */
#headerWrap .logo {display:inline-block; text-align:center; float:left; margin:10px 0 0 3px;}
#headerWrap .spotmenu {color:#fff799; display:inline-block; width:80%; text-align:right; float:right; margin:7px 10px 0 0; font-size:11px;}
#headerWrap .spotmenu .intro, #headerWrap .spotmenu .deposit, #headerWrap .spot_menu a {display:inline-block; height:25px; line-height:25px;}
#headerWrap .spotmenu .intro {background:url(../img/topmenu/ico_user.png) 0 4px no-repeat; color:#fffdc8; padding-left:16px; margin-right:20px;}
#headerWrap .spotmenu .deposit {color:#fff799;}
#headerWrap .spotmenu .deposit b {color:#ff6600; margin:0 3px; font-size:12px;}
#headerWrap .spotmenu a {color:#fff799; padding:0 8px 0 5px;}
#headerWrap .top_search * {vertical-align:middle;}
#headerWrap .top_search {background:url(../img/topmenu/input_bg.png) 0 0 no-repeat; width:144px; display:inline-block; margin-top:15px;}
#headerWrap .top_search input {height:18px; line-height:18px; border:0; width:105px; margin:0; padding:0; font-size:11px; color:#959595; letter-spacing:-1px; text-indent:3px;}
/*#headerWrap .top_search a {display:inline-block; margin-left:5px; background:#cc2928; height:18px; line-height:18px; border:1px solid #e02c2c; padding:1px 10px; font-weight:bold;}*/
#headerWrap .top_search a {padding:0; margin-right:7px;}
#headerWrap .topmenu {position:absolute; bottom:0; left:170px; clear:both; /*background:#cc2928; border-top:1px solid #e02c2c; border-bottom:1px solid #9a1e1e; box-shadow:0 0 8px black;*/}
#headerWrap .topmenu li {float:left; display:inline-block;}
#headerWrap .topmenu li a {color:#fff; display:inline-block; /*padding:0 10px;*/ text-align:center; font-weight:bold; width:93px; height:45px; line-height:45px; letter-spacing:-1px;}
#headerWrap .topmenu li.choice a {color:#ffc000; background:url(../img/topmenu/topmenu_o.png) 0 0 repeat-x;}
#headerWrap .topmenu:after {content:""; display:block; clear:both; font-size:0; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}



/* leftmenu */
#leftconWrap .leftmenu {margin-top:40px; padding-right:10px;}
#leftconWrap .leftmenu li {border-bottom:1px dashed #ccc;}
#leftconWrap .leftmenu li a {letter-spacing:-1px; background:url(../img/leftmenu/leftmn_n.png) 0 center no-repeat; display:block; height:40px; line-height:40px; padding-left:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#leftconWrap .leftmenu li a:hover, #leftconWrap .leftmenu li a:active, #leftconWrap .leftmenu li a:focus {background:url(../img/leftmenu/leftmn_o.png) 0 center no-repeat; color:#b15700; letter-spacing:-1px;}
#leftconWrap .leftmenu li.choice a { background:url(../img/leftmenu/leftmn_o.png) 0 center no-repeat; color:#b15700; letter-spacing:-1px;}
/*#leftconWrap .leftmenu li .depth {font-size:0;}
#leftconWrap .leftmenu li .depth dt a {background:url(../img/leftmenu/left_menu_arr1.gif) right 18px no-repeat; font-size:12px;}
#leftconWrap .leftmenu li .depth dd {padding:10px 0;}
#leftconWrap .leftmenu li .depth dd a {font-weight:normal; border-bottom:none; height:24px; line-height:24px;}
#leftconWrap .leftmenu li .depth dt a:hover, 
#leftconWrap .leftmenu li .depth dt a:active, 
#leftconWrap .leftmenu li .depth dt a:focus {font-weight:bold; background:url(../img/leftmenu/left_menu_arr1.gif) right -17px no-repeat;}
#leftconWrap .leftmenu li.choice .depth dt a {background:url(../img/leftmenu/left_menu_arr1.gif) right -48px no-repeat #cc2928;}
#leftconWrap .leftmenu li.choice .depth dd a {background:none; color:#404040; font-size:11px; padding-left:30px;}
#leftconWrap .leftmenu li.choice .depth dd a:hover, 
#leftconWrap .leftmenu li.choice .depth dd a:active, 
#leftconWrap .leftmenu li.choice .depth dd a:focus {color:#cc2928; background:url(../img/leftmenu/left_menu_arr2.gif) right -27px no-repeat;}
#leftconWrap .leftmenu li.choice .depth dd a.choice {background:url(../img/leftmenu/left_menu_arr2.gif) right -27px no-repeat; font-weight:bold; color:#cc2928;}*/



/* history */
.historyWrap {padding:0 5px; background:url(/common/img/common/body_bg.png) 0 0 repeat; height:80px;}
.history {/*clear:both; background:url(../img/common/tab_bg.gif) 0 0 repeat-x; padding:4px 0 0 20px;*/ overflow:hidden;}
.history:after {content:""; display:block; clear:both;}
.history li {/*width:10.9%; max-width:300px; margin-left:-15px;*/ float:left; padding-left:12px; height:25px; background:url(../img/common/tab_none.png) 0 0 no-repeat; position:relative; margin:7px 3px;}
.history li a {background:url(../img/common/tab_none.png) right -30px no-repeat; color:#ffeccc; text-align:center; height:25px; line-height:25px; padding-right:26px; display:inline-block; overflow:hidden;} 
.history li.home a {padding-right:12px; width:50px; text-align:center; font-weight:bold;}
.history li a.btn_close, .history li.choice a.btn_close {position:absolute; top:0; right:-26px; background:none;}
.history li.choice {background:url(../img/common/tab_over.png) 0 0 no-repeat;}
.history li.choice a {font-weight:bold; letter-spacing:-1px; background:url(../img/common/tab_over.png) right -30px no-repeat;} 

/* contents */
#conWrap {clear:both; /*margin:20px;*/ padding:5px 20px;}
#conWrap h1 {border-bottom:2px solid #622a00; font-size:18px; color:#000; height:34px; line-height:34px; padding-left:5px; margin-bottom:5px; position:relative;}
#conWrap h1 .gnb {position:absolute; bottom:0; left:0; font-size:11px; font-weight:normal; color:#666;}
#conWrap h1 a {position:absolute; bottom:0; right:0; font-size:11px; margin-bottom:5px;}
#conWrap h2 {font-size:12px; color:#000; height:30px; line-height:30px; background:url(../img/common/bull_arrow2.png) 5px center no-repeat; padding-left:25px; display:inline;}

.paymentWrap {margin-top:40px; text-align:center;}
.payment:after {content:""; display:block; clear:both;}
.payment {display:inline-block;}
.payment li {float:left; margin:0 40px; font-size:16px; font-weight:bold;}
.payment li input {margin-right:5px;}

/* contents */
#botWrap {clear:both; padding:20px;}
#botWrap h1 {border-bottom:2px solid #000; font-size:18px; color:#000; height:34px; line-height:34px; padding-left:5px; margin:20px 0; position:relative;}
#botWrap h1 .gnb {position:absolute; bottom:0; right:0; font-size:11px; font-weight:normal; color:#666;}
#botWrap h2 {font-size:12px; color:#000; height:30px; line-height:30px; background:url(../img/common/bull_arrow2.png) 5px center no-repeat; padding-left:25px; display:inline;}

/* search */
.searchWrap {position:relative; margin-bottom:5px;}
.searchWrap .btn_ar {position:absolute; top:0; right:0;}
.searchWrap table .calendar input {width:34%; background:url(../img/board/ico_calendar.png) right center no-repeat;}


/* imgFile */
.imgFile li {float:left; width:20%; text-align:center;}
.imgFile li .imgBox {display:block; height:100px; border:1px solid #aaa; margin:0 2px 5px 0; background:#f2f2f2;}
.imgFile li .imgBox img {width:100%; height:100%;}


/* board list & thumb_list */
.board_list {width:100%; }
.board_list, .thumb_list {position:relative;}
.board_list .list_option, .thumb_list .list_option {/*position:absolute; right:0; top:0;*/ /*float:right; margin:-23px 0 5px 0;*/ float:right;}
.thumb_list .thumb {padding:6px;}
.thumb_list .thumb img {width:100%; height:100px;}
.thumb_list .thumb_banner img {margin-right:10px; width:80%;}
.thumb_list .thumb_main img {margin-right:10px; width:20%;}
.board_list .btn_ar {/*position:absolute; top:0; right:0;*/ float:right; margin:0;}


/* prev next list */
.prevNext_list {margin-top:30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#fafafa; height:63px;}
.prevNext_list dt, .prevNext_list dd {float:left; padding:6px 0; border-top:1px solid #e5e5e5;}
.prevNext_list dt.first, .prevNext_list dd.first {border-top:none;}
.prevNext_list dt {width:15%; text-indent:30px; font-weight:bold; background:url(../img/board/ico_arr1.gif) right center no-repeat;}
.prevNext_list dd {width:85%; text-indent:20px;}



/* reple */
.repleWrap .write {margin:20px 15px; position:relative;}
.repleWrap .write * {vertical-align:middle;}
.repleWrap .write textarea {width:89%; height:81px;}
.repleWrap .write .btn_comment {display:inline-block; border-right:1px solid #696969; border-bottom:1px solid #696969; position:absolute; top:0; right:0; text-align:center; color:#fff; width:10%; height:82px; line-height:83px; background:url(../img/board/btn_comment.gif) 0 0 no-repeat;}
.repleWrap .write .info {display:block; position:relative; padding:5px;}
.repleWrap .write .info span {display:block; position:absolute; top:5px; right:5px;}
.repleWrap ul {border-top:1px solid #979797;}
.repleWrap ul li {position:relative; border-bottom:1px dashed #dcdcdc;}
.repleWrap ul li .name, .repleWrap ul li .date {display:inline-block; padding:10px 0 5px 0;}
.repleWrap ul li .name {font-weight:bold; margin-right:7px; padding-left:30px; background:url(../img/board/ico_repleUser.png) 10px center no-repeat;}
.repleWrap ul li .date {color:#737373; margin-right:10px;}
.repleWrap ul li .btns {float:right; margin:7px 7px 0 0;}
.repleWrap ul li .btns a {margin-left:2px;}
.repleWrap ul li .message {padding:0 5px 10px 30px;}
.repleWrap ul li .btn_right a {margin-left:2px; text-align:right;}
--.repleWrap ul li .re {border:none; margin:0;}
--.repleWrap ul li .re li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}
--.repleWrap ul li .re li {border-top:1px dashed #dcdcdc; border-bottom:none; padding-left:20px;}/* reple 1depth */
--.repleWrap ul li .re li .re li {margin-left:-20px; padding-left:40px;}/* reple 2depth */
--.repleWrap ul li .re li .re li .re li {margin-left:-40px; padding-left:60px;}/* reple 3depth */
--.repleWrap ul li .re li .re li .re li .re li {margin-left:-60px; padding-left:80px;}/* reple 4depth */
--.repleWrap ul li .re li .re li .re li .re li .re li {margin-left:-80px; padding-left:100px;}/* reple 5depth */
--.repleWrap ul li .re li .re li .re li .re li .re li .re li {margin-left:-100px; padding-left:120px;}/* reple 6depth */
--.repleWrap ul li .re li .re li .re li .re li .re li .re li .re li {margin-left:-120px; padding-left:140px;}/* reple 7depth */
--.repleWrap ul li .re li .re li .re li .re li .re li .re li .re li .re li {margin-left:-140px; padding-left:160px;}/* reple 8depth */

/* reple 1depth */
.repleWrap ul li .re1 {border:none; margin:0;}
.repleWrap ul li .re1 li {border-top:1px dashed #dcdcdc; border-bottom:none; padding-left:20px;}
.repleWrap ul li .re1 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}

/* reple 2depth */
.repleWrap ul li .re2 {border:none; margin:0;}
.repleWrap ul li .re2 li {border:none; margin:0; border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:40px;}/* reple 2depth */
.repleWrap ul li .re2 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}

/* reple 3depth */
.repleWrap ul li .re3 {border:none; margin:0;}
.repleWrap ul li .re3 li {border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:60px;}
.repleWrap ul li .re3 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}

/* reple 4depth */
.repleWrap ul li .re4 {border:none; margin:0;}
.repleWrap ul li .re4 li {border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:80px;}
.repleWrap ul li .re4 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}


/* reple 5depth */
.repleWrap ul li .re5 {border:none; margin:0;}
.repleWrap ul li .re5 li {border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:100px;}
.repleWrap ul li .re5 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}


/* reple 6depth */
.repleWrap ul li .re6 {border:none; margin:0;}
.repleWrap ul li .re6 li {border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:120px;}
.repleWrap ul li .re6 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}

/* reple 7depth */
.repleWrap ul li .re7 {border:none; margin:0;}
.repleWrap ul li .re7 li {border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:140px;}
.repleWrap ul li .re7 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}

/* reple 8depth */
.repleWrap ul li .re8 {border:none; margin:0;}
.repleWrap ul li .re8 li {border-top:1px dashed #dcdcdc; margin:0; margin-left:0px; padding-left:160px;}
.repleWrap ul li .re8 li .name {background:url(../img/board/ico_reple.png) 10px center no-repeat;}


/* table1 */
.tb1 {border-top:1px solid #979797; border-bottom:1px solid #dcdcdc; width:100%;}
.tb1 th, .tb1 td {border-bottom:1px solid #dcdcdc; padding:6px 0; text-align:left;}
.tb1 th {background:#efefef; text-align:center;}
.tb1 td {padding-left:15px;}
.tb1 input.txt {border:1px solid #ddd; border-radius:2px; padding:0px 5px; /*background:#f5f5f5;*/ box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:22px; line-height:18px; vertical-align:top;}


/* table2 */
.tb2 {/*border-top:2px solid #b16669;*/ width:100%;}
.tb2 th, .tb2 td {text-align:center;}
.tb2 th {background:#f5e8e8; background:url(/common/img/board/tb_head_bg.png) 0 0 repeat-x; color:#fff; height:26px; padding:2px 5px 4px !important;}
.tb2 td {/*border-bottom:1px solid #dcdcdc;*/ line-height:120%; padding:4px 5px !important;}
.tb2 td.al {padding-left:15px; text-align:left;}
.tb2 td.reple {background:url(/common/img/board/ico_reple.png) 15px center no-repeat; padding-left:35px;}

/* table3 */
.tb3 {border-top:1px solid #979797; border-bottom:1px solid #dcdcdc; width:100%;}
.tb3 th, .tb3 td {border-bottom:1px solid #dcdcdc; padding:6px 0; text-align:left;}
.tb3 th {background:#efefef; padding-left:20px;}
.tb3 td {padding-left:15px;}
.tb3 td.check * {vertical-align:middle;}
.tb3 td.check input {margin:-3px 3px 0 30px;}
.tb3 td.check input.first {margin:-3px 3px 0 0;}
.tb3 td.view {padding:25px 25px 50px 25px;}

/* table4 */
.tb4 {border-top:1px solid #979797; border-bottom:1px solid #dcdcdc; width:100%;}
.tb4 th, .tb4 td {border-bottom:1px solid #dcdcdc; padding:6px 0; text-align:left;}
.tb4 th {background:#efefef; padding-left:20px;}
.tb4 td.check * {vertical-align:middle;}
.tb4 td.check input {margin:-3px 3px 0 30px;}
.tb4 td.check input.first {margin:-3px 3px 0 0;}
.tb4 td.view {padding:25px 25px 50px 25px;}

/* table5 */
.tb5 {border-top:1px solid #979797; border-bottom:1px solid #dcdcdc; width:100%;}
.tb5 th, .tb5 td {border-bottom:1px solid #dcdcdc; padding:6px 0; text-align:left;}
.tb5 th {background:#efefef; padding-left:20px;}
.tb5 th.ct {text-align:center;}
.tb5 td.check * {vertical-align:middle;}
.tb5 td.check input.first {margin:-3px 3px 0 0;}
.tb5 td.view1 {padding-left:10px;}
.tb5 td.ct {text-align:center;}
.tb5 td.rt {text-align:right;}
.tb5 td.lt {text-align:left;}
.tb5 input.txt {border:1px solid #ddd; border-radius:2px; padding:2px 5px; background:#f5f5f5; box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:18px; vertical-align:middle;}
.tb5 select {font-size:13px; height:22px; vertical-align:middle;}

/* table6 */
.tb6 {border:1px solid #979797; width:100%;}
.tb6 th, .tb6 td {border:1px solid #dcdcdc; padding:3px 0 !important; text-align:left;}
.tb6 th {background:#efefef;}
.tb6 th.ct {text-align:center;}
.tb6 td.check * {vertical-align:middle;}
.tb6 td.check input.first {margin:-3px 3px 0 0;}
.tb6 td.view1 {padding-left:10px;}
.tb6 td.ct {text-align:center;}
.tb6 td.rt {text-align:right;}
.tb6 td.lt {text-align:left;}
.tb6 input.txt {border:1px solid #ddd; border-radius:2px; padding:2px 5px; background:#f5f5f5; box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:18px; vertical-align:middle;}
.tb6 select {font-size:13px; height:22px; vertical-align:middle;}

/* table view */
.tb_view {height:180px; overflow-y:scroll; overflow-x:hidden; .padding-right:20px;}
.tb_view table {border:0;}

/* table 공통사항 */
.ac th, .ac td {text-align:center; padding:4px 3px;}
.ac td.al {padding-left:15px !important; text-align:left;}

.gridMsg { width:100%; height:100px; text-align:center; font-size:15px; line-height:100px;}

/* paging */
.paging {text-align:center; margin-top:15px; color:#8f8781;}
.paging a {display:inline-block; width:30px; height:23px; line-height:23px; font-size:13px; color:#3f2516; vertical-align:middle;}
.paging a:hover, .paging a:active, .paging a:focus {color:#cb0000; font-weight:bold;}
.paging a.choice {color:#cb0000; font-weight:bold; font-size:14px;}
.paging .btn_nextPrev {margin:0 10px;}
.paging .btn_nextPrev a {width:20px; margin:0 0 0 -1px; padding:0; font-size:0; line-height:0;}


/* bookSearch */
.bookSearch {margin-left:220px;}
.bookSearch input.txt {border:1px solid #ddd; border-radius:2px; padding:2px 5px; /*background:#f5f5f5;*/ box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:18px; line-height:18px; vertical-align:top;}
.bookSearch .searchArea .info {font-weight:bold; margin:10px 0 5px 0; color:#666;}
.bookSearch .searchArea input.txt {width:310px; margin-right:5px;}
.bookSearch .resultTxt {margin:30px 30px 15px 0; text-align:center; font-weight:bold;}
.bookSearch .resultTxt b {color:#ff0000;}
.bookSearch .btn_ac {margin-bottom:10px;}
.bookSearch .amount {margin:0 5px 0 10px;}
.amount .btn_upDown {display:inline-block; width:23px; height:25px; vertical-align:top; font-size:0; line-height:0; /*margin-left:2px;*/}
.amount .btn_upDown a {display:block; height:12px; /*border-top:1px solid #dddde1;*/ font-size:0; line-height:0;}
.bookSearch .tb1 th, .bookSearch .tb1 td {text-align:center; padding:5px 0;}
.bookSearch .tb1 td.al {text-align:left; padding-left:10px;}
.bookSearch .tb1 .check {vertical-align:middle;}
.bookSearch .category {border:2px solid #eee; padding:10px 0 7px 0; float:left; width:100%; margin-bottom:10px;}
.bookSearch .category dt {font-weight:bold; padding:0 20px 3px 20px;}
.bookSearch .category dd .list {.padding-bottom:24px; margin-left:-1px;}
.bookSearch .category dd .list:after {content:""; display:block; clear:both;}
.bookSearch .category dd .list li {float:left; padding:0 20px; background:url(/Common/img/board/category_line.gif) 0 2px no-repeat;}
.bookSearch .category dd .list li a {width:150px; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bookSearch .category dd .list li a.choice {color:#ff0000; font-weight:bold; letter-spacing:-1px;}

/* gridArea */
.gridArea input.txt {border:1px solid #ddd; border-radius:2px; padding:0px 5px; /*background:#f5f5f5;*/ box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:22px; line-height:18px; vertical-align:top;}
.gridArea select { height:23px }
.gridArea .btn_ar {text-align:right; margin:5px 0;}
.gridArea .btn_al {text-align:left; margin:5px 0;}
/*.gridArea .btn_al select {position:absolute;}*/
.gridArea .btn_ar a {margin-right:4px;}
.gridArea .searchArea .info {font-weight:bold; margin:10px 0 5px 0; color:#666;}
.gridArea .searchArea input.txt {width:310px; margin-right:5px;}
.gridArea .resultTxt {margin:30px 30px 15px 0; text-align:center; font-weight:bold;}
.gridArea .resultTxt b {color:#ff0000;}
.gridArea .amount {margin:0 5px 0 10px;}
.amount .btn_upDown {display:inline-block; width:23px; height:25px; vertical-align:top; font-size:0; line-height:0; /*margin-left:2px;*/}
.amount .btn_upDown a {display:block; height:12px; /*border-top:1px solid #dddde1;*/ font-size:0; line-height:0;}


/* NPP */
.nppWrap .btn_ar {margin-bottom:10px;}
.nppWrap .tb1 th {padding:10px 0;}
.nppWrap .tb1 td {text-align:center; padding:5px 0;}
.nppWrap .tb1 tbody th {background:#f7f7f7;}
.nppWrap .tb1 td {border-left:1px solid #dcdcdc;}
.nppWrap .tb1 td a.btn_gray1 {padding-left:2px; background-image:url(../img/board/btn_gray1_over.gif); background-position:0 0;}
.nppWrap .tb1 td a.btn_gray1 span {padding-right:2px; width:150px; background-image:url(../img/board/btn_gray1_over.gif); background-position:right 0; color:#fff;}
.nppWrap .tb1 td a.disable, .nppWrap .tb1 td a.disable:hover, .nppWrap .tb1 td a.disable:active, .nppWrap .tb1 td a.disable:focus{background-image:url(../img/board/btn_gray1.gif); background-position:0 0;}
.nppWrap .tb1 td a.disable span, .nppWrap .tb1 td a.disable:hover span, .nppWrap .tb1 td a.disable:active span, .nppWrap .tb1 td a.disable:focus span {color:#bbb; background-image:url(../img/board/btn_gray1.gif); background-position:right 0;}
.nppWrap .scroll {overflow-y:scroll; overflow-x:hidden;}
.nppWrap .scroll .tb1 {border-top:none;}


/* login */
#login {background:#fff;}
#login #topWrap {padding-top:30px; width:980px; height:300px; margin:0 auto; position:relative;}
#login #topWrap #intro {text-align:right; position:absolute; bottom:25px; right:10px;}
#login #loginWrap {height:146px; background:url(/common/Logon_mgmt/images/login_bg.png) 0 0 repeat-x;}
#login #loginWrap .welcome {height:35px; line-height:35px; color:#fff; text-align:right; width:950px; padding-right:30px; margin:0 auto; font-weight:bold;}
#login #loginWrap .loginForm {position:relative; text-align:right; width:850px/*950px*/; height:83px; padding:10px 130px 0 0; margin:0 auto;}
#login #loginWrap .loginForm * {vertical-align:top;}
#login #loginWrap .loginForm input {width:200px; height:34px; line-height:34px; color:#c89456; font-weight:bold; border:0; padding:0 10px; margin:0 0 3px 0; .margin:0; background:url(/common/Logon_mgmt/images/input_bg.png) 0 0 no-repeat;}
#login #loginWrap .loginForm .id_save label {color:#fff; font-size:11px; padding-right:145px;}
#login #loginWrap .loginForm .id_save .check {width:13px; height:13px; margin:0 5px 0 0; padding:0; vertical-align:middle;}
#login #loginWrap .loginForm .btn_login {position:absolute; top:10px; right:30px;}
#login #loginWrap .loginForm .logo {position:absolute; top:30px; left:0;}
#information {width:980px; margin:0 auto; padding-top:20px; font-size:11px; line-height:150%; color:#666;}
#information b {color:#333; display:block; margin-bottom:6px; background:url(/common/Logon_mgmt/images/ico_info.gif) 0 center no-repeat; padding-left:15px;}
#copyright {margin:0 auto; padding-top:200px; text-align:center; color:#999;}


/* btn */
.btn_gray1, .btn_gray1 span, .btn_green, .btn_green span {display:inline-block; height:24px; line-height:26px; padding:0 0 0 10px; background:url(../img/board/btn_gray1.gif) 0 0 no-repeat; cursor:pointer;}
.btn_gray1 span {padding:0 10px 0 0; background-position:right 0; font-weight:normal;}
.btn_gray1:hover, .btn_gray1:active, .btn_gray1:focus, 
.btn_gray1:hover span, .btn_gray1:active span, .btn_gray1:focus span {background-image:url(../img/board/btn_gray1_over.gif); color:#fff;}
.btn_gray2, .btn_gray2 span {display:inline-block; font-weight:bold; height:32px; line-height:34px; padding:0 0 0 30px; background:url(../img/board/btn_gray2.gif) 0 0 no-repeat; cursor:pointer;}
.btn_gray2 span {padding:0 30px 0 0; background-position:right 0;}
.btn_gray2:hover, .btn_gray2:active, .btn_gray2:focus, 
.btn_gray2:hover span, .btn_gray2:active span, .btn_gray2:focus span {background-image:url(../img/board/btn_gray2_over.gif); color:#fff;}
.btn_gray3, .btn_gray3 span {font-size:11px; display:inline-block; height:18px; line-height:20px; padding:0 0 0 10px; background:url(../img/board/btn_gray3.gif) 0 0 no-repeat;}
.btn_gray3 span {padding:0 10px 0 0; background-position:right 0;}
.btn_gray3:hover, .btn_gray3:active, .btn_gray3:focus, 
.btn_gray3:hover span, .btn_gray3:active span, .btn_gray3:focus span {background-image:url(../img/board/btn_gray3_over.gif); color:#fff;}

.btn_gray1_disabled, .btn_gray1_disabled span {display:inline-block; color:#A0A0A0; height:24px; line-height:26px; padding:0 0 0 10px; background:url(../img/board/btn_gray1.gif) 0 0 no-repeat; cursor:pointer;}
.btn_gray1_disabled span {padding:0 10px 0 0; background-position:right 0;}

.btn_gray2_disabled, .btn_gray2_disabled span {display:inline-block; color:#A0A0A0; font-weight:normal; height:32px; line-height:34px; padding:0 0 0 30px; background:url(../img/board/btn_gray2.gif) 0 0 no-repeat; cursor:pointer;}
.btn_gray2_disabled span {padding:0 30px 0 0; background-position:right 0;}

.btn_gray1 img {margin:-3px 3px 0 -2px;}
.btn_gray2 img {margin:0 10px 0 -20px; vertical-align:middle;}

.btn_green {padding:0 0 0 12px; background-image:url(../img/board/btn_bg.gif); background-position:0 -260px; height:28px;}
.btn_green span {padding:0 12px 0 0; background-image:url(../img/board/btn_bg.gif); background-position:right -260px; color:#fff; height:28px; line-height:28px;}

.btn_ac {text-align:center; padding:10px 0;}
.btn_ac a {margin:0 2px;}

.btn_rac {text-align:center; margin-top:30px;}
.btn_rac a {display:inline-block; height:40px; line-height:40px; width:200px; margin:0 5px; font-weight:bold; font-size:14px; color:#fff;}
.btn_red {/*background:#e02c2c; border:1px solid #cc2928;*/background:#724422; border:1px solid #562c11;}

/* dark gray 버튼 추가 2014-02-28정은혜 */
.btn_darkgray, .btn_darkgray span {display:inline-block; height:24px; line-height:26px; padding:0 0 0 10px; background:url(../img/board/btn_darkgray.gif) 0 0 no-repeat; cursor:pointer; color:#fff;}
.btn_darkgray span {padding:0 10px 0 0; background-position:right 0; font-weight:normal;}
.btn_darkgray:hover, .btn_darkgray:active, .btn_darkgray:focus, 
.btn_darkgray:hover span, .btn_darkgray:active span, .btn_darkgray:focus span {background:url(../img/board/btn_darkgray.gif) 0 -30px no-repeat; color:#fff;}
.btn_darkgray:hover span, .btn_darkgray:active span, .btn_darkgray:focus span {background-position:right -30px;}


/* font */
.fBlue {color:#227ec5;}
.fRed {color:#c52222;}

/* input textarea */
.width40 {width:40px; padding:3px;}
.width60 {width:60px; padding:3px;}
.width80 {width:80px; padding:3px;}
.width100 {width:100px; padding:3px;}
.width150 {width:150px; padding:3px;}
.width200 {width:200px; padding:3px;}
.width250 {width:250px; padding:3px;}
.width300 {width:300px; padding:3px;}
.width350 {width:350px; padding:3px;}

.width75 {width:75%; padding:3px;}
.width90 {width:90%; padding:3px;}
.height100 {height:100px;}
.searchWrap table input, #conWrap .searchWrap table select {width:120px; padding:3px;}

input.txt {border:1px solid #ddd; border-radius:2px; padding:2px 5px; /*background:#f5f5f5;*/ box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:18px; line-height:18px; vertical-align:top;}


/*레이어팝업*/
.layer_popup {z-index:1; padding:15px 30px 40px 30px;  border:3px solid #cc2928; background-color:#fff;}
.layer_popup .layer_wrap {height:92%; overflow:auto;}
.layer_popup .btn_x {text-align:right; margin-bottom:20px;}
.layer_popup .btn_x a {display:inline-block; border:1px solid #ccc; width:20px; height:20px; margin-right:-10px; text-align:center;}
.layer_popup .btn_x a img {.margin-top:7px;}

/* etc */
.ico_new {margin-left:5px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb5 {margin-bottom:5px;}
.comment {margin:10px 5px;}
.calendar {background:url(/common/img/board/ico_calendar.png) right center no-repeat;}
.barcodeWrap {position:relative; padding:10px; height:90px; background:#fafafa; border:1px solid #f2f2f2; border-radius:5px; text-align:left;}
.barcodeWrap:after {content:""; display:block; clear:both;}
.barcodeWrap textarea {height:90px; width:40%; position:absolute; top:10px; left:10px;}
.barcodeWrap .barcode_list {position:absolute; top:10px; left:54%; width:44%; overflow:auto; height:90px;}
.barcodeWrap .barcode_list li {padding-left:10px; margin-bottom:5px; width:110px; float:left; background:url(/common/img/board/bull_dot.gif) 0 center no-repeat;}
.barcodeWrap a {position:absolute; bottom:8px; left:43%;}
.pa {position:absolute;}
.vm * {vertical-align:middle;}
.vt * {vertical-align:top;}
.input_file {height:24px;}


/* main */
.main_conWrap {margin-bottom:30px; clear:both;}
.main_conWrap:after {content:""; display:block; clear:both;}
.main_conWrap h2 .last_order {font-weight:normal; margin-left:10px; color:#999;}
.main_conWrap h2 a {float:right; margin-right:5px; .margin-top:-30px; font-size:11px; font-weight:normal;}
.main_conWrap .tb6 {border-top:1px solid #979797;}
.main_conWrap .floatR {float:right; width:49%;}
.main_conWrap .floatL {float:left; width:49%;}
.main_searchWrap {text-align:center; margin:10px 0; padding:15px 10px 0 10px; border:3px solid #f0e4d0; background:#fcfaec; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.main_searchWrap .search {margin-top:5px;}
.main_searchWrap .search b, .main_searchWrap .search a, .main_searchWrap .search input {vertical-align:middle;}
.main_searchWrap .search input {border:1px solid #d5d5d5; border-radius:2px; padding:3px 10px; box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.35); height:18px; line-height:16px; margin:0 5px 0 15px; width:240px;}
.main_searchWrap .gnbHotKeyList {display:inline-block; .max-width:600px; height:20px; margin-top:10px; .padding-bottom:7px; overflow:hidden; background:url(/common/img/common/ico_hotkey.png) 0 0 no-repeat; padding-left:20px;}
.main_searchWrap .gnbHotKeyList li {float:left;}
.main_searchWrap .gnbHotKeyList li a {display:inline-block; padding:0 10px; background:url(/common/img/common/ico_hotkey.png) -30px 0 no-repeat #fcfaec; color:#a7926e;}
.main_searchWrap .gnbHotKeyList li.first a {background-image:none;}
.main_searchWrap .gnbHotKeyList li a:hover {text-decoration:underline;}



.wrapper { margin:0 auto; background-color:#484848;}
.wrapper .con_wrap {background:#fff; margin:25px 0 28px 30px; padding:20px 20px; display:inline-block; border:1px solid #333; border-radius:7px;}
.wrapper .con_wrap .input_txt {border:1px solid #cfcfcf; height:22px; padding-left:7px;}
.header { height:37px; clear:both; background:#cc2928; border-top:1px solid #e02c2c; border-bottom:1px solid #9a1e1e; box-shadow:0 0 8px black; text-align:center; }
.header h1 {font-size:100%; color:#fff; font-weight:bold; margin-top:11px;}
.f_s11 {font-size:11px; margin:10px 0;}
.m_t10 {font-size:11px; margin-top:10px;}

.btn_popup {text-align:center; margin-top:30px; height:30px;}
--.btn_popup a {display:inline-block; text-indent:-5000px; background:url(/PBeditor/images/icon/editor/pop_footer_btn.gif?v=2) no-repeat; width:49px; height:25px; }
.btn_popup a.submit {background-position:0 0; }
.btn_popup a.cancel {background-position:100% 0;}

/* 블릿 */
.bul {background:url(/common/img/popup/GeneralBooks_bul.gif) 0 5px no-repeat; padding-left:10px;}
.btn_ar .bul {float:left; margin:3px 0 0 5px;}