@charset "utf-8";

/* common */
body {height:100%; background:#eeeff1}
.pointRed {color:#d53133 !important}
button {box-sizing:border-box;}
.posFixedB {position:fixed; left:0; bottom:0}

.container {min-width:300px;}
.row_box {display:table;width:100%;border-top:1px solid #a8a8a8;}
.row {display:table;width:100%;}

/* heading tag */
.tit_h1 {padding:13px 0;text-align:center;color:#ffd71d;font-size:1.667em;line-height:34px;background:#333131;}
.tit_h2 {padding:8px 0 8px 2%;color:#000;font-size:1.250em;}

/* layer popup layout */
.mlayer_wrap {position:absolute;left:0;top:0;width:100%;height:100%;}
.mlayer_wrap .mgb {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;}
.mlayer_wrap .layer_cont {position:absolute;left:50%;top:50%;width:270px;height:220px;padding:50px 25px;margin:-160px 0 0 -160px;background:#fff;border-radius:10px;}


/**********/
/* templet */
/**********/
/* form */
select{width:200px;height:35px;text-indent:10px;line-height:35px;border:1px solid #bbbbbb;border-radius:5px;box-sizing:border-box;background:#fff;}
input[type="text"],
input[type="tel"],
input[type="date"],
input[type="data"],
input[type="number"],
input[type="password"],
input[type="email"] {width:200px;height:35px;text-indent:10px;line-height:35px;border:1px solid #bbbbbb;border-radius:5px;box-sizing:border-box;background:#fff;}

input[type="data"] {position:relative;background:#fff url(/bc/images/common/icon_calendar.png) 95% center no-repeat;background-size:18px 20px;}
input[type="date"] {position:relative;background:#fff url(/bc/images/common/icon_calendar.png) 95% center no-repeat;background-size:18px 20px;}

input::-webkit-input-placeholder {color:#444;}
input:-moz-placeholder {color:#444;}
input::-moz-placeholder {color:#444;}
input:-ms-input-placeholder {color:#444;}
input:read-only {color:#444;}
/* txt_blue */
input.txt_blue::-webkit-input-placeholder {color:#347dec;}
input.txt_blue:-moz-placeholder {color:#347dec;}
input.txt_blue::-moz-placeholder {color:#347dec;}
input.txt_blue:-ms-input-placeholder {color:#347dec;}
input.txt_blue:read-only {color:#347dec;}
/* txt_gray */
input.txt_gray::-webkit-input-placeholder {color:#999;}
input.txt_gray:-moz-placeholder {color:#999;}
input.txt_gray::-moz-placeholder {color:#999;}
input.txt_gray:-ms-input-placeholder {color:#999;}
input.txt_gray:read-only {color:#999;}
/* bg gray */
input.bg_gray, textarea.bg_gray {background:#eeeff1 !important;}
/* radio */
label.radio {position:relative;height:24px;padding:3px 0 0 28px;}
label.radio:after {display:block;content:"";position:absolute;left:0;top:0;width:24px;height:24px;background:url(/bc/images/common/icon_btn_zip.png) 0 0 no-repeat;background-size:200px 200px;}
label.radio.on:after {display:block;content:"";position:absolute;left:0;top:0;width:24px;height:24px;background-position:-60px 0;}

/* checkbox */
label.checkbox {position:relative;height:24px;padding:3px 0 0 28px;}
label.checkbox:after {display:block;content:"";position:absolute;left:0;top:0;width:24px;height:24px;background:url(/bc/images/common/icon_btn_zip.png) 0 -60px no-repeat;background-size:200px 200px}
label.checkbox.on:after {display:block;content:"";position:absolute;left:0;top:0;width:24px;height:24px;background-position:-60px -60px;}

/* btn */
button.one {width:100% !important;}
.btn_table {display:table;width:98%;padding-top:10px;margin:0 auto; text-align:center;}
.btn_table button + button {margin-left:1%;}
.btn_table button.btn_white {width:49.5%;height:35px;text-align:center;color:#666;line-height:30px;border:1px solid #ddd;border-radius:5px;background:#fff;}
.btn_table button.btn_grey {width:49.5%;height:35px;text-align:center;color:#fff;line-height:30px;border:1px solid #ddd;border-radius:5px;background:#A7A7A7;}
.btn_table button.btn_blue {width:49.5%;height:35px;text-align:center;color:#fff;line-height:30px;border:1px solid #ddd;border-radius:5px;background:#347dec;}
button.btn_black {width:49.5%;height:35px;text-align:center;color:#ffd71d;line-height:35px;border-radius:5px;background:#333131;}
button.btn_black span {display:inline-block;height:35px;color:#fff;line-height:25px;vertical-align:middle;}
.btn_add {height:30px;text-align:center;color:#fff;line-height:30px;border-radius:5px;background:#333131;}
.tit_h2 + .btn_add {float:right; margin:-32px 20px 5px}
.btn_add + .form_cont {clear:both}

.tit_h2 + .btn_group {float:right; margin:-32px 20px 5px}
.btn_group + .form_cont {clear:both}

.areaSign .txtName + .btn_group {float:right; margin:-32px 1px 5px}

/* 하단 btn */
.btn_box {display:table; width:100%;}
.btn_box button {display:table-cell;width:50%;text-align:center;font-size:1.500em;line-height:60px;}
.btn_box button + button {/* margin-left:1%; */}
.btn_box button.btn_white {background:#fff}
.btn_box button.btn_blue {color:#fff;background:#347dec;}

.btn_box a {display:table-cell;width:50%;text-align:center;font-size:1.500em;line-height:60px;}
.btn_box a.btn_white {color:#666;background:#fff}
.btn_box a.btn_blue {color:#fff;background:#347dec;}

/* style icon */
.icon_zip {position:relative;padding-left:20px;}
.icon_zip:after {position:absolute;content:"";left:0;top:0;width:17px;height:17px;background:url(/bc/images/common/icon_zip.png) 0 0 no-repeat;background-size:200px 200px;}
.icon_zip.icon_find:after {top:7px;background-position:0 0;}

.icon_plus {position:relative;padding-left:20px;}
.icon_plus:after {position:absolute;content:"";left:-2px;top:5px;width:17px;height:17px;background:url(/bc/images/common/ico_plus.png) 0 0 no-repeat;background-size: 17px 17px;}

/* 간격 */
.mgl1p {margin-left:1% !important;}
.mgb10 {margin-bottom:10px !important;}
.mgt10 {margin-top:10px !important;}



/**********/
/* module */
/**********/
.form_cont {padding:10px 7px 10px 7px;border:1px solid #d8d8d8;border-width:1px 0;box-sizing:border-box;background-color:#eeeff1;}
.form_cont.radio_box {padding:20px 0 0 20px;}
.form_cont .btn_table {width:100%;}

.input_box {display:table;width:100%;margin-bottom:10px;}
.input_box input[type="text"],
.input_box input[type="tel"],
.input_box input[type="number"],
.input_box input[type="data"],
.input_box input[type="date"],
.input_box input[type="password"],
.input_box input[type="email"] {display:table-cell;width:69.5%;}
.input_box button.btn_black {display:table-cell;width:29%;margin-left:1%;color:#fff;}
.input_box.last_line {padding-bottom:10px;border-bottom:1px solid #d8d8d8;}
.input_box .textarea {width:69.5%; height:117px; padding:10px 10px; font-size:1.167em; color:#000; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; resize: none;}
.input_box .address {width:100%; height:52px; padding:10px 10px; font-size:1.167em; color:#000; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; resize: none;}
.input_box .comment {width:69.5%;font-size:1.167em;}

.input_box70 {display:table;width:100%;margin-bottom:10px;}
.input_box70 input {display:table-cell;width:69.5%;}
.input_box70 select {display:table-cell;width:67.5%;}
.input_box70.last_line {padding-bottom:10px;border-bottom:1px solid #d8d8d8;}
.input_box70 .textarea {width:69.5%; height:117px; padding:10px 10px; font-size:1.167em; color:#000; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; resize: none;}
.input_box70 .comment {width:69.5%;font-size:1.167em;}
.input_box70 span.pad{padding-left:8px;}

.input_box75 {display:table;width:100%;margin-bottom:10px;}
.input_box75 input {display:table-cell;width:74.5%;}
.input_box75 select {display:table-cell;width:72.5%;}
.input_box75.last_line {padding-bottom:10px;border-bottom:1px solid #d8d8d8;}
.input_box75.last_margin {margin-bottom:0px;}
.input_box75 .textarea {width:74.5%; height:117px; padding:10px 10px; font-size:1.167em; color:#000; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; resize: none;}
.input_box75 .comment {width:74.5%;font-size:1.167em;}
.form_view {background:#fff;}
.input_box75 span.pad{padding-left:8px;}

.input_box75 input.itemname {width:calc(74.5% - 38px);}
.input_box75 .btn_search {width:35px; height:41px; background:url(/bc/images/common/icon_zip.png) -92px 10px no-repeat; background-size:250px 250px}

.input_box80 {display:table;width:100%;margin-bottom:10px;}
.input_box80 input {display:table-cell;width:79.5%;}
.input_box80 select {display:table-cell;width:77.5%;}
.input_box80.last_line {padding-bottom:10px;border-bottom:1px solid #d8d8d8;}
.input_box80 .textarea {width:79.5%; height:117px; padding:10px 10px; font-size:1.167em; color:#000; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; resize: none;}
.input_box80 .comment {width:79.5%;font-size:1.167em;}
.input_box80 span.pad{padding-left:8px;}


.tit_form20 {width:20%;font-size:1.167em;}
.tit_form25 {width:25%;font-size:1.167em;}
.tit_form30 {width:30%;font-size:1.167em;}
.tit_form {width:30%;font-size:1.167em;}
.tit_form span.pad{padding-left:8px;}
.input_box input[type="text"],
.input_box input[type="tel"],
.input_box input[type="number"],
.input_box input[type="data"],
.input_box input[type="date"],
.input_box input[type="password"],
.tit_form + input[type="email"] {width:70%}

.tit_form + input[type="date"] {padding-top:8px;}


.radio_box {display:table;width:100%;}
.radio_box label.radio {width:24%;margin-bottom:17px;}
.radio_box.colp13 label.radio {width:13%; vertical-align:top}
.radio_box.col2 label.radio {width:40%; vertical-align:top}

.txt_red {position:relative;padding-left:10px;margin-top:7px;color:#d53133;font-size:1em;font-weight:bold;}
.txt_red:after {position:absolute;content:"";left:0;top:50%;width:3px;height:3px;margin-top:-1.5px;;border-radius:50%;background:#d53133;}

/* 정보성 박스 */
.info_box {display:table;width:95%;padding:15px 0 6px;margin:0 auto;}
.info_box dl {display:table-row;width:100%;}
.info_box dl dt,
.info_box dl dd {display:table-cell;padding-bottom:14px;text-align:left;color:#000;font-size:1.333em;letter-spacing:-1px;vertical-align:top;}
.info_box dl dd {font-weight:600;}
.info_box dl dt {width:25%;}

/* 정보성 박스 - 색상별 */
.red_box {border-top:1px solid #ed9695;background:#fff7f5;}
.red_box .tit_h2 {color:#d73530;border-bottom:1px solid #ed9695;background:#fddcde;}
.red_box .info_box dl dt {color:#d73530;}
.blue_box {border-top:1px solid #88b7e7;background:#f6f6fe;}
.blue_box .tit_h2 {color:#3776ce;border-bottom:1px solid #88b7e7;background:#c5daf5;}
.blue_box .info_box dl dt {color:#3776ce;}

/* step */
.step_navbox {display:table;width:100%;margin:15px 0;}
.step_navbox li {display:table-cell;position:relative;width:25%;text-align:center;font-size:1.167em;}
.step_navbox li:after {display:block;content:"";position:absolute;left:50%;top:35%;width:100%;border-top:1px solid #d8d8d8;}
.step_navbox li:last-child:after {display:none;}
.step_navbox li span {display:block;position:relative;width:31px;height:31px;margin:0 auto;text-align:center;color:#999;font-weight:bold;font-size:0.750em;line-height:31px;border:2px solid #d8d8d8;border-radius:50%;background-color:#eeeff1; z-index:1}
.step_navbox li.on {color:#333131;}
.step_navbox li.on span {color:#333131;border-color:#333131;background-color:#ffd71d;}

/* 검색 */
.search_wrap {display:table;width:98%;margin:10px auto 18px;}
.search_wrap select {float:left;width:28%;height:35px;font-size:1.333em;border:1px solid #ddd;border-radius:5px;vertical-align:middle;}
.search_wrap select option {color:#000;font-size:1.000em;}
.search_wrap .search_box {float:right;width:70%;margin:0 0 0 1%;vertical-align:middle;}
.search_box {display:table;width:98%;margin:10px auto 18px;border:1px solid #ddd;border-radius:5px;}
.search_box input {display:table-cell;width:90%;font-size:1.333em;border-width:0;vertical-align:middle;}
.search_box button {display:table-cell;width:10%;height:100%;vertical-align:middle;}
.search_box button span {display:inline-block;position:relative;width:100%;height:100%;text-indent:-9999px;}
.search_box button span:after {position:absolute;content:"";left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;background:url(/bc/images/common/icon_zip.png) -80px 0 no-repeat;background-size:200px 200px;}

/* 테이블 위 제목박스 */
.tit_box {display:table;width:98%;}
.tit_box .checkbox {float:left;margin:6px 0 0 2%;vertical-align:middle;}
.tit_box .checkbox + .tit_h2 {padding-left:0;}
.tit_box .tit_h2 {float:left;}
.tit_box .txt_red {float:right;padding-left:0;text-align:right;color:#d53133;font-size:1.167em;}
.tit_box .txt_red:after {display:none;}

.tit_box2 {display:table;width:98%;margin-top:3px;}
.tit_box2 .checkbox + .tit_h2 {padding-left:0;}
.tit_box2 .tit_h2 {float:right;padding-right:10px;font-size:1.167em;}
.tit_box2 .txt_red {float:left;padding-left:15px;text-align:left;color:#d53133;font-size:1.167em;}
.tit_box2 .txt_red:after {display:none;}

/* layer popup_sub page */
.agreeText_box {margin-bottom:40px;text-align:center;letter-spacing:-1px;}
.agreeText_box strong {color:#333131;font-size:1.667em;}
.agreeText_box span {color:#333131;font-size:1.333em;}

.btn_layer {display:table;width:100%;}
.btn_layer button {display:table-cell;width:48%;height:40px;text-align:center;font-size:1.333em;line-height:30px;border:1px solid #ddd;border-radius:25px;}
.btn_layer button + button {margin-left:4%;}
.btn_layer .btn_white {color:#666;background:#fff;}
.btn_layer .btn_blue {color:#fff;background:#347dec;}

.board_info {display:table;width:100%;margin-bottom:20px;border-top:1px solid #d4d4d4; border-bottom:1px solid #eef5fd;}
.board_info th {text-align:center;color:#666;font-size:1.000em;line-height:24px;border-bottom:1px solid #d4d4d4;background:#eeeff0;}
.board_info th + th {border-left:1px solid #d4d4d4;}
.board_info td {text-align:center;color:#000;font-size:1.000em;line-height:40px;}
.board_info tr.odd td {background:#eef5fd;}
.board_info.type2 td {line-height:24px;}

.result_check_list {display:table;width:100%;margin:0 auto;}
.result_check_list p.no_data {width:100%;height:50px; vertical-align:middle; text-align:center; font-size:15px;}
.result_check_list li {position:relative;padding:10px;margin-bottom:10px;border:1px solid #bbb;border-radius:5px;background:#fff;}
.result_check_list span.date {position:absolute;right:10px;top:10px;color:#000;}
.result_check_list dl {display:table;width:100%;margin-bottom:7px;}
.result_check_list dl dt {display:table-cell;width:25%;color:#666;}
.result_check_list dl dd {display:table-cell;width:25%;text-align:right;color:#000;}
.result_check_list dl dt:first-child + dd {width:25%;padding-right:10%;}
.result_check_list li.on label {color:#347dec;}

.row.type2 .result_tit {display:block; font-size:13px; padding:10px 0 15px}
.row.type2 .result_check_list dl dt:first-child + dd {padding-right:0}

/* 탭 */
.list_tab:after {display:block; content:""; clear:both}
.list_tab .tab {display:block; float:left; width:50%; height:49px; font-size:1.33em; color:#999; line-height:47px; font-weight:bold; text-align:center; background:#f5f5f5; border-bottom:1px solid #d4d4d4; border-left: 1px solid #d4d4d4;}
.list_tab .tab.active {color:#000; background:#ffd71d; border-bottom:1px solid #ffd71d}

/* 달력 영역 */
.wrap_calendar {background:#fff}
/* calendar_top */
.calendar_top {padding:10px 0; text-align:center}
.calendar_top .btn_arrow {display:inline-block; width:21px; height:20px; margin-right:16px; vertical-align:middle; background:url(/bc/images/common/arrow_zip.png) 0 0 no-repeat; background-size:200px 200px}
.calendar_top .btn_arrow.next {margin-right:0; margin-left:16px; background-position:-30px 0}
/* select */
.wrap_sel {display:inline-block;  overflow:hidden; position:relative; min-width:118px; height:38px; vertical-align:middle; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.wrap_sel select {width:100%; height:100%; padding:0 30px 0 10px;font-size:1.33em; color:#000; font-weight:bold; background:url(/bc/images/common/sel_arrow.png) 100% 50% no-repeat; background-size:24px 6px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none}
.wrap_sel.month {min-width:88px}
/* 범례 */
.calendar_info {padding-right:10px; padding-bottom:8px; text-align:right}
.info {display:inline-block; position:relative; padding-left:10px; font-size:1.08em; font-weight:bold}
.info:before {display:block; content:""; overflow:hidden; position:absolute; left:0; top:40%; width:7px; height:7px; margin-top:-2px; border-radius:50%}
.info + .info {margin-left:6px}
/* 차계부 */
.account .info.info01:before {background-color:#0b0be5}
.account .info.info02:before {background-color:#23c513}
.account .info.info03:before {background-color:#d77a0a}
.account .info.info04:before {background-color:#f01a19}
.account .btn_box {border-top:1px solid #d8d8d8}
/* 작업일보 */
.workDaily {padding-bottom:62px}
.workDaily .info.info01:before {background-color:#f01a19}
.workDaily .info.info02:before {background-color:#0b0be5}
.workDaily .info.info03:before {background-color:#0bb9e5}
.workDaily .info.info04:before {background-color:#23c513}
.workDaily .info.info05:before {background-color:#ffd71d}
.workDaily .btn_box {position:fixed; left:0; bottom:0; border-top:1px solid #d8d8d8}

/*calendar */
.calendar {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}
.calendar thead th {height:46px; text-align:center; font-size:1.33em; color:#7c7c7c}
.calendar tbody td {color:#808080; border:1px solid #eeeeee; border-bottom:0}
.calendar .frst_bd {color:#d53133; border-left:0}
.calendar .last_bd {color:#347dec; border-right:0}
.calendar .red {color:#d53133;}
.calendar .blue {color:#347dec;}
.calendar .com {color:#808080;}

.calendar .cld_date {min-height:28px; padding:10px}
/* .calendar .today {color:#333131; font-weight:bold; background:#ffd71d} */
.calendar .today {background:#ffd71d}
.calendar .cld_next {background:#f5f5f5}
.calendar .cld_info .info {padding-left:4px}
.calendar .cld_info .info + .info {margin-left:2px}

/* area_detail */
.area_detail {margin-top:0px; background:#fff; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}
.detail_top {padding:21px 13px 12px;line-height:25px;}
.detail_top .tit {font-size:1.33em; font-weight:bold; line-height:1; color:#000}
.detail_top .cbox {display:inline-block; font-size:1.33em; font-weight:bold; line-height:1; color:#000; float:right;}
.detail_body {padding:0 13px 21px}
.list_detail.date:after {display:block; content:""; clear:both}
.list_detail.date .item {float:left; width:50%; padding:9px 18px 0 7px; box-sizing:border-box}
.list_detail.date .item:nth-of-type(even) {padding:9px 7px 0 18px}
.list_detail.date .item:after {display:block; content:""; clear:both}
.list_detail.date .info {display:block; float:left; }
.list_detail.date .info.red {color:#f01a19}
.list_detail.date .info.blue {color:#0b0be5}
.list_detail.date .value {display:block; float:right; text-align:right; font-size:1.16em; color:#000; font-weight:bold}

/* btn_write */
.btn_write {display:block; position:fixed; right:10px; bottom:73px; width:77px; height:77px; background:url(/bc/images/common/btn_write.png) 0 0 no-repeat; background-size:77px 77px}

/* list_top */
.list_top {padding:6px 10px; background:#fff; border-bottom:1px solid #d4d4d4;font-size:14px;}
.list_top:after {display:block; content:""; clear:both}
/*
.list_top input[type='checkbox'] {position:absolute; left:0; width:2px; height:2px; opacity:0;}
.list_top  input[type='checkbox'] + label {display:inline-block; position:relative; min-height:22px; line-height:22px; padding-left:32px; font-size:1.16em;  line-height:22px; color:#000; font-weight:bold}
.list_top  input[type='checkbox'] + label:before {display:block; content:""; position:absolute; left:0; top:50%; width:22px; height:22px; margin-top:-11px; background:url(/bc/images/common/checkbox.png) 0 0 no-repeat; background-size:60px 22px}
.list_top  input[type='checkbox']:checked + label:before {background-position:-30px 0}
*/
.list_top .info {float:right; font-size:1.16em; font-weight:bold; color:#d53133; line-height:22px;}
.list_top.alR {border-bottom:0}

/* 전체메뉴 */
.header_src {position:absolute; left:0; top:0; width:100%; height:60px; padding:10px 56px 10px 10px; background:#333131; box-sizing:border-box}
.header_src .wrap_inputSrc {position:relative; display:block}
.header_src .wrap_inputSrc input {width:100%}
.header_src .wrap_inputSrc .btn_src {position:absolute; right:0; top:0; width:38px; height:41px; background:url(/bc/images/common/icon_zip.png) -70px 10px no-repeat; background-size:200px 200px}

.row_input .tit_h2 {border-bottom:1px solid #d8d8d8}
.row_input .row_cell {border-bottom:1px solid #d8d8d8}
.row_input .row_cell {position:relative; padding:10px 60px 18px 20px; background:#fff}
.row_input .row_cell + .row_cell {margin-top:0; padding:10px 60px 18px 20px; }
/*.row_input .row_cell input[type='checkbox'] {position:absolute; left:0; width:2px; height:2px; opacity:0;}
.row_input .row_cell input[type='checkbox'] + label:before {display:block; content:""; position:absolute; right:14px; top:18px; width:22px; height:22px; margin-left:-11px; background:url(/bc/images/common/checkbox.png) 0 0 no-repeat; background-size:60px 22px}*/

.row_input .row_cell .chk { position: absolute; right: 25px; top:9px;}
.row_input .row_cell .checkbox { position: absolute; left: -9999px;}
.row_input .row_cell .checkbox + label { display: inline-block; vertical-align: middle; width:24px; height: 24px; background: url(/bc/images/caus/checkbox_off.png) no-repeat 0 0; margin:7px 3px 0 0;}
.row_input .row_cell .checkbox:checked + label { background: url(/bc/images/caus/checkbox_on.png) no-repeat 0 0;}

.row_input .row_cell .tit {display:block; padding-bottom:7px; font-size:16px; line-height:1.5; color:#000}
.row_input .row_cell .txt {display:block; font-size:14px; line-height:16px}

.wrap_list_titCont {margin-top:0px; background:#fff; }
.list_titCont {}
.list_titCont input[type='checkbox'] {position:absolute; left:0; width:2px; height:2px; opacity:0;}
.list_titCont .titCont:first-child {border-top:1px solid #d4d4d4}
.list_titCont .titCont {padding:20px; border-bottom:1px solid #d4d4d4}
.list_titCont .titCont >a {display:block}
.list_titCont .date {display:block; float:right; font-weight:bold; color:#333}
.list_titCont .tit {display:block; float:left; overflow:hidden; width:60%; font-size:1.33em; line-height:1; color:#000; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.list_titCont .tit span {display:inline-block; overflow:hidden; width:100%; padding-bottom:4px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.list_titCont .cont {clear:both; padding-top:9px}
.list_titCont .cont .desc {display:inline-block; position:relative; padding:0 4px; font-size:1.083em; line-height:1.2}
.list_titCont .cont .desc.remarks span {display:inline-block; }
.list_titCont .cont .desc.remarks {display:inline-block; overflow:hidden; width:98%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.list_titCont .cont .desc:before {display:block; content:"["; position:absolute; left:0; top:0;}
.list_titCont .cont .desc:after {display:block; content:"]"; position:absolute; right:0; top:0;}
.list_titCont .no_data {padding-top:25px; padding-bottom:300px; font-size:1.33em; font-weight:bold; color:#000; line-height:1; text-align:center; background:#eeeff1}

/* 추가 */
.row {}
.row_top {height:34px; padding:0 10px; background:#fff; border-bottom:1px solid #d8d8d8}
.row_top .tit {font-size:1.16em; line-height:34px}
.row_body {padding:20px}
.row_body .inputTxt {width:100%; height:41px; padding:0 10px; font-size:1.33em; color:#999; line-height:41px; text-indent:0; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.row_cell:after {display:block; content:""; clear:both}
.row_cell + .row_cell {margin-top:10px}
.row_body .col02 {float:left; width:50%; padding-right:10px; box-sizing:border-box}
.row_body .col02 + .col02 {position:relative; padding-right:0; padding-left:10px}
.row_body .col02 + .col02:before {display:block; content:"~"; position:absolute; left:-10px; top:0; width:20px; height:40px; font-size:1.16em; color:#999; line-height:40px; font-weight:bold; text-align:center}
.row_body .textarea {width:100%; height:117px; padding:14px 10px; font-size:1.33em; color:#999; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; resize: none;}

/** 대화 **/
/* list */
.wrap_input_search {position:relative; margin-bottom:7px; padding-left:35px;background:#fff; border-bottom:1px solid #d4d4d4}
.wrap_input_search:before{display:block; content:""; position:absolute; left:23px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(/bc/images/common/icon_zip.png) 0 -36px no-repeat; background-size:200px 200px}
.wrap_input_search .inputTxt {width:100%; height:52px; padding:0 10px; font-size:1.33em; color:#999; line-height:52px; text-indent:0; border:0; box-sizing:border-box; }

.wrap_list {}
.list_imgCont {border:1px solid #d4d4d4; border-right:0}
.list_imgCont .item {position:relative; height:79px; padding-left:79px; background:#fff; border-top:1px solid #d4d4d4}
.list_imgCont .item:first-child {border-top:none}
.list_imgCont .item:after {display:block; content:""; clear:both}
/*
.list_imgCont .img {position:absolute; left:0; top:0; width:79px; border-right:1px solid #d4d4d4}
.list_imgCont .img img {display:block; width:100%}
*/
.list_imgCont .img {position:absolute; left:5px; top:5px; width:64px;height:64px; border-right:1px solid #d4d4d4; overflow:hidden;border-radius:75px;}
.list_imgCont .img img {display:block; width:64px;max-height:64px;}

.list_imgCont .cont {padding:12px 12px 12px 16px; box-sizing:border-box}
.list_imgCont .cont_top {position:relative; margin-bottom:8px; padding-right:50px}
.list_imgCont .cont_top .tit {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-size:1.33em; font-weight:bold; line-height:1}
.list_imgCont .cont_top .time {display:block; position:absolute; right:0; top:0; font-weight:bold; color:#4c94ff}
.list_imgCont .no_data {padding-top:25px; padding-bottom:300px; font-size:1.33em; font-weight:bold; color:#000; line-height:1; text-align:center; background:#eeeff1}
/* 친구추가 버튼 */
.btn_add_user {display:block; position:absolute; right:10px; bottom:10px; width:77px; height:77px; background:url(/bc/images/common/btn_add_user.png) 0 0 no-repeat; background-size:77px 77px}

/* 대화방 */
.talk {height:100%; background:#dee0e4}
.wrap_chat {padding:20px 12px;}
.wrap_chat .date_chat_view {padding-bottom:12px; font-size:1.16em; line-height:1; text-align:center; font-weight:bold}
.chat_left {position:relative; padding:0 8px 0 57px}
.chat_left .img_profile {position:absolute; left:0; top:0; overflow:hidden; width:45px; height:45px; border-radius:50%}
.chat_left .img_profile img {display:block; width:100%}
.wrap_chat .chat_info .user {display:block; font-size:1.16em; font-weight:bold; color:#333131}
.wrap_chat .chat_msg {display:inline-block; position:relative; margin-top:5px; background:#333131; border-radius:4px}
.wrap_chat .chat_msg .box_msg {padding:10px 11px; font-size:1.16em; color:#fff; line-height:1.3; max-width:350px;}
.wrap_chat .chat_msg .arrow {display:block; position:absolute; left:-6px; top:5px; width:6px; height:8px; background:url(/bc/images/common/bg_talkbox_left.png) 0 0 no-repeat; background-size:6px; height:8px}
.wrap_chat .chat_info .date_time {display:block; margin-top:6px; font-size:1.08em; color:#8d8d8d}

.chat_right {position:relative; padding:0 8px 0 57px}
.chat_right .wrap_chat_right {text-align:right}
.chat_right .chat_msg {background:#f4f4f6; border-radius:4px; box-shadow: 0px 1px 1px 0px #9c9da0;}
.chat_right .chat_msg .box_msg {text-align:left; color:#333;}
.chat_right .chat_msg .arrow {left:auto; right:-6px; background-image:url(/bc/images/common/bg_talkbox_right.png)}

/* 친구목록 */
.mylist {margin-top:-7px}
.mylist .info {display:block; height:27px; padding:0 12px; line-height:27px; font-weight:bold; color:#fff; background:#333131; box-sizing:boder-box}
.profile .info {display:block; height:27px; padding:0 12px; line-height:27px; font-weight:bold; background:#eeeff1; box-sizing:boder-box}
.list_imgCont.type2 .cont {display:table; width:100%; height:100%}
.list_imgCont.type2 .cont:after {display:block; content:""; clear:both}
.list_imgCont.type2 .cont .cont_top {display:table-cell; vertical-align:middle}
.list_imgCont.type2 .cont .cont_body {display:table-cell; text-align:right; vertical-align:middle}
.list_imgCont.type2 .desc {display:inline-block; padding:6px 16px 8px; font-size:0.83em; color:#b29200; background:#ffefa5; border-radius:20px}

/* 친구추가 */
.tab {display:table; width:100%; height:53px; background:#fff; }
.tab .item {display:table-cell; height:53px; text-align:center; color:#999; font-weight:bold; font-size:1.33em; vertical-align:middle; border-bottom:1px solid #d4d4d4}
.tab .item span {display:block; line-height:53px; border-bottom:3px solid #fff}
.tab .item.active {color:#347dec; border-bottom:1px solid #347dec}
.tab .item.active span {border-bottom:3px solid #347dec}
.user_search {padding-bottom:60px}
.area_search + .wrap_list {margin-top:7px}
.area_search {position:relative; padding:20px 126px 20px 20px}
.area_search .inputTxt {display:block; width:100%; height:44px; padding:0 10px; color:#444; text-indent:0; box-sizing:border-box; border:1px solid #bbb; border-radius:3px;}
.area_search .btn_search {display:block; position:absolute; right:20px; top:20px; width:100px; height:44px; padding:0; font-size:1.33em; text-align:center; color:#fff; line-height:44px; background:#333131; border-radius:3px; border:1px solid #333131}

.talk .btn_add_userL,
.btn_bottom_fixed {position:fixed; left:0; bottom:0; width:100%; height:60px; font-size:1.66em; font-weight:bold; color:#fff; line-height:60px; text-align:center; background:#347dec}
.btn_bottom {display:block; width:100%; height:60px; font-size:1.66em; font-weight:bold; color:#fff; line-height:60px; text-align:center; background:#347dec}

.btn_comm {display:inline-block;padding-left:10px;padding-right:10px; height:34px; font-size:16px; font-weight:bold; line-height:34px; text-align:center;background:#ffffff; border:1px solid #bbb; border-radius:3px}
.btn_comm.blue {color:#fff; font-weight:bold; background:#347dec; border:1px solid #347dec}

.list_imgCont.type3 .cont {display:table; position:relative; padding:7px 74px 7px 20px; height:100%}
.list_imgCont.type3 .cont_top {display:table-cell; height:100%; vertical-align:middle}
.list_imgCont.type3 .cont_body {position:absolute; right:0; top:50%; width:73px; height:52px; margin-top:-26px; border-left:1px solid #d4d4d4}
.list_imgCont.type3 .checkbox02 {display:block; width:100%; height:100%; margin:0; padding:0; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(/bc/images/common/checkbox02_off.png ) 50% 50% no-repeat; background-size:18px 14px;}
.list_imgCont.type3 .checkbox02:checked {background-image:url(/bc/images/common/checkbox02_on.png )}

/* 알림톡 */
.list_alret {padding-bottom:63px}
.talk .layer_search {position:static}
.talk .form_cont {}
.result_check_list.type2 label + dl {padding-top:10px}
.result_check_list.type2 dl dd {width:75%; padding-right:0}
.result_check_list.type2 dl dt:first-child + dd {width:75%; padding-right:0}

.wrap_list_titCont.type2 {margin-top:0}
.wrap_list_titCont.type2 .list_titCont .date {color:#4c94ff}
.wrap_list_titCont.type2 .list_titCont .cont .tit_desc {display:block; color:#666; font-weight:normal}
.wrap_list_titCont.type2 .list_titCont .cont .desc {padding:0; color:#666}
.wrap_list_titCont.type2 .list_titCont .cont .desc:before,
.wrap_list_titCont.type2 .list_titCont .cont .desc:after {display:none;}

.talk .posFixedB.btn_box { border-top:1px solid #d8d8d8}

.talk .wrap_top .txt_desc{padding:20px 20px;font-size:1.167em;color:#444;text-align:center}
.talk .btn_cancel{border:1px solid #d4d4d4;min-width:80px;box-sizing:border-box;border-radius:18px;padding: 4px 17px 7px  17px;vertical-align:top;font-weight:bold;color:#666;font-size:1.167em;}

/* 세금계산서 */
.jobreq {background:#fff}
.jobreq .posFixedB.btn_box { border-top:1px solid #d8d8d8}

/* 세금계산서 */
.tax {background:#fff}
.tax .posFixedB.btn_box { border-top:1px solid #d8d8d8}

/* form */
.row_body.type2 .row_cell:after {display:block; content:""; clear:both}
.row_body.type2 .row_cell .inputTxt {width:calc(100% - 80px)}
.row_body.type2 .row_cell .textarea{width:calc(100% - 80px)}
.row_body.type2 .tit {float:left; width:80px; text-align:center; line-height:40px}

/* 설정 */
.wrap_list_setting {background:#fff; border-top:1px solid #e5e6e9}
.wrap_list_setting .list_setting {position:relative; height:53px; border-bottom:1px solid #e5e6e9}
.wrap_list_setting .list_setting:after {display:block; content:""; position:absolute; right:20px; top:50%; width:8px; height:13px; margin-top:-6px;background:url(/bc/images/common/btn_arrow_right.png) 0 0 no-repeat; background-size:100% auto;}
.wrap_list_setting .list_setting.isTxt:after {display:none}
.wrap_list_setting .list_setting a {display:block;  padding:0 20px; box-sizing:border-box}
.wrap_list_setting .list_setting .tit {display:inline-block; color:#000; font-size:16px; line-height:53px; font-weight:bold}
.wrap_list_setting .list_setting .state {position:absolute; right:20px; top:50%; margin-top:-8px; color:#999; font-size:16px; line-height:1; font-weight:bold}
.wrap_list_setting .list_setting .state.on {color:#dd0000}

.top_setting {position:relative; margin-bottom:8px; padding:20px 0; background:#fff; border-bottom:1px solid #d4d4d4}
.top_setting:after {display:block; content:""; clear:both}
.top_setting .left {float:left; width:35%; padding:0 20px 0 13px; box-sizing:border-box}
.top_setting .left .img {overflow:hidden; border-radius:50%;}
.top_setting .left img {display:block; width:100%}
.top_setting .right {float:left; width:65%}
.top_setting .right .name {display:inline-block; font-size:18px; color:#000; font-weight:bold; vertical-align:middle}
.top_setting .right .txt {padding-top:14px; font-size:13px; color:#000; font-weight:bold; letter-spacing:-1px}
.top_setting .bnt_setting {display:block; position:absolute; right:18px; top:18px; width:20px; height:20px; background:url(/bc/images/common/btn_setting.png) 0 0 no-repeat; background-size:100% auto}
.top_setting .left {position:relative}
.top_setting .btn_img {position:absolute; right:12px; bottom:0; display:block; width:32px; height:32px; background:url(/bc/images/common/btn_camera.png) 0 0 no-repeat; background-size:100% auto}
.top_setting .right .btn_name {display:inline-block; width:24px; height:24px; margin-left:9px;background:url(/bc/images/common/btn_name.png) 0 0 no-repeat; background-size:100% auto; vertical-align:middle}

.wrap_list_profile {background:#fff; border-top:1px solid #d4d4d4}
.wrap_list_profile .profile_item {position:relative; height:53px; border-bottom:1px solid #d4d4d4}
.wrap_list_profile .profile_item:after {display:block; content:""; clear:both}
.wrap_list_profile .profile_item .tit {display:block; float:left; width:22%; padding-left:20px; text-align:left; line-height:53px; color:#999; font-weight:bold; font-size:14px; box-sizing:border-box}
.wrap_list_profile .profile_item .txt {display:block; float:left; width:78%; line-height:53px; font-weight:bold; color:#000; font-size:14px}
.wrap_list_profile .profile_item .state {position:absolute; right:20px; padding-right:18px; top:50%;font-weight:bold; color:#000; font-size:14px; line-height:1; margin-top:-7px; background:url(/bc/images/common/btn_arrow_right.png) 100% 50% no-repeat; background-size:8px 13px;}

/* 프사변경 */
.talk2 {height:100%; background:#333131}
.talk2 .wrap_img {display:block; width:100%;height:100%;vertical-align:middle;}
.talk2 .wrap_img img {display:block; width:100%;}
.talk2 .btn_box .btn_white + .btn_white{border-left:1px solid #d4d4d4}

/* 대화명 변경 */
.wrap_name {padding:30px 20px}
.wrap_name .tit {display:block; padding-bottom:10px; font-size:14px; color:#444}
.wrap_name .input_name {display:block; position:relative; height:44px; padding:0 41px 0 43px; border:1px solid #bbb; border-radius:5px; box-sizing:border-box; background:#fff}
.wrap_name .input_name input {width:100%; height:42px; border:0}
.wrap_name .input_name .ico {display:block; position:absolute; left:11px; top:12px; width:20px; height:20px; background:url(/bc/images/common/ico_name.png) 0 0 no-repeat; background-size:20px 20px}
.wrap_name .input_name .close {display:block; position:absolute; right:11px; top:12px; width:20px; height:20px; background:url(/bc/images/common/btn_name_close.png) 0 0 no-repeat; background-size:20px 21px}

/* 차톡정보 */
.top_logo {margin-bottom:8px; line-height:139px; text-align:center; background:#ffffff;  border-bottom:1px solid #d4d4d4}
.wrap_list_profile + .wrap_list_setting {margin-top:8px}

.chat_top {position:relative; height:44px; font-size:18px; line-height:44px; text-align:center; background:#4c94ff; color:#fff}
.chat_top .wrap_option {position:absolute; right:16px; top:13px}
.chat_top .wrap_option .chat_option {display:block; width:18px; height:19px; background:url(/bc/images/common/btn_opt.png) 0 0 no-repeat; background-size:18px 19px}
.chat_top .wrap_option .lst_option {display:none; position:absolute; right:-16px; top:30px; width:100px; background:#fff; z-index:100}
.chat_top .wrap_option .lst_option a {display:block; font-size:14px;}
.chat_top .wrap_option .lst_option.on {display:block}

/* 거래처찾기 */
.find_list {height:100%; background:#eeeff1}
.find_list .tit_box {width:100%; padding-right:2%; box-sizing:border-box; background:#fff}
.find_list .form_cont {border-bottom:0}
.find_list .result_check_list dl dt:first-child + dd {width:75%}
.find_list .row_src.type2 {padding:0 0 0 125px}
.find_list .layer_search.type2 .txt_info {font-size:13px; padding-top:10px}

/* 우편번호찾기 */
.layer_search.type2 {position:static}
.btns_tab {padding-bottom:10px}
.btns_tab .btn_tab {color:#666; padding:0 15px}
.btns_tab .btn_tab:nth-of-type(1) {border-left:0}


.find_zip .result_check_list dt {width:20%}
.find_zip .result_check_list dl:nth-of-type(1) {clear:both; padding-top:7px}
.find_zip .result_check_list dl dt:first-child + dd {width:80%; text-align:left; padding-right:0}
.find_zip .tab {display:block; float:right; width:auto; height:auto; margin-top:5px}

/* 업무요청 */
.tax.type2 .wrap_src {padding: 20px 20px 0 145px}
.tax.type2 .wrap_src .sel {display:block; overflow:hidden; position:absolute; left:20px; top:20px; width:118px; height:35px;  vertical-align:middle; border:1px solid #bbb; border-radius:3px; box-sizing:border-box}
.tax.type2 .wrap_src .sel select {width:100%; height:100%; padding:0 30px 0 10px;font-size:1.33em; color:#347dec; font-weight:bold; background:url(/bc/images/common/sel_arrow.png) 100% 50% no-repeat; background-size:24px 6px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none}
.tax.type2 .wrap_src  .search_box {width:100%; margin:0;}
.tax.type2 .wrap_src .search_box button span:after {left:auto; right:50%}

/* cms */
.row.type2 .input_box .box_tit {display:inline-block; width:30%}
.row.type2 .input_box .box_cont {display:inline-block; width:70%}
.row.type2 .box_form .sel{display:inline-block;  overflow:hidden; position:relative; min-width:118px; height:38px; vertical-align:middle; border:1px solid #bbb; border-radius:3px; box-sizing:border-box;background:#fff}
.row.type2 .input_box.row2 .box_tit {vertical-align:top}
.row.type2 .sel.type2{width:100%}
.row.type2 .box_form  select {width:100%; height:100%; padding:0 25px 0 10px;font-size:1.33em; color:#000; font-weight:bold; background:url(/bc/images/common/sel_arrow.png) 100% 50% no-repeat; background-size:24px 6px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none}
.input_box .tit_form {display:inline-block; font-weight:normal}
.input_box .cont_form {display:inline-block; width:70%; line-height:35px}

.list_agree li {margin-top:5px; padding-left:10px; text-indent:-10px}
.list_agree li:first-child {margin-top:0}
.list_agree .tit {display:block; padding-bottom:5px}
.txtC {padding:15px 0 0; text-align:center; font-size:13px}
.areaSign {padding: 0 20px}
.areaSign .txtName {font-weight:bold; font-size:15px; padding-bottom:10px}
.areaSign .boxSign {height:120px; background:#fff; border:1px solid #d4d4d4}

.alR {text-align:right !important}
.alL {text-align:left !important}
.alC {text-align:center !important}

/* 분양정보 등록 */
.enrollment {}
.wrap_enrollment {}
.wrap_enrollment .location_area {padding:8px 20px; background:#fff}
.wrap_enrollment .location_area .location {padding:2px 0 2px 21px; background:url(/bc/images/common/ico_location.png) 0 0 no-repeat; background-size:13px 18px}
.wrap_enrollment .area_enrollment {padding:20px 20px 20px 15px}
.wrap_enrollment .area_enrollment > .txt {padding-bottom:16px; padding-left:5px; font-size:12px; color:#444}
.wrap_enrollment .list_col3:after {display:block; content:""; clear:both}
.wrap_enrollment .list_col3 .item {float:left; width:33.3%; padding-top:5px; padding-left:5px; box-sizing:border-box}
.wrap_enrollment .list_col3 a {display:block; overflow:hidden; width:100%; height:101px; text-align:center; border:1px solid #bbb; border-radius:4px; background:#fff}
.wrap_enrollment .list_col3 a:after {display:inline-block; content:""; height:100%; vertical-align:middle}
.wrap_enrollment .list_col3 img {display:inline-block; height:100%}
.wrap_enrollment .list_col3 .txt {display:inline-block; padding-top:25px; padding-left:0; padding-bottom:0; vertical-align:middle; line-height:1; font-size:11px; background:url(/bc/images/common/ico_add.png) 50% 0 no-repeat; background-size:20px 20px}


/* 업무요청 홈 */
.box_home {padding:23px 0 0}
.box_home .tit_h2 {font-size:14px; color:#000; line-height:30px; background:#fff; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8}
.box_home + .box_home {padding:0 0 0}
.box_home .tit_h2 + .list_ico {margin-top:23px}
.list_ico:after {display:block; content:""; clear:both}
.list_ico li {float:left; width:33.3%; min-height:115px; text-align:center}
.list_ico li a {display:block;  text-align:center}
.list_ico li .tit {display:block; padding-bottom:15px; font-size:14px; font-weight:bold}

.ico_home:before {display:inline-block; content:""; width:54px; height:60px; background:url(/bc/images/common/ico_home.png) 0 0 no-repeat; background-size:300px 400px}
.ico_home02:before {background-position:-100px 0}
.ico_home03:before {background-position:-200px 0}
.ico_home04:before {background-position:0 -100px}
.ico_home05:before {background-position:-100px -100px}
.ico_home06:before {background-position:-200px -100px}
.ico_home07:before {background-position:0 -200px}
.ico_home08:before {background-position:-100px -200px}
.ico_home09:before {background-position:0px -300px}
.ico_home10:before {background-position:-100px -300px}


/* 추가 */
div#loading_mask {
   position:absolute; z-index:9000; background-color:#999999; display:none; left:0; top:0;
}

/* 2017-01-30 */
.custom_checkbox{height:30px;}
.chk_hidden{display:none;}

.custom_checkbox > label.img_checkbox {position:relative; left:0px; height:24px; padding:4px 0 0 30px; background:url('/bc/images/common/icon_checkbox.png') 0 0px no-repeat; background-size:24px 54px;}
.custom_checkbox > input[type="checkbox"]:checked + label.img_checkbox {background-position:-0px -30px;}

.form_cont.custom_radio {padding:15px 0px 0px 20px;height:58px;}
.custom_radio {}
.custom_radio > label.img_radio {margin-right:20px; position:relative; left:0; height:24px; padding:4px 0 0 30px; background:url('/bc/images/common/icon_radio.png') 0 0px no-repeat; background-size:24px 54px;}
.custom_radio > input[type="radio"]:checked + label.img_radio {background-position:-0px -30px;}

.form_cont.font_com14 {font-size:14px;}

/* 2017-05-15 */
.view_layout {height:100%; background:#eeeff1}
.view_layout .top_view {display:table; width:100%; padding:20px; box-sizing:border-box; background:#fff}
.view_layout .top_view .tit {display:table-cell; width:75%; vertical-align:middle}
.view_layout .top_view .date {display:table-cell; width:25%; vertical-align:middle}
.view_layout .view_cont {font-size:15px;padding:20px; border-top:1px solid #d4d4d4}

/* 2018-01-16 */
.com_notice{min-height:60px;padding:16px 21px;margin:13px 18px 0 18px;box-sizing:border-box;background:#fff;border-radius:7px;border:1px solid #d8d8d8;}
.com_notice:after{display:block;content:'';clear:both}
.com_notice .tit{display:block; font-size:16px; line-height:1; color:#000}
.com_notice .txt{padding-top:10px;font-size:12px; line-height:16px; font-weight:bold; color:#666}


/* 마스크 뛰우기 */
#popup_mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

#popup_mask .popup_loading {
  position:fixed;
  margin-top:16px;
  margin-left:16px;
  left:50%;
  top:50%;
  z-index:20;
}

/** 팝업으로 뜨는 윈도우 css **/
.popup_window{
  display: none;
  position:fixed;
  z-index:9000;
  right:20px;
  bottom:20px;
  margin-left: 0px;
  width:55px;
}
.popup_window .menu{display:inline-block;width:100%;height:55px;padding:5px 0px 5px 0px;z-index:9000;}


.upload_frame { position: absolute; width:500px; height:320px; padding:5px 0; border: 1px solid #767676; background: #9F9F9F; z-index:9000;}
.mypopup_frame { position: absolute; width:500px; height:320px; padding:5px 0; border: 1px solid #767676; background: #9F9F9F; z-index:9000;}

.pubtype_R {color:#2ca3ff;} /* 매입 */
.pubtype_S {color:#ff4800;} /* 매출 */

/* 화물, 건설 탭 구분 */
.index-box { display:inline-block; float:left; padding:0 10px; }
.index-box li { background: #ffffff; color: #666666; border: 1px solid #666666; float: left; padding: 1px 4px; }
.index-box li:first-child { border-right:0; border-radius:5px 0 0 5px; }
.index-box li:last-child { border-radius:0 5px 5px 0; }
.index-box li.active { border: 1px solid #347dec; background: #347dec; color: #ffffff; }

.row_cont ul { clear: left; display: inline-block; } 
.row_cont ul li { width: 50%; float: left; padding-bottom: 10px; }
.row_cont ul li.grid2col { width: 50%; float: left; }
.row_cont ul li.grid3col { width: 33.33%; float: left; }
.row_cont ul li.grid4col { width: 25%; float: left; }

.row_cont .red {color:#f01a19}
.row_cont .blue {color:#0b0be5}
.row_cont .green {color:#23c513}
button.btn_green { width: 49.5%; height: 35px; text-align: center; color: #ffd71d; line-height: 35px; border-radius: 5px; background: #23c513; }

.nowrap { white-space:nowrap !important; }