@import url('layout_base.css?v=240223');
@import url('../font/pretendard.css');

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, div, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, div {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img, label {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
/* input:focus, button:focus, select:focus, textarea:focus {outline:0;} */
button::-moz-focus-inner {border:0 none; padding:0;}

/* anchor */
a {text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#333; text-decoration:none;}
a:focus {color:#333;}

*, ::after, ::before {box-sizing:initial;}

/* common */
* {-webkit-text-size-adjust:none; text-shadow:0 0 0 transparent;}
html, body {/* height:100%; */}
body {font-family:'Pretendard' !important; font-style:normal; font-weight:400; font-size:14px; /*letter-spacing:-1px;*/ color:#333; white-space:normal; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, select, textarea {box-sizing:border-box; border-radius:0; padding:0; font-size:14px; font-family:'Pretendard' !important; font-style:normal; font-weight:400; color:#333; /*letter-spacing:-1px;*/ -webkit-appearance:none; vertical-align:middle;}
/* img {width:100%;} */
p {line-height:1.4;}
.dp_none {display:none;}
.dp_iflex {display: inline-flex;}
.dp_flex {display: flex;}
.hidden, legend {font-size:0; width:0 !important; height:0 !important; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}/* wac 인증심사 받을 경우 visibility:hidden하지 말것. */
.hide{display:block; position:fixed;top:-9999999999999999999px; width:0; height:0;}
.clear:after {content:''; display:block; clear:both;}
.no-js {display:none;}



/* 공통 - 내재화된 부분이므로 주석 처리 - FIXME 운영 반영 후 주석 해제 *//** /
@font-face {
    font-family: 'FontAwesome';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
		 url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		 url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
		 url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
		 url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**/

/* input button design */
input:-ms-input-placeholder {color:#bbb;}
input::-webkit-input-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;} 
input[type=checkbox].css-checkbox {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=checkbox].css-checkbox + label {display:inline-block; height:14px; padding-left:19px !important; margin-right:15px; background:url('../images/bg_checkBox_off.png') no-repeat 0 0; background-size:14px; cursor:pointer; vertical-align:middle; font-size:14px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type=checkbox].css-checkbox:checked + label {background:url('../images/bg_checkBox_on.png') no-repeat; background-size:14px;}

input[type=checkbox].readonly.css-checkbox + label {background:url('../images/bg_checkBox_readonly_off.png') no-repeat 0 0;}
input[type=checkbox].readonly.css-checkbox:checked + label {background:url('../images/bg_checkBox_readonly_on.png') no-repeat; background-size:14px;}

input[type=checkbox]:disabled.css-checkbox + label {background:url('../images/bg_checkBox_disabled_off.png') no-repeat 0 0;}
input[type=checkbox]:disabled.css-checkbox:checked + label {background:url('../images/bg_checkBox_disabled_on.png') no-repeat; background-size:14px;}


/* radio button design */
input[type=radio].css-radio {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=radio].css-radio + label {display:inline-block; height:14px; padding-left:20px !important; margin-right:15px; background:url('../images/bg_radioBox_off.png') no-repeat 0 0; background-size:14px; cursor:pointer; vertical-align:middle; font-size:14px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
input[type=radio].css-radio:checked + label {background:url('../images/bg_radioBox_on.png') no-repeat; background-size:14px;}

input[type=radio].readonly.css-radio + label {background:url('../images/bg_radioBox_readonly_off.png') no-repeat 0 0;}
input[type=radio].readonly.css-radio:checked + label {background:url('../images/bg_radioBox_readonly_on.png') no-repeat; background-size:14px;}

input[type=radio]:disabled.css-radio + label {background:url('../images/bg_radioBox_disabled_off.png') no-repeat 0 0;}
input[type=radio]:disabled.css-radio:checked + label {background:url('../images/bg_radioBox_disabled_on.png') no-repeat; background-size:14px;}


input:-ms-input-placeholder {color:#666;}
input::-webkit-input-placeholder {color:#666;}
input::-moz-placeholder {color:#666;}
textarea:-ms-input-placeholder {color:#666;}
textarea::-webkit-input-placeholder {color:#666;}
textarea::-moz-placeholder {color:#666;}


/* input_style */
input[type=text] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:28px; padding:0 6px; border:1px solid #dfdee3; line-height:28px; font-size:14px; min-width: 54px;}
input[type=password] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:28px; padding:0 6px; border:1px solid #dfdee3; line-height:28px; font-size:14px; min-width: 54px;}
input[type=tel] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:28px; padding:0 6px; border:1px solid #dfdee3; line-height:28px; font-size:14px; min-width: 54px;}
input[type=number] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:28px; padding:0 6px; border:1px solid #dfdee3; line-height:28px; font-size:14px; min-width: 54px;}
input[type=email] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:28px; padding:0 6px; border:1px solid #dfdee3; line-height:28px; font-size:14px; min-width: 54px;}

input[type=text]:read-only, input[type=password]:read-only, input[type=tel]:read-only,
input[type=number]:read-only, input[type=email]:read-only {background:#f4f4f4; color:#333;}

input[type=text]:disabled, input[type=password]:disabled, input[type=tel]:disabled,
input[type=number]:disabled, input[type=email]:disabled {background:#e8e8e8; color:#999;}

textarea {width:100%; -webkit-appearance:none; box-sizing:border-box; padding:6px; border:1px solid #dfdee3; font-size:14px; resize:none;}
textarea:read-only {background:#f4f4f4; color:#333;}
textarea:disabled {background:#e8e8e8; color:#999;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}

/* select_style */
select {-moz-appearance:none; -webkit-appearance:none; box-sizing:border-box; width:100%; height:28px; padding:0 6px; border:1px solid #dfdee3; line-height:28px; font-size:14px; background:#fff url('../images/bg_select.png') no-repeat; background-position:calc(100% - 7px) 50%; background-size:10px 6px; min-width: 48px;}
select::-ms-expand {display:none;}

select.readonly {pointer-events:none; background:#f4f4f4 url('../images/bg_select.png') no-repeat; background-position:calc(100% - 7px) 50%; background-size:10px 6px; color:#333;}
select:disabled {background:#e8e8e8 url('../images/bg_select02.png') no-repeat; background-position:calc(100% - 7px) 50%; background-size:10px 6px; color:#999;}


/* button-style */
button {border:none; background:none; text-align:center; box-sizing:border-box; font-family:'Pretendard' !important;}
.btn_area {text-align:center; font-size:0;}
.btn_area a {display:inline-block; min-width:130px; height:50px; margin-left:10px; padding:0 20px; text-align:center; font-size:18px; line-height:50px; box-sizing:border-box;}
.btn_area > a:first-child {margin-left:0;}

.btn_area button {display:inline-block; margin-left:10px;}
.btn_area > button:first-child {margin-left:0;}

.btn_area02 {text-align:center; font-size:0;}
.btn_area02 button {display:inline-block;}

.btn_sty01, .comBtnB {display:inline-block; height:28px; line-height:28px; padding:0 15px; background:#d6d5dd !important; border-radius:4px; font-size:14px; font-weight:500; color:#333 !important;}
.btn_sty02, .subBtnB {display:inline-block; height:28px; line-height:28px; padding:0 15px; background:#201d3e !important; border-radius:4px; font-size:14px; font-weight:500; color:#fff !important;}
.btn_sty03, .mainBtnB {display:inline-block; height:28px; line-height:28px; padding:0 15px; background:#f68c3d !important; border-radius:4px; font-size:14px; font-weight:500; color:#fff !important;}
.btn_sty04, .comBtnB02 {display:block; width:100%; height:50px !important; line-height:50px; background:#d6d5dd !important; border-radius:4px; font-size:18px !important; font-weight:700 !important; color:#333 !important;}
.btn_sty05, .subBtnB02 {display:block; width:100%; height:50px !important; line-height:50px; background:#201d3e !important; border-radius:4px; font-size:18px !important; font-weight:700 !important; color:#fff !important;}
.btn_sty06, .mainBtnB02 {display:block; width:100%; height:50px !important; line-height:50px; background:#f68c3d !important; border-radius:4px; font-size:18px !important; font-weight:700 !important; color:#fff !important;}
.btn_sty07, .comBtnB03 {display:inline-block; width:calc(50% - 5px); height:50px !important; line-height:50px; background:#d6d5dd !important; border-radius:4px; font-size:16px !important; font-weight:700 !important; color:#333 !important;}
.btn_sty08, .subBtnB03 {display:inline-block; width:calc(50% - 5px); height:50px !important; line-height:50px; background:#201d3e !important; border-radius:4px; font-size:16px !important; font-weight:700 !important; color:#fff !important;}
.btn_sty09, .mainBtnB03 {display:inline-block; width:calc(50% - 5px); height:50px !important; line-height:50px; background:#f68c3d !important; border-radius:4px; font-size:16px !important; font-weight:700 !important; color:#fff !important;}
.btn_sty10 {display:inline-block; width:calc(50% - 5px); height:40px; line-height:40px; background:#83868e; border-radius:4px; font-size:15px; color:#fff;}
.btn_sty11 {display:inline-block; width:100%; height:50px; line-height:50px; background:#939299; border-radius:4px; font-size:18px; color:#fff;}
.btn_sty12 {display:inline-block; width:100%; height:40px; line-height:40px; background:#939299; border-radius:4px; font-size:16px; color:#fff;}
.btn_sty13 {display:inline-block; width:50%; height:46px !important; line-height:46px; background:#d6d5dd !important; font-size:16px !important; color:#333 !important; border-bottom-left-radius: 10px;}
.btn_sty14 {display:inline-block; width:50%; height:46px !important; line-height:46px; background:#201d3e !important; font-size:16px !important; font-weight:700 !important; color:#fff !important; border-bottom-right-radius: 10px;}
.btn_sty15 {display:inline-block; width:100%; height:46px !important; line-height:46px; background:#201d3e !important; font-size:16px !important; font-weight:700 !important; color:#fff !important; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.btn_sty16 {display:inline-block; width:calc(100% - 20px); height:40px !important; line-height:40px; margin:0 auto; background:#201d3e !important; border-radius:9px; font-size:16px !important; font-weight:700 !important; color:#fff !important;}
.btn_sty17 {display:inline-block; width:95px; height:40px; line-height:40px; background:#201d3e; border-radius:4px; font-size:16px; font-weight:700; color:#fff;}
.btn_sty20, .subSmBtn {display:inline-block; height:24px; line-height:24px; padding:0 10px; background:#d6d5dd !important; border-radius:4px; font-size:12px; font-weight:500; color:#333 !important;}


.btn_sty01:disabled, .comBtnB:disabled {background:#d6d5dd !important; color:rgba(51,51,51,0.5) !important; cursor:default;}
.btn_sty02:disabled, .subBtnB:disabled {background:#525064 !important; color:#9c9ba4 !important; cursor:default;}
.btn_sty03:disabled, .mainBtnB:disabled {background:#dd9662 !important; color:#fad4ba !important; cursor:default;}
.btn_sty04:disabled, .comBtnB02:disabled {background:#d6d5dd !important; color:rgba(51,51,51,0.5) !important; cursor:default;}
.btn_sty05:disabled, .subBtnB02:disabled {background:#525064 !important; color:#9c9ba4 !important; cursor:default;}
.btn_sty06:disabled, .mainBtnB02:disabled {background:#dd9662 !important; color:#fad4ba !important; cursor:default;}
.btn_sty07:disabled, .comBtnB03:disabled {background:#d6d5dd !important; color:rgba(51,51,51,0.5) !important; cursor:default;}
.btn_sty08:disabled, .subBtnB03:disabled {background:#525064 !important; color:#9c9ba4 !important; cursor:default;}
.btn_sty09:disabled, .mainBtnB03:disabled {background:#dd9662 !important; color:#fad4ba !important; cursor:default;}

.cate-btn-sm1 {padding: 0 10px; font-size: 12px;}
.cate-btn-sm2 {padding: 0 10px; font-size: 12px;}
.cate-btn-sm3 {padding: 0 10px; font-size: 13px; padding: 0 5px}

.txt_primary {color:#f68c3d !important;}
.txt_secondary {color:#201d3e !important;}

.text-nowrap {white-space: nowrap;}
.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 레이어 팝업 */
.pop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(51,51,51,0.5); z-index:1012; display:none;}
.common_pop {position:absolute; top:5%; left:50%; box-sizing:border-box;}
.pop_con {width:100%;box-sizing:border-box;}
.btn_closePop a {position:absolute; top:0; right:0; width:60px; height:60px; background:url('../images/btn_pop_close.png') no-repeat 14px 22px / 16px 16px; text-indent:-9999px;}

.common_pop.noti_pop {width:1000px; margin-left:-500px;}
.pop_title {height:60px; line-height:60px; padding-left:30px; background:#201d3e; font-size:20px; font-weight:700; color:#fff;}

.noti_select_box {padding:30px 30px 27px;}


/* .common_pop.full {position:absolute;top:0;left:0; width:100%; height:100%; background:#d57400;}
.common_pop.full .pop_con {padding-top:0;}
.common_pop.full .pop_con img {width:100%;} */


/* 접근성 패널 */
ul#skipnavi {position:fixed; left:0px; top:0px; width:100%; z-index:9999; line-height:0; font-size:0;}
ul#skipnavi li a {position:absolute; top:-500px; text-indent:-9999px; line-height:1; font-size:12px;}
ul#skipnavi li a:hover, 
ul#skipnavi li a:focus, 
ul#skipnavi li a:active {display:block; position:absolute;left:0px;top:0px; width:100%; height:20px; padding:4px 0 0 0; background:#f2f2f2; font-size:12px; font-weight:bold; text-align:center; text-indent:0px; line-height:1; z-index:1000;}

/* footer */
#footer {padding:20px 0 4px;}
#footer .foot_con {text-align:center;}
#footer .addr {}
#footer .addr span {font-size:13px; white-space: nowrap;}
#footer .addr span:before {content:""; display:inline-block; width:1px; height:12px; margin:0 10px; background:#c0c0c0; vertical-align:-1px;}
#footer .addr span:nth-child(1):before {display:none;}
#footer .copy {padding-top:9px; font-size:13px;}
#footer .prvBtn {vertical-align: bottom; text-decoration: underline; text-underline-offset: 3px; color: #f68c3d;}


.content {position:relative; padding-top:20px;}
.white_box {box-sizing:border-box; margin-top:15px; padding:15px 20px; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}
.fit-width {width:fit-content}


.txt_bold {font-weight: bold}
.hidden_extra {width: 0;height: 0 !important;margin: 0 !important;padding: 0 !important;border: none !important}

/* 거리내역관리 */
.title {font-size:19px; font-weight:700; color:#201d3e;}
.title:before {content:""; display:inline-block; width:3px; height:18px; margin-right:7px; background:#201d3e; vertical-align:-3px;}

.txt_day_red, .txt_caution_desc {display:inline-block; margin-left:29px; padding-left:19px; background:url('../images/ico_exclamation.png') no-repeat 0 2px; font-size:14px; font-weight:400; color:#ff4301;}

.btn_sort_box {position:absolute; right:0; top:14px; font-size:0;}
.btn_sort_box button {display:inline-block; height:28px; line-height:28px; margin-left:5px; padding:0 15px; background:#d6d5dd; border-radius:3px; font-size:14px; font-weight:500; color:#333;}
.btn_sort_box button:first-child {margin-left:0;}
.btn_sort_box button.btn_c_search {background:#201d3e; font-weight:700; color:#fff !important;}

.tbl_sty01 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty01 th {min-width:60px; padding:0 10px; text-align:left; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.tbl_sty01 th:first-child {border-left:1px solid #d6d5dd;} 
.tbl_sty01 td {height:19px; padding:8px 7px; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; font-size:14px; background: #fff}
.brd_sty01 {border:1px solid #d6d5dd; border-top:1px solid #201d3e;}

.calbtn {display:inline-block; width:19px; height:18px; background:url('../images/ico_calendar.png') no-repeat 0 0; text-indent:-9999px;}

.btn_i_search {display:inline-block; width:18px; height:17px; margin-left:7px; background:url('../images/ico_search.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle;}
.btn_i_check {display:inline-block; width:18px; height:11px; margin-left:7px; background:url('../images/ico_check.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle;}

.wave {display:inline-block; padding:0 2px; font-size:14px; vertical-align:middle;}

.deal_pannel_wrapper .ib-tab-tabs-dropdown {display:none !important;}

.IBPick2Table .IBPickCell, .IBPick2Table .IBPick2CellM, .IBPick2Table .IBPick2CellY {border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd;}
.IBPick2Table .IBPick2CellSep {display:none;}

.IBPick2Table tr td:first-child {border-left:1px solid #d6d5dd;}
.IBPick2Table tr:first-child td {border-top:1px solid #d6d5dd;}

.IBPickShadow, .IBPickOuter {width:296px !important;}

.IBHeadMid {border-top:1px solid #201d3e !important;}
.IBPagerEdit {border:1px solid #dfdee3; background:#fff !important;}
.IBPagerEdit .IBSpaceWidthInner {background:#fff !important;}

/* paging custom *//* */
.IBSpaceEditInner{min-width: 80px}
.IBSpaceEditInner .IBSpaceWidthInner{width: 100% !important}
/* */
 
.deal_pannel_wrapper .ib-context-menu.ib-bootstrap_blue, 
.deal_pannel_wrapper .ib-tab-contents.ib-bootstrap_blue, 
.deal_pannel_wrapper .ib-tab-tabs.ib-bootstrap_blue {font-family:'Pretendard' !important;}

.deal_pannel_wrapper > .ib-tab-contents {position:relative; padding:15px 0 0;}

.txt_total {padding-bottom:10px; font-size:14px; font-weight:500; color:#333;min-height: 19px}
.txt_total2 {padding-bottom:10px; font-size:15px; font-weight:500; color:#333;min-height: 19px}
.txt_total span {padding-left:5px; font-weight:700; color:#f68c3d;}

.btn_cancel {position:absolute; right:0; top:6px; display:inline-block; height:28px; line-height:28px; padding:0 15px; background:#d6d5dd; border-radius:4px; font-size:14px; font-weight:500; color:#333;}

.IBRowSpace.IBRowSpaceFirst.IBRowSpaceLast .IBSpaceRow.IBSolidRow table tbody > tr {height:42px !important; line-height:42px;}
.IBRowSpace.IBRowSpaceFirst.IBRowSpaceLast .IBSpaceRow.IBSolidRow table tbody > tr .IBType.IBPagerEdit {display:inline-block; height:28px; line-height:28px; padding:0 !important;}
.IBRowSpace.IBRowSpaceFirst.IBRowSpaceLast .IBSpaceRow.IBSolidRow table tbody > tr .IBType.IBPagerEdit > div {width:68px !important; height:28px; line-height:28px; font-size:14px;}

/* 공지사항 */
.ico_star {box-sizing:border-box; display:inline-block; width:40px; height:19px; line-height:19px !important; margin-right:5px; text-align:center; background:#f68c3d; border-radius:8px; vertical-align:top; font-size:10px !important; font-weight:700 !important; color:#fff !important;}

.tbl_sty02 {width:100%; box-shadow: 0 0 0 4px #fff;}

.file_w {font-size:0;}
.file_w fieldset {display:inline-block;}
.file_w input[type=text] {width:219px; background:#e8e8e8; border:1px solid #dfdee3;}
.file_w .btn_search_file {height:28px; line-height:28px; margin-left:5px; padding:0 15px; background:#d6d5dd; border-radius:4px; font-weight:500; color:#333; font-size:14px;}
.file_w .btn_upload {height:28px; line-height:28px; margin-left:5px; padding:0 15px; background:#201d3e; border-radius:4px; font-weight:500; color:#fff; font-size:14px;}

.editor_con {min-height:450px; line-height:1.4;}

.attach_list {padding-top:12px;}
.attach_list li {margin-top:5px;}
.attach_list li:first-child {margin-top:0;}
.attach_list li .btn_attach {display:inline-block; padding-left:17px; background:url('../images/ico_attach.png') no-repeat 0 center; font-size:14px; color:#333;}
.attach_list li .btn_del {display:inline-block; width:15px; height:15px; margin-left:9px; background:url('../images/ico_delete.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle;}

.pop_sheet_double {position:relative;}
.pop_sheet_double .left {float:left; width:410px;}
.pop_sheet_double .right {float:right; width:410px;}

/* 검색 테이블 */
.tbl_sty01.tbl_search {max-width:calc(1680px + 128px);}
.view_wide {max-width:1920px;}

/* 공지사항 팝업 */
.btn_add_del {position:absolute; top:30%; left:50%; margin-left:-40px;}
.btn_add_del button {display:block; width:80px;}
.btn_add_del button + button {margin-top:10px;}

/* 자유게시판 */
.ico_reply {display:inline-block; width:14px; height:13px; margin:0 10px; background:url('../images/ico_reply.png') no-repeat left center ;}
.ico_reply.ico_reply02 {margin:0 10px 0 25px;}
.ico_reply.ico_reply03 {margin:0 10px 0 40px;}

.btn_sort_box.btn_sort_box02 {position:static; top:0; text-align:right;}

/* IBSheet 팝업 */
.layer-header {position:relative;}
.layer-header > div,
.IBMenuHeadText.IBHeaderFont {font-size:20px; font-weight:700;}

.layer-header .fa-close {position:absolute; right:31px; top:0; cursor:pointer;}
.layer-header .fa-close:before{content:"" !important; display:inline-block; width:16px; height:16px; background:url('../images/btn_pop_close.png') no-repeat 0 0;}

.IBMenuBody > div {box-sizing:border-box !important; padding:30px;}
.IBMenuBody > div > div {padding:0 !important;}
.IBMenuBody > div > div + div {padding-top:15px !important;}
.IBPickMain .IBMenuBody > div {padding:0;}

.HideCol1CheckData {line-height:22px;}

/* 스크립트 권한 관리 팝업. .padd_pop --> .pop_con .con 의 여백 스타일을 동적 생성 팝업에도 용이하게 제공하기 위해 css 클래스 선언 추가 */
.padd_pop, .pop_con .con {padding:10px 15px; background:#fff;}

.common_pop.authority_pop {width:740px; margin-left:-370px;}

.authority_box {font-size:0;}
.authority_box label {font-size:14px;}
.authority_box input {width:145px; margin-left:10px;}
.authority_box span {display:inline-block; padding:0 10px; vertical-align:middle; font-size:14px;} 
.authority_box button {margin-left:10px;}

.authority_list {padding-top:10px;}
.authority_list li {margin-top:10px; font-size:14px;}

.h_explain {height:80px;}

.txt_explain {padding-top:10px; text-align:right;}

.txt_red {color:#ff4301;}

.certi_box02 {font-size:0; margin-bottom:10px;}
.certi_box02 label {font-size:14px;}
.certi_box02 select,
.certi_box02 input {width:105px; margin-left:5px;}
.certi_box02 button {margin-left:5px;}

/* 화면 도움말 관리 */
.screen_box {font-size:0;}
.screen_box input {width:calc(100% - 68px);}
.screen_box button {margin-left:10px;}


/* 스크롤 */
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {width:6px; background-color:#e6e5e7;} 
::-webkit-scrollbar-thumb {background-color:#807f89;}

/* 스크롤 firefox용 */
:root {
	scrollbar-color:#807f89 #e6e5e7;
	scrollbar-width:thin;
}

/* SMS 발송현황 목록 */
.IBSectionScroll .IBCellHeader {background-color:#f6f6f6 !important;}

/* 통합거래조회 */
.wave_box {font-size:0;}
.wave_box_for_card_nos {font-size:0; min-width: 336px;}
.btn_sort_box.btn_sort_box03 {top:0; right:110px;}

.tbl_sty01 th.dum {background: #fff; border-right:none;}
.brd_r_none {border-right:none !important;}

.txt_remark {padding-top:15px; color:#333;}

/* 매출전표 */
.common_pop.chit_pop {width:460px; margin-left:-230px;}
.common_pop.chit_pop .pop_con .con {padding:10px 30px 15px;}
.chit_con {width:400px; margin:0 auto; padding:5px 30px !important}

.chit_box {position:relative; font-size:0;}
.chit_box input {width:179px; border-radius:4px; letter-spacing:-1px;}
.chit_box button + button {position:absolute; top:0; right:0;}

.chit_box02 {position:relative; margin-top:20px;}
.chit_box02 p {line-height:1; padding:0 0 10px; font-size:20px; font-weight:700; color:#333;}
.chit_box02 h2 {position:absolute; top:0; right:0;}

.chit_list {border:2px solid #9e9da7;}
.chit_list > li {font-size:0; border-top:1px solid #d6d5dd;}
.chit_list > li:first-child {border-top:none;}
.chit_list li .tit {vertical-align:middle; font-size:12px; color:#666;}
.chit_list li span {vertical-align:middle; font-size:12px; font-weight:600; color:#333;}

.chit_list li.line1 {padding:10px 0; background:#f6f6f6;}
.chit_list li.line1 > div {box-sizing:border-box; float:left; width:50%;}
.chit_list li.line1 > div:nth-child(1) {padding-left:14px;}
.chit_list li.line1 > div:nth-child(2) {padding-left:15px;}
.chit_list li.line1 > div .tit {padding-right:19px;}
 
.chit_list li.line2 {padding:10px 10px;}
.chit_list li.line2 .tit {display:block; padding-bottom:5px;}
.chit_list li.line2 span {display:block;}

.chit_list li.line3 {background:#f6f6f6;}
.chit_list li.line3 > div {}
.chit_list li.line3 > div:nth-child(1) {box-sizing:border-box; float:left; width:111px; padding:10px 13px 10px; border-right:1px solid #d6d5dd;}
.chit_list li.line3 > div:nth-child(2) {box-sizing:border-box; float:left; width:108px; padding:10px 10px 10px;}
.chit_list li.line3 > div:nth-child(3) {box-sizing:border-box; float:left; width:calc(100% - (111px + 108px)); padding:10px 15px 10px; border-left:1px solid #d6d5dd;}
.chit_list li.line3 .tit {display:block; padding-bottom:5px;}
.chit_list li.line3 span {display:block;}

.chit_list li.line4 {background:#fff;}

.chit_list li.line5 {}
.chit_list li.line5 > div:nth-child(1) {box-sizing:border-box; float:left; width:110px;}
.chit_list li.line5 > div:nth-child(1) div {padding:9px 13px 9px;}
.chit_list li.line5 > div:nth-child(1) > div:nth-child(1) {background:#f6f6f6; border-bottom:1px solid #d6d5dd;}
.chit_list li.line5 > div:nth-child(1) .tit {display:block; padding-bottom:5px;}
.chit_list li.line5 > div:nth-child(1) span {display:block;}
.chit_list li.line5 > div:nth-child(2) {box-sizing:border-box; float:left; width:calc(100% - 110px); padding:11px 20px 12px 10px; border-left:1px solid #d6d5dd;}
.chit_list li.line5 > div:nth-child(2) ul {}
.chit_list li.line5 > div:nth-child(2) ul > li {margin-top:8px;}
.chit_list li.line5 > div:nth-child(2) ul > li:first-child {margin-top:0;}
.chit_list li.line5 > div:nth-child(2) ul > li .tit {display:inline-block; width:50%;}
.chit_list li.line5 > div:nth-child(2) ul > li span {display:inline-block; width:50%; text-align:right;}

.chit_list li.line6 {background:#f6f6f6;}
.chit_list li.line6 > div {padding:9px 13px 9px;}
.chit_list li.line6 > div .tit {display:block; padding-bottom:5px;}
.chit_list li.line6 > div span {display:block;}
.chit_list li.line6 > div:nth-child(1) {box-sizing:border-box; float:left; width:110px;}
.chit_list li.line6 > div:nth-child(2) {box-sizing:border-box; float:left; width:calc(100% - 110px); border-left:1px solid #d6d5dd;}

.chit_list li.line7 {}
.chit_list li.line7 > div {}
.chit_list li.line7 > div .tit {display:block; padding-bottom:5px;}
.chit_list li.line7 > div span {display:block;}
.chit_list li.line7 > div:nth-child(1) {box-sizing:border-box; float:left; width:216px; padding:10px 13px 10px;}
.chit_list li.line7 > div:nth-child(2) {box-sizing:border-box; float:left; width:calc(100% - 216px); padding:10px 15px 10px; border-left:1px solid #d6d5dd;}

.chit_list li.line8 {background:#f6f6f6;}

.chit_list li.line10 {background:#f6f6f6;}
.chit_list li.line10 > div {height:87px;}
.chit_list li.line10 > div:nth-child(1) {box-sizing:border-box; float:left; width:217px; background:#fcfcfc; border-right:1px solid #d6d5dd;}
.chit_list li.line10 > div:nth-child(2) {box-sizing:border-box; float:left; width:calc(100% - 217px); padding:9px 15px; background:#f6f6f6;}
.chit_list li.line10 > div:nth-child(2) img.sign_image {max-width:188px; max-height:64px; width:auto}

.chit_list li label.tot_amt_label { font-size: 14px}
.chit_list li .tot_amt  { font-size: 14px; font-weight: 600}

.txt_chit {line-height:1; padding-top:10px; font-size:12px; font-weight:500; color:#333;}

/* 단말기 정보 팝업 */
.common_pop.terminal_pop {width:600px; margin-left:-300px;}

.tbl_sty03 {box-sizing:border-box; width:100%; border-top:1px solid #d6d5dd; box-shadow: 0 0 0 4px #fff;}
.tbl_sty03 th {padding:11px 10px 14px; text-align:left; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700; color:#333;}
.tbl_sty03 th {min-width: 60px;} 
@media only screen and (min-width : 1500px) {
	.tbl_sty03 th {min-width: unset;} 
}
.tbl_sty03 td {padding:11px 10px 14px; text-align:left; border-bottom:1px solid #d6d5dd; font-size:14px; color:#333; background: #fff;}

/* DDC정산 */
.tbl_sty01.tbl_search th select {font-weight:700;}

.dp_b {display:block;}

.common_pop.common_pop01 {width:460px; margin-left:-230px;}

/* 강제 취소 내역 정보 팝업 */
.tbl_sty04 {box-sizing:border-box; width:100%; border-top:1px solid #d6d5dd; box-shadow: 0 0 0 4px #fff;}
.tbl_sty04 th {padding:11px 10px 14px; text-align:center; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700; color:#333;}
.tbl_sty04 td {padding:11px 10px 14px; text-align:center; border-bottom:1px solid #d6d5dd; font-size:14px; color:#333; background: #fff;}


/* 대리점 관리 등록 */
.sub_title {margin-bottom:10px; font-size:16px; font-weight:700; color:#333;}

.tbl_sty01 th.required {background:#fbf0e8;}
.tbl_sty01 th.required:after {content:""; display:inline-block; width:4px; height:4px; margin:0 0 8px 4px; background:#f68c3d; border-radius:50%;}

.btn_search {display:inline-block; width:18px; height:17px; margin-left:7px; background:url('../images/ico_search.png') no-repeat 0 0; text-indent:-9999px;}

.tbl_sty01 td .file_w input[type=text] {width:160px; background: #fff;}

.agent_box {}
.agent_box .left {box-sizing:border-box; float:left; width:calc(33% - 5px);}
.agent_box .right {box-sizing:border-box; position:relative; float:left; width:calc(67% - 5px); margin-left:5px;}
.agent_box .right .btn_sort_box {top:0;}

.IBMenuBody.IBEnumMenuBody > div {padding:initial;}

.IBRowSpace.IBRowSpaceFirst.IBRowSpaceLast .IBSpaceRow.IBSolidRow table tbody .IBPagerEdit {border:none; background:none !important;}

/* 대리점 관리 상세 */
.tooltip {position:relative; display:inline-block; margin-left:15px; text-decoration:underline; text-underline-offset:2px; cursor:pointer; font-weight:700;}
.tooltip .tooltiptext {position:absolute; width:100px; padding:5px 0; text-align:center; border-radius:6px; background-color:#000; visibility:hidden; color:#fff; z-index:1;}
.tooltip:hover .tooltiptext {visibility:visible;}
.tooltip .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:5px;}
.tooltip .tooltip-bottom {width:100px; top:150%; left:50%; margin-left:-50px;}
.tooltip .tooltip-bottom::after {bottom:100%; left:50%; margin-left:-5px; border-color:transparent transparent black transparent;}
.tooltip .tooltip-top {width:100px; top:-34px; left:50%; margin-left:-50px;}
.tooltip .tooltip-top::after {bottom:-38%; left:50%; margin-left:-5px; border-color:black transparent transparent transparent;}

/* 사용자 등록 */
.password_noti_list02 {}
.password_noti_list02 li {margin-top:10px; font-size:16px;}
.password_noti_list02 li:first-child {margin-top:0;}
.password_noti_list02 li:before {content:""; display:inline-block; width:2px; height:2px; margin:0 10px 5px 0; background:#999;}

/* main */
.main_area {}
.main_area .left {box-sizing:border-box; float:left; width:calc(50% - 5px);}
.main_area .right {box-sizing:border-box; float:left; width:calc(50% - 5px); margin-left:10px;}

.main_area .white_box {position:relative; margin-top:10px; padding:20px;}

.search_area {padding:12px 0; background:#dddde0; border:1px solid #c9c9ce; border-radius:3px;}
.search_area .search_box {display:flex; align-items:center; box-sizing:border-box; width: calc(100% - 20px); margin:0 auto; font-size:0;}
.search_area .search_box > span.label {display:block; width: 76px; padding-left:10px; font-size:16px; font-weight:700; color:#333;}
.search_area .search_box > div {box-sizing:border-box; position:relative; float:left; display: flex; align-items: center; justify-content: space-between; margin-left:10px; width: calc(100% - 96px); max-width: 342px; background:#fff; border-radius:3px;}
.search_area .search_box > div select {display:inline-block; width:113px; min-width:113px; height:34px; line-height:34px; padding:0 10px; border:none; background:url('../images/bg_select.png') no-repeat 98px 50% / 10px 6px; font-size:13px;}
.search_area .search_box > div input {display:inline-block; width: 100%; height:34px; line-height:34px; padding:0 10px; border:none; background:none;}
.search_area .search_box > div button {display:inline-block; width:19px; height:18px; margin-left:0; padding-right: 25px; background:url('../images/ico_search02.png') no-repeat 0 0; text-indent:-9999px;}
.search_area .search_box > div .line {position:absolute; left:113px; top:12px; display:inline-block; width:1px; height:10px; background:#d7d7d9; margin-left:1px; vertical-align:middle; font-size:13px;}

.main_title {line-height:1.1; padding-bottom:10px; font-size:16px; font-weight:700;}
.main_title .time {display:inline-block; margin-left:11px; padding-left:18px; background:url('../images/ico_clock02.png') no-repeat 0 0; font-size:12px; font-weight:400; color:#666;}

.brd_b {border-bottom:1px solid #d2d2d8;}

.btn_more {position:absolute; right:20px; top:20px; display:inline-block; padding-left:11px; background:url('../images/ico_more.png') no-repeat 0 center; font-size:14px; color:#333;}

.notice_list {}
.notice_list li {margin-top:15px;}
.notice_list li button {display:inline-block; width:calc(100% - 100px); text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-size:14px; color:#333;}
.notice_list li button:before {content:""; display:inline-block; width:3px; height:3px; margin:0 8px 4px 0; background:#f68c3d; border-radius:50%;}
.notice_list li button:hover {text-decoration:underline;}
.notice_list li span {display:inline-block; width:100px; text-align:right; vertical-align:middle; font-size:14px; color:#999;}

.site_area {box-sizing:border-box; padding:12px 0; text-align:left; background:#dddde0; border:1px solid #c9c9ce; border-radius:3px; font-size:0;}
.site_area label {display:inline-block; line-height:30px; padding-right:20px; vertical-align:bottom; font-size:16px; font-weight:700; color:#333;}
.site_area label {width: 80px;padding-left: 12px;}
.site_area .row2onWidth {display: block;}
.btn_site01 {box-sizing:border-box; display:inline-block; width:85px; height:30px; line-height:30px; padding:0 8px; text-align:left; background:#201d3e url('../images/ico_arrow_right.png') no-repeat calc(100% - 8px); border-radius:3px; font-size:13px; font-weight:700; color:#fff !important;}
.btn_site01 .ic {display:inline-block; width:9px; height:9px; margin-left:5px; background:url('../images/ico_go.png') no-repeat 0 0;}
.btn_site02 {box-sizing:border-box; display:inline-block; width:95px; height:30px; line-height:30px; margin-left:5px; padding:0 8px; text-align:left; background:#201d3e url('../images/ico_arrow_right.png') no-repeat calc(100% - 8px); border-radius:3px; font-size:13px; font-weight:700; color:#fff !important;}
.btn_site02 .ic {display:inline-block; width:9px; height:9px; margin-left:5px; background:url('../images/ico_go.png') no-repeat 0 0;}
.btn_site03 {box-sizing:border-box; display:inline-block; width:85px; height:30px; line-height:30px; margin-left:5px; padding:0 8px; text-align:left; background:#201d3e url('../images/ico_arrow_right.png') no-repeat calc(100% - 8px); border-radius:3px; font-size:13px; font-weight:700; color:#fff !important;}
.btn_site03 .ic {display:inline-block; width:9px; height:9px; margin-left:5px; background:url('../images/ico_go.png') no-repeat 0 0;}
.btn_site04 {box-sizing:border-box; display:inline-block; width:80px; height:30px; line-height:30px; margin-left:5px; padding:0 8px; text-align:left; background:#201d3e url('../images/ico_arrow_right.png') no-repeat calc(100% - 8px); border-radius:3px; font-size:13px; font-weight:700; color:#fff !important;}
.btn_site04 .ic {display:inline-block; width:9px; height:9px; margin-left:5px; background:url('../images/ico_go.png') no-repeat 0 0;}
.btn_site05 {box-sizing:border-box; display:inline-block; width:65px; height:30px; line-height:30px; margin-left:112px; padding:0 8px; text-align:left; background:#f68c3d url('../images/ico_arrow_right.png') no-repeat calc(100% - 8px); border-radius:3px; font-size:13px; font-weight:700; color:#fff !important;}
.btn_site06 {box-sizing:border-box; display:inline-block; width:65px; height:30px; line-height:30px; margin-left:5px; padding:0 8px; text-align:left; background:#f68c3d url('../images/ico_arrow_right.png') no-repeat calc(100% - 8px); border-radius:3px; font-size:13px; font-weight:700; color:#fff !important;}
.btn_site05, .btn_site06 {margin-top:4px}
@media only screen and (min-width : 1500px) {
	.site_area {text-align: center;}
	.site_area label {padding-right:40px;}
	.site_area label {width: auto;}
	.site_area .row2onWidth {display:none;}
	.btn_site05 {margin-left:5px;}
}

.tbl_sty05 {box-sizing:border-box; width:100%; box-shadow: 0 0 0 4px #fff;}
.tbl_sty05 thead th {padding:8px 0 10px; text-align:center; background:#fbf0e7; border-top:1px solid #f68c3d; border-bottom:1px solid #dfdee3; border-right:1px solid #dfdee3; font-size:14px; font-weight:700; color:#333;}
.tbl_sty05 tbody th {text-align:center; background:#faede3; border-bottom:1px solid #dfdee3; border-right:1px solid #dfdee3; font-size:14px; font-weight:700; color:#333;}
.tbl_sty05 tbody td {padding:9px 10px 7px; text-align:right; border-bottom:1px solid #dfdee3; border-right:1px solid #dfdee3; font-size:14px; color:#333; background: #fff;}
.tbl_sty05 th:first-child,
.tbl_sty05 td:first-child {border-left:1px solid #dfdee3;}
.tbl_sty05 tbody td button {vertical-align:bottom; text-decoration:underline; text-underline-offset:3px; color:#f68c3d;}

.brd_c {border-color:#9f9fb2;}

.minwon_link a {text-decoration:underline !important; text-underline-offset:3px; color:#333 !important;}
.minwon_link span {font-size:14px !important; font-weight:400 !important;}

.IBMenuBody.IBCellMenuBody > div {padding:0;}
.IBMenuBody.IBCellMenuBody > div > div + div {padding:0 !important;}

/* select 디자인 */
.select_box_area {box-sizing:border-box; position:relative; float:left; width:calc(100% - 62px);}
.select_box {box-sizing:border-box; position:relative; width:100%; height:46px; line-height:46px; padding:0 15px 0 18px; cursor:pointer; background:#fff; border:1px solid #d6d5dd; border-radius:4px; font-size:16px; font-weight:700; color:#f68c3d;}
.select_box.open {border-bottom:none; border-bottom-right-radius:0; border-bottom-left-radius:0;}
.select_box::after {content:""; position:absolute; right:18px; top:50%; display:inline-block; width:12px; height:7px; background:url('../images/bg_select03_down.png') no-repeat 0 0 / 12px 7px;}
.select_box.open::after {content:""; position:absolute; right:18px; top:50%; display:inline-block; width:12px; height:7px; background:url('../images/bg_select03_up.png') no-repeat 0 0 / 12px 7px;}
.select_box_dropDown {box-sizing:border-box; display:none; position:absolute; top:0; left:0; width:100%; height:124px; overflow-y:auto; background:#fff; border:1px solid #d6d5dd; border-radius:4px; z-index:100;}
.select_box_dropDown li a {box-sizing:border-box; display:block; line-height:40px; text-indent:18px; font-size:16px; font-weight:700; color:#f68c3d; cursor:pointer;}
.select_box_dropDown li a:hover {background: #fef3eb;}
.select_box_dropDown li a:focus,
.select_box_dropDown li a.selected {background: #fef3eb;}

/* 복수 대리점 선택 */
.common_pop.common_pop07 {width:400px; margin-left:-200px;}
.common_pop.common_pop07 .select_box_area {float:none; width:100%;}
.common_pop07 .select_box_area {float:none; width:100%;}

.txt_double_select {padding:20px 0 30px; text-align:center; font-size:16px;}

/* 자동 로그아웃 안내 */
.common_pop.common_pop08 {width:480px; margin-left:-240px;}

.orange_box {padding:30px 0 25px; background:#fef3eb; border-radius:3px;}
.orange_box p {line-height:1; text-align:center; font-size:16px; font-weight:700; color:#f68c3d;}
.orange_box p + p {padding:15px 0 0; font-size:40px;}

/* 메인 공지사항 팝업 */
.common_pop.common_pop09 {width:720px; margin-left:-325px;}
.common_pop.common_pop09 .pop_con .pop_title {height: 50px; line-height: 50px; border-top-right-radius: 4px; border-top-left-radius: 4px}
.common_pop.common_pop09 .pop_con .con {padding:30px 15px 11px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}
.pop_con .con .scroll_box {box-sizing:border-box; height:467px; padding:0 15px 15px; overflow-y:auto;}
.pop_con .con .scroll_box {
	max-height: calc(100vh - 350px);
	min-height: 220px;
}
.pop_con .con .scroll_box.pop_item {min-height: 78px; height: 78px}

.scroll_box .txt_title {font-size:18px; font-weight:700; color:#333;}
.scroll_box .txt_date {line-height:1; padding:10px 0 13px; border-bottom:1px solid #dfdee3; font-size:14px; color:#333;}

.scroll_box .slide_con {padding:20px 10px 0 15px; word-break:keep-all;}

.tbl_test {width:100%; margin-top:15px; border-top:1px solid #201d3e;}
.tbl_test th {padding:10px; text-align:center; background:#f6f6f6; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd;}
.tbl_test td {padding:10px; text-align:left; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd;}
.tbl_test th:first-child {background:#f6f6f6; border-left:1px solid #d6d5dd;}

.swiper-pagination {bottom:-36px; width:100%;}
.swiper-pagination .swiper-pagination-bullet {box-sizing:border-box; width:24px; height:24px; margin:0 9px; border:7px solid #fff; background:none; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active {border-color:#f68c3d;}

/* 메인 차트 */
.chart_box {position:relative; text-align:center; padding-bottom:3px;}
.chart_box .img_chart02 {position:absolute; right:0; top:-25px;}
.chart_box .img_chart03 {position:absolute; right:204px; top:-18px;}

/* 알림 팝업 */
.pop_wrap.pop_wrap02 {background:none;}
.common_pop.common_pop10 {width:400px; margin-left:-200px; background:#fff; border:1px solid #afb0b0; border-radius: 10px; box-shadow:3px 3px 3px #d2d4d4;}
.common_pop.common_pop10 .pop_con .pop_title {width:calc(100% - 60px); height:auto; line-height:1; margin:0 auto; padding:20px 0 15px; border-bottom:2px solid #201d3e; background:none; font-size:18px; font-weight:700; color:#201d3e;}
.common_pop.common_pop10 .pop_con .con {line-height:1.4; padding:20px 30px;}

/* 프로그레스 팝업 */
.common_pop.progress_pop {width:300px; margin-left:-150px;}
.common_pop.progress_pop .pop_con .con {padding:33px 0 36px; border-radius:10px; box-shadow:0 2px 5px rgba(84, 105, 120, 0.3)}
.common_pop.progress_pop02 .pop_con .con {padding:36px 0 10px;}

.txt_progress01 {line-height:1; padding:20px 0 10px; text-align:center; font-size:22px; color:#333;}
.txt_progress01 span {font-weight:700; color:#f68c3d;}
.txt_progress02 {line-height:1; text-align:center; font-size:16px; color:#333;}

.common_pop.progress_pop .btn_closePop a {top:18px; right:17px; width:16px; height:16px; background:url('../images/btn_pop_close02.png') no-repeat 0 0;}

/* 가맹점 등록 */
.tbl_sty06 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty06 th {padding:3px 7px 3px 10px; text-align:left; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.tbl_sty06 th:first-child {border-left:1px solid #d6d5dd;} 
.tbl_sty06 td {height:29px; padding:3px 7px; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; font-size:14px; background: #fff;}
.tbl_sty06 td.td_c {background:#f6f6f6;}

.tbl_sty06 th.required {background:#fbf0e8;}
.tbl_sty06 th.required:after {content:""; display:inline-block; width:4px; height:4px; margin:0 0 8px 4px; background:#f68c3d; border-radius:50%;}

.tbl_sty06 td .search_box {font-size:0;}
.tbl_sty06 td .search_box input {width:calc(100% - 25px);}
.tbl_sty06 td .search_box select {width:calc(100% - 25px);}
.tbl_sty06 td .search_box .btn_i_search {margin-left:7px;}

.card_list {}
.card_list li {box-sizing:border-box; float:left; width:33%; padding:0 10px; font-size:0;}
.card_list li label {display:inline-block; width:50px; font-size:14px;}
.card_list li select {width:calc(100% - 50px);}
.card_list li:nth-child(4),
.card_list li:nth-child(5),
.card_list li:nth-child(6) {margin-top:5px;}

.address_box {font-size:0;}
.address_box .txt_post {width:62px;}
.address_box .txt_addr01 {width:328px; margin:0 5px 0 10px;}
.address_box .txt_addr02 {width:calc(100% - 430px);}

.slip_address_box {font-size:0;}
.slip_address_box input {width:calc(100% - 70px);}

.company_num_box {font-size:0;}
.company_num_box input {width:calc(100% - 35px);}
.company_num_box span {display:inline-block; width:25px; text-align:right; vertical-align:middle; font-size:14px; margin-left: 5px;}

.company_num_box2 {font-size:0;}
.company_num_box2 input {width:calc(100% - 63px);}
.company_num_box2 span {display:inline-block; width:35px; text-align:right; vertical-align:middle; font-size:14px;}
.company_num_box2 button {display:inline-block; width:20px;}

.company_num_box3 {font-size:0;}
.company_num_box3 input {width:calc(100% - 70px);}
.company_num_box3 button {display:inline-block; width:60px;}

.company_box {font-size:0;}
.company_box input {width:50px;}
.company_box input + input {width:calc(100% - 57px); margin-left:3px;}

.mbrtype_box{font-size:0;}
.mbrtype_box .in {width:calc(100% - 60px);}
.mbrtype_box .txt {display:inline-block; width:60px; text-align:center; vertical-align:middle; font-size:14px;}

.catid_box {font-size:0;}
.catid_box input {width:calc(60% - 2px);}
.catid_box input + input {width:calc(40% - 2px); margin-left:3px;}

.catname_box {font-size:0;}
.catname_box input {width:calc(100% - 70px);}
.catname_box span {display:inline-block; width:70px; text-align:right; vertical-align:middle; font-size:14px;}

.money_box {font-size:0;}
.money_box .tit {display:inline-block; font-size:14px; padding-right:7px;}
.money_box .txt_money {width:110px; text-align:right;}
.money_box span {display:inline-block; padding-left:6px; padding-right:20px; vertical-align:middle; font-size:14px;}

.hw_box {font-size:0;}
.hw_box span {padding-right:5px; vertical-align:middle; font-size:14px;}

.address_box.address_box02 select {width:100px; margin-right:10px;}
.address_box.address_box02 .txt_addr02 {width:calc(100% - 546px);}

/* 사업자번호 중복 확인 */
.txt_day_red02 {background-position:0 0;}

u.IBSheetButton {background:none !important; color:#333 !important;}

.dot_list {margin-top:25px;}
.dot_list li {line-height:1.2; margin-top:10px; word-break:keep-all;}
.dot_list li:first-child {margin-top:0;}
.dot_list li:before {content:""; display:inline-block; width:2px; height:2px; margin:0 10px 5px 0; background:#999;}
.dot_list li > ul {margin-top:10px; padding-left:10px;}
.dot_list li > ul > li:before {display:none;}

/* 고객 그룹코드 검색 */
.customer_chk_box {padding-top:15px;}
.customer_chk_box label {font-weight:700;}

/* HW 교차취소 요청서 등록 */
.tooltip02 {position:relative;}
.tooltip02:before {content:""; display:inline-block; width:14px; height:14px; margin-left:10px; background:url('../images/ico_exclamation.png') no-repeat 0 0; vertical-align:-2px;}
.tooltip02 .tooltiptext {position:absolute; width:auto; line-height:1.2; padding:5px 10px; text-align:center; border-radius:6px; background-color:#000; visibility:hidden; color:#fff; z-index:1;}
.tooltip02:hover .tooltiptext {visibility:visible;}
.tooltip02 .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:5px;}
.tooltip02 .tooltip-bottom {width:100px; top:150%; left:50%; margin-left:-55px;}
.tooltip02 .tooltip-bottom::after {bottom:100%; left:50%; margin-left:-5px; border-color:transparent transparent black transparent;}
.tooltip02 .tooltip-top {width:100px; top:-34px; left:50%; margin-left:-55px;}
.tooltip02 .tooltip-top::after {bottom:-38%; left:50%; margin-left:-5px; border-color:black transparent transparent transparent;}

/* error 팝업 */
.error_box {box-sizing:border-box; position:fixed; left:50%; top:30%; width:450px; height:300px; margin-left:-225px; margin-top:-150px; padding:45px 0 30px; text-align:center; border:2px solid #aeaeae; background:#fff;}
.error_box .ic {display:block; width:108px; height:79px; margin:0 auto; background:url('../images/ico_error.png') no-repeat 0 0;}

.txt_error01 {line-height:1.2; padding:25px 0 30px; font-size:18px; color:#333;}
.txt_error02 {line-height:1; padding:40px 0; font-size:18px; color:#333;}

.error_box02 {padding:75px 0 67px;}

.txt_error03 {padding:29px 0 0; font-size:18px; color:#333;}
.txt_error04 {line-height:1; padding:43px 0 0; font-size:18px; color:#333;}

/* 공통 팝업 - 가맹점 검색 */
.common_pop.common_pop11 {width:1200px; margin-left:-600px;}

/* 사이트맵 */
/* * /
.sitemap_box {box-sizing:border-box; float:left; width:calc((100% - 150px) / 7); margin-left:25px;}
/* */
.sitemap_box.sitemap_box01 {margin-left:0;}
.sitemap_box h2 {box-sizing:border-box; height:40px; line-height:40px; margin-bottom:15px; text-align:center; background:#201d3e; font-size:16px; font-weight:700; color:#fff;}
.sitemap_box dl {margin-top:25px;}
.sitemap_box dl dt {padding-bottom:8px; font-size:16px; font-weight:700; color:#201d3e;}
.sitemap_box dl dd {}
.sitemap_box dl dd button {box-sizing:border-box; display:block; width:100%; height:26px; line-height:26px; text-align:left; border-left:1px solid #8f8e9e; text-indent:10px; font-size:14px; color:#201d3e;}
.sitemap_box dl dd button:hover {background:#ededf6; border-left:1px solid #201d3e; font-weight:700;}

.sitemap_container {margin: 2px auto 0;border: none;width: max-content;}
.sitemap_container {display: grid;	grid-template-columns: repeat(3, 1fr);grid-template-rows: auto;grid-gap: 25px;}
.sitemap_box {grid-area: auto;}

/* 특정 width 이상에서 횡으로 정렬 */
@media (min-width: 880px) {
	.sitemap_container {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media (min-width: 1240px) {
	.sitemap_container {
		grid-template-columns: repeat(7, 1fr);
	}

	.sitemap_box {
		grid-row: 1 / 5;
	}
}


/* 가맹점 상세 조회 */
.tooltip03 {display:inline-block; position:relative; margin-left:10px; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.tooltip03 .tooltiptext {position:absolute; width:auto; line-height:1.2; padding:5px 10px; text-align:center; border-radius:6px; background-color:#000; visibility:hidden; color:#fff; z-index:1;}
.tooltip03:hover .tooltiptext {visibility:visible;}
.tooltip03 .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:5px;}
.tooltip03 .tooltip-bottom {width:100px; top:150%; left:50%; margin-left:-55px;}
.tooltip03 .tooltip-bottom::after {bottom:100%; left:50%; margin-left:-5px; border-color:transparent transparent black transparent;}
.tooltip03 .tooltip-top {width:100px; top:-34px; left:50%; margin-left:-55px;}
.tooltip03 .tooltip-top::after {bottom:-38%; left:50%; margin-left:-5px; border-color:black transparent transparent transparent;}
.tooltip03 .tooltip-top-left-s {
	width: auto;
	min-width: 76px;
	top: -20px;
	right: 0;
	line-height: 0.8;
	padding: 4px 4px;
	word-break: keep-all;
}
.tooltip03 .tooltip-top-left-s::after {
	bottom: -9px; left:80%; border-color:black transparent transparent transparent;
}

.tooltip04 {display:inline-block; position:relative; margin-left:10px; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.tooltip04 .tooltiptext {position:absolute; width:auto; line-height:1.2; padding:5px 10px; text-align:center; border-radius:6px; background-color:#000; visibility:hidden; color:#fff; z-index:1;}
.tooltip04:hover .tooltiptext {visibility:visible;}
.tooltip04 .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:5px;}
.tooltip04 .tooltip-bottom {width:160px; top:150%; left:50%; margin-left:-93px;}
.tooltip04 .tooltip-bottom::after {bottom:100%; left:50%; margin-left:-5px; border-color:transparent transparent black transparent;}
.tooltip04 .tooltip-top {width:100px; top:-34px; left:50%; margin-left:-55px;}
.tooltip04 .tooltip-top::after {bottom:-38%; left:50%; margin-left:-5px; border-color:black transparent transparent transparent;}

.pos_r {position:relative !important;}

.tbl_sty07 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty07 th {padding:3px 8px; text-align:center; border-bottom:1px solid #dfdee3; border-right:1px solid #dfdee3; background:#f6f6f6;}
.tbl_sty07 td {padding:11px 9px; text-align:right; border-bottom:1px solid #dfdee3; border-right:1px solid #dfdee3;  background: #fff;}
.tbl_sty07 th:first-child,
.tbl_sty07 td:first-child {border-left:1px solid #dfdee3;}

/* 주소 팝업 */
#address_wrap {width:100%; height:466px !important; overflow-y:auto;}

/* 단말기 관리 */
.danmal_box {}
.danmal_box .left {box-sizing:border-box; position:relative; float:left; width:calc(45% - 10px);}
.danmal_box .right {box-sizing:border-box; position:relative; float:left; width:calc(55% - 10px); margin-left:18px;}

.pos_a {position:absolute; right:0; top:0;}

.card_list02 {padding:19px 0;}
.card_list02 li {box-sizing:border-box; float:left; width:50%; padding:13px 10px 0; font-size:0;}
.card_list02 li select {width:75px;}
.card_list02 li:nth-child(1),
.card_list02 li:nth-child(2) {padding-top:0;}
.card_list02 li:nth-child(5),
.card_list02 li:nth-child(6) {padding-top:7px;}

.inp_box {font-size:0;}
.inp_box span {box-sizing:border-box; display:inline-block; width:calc(50% - 2px);}
.inp_box span:nth-child(2) {margin-left:4px;}
.inp_box span label {display:inline-block; width:40px; font-size:14px;}
.inp_box span input {width:calc(100% - 40px);}

.inp_box.inp_box02 span label {width:30px;}
.inp_box.inp_box02 span input {width:calc(100% - 30px);}

.inp_box03 {font-size:0;}
.inp_box03 input {width:calc(50% - 2px);}
.inp_box03 input:nth-child(1) {margin-right:4px;}

.inp_box04 {font-size:0;}
.inp_box04 input:nth-child(1) {width:calc(30% - 2px); margin-right:4px;}
.inp_box04 input:nth-child(2) {width:calc(70% - 2px);}

.add_equipment_box {position:relative; margin-top:25px;}
.add_equipment_box .btn_area {position:absolute; right:0; top:0;}

.IBCellFilter.IBCellBase {background-color:#fbf0e8 !important;}

.txt_total_count {text-align:left; color:#333 !important;}
.txt_total_count span {font-size:14px !important;}

/* 가맹점 조회 - 신용가맹점 탭 */
.sinyong_box {position:relative;}
.sinyong_box .left {box-sizing:border-box; float:left; width:calc(25% - 10px);}
.sinyong_box .right {box-sizing:border-box; float:left; width:calc(75% - 10px); margin-left:18px;}

/* 가맹점 조회 - 계약 탭 */
.contract_box {border:1px solid #d6d5dd;}
.contract_box .left {box-sizing:border-box; float:left; width:60%;}
.contract_box .right {box-sizing:border-box; float:left; width:40%; border-left:1px solid #d6d5dd;}
.contract_box .left > p,
.contract_box .right > p {padding:8px 0; text-align:center; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.contract_box .left .box {padding:10px;}

.tbl_sty08 {box-sizing:border-box; width:100%; box-shadow: 0 0 0 4px #fff;}
.tbl_sty08 th {padding:18px 10px; text-align:left; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.tbl_sty08 td {padding:18px 10px; border-bottom:1px solid #d6d5dd; font-size:14px; background: #fff;}
.tbl_sty08 tr:last-child th,
.tbl_sty08 tr:last-child td {border-bottom:none;}

.brd_t_none {border-top:none !important;}

.txt_total_sum {}
.txt_total_sum span {display:inline-block; width:calc(100% - 100px); text-align:center; font-size:14px !important;}
.txt_total_sum span + span {width:100px; text-align:right;}

.agent_scroll_box {height:400px; overflow-y:auto;}

/* 가맹점 조회 - AS 알림 전송 팝업 */
.tbl_sty09 {box-sizing:border-box; width:100%; border-top:1px solid #d6d5dd; box-shadow: 0 0 0 4px #fff;}
.tbl_sty09 th {padding:11px 10px 14px; text-align:left; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700; color:#333;}
.tbl_sty09 td {padding:11px 10px 14px; text-align:left; border-bottom:1px solid #d6d5dd; font-size:14px; color:#333; background: #fff;}
.tbl_sty09 td textarea {height:120px;}

.IBCheck1Left {background-position:center center !important;}

.IBMenuBody > div > .IBEnumMenuItem {padding:1px 8px 0px 8px !important;}
.IBMenuBody.IBFilterMenuBody > div {padding:0;}
.IBMenuBody.IBFilterMenuBody > div > .IBMenuItem {padding:3px 0 3px 3px !important;}

/* 도서공연비 소득공제 사업자 팝업 */
.sub_title input[type=checkbox].css-checkbox + label {line-height:1;}

/* 신용가맹점번호 검색 */
.txt_red.txt_red02 {padding-left:15px; font-weight:400;}

.IBHeaderIconInner.IBCheck0Left {background-position:center center !important;}

/* 가맹점 조회 탭 iframe */
.deal_pannel_wrapper.agent_pannel_wrapper .ib-tab-contents__item > iframe {height:100vh !important; overflow:hidden !important;}

/* 신용가맹점번호 일괄 등록 */
.deal_pannel_wrapper.sinyong_pannel_wrapper .ib-tab-contents__item > iframe {height:400px !important;}

.non_text_checkbox input[type=checkbox].css-checkbox + label {margin-right:0; padding-left:14px !important; text-indent:-9999px;}

.agent_float_box {}
.agent_float_box .left {box-sizing:border-box; float:left; width:calc(40% - 10px);}
.agent_float_box .right {box-sizing:border-box; float:left; width:calc(60% - 10px); margin-left:20px;}

.tbl_sty10 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty10 th {padding:8px 0 10px; text-align:center; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.tbl_sty10 td {padding:8px 10px; text-align:center; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; font-size:14px; background: #fff;}
.tbl_sty10 th:first-child,
.tbl_sty10 td:first-child {border-left:1px solid #d6d5dd;}

/* 단일 POS의 복사 가맹점 사용 약관 동의 팝업 */
.term_box {box-sizing:border-box; height:345px; border:1px solid #d6d5dd; overflow-y:auto;}

/* 세외 수입 카드사 입금 조회 */
.account_link u.IBSheetButton {color:#ff4301 !important;}

/* 세외수입 가맹점 지급 - 조정 대상 전체 조회 팝업 */
.search_area02 {box-sizing:border-box; padding:12px 0; text-align:center; background:#f6f6f6; border:1px solid #d6d5dd; font-size:0;}
.search_area02 label {display:inline-block; padding:0 10px; font-size:14px;}

.tbl_sty01.tbl_sty11 {width:600px;}

/* 세외수입 가맹점 지급 - 지급 상태 업데이트 */
.dot_list02 {margin:10px 0;}
.dot_list02 li {margin-top:10px; color:#ff4301;}
.dot_list02 li:first-child {margin-top:0;}

/* 부가서비스 주소록 */
.address_box03 {}
.address_box03 > .left {box-sizing:border-box; float:left; width:calc(35% - 10px);}
.address_box03 > .right {box-sizing:border-box; float:left; width:calc(65% - 10px); margin-left:20px;}

.ta_u {padding:6px 10px 5px 10px !important; text-align:left !important;}

/* 부가서비스 양식관리 */
.phone_box {}
.phone_box > .left {box-sizing:border-box; float:left; width:207px; height:410px; margin-right:15px; padding:0 21px 20px; background:url('../images/bg_phone.png') no-repeat 0 0;}
.phone_box > .right {box-sizing:border-box; float:left; width:calc(100% - 222px);}

.txt_count {line-height:1; padding:46px 0 13px; text-align:center; font-size:14px;}
.txt_count .curr_byte {color:#f68c3d;}

.text_tab {position:relative;}
.text_tab dt {position:absolute; top:0; z-index:10;}
.text_tab dt.t1 {left:0;}
.text_tab dt.t2 {left:55px;}
.text_tab dt.t3 {left:110px;}
.text_tab dt a {box-sizing:border-box; display:block; width:55px; height:36px; text-align:center; line-height:36px; border:1px solid #dbdbdb; border-top-left-radius:6px; border-top-right-radius:6px; background:#f6f6f6; font-size:14px; font-weight:700; color:#333; cursor:default}
.text_tab dt[data-clickable] a {cursor:pointer}
.text_tab dt.on a {background:#fff; border-bottom-color:#fff;}
.text_tab dt.t1.on a {}
.text_tab dd {position:absolute; left:0; top:35px; height:281px; border:1px solid #dbdbdb; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.text_tab dd.hidetab {display:none;}
.text_tab dd textarea {height:281px; padding:15px; border:none; border-radius:6px; outline:0;}

.text_tab2 {position:relative;}
.text_tab2 dt {position:absolute; top:0; z-index:10;}
.text_tab2 dt a {box-sizing:border-box; display:block; min-width:55px; height:33px; text-align:center; line-height:36px; border:1px solid #dbdbdb; border-top-left-radius:6px; border-top-right-radius:6px; background:#f6f6f6; font-size:14px; font-weight:700; color:#333; cursor:pointer}
.text_tab2 dt.t1 {left:0;}
.text_tab2 dt.t1 a {width:70px;}
.text_tab2 dt.t2 {left:70px;}
.text_tab2 dt.t2 a {width:110px;}
.text_tab2 dt.on a {background:#fff; border-bottom-color:#fff;}
.text_tab2 dt.t1.on a {}
.text_tab_con.hidetab {display:none;}

.brd_l {border-left:1px solid #d6d5dd !important;}
.brd_l2 {border-left:1px solid #f6f6f6 !important;}

/* 선불카드 거래 조회 */
.pos_a02 {position:absolute; right:20px; top:15px;}

/* 전표 수거목록 조회 - 소박스 상세 검색 */
.pop_title .txt_day_red {line-height:18px;}

/* 전표 소박스 관리 */
.solid_box .IBRowAbove {position:relative;}

.add_text {padding-left:25px !important; background-position:0 center !important;}
.add_text span {font-size:14px !important; font-weight:400 !important;}

.slip_box {position:absolute; right:0; top:0;}
.slip_box u {display:inline-block; height:28px; line-height:28px; padding:0 15px !important; background:#d6d5dd !important; border-radius:4px; font-size:14px; font-weight:500; color:#333 !important;}

.txt_tot01 {position:absolute; right:300px; top:0;}
.txt_tot02 {position:absolute; right:150px; top:0;}

.mh75 {min-height:75px;}
.mh120 {min-height:120px;}

.txt_blue {color:#0070C0 !important;}
.txt_green {color:#00B050 !important;}

.txt_b_line {font-weight:700; text-decoration:underline; text-underline-offset:3px;}

.txt_slip {padding:10px 0 20px; text-align:center; font-size:16px; font-weight:700;}

/* 전표 중박스 관리 - 중박스 양식 팝업 */
.common_pop.common_pop12 {width:990px; margin-left:-495px;}
.common_pop.common_pop12 .pop_con .con {box-sizing:border-box; height:540px;}

.slip_title_box {position:relative; text-align:center; padding-top:10px;}
.slip_title_box img {position:absolute; left:0; top:25px;}
.slip_title_box p {line-height:1; font-size:50px; font-weight:700;}

.sign {display:inline-block; text-decoration:underline; text-underline-offset:2px;}

.txt_slip_date {line-height:1; padding-bottom:25px; text-align:right; font-size:36px; font-weight:700;}
.txt_slip_date span {display:inline-block; width:120px; text-align:left;}

/* 전표 중박스 관리 - 대박스 양식 팝업 */
.common_pop.common_pop13 {width:1000px; margin-left:-500px;}
.common_pop.common_pop13 .pop_con .con {box-sizing:border-box; height:700px; padding:0;}

.slip_area {padding:10px 15px;}
.slip_area01 {border-bottom:3px dashed #000;}

.slip_title_box02 {position:relative; padding:10px 0; text-align:center; border:1px solid #000;}
.slip_title_box02 img {position:absolute; left:5px; top:16px;}
.slip_title_box02 p {line-height:1; font-size:30px; font-weight:700;}

.slip_brd_box01 {position:relative; margin:10px 0; padding:5px 10px; border:1px solid #000;}

.barcode_list {}
.barcode_list li {box-sizing:border-box; position:relative; float:left; width:200px; padding-left:20px;}
.barcode_list li:first-child {padding-left:0;}
.barcode_list li:before {position:absolute; left:5px; bottom:25px; content:""; display:inline-block; width:10px; height:2px; margin:0; background:#000;}
.barcode_list li:first-child:before {display:none;}
.barcode_list li span {box-sizing:border-box; display:block; height:40px; line-height:1.2; text-align:center; font-weight:500;}
.barcode_list li:first-child span {padding-top:10px;}
.barcode_list li div {padding:5px 0; text-align:center; border:1px solid #000; font-size:43px; font-weight:700;}

.barcode_box {position:absolute; right:20px; top:30px;}

.slip_brd_box02 {border:1px solid #000;}
.slip_brd_box02 .one {}
.slip_brd_box02 .one p {box-sizing:border-box; float:left; width:calc(100% - 900px); padding-top:20px; text-align:center; font-size:26px; font-weight:700;}
.slip_brd_box02 .one .tbl_sty01 {box-sizing:border-box; float:right; width:900px; border-top:none;}
.slip_brd_box02 .one .tbl_sty01 th {text-align:center;}
.slip_brd_box02 .one .tbl_sty01 td {text-align:center; font-size:30px; font-weight:700;}
.slip_brd_box02 .two {padding:10px; border-top:1px solid #000; font-size:16px; font-weight:700;}
.slip_brd_box02 .two span {padding-left:40px;}

/* 전표 대박스 입고 현황 */
.bg_yellow {background-color:#ffd !important;}
/* 매출 전표 */
.bg_white {background-color:#fff !important;}
/* 매출 전표 */
.bg_gray {background-color: #f0f0f0 !important;}

/* 통합 거래 조회 */
.select_count {position:absolute; right:0; top:0;}
.select_count select {width:100px;}
.select_count02 {padding-bottom:10px; text-align:right;}
.select_count02 select {width:100px;}

/* 부가서비스 발송 */
.supplementary_service_box {}
.supplementary_service_box > .left {box-sizing:border-box; float:left; width:539px; margin-right:10px;}
.supplementary_service_box > .right {box-sizing:border-box; float:left; width:calc(100% - 549px);}

.send_box {}
.send_box p {float:left; padding-right:40px;}
.send_box div {float:left; padding-top:3px;}

.tbl_sty12 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty12 > tbody > tr > th {padding:0 10px; text-align:left; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.tbl_sty12 > tbody > tr > th:first-child {border-left:1px solid #d6d5dd;} 
.tbl_sty12 > tbody > tr > td {min-height:19px; padding:8px 7px; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; font-size:14px; background: #fff;}

.address_list {}
.address_list li {margin-top:5px;}
.address_list li:first-child {margin-top:0;}

.txt_black {font-size:14px; font-weight:400;}

.color_dot_list {margin-top:25px; padding:20px; border:1px solid #dfdee3;}
.color_dot_list li {margin-top:15px; font-size:14px;}
.color_dot_list li:nth-child(1) {margin-top:0; color:#0066f1;}
.color_dot_list li:nth-child(3) {color:#ff4301;}
.color_dot_list li:before {content:""; display:inline-block; width:3px; height:3px; margin:0 8px 3px 0; background:#333; border-radius:3px;}
.color_dot_list li:nth-child(1):before {background:#0066f1;}
.color_dot_list li:nth-child(3):before {background:#ff4301;}

.deal_pannel_wrapper.service_pannel .ib-tab-contents__item > iframe {height:calc(100vh + 434px) !important;}
@media (min-width: 1440px) {
	.deal_pannel_wrapper.service_pannel .ib-tab-contents__item > iframe {height:calc(100vh + 66px) !important;}
}

.color_dot_list.color_dot_list02 {padding:0; border:none;}

.IBCellBase.IBClassReadOnly {background-color:#f4f4f4;}
.IBCellBase.IBClassReadOnly.IBButton {background-color:#fff;}

/* 그룹코드 관리 */
.dp_ib {display:inline-block;}

/* 동반위 신결제수단 지원 */
.bg_orange {background:orange;}
.wb_ka {word-break:keep-all;}

/* 현금영수증 반송 관리 */
.btn_box u {display:inline-block !important; height:28px; line-height:28px; padding:0 15px; background:#d6d5dd !important; border-radius:4px; vertical-align:middle; font-size:14px; font-weight:500; color:#333 !important;} /* 버튼 배경 회색 */
.btn_n_box u {display:inline-block !important; height:28px; line-height:28px; padding:0 15px; background:#201d3e !important; border-radius:4px; vertical-align:middle; font-size:14px; font-weight:500; color:#fff !important;} /* 버튼 배경 남색 */

/* 현금영수증 오류 관리 */
.tbl_sty13 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty13 thead th {padding:11px 10px 12px; text-align:center; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700; color:#333;}
.tbl_sty13 thead th:first-child {border-left:1px solid #d6d5dd;}
.tbl_sty13 tbody td {line-height:1.2; padding:11px 10px 12px; text-align:center; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; font-size:14px; color:#333; word-break:keep-all; background: #fff;}
.tbl_sty13 tbody td:first-child {border-left:1px solid #d6d5dd;}
.tbl_sty13 tbody td:nth-child(2) {text-align:left;}

/* 카드 조회 - 매입사 안내 팝업 */
.common_pop.common_pop14 {width:492px; margin-left:-246px;}

.txt_excla {line-height:1.2; margin-top:10px; padding-left:23px; background:url('../images/ico_exclamation02.png') no-repeat 0 0; letter-spacing:-1px;}

.card_search_box {margin-bottom:10px; padding:7px 0 8px; background:#f0f0f0; border:1px solid #d6d5dd; border-top-color:#201d3e; text-align:center; font-size:0;}
.card_search_box select {width:176px; margin-right:42px;}
.card_search_box label {padding-right:10px; font-size:14px; font-weight:700; color:#333;}
.card_search_box input {width:160px;}

.card_box {}
.card_box > .left {box-sizing:border-box; float:left; width:calc(100% - 549px);}
.card_box > .right {box-sizing:border-box; float:left; width:502px; margin-left:47px;}

.tbl_sty14 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty14 th {padding:16px 10px; text-align:left; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700; color:#333;}
.tbl_sty14 th:first-child {border-left:1px solid #d6d5dd;}
.tbl_sty14 td {padding:16px 10px; text-align:left; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; font-size:14px; color:#333; background: #fff;}


.tbl_sty15 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty15 th {line-height:1.2; padding:15px 10px; text-align:right; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700; color:#333;}
.tbl_sty15 th:first-child {border-left:1px solid #d6d5dd;}
.tbl_sty15 td {padding:15px 10px; text-align:left; border-bottom:1px solid #d6d5dd; border-right:1px solid #d6d5dd; font-size:14px; color:#333; background: #fff;}

.txt_remark02 {line-height:1; padding-top:20px; font-size:16px; font-weight:700; color:#333;}
.remark_list {margin-top:10px; padding:20px; border:1px solid #d6d5dd; border-top-color:#201d3e;}
.remark_list li {line-height:1.2; margin-top:15px; padding-left:12px; text-indent:-11px; font-size:14px; color:#333;}
.remark_list li:first-child {margin-top:0;}
.remark_list li:before {content:""; display:inline-block; width:3px; height:3px; margin:0 9px 3px 0; background:#333; border-radius:3px;}

/* 매입 반송 관리 */
.dot_list.color_dot_list03 li:nth-child(1) span {color:#ff4301;}
.dot_list.color_dot_list03 li:nth-child(2) span {color:#00b050;}
.dot_list.color_dot_list03 li:nth-child(1):before {background:#ff4301;}
.dot_list.color_dot_list03 li:nth-child(2):before {background:#00b050;}

/* 가맹점 등록 탭 */
/* 
.deal_pannel_wrapper.customer_pannel_wrapper .ib-tab-contents__item > iframe {height:100vh !important; overflow:hidden !important;}
 */
/* 세외수입 기준정보 관리 탭 */
.deal_pannel_wrapper.info_pannel_wrapper .ib-tab-contents__item > iframe {height:calc(100vh - 153px) !important; overflow:hidden !important;}

/* 거래내역 관리sms_pannel_wrapper 탭 */
.deal_pannel_wrapper.deal_pannel_wrapper02 .ib-tab-contents__item > iframe {height:calc(100vh - 343px) !important; overflow:hidden !important;}

/* 가맹점 일괄 등록 */
.lh01 {line-height:1.2;}

/* 본사 승인 건수 탭 */
.deal_pannel_wrapper.company_pannel_wrapper .ib-tab-contents__item > iframe {height:calc(100vh - 153px) !important; overflow:hidden !important;}

/* 민원 관리 */
.minwon_tab_box {position:relative; margin-top:20px;}
.minwon_tab_box .txt_total {position:absolute; right:0; top:10px;}

.minwon_box {}
.minwon_box .left {box-sizing:border-box; float:left; width:585px; margin-right:15px;}
.minwon_box .right {box-sizing:border-box; float:left; width:calc(100% - 600px);}

.mh137 {min-height:137px;}
.mh184 {min-height:184px;}

/* 민원 관리 -  처리 담당자 선택 팝업 */
.damdang_box {}
.damdang_box .left {box-sizing:border-box; float:left; width:300px; margin-right:15px;}
.damdang_box .left .filetree {box-sizing:border-box; height:350px; padding:15px; border:1px solid #d6d5dd; border-top-color:#201d3e; overflow-y:auto;}
.damdang_box .right {box-sizing:border-box; float:left; width:calc(100% - 315px);}

.damdang_search_box {position:relative; margin-bottom:10px; padding:7px 10px 8px; background:#f0f0f0; border:1px solid #d6d5dd; border-top-color:#201d3e; font-size:0;}
.damdang_search_box select {width:100px;}
.damdang_search_box input {width:150px; margin-left:10px;}
.damdang_search_box .btn_sty01 {position:absolute; right:10px;}

.fz14 {font-size:14px;}

/* 설치문의 관리 - 상담 상세 */
.brd_none {border:none !important;}

/* QVAN 계약서 관리 - OFF PG 계약 */
.txt_day_red a {color:#ff4301 !important;}

/* 티머니 가맹점 계약 조회 - T-Money 충전 서비스 기준 정보 */
.fw400 {font-weight:400;}

/* SMS 수/발신번호 관리 */
.deal_pannel_wrapper.sms_pannel_wrapper .ib-tab-contents__item > iframe {height:calc(100vh - 153px) !important; overflow:hidden !important;}

/* 머니온 상품 관리 */
.moneyon_box {}
.moneyon_box .left {box-sizing:border-box; float:left; width:500px; margin-right:15px;}
.moneyon_box .right {box-sizing:border-box; float:left; width:calc(100% - 515px);}

/* 머니온 청구서 관리 */
.slip_box.slip_box02 {position:absolute; right:100px; top:0;}
.slip_box.slip_box03 {position:absolute; right:200px; top:0;}

/* 그룹코드/일별 건수 - 대형점 가맹점별 실적 조회 */
.group_box {}
.group_box .left {box-sizing:border-box; float:left; width:700px; margin-right:15px;}
.group_box .right {box-sizing:border-box; float:left; width:calc(100% - 715px);}

/* 가맹점/일별 건수 - 조회 단말기 기준 */
.dot_list.dot_none_list li:before {display:none;}

/* TMS 다운로드 조회 */
.deal_pannel_wrapper.tms_pannel_wrapper .ib-tab-contents__item > iframe {height:calc(100vh - 153px) !important;}

/* 지급 상태 업데이트 조회 팝업 */
.pay_box {padding-top:15px;}
.pay_box .left {box-sizing:border-box; float:left; width:500px; margin-right:15px;}
.pay_box .right {box-sizing:border-box; float:left; width:calc(100% - 515px);}

/* TMS 부가장비 조회 */
.tms_box {}
.tms_box .left {box-sizing:border-box; float:left; width:400px; margin-right:15px;}
.tms_box .right {box-sizing:border-box; float:left; width:calc(100% - 415px);}

/* 동반위 신결제수단지원 - 상세 팝업 */
.tbl_sty01.tbl_sty16 td {padding:7px 7px;}

.tbl_row_normal td {height:19px; padding-top: 8px;padding-bottom: 8px;}
.tbl_row_small td {height:29px; padding-top: 3px;padding-bottom: 3px;}

[data-clickable] {cursor:pointer;}
[data-noneclickable] {cursor:default;}

/* fontawesome */
.fa::before, .fa::after {font-family: 'FontAwesome' !important}
/**/


.tbl_sty16 {box-sizing:border-box; width:100%; border-top:1px solid #201d3e; box-shadow: 0 0 0 4px #fff;}
.tbl_sty16 th {padding:8px 0 10px; text-align:center; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; background:#f6f6f6; font-size:14px; font-weight:700;}
.tbl_sty16 td {padding:8px 10px; text-align:center; border-right:1px solid #d6d5dd; border-bottom:1px solid #d6d5dd; font-size:14px; background: #fff;}
.tbl_sty16 th:first-child {border-left:1px solid #d6d5dd; font-weight: 700;}
.tbl_sty16 td:first-child {border-left:1px solid #d6d5dd; background:#f6f6f6; font-weight: 500;}
.tbl_sty16 td:nth-child(2) {background:#f6f6f6; border-right: 1px double #d6d5dd;}

.autocompletion-wraper {
	position: absolute;
	background: #ffffff;
	z-index: 999;
	border: 1px solid #555;
	padding: 4px;
	border-radius: 4px;
	transition: all 0.1s ease;
	transform: translateY(0);
	max-width: 240px;
	max-height: calc(100vh - 278px - 30px);
	overflow-y: auto;
}
.autocompletion-wraper a {
	display: inline-block;
	width: 100%;
	line-height: 24px;
}
.autocompletion-wraper a:focus {
	background-color: #d6d5dd;
}

.tooltip05 {display:inline-block; position:relative; margin-left:10px; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.tooltip05 .tooltiptext {position:absolute; width:auto; line-height:1.2; padding:5px 10px; text-align:center; border-radius:6px; background-color:#000; visibility:hidden; color:#fff; z-index:1; font-size: 13px;}
.tooltip05:hover .tooltiptext {visibility:visible;}
.tooltip05 .tooltiptext::after {content:""; position:absolute; border-style:solid; border-width:5px;}
.tooltip05 .tooltip-bottom {width:350px; top:150%; left:50%; margin-left:-93px;}
.tooltip05 .tooltip-bottom::after {bottom:100%; left:50%; margin-left:-5px; border-color:transparent transparent black transparent;}
.tooltip05 .tooltip-top {width:100px; top:-34px; left:50%; margin-left:-55px;}
.tooltip05 .tooltip-top::after {bottom:-38%; left:50%; margin-left:-5px; border-color:black transparent transparent transparent;}