/* ################################## ���� ################################## */

html, body {width:100%; height:100%; margin:0; padding:0;}

@media only screen and (max-width : 1000px) {
	body {width:1000px; height:100%; margin:0; padding:0; overflow-y:scroll; }
}

body, td, p, input, button, textarea, select, div, span, xmp {font-family:'Malgun Gothic', Tahoma, Dotum, Gulim, Helvetica, AppleGothic, Helvetica, Sans-serif; font-size:12px; color:#222222; line-height:18px; }

img {border:none;}
a, input {outline:none;}

form {margin:0; padding:0;}

ul {list-style:none; padding:0; margin:0;}
li {list-style:none; padding:0; margin:0; float:left;}
.clear {clear:both;}

dl, dt, dd {list-style:none; padding:0; margin:0;}

a:link,
a:visited,
a:active   {text-decoration:none; color:#6f6f6f; font-size:12px;}
a:hover    {text-decoration:none; color:#b20707; font-size:12px;}

.clear { clear: both; margin: 0; padding: 0;}

#container { width:1000px; margin-left: auto; margin-right: auto; padding: 0; }

#leftdiv { position:relative; width:200px; float:left;  height:100%; margin-top:10px; }
#rightdiv{ position:relative; width:800px; float:right; height:100%; margin-top:10px; }

.imgtype { width:100%; height:22px; margin-bottom: 10px; }
.imgtype a { float: right; width: 25px;	height: 22px; margin-left: -1px; background: url('/images/ico_list_array2.gif') no-repeat 0 0; font-size: 0; text-indent: 9999px;}
.imgtype a.list_type_selected { position: relative; background-position: 0 -22px; }
.imgtype a.image_type		   { background-position: -24px 0;} 
.imgtype a.image_type_selected { position: relative; background-position: -24px -22px;}

.imgtype a.printIcon {  position: relative; background-position: -48px 0 }
.imgtype a.ExcelDown {  position: relative; background-position: -72px 0 }

.pre  { margin-right:3px; }
.next { margin-left:3px; }

.pagination { float: right; position: relative; left: -50%; margin:20px 0; }
.pagination li { float: left; position: relative; left: 50%; line-height: 18px; margin-bottom: 5px; list-style: none;}
.pagination li .pagenate {position: relative; float: left; margin:0 3px; text-decoration: none; border: 1px solid #c6c6c6; color: #7e7e7e; width:20px;height:20px; padding:7px; text-align:center; }
.pagination li .on  { font-size:11px; background-color: #f6f6f6; font-weight:bold;   }
.pagination li .off { font-size:11px; background-color: #ffffff; font-weight:normal; }

#sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; width:200px; }
#sitemap{background:url(line1.gif) repeat-y;}
#sitemap li{ line-height:20px; margin-top:1px; position:relative; width:200px; float:none; }
#sitemap li.prd_li { line-height:20px; margin-top:1px; position:relative; width:150px; float:none; }

* html #sitemap li{	float:left;	display:inline;}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(/images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(/images/expanded.gif) no-repeat 0 0;}

#sitemap li ul{	margin-left:28px; background:url(/images/line1.gif) repeat-y; }
#sitemap li ul li {	cursor:pointer; line-height:20px; margin-top:1px; position:relative; width:180px;}
#sitemap li li{	background:url(/images/line2.gif) no-repeat 0 0; }

#sitemap:after, #sitemap ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sitemap, #sitemap ul{display:block;}

#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}

#sitemap ul{width:150px;}

#sitemap li a.bold_red {font-weight:bold; color:red;}
.dir_on  { display:block; }
.dir_off { display:none; }

.dirlist {float:left; width: 100px; height: 20px; cursor:pointer; }
div .bold_red {font-weight:bold; color:red;}

#dirtab {display:none;}

#mainimg { z-index:9999; display:none; position:fixed; top:120px; left:0; text-align:center; }
#poptext { width:680px; height:20px; background-color:#fff; padding:10px 0; margin:0 10px 10px 10px; font-weight:bold; font-size:14px; color:red;  }
#popinfo { width:680px; height:35px; background-color:#fff; padding:5px 0; margin:10px 10px 10px 10px; font-size:11px; color:gray;  }
#popinfo b { color:black; font-size:11px; padding-right:10px; }
#bg { z-index: 1; display: none; position: absolute; top: 118px; left: 0px; background-color:#000000; filter:alpha(opacity=50); opacity:0.5;}

.zoom_on  {width:50px; height:50px; padding:45px;  position:absolute; top:0; left:0; background-color:#ffffff; filter:alpha(opacity=60); opacity:0.6; display:block; }
.zoom_off {width:50px; height:50px; padding:45px;  position:absolute; top:0; left:0; display:none;}

.img  { width:140px; height:140px; cursor:pointer; position:relative; display: table-cell; vertical-align: middle; text-align:center;}
.img2 { width:100px; height:100px; cursor:pointer; position:relative; display: table-cell; vertical-align: middle; padding-right:10px;}

.i_zoom_on  {width:50px; height:50px; padding:45px;  position:absolute; top:0; left:0; background-color:#ffffff; filter:alpha(opacity=60); opacity:0.6; display:block; }
.i_zoom_off {width:50px; height:50px; padding:45px;  position:absolute; top:0; left:0; display:none;}
.l_zoom_on  {width:50px; height:50px; padding:25px;  position:absolute; top:4px; left:0; background-color:#ffffff; filter:alpha(opacity=60); opacity:0.6; display:block; }
.l_zoom_off {width:50px; height:50px; padding:25px;  position:absolute; top:4px; left:0; display:none;}

#cdlmenu { list-style: none; padding: 0; margin: 0; width:200px; }
#cdlmenu li{ list-style:none; padding:0; margin:0; float:none; }
#cdlmenu li a.bold_red {font-weight:bold; color:red;}


span.bold_red		{color:#e42122; font-weight:bold; cursor:pointer; }
span.ncur_bold_red	{color:#e42122; font-weight:bold; }
div.catelist  {position:relative; float:left; width:180px; height:23px; padding:0 10px; cursor:pointer; }

.inputlogin_onfocus { background-color:#fbfbfb; width:130px; height:10px; padding:10px; line-height:10px;border:0; font-weight:bold; font-size:13px;}
.inputlogin_onblur  { /*background:url('/images/bg_login.png');*/width:130px; height:10px; padding:10px; line-height:10px;border:0; font-weight:bold; font-size:13px;}
.inputpass_onfocus  { background-color:#fbfbfb; width:130px; height:10px; padding:10px; line-height:10px; border:0; font-weight:bold; font-size:13px;}
.inputpass_onblur   { /*background:url('/images/bg_password.png');*/width:130px; height:10px; padding:10px; line-height:10px;border:0; font-weight:bold; font-size:13px;}

#god_code_count {color:darkorange; font-weight:bold; padding:0 2px 0 1px;}


.allcheck_off { cursor:pointer; width:50px; height:20px; margin-top:10px; float:right; background: url(/images/login_chkbox.gif) no-repeat 0 0 !important; background-size: 15px 15px !important; }
.allcheck_on  { cursor:pointer; width:50px; height:20px; margin-top:10px; float:right; background: url(/images/login_chkbox_on.gif) no-repeat 0 0 !important; background-size: 15px 15px !important; }

.btnprint  { cursor:pointer; width:50px; height:20px; margin-top:10px; float:right; background: url(/images/printicon.gif) no-repeat 0 0 !important; background-size: 15px 15px !important; }

.newListTable {width:100%; height:110px;}
.newListTable td { font-size:11px; line-height:120%;}

a.CodeArraySearch {font-size:11px; color:white; background-color:#2b57c6; padding:2px; margin-left:3px;}

.login_btn { width:120px; height:70px; border:0; color:#ffffff; background-color:#e42122; font-size:18px; }

.rd + label { font-size:15px; }
.rd:checked + label { font-weight:bold; }


.ml3 { margin-left:3px; }

/*select.update, input.update {background-color:#fff; color:#3a4a5b; border:1px solid #e0e0e0; padding:5px 10px; font-weight:bold; outline:none; vertical-align:middle;}
select.update, input.update {vertical-align:middle; box-sizing:border-box;}

input[type=button],
input[type=submit]	{cursor:pointer;}

input[type=submit]  {background-color:#eaeaea; border:1px solid #aaaaaa; padding:5px 10px; margin:0 5px; min-width:60px;}
input[type=submit]:hover  {background-color:#5b9cd9; border:1px solid #5b9cd9; color:#ffffff; font-size:12px;}

div.pageMenu {padding:0 10px;}
div.pageMenu {height:32px; line-height:32px;}
div.pageMenu {border:none;}
div.pageMenu {width:100%; height:auto; background-color:#fafafa; border-radius:0px; box-sizing:border-box; padding:15px 25px; margin: 10px 0 5px 0 ; border:1px solid #eaeaea;}

span.btn_cart {display:inline-block; height:24px; line-height:22px; border:1px solid #3a4b59; background-color:#3a4b59; color:#ffffff; text-align:center; cursor:pointer; font-size:12px; vertical-align:middle; padding:0 25px;}

.container .imgtype {padding:0 0 20px 0; vertical-align:middle;}

input {vertical-align:middle; box-sizing:border-box;}

input[type=checkbox] {width:18px; height:18px; background-color:#fafafa; cursor:pointer;}


input[type=checkbox] {
    display:none;
}

input[type=checkbox] + label {
    display:inline-block;
    padding: 0 0 0 0px;
    background:url("/Images/pop_uncheck_50.png?v=2") no-repeat;
    height: 26px;
    width: 26px;
    background-size: 100%;
    vertical-align:middle;
    margin-right:10px;
}

input[type=checkbox]:checked + label {
    background:url("/Images/pop_check_50.png?v=2") no-repeat;
    height: 26px;
    width: 26px;
    display:inline-block;
    background-size: 100%;
    vertical-align:middle;
    margin-right:10px;
}

div.imagetype.image {min-height:240px; border:1px solid #e0e0e0; cursor:pointer;}

div.info {text-align:center; margin:10px 10px 10px 10px; font-size:11px; }
div.info b { color:black; font-size:11px; padding-right:10px; }*/