@charset "utf-8";
/* contents */
#wrap {position:relative; min-width:1280px; width:100%; min-height:100%; height:100%;}
.container {width:1280px; min-width:1280px; margin:0 auto;padding:0 30px;position: relative;}
.container.pop2{width: 100%; min-width: 100%;}
.contents {padding-bottom:80px;min-height:700px;background: #fff;}
.contents_pop{min-height:100%; padding-bottom:80px;background: #fff;}
.flex_container {position:relative; height:100%; display:-webkit-flex; display:flex;}

.contents_tt {padding:40px 0 12px; text-align:center;}
.contents_tt > h2 {line-height:40px; font-size:24px; text-align:center; vertical-align:middle;font-weight: 800}
.dash_cont_txt{padding:70px 0 40px; text-align: center; position: relative;}
.dash_cont_txt > h2{line-height:36px; font-size:24px; text-align:center; vertical-align:middle; display: inline;}
.dash_cont_txt .contents_tit{font-size:14px; line-height: 36px; margin-left: 10px;}
.txt_r{padding-left:12px; margin-left: 6px;position: relative; font-size: 18px; line-height: 36px;}
.txt_r::after{position: absolute;top:0; left:0; background:#ccc; width:1px; height:20px; content: '';}
.txt_s{font-size: 18px; font-weight: 400;}
.cont_ti{font-size:18px; line-height: 42px;}

/* header */
#header {position:relative; width:100%; z-index:200;background:#fff;}
.header_top {position:relative; height:36px; background:#f2f2f2;}
.top_area > a{line-height:36px;font-size:14px; color:#0d0d0d;}
.top_area > a.top_area_le{float: left;font-weight: bold;}
.top_area .top_area_fr{float: right;line-height: 36px;}
.top_area .top_area_fr>a:first-child{margin-right:30px;}
.top_area > a.top_area_le .gnb_icon{font-size:11px;line-height: 36px; padding-left:5px;}

/* header - gnb */
.header_gnb {position:relative; width:100%; height:80px; top:0;border-bottom: 1px solid rgba(0,0,0, 0.1);}
.gnb_menu {font-size:0; text-align:right;height: 80px;position: relative;}
.gnb_menu .logo{position: absolute;top: 23px; left:30px;}
.gnb_menu li a {font-size:16px;}
.gnb_menu .dep1 {display:inline-block; height:54px; margin:0 auto; margin-left:-40px;}
.gnb_menu .dep1 > li {float:left; margin-left:40px; position: relative;}
.gnb_menu .dep1 > li > a {float:left; line-height:80px; color:#0d0d0d;font-weight: bold;}
.gnb_menu .dep1 > li.on > a {font-weight:bold; color:#5345B7;}

.gnb_menu .dep2 {display: none;position:absolute; top:63px; left:50% !important; transform: translateX(-50%); padding: 30px 30px 5px;width:100%;min-width:210px;border:1px solid #e6e6e6; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);text-align:left; background:#fff; z-index:200;}
.gnb_menu .dep2.le13{left:-32px;}
.gnb_menu .dep2.le30{left:-44px;}
.gnb_menu .dep2.le52{left:-52px;}
.gnb_menu .dep2 > ul > li > a {line-height:24px; font-size: 15px; padding-bottom: 25px;}
.gnb_menu .dep2 > ul > li > a:hover {text-decoration: underline;}
.gnb_menu .dep_sub > ul > li > a:hover {text-decoration: underline;}

.gnb_menu .dep2_2 {display: none;position:absolute; top:63px; right:0; padding: 30px 40px;width:100%;width: auto; border:1px solid #e6e6e6; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);text-align:left; background:#fff; z-index:200; white-space: nowrap;}
.gnb_menu .dep2_2 > ul{display: flex;}
.gnb_menu .dep2_2.TM_header {right: 50% !important; transform: translateX(50%) !important;}
.gnb_menu .dep_sub{ margin-right: 50px;}
.gnb_menu .dep_sub:last-child{margin-right: 0px;}
.gnb_menu .dep_sub > ul{display: flex;flex-direction: column;}
.gnb_menu .dep_sub > ul::after{content: ''; width: 100%; height: 1px; background-color: #edeff2; margin: 15px 0 20px;}
.gnb_menu .dep_sub > ul:last-child::after{height: 0; margin: 0;}
.gnb_menu .dep_sub > ul > li{margin-bottom: 15px; line-height: 24px;}
.gnb_menu .dep_sub > ul > li:last-child{margin-bottom: 0;}
/* footer */
#footer {position:relative; padding:46px 0 40px; background:#f5f6f7; }
.f_bor{border-top:1px solid rgba(0,0,0,0.1); background:#f5f7fa !important;}
#footer .footer_info {float:left;}
#footer .footer_info .adress {margin-top:35px;}
#footer .footer_info .adress .adress_t {margin-top:18px; font-size:14px; font-weight: bold;margin-right:9px;}
#footer .footer_info .adress p {margin-top:4px; font-size:14px;line-height: 19px;}
#footer .footer_info .copy {margin-top:15px; font-size:13px;}
#footer .footer_link {float:right; text-align:left; margin-top: 21px;}
.footer_info_T {position: relative;}
.cont_964 .f_logo,.footer_info_T .f_logo{position: absolute;top:0; left:0;}
.footer_info_T .f_tel{display: table; margin-left: 160px;}
.footer_info_T .f_tel > strong,.footer_info_T .f_tel > span{line-height: 20px; font-size:14px;display: table-cell;vertical-align: middle;}
.footer_info_T .f_tel .tel{font-size:20px; padding:0 10px;line-height: 20px;}
#footer .terms_link a:first-child{margin-top:0;}
#footer .terms_link a {display:block; margin-top:8px; line-height:20px; font-size:14px; }
#footer .terms_link a:last-child{font-weight:bold;}

/* dashboard */
.dashboard_wrap {background:#F2F2F2;}
.total_data {position:absolute; top:0; left:0; right:0; height:393px; padding-top:154px; background:#439aef; color:#fff; text-align:center;}
.total_data .total_tt {position:relative;}
.total_data .total_tt h2 {font-size:24px !important; font-weight:bold;}

.dashboard_data {position:absolute; top:218px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); box-shadow:0 1px 30px -10px rgba(0,0,0,0.5); background:#fff;}
.date_btn{margin-left:5px;}

.state_list {}
.state_list li {float:left; width:20%; height:285px; padding:35px 0 20px; font-size:15px; text-align:center; color:#4c4f50; border-left:1px solid #e6e6e6;}
.state_list li:first-child {border-left:none;}
.state_list span {display:block; padding-top:15px;}
.state_list span > strong {display:block; padding-bottom:10px; font-size:36px;}
.state_list button {height:40px; margin-top:20px;}
.state_list i {display:block; width:94px; height:94px; margin:0 auto;}
.state_list .franchise i {background:url("../images/img_state_before_open.png") no-repeat; background-size:100%;}
.state_list .pos i {background:url("../images/img_state_pos_request.png") no-repeat; background-size:100%;}
.state_list .membership i {background:url("../images/img_state_membership_request.png") no-repeat; background-size:100%;}
.state_list .fc_faq i {background:url("../images/img_state_query.png") no-repeat; background-size:100%;}
.state_list .us_faq i {background:url("../images/img_state_pos_q.png") no-repeat; background-size:100%;}

/* management */
.contents_tt .status {display:inline-block; height:30px; line-height:29px; padding:0 14px; margin-left:5px; font-weight:bold; border-radius:15px; vertical-align:middle;}
.contents_ti{margin: 0 auto; display: table; table-layout:fixed;}
.contents_ti > div{display: table-cell;font-size: 18px; line-height: 21px; padding:0 10px;position: relative;}
.contents_ti > div::after{position: absolute; top:1px; left:0; background:rgba(0,0,0,0.1); width:1px; height:20px;content: '';}
.contents_ti > div:first-child::after{background:none;}
.contents_ti > div > span{opacity: 0.4;margin-right: 10px;}
.contents_ti > div > strong{font-weight: 100;}

.select_num {position:relative; height:36px; margin-bottom:5px;font-size: 0;}
.select_num .select_box {position:absolute; right:0;}
.select_num .button_area {position:absolute; display: flex; right:135px;}
.select_num .button_area > div{display: inline-block; margin:0 2.5px;}
.select_num .button_area>button{margin:0 2.5px;}
.select_num .button_area>button:last-child{margin-right:0;}
.select_num .button_area.right_0{right:0 !important;}
.select_num .total_area {position:absolute; left:0; bottom:10px; line-height:16px; font-size:14px; font-weight:bold;}
.select_num .total_area > span{font-size: 14px; color:#1a1a1a;font-weight: 400;}
.select_num .total_area.po_b0{bottom:0!important;}
.select_num .total_area h3 {display:inline-block; margin-right:20px; font-size:16px;}
.select_num .register_area {position:absolute; width:809px;}
.select_num .register_area:after {display:inline-block; position:absolute; right:-11px; width:1px; height:36px; background:#ccc; content:'';}
.register_area {margin-left:-5px; margin-bottom:5px;}
.register_area > * {display:inline-block; float:left; margin-left:5px;}
.total_area_tit{font-size: 12px; margin-left:10px; color:#1a1a1a;}
.select_num .settlement_info{display: flex; font-size: 12px; color: #1a1a1a; font-weight: normal; cursor: pointer;}
.select_num .settlement_info .questionIco{width: 16px; height: 16px; background: url('../images/ic_question.png') no-repeat center; background-size: contain;}
.select_num .settlement_info_popup{position: absolute; left: 0px; top: 0; box-shadow: 0px 8px 16px 0 rgba(4, 0, 0, 0.4); width: 500px; background-color: #fff; z-index: 999;}
.select_num .settlement_info_popup .settlement_info_popup_tit{display: flex; justify-content: center; align-items: center; height: 50px; border-bottom: 1px solid #e5e5e5; font-size: 15px; color: #1a1a1a;}
.select_num .settlement_info_popup .settlement_info_popup_content{padding: 30px 40px;}
.select_num .settlement_info_popup .settlement_info_popup_content .info1{font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 30px;}
.select_num .settlement_info_popup .settlement_info_popup_content .info2{background-color: #f6f5fc; padding: 25px 20px; font-weight: normal; font-size: 14px; line-height: 16px;}
.layerHtml{background-color: red;}
.detail_tb .detail_tb_info{display: flex; align-items: center; gap: 40px; font-size: 12px; color: #1a1a1a;}
.detail_tb .detail_tb_info h3{margin:6px 0 5px; font-size: 18px; line-height: 36px;}
.detail_tb .tb_info h3{margin:40px 0 5px; font-size: 18px; line-height: 36px;}
.detail_tb .tb_list h3{background:url(../images/btn_open.png) no-repeat right 5px; cursor: pointer;}
.detail_tb .tb_list.on h3{ background:url(../images/btn_close.png) no-repeat right 7px;margin-bottom: 0!important; border-bottom:0 !important;}
.detail_tb .after_percent{display: flex; align-items: center; position: absolute; right: 56px; top: 0;}
.tb_info_s{font-size:12px; line-height: 16px;color:#1a1a1a;margin-left:10px;font-weight: 300;}
.detail_tb .tb_list h3{margin:20px 0!important; border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
.detail_tb .table .flex_direct_col{display: flex; flex-direction: column}

.vatSetting{display: flex; flex-direction: row-reverse; align-items: center; border-bottom: 1px solid #666; font-weight: bold; padding-bottom: 10px;}
.vatSetting .after_percent input{padding-right: 30px;}

.franchise_fees_delivery_list{display: flex; align-items: center; padding-left: 10px; border-left: 1px solid #e5e5e5; padding-bottom: 4px;}
.franchise_fees_delivery_list:last-child{padding-bottom: 0;}

.time_type_tit{background-color: #f1f2f9;}
.after_percent{position: relative;}
.after_percent::before{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); content: '%';}
.after_km{position: relative;}
.after_km::after{word-break: keep-all; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: 'km';}
.after_m{position: relative;}
.after_m::after{position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: 'm';}
.after_sec{position: relative;}
.after_sec::after{position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: '초';}
.etc_box{ padding: 12px 20px !important;}
.etc_box_1{padding: 10px 25px; line-height: 36px; background-color: #f5f5f5;}
.etc_box_2{display: flex; justify-content: space-between; align-items: center;}
.taxi_select{display: flex; justify-content: space-between;}
/* 190724 */
.detail_tb .chk_list.valid li {width:20%;}
.detail_tb .chk_list.valid li:nth-child(4n) {margin-top:5px;}
.detail_tb .chk_list.div li {width:100%; margin-top:5px;}
.detail_tb .chk_list.div li:first-child {margin-top:0;}
.detail_tb .chk_list li {float:left; margin-right:30px;}
.detail_tb .chk_list.s2 li {margin-right:45px;}
.detail_tb .desc_list li {line-height:20px;}
.detail_tb .desc_txt {margin-top:13px; margin-left:20px; line-height:16px; font-size:12px;}
.detail_tb ~ .button {margin-top:40px;}

.detail_tb .select_box {display:inline-block;}
.sel_input_btn:first-child, .sel_input_btn:only-child {margin-top:0;}
.sel_input_btn {width:100%; margin-top:5px; /*font-size:0;*/}
.sel_input_btn > * {float:left; margin-left:5px;}
.sel_input_btn .select_box {width:140px; margin-left:5px;}
.sel_input_btn .select_box:first-child {margin-left:0;}
.sel_input_btn .input_box {width:630px;}
.sel_input_btn.cb .input_box {width:197px;} /* 190726 */
.sel_input_btn.c2 .input_box {width:240px;}
.sel_input_btn.c3 .input_box {width:138.2px;}
.sel_input_btn.c3 .input_box button {width:100%;}
.sel_input_btn .btn_box {margin-right:-5px; font-size:0;}
.sel_input_btn .btn_box > button {margin-right:5px;}

/* 190726 */
.pos_info_con .input {width:160px;}
.pos_info_con .td_sel_input {font-size:0;}
.pos_info_con .td_sel_input .input {width:416px; margin-left:5px;}

.div_items {font-size:0; margin-left:-5px;}
.div_items > * {display:inline-block; margin-left:5px; vertical-align:top;}

a.email {color:#0064c6; text-decoration:underline;}

.btn_detail {width:80px; height:26px; line-height:26px; color:#fff; background:#484848;}
.btn_row {width:182px; height:26px; line-height:26px; color:#fff; background:#484848;}
.btn_detail:hover, .btn_row:hover {background:#44454C;}

.total_list {width:100%; padding:30px 0; margin:20px 0; background:#ecf5fd;}
.total_list dl {float:left; margin-top:-10px; border-left:1px solid #D7DFE6;}
.total_list dl:only-child {float:none; margin:0 auto;}
.total_list dl:first-child {border-left:none;}
.total_list.list2 dl {width:50%; padding:0 100px;}/* 190724 */
.total_list.list3 dl {width:33.3%; padding:0 30px;}/* 190724 */
.total_list dt, .total_list dd {float:left; width:50%; margin-top:8px; line-height:16px; color:#4c4f50;}
.total_list dt {font-size:14px; color:#464e55; text-align:left;}
.total_list dd {font-size:16px; font-weight:bold; color:#1a1a1a; text-align:right;}
.total_list dd > span {margin-right:5px;}

.no_result {padding:100px 0; text-align:center;border-bottom: 1px solid rgba(0,0,0,0.15);}
.no_result.pad{padding:47px 0 !important;} /* 20230111 결과없음 패딩값 by gahee.oh */
.no_result.ldap{padding:215px 0 0;}
			.no_result .result_info {padding-top:45px; background:url("../images/ic_error.png") no-repeat center top; background-size:30px;}
.no_result .result_info p {font-size:15px; margin-bottom:30px;}
.no_result .result_info.info2 p{margin-bottom: 0;}
.no_result .result_info.info2 p.repor{margin:10px 0 30px; font-size:13px;}

.table tbody td .no_result {border-bottom:none !important;}/* 200224 테이블 내 검색결과 없는 경우 하단 선 안보이도록*/

/* search form */
.search_box {position:relative; width:100%; padding:20px; margin-bottom:20px; font-size:0; background:#f5f7fa;}
.search_box:after {clear:both; content:"";} /* 190710 */
.search_box .ct_div {display:inline-block; margin-left:30px; vertical-align:top;}
.search_box .ct_div:first-child {margin-left:0;}
.search_box.txtc .ct_tt {text-align:left;} /* 190710 */

.search_btn.bot{bottom:-25px !important;}
.search_btn {text-align:center;}
.search_btn + .search_box {margin-top:20px;}
.search_box .search_btn {display:inline-block; position:absolute; right:20px; bottom:20px; padding-left:20px; margin-left:20px;}
.search_box .search_btn:after {display:inline-block; position:absolute; top:0; left:0px; width:1px; height:36px; background:#ccc; content:"";}
.search_box .search_btn.after_h117:after {display:inline-block; position:absolute; top:0; left:0px; width:1px; height:117px; background:#ccc; content:"";}
.search_box .search_btn.txtc {position:relative; right:auto; bottom:auto;}/* 190711 */
.search_box .search_btn.txtcb {position:relative; right:auto; bottom:auto;}
/*.search_box .search_btn.txtc:after{background:none;}*/ /* 190711 */
.search_box .picker_box{vertical-align: top;}

.ct_div .ct_tt {margin-bottom:10px; font-size:13px; font-weight:bold; letter-spacing:-0.5px;}
.ct_div.hz > div {float:left;}
.ct_div.hz .ct_tt {padding-right:20px; margin:0; line-height:36px; font-size:13px;}
.div_list{text-align: center;}
.pg_div{display: inline-block;}
.pg_div:first-child{margin-right:20px;}
.ct_but{margin-left: 20px !important; position: relative;padding-top: 27px;vertical-align: top;}
.ct_but::after{content:''; width:1px; height:36px; background:#ccc; position: absolute;top:27px; left: -20px;}
.ct_but .n_medium{width:120px; height: 117px;}

.timepicker {font-size:0; }
.timepicker > * {display:inline-block; vertical-align:middle;}
.timepicker .select_box {width:70px;}
.timepicker .select_box:nth-child(1), .timepicker .select_box:nth-child(4) {margin-right:5px;}

/* table 검색 */
.search_box .chk_list li {float:left; margin-right:19px;}
.search_box .chk_list, .search_box .chk_list + .datepicker {display:inline-block; vertical-align:middle;}

.search_box .category_list {margin-top:-20px;}
.search_box .category_list li {float:left; width:170px; margin-top:20px;}

.search_box .ib_vt {display:inline-block; vertical-align:top;}

/* 기간 검색 */
.picker_box, .searchType {display:inline-block!important; font-size:0;}
.picker_box > *, .searchType > * {display:inline-block; vertical-align:middle;}
.picker_box .date, .searchType .date {position:relative; width:calc((100% - 30px)/2);  width:-webkit-calc((100% - 30px)/2); height:36px;}
.picker_box .date .input, .searchType .date .input {padding-right:34px; letter-spacing:-0.5px;}
.date .input[readonly] {color:#1a1a1a; border:1px solid #bfbfbf; background:#fff;background-color: #edeff2;}
.picker_box .input-group-addon, .searchType .input-group-addon {display:inline-block; position:absolute; top:9px; right:8px; width:18px; height:18px; padding:0; background:url(../images/ic_calendar.png) no-repeat; border:none; border-radius:0; cursor:pointer;}

.search_box .select_box ~ .searchType {margin-left:5px;}

.searchDay {display:inline-block;}
.searchMonth {display:none;}
.searchYear {display:none;}

.date_time div:nth-child(2) {margin:0 10px;}

.period_search {font-size:0; text-align:center;}
.period_area {display:inline-block;}
.period_area > div {float:left;}
.period_area .ct_tt {margin-right:15px; line-height:36px; font-size:13px; font-weight:bold;}
.period_area .picker_box + .btn_search {margin-left:5px;}

/* bootstrap */
/* .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {border-radius:0;}
.datepicker table tr td, .datepicker table tr th {vertical-align:middle;}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {background:#439aef;}
.datepicker table tr td span {height:35px; line-height:35px;}
.datepicker.dropdown-menu {margin-top:25px;} */

.form-control {border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none;}

/* 가맹점 관리 */
.table_area.scroll {position:relative; height:408px; overflow:scroll; border-top:1px solid #666;}
.table_area.scroll .table:before {display:none;} /* 190710 */
.table.pu th, .table.pu td {padding:6px 10px !important; white-space:nowrap;}
.sel_t{font-size:13px; margin-left:20px; color:#1a1a1a;font-weight: bold;}

/* 가맹점 관리 버튼  */
.cont_top_btn{position:absolute; top:40px; right:30px;}
.cont_top_btn > button,.cont_top_btn > a{line-height: 40px;height: 40px; padding: 0 20px; font-size: 16px; font-weight: bold;  border: 1px solid #bfbfbf; background: #fff; border-radius: 20px;}
.cont_top_btn > button:hover{background:#f2f2f2;}
.cont_top_btn > button,.cont_top_btn > a:last-child{margin-left:10px;}
.cont_top_btn > button:hover{background:#f2f2f2;}
.cont_top_btn > a:hover{background:#f2f2f2;}
.cont_top_btn .add{display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: url(../images/ic_add.png) no-repeat;}
.cont_top_btn.tab{position: absolute; bottom:10px; right: 0; top:14px !important;}

/* 가맹점 상세 tab */
.comm_tab{width:100%; margin-top:50px; border-bottom:1px solid rgba(0,0,0,0.15); position: relative;}
.comm_tab .tab_menu li a{padding:20px 15px 17px; opacity: 0.5;}
.comm_tab .tab_menu li.on a{opacity:100;}

/*  가맹점 일반 tab */
.tab_menu {text-align:center;}
.tab_menu li{display: inline-block;}
.tab_menu li a{font-size:20px;line-height: 23px;padding: 20px 50px 17px;}
.tab_menu li.on a{border-bottom:4px solid #5345B7; font-weight: bold; color:#5345B7;}
.tab_cont{padding: 30px; padding-bottom: 0;margin-bottom: 30px; background: #f6f5fc;}
.cont{width:1280px; margin:0 auto;padding: 0 30px;}
.tab_total_box{background:none; padding:0; margin-bottom:0;}
.list_toggle.open .btn_toggle_close{padding-bottom:18px;}
.total_p{font-size: 14px; color:#1a1a1a; text-align:center;}

.st_label{letter-spacing: -1.3px;display:inline-block;font-weight: bold;margin:0 auto 8px; font-size:12px; line-height: 15px; color:#f119a9; border:1px solid #f119a9;padding: 3px 5px;}
.st_label.card{background:#5345b7; color:#fff; border:1px solid #5345b7;}
.st_label.pul{ border: 1px solid #5345B7; color: #5345B7;}
.st_label.green{background:#22ac39; border:0; color:#fff; border: 1px solid #22ac39;}
.st_label.block{border:1px solid #1a1a1a; color:#1a1a1a;}
.st_label.redLine{background:#fff; border:0; color:#b42427; border: 1px solid #b42427;}
.st_label.red{background:#b42427; border:0; color:#fff; border: 1px solid #b42427;} 
.st_label.blue{background:#2d6fd2; border:0; color:#fff; border:1px solid #2d6fd2;}

.by_box{padding:0 60px;}
.by_card_box_center tbody tr{border-bottom:1px solid #e5e5e5;}
.by_card_box_center tbody tr:last-child{border-bottom:0;}
.by_card_box_center tbody td,.by_box .by_card_box_center tbody td{text-align: center;font-size:14px; padding:0 10px 20px;}
.by_box .by_card_box_center tbody td{line-height: 32px;padding:0;position: relative;}
.by_box.box_after .by_card_box_center tbody td::after{position: absolute;bottom:0; left:0; background:rgba(0,0,0,0.1); width:1px; height:100%;content:'';}
.by_box .by_card_box_center tbody td::after{position: absolute;bottom:0; left:0; background:rgba(0,0,0,0.1); width:1px; height:60px;content:'';}
.by_box .by_card_box_center tbody td:first-child::after{background:none;}
.by_box .by_card_box_center tbody td > span{display: inline-block;margin-right: 4px; font-size: 28px; font-weight: bold;}
.by_card_box_center tbody td .table_t{padding-bottom:0;}
.rod_box{display: inline-block;text-align: center;background:#e5e2f5; padding:0 12px;margin: 0 auto; border-radius: 16px; line-height: 32px; color: #5345b7; font-weight: bold; margin-bottom: 10px;}
.list_toggle.open .by_card{display:block;}
.tt {font-size:15px; font-weight:bold;}
.tt_ag {font-size:14px;}
.total {margin-top:12px; font-size:16px;line-height: 18px;font-weight:bold;}
.total span {display:inline-block; margin-right:5px; font-size:28px; letter-spacing:-0.6px;}
.total .total_t{font-size:14px; margin-top:8px;line-height:18px;}

.table.hz tbody tr th .nece{position: relative;}
.table.hz tbody tr th .nece::after{position: absolute;top:0; left:-10px; content: '*'; color:#1a1a1a; font-size:13px;}

/* 240205 추가 */
.time_type_tit .radio-a-select{display: flex !important;align-items: center;justify-content: space-between;}
.time_type_tit .radio-a-select .tb_info .nece{position: relative; margin-left: 10px;}
.time_type_tit .radio-a-select .tb_info .nece::after{position: absolute;top:50%; transform: translateY(-50%); left:-10px; content: '*'; color:#1a1a1a; font-size:13px;}
.time_input{ padding-right: 25px !important; background: #fff url(../images/ic_dropdown_open.png) no-repeat right 9px center !important; background-size: 12px 7px !important;}

.radio_w{display: inline-block;line-height: 0; vertical-align: middle;}
.radio_w:first-child{margin-right:20px;}
.td_cell{width: 100%; display: table;}
.td_cell > div{display:table-cell !important; vertical-align: top;}
.td_cell > div:last-child{padding-left:20px;}
.se_w180{width:183px;}
.se_w180:first-child{margin-right:19px;}
.repres{margin-right:40px;}
.tb_label{position: absolute;top:6px; left:167px;}
.tb_label.po70{left:70px;}
.tb_label_w80{width:80%;}
.radio_w80{float: right;}
.custom_table{width: calc(100% - 42px);position: absolute;}
.custom_table_after::after{width: 0px;}
.custom_table_after:last-child{border-right: 1px solid #e6e6e6;}

/* 계약수수료 정보 */
.pur_box{padding:40px 50px; background:#f6f5fc;}
.pur_box dl{table-layout: fixed;padding-top:30px;}
.pur_box dl:first-child{padding-top:0;}
.pur_box dl dt,.pur_box dl dd{display: table-cell; vertical-align: middle;}
.pur_box dl dt{font-size:16px; color:#1a1a1a; font-weight: bold; width:200px;}
.pur_box dl dd{margin-left:10px; table-layout: fixed;}
.pur_box dl dd > div{display: table-cell; vertical-align: middle; font-size: 16px;}
.pur_box dl dd > div .data.after{position: relative;}
.pur_box dl dd > div .data.after::after{position: absolute;top:0; right:0; background:rgba(0,0,0,0.15); width:1px; height:20px;content: '';}
.pur_box dl dd > div .data{margin:0 20px;padding-right:20px;}
.min_btn{padding-left: 37px; display: inline-block;vertical-align: top; position: relative;}
.min_btn::after{position: absolute;top:0; left:17px; background:rgba(0,0,0,0.15); width:1px; height:100%;content: '';}
.min_btn button,.min_btn a{font-weight: bold;text-align: center;line-height: 36px;height: 36px;border:1px solid #bfbfbf; background:#fff; color:#0d0d0d; font-size:13px; border-radius: 0 !important;padding: 0 !important;}
.min_btn a:hover{background:#f2f2f2;}
.min_btn button:hover{background:#f2f2f2;}
.toggle_btn{margin-left: 40px;}
.toggle_btn .ch,.refund,.ch3{background:#fff;padding:10px 16px; border:1px solid #f119a9; color:#f119a9; font-size:13px;}
.ch3{width: 88px;}
.toggle_btn .ch.cancle,.refund.cancle,.ch3.cancle{background:#f119a9; color:#fff;}
.toggle_btn .ch_btn{border:1px solid #f119a9; font-size:13px; color:#f119a9; line-height: 36px;padding: 0 16px;}
.toggle_btn .to_data{font-size:13px; color:#1a1a1a; line-height: 37px; margin-left: 20px;}
.gray_box{background:#f2f2f2;padding:20px;}
.tb_t{font-size:16px;line-height:24px; font-size: 16px; margin-left:40px;}

/* 승인방식/포스 */
.detail_tb{position: relative;}
.tb_right{position: absolute;top:0; right:0;}
.tb_right > strong{font-size:18px;line-height: 36px;margin-right:20px;}
.tb_right > p{font-size: 14px; line-height: 36px;}
.tb_right .deposit{font-size: 18px;line-height: 36px; color:#5345b7; margin-right:0;}
.radio_tit{font-size: 12px; color:#1a1a1a; margin-left: 40px;font-weight: normal;line-height: 21px;vertical-align: middle;}
.tb_right.top{position: static; text-align: center; padding:40px 0 0;}
.dll_text{font-size:13px; color:#4c4f50; line-height: 36px; margin-bottom:5px;}
.detail_tb .point_right{position: absolute; top:0; right:50px;}
/* 190710 */
.search_box.file {font-size:0;}
.search_box.file > * {display:inline-block; vertical-align:middle;}
.search_box.file .filebox {margin-top:25px; margin-left:31px;}
.search_box.file .upload_name {width:334px !important;} /* 190722 */
.search_box.file .btn_area {margin-top:25px; margin-left:20px;}

.btnExcel {position:relative;width: 160px;height:36px; margin-left:10px; font-size:14px; letter-spacing:-0.5px; color:#fff; background:#007744 !important;line-height: 36px; text-align: center;}
/* .btnExcel:before {display:inline-block; position:absolute; left:-20px; top:0; width:1px; height:36px; background:#ccc; content:"";} */
.btnExcel i {display:inline-block; width:18px; height:18px; margin-right:5px; background:url("../images/ic_download.png") no-repeat; background-size:100%; vertical-align:middle;}
.btnUpload .upload {display:inline-block; width:14px; height:14px; margin-right:5px; background:url("../images/ic_upload.svg") no-repeat; background-size:100%; vertical-align:middle;}
.btnExcel.pd {padding: 0 20px; width: auto; margin-left: 10px;}
.btnExcel.pd:before {display: none;}
.button_area.right140{right: 140px;}
.btnExcel.ls {margin-right:5px; width: 130px;}
.btnExcel.ls:before {display:none;}
.btnExcel.ls:hover{background:#125c35 !important;}/*200131*/
.btnCheck {position: relative; width: 90px; height: 36px; line-height: 36px; color: #fff; background-color: #5345b7; font-size: 14px; text-align: center;}

/* 영업관리 */
.chk_module {margin:40px 0;}
.chk_module input[type=checkbox].chk_box + label {font-size:16px;}
.chk_module input[type=checkbox].chk_box + label strong {margin-right:10px; font-size:18px; font-weight:bold;}

.excel_file {font-size:0;}
.excel_file .filebox {display:inline-block;}
.excel_file .upload_name {width:605px !important;}/* 190722 수정 */
.excel_file .btn_excel {display:inline-block; position:relative; width:160px; height:36px; padding-left:33px; margin-left:10px; text-align:left; color:#fff; background:#007744;}
.excel_file .btn_excel:after {display:inline-block; position:absolute; left:10px; top:50%; width:18px; height:18px; margin-top:-9px; background:url("../images/ic_download.png") no-repeat; background-size:100%; content:"";}
.excel_file .btn_excel:hover{background:#125c35;}/*200131*/

fieldset[disabled] .upload_name + label {background:#9b9da7; color:rgba(255, 255, 255, 0.4);}
fieldset[disabled] .btn_excel {background:#55896e; color:rgba(255,255,255,0.4);}
fieldset[disabled] .btn_excel:after {opacity: 0.4;}

.sample_area {width:100%; height:282px; margin-top:10px; border:1px solid #bfbfbf; text-align:center; overflow-y:scroll;}

/* 시스템관리 - 코드관리 */
.box_tt {margin-bottom:15px;padding-top: 18px;}
.box_tt h2 {display:inline-block; font-size:20px; text-align:left; color:#5345b7;line-height: 36px;}
.table_box {position:relative; height:609px; border:1px solid #666; overflow:scroll;}
.table_box .table {position:absolute; margin-top:-1px; table-layout:auto;}
.table_box .table tbody td {padding-left:10px; padding-right:10px; white-space:nowrap;}
.left_box {width:540px; padding-right:20px;}
.right_box {width:680px; padding-left:20px; }

/* menu tree */
.menu_box {position:relative; height:600px; border:1px solid #666; overflow:scroll;}
.menu_tree {padding:20px 0;}
.menu_tree li span {display:block; width:100%; height:34px; line-height:34px; font-size:0; cursor:pointer;}
.menu_tree li.on span {background:#439aef;}
.menu_tree li span:hover {background:#ecf5fd;}

.menu_tree .dep1 span {padding-left:20px;}
.menu_tree .dep2 span {padding-left:50px;}
.menu_tree .dep3 span {padding-left:90px;}
.menu_tree .dep4 span {padding-left:125px;}
.menu_tree .dep5 span {padding-left:160px;}

.chk_CRUD {display:inline-block; font-size:0;}
.chk_CRUD li {display:inline-block; margin-right:20px;}
.chk_CRUD li label {padding-left:29px !important;}
.gt {display:inline-block; margin:0 10px; line-height:24px;font-size:12px;}

/* menu tree2 */
.menu_table {display:flex; flex-direction:row;}
.menu_table .menu_box {width:350px; height:450px; margin-right:40px; border:1px solid #666; background:#f2f2f2;}
.menu_table .detail_tb {width:870px;}

.tree_menu {padding:15px 0;}
.tree_menu li span {display:block; width:100%; height:34px; line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.tree_menu li.on > span {background:#4c3bc5; color:#fff;}
.tree_menu li span i {display:inline-block; width:14px; height:24px; margin-right:11px; vertical-align:middle;}
.tree_menu li.on > span.title i {background:url(../images/menu_closed_s.png) no-repeat;}
.tree_menu li span.title i {background:url(../images/menu_closed_n.png) no-repeat;}
.tree_menu li.on > span.title.active i {background:url(../images/menu_opened_s.png) no-repeat;}
.tree_menu li span.title.active i {background:url(../images/menu_opened_n.png) no-repeat;}
.tree_menu .menu li.on i {background:url(../images/menu_closed_s.png) no-repeat left center;}
.tree_menu .menu li i {background:url(../images/menu_closed_n.png) no-repeat left center;}
.tree_menu .menu li.add_menu{position: relative;}
.tree_menu .menu li.add_menu .add_icon{background:#fff url(../images/ic_del.png)no-repeat center center; width:24px; height: 24px;position: absolute;top:5px; left:180px;}

.tree_menu .dep1 span {padding-left:20px;}
.tree_menu .dep2 span {padding-left:43px;}
.tree_menu .dep3 span {padding-left:67px;}
.tree_menu .dep4 span {padding-left:93px;}

/* menu register */
.input_unit {font-size:0;}
.input_unit .input {display:inline-block; width:calc(100% - 30px); width:-webkit-calc(100% - 30px);}
.input_unit .unit {display:inline-block; width:30px; line-height:36px; font-size:13px; text-align:right; vertical-align:middle;}

/* picker */
/* month picker */
.ui-widget {font-family:"Nanum Gothic", sans-serif;}

.month-picker{display:inline-block;position:absolute;z-index:9999;}
.month-picker table{border-collapse:separate;border-spacing:2px 2px;}
.month-picker td{padding:0;}
.month-picker .ui-button-text{padding:.4em 0;}
.month-picker-header{margin:3px 3px 0;}
.month-picker-year-table{width:100%;}
.month-picker-year-table a{border:1px solid transparent;}
.month-picker-year-table .ui-button{display:none;}
.month-picker-year-table .month-picker-title{text-align:center;}
.month-picker-year-table .month-picker-title .ui-button {display:block;width:100%;padding:0;margin:0;line-height:26px;font-size:1em;font-weight:bold;color:#333;background:none;border:none;cursor:default!important;}
.month-picker-year-table .ui-button-text{padding:0;}
.month-picker-month-table td {height:35px;text-align:center;}
.month-picker-month-table .ui-button{width:4.2em;margin:.2em;padding:5px 0;font-size:13px;border:none;}
.month-picker-open-button{height:20px;width:20px;vertical-align:bottom;}
.month-picker-invalid-message{display:none;background-color:#ff0;}
.month-picker-disabled{background-color:#e1e1e1;}
.monthpicker + img {position:absolute;top:9px;right:8px;cursor:pointer;}

.month-picker-month-table .ui-button {background:#fff;}
.month-picker-month-table .ui-state-active, .month-picker-month-table .ui-state-active:hover {color:#fff;border:none;background:#007fff;}
.month-picker-month-table .ui-state-highlight {color:#fff;background:#007fff;}
.month-picker-month-table .ui-button:hover, .month-picker-month-table .ui-button:active {color:#000;background:#eee;border:none;}

/* year picker */
.date_info{font-size:14px;line-height: 36px;margin-left: 20px; vertical-align: top;}
/* .date_info.data{position: absolute; top: 28px;right: 135px; left:auto;}
.date_info.data2{position: absolute; top: 31px; left:auto; right:280px!important;}
.date_info.data3{position: absolute; top: 31px; left:auto; right:217px!important;} */
.yearpicker-container {position:absolute; width:240px; padding:.2em .2em 0; color:#333; border:1px solid #c5c5c5; border-radius:3px; font-size:1em; background-color:#fff; z-index:100;}
.yearpicker-header {display:flex; width: 100%; height:32px; border:1px solid #ddd; background:#e9e9e9; border-radius:3px; color:#333; font-weight:bold;  align-items:center; justify-content:space-around;}
.yearpicker-prev, .yearpicker-next {width:16px; height:16px; text-indent:-99999px; cursor:pointer; background:url("../images/ui-icons_444444_256x240.png");}
.yearpicker-prev:hover, .yearpicker-next:hover {background:url("../images/ui-icons_555555_256x240.png");}
.yearpicker-prev, .yearpicker-prev:hover {background-position:-80px -192px;}
.yearpicker-next, .yearpicker-next:hover {background-position:-48px -192px;}
.yearpicker-year {display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; text-align:center; padding:0.5rem;}
.yearpicker-items {list-style:none;	margin:5px; padding:6px; font-size:13px; flex: 0 0 25%; -webkit-flex: 0 0 25%;}
.yearpicker-items.selected {color:#fff; background:#007fff;	border-radius:3px;}
.yearpicker-items:hover {color:#000; background:#eee; border-radius:3px; cursor:pointer;}
.hide{display:none;}

/* page error */
.pageBox {display:flex; flex-direction:column; justify-content:center; align-content:center; max-width:600px; height:100%; margin:0 auto;}
.errorBox {text-align:center;}
.errorBox .ic_txt {padding-top:138px; background:url("../images/ic_error_120.png") no-repeat center top; background-size:120px;}
.errorBox .ic_txt p {line-height:22px; font-size:18px; font-weight:800;}
.errorBox .ic_txt .error {margin-bottom:8px; font-size:18px; font-weight:800;}
.errorBox .guide_list li {margin-top:14px; font-size:14px; line-height:20px; color:#4c4f50;}
.errorBox hr {width:100%; height:1px; margin:30px 0; border:none; background:#e5e5e5;}
.errorBox .error_msg p {line-height:20px; font-size:14px;}
.pageBox .btn_link {margin-top:30px; text-align:center;}
.pageBox .btn_link a {position:relative; height:40px; padding:0 20px;  line-height:40px; color:#fff; background:#484848;}

/* 정산 현황 */ /* 191114 */
.total_box { padding-bottom:0; margin-bottom:30px; background:#f6f5fc;}
.total_box.open {padding-bottom:22px;}
.total_box.no_toggle {padding-bottom:30px;} /*20211115 총판정산화면 추가*/
.total_box .summary_list li {float:left; position:relative; width:228px; margin:0 10px; text-align:center;}
.total_box .summary_list.list4 li{width:289px;}
.total_box .summary_list li:before {display:block; position:absolute; left:-20px; width:1px; height:100%; background:rgba(26,26,26,.1); content:'';}
.total_box .summary_list li:first-child{margin-left:0;}
.total_box .summary_list li:last-child{margin-right:0;}
.total_box .summary_list li:first-child:before {display:none;}

.total_box .set_date {position:relative; margin-bottom:50px; font-size:0; text-align:center;}
.total_box .set_date .picker_box {vertical-align:top;}
.total_box .set_date .select_box {display:inline-block; width:65px; margin-right:5px; vertical-align:top;}
.total_box .set_date .date {display:inline-block !important; width:135px; vertical-align:top;}

.period_set {display:inline-block; margin-left:40px; position: relative;}
.period_set::before{position: absolute; top:0; left:-20px; background: #1a1a1a;opacity: 0.1;width:1px; height:100%; content: '';}
.period_set ul {margin-left:1px;}
.period_set li {float:left; width:60px; margin-left:-1px;}
.period_set input[type=radio] + label {width:100%; height:36px; line-height:36px; font-size:13px; background:#fff; border:1px solid #bfbfbf;display: inline-block;}
.period_set input[type=radio]:checked + label {font-weight: bold;position:relative; color:#fff; z-index:10;}
.period_set input[type=radio]:checked + label:after {display:block; position:absolute; top:-1px; left:-1px; width:100%; height:100%; background:#5345b7!important; border:1px solid #5345b7!important; z-index:-1; content:'';box-sizing: content-box;}

/* .total_box .date_info {position:absolute; top:10px; right:0; font-size:13px;} */

.list_toggle { margin-top:40px; text-align:center; transition:background ease-out .7s;}
.list_toggle .btn_toggle{padding:18px 0; border-top:1px solid rgba(0,0,0,0.05);  cursor:pointer; transition:border ease-out .7s;}
.list_toggle .btn_toggle span,.btn_toggle_close span {display:inline-block; line-height:28px; font-size:16px; font-weight:bold;}
.list_toggle .btn_toggle .btn_ic,.open .list_toggle .btn_toggle_close .btn_ic{display:inline-block; width:24px; height:24px; margin:1px 0 0 5px; background-size:100%;  vertical-align:top;}

/* 200129 */
.total_cont{max-width: 1220px; margin:0 auto;}
/* .open .list_toggle {padding-bottom:30px; margin-top:40px; background:#fff;}
.open .list_toggle .btn_toggle {border-top:1px solid #fff;}
.open .list_toggle .btn_toggle .btn_ic {background:url("../images/btn_close.png") no-repeat; background-size:100%;}*/
.btn_toggle_close, .open .btn_toggle{display: none;}
.btn_toggle_close{border-top:1px solid rgba(0,0,0,0.05);}
.open .btn_toggle_close{display: block;padding-top:20px;cursor: pointer;border-top:1px solid #fff;}
.table_t{ font-size:14px; line-height: 18px; margin-top:5px;padding-bottom: 20px;}

.full_b{display:inline-block;padding: 0 5px;font-size:12px;background:#5345B7; height:20px; line-height: 20px;text-align: center; color:#fff;}
.full_b.line{margin-right: 3px !important; width: auto !important;line-height: 18px;border:1px solid #5345b7; background:#fff; color:#5345b7;}
/* 250317 핑크타입 추가 */
.full_b.line-pink{margin-right: 3px !important; width: auto !important;line-height: 18px;border:1px solid #f119a9; background:#fff; color:#f119a9;}
.full_b.green{background:#22ac39;margin:11px auto 8px;padding: 3px 8px;}
.full_b.blue{background:#4088e9; margin:11px auto 8px;padding: 3px 8px;}

.le_t{text-align: center;}
.le_t>p:first-child{margin-bottom: 5px;}
.icon{position: relative; padding-left:0 !important;}
.icon::before{position: absolute;top:20px; right:13px;content: '';background:url(../images/ic_dropdown_open.png) no-repeat; width:12px; height:7px; }
.open_list{display:none;background:#f6f5fc;}
.line_hl.c_list.open .txtl{border-bottom:0 !important;}
.c_list.open td{background:#f6f5fc;}
.c_list.open .icon:before{transform: rotate(180deg);}
.c_list.open .gray{background:#eeecf6;}

.by_card_box_center tbody tr td{text-align:center !important;}
.by_card {display:none; padding:30px 60px;margin-top:40px; background:#fff;}
.by_card thead th {font-size:14px; font-weight:normal; color:#464e55; text-align:right;}
.by_card tbody th, .list_toggle .by_card tbody td {padding-top:20px;line-height: 30px;}
.font_w{font-weight:bold;}
.by_card tbody th {padding-right:16px;}
.by_card tbody th em {display:inline-block; min-width:74px; line-height:30px;height: 30px;padding:0 10px; font-weight:bold; color:#fff; text-align:center; background:#484848; border-radius:15px;}
.by_card tbody td {padding-left:10px; text-align:right;}
.by_card tbody td span {display:inline-block; margin-right:4px; font-size:22px; font-weight:bold;}
.by_card .trade_list {margin-left:-150px; margin-top:-25px;}
.by_card .trade_list li {float:left; margin-left:150px; margin-top:30px; font-size:0;}
.by_card .trade_list li > div {display:inline-block; margin-left:30px;}
.by_card .trade_list li > div:first-child {margin-left:0;}
.by_card .trade_list .card_name {width:74px; height:30px; line-height:30px; font-size:14px; color:#fff; background:#484848; border-radius:15px;}
.by_card .trade_list .card_value {line-height:30px; font-size:16px; text-align:right;}
.by_card .trade_list .card_value > span {display:inline-block; margin-right:4px; font-size:22px; font-weight:bold;}
.by_card .trade_list .card_value.t1 {width:155px;}
.by_card .trade_list .card_value.t2 {width:80px;}

.set_tb tbody td {padding:8px 10px !important; text-align:right;}
.set_tb tbody td:first-child {text-align:center;}
.hasin .input_wbtn {padding:6px 4px !important;}
.hasin .input_wbtn .in {display:inline-block; width:100%; height:30px; line-height:30px; padding-right:10px; text-align:right;}
.hasin .input_wbtn input.in {font-size:13px; color:#1a1a1a; background:#fff; border:1px solid #bfbfbf;}
.hasin .input_wbtn .btn1 {width:35%; height:30px; line-height:30px; text-align:center; font-size:12px; background:#484848; color:#fff;}
.hasin .input_wbtn .btn1:hover{background:#333 !important;}
.hasin .input_wbtn .btn1.typeB:hover{background:#382A9C !important;}
.hasin .input_wbtn .btn1.edit {background:#fff;color:#1a1a1a; border:1px solid #bfbfbf;}
.hasin .region-etc-tit{display: inline; line-height: 36px;}
.hasin .region-etc-btn{position: absolute; right: 6px;}
.select_box {display:inline-block;}
.select_box + .num {display:inline-block; margin-left:5px;}
.left_button {position:absolute; top:0; left:0;}
.vat_div{display: inline-block; vertical-align: top; line-height: 36px; height: 36px;}

.table tr.minus td {color:#5345B7;}
.table .ac_num {display:inline-block; text-align:left;}

/* 200122 */
.btn_n{margin-left:20px !important; padding-left:20px; vertical-align: bottom !important;position: relative;}
.btn_n::before{position: absolute;top:0; left:0; background:#ccc; width:1px; height:36px; content:'';}
.by_box.by_box_tab{padding:0 60px;}


/* 새창 팝업 변경이력, 포스변경이력 */
.h_tit{padding:23px 30px 22px; border-bottom:1px solid rgba(0,0,0,0.1);}
.h_tit > h2{font-size:22px; line-height: 25px;}
.h_box .h_box_inner .h_box_txt{font-size:18px; line-height:18px;margin:40px 0 20px; text-align: center;}

/*  수수료 셋팅 */
.set_box{display: none;}
.li18{line-height:18px !important;}
.li36{line-height:36px !important;}
.li30{line-height:30px !important;}
.li45{line-height:45px !important;}
.li23{line-height:23px !important;}
.list_data{float: left; line-height: 36px;}
.list_data .input{display: inline-block;}
.list_data_tit{font-size:13px; color:#464e55;margin-left: 10px; }
.list_data:first-child{margin-right:10px;}
.radio_list>div{display: inline-block; margin:5px 10px;}
.radio_list>div:first-child{margin-left:0;}
.po_a{position: absolute;top:10px; right:500px;}
.po_a.search{right:290px;}
.po_a > p{float: left;}
.col_b{background:#fff4f2; border:1px solid #e5e5e5;width: 20px; height: 20px;margin-right: 6px;}
.col_b_t{margin-top: 2px; font-size: 13px;}

/*  멤버십 포인트 */
.txt_change{height: 30px!important; float: left;}
.txt_change > p{ color:#4c4f50; padding-left:10px;line-height: 30px;}
.txt_change select{display: none;width: 80px; margin-left:10px; height: 30px; padding-left: 9px; padding-right: 25px; background:#fff url(../images/ic_dropdown_open.png) no-repeat right 9px center;background-size: 12px 7px; border: 1px solid #bfbfbf; }
.input.ch{display:none; width:150px; height:30px;}
.point_td .btn_change{border:1px solid #bfbfbf; padding:9px 7px; height: 30px;line-height: 12px; float: right; margin-right: 7px; background:#fff;}
.point_td .btn_change.done{background:#484848;  color:#fff;}
.popo_top_gray{background:#f2f2f2; height:40px; padding:6px 0 13px;}
.popo_top_gray .contents_ti strong,.popo_top_gray .contents_ti span{font-size:14px;}
.line_g::after{top: 6px !important; height: 14px !important;}
.line_g.first::after{background:none;}
.tit_input{margin: 0 auto; display: table;  table-layout: fixed; padding:50px 0;}
.tit_input_box {float: left; text-align: center;}
.tit_input_box.change{margin-right:40px; padding-right:40px; position: relative;}
.tit_input_box.change:after{position: absolute; top:8px; right:0; width:1px; height: 20px; background:rgba(0,0,0, 0.15); content:'';}
.tit_input_box span{font-size:20px; line-height: 36px; margin-right:10px;}
.tit_input_box strong{font-size:22px; font-weight: bold;line-height: 36px; margin-right:20px;}
.change_box{display:inline-block;}
.change_box .ch_no{display:none;}
.change_box .ch_no:last-child{margin:0 10px 0 20px;}
.font_w_b{font-weight: bold;}
.info_charge{display: table; table-layout:fixed;margin: 5px 0; position: relative;width: 100%;}
.info_charge_box{display: inline-flex; vertical-align: middle;}
.info_charge_box p{font-size:13px; color:#1a1a1a; line-height: 36px; margin-right:20px; font-weight:bold;}
.info_charge_box:first-child{margin-right:40px;}
.info_charge .point_right{position: absolute;top:10px; right:0;}
.return_box.fir{margin:20px 0 20px; padding-bottom:20px; position: relative; border-bottom:1px solid #e5e5e5;}
.return_box.fir:last-child{border-bottom: 0;  margin-bottom: 0; padding-bottom: 0;}
.return_box strong{font-size:13px; color:#0d0d0d;}
.return_box p{color:rgba(0,0,0,0.7); font-size:13px; margin-top:5px;}
.sales_tit{font-size:24px; line-height: 42px; padding:46px 0 18px; text-align:center;}
.memo_t{border-bottom:1px solid #e5e5e5;font-weight: bold;text-align:center; font-size:15px; color:#1a1a1a; line-height: 20px; padding:17px 0 16px;}
.memo_tit{padding:30px 40px;}
.memo_tit .textarea.memo{height:100px;}
.memo_btn{padding:10px 0; border-top:1px solid #e5e5e5; text-align: center;}

.ch2.cancle{background:#484848 !important;}

/* 200423 */
.label_box{ width: 100%; display: table;table-layout: fixed;}
.label_box .label_box_txt,.label_box .label_box_la{display: table-cell; vertical-align: middle;}
.label_box .label_box_txt{width: 80%;}
.label_box .label_box_txt.taxi{width:auto;}
.label_box .label_box_la{text-align: center;}

/* 플러그인 팝업 */
/*230906 width 500px !important 삭제:황태용 */
.jconfirm .jconfirm-box{padding:0 !important; width:500px;}
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg{opacity:.6 !important; background:#000 !important;}
.jconfirm .jconfirm-box{border-radius: 0  !important; padding:0; background: #fff; box-shadow: none !important;}
.jconfirm .jconfirm-box div.jconfirm-title-c{padding: 17px 0 16px; text-align: center; border-bottom: 1px solid #e5e5e5; font-size: 15px !important;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{display: block; font-size: 22px; font-weight: bold;}
.jconfirm .jconfirm-box div.jconfirm-content-pane{display: block !important; height: auto !important;padding: 30px 40px; margin: 0 !important; background: #fff;font-size: 16px !important; text-align: center; line-height: 26px;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{display: table; table-layout: fixed; width:100%;  font-size: 16px; line-height: 26px; padding: 0; }
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content > div{display: table-cell; height: 48px; vertical-align: middle;}
.jconfirm .jconfirm-box .jconfirm-buttons{z-index: 1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden;}
.jconfirm .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:none; padding:10px 40px;width: 100%;border-top:1px solid #e5e5e5; margin: 0; text-align: center;}
.jconfirm .jconfirm-box .jconfirm-buttons button.full{width:100%;}
.jconfirm .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-stargate .jconfirm-box .jconfirm-buttons button{font-size: 20px !important; color: #fff; line-height: 60px; font-weight: normal !important; text-transform: none !important; width: 220px; padding:0; margin: 0; border-radius: 0; background: #5345B7;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-stargate .jconfirm-box .jconfirm-buttons button.btn-default{color:#fff;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{font-size: 16px; color: #fff; width: 240px;line-height: 60px; padding:0; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; background: #5345B7 !important;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-no, .jconfirm.jconfirm-stargate .jconfirm-box .jconfirm-buttons button.btn-no{color:#222; width: 49%; background: #d9d9d9 !important;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-no + .btn-yes, .jconfirm.jconfirm-stargate .jconfirm-box .jconfirm-buttons button.btn-no + .btn-yes{width: 49%; margin-left: 2%;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-nop{color:#fff!important; background: #484848!important; margin-right:10px;}
.jconfirm .jconfirm-box div.jconfirm-closeIcon{top:15px; right:20px; width:50px; height:50px;}
.jconfirm .jconfirm-box div.jconfirm-closeIcon i{display: block; width:100%; height:100%; background:url("../images/btn_pop_close.png") no-repeat; background-size: 50px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-smallB{width:120px;border-radius: 20px;margin:0;font-size: 14px !important;height: 40px;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-smallA{font-size: 14px !important;height: 40px;margin:0;border-radius: 20px;width:120px; margin-right:10px; background:#484848;}
.layerHtml{display: none;}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation: none; animation:none;}
/* 플로그인 ckcekbox */
.jconfirm-content .intwrap .pop_guide_txt{padding:0 !important;}
input[type="checkbox"] {position:absolute; left:-9999px; top:10px; z-index: 2; width:1px; height: 1px; -webkit-appearance: auto!important;}
.label{display: inline-block; position: relative; padding-left: 34px; vertical-align:top;}
input.chk_box + .chk {margin-right: 10px;display:inline-block; width:24px; height:24px; margin:0px 0; vertical-align:top; background:url("../images/btn_check_off.png") no-repeat 0 top;cursor:pointer;background-size: 24px;}
input.chk_box:checked + .chk {background:url("../images/btn_check_on.png") no-repeat 0 top;background-size: 24px; }
.chk_tit{font-size:13px;vertical-align: top;}

/* dashboard */
.purple_box{background:#f6f5fc;padding:0 0 70px;}
.purple_box.gray{background:#f9fafc !important; margin-top:80px;}
.dash_wrap{margin-top:80px;}
.dash_wrap_list{display:table-cell;width: 50%;}
.dash_wrap_list:last-child{padding-left:100px;}
.dash_wrap .dash_txt{position: relative; margin-bottom:5px;}
.dash_wrap .dash_txt > h3{font-size:18px; line-height:36px;}
.dash_wrap .dash_txt > h3 .dash_txt_t{font-size: 14px; margin-left: 10px; font-weight: 100;}
.dash_wrap .dash_txt .dash_txt_btn{position: absolute;top: 0; right: 0;}
.dash_table{border-top:1px solid #0d0d0d;}
.dash_table.td10 tbody tr td{padding-top:10px;}
.dash_table.td10 tbody tr td .rod_box{margin-bottom:0;}
.dash_table.bor_g{border-top:1px solid #e5e5e5; margin-top:40px;}
.dash_table.bot_b{border-bottom:1px solid #e5e5e5;}
.dash_table.bot_b > tbody > tr > td{padding-bottom: 40px;}
.dash_table > tbody > tr > td{text-align: right; padding:30px 0 0;font-size: 15px;line-height: 20px;vertical-align: top;}
.dash_wrap.cell,.td_div{display: table;width: 100%; }
.td_div > strong, .td_div .dash_total_tit{display: table-cell; vertical-align:middle; }
.td_div > strong{width: 65px; padding-right: 20px;}

.da_list > div{display:inline-block; vertical-align: top;margin-right:50px;}
.da_list .dash_tit > p{font-size:15px; line-height: 36px; margin-bottom:10px;font-weight: bold; vertical-align: middle;}
.dash_total > div > strong,.dash_div > div > strong{font-size:28px; line-height: 32px;}
.dash_total > div > span,.dash_div > div > span{line-height: 32px;font-size:16px; font-weight: bold;margin-left: 3px;vertical-align: top;}
.dash_total > div .total_t{margin-left:10px; font-size: 15px; color:#0d0d0d;vertical-align: super;}
.dash_total_tit{margin:12px 0 8px;}
.dash_total_tit .number{font-weight:bold;font-size:28px;}
.dash_total_tit > span{font-size: 16px;margin-right:3px;}
.dash_total_tit > strong{vertical-align: top;}
.dash_total_tit .sam_tt{margin-left: 10px; font-size: 15px;vertical-align: top;}
.dash_cont_btn{position: absolute; top:70px; right:0;}
.ta_t{margin-top:14px;}
.dash_tit > strong{font-size:15px !important; }

#qrImg{width: 160px; height:160px; margin:20px auto 0;}
#qrImg > canvas {width: 160px; height: 160px;}
.input_wrap > dl{width: 100%; display: table; margin-top:10px;}
.input_wrap > dl:first-child{margin-top:0;}
.input_wrap > dl > dt{font-weight: bold;width: 140px; text-align: left; padding-right: 20px; font-size: 14px;}
.input_wrap > dl > dt,.input_wrap > dl > dd{display: table-cell; vertical-align: middle;}
.dash_div > div{display: inline-block;}
.dash_div > div.dash_div_total{width: 60px;}
.dash_div > div.dash_div_total .total_t{margin-left: 0;}
/* 2차 추가 */
/* table */
.table_data{margin-bottom:5px; width: 100%;position: relative;}
.table_data .total{line-height: 40px;}
.table_data .total strong{font-size:18px; color:#1a1a1a;}
.table_data .total .total_txt{font-size: 14px; margin-left: 15px; color:#f119a9;}
.table_data .table_right{position: absolute;top:0; right:0;}
.table_data .table_right > div{display: inline-block;}
.table_data .table_area_btn{display: inline-block;}
.table.th_line > tbody > tr > td{padding:6px 10px !important;}
.table.th_line > tbody > tr > td.gray_bg{background:#f5f5f5; font-weight: bold;}
.table.th_line{position:static; border-top:1px solid #d9d9d9; }
.table.th_line:before{background:none;}
.table_addition{background:#f5f7fa; padding:10px 20px; position: relative;}
.table_addition > div{display: inline-block;line-height: 40px;}
.table_addition > div > strong{font-size: 13px;}
.table_addition > div .select_box,.table_addition > div .input_box{width: 140px; margin-left: 10px;display: inline-block;}
.table_addition .table_addition_right{position: absolute;top:10px; right:20px;}
.btn_r{position: relative;}
.btn_r .div_r{position: absolute;top:12px;  right:0;}
.tab_list {text-align: center;}
.tab_list > li{display: inline-block; margin:0 20px 40px;}
.tab_list > li.on > a{border-radius:20px; background:#5345b7; color:#fff; padding:9px 20px; font-weight: bold;}
.tab_list > li > a{font-size:20px; }
.txtc_div > p {font-size:14px; color:#1a1a1a; opacity: .7; margin-bottom:10px;}
.txtc_div > span{font-size: 22px; line-height: 18px; color:#1a1a1a;}
.txtc_div > span.font16{font-size: 16px;font-weight: 100; line-height: 18px; margin-left: 3px;}
.full_div{width: 100%;display:table;}
.full_div .full_w.left{text-align:left; }
.full_div .full_w.left>div{display:inline-block; vertical-align: middle;}
.full_div .full_w.left>div:first-child{margin-right:10px;}
.full_div .ic_info > img{line-height: 30px; vertical-align:middle;margin-left: 5px;}
.full_div span{vertical-align: middle;display: table-cell;}
.full_div .full_w{display: table-cell; vertical-align: middle; text-align: right;}
.full_btn{padding:0 9px;background:#484848; color:#fff;font-size:12px;min-width:40px; height:30px; line-height: 30px;text-align: center;}

/* 부가가치세 참고자료 */
.line_box{border:1px solid #e6e6e6; padding:50px;}
.sal_tit {position: relative; text-align: center; }
.sal_tit > h3{font-size:22px; line-height: 30px; font-weight: bold; margin-bottom:15px;}
.sal_tit > p{font-size:14px; line-height: 18px;}
.sal_btn{position: absolute;top:0; right: 0;}
.print_btn{border:1px solid #bfbfbf; padding:10px 28px; min-width:80px;}
.print_btn:hover{background:#f2f2f2; font-weight: bold;}
.sal_txt{position: relative;}
.sal_txt > p{margin:40px 0 12px; font-size:18px; line-height: 36px; font-weight: bold;}
.sal_txt .sal_right{position: absolute;top: 0; right:0; }
.sal_txt .sal_right>p{font-size:16px; font-weight: bold;line-height: 36px;}
.sal_txt .sal_right.font13>p{font-size:13px;}
.bg_red > td,.bg_red{background:#fff4f2 !important; font-weight: bold;}
.bg_purple{background:#f7f8ff !important;}
.dot {margin-top:40px;}
.dot > p{font-size: 13px; margin-top:10px;}
.dot > p:first-child{margin-top:0;}
.bot_txt{border-top:1px solid #e6e6e6; margin-top:40px; text-align: center;padding-top: 50px;}
.bot_txt > p{font-size:16px; margin-bottom:35px;}
.issue{margin-top:50px;}
.issue > span{font-size: 20px; line-height: 30px; color:#1a1a1a;}
.detail_tb_tit > p{font-size: 13px; opacity: 0.7;margin-top:15px;}
.detail_tb_tit > p:first-child{margin-top:0;}
.hz_div{position: relative;}
.hz_div > span{line-height: 36px; font-size: 13px;}
.hz_div .n_medium{position: absolute;top: 0; right:0;}
.hz_div .n_medium.line{border:1px solid #bfbfbf; color:#0d0d0d;background: #fff;width: 88px; margin-left: 20px;font-weight: bold;}
.hz_div .n_medium.line:hover{background: #f2f2f2 !important; }
.hz_div .n_medium.line::after{width: 1px; height: 100%; background:rgba(0,0,0,0.2); content:''; position: absolute; top:0; left:-20px;}

.file_underline{text-decoration: underline; cursor: pointer;}
.unit{font-size: 16px !important; margin:0 0 0 3px !important; font-weight: 100 !important; vertical-align: top;}
.by_card tbody td.font_left{text-align: left;}
.by_card tbody td.font_left > span{font-weight: 100 !important;font-size: 14px !important; vertical-align: top; margin-right: 0 !important; color:#1a1a1a!important;}
.ic_next{vertical-align: baseline; margin: 0 10px;}

.table tbody tr td.ell > a{width: 96%; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; text-align: left; vertical-align: middle;}

.radio_wrap{display: inline-block; line-height: 36px; margin-left: 20px; vertical-align: middle;}
/* margin-left 없을때 */
.radio_wrap2{display: inline-block; line-height: 36px; vertical-align: middle;}
.trade_div > span{display:inline-block;vertical-align: middle;padding: 0 6px;width: auto;line-height: 19px;margin-bottom: 8px;}

.wbn_item{display:table;width: 100%;}
.wbn_item > div{display: table-cell; vertical-align: middle; }

.dot_icon > p{font-size: 13px; color:#1a1a1a; padding:15px 0 0 0; position: relative;text-indent: -9px;padding-left: 9px;line-height: 20px;}
.dot_icon > p::before{display:inline-block; width:3px;margin: 0 5px 0 0; vertical-align: middle;height: 3px; background:#0d0d0d; content: ''; border-radius: 5px;}
.dot_icon.plnk > p{color:#f119a9;padding-top:10px;}
.dot_icon.plnk > p::before{ background:#f119a9;}


/* 200821 */
.password_tit{padding-left: 20px !important; text-align: left !important;}
/* 시스템 점검관리 */
.system_box{font-size: 0;}
.system_box > div{display: inline-block;vertical-align: bottom;}
.system_box > div:nth-child(2){margin:0 5px;}
.ladp_wrap {width: 100%; display: table;}
.ladp_wrap .ladp_box{display: table-cell; vertical-align: middle;}
.ladp_wrap .ladp_box > div{border:1px solid #666; overflow-y: scroll; height: 522px;}
.ladp_wrap .ladp_box > div .table::before{background: none;}
.ladp_wrap .ladp_box > div .table>tbody>tr>td{padding:7px 10px 6px 10px;}
.ladp_wrap .ladp_box.left{width: 427px;}
.ladp_wrap .ladp_box.center{width: 105px; text-align: center;}
.ladp_wrap .ladp_box.center .n_medium{ background:#5345b7; color:#fff;position:relative;padding: 0 15px!important;text-align: left;}
.ladp_wrap .ladp_box.center .n_medium:hover{background:#382A9C!important;}
.ladp_wrap .ladp_box.center .n_medium::before{position: absolute; top:11px; right:15px;width:6px; height: 14px; background:url(../images/ic_arrow.png) no-repeat center center; background-size: 100%; content:'';}
.ladp_wrap .ladp_box.right{width: 688px;}
.ladp_box .ladp_box_txt{font-size:20px; color:#5345b7; margin-bottom:15px;line-height: 36px;font-weight: bold;padding-top:18px;}
.ladp_box.btn{position: relative;}
.ladp_box.btn .n_medium{position: absolute;right: 40px; bottom:0;}

/* 거래내역 - 영수증 200910 */
.receipt_txt > h2{padding:30px 0; text-align: center; font-size: 18px; color:#1a1a1a;}
.table.receipt{border-top:1px solid rgba(0,0,0,0.1);margin-bottom: 30px;}
.table.receipt thead tr th{background: 0; border:0;border-bottom: 1px dotted rgba(0,0,0,0.1)!important;padding:12px 0;font-size: 15px;}
.table.receipt tbody tr td{border:0; padding-right:10px; padding-left: 0 !important;word-break: break-all; vertical-align: top;padding-bottom: 0;padding-top:12px;font-size: 15px;}
.table.receipt tbody tr td:last-child{padding-right:0 !important;}
.receipt_btn{padding:10px; text-align:center; border-top:1px solid rgba(0,0,0,0.1);}
.agency .table.hz{margin-top:20px;}
.agency .table.hz:first-child{margin-top:0;}

/* 200917 */
.jq_cont_inner{text-align: center;margin-bottom: 50px;}
.jq_cont_inner .set_date{display: inline-block; vertical-align: top;}
.jq_cont_inner .set_date:first-child{margin-right:30px;}
.jq_cont_inner .set_date .ct_div,.jq_cont_inner .set_date .search_btn{display: inline-block;vertical-align: top;}
.jq_cont_inner .set_date .search_btn{padding-left:20px; margin-left: 20px; border-left:1px solid #ccc;}

/* 200921 */
.arr_detail{text-align: center;}
.arr_detail > span{font-size: 14px; margin:0 20px; color:#4c4f50; line-height: 34px;}
.arr_detail >button{width:34px; height: 34px;}
.arr_detail >button.btn_back{background:url(../images/btn_back.png) no-repeat center center; background-size: cover; text-indent: -9999px;}
.arr_detail >button.btn_next{background:url(../images/btn_next.png) no-repeat center center; background-size: cover; text-indent: -9999px; opacity: 0.4;}
.change_txt > p{font-size: 13px; color:#1a1a1a;}
.change_txt > p.purple{font-size: 15px; margin:10px 0; font-weight: bold;}
.change_txt .notification > span{font-size: 13px; color:#1a1a1a;margin:0 5px;}
.change_txt .notification > span:first-child{margin-left:0;}
.receipt_fare{background:#f6f5fc; padding:40px 50px;}
.receipt_fare .receipt_txt{font-size: 20px; color:#1a1a1a;margin-bottom:20px; font-weight: bold;}
.receipt_fare .receipt_table{border-top:1px solid rgba(0,0,0,0.3);}
.receipt_fare .receipt_table>tbody>tr>td{padding:20px 0 0 10px; font-size: 16px; }
.receipt_fare .receipt_table>tbody>tr>td:first-child{padding-left:0; padding-top:0;}
.receipt_fare .receipt_table>tbody>tr>td>strong{font-size:18px; }
.receipt_fare .receipt_table>tbody>tr.border_dotted > td{padding-bottom:20px;}
.receipt_fare .receipt_table>tbody>tr>td.txtr.total > strong{font-size: 24px;}

/* 201026 */
.store_lebel{font-size:13px; color:#4c4f50;  margin-top:8px;}
.store_lebel>p{display:inline-block;vertical-align:middle;}
.store_lebel>p.plnk,.store_lebel>p.black{font-size:13px;}
.label_Box{background:#0d0d0d; color:#fff; padding:1px 5px; font-size: 12px; font-weight:bold; margin-right:5px;}
.label_Box.typeA{background:rgba(0,0,0,0.1); color:#0d0d0d;}

/* 201211 */
.border_bot{border-bottom:1px solid #666; margin-bottom:20px;}
.bg_gray{background:#eceded;}
.role{width:100%; display:table;}
.role>div{display:table-cell;vertical-align: middle;}
.role>div.role_btn{text-align: right;padding-right: 7px;}

/* 201223 */
.bor_left{position:relative;padding-left:5px; margin-left:5px;}
.bor_left::before{position: absolute;top:3px; left:0; background:#e5e5e5; width:1px; height:12px; content: '';}

/* 210608 */
.table.print{table-layout:auto;}
.sal_tit.print >h3{font-size: 32px;}
.table.print thead tr th,.table.print tbody tr th,.table.print tbody tr td,.bot_txt.print > strong{font-size:17px;line-height: 23px;}
.dot.print {margin-top:25px;}
.dot.print >p{font-size:15px;}
.bot_txt.print{padding-top:30px;margin-top:30px; border-top:1px solid #bebebe;}
.bot_txt.print > p{font-size:18px;margin-bottom:45px;}
.bot_txt.print > strong{margin-bottom:44px;}
.seeroo_tit{font-size:20px;display: block;font-weight: bold; margin-bottom: 13px;}
.seeroo_txt{font-size: 18px; display:block; margin-bottom:15px; font-weight:bold; }
/* 정산내역 - 210609 */
.btn_flex{margin-top:2px; display:flex; width:100%;}
.btn_flex .btn1{width:50%!important;}
.btn_flex .btn1:first-child{margin-right:2px;}
.number_t{display:table; width:100%;}
.number_t >p,.number_t>a{vertical-align: middle;}
.number_t >p{margin-right:10px;}

/* 제작비대행 */
.input_tit{font-size: 0;}
.input_tit .le_t{font-size: 13px;line-height: 36px; color: #464e55;margin-left:10px;}
.input_tit.sel>span,.input_tit.sel .select_box{display:inline-block; vertical-align: middle;}

/* 옵션 설정/열람 */
.guide_top{border-bottom:1px solid #e5e5e5;padding: 0 40px 30px;margin: 0 -40px 30px;}
.guide_top>dl{display:table; width:100%;margin-top:10px;}
.guide_top>dl:first-child{margin-top:0;}
.guide_top>dl>dt,.guide_top>dl>dd{display: table-cell; vertical-align: middle;text-align: left;}
.guide_top>dl>dt{width:140px; padding-right:20px;text-align: left; font-weight:bold;}
.guide_top>dl>dd.won >span{line-height: 36px;margin-left:10px;}
.title_box{text-align: center;}
.title_box .tit{font-weight:bold; font-size:18px; line-height: 20px; margin-bottom:10px;}
.title_box .txt{font-size: 16px; line-height: 18px;}
.data_div .data_t{padding-right:20px;line-height: 24px;display:inline-block;}
.data_div .btn_del{float:right;background:url(../images/btn_del_n.png) no-repeat center center; background-size: 20px; width:20px; height:20px;}

/* pink #f119a9 */
.pink{color: #f119a9;}

/* commission */
.cms_tt{font-size: 14px; font-weight: normal;}
.dp_ib{display: inline-block;}
.cms_flex{display: flex; align-items: center; justify-content: space-between;}

/* 자금 원천 및 출처 이소혜 */
.fund_radio div:last-child{margin-top: 10px;}
.fund_radio div:last-child input[type=radio].radio:not(old)+ label.radio_bl{width: auto;}
.fund_radio div:nth-child(n+2):nth-child(-n+6){margin-right: 20px;}

/* display: none 대신 안보이게 이소혜 */
.hide_radio input[type=radio].radio:not(old){display: block; position: absolute; left: -9999px; top: -9999px; text-indent: -9999px; opacity: 0; visibility: hidden;}

/* 230519 */
tr.lightRed{background: #fff1f1;}
/* 230523 */
.delivery strong{font-size: 15px; line-height: 20px;}
.delivery .fran_t{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
.delivery .fran_t>span{width: calc(50% - 12px); box-sizing: border-box; margin-right:12px}
.delivery .fran_t>span:nth-child(even){margin-right: 0; width: 50%;}
.delivery .fran_t input[type=checkbox].chk_box:not(old) + label{
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    line-height: 18px !important;
    min-height: 42px !important;
    background: url("../images/btn_check_off.png") no-repeat 0 center;
    padding: 4px 0 4px 34px !important;
}
.delivery .fran_t input[type=checkbox].chk_box:not(old):checked + label{
    background: url(../images/btn_check_on.png) no-repeat 0 center;
}
.delivery .popup_bg{margin:30px 0 0; padding: 25px 30px; max-height: 500px; overflow-y: scroll;}
.delivery .pop_guide_txt.plural{max-height: 610px; overflow: inherit;}
.delivery button{height: 40px;}

/* 230707 */
.chkTable::before{background:#e5e5e5; height: 1px;}
.chkTable tbody td{border: 1px solid #e5e5e5;}
.chkTable::after{background: #e5e5e5;}


/*==========================================:START*/
/* 230714:황태용:S*/
/*금융사별(카드사별) 정산금액 보기 아코디언:*/
.settlement_amount-accordion{
    max-width: 1220px; 
    margin: 40px auto;
}

/* 테이블 표 가맹점 버튼 관련 */
.full_b + a{
    display: block;
    margin-top: 5px;
}

/* 결제코드관리 조회버튼 커스텀 */
.button_custom_search{
    min-width: 80px !important; 
    border-radius: 0px !important;
    height: 36px !important;
    line-height: 36px !important;
}

/* 오더그룹관리 테이블 영역 커스텀 */
.custom_order-table::after {
    width: 0px;
    left: 0px;
}
.custom_order-table:before{
    background: #e5e5e5;
}

.custom_order-table td{
    text-align: left;
    border: 1px solid #e5e5e5 !important;
}

/* 230718:황태용:S*/

/* 테이블 그룹 */

.x-normal-scroll.d-flex > table:nth-child(n + 2),
.x-scroll.d-flex > table:nth-child(n + 2){
    border-left: 1px solid #d9d9d9 !important;
}
.x-normal-scroll.d-flex > table:after{
    background-color: transparent !important;
}

.x-scroll thead tr:first-child th:first-child{
    border-top: 1px solid #666666;
}


.fixed-table .table{
    position: inherit;
    border-left: 0px;
}

.fixed-table.d-flex > table:nth-child(n+2), .x-scroll.d-flex > table:nth-child(n+2){
border-left: 0px !important;
}
/*가맹점 등록 팝업 버튼 커스텀*/
.custom_franchisee-popup-button{
    right: 30px !important;
    top: 46px !important;
}
/*가맹점 일괄등록 커스텀*/
.custom_title_flex{
    display: flex; align-items: baseline;
}
.custom_title_flex__subtitle{
    margin-left: 40px;
}

/* 가맹점 확인 */
.custom_popup_bg{
    padding: 16px 20px 18px 20px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.form-unit{
    display: flex;
    align-items: baseline;
    border: 1px solid #bfbfbf;
    padding: 0px 7px;
    background-color: #ffffff;
    /* gap: 5px; */
    margin: 0 auto;
}
.form-unit input{
    text-align: right;
    border: none;
    padding: 0px;
    background-color: transparent;
}
.form-unit label {
    word-break: keep-all;
}
.x-scroll,
.x-normal-scroll{
    width: 1221px;
    overflow-x: auto;
}

.x-scroll table{
    border-collapse: separate;
    border-spacing: 0;
}



.x-scroll table:first-child{
    position: sticky;
    left: 0;
    border-right: 1px solid #d9d9d9;
    border-left: 0px !important;
    z-index: 99;
}


.x-scroll table:first-child tbody tr td:first-child{
    background-color: white;
    border-bottom: 1px solid #d9d9d9
}


/* 
.x-scroll thead tr:first-child th:first-child,
.x-scroll tbody tr td:first-child
{
    position: sticky;
    left: 0;
    border-right: 1px solid #d9d9d9;
    border-left: 0px !important;
    z-index: 99;
}

.x-scroll tbody tr td:first-child{
    background-color: white;
    border-bottom: 1px solid #d9d9d9
} */

.add-test{
    background-color: #e9f8f9 !important;
}


.table_tr_flex{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 1004px !important;
}

.table_td_flex_10per{
    width: 10% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.table_td_flex_40per{
    width: 40% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
}

.flex-xy-center+.help-block.form-error{
    text-align: center;
}
/*==========================================:END*/


.disc-circle{position: relative; padding-left: 9px;}
.disc-circle::before{
    width: 3px;
    height: 3px;
    background-color: #1a1a1a;
    content: '';
    position: absolute;
    left:0;
    top: 8px;

}

/* ==================== */
/*  241017 신규추가:start*/
/* ==================== */

.ocr_box{
    width: 1000px; max-width: 1000px;
    overflow-y: visible;
    display: inline-block;
    position: relative;
    max-height: 100%;
    text-align: left;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 5px 15px 0px rgba(26, 26, 26, 0.4);
}

.ocr_box_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ocr_header{
    height: 50px; border-bottom: 1px solid #e5e5e5;    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap; font-weight: 800; font-size: 15px
}

.ocr-body{
    padding-top: 30px;
    padding-bottom:20px;
    overflow-y:auto;
    max-height: 80vh;

}

.ocr-img-container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 00px 40px 20px 40px;
}

.ocr-img-container img{
    max-height: 700px;
    width: auto; 
}

.ocr-table-container{
    margin: 0px 40px 0px 40px;
}
/* ==================== */
/*  241017 신규추가:end*/
/* ==================== */

/* 241022 신규추가 */
.reject-container{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    font-size: 13px;
}

.reject-container:nth-of-type(n+2){
    border-top: 1px solid #e5e5e5;
}

.op-07{
    opacity: 0.7;
}

/* 241023 신규 */
.bg-f8f9fd{
    background-color: #f8f9fd;
}

/* 241024 신규 */

.group-select{
    height: 39.5px !important;
    border-right: 0px !important;
    padding-left: 20px !important;
    padding-right: 40px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 99px 0px 0px 100px !important;
}

.group-btn{
    margin-left: 0px !important;
    border-radius: 0px 99px 99px 0px !important;
    width:66px !important;
    padding-left:16px !important;
    padding-right: 0 !important;
    font-size: 16px !important;
    border: 1px solid #484848 !important;
    background-color: #484848 !important;
    color:white !important;
}

.stand-alone-btn-white{
    font-weight: bold;
    text-align: center;
    line-height: 36px;
    height: 36px;
    border: 1px solid #bfbfbf;
    background: #fff;
    color: #0d0d0d;
    font-size: 13px;
    border-radius: 0 !important;
    padding: 0 !important;
}

.stand-alone-btn{
    font-weight: bold;
    text-align: center;
    line-height: 36px;
    height: 36px;
    border-radius: 0 !important;
    padding: 0 !important;
}

.bg-484848{
    background-color: #484848;
}
.color-0d0d0d{
    color: #040404;
}
.color-white{
    color: #ffffff;
}


.border-1-bfbfbf{
    border: 1px solid #bfbfbf;
}

.btn-container{
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.color-4c4f50{
    color:#4c4f50;
}

/* 250122신규 */
.url-flex{
    display:flex;
    flex-wrap:wrap;
    gap:5px;

}

.flex-x-center{
    align-items: center;
}

.pop_flex.flex-x-center:nth-of-type(n+2){
    margin-top: 20px;
}

.gap-10{
    gap:10px;
}

.period_set.type_terms::before {
    position: absolute;
    top: 0;
    left: 0px;
    background: #1a1a1a;
    opacity: 0;
    width: 0px;
    height: 100%;
    content: '';
}

.period_set.type_terms{
    margin-left: 0;
    margin-top: 32px;
}

.period_set.type_terms li{
 width: 244px;
text-align: center;
}

.period_set.type_terms .clearfix input[type=radio] + label{
    height: auto;
    line-height: 1;
    padding: 20px 0;
    font-size: 15px;
    color: #0d0d0d;
}

.period_set.type_terms .clearfix input[type=radio]:checked + label{
    color: #ffffff;
    font-weight: bold;
}

.terms-detail-container{
margin-top: 20px;
display:none;
}

.terms-detail-container li{
    width: auto !important;
    text-align: left !important;
    margin-left: 0px;
}

.terms-detail-container li input[type=radio]{
    background-color: transparent;
}

.terms-detail-container li input[type=radio] + label{
        border-top : 0px solid #e3e3e3 !important;
        border-right : 1px solid #e3e3e3 !important;
        border-bottom : 0px solid #e3e3e3 !important;
        border-left : 0px solid #e3e3e3 !important;
        padding-right: 20px;
        padding-left: 20px;
        height: auto;
        line-height: 1;
        font-size: 16px;
}

.terms-detail-container li:first-of-type input[type=radio] + label{
        padding-right: 20px;
        padding-left: 0px;
}

.terms-detail-container li:last-of-type input[type=radio] + label{
        border-top : 0px solid #e3e3e3 !important;
        border-right : 0px solid #e3e3e3 !important;
        border-bottom : 0px solid #e3e3e3 !important;
        border-left : 0px solid #e3e3e3 !important;        
        padding-right: 0px;
        padding-left: 20px;
}

.terms-detail-container li input[type=radio] + label{
        border-top : 0px solid #e3e3e3 !important;
        border-right : 1px solid #e3e3e3 !important;
        border-bottom : 0px solid #e3e3e3 !important;
        border-left : 0px solid #e3e3e3 !important;}

.terms-detail-container li input[type=radio]:checked + label{
        color:#4c3bc5;
        border-top : 0px solid #e3e3e3 !important;
        border-right : 1px solid #e3e3e3 !important;
        border-bottom : 0px solid #e3e3e3 !important;
        border-left : 0px solid #e3e3e3 !important;
        text-decoration: underline;
        text-underline-position: under;
    }

.terms-detail-container li input[type=radio]:checked + label:after{
       display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    border: 0px solid #5345b7 !important;
    z-index: -1;
    content: '';
    box-sizing: content-box;
}
.d-block{
    display: block;
}

.pdf-container{
    margin-top: 32px;
    width: 100%;
    height: 100%;
    border: 1px solid #e3e3e3;
    text-align: center;
    ;
}

.min-h-full{
    min-height: 100% !important;
}