@CHARSET "UTF-8";

@font-face {font-family: "mgwoff"; src: url("../images/font/MALGUN.woff"), url("../images/font/MALGUN.eot"), url("../images/font/MALGUN.ttf");}
@font-face {font-family:"mgwoff"; src:url("../images/font/MALGUN.eot"); src:local(?) url("../images/font/MALGUN.woff") format('woff'), url("../images/font/MALGUN.fft") format('truetype'); }
@font-face {font-family:nmb; src:url("../images/font/NANUMBRUSH_0.TTF.eot"); src:local(※), url("../images/font/NanumBrush.woff") format('woff'), url("../images/font/NanumBrush.ttf") format('truetype'); }
@font-face {font-family:nmp; src:url("../images/font/NANUMPEN_0.TTF.eot"); src:local(※), url("../images/font/NanumPen.woff") format('woff'), url("../images/font/NanumPen.ttf") format('truetype'); }
@font-face {font-family:nms; src:url("../images/font/NANUMSQUARER.TTF.eot"); src:local(※), url("../images/font/NanumSquareR.woff") format('woff'), url("../images/font/NanumSquareR.ttf") format('truetype'); }

/**** CSS Document ****/
body {font-size:105%; position:absolute; width:100%; height:100%; top:0; right:0; left:0; bottom:0; font-family:'Malgun Gothic','맑은 고딕', Helvetica, 돋움, Dotum; margin:0; padding:0; vertical-align:middle; z-index:1; color:#000; background:#fff; min-width:320px; }
body .ui-mobile-viewport {overflow-x:auto; }
body .ui-body-c, .ui-overlay-c {background:#fff; }
body,input,select,textarea,button,.ui-btn {font-family:'Malgun Gothic','맑은 고딕', 'Helvetica', '돋움', 'Dotum'; }
input, li, textarea, option, img, h1, h2, h3, h4, h5, h6 {color:#000; margin:0; padding:0; vertical-align:middle; z-index:1;}
span {margin:0; padding:0; vertical-align:middle; z-index:1; color:#000; text-shadow:none; }
div {width:auto; height:auto; margin:0; padding:0; color:#000;}
ul, li, ol, dl, dt, dd {list-style:none; margin:0; padding:0; list-style-image:none; color:#000; text-shadow:none; }

fieldset {width:100%; border:none 0; margin:0; padding:0; display:block; }
p {margin:0; padding:0;}

input {-webkit-appearance:none; -webkit-border-radius:0; }

/**** 링크시 기본색상 ****/
A:link {color:#000; text-decoration: none; } 
A:visited {color:#000; text-decoration: none; } 
A:active {color:#000; text-decoration: none; }
A:hover {color:#000; text-decoration: none; }
a.links{color:#000; text-decoration: underline; }

.selectColor{color:#0370df;}

.L_Table A:link { text-decoration: underline;}
.selectColor1>A:link {color:#0370df; text-decoration: underline;}
.selectColor1>A:hover {color:#0370df; text-decoration: underline;}
.selectColor1>A:active {color:#0370df; text-decoration: underline;}
.selectColor1>A:links {color:#0370df; text-decoration: underline;}

/**** 공통 CSS ****/
img{line-height:0; font-size:0; border:0; }
form {display:inline-block; width:100%; margin:0; padding:0; } /*테이블 안깨어지게 하는 소스*/
select {color:#000; height:21px; line-height:0; padding:0;  border:solid 1px #bababa; }
select.search {color:#000; height:17px; vertical-align:middle; border:solid 1px #bababa; }
textarea {border:1px solid #bababa; padding:5px; overflow-y: auto; overflow-x: hidden;width:100%;}
file {; font-family: "Gulim", "Arial", "Verdana", "Geneva"; color:#000;}
table {border:0;}
.btn_login_common {width:99.5%; text-align:center; border:1px solid #528aea; border-bottom:solid 1px #4a7ed9; box-shadow:#a6c6ff 0px 1px 1px inset; border-radius:5px; color:#fff;
padding:7px 0 9px 0; text-decoration:none; display:inline-block; font-weight:bold; color:#fff; background-color: #5a92f7; background-image:-webkit-gradient(linear, left top, left bottom, from(#5a92f7), to(#417fec)); }
.txt_left {text-align:left; padding-left:6px; }
.txt_right {text-align:right; padding-right:6px; }
.txt_center {text-align:center; }
.btn_search {background:url(../images/common/bg_search.png) no-repeat 0 0; display:inline-block; font-size:0; text-indent:-10000em; }
.btn_search.findComp, .btn_search.find_comp, .btn_search.comp_search, .btn_search.pum_search, .btn_search.findEmp, .btn_search.findtrans {background-image:url(../images/common/bg_search3.png); }
.s_search {width:27px; height:27px; background-size:27px 27px; float:left; }
.ico_close {display:inline-block; background:url(../images/common/ico_nav_close.png) no-repeat 0 center; font-size:0; text-indent:-10000em; }
.ico_close_test {display:inline-block; background:url(../images/common/ico_nav_close.png) no-repeat 0 center; font-size:0; text-indent:-10000em; }
.ico_menu_add {width:14px; height:10px; background:url(../images/common/ico_down.gif) no-repeat 0 0; background-size:11px auto; display:inline-block; }
.ico_menu_add01 {width:14px; height:10px; background:url(../images/common/ico_down01.gif) no-repeat 0 0;margin-left:5px; background-size:11px auto; display:inline-block; }

.view_more_box {text-align:center; padding:0; background-color:#eeeff0; background-image:-webkit-gradient(linear, left top, left bottom, from(#eeeff0), to(#e2e4e5)); opacity:1; border-top:solid 1px #ccc; border-bottom:solid 1px #a7a6a6; z-index:100; }

.view_more {height:auto; color:#29292a; display:block; width:100%; vertical-align:top; font-size:90%; font-weight:600; padding:4px 0; }
.view_more:before {content:''; width:16px; height:21px; display:inline-block; margin:0 5px 0 0; background:url(../images/common/ico_view_more2.png) no-repeat 0 0; background-size:16px; vertical-align:middle; }
.ico_prev {background:url(../images/common/ico_prev.png) no-repeat 0 0; font-size:0; display:inline-block; text-indent:-10000em; }
.ico_next {background:url(../images/common/ico_next.png) no-repeat right 0; font-size:0; display:inline-block; text-indent:-10000em; }
body .pop_win_in input.date {text-align:center; font-family:'Malgun Gothic','맑은 고딕', Helvetica, 돋움, Dotum; }
.ico_setup {width:21px; height:21px; display:inline-block; background:url(../images/common/ico_setup.png) no-repeat 0 0; background-size:cover; float:left; text-indent:-10000em; }
.btn_selec_del {display:inline-block; width:25px; height:25px; border:solid 1px #bbb; border-radius:2px; float:left; margin:0 0 0 2px; background-color:#f5f5f5; }
.btn_selec_del .del {display:inline-block; width:100%; height:100%; text-indent:-10000em; background:url(../images/common/ico_nav_close.png) no-repeat center 50%; vertical-align:middle; background-size:12px auto; }
.margin_r {margin-right:7px; }
.ico_favicon {width:44px; height:44px; background:url(../images/common/ico_favicon.png) no-repeat 0 0; display:inline-block; }
.ico_favicon_on {width:30px; height:28px; background:url(../images/common/ico_favicon_on.png) no-repeat 0 0; display:inline-block; }
#loading {background:url(../images/common/loading.gif) no-repeat center center; display:none; height:48px; left:100px; position:absolute; top:100px; width:185px; z-index:1000; }
.ico_remark {background:url(../images/common/ico_remark2.png) no-repeat center center; display:inline-block; width:26px; height:28px; font-size:0; text-indent:-10000em; }
.bg_selectbox {background:url(../images/common/bg_selectbox.gif) no-repeat 0 0; display:inline-block; font-size:0; text-indent:-10000em; width:27px; height:27px; }
/*
.ico_danga_c {background:url(../images/common/Calculator.png) no-repeat 0 0; display:inline-block; width:34px; height:34px; border:solid 1px #999; }
.ico_danga_c em {display:none; }
.ico_danga_latest {background:url(../images/common/danga_latest.png) no-repeat 0 0; display:inline-block; width:34px; height:34px; border:solid 1px #999; }
*/
.ico_file {display:inline-block; width:13px; height:15px; background:url(../images/common/ico_clip.png) no-repeat 0 0;  }
.ico_file em {display:none; }

.btn_common, .btn_common2 {width:auto; height:auto; font-weight:normal; text-align:center; box-shadow:#97a6c4 0px 1px 1px inset; border-radius:3px; color:#fff; padding:2px 14px 2px 14px; text-decoration:none; display:inline-block; text-shadow:none; border:1px solid #495267; background-color:#606c88; background-image:-webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b)); }
.btn_common2 {padding:2px 9px 2px 9px; }
.ui-body-c .searchTop_l .btn_common, .ui-body-c .searchTop_r .btn_common {font-weight:normal; }
.ui-body-c .searchTop_l .btn_common:visited, .ui-body-c .searchTop_r .btn_common:visited {color:#fff; font-weight:normal; }
.btn_red {text-shadow:0 0 3px #8e1309; font-weight:bold; box-shadow:#f7c5c0 0px 1px 1px inset; letter-spacing:-0.1em; background-color:#fc8d83; border:1px solid #d23425; background-image: -webkit-gradient(linear, left top, left bottom, from(#f68a80), to(#de665b)); }

.txt_line {text-decoration:underline; }
.txt_depth {text-indent:8px; }
.up_category, .down_category {font-size:85%; vertical-align:top; line-height:normal; }
.up_category {color:#0075ec; }
.down_category {color:#ec8b00; }

.Depth2, .Depth3, .Depth4 {vertical-align:top; }
.Depth2 {color:#ff7b11; }
.Depth3 {color:#3ab718; }
.Depth4 {color:#e301a1; }
.On {color: #e301a1; }
 
div.over .over {clear:none; position:relative; float:none; }
span.vat, div.over, .over, div.under, .under {clear:none; position:relative; }
span.vat, .vat_color {color:#993333; width:auto; vertical-align:top; font-size:85%; min-width:14px; margin:0 -4px 0 0; }
span.over, .over {color:#000; text-align:right; max-width:100%; }
span.under, .under {color:#ff0000; text-align:right; max-width:100%; } 

span.over .vat {float:right; }

.cashList {text-decoration:underline; }
.txt_r {color:#ff0000; vertical-align:top; }
.txt_b {color:#0000ff; vertical-align:top; }
.txt_col_r {color:#ff0000; }
.txt_bg {background:#ffbec6; vertical-align:top; height:18px; display:inline-block; line-height:15px; margin:4px 0 0 0; }
.Total_right {clear:none; float:left; position:relative; text-align:right; width:33%; }
.total_frist {text-align:left; }
.daily {font-weight:bold; vertical-align:top; }
.maximum {background:#ffe4ff; }
.minimum {background:#e0f0ff; }
.average {background:#e1f4b3; }
.txt_price_p {color:#e4238b; font-weight:bold; }
.btn_bottom {width:100%; text-align:center; position:absolute; left:0; right:0; bottom:0; background:#eee; padding:3px 0; border-top:solid 1px #a9a9a9; }
.btn_bottom .checks {margin:0 5px; }
.btn_bottom a {color:#fff; margin:0 3px; }
.btn_left {display:inline-block; float:left; margin-left:5px; }
.btn_right {display:inline-block; float:right; margin-right:5px; }
.btn_img_view {background:url(../images/common/ico_img_view2.png) no-repeat center; width:30px; height:30px; background-size:cover; display:inline-block; text-indent:-10000px; }
.btn_bottom > .btn_left {margin-left:10px; }
.btn_bottom > .btn_right {margin-right:10px; }

body input.ui-input-text {border-radius:3px; box-shadow:none; margin:0; }
body input[type="text"], body input[type="password"], body input[type="number"], body input[type="button"], body input[type="tel"]  
	{border:solid 1px #bbb; height:25px; margin-right:0; vertical-align:middle; padding:0 3px 0 4px; background:#fff; font-family:'Malgun Gothic','맑은 고딕', Helvetica, 돋움, Dotum; }
body input[type="number"] {text-align:right;  }
body input[type="button"] {background:#ffffff; background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); border:1px solid #8c9bb0; border-radius:2px; padding:2px 10px 5px 10px; margin:0 5px; box-sizing:border-box; color:#54657f; display:inline-block; text-align:center; font-size:100%; }
body input[type="button"].date {height:27px; width:auto; margin:0; padding:0 4px 0 3px; letter-spacing:-0.07em; font-size:100%; line-height:27px; }
body input.num_bg {background:#ffe4ff; }
input[type="checkbox"], input[type="radio"] {height:15px; margin:0 3px 0 0; padding:0; vertical-align:middle; width:15px; display:inline-block; }
input[type="file"] {color:#000; height:20px; }
input.disabled {background:#e0dfe3; }
label {margin:0 3px 0 0; vertical-align:middle; cursor:pointer; background:none; border:0; letter-spacing:-0.04em; }
legend, hr, caption {font-size:0; height:0; width:0; display:none; line-height:0; }
.hidden {position:absolute; width:0; height:0; visibility:hidden; margin:0; padding:0; line-height:0; font-size:0; }
.ico {font-size:0; text-indent:-10000em; }
.ArrowBox {clear:none; float:right; height:20px; margin-left:2px; width:11px; }
body input.btn_select {background:#606c88; background-image:-webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b)); border:1px solid #495267; color:#fff; }

/*체크박스&라디오버튼*/
.checks {position:relative; float:left; margin:2px 0 0 0; }
.pop_win_in .checks {float:none; }
.checks input[type="checkbox"], .checks input[type="radio"] {position:absolute; width:20px; height:20px; padding:0; margin:0; top:0; left:0; opacity:0; }
.checks input[type="checkbox"]:before, .checks label:before, .checks .ch_tax label:before {content:''; display:inline-block; width:20px; height:20px; margin-right:3px; background:url(../images/common/bg_checkbox2.png) no-repeat right 0; background-size:48px auto; vertical-align:top; float:left; }
.checks input[type="radio"]:before , .ch_radio label:before {content:''; display:inline-block; width:20px; height:20px; margin-right:2px; background:url(../images/common/bg_radio.png) no-repeat right 0; background-size:48px auto; vertical-align:top; float:left;}
.checks input[type="checkbox"]:checked:before, .checks input[type="checkbox"]:checked + label:before,
.checks input[type="radio"]:checked:before, .checks input[type="radio"]:checked + label:before {background-position: 0 0; }

/*폰트사이즈*/
@media (max-width:360px){html{font-size:11px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:12px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:13px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:14px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:16px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:17px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:18px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:19px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:20px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:21px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:22px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:23px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:24px;}}
@media (min-width:880px){html{font-size:25px;}}

/**** layout ****/
.main_con {float:left; width:100%; height:100%; }
.contentOutline, .contentOutline_in {position:relative; width:100%; height:100%; float:left; }
.content_subject, .content_in {position:relative; float:left; width:100%; }
.content_in {position:absolute; left:0; right:0; top:0; bottom:0px; overflow-x:hidden; overflow-y:auto;  z-index:90; }
/*.content_in2 {position:absolute; left:0; right:0; top:0; bottom:0px; overflow-x:hidden; overflow-y:auto;  z-index:90; }*/
.content_in .view_table {position:absolute; left:0; right:0; top:0; bottom:40px; }
.con_bottom {bottom:35px; }
.content_table {position:absolute; left:0; right:0; top:30px; bottom:0; overflow-x:hidden; overflow-y:auto;  z-index:90; }
.contentOutline .ico_close {z-index:1000; }
.contentOutline .ico_close_test {z-index:1000; }
.conOutline2 {float:left; }

/**** header 메인메뉴 및 작업목록 숫자 및 뒤로가기 아이콘****/
#header .header_l {float:left; }
.header_l #menu_open {float:left; width:30px; height:18px; background:url(../images/common/ico_allmenu.png) no-repeat 0 0; background-size:cover; margin:4px 0 0 8px; }
.header_l #menu_open span {text-indent:-10000em; display:inline-block; }
.header_l #open_work {position:absolute; left:26px; top:4px; width:21px; height:21px; text-align:center; color:#fff; font-weight:bold; font-size:80%; line-height:21px; text-shadow:none; }
.header_l .open_work1 {background:url(../images/common/ico_open_work.png) no-repeat 0 0; }
.header_l .open_work2 {background:url(../images/common/ico_open_work.png) no-repeat right 0; }
.header_l .ico_back {float:left; margin:-3px 0 3px 23px; width:35px; height:31px; font-size:0; text-indent:-10000em; background:url(../images/common/ico_back_h.png) no-repeat 0 0; display:inline-block; }
.header_l .ico_home {float:left; margin:-1px 0 3px 15px; width:29px; height:26px; background:url(../images/common/ico_home.png) no-repeat 0 0; background-size:cover; display:inline-block; }
.header_l .main_favicon {width:auto; float:left; margin:-1px 0 0 16px; height:25px; background:url(../images/common/ico_favicon.png) no-repeat 0 2px; background-size:24px 22px; }
.header_l .main_favicon a.ui-link, .header_l .main_favicon a {width:27px; height:26px; text-indent:-10000em; padding:1px 0 0 0; display:inline-block; vertical-align:top; text-shadow:none; }
#main .header_l {width:100%; }
#main .header_l .main_favicon {background:url(../images/common/ico_favicon_on.png) no-repeat 0 0; background-size:27px 25px; }
#main .header_l .main_favicon a.ui-link {color:#333; font-size:65%; }
.apk_menu {display:none; }
#main .header_l .apk_menu {margin:-1px 10px 0 0; float:right; padding:0; width:16px; height:25px; background:url(../images/common/ico_apk_info.png) no-repeat 0 0; background-size:cover; display:inline-block; }
#main .header_l .apk_menu a.ui-link {text-indent:-10000em; padding:0; }

/**** header 컨텐츠 타이틀 ****/
#header .content_title {color:#fff; background:none; text-align:center; text-shadow:none; position:absolute; left:80px; right:37px; width:auto; font-size:130%; margin-top:-4px; letter-spacing:-0.07em; overflow:hidden; height:30px; }

/**** header 환경설정 및 로그아웃 아이콘 ****/
#header .header_r {float:right; }
.header_r a {float:left; margin:2px 0 0 0; }
.header_r .ico_logout {width:26px; height:27px; display:inline-block; background:url(../images/common/ico_logout.png) no-repeat 0 0; background-size:cover; text-indent:-10000em; margin:-1px 10px 0 10px; }
.con_wrap #header h3 {display:none; } 
.view_outline {width:100%; height:auto; background:#fff; overflow-x:hidden; overflow-y:auto; z-index:200; }
#view_close {position:absolute; right:0; top:-32px; display:inline-block; width:30px; height:30px; background:url(../images/common/ico_close_white.png) no-repeat center center; background-size:18px; z-index:99; }
#menu .header_r .ico_setup {width:26px; height:26px; margin-top:-1px; }
#menu .header_r .ico_setup a {width:100%; height:100%; display:inline-block; margin:0; text-indent:-10000em; }

/**** 즐겨찾기&사용자별 사용시간 설정 ****/
#favicon, #user_time {position:absolute; left:10%; top:5%; border-radius:0; z-index:10000; }
#favicon h3, #user_time h3 {text-align:center; font-size:105%; color:#fff; padding:5px 0; text-shadow:none; font-weight:600; border-bottom:solid 1px #29364d; background:#6b799a; background-image:-webkit-gradient(linear, left top, left bottom, from(#6b799a), to(#455270)); }
#user_time h3 .tit_name {color:#fff; }
#favicon h3 a.win_close, #user_time h3 a.win_close {font-size:0; text-indent:-10000em; background:url(../images/common/ico_close_white.png) no-repeat center center; background-size:17px 18px; width:22px; height:23px; display:inline-block; float:right;margin:0 8px 0 0; border:0; padding:0; box-shadow:none; }
#favicon ul {width:230px; height:auto; max-height:258px; min-height:150px; overflow:auto; }
#user_time ul {width:300px; background:#fff; max-height:257px; overflow:auto; height:220px; }
#favicon ul li {padding:0 0 0 14px; }
#user_time ul li {padding:0 0 0 5px; background:#fff; }
#user_time ul li {height:36px; line-height:34px; }
#favicon ul li a {height:36px; line-height:34px; display:inline-block; }
#favicon ul li a {width:100%; background:url(../images/common/ico_pop_favicon2.png) no-repeat 0 center; background-size:22px 19px; text-indent:25px; font-weight:600; }
#favicon ul li.tit {color:#fff; font-size:105%; padding:3px 0 7px 0; }
#user_time ul li .user {float:left; letter-spacing:-0.04em; }
#user_time ul li .time {float:right; margin:0 5px 0 0; }
#user_time ul li input {width:44px; letter-spacing:-0.02em; text-align:center; font-size:100%; padding:0 2px; }
#user_time .btn_bottom {background:#f5f5f5; border-top:solid 1px #d9e0ed; padding:5px 0 3px 0; position:relative; }

/**** 전체 메뉴보기2 ****/
#menu .nav {background:#1e252f; }
#menu #container {overflow:auto; }
#menu .main_favicon {display:none; }

.nav ul.menu {background:#1e252f; overflow:hidden; width:100%; }
.nav ul.menu .nav_depth1 {position:relative; width:100%; min-height:35px; font-weight:600; background:#404757; border-top:1px solid #626b7f; border-bottom:1px solid #2c2c37; }
.nav ul.menu li.first {background:#674669; box-shadow: 0px -5px 25px -10px #000 inset; }
.nav ul.menu li.etc, .nav ul.menu li.tas {box-shadow: 0px -5px 25px -12px #000 inset; }
.nav ul.menu li.setup {background:#3c5564; border-top:solid 1px #57798a; border-bottom:0; }
.nav ul.menu li.setup .nav_depth2 {padding:12px 0 0 10px; display:block; }
.nav ul.menu li.setup .nav_depth2 li {text-indent:0; min-width:auto; padding-bottom:15px; color: #c5cdd3; font-weight:normal; float:left; clear:none; margin-left:9px; margin-right:13px; }
.nav ul.menu li.setup .nav_depth2 li.time_set {display:block; float:none; }
.nav ul.menu li.setup .nav_depth2 li.first {background:none; box-shadow:none; }
.nav ul.menu li.setup .nav_depth2 li .user_t {color: #c5cdd3; }
.nav ul.menu .nav_depth1 a {text-indent:20px; line-height: 34px; display:inline-block; color:#ccc; font-weight:600; padding:0 0 0 11px; line-height:34px; }
.nav ul.menu .first a {background:url(../images/common/ico_worklist.png) no-repeat 10px center; background-size:12px; }
.nav ul.menu .code a {background:url(../images/common/ico_code.png) no-repeat 8px center; background-size:17px; }
.nav ul.menu .report a {background:url(../images/common/ico_report.png) no-repeat 10px center; background-size:14px; }
.nav ul.menu .sale a {background:url(../images/common/ico_sale.png) no-repeat 8px center; background-size:20px; }
.nav ul.menu .etc a {background:url(../images/common/ico_etc.png) no-repeat 8px center; background-size:17px; }
.nav ul.menu .tas a {background:url(../images/common/ico_tas.png) no-repeat 8px center; background-size:17px; }
.nav ul.menu .setup a {background:url(../images/common/ico_m_setup.png) no-repeat 8px center; background-size:17px; }

.nav ul.menu .nav_depth1 .drop_up, .nav ul.menu .nav_depth1 .drop_down {position:absolute; top:10px; right:10px; bottom:0; width:25px; height:15px; background:url(../images/common/ico_menu_drop3.png) no-repeat 0 0; background-size:100%; }
.nav ul.menu .nav_depth1 .drop_up {background-position:0 0; }
.nav ul.menu .nav_depth1 .drop_down {background-position:0 bottom; top:8px; }

.nav ul.menu .nav_depth2 {clear:both; background:#1e252f; border-top:1px solid #2c2c37; padding:3px 0 3px 8px; }
.nav ul.menu .nav_depth2 li {min-width:141px; text-indent:19px; clear:both; height:auto; display:inline-block; }
.nav ul.menu .nav_depth2 a {background:none; text-indent:0; float:left; color:#c5cdd3; font-weight:normal; line-height:34px; }

.nav ul.menu .process {background:#fffff0; }
.nav ul.menu .process a {color:#000; }
.nav ul.menu .process a.first {color:#b9080a; font-weight:bold; }

.nav ul.menu .nav_depth2 li .checks input[type="checkbox"] + label {color:#c5cdd3; margin:0; letter-spacing:-0.06em; }
.nav ul.menu .nav_depth2 li .checks {margin-top:0; color:#c5cdd3; }
.nav ul.menu .nav_depth2 li .font_size {color:#c5cdd3; height:auto; }
.nav ul.menu .nav_depth2 li .font_size .checks {margin-right:15px; }
.nav ul.menu .nav_depth2 li .font_size .checks label {margin-bottom:0; padding-left:0; }
.nav ul.menu .nav_depth2 li .font_size .tit {float:left; display:inline-block; color:#c5cdd3; margin-right:8px; margin-top:0; font-weight:600; letter-spacing:-0.05em;  }

.nav ul.menu .nav_depth2 .ico_favicon {float:left; width:19px; height:18px; background-size:cover; margin:7px 0 0 5px; opacity:.3; }
.nav ul.menu .nav_depth2 .ico_favicon_on {opacity:1; }

/**** 전체 메뉴보기2 
#menu .nav2 {background:#fff; }
#menu #container {overflow:auto; }
#menu .main_favicon {display:none; }

.nav2 ul.menu {background:#1e252f; overflow:hidden; width:100%; }
.nav2 ul.menu .nav_depth1 {position:relative; width:100%; min-height:35px; font-weight:600; background:#f1f1f1; border-bottom:1px solid #d5d5d5; border-top:0; }
.nav2 ul.menu li.first {background:#c9dd31; box-shadow:none; }
.nav2 ul.menu li.etc {box-shadow:none; }
.nav2 ul.menu li.setup {background:#d4cfca; border-bottom:0; border-top:0; }
.nav2 ul.menu li.setup .nav_depth2 {padding:8px 0 0 8px; }
.nav2 ul.menu li.setup .nav_depth2 li {text-indent:0; min-width:auto; padding-left:11px; padding-bottom:7px; }
.nav2 ul.menu li.setup .nav_depth2 li.first {background:none; }
.nav2 ul.menu li.setup .nav_depth2 li.last {margin:0; }
.nav2 ul.menu .nav_depth1 a {text-indent:20px; line-height: 34px; display:inline-block; color:#333; font-weight:600; padding:0 0 0 11px; line-height:34px; }
.nav2 ul.menu .first a {background:url(../images/common/ico_worklist2.png) no-repeat 10px center; background-size:12px; }
.nav2 ul.menu .code a {background:url(../images/common/ico_code2.png) no-repeat 8px center; background-size:17px; }
.nav2 ul.menu .report a {background:url(../images/common/ico_report2.png) no-repeat 10px center; background-size:14px; }
.nav2 ul.menu .sale a {background:url(../images/common/ico_sale2.png) no-repeat 8px center; background-size:20px; }
.nav2 ul.menu .etc a {background:url(../images/common/ico_etc2.png) no-repeat 8px center; background-size:17px; }
.nav2 ul.menu .setup a {background:url(../images/common/ico_m_setup2.png) no-repeat 8px center; background-size:17px; }

.nav2 ul.menu .nav_depth1 .drop_up, .nav2 ul.menu .nav_depth1 .drop_down {position:absolute; top:10px; right:10px; bottom:0; width:25px; height:15px; background:url(../images/common/ico_menu_drop3.png) no-repeat 0 0; background-size:100%; }
.nav2 ul.menu .nav_depth1 .drop_up {background-position:0 0; }
.nav2 ul.menu .nav_depth1 .drop_down {background-position:0 bottom; top:8px; }

.nav2 ul.menu .nav_depth2 {clear:both; background:#fff; border-top:1px solid #ddd; padding:3px 0 3px 8px; }
.nav2 ul.menu .nav_depth2 li {min-width:141px; text-indent:19px; clear:both; height:auto; display:inline-block; }
.nav2 ul.menu .nav_depth2 a {background:none; text-indent:0; float:left; color:#333; font-weight:normal; line-height:34px; }

.nav2 ul.menu .process {background:#f2e9b0; }
.nav2 ul.menu .process a {color:#000; }
.nav2 ul.menu .process a.first {color:#990000; }

.nav2 ul.menu .nav_depth2 li .checks input[type="checkbox"] + label {color:#333; letter-spacing:0; }
.nav2 ul.menu .nav_depth2 li .checks {margin-top:0; }
.nav2 ul.menu .nav_depth2 li .font_size {color:#333; height:auto; }
.nav2 ul.menu .nav_depth2 li .font_size .tit {float:left; display:inline-block; color:#333; margin-right:5px; margin-top:0; font-weight:normal; }
.nav2 ul.menu .nav_depth2 li .font_size label {text-indent:4px; margin:-2px 6px 0 0; padding-left:15px; letter-spacing:0; }
.nav2 ul.menu .nav_depth2 li .font_size label:before {top:3px; }

.nav2 ul.menu .nav_depth2 .ico_favicon {float:left; width:19px; height:18px; margin:7px 0 0 5px; opacity:.4; background: url(../images/common/ico_favicon2.png) no-repeat 0 0; background-size:19px 18px; }
.nav2 ul.menu .nav_depth2 .ico_favicon_on {opacity:1; background: url(../images/common/ico_favicon_on.png) no-repeat 0 0; background-size:19px 18px; }
****/

/*메뉴보기 상단*/
.quick {border-left:solid 1px #1d5bd8; border-right:solid 1px #81bbf2;float:left; margin:-6px 0 0 8px; min-height:36px; }
.quick ul {width:100%; height:100%; }
.quick ul li {border-left:solid 1px #81bbf2; border-right:solid 1px #1d5bd8; float:left; height:36px; padding:0 2px 0 6px; }
.quick ul li.allmenu {padding-left:5px; }
.quick ul li a {color:#fff; font-size:65%; font-weight:600; display:inline-block; line-height:12px; height:25px; width:25px; padding:6px 0 0 0; }
.quick ul li.favicon a {padding-left:17px; background:url(../images/common/ico_favicon.png) no-repeat 0 10px; background-size:19px 17px; }
.quick ul li.favicon a.on {background:url(../images/common/ico_favicon_on.png) no-repeat 0 10px; background-size:19px 17px; }
.quick ul li.history a {padding-left:14px; background:url(../images/common/ico_history.png) no-repeat 0 10px; background-size:14px 17px; }
.quick ul li.allmenu a {padding-left:20px; background:url(../images/common/ico_t_allmenu.png) no-repeat 0 9px; background-size:21px 21px; }

/**** 공용 상단 검색 폼 ****/
.search_fieldset {min-height:29px; }
.searchOutline {float:left; width:100%; }
.searchTop {float:left; width:100%; padding:4px 0 0 0; }
.searchTop .btn_common, .searchTop .btn_common:visited {color:#fff; font-weight:bold; }
.searchTop_l {float:left; margin:0 0 5px 4px; width:auto; }
@media screen and (min-width:480px) and (max-width:1024px) {.searchTop_l {width:auto;}}
.search_l_date {width:35%; }
/* .searchTop_l .search {float:left; width:auto; } */
.searchTop_l .search {width:auto; }
.searchTop_l .search .date_line {display:inline-block; float:left; margin:2px 2px 0 2px; }
.searchTop_l .search .tit {float:left; background:url(../images/common/ico_main_arrow.gif) no-repeat 0 7px; padding:0 0 0 5px; margin:3px 2px 0 0; }

.searchTop_l .search .in_box, .in_box {width:135px; min-height:27px; line-height:27px; overflow:hidden; font-weight:600; background:#fedbdb; float:left; display:inline-block; margin:0; padding:0 5px 0 3px; letter-spacing:-0.07em; text-align:left; }		/*text-overflow:ellipsis; white-space:nowrap; */
.searchTop_l .search .in_box2 {width:auto; max-width:none; padding-right:1em; }
.searchTop_l .search .in_box_search, .in_box_search {width:auto; margin:0; }
.searchTop_l .search .selected_box, .selected_box {background:#fedbdb url(../images/common/dot_arrow3.png) no-repeat right center; clear: none; float:left; overflow:hidden; width:135px; height:25px; line-height:27px; }
.searchTop_l .search input {float:left; max-width:77%; width:auto; font-size:100%; letter-spacing:-0.05rem; }
.searchTop_l .search input[type="checkbox"], .searchTop_l .search input[type="radio"] {max-width:none; width:20px; }
.searchTop_l .search .btn_search {float:left; width:27px; height:27px; background-size:27px 27px; margin:0 0 0 2px; }
.searchTop_l .search .btn_r_more {margin-right:10px; }
.point_search .searchTop_l .search .btn_r_more {margin-right:6px; }
/* .searchTop_r {float:left;} */
/* .searchTop_r .word_search {float:left; margin:4px 10px 0 0; } */
.searchTop_r .word_search {margin:3px 10px 0 0; }

body .searchTop_r .word_search .word_c input[type="checkbox"] + label {font-weight:bold; color:#ad427b; margin:0; }
.searchTop_l input.date {text-align:center; font-family:'Malgun Gothic','맑은 고딕', Helvetica, 돋움, Dotum; vertical-align: top; letter-spacing:-0.03em; width:auto; padding:0; }
.searchTop_l .search_history {width:206px; background:#edfaff; border:1px solid #7f9db9; padding:0 0 3px 0; position:absolute; top:66px; left:4px; z-index:100; }
.searchTop_l .search_history li {text-indent:4px; line-height:1.6em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; }
.searchTop_l .search input.point_id_sr {width:auto; min-width:100px; max-width:100px; letter-spacing:-0.05em; }
.word_search > .checks {margin-top:3px; }
.word_search > .checks .imc_pum_alabel {margin-right:5px; }
.sale_c_search .word_search > .checks, .barcode_search > .checks, .comp_search .word_search > .checks {margin-top:0; }
.word_search .word_c{margin-right:10px;}

.searchTop_r {float:right; margin:0 8px 0 0; }
.searchTop_r .btn_common, .searchTop_r .btn_common2 {float:left; }
.menu_add, .searchTop_r .menu_add {position:relative; border:solid 1px #aeb0af; border-radius:3px; padding:0 20px 0 0;
	height:25px; text-indent:5px; float:right; margin-left:5px; letter-spacing:-0.1em; width:auto; line-height:25px; }
.menu_add .ico_menu_add, .searchTop_r .menu_add .ico_menu_add {position:absolute; right:2px; top:8px; }
.searchTop_r .ico_close, .ico_close {position:absolute; right:8px; top:3px; display:inline-block; width:27px; height:26px; background:url(../images/common/bt_close3.png) no-repeat center center; background-size:cover; z-index:99; text-indent:-10000em; }
.searchTop_r .ico_close_test, .ico_close_test {position:absolute; right:8px; top:3px; display:inline-block; width:27px; height:26px; background:url(../images/common/bt_close3.png) no-repeat center center; background-size:cover; z-index:99; text-indent:-10000em; }
.searchTop_r .ico_setup {margin:0 10px 0 0; width:27px; height:27px; display:inline-block; background:url(../images/common/ico_m_setup2.png) no-repeat 0 0; background-size:cover; font-size:0; text-indent:-10000em; float:left; }
.searchTop_r .unit, .search .unit {float:left; font-size:70%; margin-top:4px; letter-spacing:-0.1em; }
.searchTop_r .unit span, .search .unit span {width:10px; height:10px; display:inline-block; margin:0 2px 0 2px; }
.searchTop_r .unit .box_b, .search .unit .box_b {background:#2b90ee; }
.searchTop_r .unit .box_r, .search .unit .box_r {background:#f59b23; }
.searchTop_r .btn_write {float:left; margin:0 5px 0 0; }

/**** 공용 옵션 새창 ****/
.pop_win {position:absolute; border:solid 3px #fff; border-radius:0 0 12px 0; background:#e4edff; z-index:110; box-shadow:1px 2px 13px 3px #888; -webkit-box-shadow:1px 2px 13px 3px #888; }
.pop_win_test {
	display: flex;
	align-items: center; /* 세로 중앙 맞춤 */
	justify-content: center; /* 가로 중앙 맞춤 */
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 30%; /* 화면의 중앙에서 위에서 50%에 위치 */
	left: 50%; /* 화면의 중앙에서 왼쪽에서 50%에 위치 */
	transform: translate(-50%, -50%); /* 실제 위치를 중앙으로 이동 */
	border: solid 3px #fff;
	border-radius: 0 0 12px 0;
	background: #e4edff;
	z-index: 110;
	box-shadow: 1px 2px 13px 3px #888;
	-webkit-box-shadow: 1px 2px 13px 3px #888;
  }
.pop_win_in {width:auto; }
.pop_win_in li {border-bottom:solid 1px #d9e0ed; padding:5px 0 7px 0; text-align:left; background:#e4edff; }
.pop_win_in li .checks {margin:0 0 0 10px; position:relative; }
.pop_win_in li .checks .checks_in {position:relative; }
.pop_win_in li .checks label {display:inline-block; }
.pop_win_in li  input[type="checkbox"], .pop_win_in li  input[type="radio"] {min-width:20px !important; max-width:none !important; }
body .ui-body-c .pop_win_in li a, .pop_win_in li a.ui-link {font-weight:normal; color:#000; }
body .ui-body-c .pop_win_in li a, .pop_win_in li a.ui-link:visited {color:#000; }
.pop_win_in li.tit {text-align:center; padding:7px 0 8px 0; color:#333; text-indent:0; border-bottom:solid 1px #29364d; background:#6b799a; background-image:-webkit-gradient(linear, left top, left bottom, from(#6b799a), to(#455270)); letter-spacing:-0.05em; }
.pop_win_in li.last, .word_search_win ul li:last-child {border-bottom:0; border-radius:0 0 12px 0; background:#fbfbfb; }
.word_search_win ul li:last-child {background:#ffebe1; }
.pop_win_in li.last .win_close, .pop_win_in li.last .win_cancle, .pop_win_in li.last .win_ok {margin:10px 5px 4px 5px; }
.pop_win_in li.last .win_slose, .pop_win_in li.last .win_calcel, .pop_win_in li.last .win_ok, .pop_win_in li.last .btn_common {float:none; }
.pop_win_in li.last .btn_common {color:#ffffff; display:inline-block; }
#favicon {box-shadow:1px 2px 13px 3px #666; -webkit-box-shadow:1px 2px 13px 3px #666; }
.pop_outline .pop_win_in .content_in {padding:1rem; position:static; width:auto; }
.pop_outline .pop_win_in .content_in .table-outline {display:inline-block; width:100%; border-top:solid 2px #999; border-bottom:solid 2px #999; overflow:auto; }

/**** 문자검색 창 ****/
.word_search_win {width:130px; top:62px; }
.word_search_win ul li {border-bottom:solid 1px #e1ccc9; background:#ffebe1; padding:7px 0 6px 0; }
.word_search_win ul li.last {background:#ffebe1; }
.word_search_win .checks input[type="checkbox"] + label {width:100%; display:inline-block; position:relative; cursor:pointer; letter-spacing:-0.1em; margin:0; vertical-align:top; padding:0; }

/**** 메뉴 더보기 창 ****/
.menu_add_win {width:110px; right:8px; top:5px; }
.menu_add_win ul {width:100%; }
.menu_add_win li {width:100%; float:left; border-bottom:solid 1px #cad5ac; background:#d9f1a3; padding:0; }
.menu_add_win li.last {background:#d9f1a3; }
.menu_add_win li.mem_p {border-top:solid 1px #cad5ac; }
.menu_add_win li a:link, .menu_add_win li a {color:#1d7a15; padding:5px 0 4px 0; display:inline-block; width:100%; text-indent:5px; letter-spacing:-0.03em; }

#ComSearchForm .menu_add_win li.mem_p {border-top:0; }

/**** 환경설정 새창 ****/
.setup_test {min-width:300px; }
.setup_test li {padding:9px 0 11px 0; background:#fbfbfb; }
.setup_test li.tit {padding:10px 0 11px 0; color:#fff; font-size:110%; }
.setup_test li.last {padding:6px 0 11px 0; background:#f5f5f5; text-align:center; }

.setup_win {min-width:300px; }
.setup_win li {padding:9px 0 11px 0; background:#fbfbfb; }
.setup_win li.tit {padding:10px 0 11px 0; color:#fff; font-size:110%; }
.setup_win li.last {padding:6px 0 11px 0; background:#f5f5f5; text-align:center; }

/**** 품목코드 환경설정 ****/
.setup_test .pum_setup_win li {padding:9px 0 11px 0; }
.setup_test .comp_setup_win li.tit, .setup_win .pum_setup_win li.tit {padding:6px 0; text-indent:0; }
.setup_test .comp_setup_win li.last, .setup_win .pum_setup_win li.last {text-align:center; padding:7px 0 4px 0; }
.setup_test .comp_setup_win li.last a, .setup_win .pum_setup_win li.last a {text-indent:0; margin:4px 5px; }

.setup_win .pum_setup_win li {padding:9px 0 11px 0; }
.setup_win .comp_setup_win li.tit, .setup_win .pum_setup_win li.tit {padding:6px 0; text-indent:0; }
.setup_win .comp_setup_win li.last, .setup_win .pum_setup_win li.last {text-align:center; padding:7px 0 4px 0; }
.setup_win .comp_setup_win li.last a, .setup_win .pum_setup_win li.last a {text-indent:0; margin:4px 5px; }

.danga_in {top:0; }

/**** alert ****/
.alert {position:absolute; left:50px; top:50px; width:335px; box-shadow:0 0 20px 2px #666; -webkit-box-shadow:0 0 20px 2px #666; border-radius:5px; background:#fff; border:solid 2px #eee; z-index:10000; }
.alert ul {width:100%; height:100%; }
.alert ul .tit {color:#fff; text-align:center; font-weight:bold; border-bottom:solid 1px #29364d; border-radius:4px 4px 0 0; padding:7px 0 9px 0; background:#8c9bb0; background-image:-webkit-gradient(linear, left top, left bottom, from(#8c9bb0), to(#54657f)); }
.alert ul .con {padding:23px 23px 26px 62px; border-bottom:solid 1px #bbb; line-height:1.4em; letter-spacing:-0.03em; background:url(../images/common/confirm_default.png) no-repeat 15px center; background-size:38px; }
.alert ul .last {text-align:center; padding:7px 0 6px 0; width:100%; background:#e6e6e6; border-radius:0 0 4px 4px; }
.alert ul .last a {color:#fff; margin:0 5px; }

/*세로방향 검색 사이즈 조정*/
.report_c_search .searchTop_l, .sale_c_search .searchTop_l {width:85%; }
.point_search .searchTop_l {width:98%; }
.point_search .searchTop_l .search {width:100%; }
.point_search .searchTop_l .search .date_s {margin-right:6px; }
.report_c_search .date_s, .report_c_search .comp_s,
.sale_c_search .date_s, .sale_c_search .comp_s, .sale_c_search .id_s, .sale_c_search .barcode_s, .sale_c_search .pumsu_s {display:inline-block; float:left; position:relative; margin:2px 0; }
.searchTop .search .comp_s .btn_search {float:right; }

/**** 담당자 선택, 배송방법, 송장번호 조회, 수금/입금액 팝업 ****/
#manager, #expected, #delipop, #credit, #payment, #in_history{position:absolute; left:10%; top:5%; border-radius:0; z-index:10000; }
#manager h3, #expected h3, #delivery_p h3, #delipop h3, #credit h3, #payment h3, #in_history h3, .pop_outline h3 {text-align:center; font-size:100%; border-bottom:solid 1px #29364d; background:#6b799a; background-image:-webkit-gradient(linear, left top, left bottom, from(#6b799a), to(#455270)); }
#manager h3 span, #expected h3 span, #delivery_p h3 span , #delipop h3 span, .pop_outline h3 span {display:inline-block; padding:5px 0 4px 0; color:#fff; }
#manager h3 .tit_code {width:92px; }
#manager h3 .tit_name {border-left:solid 1px #aaa; width:137px; }
#manager h3 a.win_close, #expected a.win_close, #delivery_p h3 a.win_close, #delipop h3 a.win_close, #credit h3 a.win_close, #payment h3 a.win_close, #in_history h3 a.win_close, .pop_outline h3 a.win_close 
	{position:absolute; top:3px; right:2px; font-size:0; text-indent:-10000em; background:url(../images/common/ico_close_white.png) no-repeat center center; background-size:16px 17px; width:21px; height:22px; display:inline-block; margin:0; border:0; padding:0; box-shadow:none; }

#manager ul, #delivery_p ul {width:230px; height:auto; max-height:210px; min-height:150px; overflow:auto; }
#manager ul li, #delivery_p ul li {padding:0; float:left; text-indent:0; border-bottom:solid 1px #d1d8e5; height:34px; width:100%; }
#manager ul li.select, #delivery_p ul li.select {background:#faebd7; font-weight:600; }
#manager ul li a, #delivery_p ul li a {height:34px; line-height:32px; display:inline-block; text-align:left; text-indent:8px; float:left; }
#manager ul li a.user_code {width:92px; }
#manager ul li a.user_name {border-left:solid 1px #d1d8e5; width:137px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/*설치방법 안내*/
.helpOutline {width:100%; text-align:center; }
.download_apk {float:left; width:100%; border-bottom:dashed 1px #ccc; margin:0 0 10px 0; }
.download_apk a {display:inline-block; padding:10px 0 12px 16px; }

.helpOutline img.manual_img {vertical-align:top}
.helpOutline img.manual_google {margin-bottom:25px; }

/*비고*/
.remarkBox {position:relative; width:100%; }
.remarkBox .ico_remark {width:21px; height:23px; background-size:16px 16px; }
.remarkBox .memoBox 
	{background:#fef3f8; border:1px solid #e7b7cc; border-radius:2px; height:auto; min-height:60px; max-height:130px; position:absolute; right:32px; text-align:left; top:0; white-space:normal; width:250px; box-shadow:1px 2px 10px 0px #999; -webkit-box-shadow:1px 2px 10px 0px #999; z-index:10; }
.remarkBox .memoBox textarea {padding:4px 5px 7px 7px;  width:95%; min-height:108px; border:0; background:none; font-size:100%; }
.content_subject_view table tbody tr td .remarkBox .memoBox {height:auto; min-height:87px; max-height:123px; overflow:auto; padding:4px 5px 7px 7px; }

/*품목코드 상단 검색어 브랜드 보여주기*/
.pum_search .word_search {float:left; margin:0 0 0 5px; }
.pum_search .searchTop_r .word_search {margin-right:10px; }
.pum_search .word_search .word_search_win {top:72px; }

/*모바일 최초 실행시 도움말*/
#app_help {position:fixed; left:0; top:0; right:0; bottom:0; background:url(../images/common/bg_app_help.png) repeat 0 0; z-index:999; display:table; height:100%; width:100%; }
#app_help .app_help_in {position:relative; display:table-cell; min-height:100%; height:100%; overflow:hidden; vertical-align:middle; }
#app_help .app_help_in .bx-wrapper {background:none; box-shadow:none; height:100%; }
#app_help .app_help_in .help_roll {width:auto; padding:0; height:100%; overflow:hidden; }
#app_help .app_help_in .help_roll li {float:left; width:100%; height:100%; }
#app_help .app_help_in .help_roll li .txt {margin:0; }
#app_help .app_help_in .help_roll li .txt h4 {text-align:center; color:#ef6169; font-size:2.5em; font-weight:100; font-family:nmp; margin:0 0 10px 0; }
#app_help .app_help_in .help_roll li .txt h4 em {display:block; font-style:normal; font-size:.75em; margin:0; font-family:nmp; vertical-align:middle; height:28px; font-weight:normal; }
#app_help .app_help_in .help_roll li .txt p {font-size:.9em; color:#ddd; text-align:center; word-break:keep-all; }
#app_help .btn_last {margin:30px 0 30px 0; width:100%; float:left; display:none; }
#app_help #AppStart {color:#fff; background:#ef6169; text-align:center; text-shadow:none; border:0; border-radius:0; width:180px; font-size:1em; margin:0 auto; }
#AppHelpClose {width:40px; height:30px; position:fixed; top:10px; right:10px; background:url(../images/common/close_app_help.png) no-repeat center; background-size:contain; border:0; }

#app_help .app_help_in .btn  {text-align:center; }
#app_help .app_help_in .btn a {display:inline-block; width:40px; margin:0 5px; padding:5px 0; }
#app_help .app_help_in .btn a em {width:15px; height:15px; display:inline-block; margin:0; background:#fff; border-radius:1em; opacity:.4; box-shadow:0 0 10px 0 #000; }
#app_help .app_help_in .btn a em i {display:none; }
#app_help .app_help_in .btn a:hover em, #app_help .app_help_in .btn a:active em, #app_help .app_help_in .btn a.on em {background:#fff; opacity:1; }

.slide_txt {width:100%; text-align:center; position:fixed; bottom:5%; }
.slide_txt p {font-size:1.2em; color:#ccc; clear:both; width:320px; letter-spacing:-0.06em; position:relative; margin:0 auto; min-height:25px; padding-top:30px; font-family:nmb; text-shadow:none; }
.slide_txt em {position:absolute; top:0; display:inline-block; width:66px; height:25px; background:url(../images/common/arrow_slide2.png) no-repeat center; background-size:contain; float:left; }
.slide_txt em.prev {left:0; }
.slide_txt em.next {right:0; background:url(../images/common/arrow_slide.png) no-repeat center; background-size:contain; float:right; }

#app_help .bx-wrapper {margin:0; }
#app_help .bx-viewport {height:100% !important; }

/*모바일 최초 실행시 권한 알림*/
.app_authority {min-width:300px; max-width:400px; }
.app_authority .pop_win_in li.tit {padding:6px 0 7px 0; font-weight:600; }
.app_authority .pop_win_in li.txt {padding-left:10px; padding-right:10px; text-align:left; }
.app_authority .pop_win_in li p.first:before {content:''; background:url(../images/common/dot_arrow3.png) no-repeat 0 0; width:5px; height:20px; display:inline-block; margin:0 3px 0 0; float:left; }
.app_authority .pop_win_in li p {text-align:left; line-height:1.35em; text-indent:0; font-size:.95em; letter-spacing:-0.03em; }
.app_authority .pop_win_in li.last {text-align:center; text-indent:0; }
.app_authority .pop_win_in li.last a {color:#fff; text-indent:0; font-size:87%; padding:5px 16px 6px 16px; }
.app_authority .pop_win_in li p.first {margin:0 0 10px 0; word-break:keep-all; font-weight:600; }

/* 단가계산창 숨김
.ico_danga_c { display:none; } */

/*판매 메뉴 입력창 drop 버튼*/
.view_outline .up_category, .view_outline .down_category {background:#e7f0fe; padding:0; text-align:center; vertical-align:middle; }

/*업체코드 대구텍 멤버십*/
.comp_point_sr .viewTable tbody tr td .btn_emp {color:#fff; letter-spacing:-0.08em; font-weight:normal; padding:2px 5px; float:right; margin:0 3px 0 0; }
.comp_point_sr .viewTable tbody tr td {word-wrap:break-word; }
.comp_point_sr .viewTable tbody tr td.tg_info strong {letter-spacing:-0.05em; }

.comp_point_total {border:0;}
.comp_point_total tbody tr td {background:#e7f0fe; color:#0000ff; }
.comp_point_total tbody tr td:first-child {color:#3399ff; background:#fff !important;  }
.comp_point_total tbody tr td:last-child {background:#ffecf1 !important; color:#ff0000; }

#manager.point_emp h3, .pop_outline h3 {color:#fff; font-size:110%; padding:5px 0 7px 0; text-shadow:none; border:0; font-weight:normal; }
#manager.point_emp h3 a.win_close, .pop_outline h3 a.win_close {padding:5px; right:5px; }
#manager.point_emp .listTable, .pop_outline .listTable {border-top:0; }
#manager.point_emp .listTable thead tr th, .pop_outline .listTable thead tr th {border-bottom:0; }
#manager.point_emp .listTable tbody tr td, .pop_outline .listTable tbody tr td {border:0; border-top:1px solid #a9a9a9; }

#expected.point_exp h3 {color:#fff; font-size:110%; padding:5px 0 7px 0; text-shadow:none; border:0; font-weight:normal; }
#expected.point_exp h3 a.win_close {padding:5px; right:5px; }
#expected.point_exp .listTable {border-top:0; }
#expected.point_exp .listTable thead tr th {border-bottom:0; }
#expected.point_exp .listTable tbody tr td {border:0; border-top:1px solid #a9a9a9; }

#manager.point_emp .content_in, #expected.point_exp .content_in {top:63px; }
#manager.point_emp .listTable tbody tr td, #expected.point_exp .listTable tbody tr td {word-wrap:break-word; border-color:#ccc; padding-top:3px; padding-bottom:5px; }

.comp_point_price .comp_point_total thead tr th:first-child {background-image:none; color:#0000ff; }

#PointSrForm .con_bottom {bottom:0; }

/*송장번호 조회, 수금/입금액, 지불/출금액 팝업*/
#delipop {max-width:300px; }
#delipop h3, #credit h3, #payment h3, #in_history h3 {color:#fff; font-size:110%; padding:5px 0 7px 0; text-shadow:none; border:0; font-weight:normal; }
#delipop h3 a.win_close, #credit h3 a.win_close, #payment h3 a.win_close, #in_history h3 a.win_close {top:5px; right:10px; }
#delipop .content_in, #credit .content_in, #payment .content_in {position:relative; top:0 !important; height:251px; overflow-y:auto; }
#in_history .content_in {position:relative; top:0 !important; height:251px; overflow-y:auto; background:white;}
#delipop .content_in .listTable, #credit .content_in .listTable, #payment .content_in .listTable, #in_history .content_id .listTable {border:0; }
#delipop .content_in .listTable tbody tr td, #credit .content_in .listTable tbody tr td, #payment .content_in .listTable tbody tr td, #in_history .content_in .listTable tbody tr td {height:35px; text-align:center; border-top:solid 1px #ccc; }
#delipop .content_in .listTable tbody tr:first-child td, #credit .content_in .listTable tbody tr:first-child td, #payment .content_in .listTable tbody tr:first-child td, #in_history  .content_in .listTable tbody tr:first-child td {border:0; }
#delipop .content_in .listTable tbody tr td.deli_no {text-decoration:underline; }

/*전체메뉴 상단 검색 폼 위 간격*/
#ReceiveForm .searchTop, #EstimateForm .searchTop, #BuyForm .searchTop, #SaleslForm .searchTop, #AccountSearchForm .searchTop, #PumCostForm .searchTop,
#CompCostForm .searchTop, #ReceiptForm .searchTop, #cashForm .searchTop {padding-top:2px; }

/*업체년간거래현황 수급/입금액, 지불/출금액 팝업*/
#credit .credit_win > .listTable, #payment .payment_win > .listTable, #in_history .history_win > .listTable {border-top:0; }
#credit .credit_win > .listTable thead tr th, #payment .payment_win > .listTable thead tr th, #in_history .history_win > .listTable thead tr th {font-size:95%; padding-top:3px; padding-bottom:4px; }
#credit .credit_win .content_in .listTable tbody tr td, #payment .payment_win .content_in .listTable tbody tr td, #in_history .history_win .content_in .listTable tbody tr td {letter-spacing:-0.05em; background:#fff; border:0; border-bottom:solid 1px #ccc; }
#credit .credit_win .content_in .listTable tbody tr td.text_left, #payment .payment_win .content_in .listTable tbody tr td.text_left, #in_history .history_win .content_in .listTable tbody tr td.text_left {text-align:left; padding-left:5px; }
#credit .credit_win .content_in .listTable tbody tr td.text_right, #payment .payment_win .content_in .listTable tbody tr td.text_right, #in_history .history_win .content_in .listTable tbody tr td.text_right {text-align:right; padding-right:5px; }
#credit .credit_win .content_in .listTable tbody tr td em, #payment .payment_win .content_in .listTable tbody tr td em, #in_history .history_win .content_in .listTable tbody tr td em {font-style:normal; display:block; font-weight:bold; }

#credit .credit_win .content_in .listTable tbody tr td .remarkBox, #payment .payment_win .content_in .listTable tbody tr td .remarkBox 
	{background:#fef3f8; border:1px solid #e7b7cc; border-radius:2px; height:auto; min-height:60px; max-height:130px; position:absolute; right:55px; text-align:left; top:0; white-space:normal; width:250px; box-shadow:1px 2px 10px 0px #999; -webkit-box-shadow:1px 2px 10px 0px #999; z-index:10; }
#credit .credit_win .content_in .listTable tbody tr td .remarkBox textarea, #payment .payment_win .content_in .listTable tbody tr td .remarkBox textarea
	{padding:4px 5px 7px 7px;  width:95%; min-height:108px; border:0; background:none; font-size:100%; }

#credit .credit_win .content_in .credit_list, #payment .payment_win .content_in .payment_list {position:absolute; left:0; right:0; top:0; bottom:35px; overflow:auto; background:#fff; } 
#in_history .history_win .content_in .history_list {position:absolute; left:0; right:0; top:0; overflow:auto; background:#fff; } 
#credit .credit_win .content_in .credit_total, #payment .payment_win .content_in .payment_total {position:absolute; left:0; right:0; bottom:0; }
#credit .credit_win .content_in .credit_total .listTable tbody tr td, #payment .payment_win .content_in .payment_total .listTable tbody tr td {background:#f8e8bd; height:35px; border-bottom:0; }

span.IMC_span {
	vertical-align: top !important
}

@media screen and (max-width: 499px) {
	.IMC_span {display: inline-block;}
}
@media screen and (min-width:753px){
	p.IMC{display:inline-flex;}
}
.imc span{vertical-align:top !important}
.imc{display:inline-flex;}
@media screen and (max-width:797px){
    .imc span{display:block;}
    .imc{display:block;}
}

/* @media screen and (max-width: 1216x) {
	.ostock_span {display: inline-block;}
}
@media screen and (min-width:598px){
	p.ostock{display:inline-flex;}
} */


/*웹서버 이전 안내 팝업 관련*/
.pop_server .bottom .today .ui-checkbox {margin:0 0 3px 0; }
.pop_server .bottom .today .ui-checkbox > label {padding:0.2em 1em 0.1em 2.5em; }
/*
@media screen and (min-width:320px) and (max-width:440px){
	/*메뉴
	.quick{margin:-6px 0 0 5px}
	.header_l .ico_home{margin:-1px 0 3px 10px}
	.quick ul li{padding:0 6px;}
	.quick ul li.history a, .quick ul li.favicon a, .quick ul li.allmenu a {padding-left:0; background:none;}
	.nav ul.menu li.setup .nav_depth2 li{display:inline-block;width:100%;}
	.nav ul.menu .nav_depth2 li .checks{width:100%; margin-bottom:10px;}
	.nav ul.menu .nav_depth2 li .font_size .tit{margin-bottom:10px}
	
	/*상단검색 left
	#header .content_title{font-size:100%; left:50%; margin-left:-30px; right:0; width:max-content; line-height:30px;}
    .searchTop .searchTop_l{width:98% !important; margin:0 auto; overflow:hidden; float:none; margin-bottom:5px;}
	.searchTop .searchTop_l .search{width:100%}
	.searchTop .searchTop_l .search #SearchKeyword{min-width:80%}
	/*상담검색 달력
	.searchTop .searchTop_l .date_s{width:100%;overflow:hidden;}
	.searchTop .searchTop_l .search input{margin:0;}
	.searchTop .searchTop_l .search label{margin-bottom:0}
	.searchTop .searchTop_l .search .date_s input.date,
	.searchTop .searchTop_l .search .date_s input.date{margin:0; height:27px; max-width:42%; width:100%;}
	.searchTop .searchTop_l .search .date_s .date_line{width:6%;}
	.searchTop .searchTop_l .search .btn_r_more{margin-right:0;}
	.searchTop .searchTop_l .search .comp_s{width:100%;}
	.searchTop .searchTop_l .search .comp_s .in_box_search{width:88% !important; max-width:100% !important;white-space:nowrap;text-overflow:ellipsis;}
	.searchTop .searchTop_l .search 
	.searchTop .searchTop_l .search .in_box_search{width:88% !important; max-width:100% !important; white-space:nowrap;text-overflow:ellipsis;}
	.searchTop_l .search .selected_box, .selected_box{background:none;}
	.searchTop .searchTop_l .word_search{width:100%; margin:0; margin-top:4px}
	.searchTop .searchTop_l .word_search .checks{width:50%;text-align:left; height:27px;margin-right:0;}
	/*상담검색 right
	.searchTop .searchTop_r{width:98%; margin:0 auto !important; overflow:hidden; float:none;}
	.searchTop .searchTop_r .word_search{margin:0;}
	.searchTop .searchTop_r .ico_setup{margin:0;}
	.searchTop .searchTop_r > div > .checks{text-align:left;}
	.searchTop .searchTop_r .menu_add, .searchTop_r .menu_add{width:25%; text-align:left; margin:0 !important;}
	.searchTop .searchTop_r .word_search{margin:0; width:50%; height:27px; line-height:27px;}
	.searchTop .searchTop_r .word_search .word_c{margin-right:10px; margin-top:3px;}
	.searchTop .searchTop_r .pum_barcode{margin:0; width:50%;text-align:left; height:37px; line-height:27px;}
	.searchTop .searchTop_r .pum_barcode label{margin-bottom:0;}
	.searchTop .searchTop_r .pumcost_radio{width:65%}
	.searchTop .searchTop_r .total_sum{width:100%;}
	.searchTop .searchTop_r .pumcost_radio .ch_radio{width:50%;height:27px;line-height:27px;padding:0 !important; margin:0 !important; text-align:left;}
	.checks input[type="radio"]:before, .ch_radio label:before{margin-top:4px}
	.searchTop .searchTop_r.strore{margin:0;}
	/*품목코드
	.pum_search .searchTop_r .word_search{margin-right:0;}
	.searchTop_r .word_search{margin-right:0px;}
	.lhn{line-height:inherit;}
	 body .searchTop_r .word_search .word_c input[type="checkbox"] + label{line-height:23px;}
	 /*수주조회
	 .sale_c_search .searchTop_l{width:98%}

	/*합계액
	.total_sum #amountButton,
	.total_sum #amountEstButton,
	.total_sum #amountSalButton{border:none !important;float:left;width:25%;}
	.total_sum #amountInput,
	.total_sum #amountEstInput,
	.total_sum #amountSalInput{float:left; width:42% !important}


	.mt3:before{margin-top:3px;}
	.mb5{margin-bottom:5px !important}
	.mb10{margin-bottom:10px;}
	.w5{width:5% !important}
	.w10{width:10% !important}
	.w15{width:15% !important}
	.w20{width:20% !important}
	.w25{width:25% !important}
	.w30{width:30% !important}
	.w35{width:35% !important}
	.w40{width:40% !important}
	.w45{width:45% !important}
	.w50{width:50% !important}
	.w55{width:55% !important}
	.w60{width:60% !important}
	.w65{width:65% !important}
	.w70{width:70% !important}
	.w75{width:75% !important}
	.w80{width:80% !important}
	.w85{width:85% !important}
	.w90{width:90% !important}
	.w95{width:95% !important}
	.w100{width:100% !important}

}*/