.mb20{margin-bottom:20px !important;}
.mr10{margin-right:10px !important;}
.pr10{padding-right:10px !important;}
.pl0{padding-left:0px !important;}

.skin-2 .navbar{padding-bottom:0;}/* .skin-2 .navbar{padding-bottom:5px;} */
.tbl-login{margin-top:130px;border:1px solid #ccc;box-shadow: 3px 3px 10px rgba(51,51,51,.1);}
.tbl-login-form{margin-right:20px;}
.tbl-login-form > tbody > tr:first-child > td{padding-bottom:2px;}
.tbl-login-form > tbody > tr:first-child > td:last-child{padding-bottom:0px;}
.txt{padding:3px 5px;width:100px;border:1px solid #999;}
.widget-title > table > tbody > tr > td{padding-top:5px;}
.widget-title > table > tbody > tr:first-child > td{padding-top:10px;}
.widget-title > table > tbody > tr:last-child > td{padding-bottom:10px;}
.page-content-area{width:100%;}
.page-content-area > .row{margin-left:0;margin-right:0;}
.page-content-area .col-xs-12 > .row{margin-right:-2px;}
.page-content-area table.col-xs-12 {margin-top:30px;padding-left:0;padding-right:0;}
.page-content-area table.col-xs-12 .cbutton,
.page-content-area table.col-xs-12 .gridBtnRole{margin:0 10px 5px 0;}
.page-content{/* margin-top:5px; */width:100%}
table.col-xs-12 .ui-jqgrid .ui-jqgrid-pager.mb20{margin-bottom:20px !important;}

.popup-wrap{padding:10px 20px;}

table .stitle{padding:0px 0 5px 5px;}
.stit-ico{margin-right:5px;}
.stit-ico img{margin-top:-2px;}

.table_td_contents.size{ word-break: break-word;}
.table_td_contents.size span{line-height:18px;}
.table_td_contents4{padding:5px}
.table_td_contents .img-wrap p{margin:0;line-height:22px;}
.table_td_contents .img-wrap td{padding:3px 0;line-height: normal;}
.tbl-img{margin:3px 0}
.tx-editor-container{margin-top:3px}
.table_td_contents9{height:36px;padding-left:5px;padding-right:5px;}
.table_td_contents9 input[type=radio]{margin-bottom:3px;}
.bskMakeTypeClass input[type=radio]{margin-bottom:3px;vertical-align:middle;}
.widget-title input[type=radio]{vertical-align:middle;}
.widget-title .icon_search{margin-bottom:2px}
.table_td_contents9 input[type=radio]:not(:first-child){margin-left:5px;}

.table_td_contents input+.cbutton{margin:0 !important;vertical-align:middle;}

.widget-title .td_sch_title6{ height:100%;}
.widget-toolbar {width:87px;}
.widget-toolbar .btn{position:absolute;top:50%;left:10px;margin-top:-14.5px}
.widget-title .td_sch_title6{padding-bottom:10px; }

/*다성테크 css*/
*{padding:0; margin:0; list-style:none; font-family: 'NanumGothic';}

/* 나눔웹폰트 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{font-family:Nanum Gothic, 나눔고딕}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
*{font-family: Noto Sans Kr, sans-serif;}

/* Basic */
body,h1,h2,h3,h4,select,textarea,input,label,label2,label3,button{word-break:break-all;color:#333333;font-size:13px;font-weight:normal;line-height:1.6;color:#333333;}
label3{word-break:break-all;color:#333333;font-size:19px;font-weight:bold;line-height:1.6;color:#333333;}
img{border:0}
small{font-size:12px}
.u{text-decoration:underline}

/* Display */
.fl{float:left}
.fr{float:right}
.clear{clear:both !important}
.clear:after{content:'';display:block;clear:both}
.blind{position:absolute;top:-9999px;left:0;width:0;height:0;overflow:hidden;/*visibility:hidden;*/font-size:0;line-height:0}

/* Align */
.l{text-align:left !important}
.c{text-align:center !important}
.r{text-align:right !important}
.t{vertical-align:top !important}
.m{vertical-align:middle !important}
.b{vertical-align:bottom !important}

/* Alink */
a{color:#757575;text-decoration:none}
a:hover{color:#003e93;text-decoration:none}

/*ds_layout*/

@media only screen and (max-width: 991px){
.sidebar.responsive {
    position: relative;
    left: 0;
    margin-left: 0;
	}
}
    
/* @media ( min-width :992px) { */
	ul {margin: 0}
	
	/* top memu */
	div.navbar-header {width: 100%; height: 71px; overflow: hidden;}
	
	div.navbarMenu {float: left; padding: 20px 0; overflow: hidden;}
	div.navbarMenu ul li {display: inline-block; font-size: 18px; margin:0 28px}
	div.navbarMenu ul li.navFirst {margin-left:80px;}
	div.navbarMenu ul.mainNav li {margin:0 14px}
	div.navbarMenu ul.mainNav li.navFirst {margin-left:40px}
	div.navbarMenu ul li a {display:inline-block; color: #333333;}
	div.navbarMenu ul li a:hover{color:#003e93; border-bottom: 1px #003e93 solid;}
	
	div.navbarInfo {float: right; padding: 20px; overflow: hidden;}
	div.navbarInfo ul li {display: inline-block; font-size: 14px; line-height: 28px;}
	div.navbarInfo ul li.loginIcon {padding-left: 28px; background: url(/resource/img/backoffice/icon_logout.gif) left no-repeat;}
	div.navbarInfo ul li span {display: inline-block; margin:0 4px 0 12px; font-size: 11px;}
	div.mainNbi ul li {letter-spacing: -1px;}
	div.mainNbi ul li span {margin:0 0 0 6px;}

	/* layout */
	div.loginWrap {position: relative; width:100%;height:969px;margin:0 auto;padding:0 50px;background:#2bc4d4 url(/resource/img/backoffice/loginbackbords.jpg) no-repeat; }

	div.loginContent {position: absolute;  top: 525px; left: 990px; width:532px; border:0px #e0e0e0 solid; margin: 0px auto 20px auto; padding:28px 48px; font-size: 18px;}
	div.loginContent h1.loginH1 {height:46px;line-height:38px;font-size:18px;padding-left:30px;background:url(/resource/img/backoffice/login_icon.gif) 0 0 no-repeat;}
	div.loginContent fieldset {position:relative; width:434px; padding:20px 0; margin:0 auto; border:0; border-top: 2px #333333 solid;}
	div.loginContent fieldset p {margin: 8px auto; width:366px; font-size: 14px;}
	div.loginContent fieldset p.loginBtn {margin-top: 20px; text-align: right;}
	div.loginContent fieldset label {display: inline-block; width: 68px;}
	div.loginContent fieldset input {display: inline-block; width: 280px; height: 36px; border-color: #e0e0e0;}
	div.loginContent fieldset input.loginEnter {margin-left: 70px; width:292px; height:48px; border: 0; background: #1a80d5; color: #ffffff; font-size: 16px; border-radius: 24px;}
	div.loginWrap p.loginText {font-size: 16px; color: #666666; text-align: center;position: absolute; top: 700px; left: 500px;}
	dl.loginInfo01 {top: 490px; left: 250px;}
	/* main */
	div.mainVisualWrap {background: #178fb6;}
	div.mainVisualBlock {position: relative; width:1280px;height:792px;margin:0 auto;padding:0 50px;background:#2bc4d4 url(/resource/img/backoffice/main_visual.jpg) no-repeat;}
	div.mainVisualBlock p.mainText {padding-top:28px; font-size: 16px; color: #ffffff}
	div.mainVisualBlock p.mainText strong {display:block; font-size: 28px;}
	div.mainVisualBlock dl {position: absolute; width:120px; color: #ffffff; letter-spacing: -1px;}
	div.mainVisualBlock dl dt {font-size: 16px; font-weight:500; padding-bottom: 2px;}
	div.mainVisualBlock dl dd {line-height: 16px;}
	div.mainVisualBlock dl dd strong {font-size: 14px; font-weight:500;}
	div.mainVisualBlock dl dd img {display: block; margin-top: 8px;}
	dl.mainInfo01 {top: 210px; left: 510px;}
	dl.mainInfo02 {top: 490px; left: 250px;}
	dl.mainInfo03 {top: 440px; left: 510px;}
	dl.mainInfo04 {top: 678px; left: 678px;}
	div.mainNotice {position: absolute; top: 245px; left: 300px; width: 500px;}
	div.mainNotice h2 {float:left; margin:0; font-size: 16px; font-weight: 500; padding:6px 10px; border: 2px #666666 solid; border-bottom: 0; color: #666666}
	div.mainNotice h2.tabFirst {border-right: 0}
	div.mainNotice h2.tabOver {background: #666666; color: #ffffff;}
	div.mainNotice p {position: absolute; top: 8px; right: 0; margin: 0 !important;}
	div.mainNotice ul {clear:both; padding: 8px 0 0 0; color: #333333; border-top: 2px #666666 solid;}
	div.mainNotice ul li {position:relative; line-height: 16px; padding:8px 0 8px 10px; border-bottom: 1px #666666 solid; background: url(/resource/img/backoffice/icon_dot.gif) left no-repeat;}
	div.mainNotice ul li.noticeEnd {border-bottom: none;}
	div.mainNotice ul li span {position: absolute; right: 0; color: #666666;}
	
	div.mainBanner {width: 1180px; margin: 0 auto; padding: 50px 0;}
	div.mainBanner:after{content:'';display:block;clear:both}
	div.mainBanner dl {float: left; width: 295px; padding: 0 0 0 95px;}
	div.mainBanner dl.mainBanner01 {background: url(/resource/img/backoffice/main_banner01.gif) 0 0 no-repeat;}
	div.mainBanner dl.mainBanner02 {background: url(/resource/img/backoffice/main_banner02.gif) 0 0 no-repeat;}
	div.mainBanner dl.mainBanner03 {background: url(/resource/img/backoffice/main_banner03.gif) 0 0 no-repeat;}
	div.mainBanner dl.mainBanner04 {background: url(/resource/img/backoffice/main_banner04.gif) 0 0 no-repeat;}
	div.mainBanner dl dt {font-size: 16px; font-weight:500; color: #333333;}
	div.mainBanner dl dd {color: #666666; padding: 8px 0 0 0;}
	div.mainBanner dl dd span {display:inline-block; color: #003e93; padding: 0 20px 0 0; font-weight:500; background: url(/resource/img/backoffice/quick_arrow2.gif) right no-repeat;}
	
	div.mainFooter {padding:28px 0; border-top: 1px #dcdcdc solid; background: #f2f2f2;}
	div.mainFooter div {position: relative; width: 1180px; margin: 0 auto;}
	div.mainFooter div p {position: absolute; top: 0; left: 0}
	div.mainFooter div address {margin: 0 0 0 182px;}
	div.mainFooter div copyright {margin: 0 0 0 182px; color: #999999;}
	
	/* sidebar */
	.skin-2 .sidebar {background-color: #f5f5f5 !important; border-right: 1px #e0e0e0 solid !important; padding-top: 0}
	
	.skin-2 .nav-list>li {border-color: #e0e0e0; }
	.nav-list>li>.submenu {border-top: 1px #003e93 solid;}
	.nav-list>li>.submenu:before {border: 0}
	.nav-list>li .submenu>li>a {border: 0; background: #f5f5f5}
	.nav-list>li>.submenu>li:before {border: 0;}
	
	.skin-2 .nav-list>li {border-color: #e0e0e0}
	.skin-2 .nav-list>li>a {background-color: #ffffff !important;}
	.skin-2 .nav-list>li:first-child {border-top: 0;}
	.skin-2 .nav-list>li:first-child>a {background-color: #003e93 !important;}
	
	.sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text,
	.sidebar.menu-min .nav-list > li > .submenu {border: 1px #003e93 solid; background: #ffffff;}
	
	.skin-2 .nav-list>li>a>.menu-text {color: #333333;}
	.skin-2 .nav-list>li:hover>a>.menu-text {color: #003e93 !important; font-weight: 600;}
	.skin-2 .nav-list>li:first-child>a>.menu-text {color: #ffffff !important;}
	.skin-2 .nav-list li .submenu li>a {color: #003e93;}
	
	.skin-2 .nav-list>li:nth-child(1)>.submenu li.active>a,
	.skin-2 .nav-list>li:nth-child(2)>.submenu li.active>a,
	.skin-2 .nav-list>li:nth-child(3)>.submenu li.active>a,
	.skin-2 .nav-list>li:nth-child(4)>.submenu li.active>a,
	.skin-2 .nav-list>li:nth-child(5)>.submenu li.active>a,
	.skin-2 .nav-list>li:nth-child(6)>.submenu li.active>a,
	
	.skin-2 .nav-list>li:nth-child(1)>.submenu li.open>a,
	.skin-2 .nav-list>li:nth-child(2)>.submenu li.open>a,
	.skin-2 .nav-list>li:nth-child(3)>.submenu li.open>a,
	.skin-2 .nav-list>li:nth-child(4)>.submenu li.open>a,
	.skin-2 .nav-list>li:nth-child(5)>.submenu li.open>a,
	.skin-2 .nav-list>li:nth-child(6)>.submenu li.open>a,
	 
	.skin-2 .nav-list>li:nth-child(1)>.submenu li:hover>a,
	.skin-2 .nav-list>li:nth-child(2)>.submenu li:hover>a,
	.skin-2 .nav-list>li:nth-child(3)>.submenu li:hover>a,
	.skin-2 .nav-list>li:nth-child(4)>.submenu li:hover>a,
	.skin-2 .nav-list>li:nth-child(5)>.submenu li:hover>a,
	.skin-2 .nav-list>li:nth-child(6)>.submenu li:hover>a {color: #003e93; font-weight: 600;}
	
	.fa-home:before, .fa-desktop:before, .fa-gears:before, .fa-cogs:before {}
	.nav-list>li>a>.menu-icon {min-width: }
	.skin-2 .nav-list>li.active>a>.arrow, .skin-2 .nav-list>li.active>a>.menu-text {color: #003e93}
	.skin-2 .nav-list>li>.submenu>li>a {background-color: #ffffff !important;}
	
	.skin-2 .nav-list>li.open>a>.arrow, .skin-2 .nav-list>li.open>a>.menu-icon {color: #e0e0e0}
	.skin-2 .nav-list>li.open>a>.arrow, .skin-2 .nav-list>li.open>a>.menu-icon,
	.skin-2 .nav-list>li:hover>a>.arrow, .skin-2 .nav-list>li:hover>a>.menu-icon {color: #003e93}
	
	.skin-2 .nav-list>li>.submenu>li, .skin-2 .nav-list>li>.submenu>li>.submenu,
	.skin-2 .nav-list>li>.submenu>li>.submenu>li, .skin-2 .nav-list>li>.submenu>li>.submenu>li .submenu,
	.skin-2 .nav-list>li>.submenu>li>.submenu>li .submenu li {background-color: #f5f5f5 !important;}

	.sidebar .sidebar-toggle:before {content: none;}
	.sidebar .sidebar-toggle {border-color: #e0e0e0}

	/* content box */
	.sidebar+.main-content {padding-left: 190px;}
	.page-content {float:left; width:100% !important; padding: 20px; width: auto;}
	.breadcrumbs {margin: 0 20px; padding:0; height: 48px; background: none; border-bottom: 1px #000000 solid;}
	.breadcrumbs middle {display:inline-block; padding:0; color: #333333; font-size: 18px; line-height:48px; font-weight: 400;}
	
	.icon-subTit {display:inline-block; padding-left:38px; height: 48px; vertical-align:middle;}
	.icon-pd {background: url(/resource/img/backoffice/icon_sub_pd.gif) 2px 8px no-repeat;}
	.icon-tool {background: url(/resource/img/backoffice/icon_sub_tool.gif) 2px 8px no-repeat;} /* 물류*/
	.icon-sys {background: url(/resource/img/backoffice/icon_sub_sys.gif) 2px 8px no-repeat;}  /*시스템*/
	
	.breadcrumb {margin: 14px 0; height: 18px; line-height: 18px;}
	.breadcrumb a {display:inline-block; padding-left:20px; background: url(/resource/img/backoffice/icon_breadcrumb_home.gif) 0 0 no-repeat;}
	
	/* 조회 */
	.col-xs-12, .col-xs-12 .row, .widget-header {padding: 0; margin: 0;}
	.widget-header {padding:16px 28px; min-height:28px; background: #f5f5f5; border-color:#e0e0e0;}
	.widget-box {margin: 0}
	
	div.fieldsetWrap h2 {margin: 0 0 8px 0; font-size: 14px; font-weight: 600}
	div.fieldsetWrap h2.fwH2None {margin: 0;}
	fieldset.topSearch {min-height: 28px;}
	fieldset.topSearch:after{content:'';display:block;clear:both}
	fieldset.topSearch legend {line-height:18px; font-size:14px; border-bottom: 1px #cccccc solid; padding-bottom: 8px; margin-bottom: 12px; color: #333333;}
	fieldset.topSearch legend.ltSpace {margin-top: 12px; }
	fieldset.topSearch ul {float: left; min-height: 28px;}
	fieldset.topSearch ul.tsSpace li {margin: 4px 0;}
	fieldset.topSearch ul.msBlock {width: 100%}
	fieldset.topSearch ul.msBlock li.reMarkLi, fieldset.topSearch ul.msBlock li.reMarkLi2 {display: block; margin-right:0 !important;}
	fieldset.topSearch ul.msBlock li.reMarkLi input {width:calc(100% - 130px) !important;}
	fieldset.topSearch ul.msBlock li.reMarkLi2 input {width:calc(100% - 238px) !important;}
	fieldset.topSearch ul li {display: inline-block; margin-right:28px !important;}
	fieldset.topSearch ul li label {display:inline-block; vertical-align: middle; width:80px; min-height:28px; line-height:28px; margin: 0 8px 0 0; padding-left: 10px; background: url(/resource/img/backoffice/icon_dot.gif) 0 12px no-repeat;}
	fieldset.topSearch ul li label2 {display:inline-block; vertical-align: middle; width:100px; min-height:28px; line-height:28px; margin: 0 8px 0 0; padding-left: 10px; background: url(/resource/img/backoffice/icon_dot.gif) 0 12px no-repeat;}
	fieldset.topSearch ul li label3 {display:inline-block; vertical-align: middle; width:68px; min-height:28px; line-height:28px; margin: 0 8px 0 0; padding-left: 10px; background: url(/resource/img/backoffice/icon_dot.gif) 0 12px no-repeat;}
	fieldset.topSearch ul li label_nobg1 {display:inline-block; vertical-align: middle; width:38px; min-height:28px; line-height:28px; margin: 0 8px 0 0; padding-left: 10px;}
	fieldset.topSearch ul li label_nobg2 {display:inline-block; vertical-align: middle; width:26px; min-height:28px; line-height:28px; margin: 0 8px 0 0; padding-left: 10px;}
	fieldset.topSearchPop ul li label {width: 120px;}
	fieldset.topSearchPop input.input_header {width: 280px !important;}
	fieldset.topSearch ul li label.tsLabel2 {width:auto; background:none;}
	fieldset.topSearch ul li label.tsLabel3 {width: 92px;}
	fieldset.topSearch ul li img {margin: 0 0 0 6px; vertical-align: middle;}
	fieldset.topSearch p {float:right; margin: 4px 0;}
	fieldset.topSearch p.tsSpaceNone {margin: 0;}
	fieldset.topSearch input {vertical-align: middle; color: #333333 !important;}
	fieldset.topSearch input.input_header {width: 130px;}
	fieldset.topSearch input.readOnly1 {width:92px; background-color: #eaeaea !important;}
	fieldset.topSearch input.readOnly2 {width:116px; background-color: #eaeaea !important;}
	fieldset.topSearch input.readOnly3 {width:142px; background-color: #eaeaea !important;}
	fieldset.topSearch input.readOnly4 {width:200px; background-color: #eaeaea !important;}
	fieldset.topSearch input.writeType {width:116px; background-color: #ffffff !important;}
	fieldset.topSearch input.writeType2 {width:254px; background-color: #ffffff !important;}
	fieldset.topSearch input.writeType3 {width:254px; background-color: #eaeaea !important;}
	fieldset.topSearch input.telNum {width:128px;}
	fieldset.topSearch select {width:100px; height:28px; background-color: #eaeaea !important; vertical-align: middle;}
	fieldset.topSearch select.tsSpace2 {margin-right: 8px;}
	fieldset.topSearch select.tsSpace3 {margin-right: 8px; background-color: #ffffff !important;}
	fieldset.topSearch select.tsSpace4 {width:142px; margin-right: 8px; background-color: #ffffff !important;}
	fieldset.topSearch select.tsSpace5 {width:148px; margin-right: 8px; background-color: #ffffff !important;}

	fieldset.topSearch dl.tsTitle {border-bottom: 1px #cccccc solid; padding-bottom: 8px; margin-bottom: 12px;}
	fieldset.topSearch dl.tsTitle2 {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
	fieldset.topSearch dl.tsTitle dt, fieldset.topSearch dl.tsTitle dd {display: inline-block; margin: 4px 0;}
	fieldset.topSearch dl.tsTitle dt {margin-right:78px; color: #000000;}
	fieldset.topSearch dl.tsTitle dd {margin-right:28px;}
	fieldset.topSearch dl.tsTitle dd label {display:inline-block; width:60px; margin: 0 8px 0 0; padding-left: 10px; background: url(/resource/img/backoffice/icon_dot.gif) 0 8px no-repeat;}
	fieldset.topSearch dl.tsTitle dd.tsddNone label {background:none;}
	fieldset.topSearch dl.tsTitle dd.tsddNone input {width: 17px; height: 17px; }
	fieldset.topSearch ul li.tsddNone input {width: 17px; height: 17px; }
	fieldset.topSearch ul li.tsddNone label {background:none;}
	
	.findPlace {min-width: 80px; height:28px; padding: 0 20px; background: #777d84; border: 0; border-radius: 28px; color: #ffffff}
	.findPlace2 {min-width: 80px; height:28px; padding: 0 20px; background: #ffffff; border: 2px #000000 solid; border-radius: 28px; color: #333333; font-weight: 500}
	.searchBtn {width:28px; height:28px; background: #868c93 url(/resource/img/backoffice/search_btn_bg.png) no-repeat; border: 0; vertical-align: middle;}
	.popBtn span.cbutton {margin: 0 0 6px 4px !important;}
	
	.btn.btn-white {height:28px; background-color: #003e93 !important; border-radius: 28px; border: 0;}
	.btn.btn-white b {color: #ffffff; font-size: 14px; font-weight: 400; padding: 0 12px 0 8px;}
	.btn.btn-white.active, .btn.btn-white:active, .btn.btn-white:focus, .btn.btn-white:hover,
	.open .btn.btn-white.dropdown-toggle {background-color: #003e93 !important;}
	
	.btn.btn-white2 {height:28px; background-color: #009318 !important; border-radius: 28px; border: 0;}
	.btn.btn-white2 b {color: #ffffff; font-size: 14px; font-weight: 400; padding: 0 12px 0 8px;}
	.btn.btn-white2.active, .btn.btn-white2:active, .btn.btn-white2:focus, .btn.btn-white2:hover,
	.open .btn.btn-white2.dropdown-toggle {background-color: #009318 !important;}
	
	.btn.btn-white3 {height:28px; background-color: #1a80d5 !important; border-radius: 28px; border: 0;}
	.btn.btn-white3 b {color: #ffffff; font-size: 14px; font-weight: 400; padding: 0 12px 0 8px;}
	.btn.btn-white3.active, .btn.btn-white3:active, .btn.btn-white3:focus, .btn.btn-white3:hover,
	.open .btn.btn-white3.dropdown-toggle {background-color: #1a80d5 !important;}
	
	.fa-search {margin: 0 0 0 8px; color: #ffffff !important;}
	
	/* 주문 등록 테이블 */
	.page-content-area {clear:both;}
	.page-content-area .col-xs-12 > .row {margin: 0}
	.page-content-area table.col-xs-12 {margin: 0; padding: 0;}
	.ui-jqgrid-view>.ui-jqgrid-titlebar {background: #367dc2; height:42px; font-size: 14px;}
	.ui-jqgrid .ui-jqgrid-title {margin: 9px 16px}
	.ui-jqgrid .ui-jqgrid-titlebar-close {top: 8px}
	.space-4 {clear:both; max-height: 20px; min-height: 20px; overflow: hidden; margin: 0}
	.ui-jqgrid .ui-jqgrid-pager {width: 100% !important;}
	
	.ui-jqgrid .ui-jqgrid-hbox table {width: 100% !important;}
	.shopBasket input {border: 1px #003e93 solid; margin:0 0 4px 0; padding: 4px 10px; background: #ffffff; font-weight: 600; color: #333333}
	.shopList {min-width: 160px; margin-left: 20px}
	.shopList dl {border: 1px #333333 solid; font-size: 14px; margin: 0; height:600px; overflow-y:auto;}
	.shopList dl dt {line-height:42px; text-align:center; border-bottom: 1px #333333 solid; background: #178fb6; color: #ffffff; font-weight: normal;}
	.shopList dl dd {padding:6px 10px 6px 18px; border-bottom: 1px #cccccc solid; font-size: 12px; background: url(/resource/img/backoffice/icon_dot.gif) 10px 14px no-repeat;}
	.shopList ul {border: 1px #333333 solid; border-top:0; font-size: 14px; background: #f5f5f5}
	.shopList ul li {padding:4px 8px; border-bottom: 1px #cccccc solid; font-size: 12px; text-align: center;}
	.shopList ul li span {font-weight: 500;}
	.ui-jqgrid tr.ui-row-ltr td input {border: 1px #003e93 solid; padding: 1px 10px; background: #367dc2; font-weight: 400; color: #ffffff; border-radius:20px; font-size: 12px; text-align: center; }
	.ui-pg-input {background: #ffffff !important; color: #333333 !important; border-color:#367dc2 !important; margin: 0 4px 0 0 !important;}
	.btnDelete {border: 2px #333333 solid; margin:16px 0; padding: 4px 16px; background: #ffffff; font-weight: 500; color: #333333}
	.ui-jqgrid-btable {width: 100% !important;}
	.ptitle {font-size: 16px; font-weight: 400}
	.tbSpace {margin-top: 20px !important;}
	.sbSpace {padding:0 0 6px 0}
	.ui-th-ltr {border-bottom: 1px #e1e1e1 solid;}
	.ui-jqgrid-htable th.ui-th-ltr {height: 32px !important; color: #333333; font-weight: 400; font-size: 14px;}
	.gridTopText {display: inline-block; margin: 0 10px; color: #178fb6}
	.gridScrollX {max-width:1690px; overflow-x: auto;}
	.cbox {background: none !important;}
	
	/*테이블*/
	div.tbWrap {}
	div.tbWrap table {clear: both; margin:12px 0; width:100%; border-collapse: collapse; *zoom:1;}
	div.tbWrap table:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;}
	div.tbWrap caption {display: none;}
	div.tbWrap thead th {padding: 10px 8px 8px 8px; text-align: center; border-top: 1px solid #000000; background: #f5f5f5; color: #000000;}
	div.tbWrap tbody th, div.tbWrap tbody td {padding: 8px 8px 6px 8px; text-align: center; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; color: #616161;}

	div.tbWrap2 {}
	div.tbWrap2 table {clear: both; margin:12px 0; width:100%; border-collapse: collapse; *zoom:1;}
	div.tbWrap2 table:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;}
	div.tbWrap2 table td.table_top_line {background-color: #000000;}
	div.tbWrap2 table td.table_td_subject9 {background-color: #f5f5f5; font-weight: 600; color: #003e93;}
	div.tbWrap2 table td.table_td_contents input { color: #333333;}
	div.tbWrap2 table td.table_td_subject10 {background-color: #f5f5f5; font-weight: 600; color: #003e93; width:10% !important;}
	
	.cbutton {background: #367dc2; padding: 0 8px;}
	.cbutton.medium .check {background-position: 2px -148px;}
	.cbutton a {text-shadow: none; font-family: 'NanumGothic'; font-size: 14px !important; font-weight:500; background: none;}
	.cbutton.medium, .cbutton.medium * {height: 28px; line-height: 28px;}

	/* 장바구니 - tbody scroll */
	.shopListTb {margin-left: 20px}
	.shopListTb table {clear: both; width: 360px; border-collapse: collapse; background: #f1f1f1;}
	.shopListTb tr {clear:both; width: 360px; display: table; background: #ffffff}
	.shopListTb thead th {height:30px; border: 1px #333333 solid; text-align: center; background: #f5f5f5}
	.shopListTb thead th.sltTit {height:42px; background: #178fb6; color: #ffffff; border-bottom: 0; font-size: 14px; font-weight: normal;}
	.shopListTb tbody {display:block; height:520px;}/* overflow-y:auto; overflow-x: hidden; */
	#cartbody {overflow-y:auto; overflow-x: hidden;}
	.shopListTb tbody td {padding:6px 8px; line-height:16px; border: 1px solid #333333; border-top: 0}
	
	/*.shopListTb tbody td .noneleft{border-left: 0px solid!important;}
	.shopListTb tbody td .noneright{border-right: 0px solid!important;}*/
	
	.shopListTb tfoot td {padding:4px 8px; border: 1px #333333 solid; background: #f5f5f5 ; font-size: 14px; text-align: center;}
	.shopListTb tfoot td.slfFirst {border-bottom: 0}
	
	/*.shopListTb ul li span {font-weight: 500;}*/
	
	.shopListTb th:nth-of-type(1), .shopListTb td:nth-of-type(1) { width: auto; }
	.shopListTb th:nth-of-type(2), .shopListTb td:nth-of-type(2) { width: 100px; }
	.shopListTb th:nth-of-type(3), .shopListTb td:nth-of-type(3) { width: 80px; }
	.shopListTb td:nth-of-type(3) img {float: right; margin-top:2px; cursor: pointer; visibility: hidden;}
	.shopListTb td:nth-of-type(3):HOVER img {visibility: inherit;}
	.shopListTb td:nth-of-type(2) img {float: right; margin-top:2px; cursor: pointer; visibility: hidden;}
	.shopListTb td:nth-of-type(2):HOVER img {visibility: inherit;}
	/* .shopListTb th:last-child { width: 80px; }
	.shopListTb td:last-child { width: calc( 80px -19px );} */
	
	

	
/* } */













