@charset "utf-8";

/*********************** 레이아웃 ***********************/
  html, body { width:100%; height:100%; }
  body { position:relative; line-height:1.2; }
  ::selection { background:#6ecaff; color:#fff; text-shadow:none; }
  ::-moz-selection { background:#6ecaff; color:#fff; text-shadow:none; }
  ::-webkit-selection { background:#6ecaff; color:#fff; text-shadow:none; }
  .dCaption { width:auto; height:auto; font-size:12px; line-height:1.2; text-indent:0; }
  caption { display:table-caption; width:0; height:0; font-size:0; line-height:0; text-indent:150%; overflow:hidden; white-space:nowrap; }
  button { overflow:visible; padding:0; margin:0; border:0; outline:0; cursor:pointer; font-family:dotum,'돋움',Helvetica,AppleSDGothicNeo,Arial,sans-serif; background:transparent; }
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:0; }
  input[type=text]:-ms-clear { display:none; }

  /* popup */
  #popup { height:auto; }

  /* Skip Navigation */
  #skipNavigation { position:absolute; top:0; left:0; z-index:100; width:100%; }
  #skipNavigation a { position:absolute; top:0; left:-99999px; display:block; width:100%; height:30px; background:#c4122f; color:#fff; line-height:30px; text-align:center; }
  #skipNavigation a:first-child { background:#ff5e26; }
  #skipNavigation a:focus, #skipNavigation a:active { left:0; }

  /* 임시CSS */
  .btnCtrl span, .btnCtrlEm span, .btnEm span, .btnNormal span { vertical-align:top; }
  .debug { position:fixed; bottom:10px; right:10px; z-index:9999; padding:10px; border:1px solid rgba(0,0,0,.1); border-radius:3px; background:#fff; }

  /* if ie 9 */
  .IE9 { position:absolute; top:38px; left:0; z-index:999; width:100%; padding:10px 0; color:#fff; text-align:center; letter-spacing:-1px; background:#d11414; }
  .IE9 strong { color:#ff0; }

  /* layout */
  #wrap { position:relative; min-height:100%; padding:102px 0 34px; box-sizing:border-box; }
  #header { position:fixed; top:0; left:0; right:0; z-index:101; min-width:900px; padding:38px 0 0; }
  #container { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; min-height:800px; }
  #container:after { content:''; display:block; clear:both; }
  #content { overflow:hidden; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; min-height:700px; padding:20px 12px; background:#fff; }
  #wrap:after { content:''; display:block; clear:both; }
  #wrap #sidebar { display:none; position:relative; width:0; height:100%; min-height:100%; background:#2e3b53; color:#b1bbca; }
  #wrap.openSnb { background:url('../img/bg_wrap.gif') repeat-y; }
  #wrap.openSnb #sidebar { display:block; width:194px; }
  #wrap.openSnb .mNavigation.typeSnb { width:194px; }
  #footer { position:absolute; bottom:0; left:0; width:100%; padding:12px 0; text-align:center; background:#28303f; }
  #footer p { width:253px; height:10px; margin:0 auto; overflow:hidden; text-indent:150%; white-space:nowrap; background:none /* CDN copyright 이미지 제거 — app-override #footer p 가 텍스트 표시 */; }
    /* autoHeight */
    .autoHeight { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
    .autoHeight #wrap { padding:102px 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
    .autoHeight #header { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
    .autoHeight #footer { position:static; bottom:auto; left:auto; }
    .autoHeight #sidebar { overflow-x:hidden; overflow-y:auto; }
    .autoHeight #sidebar::-webkit-scrollbar { width:8px; }
    .autoHeight #sidebar::-webkit-scrollbar-track { background:#4c6187; }
    .autoHeight #sidebar::-webkit-scrollbar-thumb { border-radius:0; border-bottom:2px solid #3d4e6c; background:#6f8bbe; }
    .autoHeight #container { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; flex-direction:row; }
    .autoHeight #content { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
    .autoHeight .gridTableArea { overflow:hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
    .autoHeight .gridTableArea .mGridTable { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;-ms-flex-direction:column; flex-direction:column; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; width:100%; height:100%; }
    .autoHeight .gridTableArea .mBoard thead th .mTooltip { margin:0 0 0 4px; }
    .autoHeight .gridTableArea .mBoard { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; width:100%; overflow:auto; }
    .autoHeight .gridTableArea .empty { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; overflow:hidden; height:100%; align-items:center; justify-content:center; }
    .autoHeight .mGridTable .empty.disabled { color:red; background:#ebebe4; }
    .autoHeight .gridTableArea .mOpen .open .wrap { max-height:200px; }

    /* 영역확장*/
    #wrap.expandList { padding-top:0; }
    #wrap.expandList #header,
    #wrap.openSnb.expandList #sidebar { display:none; }

  /* header */
  .globalNav { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; width:100%; }
  .globalNav .navigation { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; }
  h1.logo { display:table; width:160px; height:64px; }
  h1.logo a { display:table-cell; width:100%; height:100%; padding:0 10px; box-sizing:border-box; text-align:center; vertical-align:middle; font-size:20px; line-height:1; color:#fff; word-break: break-all; font-family:NanumGothic,'나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,Arial,sans-serif; }
  h1.logo .inner { display:inline-block; position:relative; overflow:hidden; max-width:100%; max-height:60px; padding:2px 0 2px 32px; margin:0 0 0 -11px; box-sizing:border-box; text-align:left; }
  h1.logo .icoSFIX { position:absolute; width:21px; height:23px; top:50%; left:0; margin:-12px 0 0; }
  .gnb { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; padding:0 0 0 30px; }
  .gnb > li { position:relative; height:100%; }
  .gnb > li .edge { display:none; content:''; position:absolute; bottom:0; left:50%; z-index:10; width:0; height:0; margin:0 0 0 -10px; border-style:solid; border-width:0 10px 9px 10px; border-color:transparent transparent rgba(0,0,0,.4) transparent; }
  .gnb > li .edge:after { content:''; position:absolute; top:1px; left:0; width:0; height:0; margin:0 0 0 -9px; border-style:solid; border-width:0 9px 8px 9px; border-color:transparent transparent #fff transparent; }
  .gnb .btnCover { height:64px; }
  .gnb .title { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; flex-wrap:wrap; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; position:relative; height:44px; padding:10px 20px; font-weight:bold; letter-spacing:-0.06em; color:#fff; }
  .gnb .title.selected + .gScroll { display:block; }
  .gnb .title.selected + .gScroll + .edge { display:block; }
  .gnb .gScroll { display:none; position:fixed; top:102px; left:10px; right:0; z-index:10; overflow-y:auto; border-bottom:1px solid #28303f; box-shadow:-1px -1px 2px rgba(0,0,0,.34), 1px 1px 2px rgba(0,0,0,.34); letter-spacing:-0.06em; background:#fff; }
  .gnb .gScroll .inner { overflow:hidden; margin:0 23px 8px 38px; }
  .utility { position:absolute; top:0; left:0; width:100%; min-width:600px; background:#fff; }
  .utility:after { content:''; display:block; clear:both; }
  .utility .shortcut { overflow:hidden; }
  .utility .shortcut li { float:left; width:47px; height:38px; border-right:1px solid #dedede; }
  .utility .btnFold { overflow:hidden; padding:18px 15px; line-height:10; background:#fff; }
  .utility .btnFold span { display:block; position:relative; width:17px; height:2px; background:#696969; transition:all 350ms ease-in-out; }
  .utility .btnFold span:before { content:''; position:absolute; top:-4px; left:0; width:17px; height:2px; background:#696969; transition:all 350ms ease-in-out; }
  .utility .btnFold span:after { content:''; position:absolute; bottom:-4px; left:0; width:17px; height:2px; background:#696969; transition:all 350ms ease-in-out; }
  .utility .gLeft { float:left; }
  .utility .gRight { float:right; }
  .utility .btnHome { display:block; padding:12px 16px; }
  .utility .btnPos { display:block; padding:10px 4px 8px; line-height:20px; color:#696969; text-align:center; text-decoration:none; font-weight:bold; letter-spacing:-0.06em; }
  .utility .gRight { display:table; height:36px; padding:0 8px 2px 0; letter-spacing:-0.06em; }
  .utility .gRight > div { display:table-cell; position:relative; z-index:10; vertical-align:middle; }
  .utility .gRight .mDropdown { padding:0 24px 0 10px; }
  .utility .setLogin .mDropdown img { width:22px; height:22px; border-radius:100%; vertical-align:middle; }
  .utility .setLogin .name { color:#484848; }
  .utility .setLogin .department { color:#686868; }
  .utility .setLanguage .icoSFIX { vertical-align:middle; }
  .utility .myMenu { padding:0 0 0 10px; }
  .utility .myMenu > ul > li { display:inline-block; position:relative; height:29px; padding:7px 0 0; margin:0 4px 0 0; vertical-align:middle; text-align:center; }
  .utility .myMenu > ul > li > a,
  .utility .myMenu > ul > li > button { display:block; position:relative; width:26px; height:24px; border:1px solid #cecece; border-radius:2px; box-sizing:border-box; line-height:24px; background:#f4f4f4; }
  .utility .myMenu .btnText { width:auto; padding:0 10px; color:#484848; text-decoration:none; }
  .utility .myMenu .icoSFIX { margin:4px 0 0; vertical-align:top; }
  .utility .myMenu .icoFavorite { margin-top:5px; }
  .utility .myMenu .icoNum { position:absolute; top:-4px; right:-5px; z-index:1; min-width:13px; height:17px; padding:0 3px 0 1px; border-radius:100%; box-shadow:-1px 1px rgba(255,255,255,1); font-weight:bold; font-size:11px; line-height:18px; color:#fff; background:#f02a2a; }
  .utility .myMenu li.selected .mDropLayer { display:block; }
  /* openSnb */
  #wrap.openSnb .utility .btnFold span { background-color:transparent; }
  #wrap.openSnb .utility .btnFold span:before,
  #wrap.openSnb .utility .btnFold span:after { top:0; }
  #wrap.openSnb .utility .btnFold span:before { transform:rotate(225deg); }
  #wrap.openSnb .utility .btnFold span:after { transform:rotate(-225deg); }
  #wrap.openSnb .gnb .gScroll { left:194px; }

  /* login */
  #loginWrap { padding:64px 0 0; }
  #loginWrap #header { padding:0; }
  #loginWrap #loginArea { width:560px; margin:118px auto 0; }
  #loginWrap #loginArea h2 { overflow:hidden; width:88px; height:31px; margin:0 auto 29px; text-indent:-120%; white-space:nowrap; background:none /* CDN 로그인 로고 제거 — ewms 미사용 (#loginWrap 없음) */; }
  #loginWrap #loginArea fieldset { padding:49px 74px 48px; border:7px solid #f6f6f6; }
  #loginWrap #loginArea .enter { display:table; position:relative; width:100%; padding:0 0 33px; }
  #loginWrap #loginArea .enter .inputbox { display:table-cell; width:280px; padding:0 10px 0 0; vertical-align:top; }
  #loginWrap #loginArea .enter label { display:block; }
  #loginWrap #loginArea .enter label + label { margin-top:4px; }
  #loginWrap #loginArea .enter .fText { width:100%; height:30px; box-sizing:border-box; border-color:#dadada; }
  #loginWrap #loginArea .enter .save { position:absolute; left:0; bottom:0; }
  #loginWrap #loginArea .enter button { position:absolute; top:0; bottom:33px; right:0; width:109px; border-radius:3px; font-weight:bold; font-size:16px; color:#fff; text-align:center; vertical-align:middle; background:#3f4e69; }
  #loginWrap #loginArea .alert { position:relative; margin:32px 0 0; padding:0 0 0 7px; color:#a8a9a9; letter-spacing:-1px; }
  #loginWrap #loginArea .alert:before { content:'';  position:absolute; top:5px; left:0; width:2px; height:2px; background:#757575; }
  #loginWrap #footer { position:static; margin:19px 0 0; background:none; }
  #loginWrap #footer p { width:208px; background:none; }

/*********************** common ***********************/
  /* Text */
  .txtSuccess, .txtSuccess a { color:#008000; }
  .txtXLarge { font-size:90px; }

  /* icon */
  .icoSFIX { display:inline-block; overflow:hidden; text-indent:150%; white-space:nowrap; background:url('../img/sfix_icon_layout.png') no-repeat; }
  .icoSFIX.icoKorea { width:18px; height:18px; background-position:0 -30px; }
  .icoSFIX.icoChina { width:18px; height:18px; background-position:-30px -30px; }
  .icoSFIX.icoEnglish { width:18px; height:18px; background-position:-60px -30px; }
  .icoSFIX.icoJapan { width:18px; height:18px; background-position:-90px -30px; }
  .icoSFIX.icoAlert { width:13px; height:14px; background-position:-60px 0; }
  .icoSFIX.icoRecent { width:15px; height:14px; background-position:-90px 0; }
  .icoSFIX.icoFavorite { width:13px; height:13px; background:url('../img/sfix_icon_layout.png') -120px 0 no-repeat; }
  .icoPay1, .icoPay2, .icoPay3 { overflow:hidden; display:inline-block; background:url("../img/sfix_ico.png") 0 0 no-repeat; font-size:0; line-height:0; vertical-align:middle; }
  .icoPay1 { width:25px; height:13px; background-position:0 0; }
  .icoPay2 { width:25px; height:13px; background-position:-35px 0; }
  .icoPay3 { width:45px; height:13px; background-position:-70px 0; }
  .icoMore { position:relative; display:inline-block; width:6px; height:2px; background:#727272; }
  .icoMore:after { content:''; position:absolute; top:-2px; left:2px; width:2px; height:6px; background:#727272; }
  .icoColorChip { display:inline-block; overflow:hidden; width:18px; height:18px; margin:0 0 5px 4px; border-radius:2px; vertical-align:top; text-indent:110%; }
    .icoColorChip.blue { background:#359ded; }
    .icoColorChip.pastelpurple { background:#9e69ce; }
    .icoColorChip.yelloworange { background:#ffac1e; }
    .icoColorChip.redorange { background:#f35352; }
    .icoColorChip.yellowgreen { background:#3cbc44; }
    .icoColorChip.verdigris { background:#3cbbbe; }
    .icoColorChip.pink { background:#e86395; }
  .icoDelayColor { display:inline-block; overflow:hidden; width:18px; height:18px; margin:0 0 5px 4px; border-radius:2px; vertical-align:top; text-indent:110%; }
    .icoDelayColor.blue { background:#deedff; border:1px solid #b1dae9; }
    .icoDelayColor.purple { background:#f7deff; border:1px solid #ead0f3; }
    .icoDelayColor.yellow { background:#fffade; border:1px solid #eade9e; }
    .icoDelayColor.red { background:#ffdede; border:1px solid #f7cccc; }
    .icoDelayColor.green { background:#e4ffde; border:1px solid #c3e7bb; }
  /* CS관리 */
  .bgDelayColor.blue { background:#deedff !important; }
  .bgDelayColor.purple { background:#f7deff !important; }
  .bgDelayColor.yellow { background:#fffade !important; }
  .bgDelayColor.red { background:#ffdede !important; }
  .bgDelayColor.green { background:#e4ffde !important; }

  /* button */
  .btnCover { position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; line-height:100%; line-height:15; background-color:rgba(0,0,0,0); }
  .btnView { font-size:11px; color:#727272; letter-spacing:-0.12em; }
  .btnView .icoMore { margin:0 4px 0 0; vertical-align:3px; }

  /* button > icon */
  .btnHome .icoSFIX { width:17px; height:15px; background-position:-30px 0; }
  .btnFavorite .icoSFIX { width:12px; height:11px; background-position:-180px 0; }
  .btnFavorite.selected .icoSFIX { background-position:-150px 0; }
  .icoSetLayout { display:inline-block; width:12px; height:11px; margin:4px 0 0; vertical-align:top; line-height:0; background:url('../img/sfix_icon_button.png') no-repeat -500px -250px; }

  /* btnSFIX 아이콘형 버튼 */
  .btnSFIX { display:inline-block; background-image:url('../img/sfix_button.png'); background-repeat:no-repeat; }
    .btnSFIX.btnChart { overflow:hidden; width:25px; height:25px; line-height:10; background-position:0 0; }

  /* mNavigation */
    /* typeLayer */
    .mNavigation.typeLayer {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;flex-wrap:wrap; margin:0 0 -1px -1px; }
    .mNavigation.typeLayer .category { position:relative; width:115px; margin:39px 0 34px; padding:0 23px 0 17px; border-left:1px solid #f2f2f2; }
    .mNavigation.typeLayer .category:before { content:''; position:absolute; bottom:-34px; left:0; width:100%; height:1px; background:#f2f2f2; }
    .mNavigation.typeLayer .category > .link { display:table; width:100%; height:36px; padding:0; font-size:14px; line-height:16px; }
    .mNavigation.typeLayer .category > .link strong { display:table-cell; vertical-align:top; }
    .mNavigation.typeLayer a { text-decoration:none; }
    .mNavigation.typeLayer li a.selected,
    .mNavigation.typeLayer li a.selected:hover { color:#fff; }
    .mNavigation.typeLayer .depth3 > li { width:115px; }
    .mNavigation.typeLayer .depth3 > li .menu { position:relative; }
    .mNavigation.typeLayer .depth3 > li > a,
    .mNavigation.typeLayer .depth3 > li .menu a:first-child { display:block; padding:6px 2px 5px; }
    .mNavigation.typeLayer .depth3 > li .menu .btnBlank { display:none; z-index:1; position:absolute; top:2px; right:3px; width:20px; height:20px; text-indent:150%; font-size:0; line-height:0; background:url("../img/sfix_icon_layout.png") no-repeat -235px 5px; }
    .mNavigation.typeLayer .depth3 > li .menu:hover { margin:0 -18px 0 -12px; padding:0 23px 0 12px; background:#f5f5f5; }
    .mNavigation.typeLayer .depth3 > li .menu:hover a.selected { background-color:#f5f5f5; }
    .mNavigation.typeLayer .depth3 > li .menu:hover a:first-child { color:#359ded; }
    .mNavigation.typeLayer .depth3 > li .menu:hover .btnBlank { display:block; }
    .mNavigation.typeLayer .depth4 { margin:0 0 10px; }
    .mNavigation.typeLayer .depth4 a { display:block; position:relative; padding:3px 2px 2px 12px; color:#999; }
    .mNavigation.typeLayer .depth4 a:before { content:''; position:absolute; top:8px; left:4px; width:2px; height:2px; background:#464342; }
    .mNavigation.typeLayer .depth4 li a.selected:hover,
    .mNavigation.typeLayer .depth4 li a.selected { color:#fff; }
    .mNavigation.typeLayer .depth4 li a.selected:before { background:#fff; }
    /* typeSnb */
    .mNavigation.typeSnb { overflow:hidden; width:0; letter-spacing:-0.06em; }
    .mNavigation.typeSnb .category > .link { display:block; position:relative; padding:15px 40px 16px 14px; color:#fff; }
    .mNavigation.typeSnb .category > .link strong { font-weight:normal; }
    .mNavigation.typeSnb .category > .link:before { content:''; position:absolute; top:50%; right:16px; width:6px; height:10px; margin:-5px 0 0; background:url('../img/sfix_icon_layout.png') no-repeat -120px -30px; }
    .mNavigation.typeSnb .category > .link.selected { background:#000; }
    .mNavigation.typeSnb .category > .link.selected:before { background-position:-150px -30px; }
    .mNavigation.typeSnb .category > .link.selected + .depth3 { display:block; }
    .mNavigation.typeSnb .category > .link.collapsible:before { width:10px; height:6px; right:14px; margin-top:-3px; background-position:-180px -30px; }
    .mNavigation.typeSnb .category > .link.collapsible.selected { background:#1e2533; }
    .mNavigation.typeSnb .category > .link.collapsible.selected:before { background-position:-210px -30px; }
    .mNavigation.typeSnb a.selected { background:#0c1119; }
    .mNavigation.typeSnb a.selected:after { content:''; position:absolute; top:0; left:0; width:3px; height:100%; }
    .mNavigation.typeSnb a.collapsible.selected { background:#1e2533; }
    .mNavigation.typeSnb a.collapsible.selected,
    .mNavigation.typeSnb a.collapsible.selected strong { font-weight:bold; color:#fff; }
    .mNavigation.typeSnb a.collapsible.selected:after { display:none; }
    .mNavigation.typeSnb a:hover { text-decoration:none; }
    .mNavigation.typeSnb .depth3,
    .mNavigation.typeSnb .depth4 { display:none; background:#1e2533; }
    .mNavigation.typeSnb .depth3 { padding:0 0 11px; }
    .mNavigation.typeSnb .depth3 .link { display:block; position:relative; padding:7px 10px 6px 29px; color:#cadcf3; }
    .mNavigation.typeSnb .depth4 .link { display:block; position:relative; padding:7px 10px 6px 49px; color:#aabbd2; }
    .mNavigation.typeSnb .depth3 > li > .link:before { content:''; position:absolute; top:11px; left:18px; width:4px; height:4px; border-radius:5px; background:#60728b; }
    .mNavigation.typeSnb .depth3 > li .link.selected + .depth4 { display:block; }
    .mNavigation.typeSnb .depth4 .link { padding-left:49px; }
    .mNavigation.typeSnb .depth4 .link:before { content:'└'; position:absolute; top:8px; left:30px; width:10px; height:14px; color:#6684ae; }

  /* mSelect */
    .mDropdown { position:relative; }
    .mDropdown .btnCover:after { content:''; position:absolute; top:50%; right:10px; width:0; height:0; margin:-2px 0 0; border-style:solid; border-width:4px 4px 0 4px; border-color:#3b3b3b transparent transparent transparent; }
    .mDropdown.selected .btnCover:after { border-width:0 4px 4px 4px; border-color:transparent transparent #3b3b3b transparent; }
    .mDropdown.selected + .mDropLayer { display:block; }

  /* headingArea */
    .titleArea { margin:-22px -12px 13px; padding:12px; border-bottom:1px solid #e2e2e2; background:#f8f8f8; }
    .titleArea:after { content:''; display:block; clear:both; }
    .titleArea .title { float:left; height:21px; line-height:21px; }
    .titleArea .title h2 { display:inline-block; margin:1px 0 0; font-size:14px; color:#464342; letter-spacing:-0.04em; }
    .titleArea .title .mTooltip { margin:4px 0 0; vertical-align:top; }
    .titleArea .btnFavorite { display:inline-block; width:24px; height:21px; margin:0 0 0 9px; border:1px solid #cdcdcd; border-radius:3px; vertical-align:top; background:#fff; }
    .titleArea + .mState { margin-top:0; }
    .titleArea + .gridTableArea > .mState:first-child { margin-top:0; }
    .titleArea + .gridTableArea > .mTitle { margin:0; }
    .mPath { float:right; height:19px; padding:2px 0 0; line-height:19px; }
    .mPath:after { content:''; display:block; clear:both; }
    .mPath ol { float:left; letter-spacing:-1px; }
    .mPath ol:after { content:''; display:block; clear:both; }
    .mPath li { float:left; position:relative; padding:0 10px; font-size:12px; color:#898989; }
    .mPath li:before { content:''; position:absolute; top:7px; left:0; width:0; height:0; border-style:solid; border-width:3px 0 3px 3px; border-color:transparent transparent transparent #565656; }
    .mPath li:first-child:before { display:none; }
    .mPath li a { color:#898989; }
    .mPath li.now { font-weight:bold; }
    .mPath .help { display:inline-block; height:17px; padding:0 6px 0 5px; border:1px solid #475670; border-radius:3px; color:#fff; letter-spacing:-0.06em; background:#616f87; }

  /* layer */
    .mDropLayer { display:none; position:absolute; top:38px; right:0; width:100%; min-width:95px; border:1px solid rgba(0,0,0,.1); background:#fff; }
    .mDropLayer ul { position:relative; max-height:500px; overflow-y:auto; }
    .mDropLayer ul::-webkit-scrollbar { width:8px; height:8px; }
    .mDropLayer ul::-webkit-scrollbar-track { background:#eaeaea; }
    .mDropLayer ul::-webkit-scrollbar-thumb { border-radius:0; background:#c6c6c6; }
    .mDropLayer li a,
    .mDropLayer li button { display:block; width:100%; padding:8px 10px 7px; border-top:1px solid rgba(0,0,0,.1); box-sizing:border-box; line-height:16px; text-align:left; }
    .mDropLayer li:first-child a,
    .mDropLayer li:first-child button { border-top:0; }
    .mDropLayer li a:hover,
    .mDropLayer li button:hover { background-color:#f4f4f4; }
    .mDropLayer:before { content:''; position:absolute; top:-9px; right:50%; width:0; height:0; margin:0 -10px 0 0; border-style:solid; border-width:0 10px 9px 10px; border-color:transparent transparent rgba(0,0,0,.1) transparent; }
    .mDropLayer:after { content:''; position:absolute; top:-8px; right:50%; width:0; height:0; margin:0 -9px 0 0; border-style:solid; border-width:0 9px 8px 9px; border-color:transparent transparent #fff transparent; }
    /* gFix */
      .mDropLayer.gFix { width:200px; }
      .mDropLayer.gFix:before { right:3px; margin-right:0; }
      .mDropLayer.gFix:after { right:4px; margin-right:0; }

  /* WMS.mSelectForm */
    .WMS.mSelectForm .chosen-select { width:80%; }
    .WMS.mSelectForm .chosen-container { display:inline; display:inline-block; font-family:Gulim, sans-selif; font-size:11px; min-height:33px; moz-user-select:none; position:relative; user-select:none; vertical-align:middle; webkit-user-select:none; zoom:1; }
    .WMS.mSelectForm .chosen-container * { box-sizing:border-box; moz-box-sizing:border-box; webkit-box-sizing:border-box; }
    .WMS.mSelectForm .chosen-container .chosen-drop { background:#fff; border:1px solid #60a8f0; left:-9999px; position:absolute; top:100%; width:100%; z-index:99; }
    .WMS.mSelectForm .chosen-container.chosen-with-drop .chosen-drop { left:0; }
    .WMS.mSelectForm .chosen-container a { cursor:pointer; }
    .WMS.mSelectForm .chosen-container .search-choice .group-name, .WMS.mSelectForm .chosen-container .chosen-single .group-name { color:#999; font-weight:normal; margin-right:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .WMS.mSelectForm .chosen-container .search-choice .group-name:after, .WMS.mSelectForm .chosen-container .chosen-single .group-name:after { content:":"; padding-left:2px; vertical-align:top; }
    .WMS.mSelectForm .chosen-container .chosen-results { color:#000; margin:0 4px 4px 0; max-height:126px; overflow-x:hidden; overflow-y:auto; padding:0 0 0 4px; position:relative; webkit-overflow-scrolling:touch; }
    .WMS.mSelectForm .chosen-container .chosen-results li { display:none; line-height:15px; list-style:none; margin:0; padding:2px 6px 1px; webkit-touch-callout:none; word-wrap:break-word; }
    .WMS.mSelectForm .chosen-container .chosen-results li.active-result { cursor:pointer; display:list-item; }
    .WMS.mSelectForm .chosen-container .chosen-results li.disabled-result { color:#ccc; cursor:default; display:list-item; }
    .WMS.mSelectForm .chosen-container .chosen-results li.highlighted { background-color:#1e90ff; color:#fff; }
    .WMS.mSelectForm .chosen-container .chosen-results li.no-results { background:#f4f4f4; color:#777; display:list-item; }
    .WMS.mSelectForm .chosen-container .chosen-results li.group-result { cursor:default; display:list-item; font-weight:bold; }
    .WMS.mSelectForm .chosen-container .chosen-results li.group-option { padding-left:15px; }
    .WMS.mSelectForm .chosen-container .chosen-results li em { font-style:normal; text-decoration:underline; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices { background-color:#fff; border-color:#a7a7a7 #cfcfcf #cfcfcf #a7a7a7; border-style:solid; border-width:1px; cursor:text; height:auto !important; margin:0; min-height:33px; overflow:hidden; padding:2px 5px; position:relative; width:100%; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li { float:left; list-style:none; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-field { margin:0; padding:0; white-space:nowrap; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-field input[type="text"] { min-width:50px; padding:3px 4px 2px 0; margin:2px 0 0; color:#999; font-family:sans-serif; font-size:100%; line-height:12px; outline:0; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-choice { background:#e5f3ff; border:1px solid #b6dcff; border-radius:2px; color:#000; cursor:default; line-height:13px; margin:3px 4px 2px 0; max-width:100%; padding:3px 20px 2px 5px; position:relative; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-choice:hover { background:#b7d7f5; border-color:#4395de; color:#333; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-choice span { word-wrap:break-word; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background:url('../img/btn_delete.png') 50% 50% no-repeat; display:block; font-size:1px; height:12px; position:absolute; right:3px; top:3px; width:12px; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-choice-disabled { background-color:#e4e4e4; border:1px solid #ccc; color:#666; padding-right:5px; }
    .WMS.mSelectForm .chosen-container-multi .chosen-choices li.search-choice-focus { background:#d4d4d4; }
    .WMS.mSelectForm .chosen-container-multi .chosen-results { margin:0; padding:0; }
    .WMS.mSelectForm .chosen-container-multi .chosen-drop .result-selected { color:#ccc; cursor:default; display:list-item; }
    .WMS.mSelectForm .chosen-container-active .chosen-single { border:1px solid #5897fb; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }
    .WMS.mSelectForm .chosen-container-active .chosen-choices { background:#f7f7f7; border:1px solid #60a8f0; }
    .WMS.mSelectForm .chosen-container-active .chosen-choices li.search-field input[type="text"] { color:#000 !important; }
    .WMS.mSelectForm .chosen-disabled { cursor:default; opacity:0.5 !important; }
    .WMS.mSelectForm .chosen-disabled .chosen-single { cursor:default; }
    .WMS.mSelectForm .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor:default; }

  /* mSelect */
    .mSelect .gIndent { margin-left:20px; }

  /* mGridTable */
    .mGridTable .imgResize { max-width:100%; }

  /* mBoard */
    .mBoard thead th { font-weight:bold; color:#1d1d1d; letter-spacing:-1px; background-color:#f0f0f0; }
    .mBoard thead th .mTooltip { margin:0 0 0 4px; }
      .mLayer .mBoard thead th,
      .mLayer .mBoard.typeHead th,
      #popup .mBoard thead th { font-weight:normal; color:#1d1d1d; letter-spacing:0; background:#f5f4f4; }

  /* color theme */
    /* blue */
      .blue .logo a { background:#359ded; }
      .blue .globalNav { background:#359ded; }
      .blue .gnb .title:hover,
      .blue .gnb .title.selected { background:#5db1f1; }
      .blue .mNavigation.typeLayer a:hover { color:#359ded; }
      .blue .mNavigation.typeLayer a:hover:before { background:#359ded; }
      .blue .mNavigation.typeLayer li a.selected { background:#359ded; }
      .blue .mNavigation.typeSnb .link.selected { color:#359ded; }
      .blue .mNavigation.typeSnb .link.selected:after { background:#359ded; }
      .blue .mDropLayer li .icoSFIX { margin:-2px 0; }
      .blue .mDropLayer li a:hover,
      .blue .mDropLayer li button:hover { color:#109fff; }
      .blue #loginWrap #header { background:#359ded; }
    /* pastelpurple */
      .pastelpurple .logo a { background:#9e69ce; }
      .pastelpurple .globalNav { background:#9e69ce; }
      .pastelpurple .gnb .title:hover,
      .pastelpurple .gnb .title.selected { background:#b187d8; }
      .pastelpurple .mNavigation.typeLayer a:hover { color:#9e69ce; }
      .pastelpurple .mNavigation.typeLayer a:hover:before { background:#9e69ce; }
      .pastelpurple .mNavigation.typeLayer li a.selected { background:#9e69ce; }
      .pastelpurple .mNavigation.typeSnb .link.selected { color:#9e69ce; }
      .pastelpurple .mNavigation.typeSnb .link.selected:after { background:#9e69ce; }
      .pastelpurple .mDropLayer li .icoSFIX { margin:-2px 0; }
      .pastelpurple .mDropLayer li a:hover,
      .pastelpurple .mDropLayer li button:hover { color:#109fff; }
      .pastelpurple #loginWrap #header { background:#9e69ce; }
    /* yelloworange */
      .yelloworange .logo a { background:#ffac1e; }
      .yelloworange .globalNav { background:#ffac1e; }
      .yelloworange .gnb .title:hover,
      .yelloworange .gnb .title.selected { background:#ffbd4b; }
      .yelloworange .mNavigation.typeLayer a:hover { color:#ffac1e; }
      .yelloworange .mNavigation.typeLayer a:hover:before { background:#ffac1e; }
      .yelloworange .mNavigation.typeLayer li a.selected { background:#ffac1e; }
      .yelloworange .mNavigation.typeSnb .link.selected { color:#ffac1e; }
      .yelloworange .mNavigation.typeSnb .link.selected:after { background:#ffac1e; }
      .yelloworange .mDropLayer li .icoSFIX { margin:-2px 0; }
      .yelloworange .mDropLayer li a:hover,
      .yelloworange .mDropLayer li button:hover { color:#109fff; }
      .yelloworange #loginWrap #header { background:#ffac1e; }
    /* redorange */
      .redorange .logo a { background:#f35352; }
      .redorange .globalNav { background:#f35352; }
      .redorange .gnb .title:hover,
      .redorange .gnb .title.selected { background:#f57575; }
      .redorange .mNavigation.typeLayer a:hover { color:#f35352; }
      .redorange .mNavigation.typeLayer a:hover:before { background:#f35352; }
      .redorange .mNavigation.typeLayer li a.selected { background:#f35352; }
      .redorange .mNavigation.typeSnb .link.selected { color:#f35352; }
      .redorange .mNavigation.typeSnb .link.selected:after { background:#f35352; }
      .redorange .mDropLayer li .icoSFIX { margin:-2px 0; }
      .redorange .mDropLayer li a:hover,
      .redorange .mDropLayer li button:hover { color:#109fff; }
      .redorange #loginWrap #header { background:#f35352; }
    /* yellowgreen */
      .yellowgreen .logo a { background:#3cbc44; }
      .yellowgreen .globalNav { background:#3cbc44; }
      .yellowgreen .gnb .title:hover,
      .yellowgreen .gnb .title.selected { background:#63c969; }
      .yellowgreen .mNavigation.typeLayer a:hover { color:#3cbc44; }
      .yellowgreen .mNavigation.typeLayer a:hover:before { background:#3cbc44; }
      .yellowgreen .mNavigation.typeLayer li a.selected { background:#3cbc44; }
      .yellowgreen .mNavigation.typeSnb .link.selected { color:#3cbc44; }
      .yellowgreen .mNavigation.typeSnb .link.selected:after { background:#3cbc44; }
      .yellowgreen .mDropLayer li .icoSFIX { margin:-2px 0; }
      .yellowgreen .mDropLayer li a:hover,
      .yellowgreen .mDropLayer li button:hover { color:#109fff; }
      .yellowgreen #loginWrap #header { background:#3cbc44; }
    /* verdigris */
      .verdigris .logo a { background:#3cbbbe; }
      .verdigris .globalNav { background:#3cbbbe; }
      .verdigris .gnb .title:hover,
      .verdigris .gnb .title.selected { background:#63c9cb; }
      .verdigris .mNavigation.typeLayer a:hover { color:#3cbbbe; }
      .verdigris .mNavigation.typeLayer a:hover:before { background:#3cbbbe; }
      .verdigris .mNavigation.typeLayer li a.selected { background:#3cbbbe; }
      .verdigris .mNavigation.typeSnb .link.selected { color:#3cbbbe; }
      .verdigris .mNavigation.typeSnb .link.selected:after { background:#3cbbbe; }
      .verdigris .mDropLayer li .icoSFIX { margin:-2px 0; }
      .verdigris .mDropLayer li a:hover,
      .verdigris .mDropLayer li button:hover { color:#109fff; }
      .verdigris #loginWrap #header { background:#3cbbbe; }
    /* pink */
      .pink .logo a { background:#e86395; }
      .pink .globalNav { background:#e86395; }
      .pink .gnb .title:hover,
      .pink .gnb .title.selected { background:#ed82aa; }
      .pink .mNavigation.typeLayer a:hover { color:#e86395; }
      .pink .mNavigation.typeLayer a:hover:before { background:#e86395; }
      .pink .mNavigation.typeLayer li a.selected { background:#e86395; }
      .pink .mNavigation.typeSnb .link.selected { color:#e86395; }
      .pink .mNavigation.typeSnb .link.selected:after { background:#e86395; }
      .pink .mDropLayer li .icoSFIX { margin:-2px 0; }
      .pink .mDropLayer li a:hover,
      .pink .mDropLayer li button:hover { color:#109fff; }
      .pink #loginWrap #header { background:#e86395; }

/*********************** 기본정보 관리 ***********************/
  /* 환경설정 */
    .barcodeSelect { overflow:hidden; margin:-20px 0 0; }
    .barcodeSelect li { float:left; width:230px; margin:20px 30px 0 0; }
    .barcodeSelect p { margin:0 0 7px; }
  /* 바코드 인쇄설정 > 라벨 전용지 */
    .barcodePreview .btnNormal { margin: 0 0 15px; }
    .barcodePreview .mBarcode { display:inline-block; padding:15px; outline:1px solid #d9d9d9; }
    .barcodePreview .mBarcode .txt { outline:1px dotted #9f9f9f; border-radius:3px; color:#838383; background:#f5f3f4; }
    .mBarcode { overflow:hidden; }
    .mBarcode .label { box-sizing:border-box; }
    .mBarcode .txt { display:block; overflow:hidden; font-size:11px; line-height:normal; text-align:left; font-family:'굴림',gulim,verdana,sans-serif; word-break:break-all; word-wrap:break-word; }
    .mBarcode .barcode img { display:block; width:100%; height:100%; }
    .mBarcode .gCenter { text-align:center; }
    .mBarcode .gLeft { text-align:left; }
    .mBarcode .gRight { text-align:right; }
    .mBarcode .bold { font-weight:bold; }
    .mBarcode .pt7 { font-size:7pt; }
    .mBarcode .pt7 { font-size:7pt; }
    .mBarcode .pt8 { font-size:8pt; }
    .mBarcode .pt9 { font-size:9pt; }
    .mBarcode .pt10 { font-size:10pt; }
    .mBarcode .pt11 { font-size:11pt; }
    .mBarcode .pt12 { font-size:12pt; }
    .mBarcode .pt13 { font-size:13pt; }
    .mBarcode .pt14 { font-size:14pt; }
    .mBarcode .pt16 { font-size:16pt; }
    .mBarcode .pt18 { font-size:18pt; }
    .mBarcode .pt20 { font-size:20pt; }
    .mBarcode .column2:after { content:''; display:block; clear:both; }
    .mBarcode .column2 .label { float:left; width:50%; }
  /* 메시지 관리 > 자동 발송 메시지 설정 */
    .smsSendBox .box { padding:10px; border:1px solid #c7e5ff; background-color:#dff0ff; }
    .smsSendBox .box textarea { max-width:100%; width:100%; height:115px; border:0; background:none; resize:none; }
    .smsSendBox.modify .box { border-color:#f3e2a5; background-color:#fff4cf; }
    .icoNum { display:inline-block; height:20px; padding:0 6px 0 5px; box-sizing:border-box; font-size:11px; line-height:20px; font-weight:bold; color:#626262; text-align:center; border:1px solid #b7b7b7; border-radius:10px; background-color:#fff; }
    .mInspection .step .selected .icoNum,
    .mStepHelp .heading .icoNum { color:#228add; border-color:#106ecd; }
    .mInspection { padding:40px 15px 20px; margin:10px 0 0; border:1px solid #cdcdcd; background-color:#fff; }
    .mInspection .step ol:after { display:block; content:""; clear:both; }
    .mInspection .step li { position:relative; display:table; float:left; }
    .mInspection .step li:after { display:inline-block; content:""; width:13px; height:22px; margin:10px 11px 0; background:url("../img/sfix_kakao_step.png") no-repeat -100px 0; }
    .mInspection .step li.complete:after { display:none; }
    .mInspection .step li.selected:after { background-position:-150px 0; }
    .mInspection .step .icoNum { position:absolute; top:-9px; left:-6px; }
    .mInspection .step .button { display:table-cell; width:97px; height:41px; padding:6px 3px 5px; box-sizing:border-box; text-decoration:none; color:#484848; vertical-align:middle; font-size:11px; line-height:15px; text-align:center; background:url("../img/sfix_kakao_step.png") no-repeat 0 0; }
    .mInspection .step .button:hover { text-decoration:underline; }
    .mInspection .step .return .button { color:#737373; background-position:0 -100px; }
    .mInspection .step .selected .button { text-decoration:underline; color:#fff; background-position:0 -50px; }
    .mInspection .step .button .state { font-size:13px; }
    .mInspection .refer { margin:18px 0 0 4px; font-size:12px; color:#6f6f6f; }
    .mInspection .list li { position:relative; padding:0 0 0 11px; line-height:18px; letter-spacing:-0.2px; }
    .mStepHelp { height:220px; padding:15px; margin:10px 0 0; font-size:12px; border:1px solid #94c3ef; background-color:#fff; }
    .mStepHelp .heading { display:block; margin:0 0 7px; line-height:20px; color:#2385e8; }
    .mStepHelp ul.list { margin:0 0 0 3px; color:#333; }
    .mStepHelp .list li { position:relative; margin:8px 0 0; padding:0 0 0 9px; line-height:16px; }
    .mStepHelp .list li:before { display:block; content:""; position:absolute; top:7px; left:0; width:5px; height:1px; background-color:#333; }


/*********************** 거래처관리 ***********************/
/*  */

/*********************** 상품관리 ***********************/
/*  */

/*********************** 주문관리 ***********************/
/* 주문묶음취소내역 확인 */
.mBoard .orderInfo { font-size:11px; }
/* 바코드 주문 출고 */
  #popup.barcodeOrder { min-width:1000px; height:100%; }
  .barcodeOrder .section.autoHeight { min-height:0; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; -webkit-flex:1; margin-bottom:0; }
  .barcodeOrder .section .mTitle { margin-top:0; }
  .bgStatus { color:#fff; }
  .bgStatus.blue { background:#3b73af; }
  .bgStatus.red { background:#d04437; }
  .bgStatus.green { background:#25903b; }
  .bgStatus.orange { background:#dc8a15; }
  .bgGoods { height:21px; }
  .bgGoods.grey { background-color:#e4e4e4 !important; }
  .bgGoods.blue { background-color:#dbecff !important; }
  .bgGoods.red { background-color:#ffdbdb !important; }
  .bgGoods.yellow { background-color:#fffadb !important; }
  .barcodeArea { margin:22px 0 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; -webkit-flex:1; }
  .barcodeArea .mBoardArea { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-direction:column; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; -webkit-flex:1; }
  .barcodeArea .mBoardArea .mBoard.typeBody { max-height:none; min-height:0; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; -webkit-flex:1; }
  .barcodeArea .mBarcodeList { flex:3; -webkit-flex:3; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flexbox; display:flex; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-direction:column; }
  .barcodeArea .mBarcodeHistory { -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; -webkit-flex:1;-webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-direction:column; display:flex; display:-webkit-flex; padding:0 0 0 16px; }
  .barcodeArea .mBarcodeHistory .mBoardArea:first-child { flex:2; -webkit-flex:2; margin:0 0 10px; }
  .barcodeOrder .mDeliveryCase { position:absolute; right:15px; top:4px; width:270px; }

/*********************** CS관리 ***********************/
  /* mMyFavorite */
    .mMyFavorite { display:inline-block; position:relative; vertical-align:top; line-height:1; text-align:left; background:#fff; }
    .mMyFavorite .value { position:relative; padding:4px 4px 3px; border:1px solid #a9a9a9; box-sizing:border-box; cursor:pointer; }
    .mMyFavorite .value img { vertical-align:top; }
    .mMyFavorite .value:after { content:''; position:absolute; right:7px; top:7px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:6px solid #000; }
    .mMyFavorite .list { display:none; position:absolute; top:20px; z-index:2; width:100%; box-sizing:border-box; border:1px solid #799bd2; background:#fff; }
    .mMyFavorite .list li { margin:3px 0; }
    .mMyFavorite .list li a { display: block; padding: 1px 4px; }
    .mMyFavorite .list li a:hover { color:#fff; text-decoration:none; background:#1e90ff; }
    .mMyFavorite .value:before, .mMyFavorite .list a:before { display:none; }
    .mMyFavorite.show .value { border:1px solid #799bd2; }
    .mMyFavorite.show .list { display:block; }

/*********************** 재고관리 ***********************/

/*********************** 정산/통계관리 ***********************/

/************************* 마이크로 팝업 ********************************/

/*********************** 포스관리 ***********************/
/* 공통팝업 */
  /* mBoard typeBill */
  .mBoard.typeBill table { border:0; }
  .mBoard.typeBill table th,
  .mBoard.typeBill table td { padding:0 3px 4px; border:0; color:#1b1b1b; background:none; }
  .mBoard.typeBill table tbody tr:last-child th,
  .mBoard.typeBill table tbody tr:last-child td { padding-bottom:7px; }
  .mBoard.typeBill tfoot th,
  .mBoard.typeBill tfoot td { border-top:1px solid #999; padding:7px 3px 0; }

/*********************** 스마트재고 대시보드 ***********************/
/* dashboard Object&Module */
  /* Icon */
    .mToday li:after,
    .WMS.typeNotice .mQuick li a:before,
    .WMS.typeNotice .mTab li .btnMore span,
    .WMS.mDashboard .mProcess li:before,
    .WMS.mDashboard .mProcess li:after { background:url('../img/sfix_icon_dashboard.png') no-repeat;}

  /* btnDashboard */
    .btnDashboard, .btnDashboard span { display:inline-block; position:relative; height:20px; line-height:21px; text-align:center; text-decoration:none; white-space:nowrap; cursor:pointer; background-image:url("../img/sflex_btn_dashboard.png"); background-repeat:no-repeat; }
    :root .btnDashboard, :root .btnDashboard span { line-height:23px \0/; }
    .btnDashboard { margin-right:4px; padding:0 0 0 3px; vertical-align:middle; font-size:11px; color:#525252; zoom:1; background-position:0 0; }
    .btnDashboard:hover { text-decoration:none; }
    .btnDashboard span { left:4px; padding:0 7px 0 0; vertical-align:top; background-position:100% 0; }
    .btnDashboard em { vertical-align:middle; }
    .btnDashboard em.icoUpdate { display:inline-block; overflow:hidden; width:12px; height:12px; margin-right:5px; white-space:nowrap; text-indent:150%; background:url('../img/sfix_icon_dashboard.png') no-repeat -250px 0; }

  /* color theme */
    /* blue */
      .blue .mToday li:before { background:#359ded; }
      .blue .mToday .title,
      .blue .dashboardArea .myMenu li .number a:hover,
      .blue .WMS.mDashboard .mProcess li .link { color:#359ded; }
    /* pastelpurple */
      .pastelpurple .mToday li:before { background:#9e69ce; }
      .pastelpurple .mToday .title,
      .pastelpurple .dashboardArea .myMenu li .number a:hover,
      .pastelpurple .WMS.mDashboard .mProcess li .link { color:#9e69ce; }
    /* yelloworange */
      .yelloworange .mToday li:before { background:#ffac1e; }
      .yelloworange .mToday .title,
      .yelloworange .dashboardArea .myMenu li .number a:hover,
      .yelloworange .WMS.mDashboard .mProcess li .link { color:#ffac1e; }
    /* redorange */
      .redorange .mToday li:before { background:#f35352; }
      .redorange .mToday .title,
      .redorange .dashboardArea .myMenu li .number a:hover,
      .redorange .WMS.mDashboard .mProcess li .link { color:#f35352; }
    /* yellowgreen */
      .yellowgreen .mToday li:before { background:#3cbc44; }
      .yellowgreen .mToday .title,
      .yellowgreen .dashboardArea .myMenu li .number a:hover,
      .yellowgreen .WMS.mDashboard .mProcess li .link { color:#3cbc44; }
    /* verdigris */
      .verdigris .mToday li:before { background:#3cbbbe; }
      .verdigris .mToday .title,
      .verdigris .dashboardArea .myMenu li .number a:hover,
      .verdigris .WMS.mDashboard .mProcess li .link { color:#3cbbbe; }
    /* pink */
      .pink .mToday li:before { background:#e86395; }
      .pink .mToday .title,
      .dashboardArea .myMenu li .number a:hover,
      .pink .WMS.mDashboard .mProcess li .link { color:#e86395; }

  /* dashboard Sidebar */
    .dashboardArea .myInfo { margin:15px 15px 0 15px; }
    .dashboardArea .myInfo:after { content:""; display:block; clear:both; }
    .dashboardArea .myInfo .thumb { float:left; width:64px; height:64px; margin-right:10px; padding:2px; border:1px solid #e9ebf0; text-align:center; background:#fff; }
    .dashboardArea .myInfo .thumb img { width:64px; height:64px; }
    .dashboardArea .myInfo .info { overflow: hidden; }
    .dashboardArea .myInfo .info .name { display:block; margin:6px 0 8px 0; font-weight:normal; color:#fff; }
    .dashboardArea .myInfo .info .btnDashboard,
    .dashboardArea .myInfo .info .btnDashboard span { display:block; }
    .dashboardArea .myInfo .info .btnDashboard { margin-top:3px; }
    .dashboardArea .myMenu { margin:0 15px 28px 15px; }
    .dashboardArea .myMenu > li { margin:13px 0 0 0; }
    .dashboardArea .myMenu > li:after { content:""; display:block; clear:both; }
    .dashboardArea .myMenu > li .title { float:left; font-weight:normal; color:#cadcf3; }
    .dashboardArea .myMenu > li .number { float:right; color:#fff; }
    .dashboardArea .myMenu > li .number a {font-weight:bold; color:#fff; margin-right:2px; }
    .dashboardArea .customer{ margin:10px; padding:13px 18px; border:2px solid #3d4d70; line-height:18px; }
    .dashboardArea .customer .title { display:block; font-size:12px; color:#cadcf3; }
    .dashboardArea .customer .tel { display:block; margin:3px 0 3px 0; font:bold 22px/1.2em verdana; color:#fff; letter-spacing:-0.06em; }
    /* dashboard mNavigation */
    .mNavigation.typeSnb .category.favorite > .link { padding:15px 40px 16px 40px; }
    .mNavigation.typeSnb .category.favorite > .link:after { display:block; content:''; position:absolute; top:50%; left:16px; width:14px; height:12px; margin:-6px 0 0; background:url('../img/sfix_icon_layout.png') no-repeat -149px 0; }

  /* dashboard Content */
    .dashboardArea #content { padding:17px 12px 20px 27px; background:#e9e9e9; }
    .dashboardArea .update { position:relative; width:952px; margin:0 0 12px 0; color:#727272; }
    .dashboardArea .update .btnDashboard { margin:-5px 5px 0; }
    .dashboardArea .income { position:absolute; top:0; right:0; color:#1c1c1c; }
    .dashboardArea .income .money { margin:0 0 0 18px; }
    .dashboardArea .mDashboard { position:relative; width:892px; margin:0 0 10px 0; padding:24px 29px; border:1px solid #ccc; background:#fff; }
    .WMS.mDashboard { width:892px; margin:0 0 10px 0; padding:29px; border:1px solid #ccc; background:#fff; }
    .WMS.mDashboard h2 { height:17px; text-indent:150%; font-size:0; line-height:0; background:url('../img/sfix_txt_dashboard.png') no-repeat; }
    .WMS.mDashboard.gHalf { display:table; }
    .WMS.mDashboard.gHalf > div { display:table-cell; position:relative; width:50%; padding-left:31px; border-left:1px solid #ebebeb; }
    .WMS.mDashboard.gHalf > div:first-child { padding:0 30px 0 0; border-left:0; }
    .WMS.mDashboard.gHalf > div:first-child .btnView { right:30px; }
    .WMS.mDashboard.gHalf h2 { margin-bottom:14px; }
    .WMS.mDashboard.gHalf .btnView { position:absolute; top:5px; right:0; }
    .WMS.mDashboard.gHalf .parcel { width:89px; margin-bottom:45px; background-position:0 -200px; }
    .WMS.mDashboard .chart { width:415px; height:220px; }
    .WMS.mDashboard .change { width:176px; background-position:0 -125px; }
    .WMS.mDashboard .rank { width:206px; background-position:0 -150px; }
    .WMS.mDashboard .means { width:159px; background-position:0 -175px; }
    .WMS.mDashboard .receive { width:223px; background-position:0 -500px; }
    .WMS.mDashboard .orders { width:223px; background-position:0 -525px; }

    .WMS.mDashboard .mTable th { position:relative; padding:9px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; color:#636363; text-align:center; background:#f5f4f4; }
    .WMS.mDashboard .mTable th:after { content:''; position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-6px; background:#d9dadc; }
    .WMS.mDashboard .mTable th:first-child:after { display:none; }
    .WMS.mDashboard .mTable tr:first-child td { border-top:0; }
    .WMS.mDashboard .mTable td { padding:11px 10px 10px; border-top:1px solid #eaeaeb; color:#636363; }
    .WMS.mDashboard .mTable td .txtEllipsis { vertical-align:top; }
    .WMS.mDashboard .mTable .left { text-align:left; }
    .WMS.mDashboard .mTable .center { text-align:center; }
    .WMS.mDashboard .mTable .right { text-align:right; }
    .WMS.mDashboard .mTable .rate { position:relative; display:inline-block; width:80px; height:7px; box-sizing:border-box; border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; border-right:1px solid #ccc; border-bottom:1px solid #b4b4b4; box-shadow:inset 0 1px 0 #eee; background:#e4e4e5; }
    .WMS.mDashboard .mTable .rate span { position:absolute; top:0; left:0; height:5px; margin:-1px; padding:0 1px; border-top:1px solid #2f8ad0; border-left:1px solid #2f8ad0; border-bottom:1px solid #256da4; box-shadow:inset 0 1px 0 #72bbf2; background:#359ded; }

  /* typeToday */
    .mToday { display:table; width:100%; }
    .mToday .title { font-size:14px; margin:0 34px 0 14px; letter-spacing:-0.06em; vertical-align:-3px; }
    .mToday .currency { display:inline-block; margin:0 4px 0 3px; font-size:18px; vertical-align:-6px; }
    .mToday .number { font:bold 24px/1.2em verdana; color:#1b1a1a; letter-spacing:-0.06em; vertical-align:-5px; }
    .mToday li { display:table-cell; position:relative; width:50%; box-sizing:border-box; border-left:1px solid #e3e3e3; }
    .mToday li:first-child { border-left:0; }
    .mToday li:before { content:''; display:inline-block; width:56px; height:56px; border-radius:56px; vertical-align:middle; }
    .mToday li:after { content:''; position:absolute; width:24px; }
    .mToday .order { padding:0 0 0 38px; }
    .mToday .order:after { height:19px; top:18px; left:55px; background-position:-300px 0; }
    .mToday .sales { padding:0 0 0 50px; }
    .mToday .sales:after { height:24px; top:16px; left:65px; background-position:-50px 0; }
    .mToday + .txt { position:absolute; right:9px; bottom:8px; font-size:11px; color:#727272; }

  /* typeProcess */
    .WMS.mDashboard .mProcess { margin:25px 0 0; display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; }
    .WMS.mDashboard .mProcess:after { content:""; display:block; clear:both; }
    .WMS.mDashboard .mProcess li { position:relative; flex:1; text-align:center; }
    .WMS.mDashboard .mProcess li:after { position:absolute; right:-9px; top:50%; content:''; width:18px; height:30px; background-position:-100px 0; }
    .WMS.mDashboard .mProcess li:first-child { padding-left:0; }
    .WMS.mDashboard .mProcess li:last-child:after { display:none; }
    .WMS.mDashboard .mProcess .title { display:block; font-size:14px; color:#636363; letter-spacing:-0.06em; }
    .WMS.mDashboard .mProcess .link { display:inline-block; margin:8px 0 4px 0; font-weight:bold; font-size:14px; letter-spacing:-0.06em; }
    .WMS.mDashboard .mProcess .date { display:block; color:#727272; }
    .WMS.mDashboard .mProcess.typeIcon li:before { display:block; content:''; width:74px; height:68px; margin:0 auto 17px; }
    .WMS.mDashboard .mProcess.typeIcon .unmatch:before { background-position:0 -50px; }
    .WMS.mDashboard .mProcess.typeIcon .invoice:before { background-position:-100px -50px; }
    .WMS.mDashboard .mProcess.typeIcon .ready:before { background-position:-200px -50px; }
    .WMS.mDashboard .mProcess.typeIcon .delivery:before { background-position:-300px -50px; }
    .WMS.mDashboard .mProcess.typeIcon li:after { margin-top:-34px; }
    .WMS.mDashboard .mProcess.typeText .title { margin-top:8px; }
    .WMS.mDashboard .mProcess.typeText .link { margin:8px 0; }
    .WMS.mDashboard .mProcess.typeText li:before { display:none; }
    .WMS.mDashboard .mProcess.typeText li:after { margin-top:-15px; }

  /* typeStatus */
    .WMS.mDashboard .delay { width:86px; background-position:0 -25px; }
    .WMS.mDashboard .manage { width:111px; background-position:0 -50px; }
    .WMS.mDashboard .inventory { width:59px; background-position:0 -75px; }
    .WMS.mDashboard .product { width:59px; background-position:0 -100px; }
    .WMS.typeStatus:after { content:""; display:block; clear:both; }
    .WMS.typeStatus .mStatus { float:left; position:relative; width:228px; padding:0 0 8px 10px; box-sizing:border-box; }
    .WMS.typeStatus .mStatus:first-child { width:218px; padding-left:0; }
    .WMS.typeStatus .mStatus:last-child { width:218px; }
    .WMS.typeStatus .mStatus:after { position:absolute; right:0; top:45px; bottom:4px; content:''; width:1px; background:#e3e3e3; }
    .WMS.typeStatus .mStatus:last-child:after { display:none; }
    .WMS.typeStatus .mStatus .item { overflow:hidden; margin:18px 20px 0 10px; color:#727272; }
    .WMS.typeStatus .mStatus .item + .item { margin-top:8px; }
    .WMS.typeStatus .mStatus .item .title { float:left; clear:both; width:67px; margin-top:10px; }
    .WMS.typeStatus .mStatus .item .status { display:block; overflow:hidden; margin-top:10px; }
    .WMS.typeStatus .mStatus .item .status li { margin-top:10px; }
    .WMS.typeStatus .mStatus .item .status li:first-child { margin-top:0; }
    .WMS.typeStatus .mStatus .item .status li:after { content:""; display:block; clear:both; }
    .WMS.typeStatus .mStatus .item .status .case { float:left;}
    .WMS.typeStatus .mStatus .item .status a { float:right; font-weight:bold; }

  /* typeNotice */
    .WMS.typeNotice:after { content:""; display:block; clear:both; }
    .WMS.typeNotice .mTab { margin-bottom:13px; border-bottom:1px solid #262325; }
    .WMS.typeNotice .mTab ul { position:relative; height:39px; border-left:1px solid #d7d7d7; }
    .WMS.typeNotice .mTab ul:after { content:""; display:block; clear:both; }
    .WMS.typeNotice .mTab li { float:left; position:relative; margin-top:0; }
    .WMS.typeNotice .mTab li .btnTab {float:left; width:137px; height:37px; line-height:38px; border:1px solid #d7d7d7; border-width:1px 1px 0 0; text-decoration:none; background:#fafafa; }
    .WMS.typeNotice .mTab li.selected .btnTab { height:39px; margin-left:-1px; border:1px solid #262325; border-bottom:0 none; color:#1c1c1c; background-color:#fff; background-position:100% -288px; }
    .WMS.typeNotice .mTab li .txt { display:inline-block; height:13px; margin:14px 0 0 14px; text-indent:150%; font-size:0; line-height:0; vertical-align:top; background:url('../img/sfix_txt_dashboard.png') no-repeat;}
    .WMS.typeNotice .mTab li.notice .txt { width:45px; background-position:0 -325px; }
    .WMS.typeNotice .mTab li.upgrade .txt { width:80px; background-position:0 -350px; }
    .WMS.typeNotice .mTab li.inform .txt { width:44px; background-position:0 -375px; }
    .WMS.typeNotice .mTab .notice.selected .txt { background-position:0 -250px; }
    .WMS.typeNotice .mTab .upgrade.selected .txt { background-position:0 -275px; }
    .WMS.typeNotice .mTab .inform.selected .txt { background-position:0 -300px; }
    .WMS.typeNotice .mTab li .btnMore { position:absolute; right:0; top:0; z-index:10; width:30px; height:40px; }
    .WMS.typeNotice .mTab li .btnMore span { display:block; width:9px; height:9px; margin:16px auto 15px; text-indent:150%; font-size:0; line-height:0; background-position:-200px 0; }
    .WMS.typeNotice .mTab li.selected .btnMore span { background-position:-150px 0; }
    .WMS.typeNotice .noticeArea { position:relative; float:left; width:578px; height:179px; margin:0 25px 0 0; }
    .WMS.typeNotice .noticeArea .tabCont { padding:0 15px 0 14px; }
    .WMS.typeNotice .noticeArea .tabCont li { overflow:hidden; margin-top:12px; }
    .WMS.typeNotice .noticeArea .tabCont li a { display:inline-block; overflow:hidden; max-width:465px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; }
    .WMS.typeNotice .noticeArea .tabCont li .date { float:right; }
    .WMS.typeNotice .noticeArea .tabCont .noData { display:table; width:549px; height:118px; }
    .WMS.typeNotice .noticeArea .tabCont .noData p { display:table-cell; text-align:center; vertical-align:middle; }
    .WMS.typeNotice .noticeArea .btnDashboard { position:absolute; top:8px; right:0; }

  /* mQuick */
    .WMS.typeNotice .mQuick { float:left; width:288px; border:1px solid #d7d7d7; border-width:1px 0 0 1px; }
    .WMS.typeNotice .mQuick li { float:left; width:50%; height:88px; border:1px solid #d7d7d7; border-width:0 1px 1px 0; box-sizing:border-box; }
    .WMS.typeNotice .mQuick li a { display:block; position:relative; height:68px; padding:19px 0 0; }
    .WMS.typeNotice .mQuick li a:hover { text-decoration:none; }
    .WMS.typeNotice .mQuick li a:before { display:block; content:''; width:26px; height:26px; margin:0 auto; }
    .WMS.typeNotice .mQuick li.manual a:before { background-position:0 -150px; }
    .WMS.typeNotice .mQuick li.cs a:before { background-position:-50px -150px; }
    .WMS.typeNotice .mQuick li.acting a:before { background-position:-100px -150px; }
    .WMS.typeNotice .mQuick li.abroad a:before { background-position:-150px -150px; }
    .WMS.typeNotice .mQuick li .txt { display:block; margin:14px auto 0; height:14px; text-indent:150%; font-size:0; line-height:0; background:url('../img/sfix_txt_dashboard.png') no-repeat;}
    .WMS.typeNotice .mQuick li.manual .txt { width:88px; background-position:0 -400px; }
    .WMS.typeNotice .mQuick li.cs .txt { width:69px; background-position:0 -425px; }
    .WMS.typeNotice .mQuick li.acting .txt { width:72px; background-position:0 -450px; }
    .WMS.typeNotice .mQuick li.abroad .txt { width:49px; background-position:0 -475px; }

/* mPicker */
  .pickerArea .gReverse h2 + .gRight { position:absolute; top:7px; right:15px; }

/* SMARTWMS-16074 */
  .txtHighlight { display:inline-block; padding:1px 5px 1px 4px; }
  .txtHighlight.green { background-color:#e8ffcc; }
  .txtHighlight.purple { background-color:#dfdffa; }

/*********************** Cross Browsing ***********************/
/* IE8 */
@media \0screen {
  .globalNav { display:block; min-width:1240px; }
  .globalNav:after { content:""; display:block; clear:both; }
  h1.logo { float:left; }
  .navigation { float:left; }
  .gnb > li { display:table; float:left; min-height:64px; vertical-align:top; }
  .gnb > li .title { display:table-cell; vertical-align:middle; }
  #container { position:relative; padding-left:0; }
  #wrap #sidebar { position:absolute; top:0; left:0; width:0; }
  #wrap.openSnb #container { padding-left:194px; }
  #wrap.openSnb #sidebar { width:194px; }
  #wrap.expandList #container { padding-left:0; }
  #wrap.expandList #header,
  #wrap.openSnb.expandList #sidebar { display:none; }
  .mNavigation.typeLayer .category { display:inline-block; vertical-align:top; }
  .mNavigation.typeLayer .category:before { background:none; }
}
/* IE9~10 */
@media screen and (min-width: 0\0), screen\0 {
  .globalNav { display:block; min-width:1240px; }
  .globalNav:after { content:""; display:block; clear:both; }
  h1.logo { float:left; }
  .navigation { float:left; }
  .gnb > li { display:table; float:left; min-height:64px; vertical-align:top; }
  .gnb > li .title { display:table-cell; vertical-align:middle; }
  #container { position:relative; padding-left:0; }
  #wrap #sidebar { position:absolute; top:0; left:0; width:0; }
  #wrap.openSnb #container { padding-left:194px; }
  #wrap.openSnb #sidebar { width:194px; }
  #wrap.expandList #container { padding-left:0; }
  #wrap.expandList #header,
  #wrap.openSnb.expandList #sidebar { display:none; }
  .mNavigation.typeLayer .category { display:inline-block; vertical-align:top; }
  .mNavigation.typeLayer .category:before { background:none; }
}