/* CSS Document */
@charset "utf-8";


/* body */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; padding:0;}
body {font-family:NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size: 12px; color:#333;}
ul,ol,dl {list-style:none;}
img {border:0; vertical-align:middle;}
ul {list-style:none; padding:0; margin:0;}
input,select{font-family:NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size: 12px !important; vertical-align:middle; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
input{ height:18px; padding-top: 0; padding-bottom: 0;}
select{height: 20px; }

/*#select2{width: 100px;}*/
.ui-combobox input{border-right: 0px !important; width: 97px;}
.ui-combobox .ui-corner-right{border-radius: 0 !important;}
.ui-combobox .ui-corner-left{border-radius: 0 !important;}
.ui-combobox .ui-button-text{}
.ui-combobox .ui-state-default{background-image: none !important; background-color: #ffffff !important;}
.ui-combobox .ui-button-icon-only{width: 19px !important; height: 18px !important; vertical-align: middle !important; border-left: 0px !important;}
.ui-combobox .ui-icon{width: 17px !important; height: 16px !important; background-image: url(images/icon/btn_select.gif) !important; background-position: 4px 4px !important; position: absolute !important; left: 8px !important; top: 8px !important; border: 1px solid #a0a0a0 !important; background-color: #f0f0f0;}

.ui-multiselect-checkboxes input{width: 18px !important;}

/*font style*/
.bold {color:#000; font-weight:bold;}
.red01 {color:#FF0000;}
.red02 {color:#FF0000; font-weight:bold;}

/* layout */
html, body {width: 100%; height:100%; margin:0; padding:0;} 
#header {height:80px; width:100%; position:relative; z-index:1; background:url(images/header_bg.gif) repeat-x;}
#center-box {min-height:100%; margin:-73px 0 -70px;} 
html #center-box {height:100%;} 
#center {padding:73px 0 70px; width:100%;}
#sidebar {width:200px; float:left;}
#contetnt {width:88%; margin-left:25px;} 
#footer {height:50px; background:#fbfbfb; border-top:1px solid #e0e0e0; clear:both; text-align:center; padding-top:20px;} 

/*table*/
#table1 {border-right:1px solid #e6e6e6; background:#fff;} 
#table1 td {text-align:center; height:22px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding-top:5px; padding-bottom:3px;}
#table1 .title {background:#f5f5f5; font-weight:bold; color:#646464;}
#table1 .title02 {background:#f5f5f5; font-weight:bold; color:#646464; text-align:left; padding-left:10px; width:20%;}
#table1 .name01 {width:30%;}
#table1 .date {width:9%;}
#table1 a:link {text-decoration:none; color:#3d3d3d;} 
#table1 a:visited {text-decoration:none; color:#3d3d3d;} 
#table1 a:hover {text-decoration:underline; color:#3d3d3d;}
#table1 tr.bg1 td {background: #ffffff; font-weight: normal;}



#table2 {border-top:2px solid #979ba5; border-right:1px solid #e6e6e6;} 
#table2 td {text-align:center; height:26px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding-top:5px; padding-bottom:3px;}
#table2 .title {background:#f5f5f5; width:120px; font-weight:bold; color:#646464;}
#table2 .left {text-align:left; padding-left:10px;}
#table2 a:link {text-decoration:none; color:#3d3d3d;} 
#table2 a:visited {text-decoration:none; color:#3d3d3d;} 
#table2 a:hover {text-decoration:underline; color:#3d3d3d;}

#table3 {border-right:1px solid #e6e6e6;} 
#table3 td {text-align:left; height:22px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding-top:5px; padding-bottom:3px; padding-left:10px;}
#table3 .title {background:#f5f5f5 !important; width:15%; font-weight:bold !important; color:#646464;}
#table3 .title02 {background:#f5f5f5; width:6%; font-weight:bold; color:#646464;}
#table3 .name {width:35%;}
#table3 a:link {text-decoration:none; color:#3d3d3d;} 
#table3 a:visited {text-decoration:none; color:#3d3d3d;} 
#table3 a:hover {text-decoration:underline; color:#3d3d3d;}

#table4 {border-right:1px solid #e6e6e6;} 
#table4 td {text-align:center; height:30px;}
#table4 .title {background:#f5f5f5; font-weight:bold; color:#646464; padding-top:5px; padding-bottom:3px;}
#table4 .check {width:5%; border-left:none;}
#table4 .check02 {width:5%;}
#table4 .state {width:10%;}
#table4 .code {width:15%;}
#table4 .supply {width:15%;}
#table4 .supply02 {width:12%;}
#table4 .exchange {width:15%;}
#table4 .exchange02 {width:15%;}
#table4 .name {width:15%;}
#table4 .price {width:15%;}
#table4 .price02 {width:10%;}
#table4 .order {width:4%;}
#table4 .category {width:15%;}
#table4 a:link {text-decoration:none; color:#3d3d3d;} 
#table4 a:visited {text-decoration:none; color:#3d3d3d;} 
#table4 a:hover {text-decoration:underline; color:#3d3d3d;}

#table5 {border-right:1px solid #e6e6e6;} 
#table5 td {text-align:center; height:30px; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
#table5 .title {background:#f5f5f5; font-weight:bold; color:#646464;}
#table5 .check {width:5%;}
#table5 .state {width:10%;}
#table5 .code {width:15%;}
#table5 .supply {width:16%;}
#table5 .supply02 {width:13%;}
#table5 .exchange {width:14%;}
#table5 .exchange02 {width:14%;}
#table5 .name {width:16%;}
#table5 .price {width:15%;}
#table5 .price02 {width:10%;}
#table5 a:link {text-decoration:none; color:#3d3d3d;} 
#table5 a:visited {text-decoration:none; color:#3d3d3d;} 
#table5 a:hover {text-decoration:underline; color:#3d3d3d;}

#table6 {border-right:1px solid #e6e6e6;} 
#table6 td {text-align:left; height:22px; border-left:1px solid #e6e6e6; padding-top:10px; padding-bottom:5px; border-bottom:2px solid #e6e6e6;}
#table6 .title {background:#f5f5f5; width:15%; font-weight:bold; color:#646464;}
#table6 .title02 {background:#f5f5f5; width:6%; font-weight:bold; color:#646464;}
#table6 .name {width:35%;}
#table6 a:link {text-decoration:none; color:#3d3d3d;} 
#table6 a:visited {text-decoration:none; color:#3d3d3d;} 
#table6 a:hover {text-decoration:underline; color:#3d3d3d;}

/*field*/
#textfield01 {width:100px; height:16px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield02 {width:260px; height:16px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield03 {width:99%; height:150px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; margin-top:10px; margin-bottom:10px; color:#333;}
#textfield04 {width:400px; height:16px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield05 {width:60px; height:16px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield06 {width:620px; height:30px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield07 {width:99%; height:50px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield08 {width:230px; height:16px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield09 {width:620px; height:16px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#textfield10 {width:95px; height:20px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}

/*#select01 {width:120px; height:20px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#select02 {width:80px; height:20px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#select03 {width:80px; height:20px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}
#select04 {width:265px; height:20px; border-top:1px solid #aeaeb0; border:1px solid #e2e2e2; color:#333;}*/

/* button */
#btn_total {float:left; width:100%; margin-top:10px;}
#btn_total #left_area {float:left; width:400px;}
#btn_total #center_area {width:40px; margin:0 auto;}
#btn_total #center_area02 {width:75px; margin:0 auto;}
#btn_total #right_area {float:right;}
#btn_total #right_area02 {float:right; width:74px;}
#btn_total #right_area03 {float:right; width:211px;}
#btn_total #right_area04 {float:right; width:100px;}
#btn_total #right_area05 {float:right; width:135px;}
#btn_total #gBtn9 a{display:block; background:url('/home/supply/images/btn_bg.gif') left 0; float:left; color:#f5fbfd; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
#btn_total #gBtn9 a:hover{background:url('/home/supply/images/btn_bg.gif') left -27px}
#btn_total #gBtn9 a span{display:block; float:left; background:url('/home/supply/images/btn_bg.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
#btn_total #gBtn9 a:hover span{background:url('/home/supply/images/btn_bg.gif') right -27px; color:#fff}

/* pagin */
#board_navi	{ clear:both; padding-top:15px;}
.pagination	{ font-size:12px; color:#9d9d9d; text-align:center; text-decoration:none; vertical-align:middle;}
.pagination a		{padding:2px; width:15px; color:#9d9d9d; font-weight:bold; text-decoration:none;}
.pagination .current{padding:2px; color:#3d3d3d;}
.pagination img {margin-right:10px; margin-left:10px;}

/* popup */
#popup01 {position:absolute; width:1000px; background:#fefefe; top:200px; left:300px; border:1px solid #000; z-index:9999;}
#popup01 .popup_title {float:left; width:990px; height:22px; background:#000; color:#fff; padding-top:8px; padding-left:10px;}
#popup01 .popup_main {float:left; width:98%; margin:10px;} 

/*header*/
#header #top {float:left; width:98%; height:45px;}
#header #top .logo {float:left; margin-left:21px;}
#header #top .right_area {float:right; margin-top:12px;}
#header #top .right_area li {display:inline; margin-right:15px; line-height:22px; color:#737373;}
#header #top .right_area .bold {font-weight:bold; color:#000;}

#header #menu {float:left; width:100%; border-top:2px solid #d60007; border-bottom:1px solid #e0e0e0; background:#000;}
#header #menu dl {margin-left:16px;}
#header #menu dd {display:inline;}

/*sidebar*/
#sidebar #left_menu {float:left; width:160px; margin-top:30px; margin-left:20px;}
#sidebar #left_menu .title {float:left; width:150px; border-bottom:2px solid #666; padding-left:10px; padding-bottom:10px;}
#sidebar #left_menu ul {float:left; margin-top:5px;}
#sidebar #left_menu li {width:150px; height:20px; border-bottom:1px solid #e0e0e0; padding-top:10px; padding-left:10px;}

/*content01*/
#content01 {float:left; width:110%; margin-top:30px;}
#content01 #content_top {float:left; width:100%; height:25px; background:url(/cms/images/content_tt_line.gif) 0 100% repeat-x; padding-bottom:3px; color:#666; font-weight:bold; font-size: 14px;}

#content01 #search {float:left; width:100%; margin-top:20px; margin-bottom:38px;}
#content01 #search li {display:inline; margin-right:10px;}
#content01 #search #search_area {float:left; width:99%;}
#content01 #search #search_area .field {float:left;}
#content01 #search #search_area .search_btn {float:right;}
#content01 #search #search_input {float:left; width:400px; margin-right:10px;}
#content01 #search #search_input .input_title {float:left; width:60px; margin-top:3px;}
#content01 #search #search_input .input_title02 {float:left; width:90px; margin-top:3px;}
#content01 #search #search_input .input_filed {float:right;}


#content01 #search td img{margin-left: 2px;}


#content01 #table_title {float:left; margin-top:20px; font-size:14px; font-weight:bold; color:#333;}

#content01 #table_top {float:left; width:100%; color:#666;}
#content01 #table_top .left_area {float:left;}
#content01 #table_top .right_area {float:right;}

#content01 #scroll_area {float:left; width:100%; height:125px; overflow-y:scroll; overflow-x:hidden;}
#content01 #table_list {float:left; width:100%; margin-top:10px; border-top:2px solid #dddddd;}
#content01 #table_list li {display:inline; margin-right:10px;}
#content01 #table_list #table_text {float:left; width:97%;}
#content01 #table_list #table_text .text {float:left; margin-top:3px;}
#content01 #table_list #table_text .btn {float:right;}
#content01 #table_list #table_input {float:left; width:400px; margin-right:10px;}
#content01 #table_list #table_input .table_title {float:left; width:60px; margin-top:4px;}
#content01 #table_list #table_input .table_filed {float:right;}
#content01 #table_list #radio_btn {float:left; width:100px;}
#content01 #table_list #radio_btn .radio {float:left;}
#content01 #table_list #radio_btn .text {float:left; margin-top:5px;}
#content01 #table_list td.title{background: #ffffff; font-weight: normal;}

#content01 #table_list2 {float:left; width:48%; margin-top:10px; border-top:2px solid #dddddd;}
#content01 #table_list2 li {display:inline; margin-right:10px;}
#content01 #table_list2 #table_text {float:left; width:97%;}
#content01 #table_list2 #table_text .text {float:left; margin-top:3px;}
#content01 #table_list2 #table_text .btn {float:right;}
#content01 #table_list2 #table_input {float:left; width:400px; margin-right:10px;}
#content01 #table_list2 #table_input .table_title {float:left; width:60px; margin-top:4px;}
#content01 #table_list2 #table_input .table_filed {float:right;}
#content01 #table_list2 #radio_btn {float:left; width:100px;}
#content01 #table_list2 #radio_btn .radio {float:left;}
#content01 #table_list2 #radio_btn .text {float:left; margin-top:5px;}
#content01 #table_list2 td.title{background: #ffffff; font-weight: normal;}

#content01 #table_list3 {float:right; width:48%; margin-top:10px; border-top:2px solid #dddddd;}
#content01 #table_list3 li {display:inline; margin-right:10px;}
#content01 #table_list3 #table_text {float:left; width:97%;}
#content01 #table_list3 #table_text .text {float:left; margin-top:3px;}
#content01 #table_list3 #table_text .btn {float:right;}
#content01 #table_list3 #table_input {float:left; width:400px; margin-right:10px;}
#content01 #table_list3 #table_input .table_title {float:left; width:60px; margin-top:4px;}
#content01 #table_list3 #table_input .table_filed {float:right;}
#content01 #table_list3 #radio_btn {float:left; width:100px;}
#content01 #table_list3 #radio_btn .radio {float:left;}
#content01 #table_list3 #radio_btn .text {float:left; margin-top:5px;}
#content01 #table_list3 td.title{background: #ffffff; font-weight: normal;}

#content01 #notice_write {float:left; width:750px; margin-top:20px; border-top:2px solid #dddddd;}
#content01 #notice_view {float:left; width:750px; margin-top:20px; border-top:2px solid #dddddd;}
#content01 #notice_write ul {float:left; list-style:none; margin-top:3px; margin-bottom:2px;}
#content01 #notice_write li {display:inline;}
iframe[name=hidden] {display: none}


/* Login */
#wrap_login{width: 100%; height: 100%; background: #373f4c; line-height: 1;}
#container_login{width: 540px; margin: 0 auto; padding: 140px 0; position: relative;}
#container_login .top{height: 58px;}
#container_login .top .logo_img{display: inline-block; width: 190px; height: 58px; background: url(../images/shopadmin_logo2.png) no-repeat; vertical-align: middle;}
#container_login .top .txt_ver{display: inline-block; color: #ff9999; line-height: 16px; vertical-align: middle; padding-left: 12px;}

#container_login .middle .bg_top{width: 100%; height: 15px; background: url(../../images/login/outline_t.gif) no-repeat;}
#container_login .middle .area_login{width: 462px; height: 103px; background: url(../../images/login/outline_m.gif) repeat-y; padding: 24px 0 0 78px; position: relative;}
#container_login .middle .bg_bottom{width: 100%; height: 15px; background: url(../../images/login/outline_b.gif) no-repeat;}
#container_login .middle .txt_tit{display: inline-block; width: 72px; height: 35px; line-height: 35px; color: #acafb5; font-size: 14px; font-weight: bold;}
#container_login .middle .inputText input{width: 198px; height: 33px; line-height: 33px; border: 1px solid #c6c9cc; padding: 0 10px;}
#container_login .middle .pw{padding-top: 7px;}
#container_login .middle .btn_login{display: block; width: 77px; height: 75px; position: absolute; top: 26px; left: 384px; background: url(../images/but_login.png) no-repeat; text-indent: -9999em;}
#container_login .copyright{color: #7c7f84; letter-spacing: -1px; line-height: 16px; padding: 20px 15px 0px;}

.sub_menu {
	margin:0;
	padding:0;
}

.sub_menu li {
	list-style:none;
	float:left;
	font:12px Arial, Helvetica, sans-serif #111;
}

.sub_menu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	margin:0;
	color:#111;
}

.sub_menu li ul {
	position:absolute;
	display:none;
	border-top:1px solid #fff;
	border-style: solid;
    border-color: #78b96f;
    width:120px;
}

.sub_menu li ul li a{
	width:120px;
	font-size:14px;
	text-align:center;
	background: white;
}
.sub_menu li ul li a:hover{
	background: #78b96f;
	font-weight:bold;
	font-color:white;
}