button{border: 0px;}
li{list-style-type: none;}
ul,ol{margin: 0;padding: 0;}

.error {color:red;}
.clear{clear: both;}
.bold {font-weight:bold;}
.pointer {cursor: pointer;}

.pd8{padding: 8px;}
.pd10{padding: 10px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt13{padding-top:13px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt65{margin-top:65px;}
.mt66{margin-top:66px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt140{margin-top:140px;}
.mt180{margin-top:180px;}
.mt200{margin-top:200px;}
.mt250{margin-top:250px;}

.mr5{margin-right:5px;}
.mr6{margin-right:6px;}
.mr8{margin-right:8px;}
.mr9{margin-right:9px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mr330{margin-right:330px;}
.mr350{margin-right:350px;}
.mr380{margin-right:380px;}

.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}


.per5{width:5%;}
.per6{width:6%;}
.per10{width:10%;}
.per13{width:13%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95%;}
.per100{width:100%;}

.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px120{width:120px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}
/* GNB */
#gnb{overflow:hidden; width:100%; background:#464650 url("/resources/template/admin/img/gnbBg.gif") repeat-x center bottom; border-top:1px solid #55545a; zoom:1}
#gnb h1{float:left; padding:5px 0 0 10px}
#gnb .topGnb{float:left; padding-bottom:5px; margin-left:35px}
#gnb .topGnb ul{overflow:hidden; width:1000px; height:47px; border-left:1px solid #363844; zoom:1}
#gnb .topGnb ul li{float:left; border-right:1px solid #545662}
#gnb .topGnb ul li.first{border-left:1px solid #545662}
#gnb .topGnb ul li a{display:block; padding:15px 20px; border-right:1px solid #363844; font-size:12px; letter-spacing:-0.7pt; color:#fff}
#gnb .topGnb ul li a:hover{color:#e1e1e1}

#bodyarea{margin-top: 30px;}


/* 제품등록 */
.box {
    width: 100%;

}

.box-table {

    clear: both;
    background: #fff;

    overflow: hidden;
}
.box-table-header {
    width: 100%;
    clear: both;
    border-bottom: 2px solid #e7eaec;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}
.list-group {
    padding: 15px;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 15px 15px 38px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item > div{
    line-height: 26px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 5px;
    color: inherit;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    vertical-align: middle;
    height: 30px;
}
.list-group-item2{
    position: relative;
    display: block;
    padding: 12px 15px 42px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}