@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*공통*/
*{margin:0px;padding:0px;list-style:none;}
li {list-style: none; line-height: 1;}
a img {border:0;}
a {display: inline-block; color: #000; text-decoration: none; *display: inline; *zoom: 1;}
a:hover {text-decoration: none;}
table{width:100%;}
table, th, td {margin:0; padding:0; border-collapse:collapse;}
input[type=text]{border:1px solid #d1d1d1; padding:3px; font-family:'Nanum Gothic';vertical-align: middle;}
input[type=password]{border:1px solid #d1d1d1; padding:3px; font-family:'Nanum Gothic';vertical-align: middle;}
select{ font-family:'Nanum Gothic';vertical-align: middle;}

/*layout */
body{margin:0; padding:0; font:13px 'Nanum Gothic'; color:#000;background:#f3f3f3 url(images/leftbg.png) repeat-y;}
.loginbody {background-image:none;background:#f2f2f2;}
#wrap{ padding:0;margin:0;overflow:hidden;*zoom: 1;}
#wrap:after {content: " "; display: block; clear: both;}
#wraplogin{ padding:0;margin:0;overflow:hidden;*zoom: 1;}
#header{clear:both;margin-bottom:0px;background:#32597b;*zoom: 1;position:relative;height:35px}
#header:after {content: " "; display: block; clear: both;}
#headerlogin{clear:both;margin-bottom:0px;background:#2f3841;*zoom: 1;position:relative;height:35px}
#Lnbwrap {clear:both;float:left;width:204px;padding:0;margin:0;}
#Contentwrap {float:left;*zoom: 1;width:1050px;}
#Contentwrap:after {content: " "; display: block; clear: both;}
#footer {clear:both;text-align:center;bottom:0;padding:30px 0;}
#Loginwrap {width:340px;margin:200px auto;}
#Loginwrap h1 {text-align:center;padding-bottom:20px;}
#Loginfooter {clear:both;text-align:center;bottom:0;padding:30px 0;font-size:11px;}

/*header*/
#header h1{float:left;padding:0 0px;top:0;left:0}
#header div {float:left;padding:8px 0 0 20px;top:0;left:0;color:#fff;}
#header .divisionbar{padding:0 9px;}
#header .logout {position:absolute;top:10px;right:20px;color:#fff;}

/*lnb*/
#Lnbwrap .infoarea {padding:12px;background:url(images/picbg.png) no-repeat 12px 12px;position:relative;height:60px;}
#Lnbwrap .infoarea .pic {padding:2px;position:absolute;top:15px;left:15px;}
#Lnbwrap .infoarea .infoname {position:absolute;top:25px;left:77px;font-weight:bold;}
#Lnbwrap .infoarea .edit {position:absolute;top:45px;left:77px;color:#47759e;font-size:11px;}
#Lnbwrap .infoarea .edit image {margin:0px 0 0 5px; vertical-align:middle}

#Lnbwrap .menu {clear:both;padding:0;margin:0;}
#Lnbwrap .menu li {clear:both;padding:13px 0 0 40px;margin:0;background:url(images/leftmenubg_off.png) no-repeat 0 0;height:27px;}
#Lnbwrap .menu li.on {clear:both;padding:13px 0 0 40px;margin:0;background:url(images/leftmenubg_on.png) no-repeat 0 0;height:27px;color:#fff;}

/*contents*/
#Contentwrap .nav {clear:both;height:29px;padding:11px 0 0 20px;background:url(images/navbg.png) repeat-x bottom left;display:block;*zoom: 1;}
#Contentwrap:after {content: " "; display: block; clear: both;}
#Contentwrap .nav image {margin:0px 5px 0 0; vertical-align:middle}
#Contentwrap .Content {padding:30px 20px;}

/*조회*/
#search {clear:both;}
#search .search td{padding:10px;border-bottom:1px solid #cdcdcd;}
#search .search td.last {padding:10px;border-bottom:0px solid #cdcdcd;}
#search .section{padding:0px;}
#search .section1{padding:15px;color:#4083a9;*zoom: 1;}
#search .section1:after {content: " "; display: block; clear: both;}
#search .search .button_field{width:117px; text-align:center;}
.input_barcode{font-weight:bold; font-size:14px;border:0px solid #d1d1d1 !important;}
.input_search{border:0px solid #d1d1d1 !important;}
#search .search image {margin:0px 0 0 5px; vertical-align:middle}
.bordersearch {display:inline-block;border:1px solid #d5d5d5;padding:0 !important;margin:0 !important;}
.bordersearch image {margin:0 !important;}
#search .section1 image {float:left;border:1px solid #cdcdcd;margin:0 10px 0 0;}
#search .section1 dt {float:left;font-weight:bold;padding:10px;}
#search .section1 dd {float:left;padding:10px 40px 10px 10px;}
#search .search .tableinfo {font-size:11px;text-align:right}
#listt {clear:both;margin-top:40px;}
#listat {clear:both;margin-top:20px;}

/**리스트**/
#list_head{background:url(images/list_head_center.gif) repeat-x  right top; height:38px;width:100%; }
#list_head .list_left{background:url(images/list_head_left.gif) no-repeat; width:7px; height:38px;float:left;}

#list_head .list_right{width:0px; height:38px;float:right;z-index:999999;}
#list_head .list_head{ padding:0; font-size:13px; padding-top:1px;z-index:1;position:relative}
#list_head .list_head image {margin:0px 10px 0 5px; vertical-align:middle}
#list_head .list_head strong{padding-left:10px; width:100%;top:10px;position:absolute}

#list_box{background:#fff; border:1px solid #c5c5c5; border-top:none; padding-bottom:5px;}
#list_box .box_left{position:absolute; margin-left:-1px; margin-top:1px; background:url(images/list_box_left.gif) no-repeat; width:5px; height:5px;}
#list_box .box_right{margin-right:-1px; margin-top:1px; background:url(images/list_box_right.gif) no-repeat; width:5px; height:5px; float:right;}


#list_box_total{background:#fff; border:1px solid #c5c5c5; border-top:none; padding-bottom:5px;background:url(images/list_boxbg.png) repeat-x bottom left}
#list_box_total .box_left{position:absolute; margin-left:-1px; margin-top:1px; background:url(images/list_box_left.png) no-repeat; width:5px; height:5px;}
#list_box_total .box_right{margin-right:-1px; margin-top:1px; background:url(images/list_box_right.png) no-repeat; width:5px; height:5px; float:right;}



.order_list {float:left;width:49%;margin:20px 0 0 0;}
.total {clear:both;background:url(images/table_bottombg.png) repeat-x;height:40px;text-align:right;padding-top:3px;}
.total image {margin:0px 4px; vertical-align:middle}
.total table {margin:10px 0 0 0;}
.total table td {padding:6px;}
.total span {display:block;padding:15px 6px 0 0;}
.total1 {background:url(images/table_bottombg.png) repeat-x;height:43px;}
.total1 table {margin:10px 0 0 0;}
.total1 table td {padding:6px;color:#4081a7;font-weight:bold;}
.total1 table td.totalr {padding:6px;text-align:center}
.total1 table td.totalr1 {padding:6px;text-align:right}
.listtable {font-size:12px;background:#f9f9f9;margin-bottom:10px;}
.listtable tr.bg {background:#f5f5f5;}
.listtable th {background:url(images/listtablethbg.png) repeat-x;font-weight:normal !important;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:10px 0;}
.listtable th.last-child{border-right:0px;}
.listtable td {padding:8px 5px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.listtable td.sub {padding:8px 5px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;text-align:left !important}
.listtable td.subbox {padding:8px 5px;border-bottom:1px solid #e7e7e7;border-right:none !important;text-align:left !important}
.listtable td.subbox1 {padding:8px 5px;border:none !important;}
.listtable td.subbox2 {padding:18px 5px;border-bottom:1px solid #e7e7e7;border-right:none !important;text-align:left !important}
.listtable td.price {padding:8px 5px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;text-align:right !important;font-weight:bold;}
.listtable td.price1 {padding:8px 5px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;text-align:right !important;}
.listtable td.last-child{border-right:0px;}
.font-1 {color:#00007d;}
.font-2 {color:#953200;}
.font-3 {color:#4081a7;}

.result_list  {float:right;width:49%;margin:20px 0 0 20px;}
.result_list table {font-size:12px;background:#f9f9f9;margin-bottom:10px;}
.result_list table td {padding:6px; }
.result_list table td input {text-align:right;color:#808080;font-weight:bold;width:100px;}
.result_list table td input.inputtotal {text-align:right;color:#808080;font-weight:bold;width:130px;font-size:14px;color:#000;}
.result_list table td.point {color:#3264f9;font-size:12px;text-align:right}
.result_list table td image {margin:0px 0px 0 4px; vertical-align:middle}
.result_list table td.totaltd {vertical-align:top}

.searchbox1 {float:left;margin:0 20px 10px 0;}
.searchbtn {float:right;}
.searchbtn image {margin: 0 0 0 4px;}
.totalper {font-weight:bold;font-size:16px;}

.board_paging {clear:both;text-align:right; margin-top:15px;}
.board_paging a,.board_paging span,.board_paging strong {padding:0 7px;margin-left:5px; display:inline-block; height:20px; border:1px solid #dddddd;  vertical-align:top; text-align:center; color:#333333; font-size:10px; line-height:24px; _line-height:26px;font-weight:bold;}
.board_paging strong {background:#fff; color:#000;border:1px solid #dddddd;}
.board_paging .prev {margin-right:-2px;}
.board_paging .next {}
.board_paging .prev, .board_paging .next {border:none; padding:0; width:24px;}
.board_paging img {vertical-align:top;}

.boardsearchbox {float:left;margin:10px 0 0 0;padding:0 !important;}
.boardsearchbox span {margin:0 !important;padding:0;}
.boardsearchbox image {margin:0 !important;padding:0;vertical-align:middle}
.boardwritebox {float:right;margin:10px 0 0 0;padding:0 !important;}
.boardwritebox image {margin:0 3px 0 0 !important;padding:0;vertical-align:middle;}

.imagetype {margin:0 10px 0 0 !important;padding:0;vertical-align:middle;}