@charset "utf-8";
@import url('reset.css');
@import url('modal.css');
/*@import url('remixicon.css');*/


/* ----------------------------------------------------------------
 							LAYOUT
 -----------------------------------------------------------------*/
*{ box-sizing: border-box; }
html{min-height:100%;}
body { height: auto; padding-top: 1px; margin-top: -1px;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; /*overflow: hidden; -webkit-overflow-scrolling: touch;*/}
.wrapper{ position: relative; width:100%; box-sizing:border-box;}
#content_inner { width: 100%; }
#content_inner.main_list { /*margin-top:7px;*/ }
#content_inner.withBtn{ padding-bottom:67px; /*margin-bottom:7px;*/}
#content_inner.withTab{ padding-top:35px; margin-top:7px;}
#content_inner.withOut{ padding-top:49px !important; padding-bottom:67px !important; margin-top:0; }
#content_inner.withBtn2{ padding-top: 5px !important; padding-bottom:130px !important; margin-top:0;}
#content_inner.fullarea{ background: #fff; margin-top: 0; }
#content_inner.slipView{ padding-top:5px !important; padding-bottom:69px !important; margin-top:0;}
.inner{ width:100%; /*height: 100%;*/ padding: 0 16px 16px 16px; box-sizing:border-box;}

/*#content_inner.fullarea .inner{ padding:0;}*/



/* ----------------------------------------------------------------
                            Help CSS
 -----------------------------------------------------------------*/
.clearfix:after, .group:after{ content: ""; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.text-left{ text-align: left !important;}
.text-center{ text-align: center !important; }
.text-right{ text-align: right !important;}

.vertical-mid{ vertical-align: middle;}

.line42{ line-height:42px;}
.line35{line-height: 30px!important;height:30px !important;}

/* 영어 숫자일때 폰트 살짝 키우기 */
.em{ /*font-size: 13.3px;*/ }
.hand{ cursor:pointer }
.bold{ font-weight: 600;}
.under{ border-bottom:1px solid #0dc9b4;}

.mgt5{ margin-top: 5px;}
.mgt7{ margin-top:7px; }
.mgt10{ margin-top:10px;}
.mgl5{ margin-left:5px;}

.bdr5{ border-radius: 5px;}

.point-text{ font-size:14.5px; font-weight:600;}

.bgWhite{ background: #fff;}

.sr-only{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }





/* ----------------------------------------------------------------
                     General Styling
 -----------------------------------------------------------------*/
/* header */
#header { position: relative; height: 44px;  background: #fff; border-bottom: 1px solid #e2e2e2; }
#header h1 { display: block; line-height: 44px; margin: 0 auto; text-align: center; font-size: 15px; font-weight: bold; color: #000;}
#header h1 img { /*width: 50px;*/ vertical-align: middle; }
.headerTabFixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 99;}
.headerTab{ padding: 0 5px;}

/* tabBox */
#mainTab { border-bottom: 0;  background: none;}
.tabBox {position: fixed; width: 100%; top: 0; left: 0; height:44px; padding:0 16px; background: #fff; box-sizing: border-box; z-index: 99;}
.tabBox ul { display: table; white-space: nowrap; width: 100%; }
.tabBox li { display: table-cell; white-space: nowrap;  text-align: center;}
.tabBox .col_2 li { width: 50%; }
.tabBox .col_4 li { width: 25%; }
.tabBox  a { display: block; width: 100%;}
.tabBox span { position: relative; display: inline-block; height: 42px; line-height: 42px; font-size: 13px; font-weight: 400; color: #ccc;}
.tabBox .tabOn span { width:100%; height: 44px; font-weight: 600; color: #0dc9b4;}
.tabBox .tabOn span:after{
    content:"";
    display: block;
    width:100%;
    height: 2px;
    background-color: #0dc9b4;
    border-radius: 50em;
}


/* button */
.btn_bottom{ width: 100%; background: #fff; }
.withBtn .btn_bottom a, .withBtn .btn_bottom button{ float:left; border: none;}
#fixedBtn_bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index:50;}
#fixedBtn_bottom .centerThis { padding: 0 16px 20px 16px;}

.btn_bottom .col_2 .btn_global{
    width:49%;
    margin:0 1%;
}
/*.btn_bottom .col_3 .btn_global{*/
    /*width:31% !important;*/
    /*margin:0 auto;*/
/*}*/
/*.btn_bottom .btn_global + .btn_global{*/
    /*float:right;*/
/*}*/
.btn_bottom .col_3 .btn_global{
    width:32% !important;
    margin:0 1%;
}
.btn_bottom .col_2 .btn_global:first-child,
.btn_bottom .col_3 .btn_global:first-child{
    margin-left:0;
}
.btn_bottom .col_2 .btn_global:last-child,
.btn_bottom .col_3 .btn_global:last-child{
    margin-right: 0;
}



.btn_global { display:inline-block; width:100%; /*height:56dp; height:56px; line-height:54.5px;*/ padding: 21px 0; font-size: 16sp; font-size:15px; color:#6e6e6e; border:1px solid #ccc; background:#ffffff; text-align: center; white-space: nowrap; cursor: pointer; box-sizing: border-box; font-weight: 600;}
.btn_small { display:inline-block; min-width:50px; height:30px; line-height:30px; border-radius: 8px; font-size:12px; font-weight:500; color:#6e6e6e; border:1px solid #ccc; background:#ffffff; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer;}
.btn_md { display:inline-block; width:100%; height:48px; line-height:48px; font-size:14px; font-weight:600; color:#666; border:1px solid #ccc; background:#ffffff; text-align:center; white-space: nowrap; cursor: pointer;}

/* a, button 각각 패딩이 안맞음.. */
.withBtn .btn_bottom a, .withBtn .btn_bottom button{ outline:none; border:none; box-shadow: none; }
.withBtn .btn_bottom a { /*border:none !important;*/ border-color:none !important; line-height: inherit; padding: 16px 0; max-height: 48px; min-height: 46px; border-radius: 7px; }
.withBtn .btn_bottom button{ border:none !important; border-color:none !important; line-height: 1;padding: 16px 0; max-height: 48px; min-height: 46px; border-radius: 7px;}

a.disabled { pointer-events: none; cursor: default;}

a:focus,
a.focus,
a:active,
a.active {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}


/* button background & color */
.lblack { background: #fff !important; border-color: #666 !important;  color: #000 !important;}
.lcgray { background: #fff !important; border-color: #ccc !important; color: #666 !important;}
.lagray { background: #fff !important; border-color: #a8a8a8 !important; color: #222 !important;}
.lagray:hover, .lagray.hover, .lagray:focus, .lagray.focus, .lagray:active, .lagray.active { background-color: #f5f5f5 !important; }
.legray { background: #fff !important; border-color: #e2e2e2 !important; color: #222 !important;}
.lgreen { background: #fff !important; color: #0dc9b4 !important; border: 1px solid #0dc9b4 !important;}
.lgreen:hover, .lgreen.hover, .lgreen:focus, .lgreen.focus, .lgreen:active, .lgreen.active { background-color: #f5f5f5 !important;}
.lwhite { background: none !important; border-color: #fff !important; color: #fff !important;}

.bgreen { background: #0dc9b4 !important; border-color: #0dc9b4 !important; color: #fff !important;}
.bgreen:hover, .bgreen.hover,
.bgreen:focus, .bgreen.focus,
.bgreen:active, .bgreen.active { background-color: #12bfac  !important; border-color: #12bfac !important;}
.bgreendark { background: #324755 !important; border-color: #324755 !important; color: #fff !important;}
.bgreendark:hover, .bgreendark.hover, .bgreendark:focus, .bgreendark.focus, .bgreendark:active, .bgreendark.active { background-color: #233643 !important; border-color: #233643 !important;}
.bgray { background: #ececec !important; border-color: #ececec !important; color: #2e2e2e !important;}
.bcgray { background: #ccc !important; border-color: #ccc !important; color: #fff !important;}
.bfgray { background: #f5f5f5 !important; border-color: #f5f5f5 !important; color: #ccc !important;}

.blred { background: #ffeff3 !important; border-color: #ffeff3 !important; color: #f54972 !important;}
.blred2 { background: #ffeff3 !important; border-color: #f54972 !important; color: #f54972 !important;}
.bblue { background: #4d7cfe !important; border-color: #4d7cfe !important; color: #fff !important;}
.blgreen { background: #ecfbf9 !important; border-color: #ecfbf9 !important; color: #0dc9b4 !important;}
.blgreen:hover, .blgreen.hover,
.blgreen:focus, .blgreen.focus,
.blgreen:active, .blgreen.active { background-color: #dbf7f4 !important; border-color: #dbf7f4 !important;}
.blgreen2 { background: #e2f8f1 !important; border-color: #10d697 !important; color: #10d697 !important;}
.blgreendark { background: #dff2ff !important; border-color: #dff2ff !important; color: #324755 !important;}
.blExcept{ background: #e6e6e6 !important; color: #666 !important; border-color: #999 !important;}

.clgray { color: #999 !important;}
.cagray { color: #aaa !important;}
.cgreen { color: #0dc9b4 !important;}
.cred { color: #f54972 !important;}
.cblue { color: #4d7cfe!important;}
.csky{ color:#07a0e2 !important;}

.wSmall { width: 31%; }
.wBig { width: 69%; }
.wHalf { width: 49%; }

.nothingInt{ background: #ccc !important;  border-color: #ccc !important; color: #fff !important; }
.finInt{ background: #0dc9b4 !important;  border-color: #0dc9b4 !important; color: #fff !important; }
/**/





/* 리셀러 등록 페이지 */
.formWrap{ width:100%; padding:20px 16px; background: #fff; font-size:13px; box-sizing: border-box; }
.formSecTit{ position: relative; padding-bottom:7px; margin-top:30px; font-size:13px; font-weight:600; color: #000; }
.formSecTit.first{ margin-top:0;}
.formSecTit + .intGroup{ margin-top: 13px;}
/* 제목 타이틀 클릭시, 여닫기 */
.formSecTit.closed{ cursor: pointer; margin-top: 20px; margin-bottom: 0px;}
.formSecTit.closed:after{ content:"\EA78"; display: inline-block; position: absolute; right:0; bottom:8px; font-family: 'remixicon'; font-weight:600; cursor: pointer; color:#e2e2e2; }
.formSecTit.opened:after{ content:"\EA4E"; }
.formSecTit.closed + .intGroupWrap{ overflow: hidden; display: none; height:0; transition: height 0.5s;}
.formSecTit.opened + .intGroupWrap{ display: block; height:auto; transition: height 0.5s;}
/*.formSecTit.opened:hover, .formSecTit.opened:active, .formSecTit.opened:focus{ background: red }*/
/*.withBtn .formWrap{ background: none; padding:0;}*/ /* 버튼까지 감싸는 */

.intGroupWrap{ width:100%; }
.intGroup{ display:block; width:100%; height:100%; margin-top:20px; font-size:13px; color:#666; }
.intGroup.first{ margin-top:0 !important;}

label.wrapLabel{ display: block; position:relative; }
.inputName{ display:block; margin-bottom:7px; color:#666;}
.inputName.alone{ display: block; margin-top:17px; }
.inputName.aloneTit{ margin-top:30px; }
.intGroup.first .inputName.alone{ margin-top:0;}
.inputName.first.alone{ margin-top:0;}
.main_list input[type="button"]{ font-weight:600;}

.wrapLabel.reqLabel .inputName{
    display: inline-block;
    vertical-align: middle;
}
.wrapLabel.reqLabel .required{
    display: inline-block;
    vertical-align: top;
    color:#0dc9b4;
    /*width:4px;*/
    /*height: 4px;*/
    /*margin-left: 2px;*/
    /*background-color: #0dc9b4;*/
    /*border-radius: 50%;*/
}
.inputName.withSpan{ display: inline-block;}
.inputName.withSpan + span { /*position:relative;*/ display: inline-block; font-size:20px; font-weight: 600;}
.inputName.withSpan + span i{ -webkit-transform: translateY(4px); transform: translateY(4px); font-size:23px; color:#0dc9b4;  }
/*.inputName.withSpan + span i{ position:absolute; top:-1px;}*/


/* 여러 인풋 하나로 묶는 class */
.inputWrap{ width:100%; font-size:13px; }
.inputWrap input{ display:inline-block;}
.inputWrap .int-add { width:75%; border-radius: 4px 0 0 4px; border-right: none;}
.inputWrap .int-add-btn { width:25%; border-radius: 0 4px 4px 0; border-color:#666; color:#3b3b46; }
.inputWrap .int-add-btn:hover, .inputWrap .int-add-btn.hover, .inputWrap .int-add-btn:focus, .inputWrap .int-add-btn.focus, .inputWrap .int-add-btn:active, .inputWrap .int-add-btn.active { background: #f5f5f5 ;}
/* 금액과 단위 같이 쓸때 */
.inputWrap .int-numb { width: 70px; border-right: 1px solid #e2e2e2; }
.inputWrap .with-int-txt { line-height:41px; font-size:13px; color:#999; text-align:right;}

/* 계좌정보 추가 200528*/
.inputCellWrap{
    width:100%;
    display:table;
}
.inputCell{
    display: table-cell;
    padding:0 5px;
    vertical-align: top;
}
.inputCell.vm{
    vertical-align: middle;
    line-height: 43px;
}
.inputCell:first-child{
    padding-left:0;
}
.inputCell:last-child{
    padding-right:0;
}
.inputCell.wSmall{ width:150px;}
.inputCell.wlarge{}
.inputLabel{
    min-width:55px;
}
.inputCellWrap .int-add-btn { border-color:#666; color:#3b3b46; }


.groupSlt { position: relative; }
.groupSlt select{ position: relative; width:100%; height:44px; padding:0 14px; color:#2e2e2e; background:none; border:1px solid #e2e2e2; border-radius:7px; box-sizing: border-box; z-index: 5; -webkit-appearance: none; appearance: none;}
.groupSlt:after {
    position:absolute;
    top:50%;
    right:8px;
    font-family: 'remixicon';
    content: '\EA4E';
    font-size: 160%;
    color:#a6a6a6;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* 라디오 버튼 */
.input_chk{ display:inline-block; /*margin-top: 0.2em;*/ margin-top:-5px; margin-left:16px; }
.input_chk.first{ margin-left:0;}
.input_chk .inputName{ display:inline-block; margin-bottom: 0;}

/* 체크박스 스위치버튼 */
input[type=checkbox].switch{ width: 0; height: 0; visibility: hidden;}
.switchWrap label { position: relative; display: block; width: 52px; height: 23px; margin-top:-14px; background: #a0abb8; border-radius: 100px; text-indent: -9999px; cursor: pointer;  }
.switchWrap label:after { content: ''; position: absolute; top: 3px; left: 3px;  width: 17px; height: 17px; background: #fff; border-radius: 50em; transition: 0.3s;}
input.switch:checked + label { background: #0dc9b4; }
input.switch:checked + label:after { left: calc(100% - 3px); transform: translateX(-100%);}

/* 미입력이나 오입력시 안내 */
.intGroup .errorMsg{ padding-top: 10px; padding-bottom: 5px; font-size:12px; color:#f54972;}
.intGroup.alert .inputName{ color:#f54972;}
.intGroup.alert input, .intGroup.alert select{ border: 1px solid #f54972;}
.intGroup.alert .inputWrap .int-add{ border-right: none;}

/* input 도움말 */
.intGroup .helpMsg{ padding-top: 10px; padding-bottom: 5px; font-size:12px; color:#999; word-spacing: -0.05em;}


/* 리셀러 리스트 페이지 */
.schResult{ height: 17px; line-height:17px; margin-top:17px; margin-bottom:5px;}
.schFilter{ font-size:11px; color:#999; }
.schFilter span{ color:#3b3b46;}
.toDefault{ cursor: pointer; }
.toDefault img{ width: 20px;}

.listTopArea{ margin-top:15px; margin-bottom:10px;}
.countNumBox{ display:inline-block; min-height:27px; line-height:25px; font-size:12px;}
.countNumBox p{ color:#999; }
.countNumBox em{ margin-left:3px; font-weight: 600; color:#3b3b46;}
.searchBox{ display:inline-block; min-height:27px;}
.searchBox .btn{ display: inline-block; width:64px; height:27px; line-height:27px; font-size:13px; box-sizing:border-box; text-align: center; cursor:pointer; }
.searchBox .btn .icon.search{ transform: rotate(-90deg); font-size: 15px; font-weight: 600; }

.resellLIstWrap{ width:100%; }
.resellLIstWrap.withTotal { padding-bottom:43px;}
.resellLIst{ width: 100%; min-height:138px; padding:16px 20px; margin-top:10px; background: #f5f5f5; color: #999; border-radius: 7px; box-sizing: border-box;}
.resellLIst:first-child, .resellLIst.first{ margin-top:0;}
/*.resellLIst:hover, .resellLIst.hover, .resellLIst:focus, .resellLIst.focus, .resellLIst:active, .resellLIst.active { background: #ebebeb;}*/

.resellTit{ width: 100%;}
.resellTit .tt{ margin-bottom:10px; }
.resellTit .lbBox{ }
.resellTit .lbBox .lb{ padding:0 4px 2px 4px; font-size:9px; border-radius:2px; box-sizing:border-box; vertical-align: top;}
.resellTit .dateBox{ font-size:11px; margin-top:3.5px;}
.resellTit .tm{ margin-bottom:8px;}
.resellTit .tm .rstit{  font-size:13px; font-weight: 600; color: #3b3b46;}
.resellTit .tm .phoneValue{ font-size:13px; font-weight: 600; color: #3b3b46;}
.resellTit .tb{ font-size:12px;}
.resellTit .belongTo { margin-bottom:10px; color:#666; }
.resellTit .belongTo span{ margin-right:5px;}
.resellTit .rsInfoBox { min-height:17px; margin-top: 5px;}
.resellTit .rsInfoBox li{ display:inline-block; margin-left:15px; font-size:11px; color:#aaa;}
.resellTit .rsInfoBox li:first-child{ margin-left:0;}
.resellTit .rsInfoBox .imgIcon{ margin-right:3px; vertical-align: top;}
.resellTit .rsInfoBox .imgIcon img{ /*margin-top:3px;*/ vertical-align: top;}
.resellTit .rsInfoBox .rsInfoTxt{ }
.resellTit .rsInfoBox .idValue img{ width:14.5px; }
.resellTit .rsInfoBox .nameValue img{ width:12px; }
.resellTit .rsInfoBox .phoneValue img{ width:8px; }
.resellTit .tb2{ font-size:12px; margin-top:8px; margin-bottom:22px;}
.resellTit .stanPr{  }
.resellTit .stanPr img{ width:13px; vertical-align: middle; }
.resellTit .stanPr .stanBtn{ padding: 3.5px 8px; margin-left:10px; font-size: 12px; color: #0dc9b4; background: #fff; border: 1px solid #0dc9b4; border-radius: 3px; box-sizing: border-box;}

.resellCon{ width: 100%; margin-top:10px;}
.resellCon .ct{ margin:0 -5px; }
.resellCon .rsBtnBox{ display: table; table-layout: fixed;  width: 100%;  border-radius:5px; box-sizing: border-box; overflow: hidden; }
.resellCon .rsBtnBox li{ display: table-cell; padding:0 5px; vertical-align: middle; text-align: center;cursor: pointer}
.resellCon .rsBtnBox.col_4 li{ width:25%;}
.resellCon .rsBtnBox.col_3 li{ width:33.333%;}
.resellCon .rsBtnBox .rsInner{ width:100%; padding:7.5px 0; background: #fff; border-radius: 5px;}
.resellCon .rsBtnBox span{ display: inline-block; vertical-align: middle;}
.resellCon .rsBtnBox span:first-child{ min-height:20px;}
.resellCon .rsBtnBox li img{ width: 16px; vertical-align: middle; }
.resellCon .rsBtnBox .rsbt{ font-size: 12px; font-weight: 500; color:#3b3b46;}
.disabled .rsbt{color: #666 !important}
/* 서류관리 리스트 */
.resellCon .priceInfoWrap{ width:100%; min-height:83px; padding:13px 0; margin-bottom:9px; background: #f5f5f5; border-radius:5px; box-sizing: border-box; }
.resellCon .priceInfoWrap > div{ width:50%; padding:0 13px; box-sizing: border-box;}
.resellCon .priceInfoWrap dt{ float:left; font-size:11px; color:#666;}
.resellCon .priceInfoWrap dd{ float:right; font-size:13px; font-weight: 600; color:#000;}
.resellCon .priceInfoWrap dd small{ font-size:11px;}
.resellCon .priceInfoWrap .btn_contl{ display:block; width:100%; max-height: 30px; min-height: 28px; padding: 8px 0; /*height: 30px; line-height: 30px;*/ margin-top: 13px; border:1px solid; font-size:13px; font-weight: 600; text-align: center;}
.resellCon .priceInfoWrap .btn_contl.disabled{ background: #e6e6e6 !important; }


.resellCon .cb{ }
.rsMgsBox{ width:100%; height: 32px; line-height: 32px; padding:0 17px; margin-top:10px; background: #fff; border-radius:7px; font-size:13px; color:#3b3b46; box-sizing: border-box; overflow: hidden;}
.noMsg{ color:#999; }
.rsMgsBox.lgArea{ height:120px; padding:10px; margin-top:0; line-height:1.4; overflow: hidden; background: #f5f5f5; border:1px solid #e2e2e2; border-radius: 0}
/* 총 합계금액 */
.totalPrice{ display: block; width:100%; height:43px; line-height:40px; padding:0 14px; position: fixed; bottom:0; left:0; background: #fff; border-top:1px solid #e2e2e2; box-sizing: border-box;}
.totalPrice p{font-size:13px;}
.totalPrice .tp_sbt strong{font-size:16px; margin-right:5px;}




/* 상세페이지 */
.viewWrap{ width:100%;}
.viewBox{ width: 100%; padding:0 14px; margin-top:7px; background: #fff; box-sizing:border-box;}
.viewBox:first-child{ margin-top:0 !important;}
.viewBox.subAdd{ padding:0; margin:0;}
.viewBox .viewTit{ display:table; width:100%; height: 40px; border-bottom:1px solid #e2e2e2; box-sizing: border-box;}

.viewBox .viewTit.first{ }
.viewBox .viewTit span{ display:table-cell; vertical-align: middle; font-weight: 600;}
.viewBox .viewTit .img{ width:34px; padding-right:10px;}
.viewBox .viewTit .img img{ width:34px;}
.viewBox .viewTit .tit{ font-size:15px; font-weight: 600; color:#3b3b46;}
.viewBox .viewTit .tit.sm{ font-size: 13px;}
.viewBox .viewTit .exp{ font-size:11px; margin-top:5px;}
.viewBox .viewTit .data{ font-size: 13px; font-weight: 400;}
.viewBox .viewTit .data strong{ font-size:16px;}
.viewBox .viewTit .icon { text-align:right;}
.viewBox .viewTit .icon button{ background: #f5f5f5; padding:3.5px 13px; border-radius: 50em;}
.viewBox .viewTit .icon i{ margin-right: 3px; font-size: 129%; color:#000; font-weight: 400; vertical-align: text-top;}
.viewBox .viewTit .icon small{ font-size: 13px; vertical-align: text-top; color: #000;}
.payInfo .viewTit .tit{ font-size: 13px;}
.viewBox .viewTit.bd0{
    border-bottom:0;
    margin-bottom:5px;
}
.viewBox .viewTit.alone{
    height:auto;
}
.viewBox .viewTit.alone + .viewTbl{
    padding-top: 2px;
    padding-bottom: 0;
}

/* 여닫는 헤딩 추가 */
.viewBox .viewTit.closed{ position: relative; margin:0; padding:0; cursor: pointer;}
.viewBox .viewTit.closed:after{ content:"\EA4E"; display: inline-block; position: absolute; right:0; bottom:9px; font-family: 'remixicon'; font-size: 130%; cursor: pointer; color:#ccc;}
.viewBox .viewTit.opened{ border-bottom-width: 1px;}
.viewBox .viewTit.opened:after{ content:"\EA78";}
.viewBox .viewTit.closed + .viewTbl{ overflow: hidden; display: none; height:0; transition: height 0.5s; }
.viewBox .viewTit.opened + .viewTbl{ display: block; height:auto; transition: height 0.5s; }

.viewBox .viewCon{
    padding-top: 15px;
    padding-bottom:15px;
}

.viewBox .viewTbl{ /*padding-top:13px;*/padding-top:8px; padding-bottom:8px; font-size: 13px; line-height:1.4;}
.viewBox .viewTbl th{ min-width:120px; width:20%; color:#666; vertical-align: middle }
.viewBox .viewTbl td{ padding-left:15px; color:#3b3b46; text-align: right;}
.viewBox .viewTbl th, .viewBox .viewTbl td{ padding-top:5.5px; padding-bottom:5.5px;}
.viewBox .viewTbl strong{ color:#3b3b46; font-weight: 600;}
.viewBox .viewTbl small{ font-size:12px;}

/* td 오른쪽정렬 */
.viewBox .viewTbl.text-right td{ text-align:right;}
.viewBox .viewTbl.text-right td .clgray{ font-size:12px;}
.viewBox .viewTbl.text-right td .clgray span{ font-size:14px;}
.viewBox .viewTbl.text-right td strong{ font-size:17px; margin-right:3px;}

/*토탈금액*/
.viewBox .viewTbl tbody.price tr:last-child th, .viewBox .viewTbl tbody.price tr:last-child td{ padding-bottom:12px;}
.viewBox .viewTbl tfoot { border-top: 1px solid #f5f5f5;}
.viewBox .viewTbl tfoot th, .viewBox .viewTbl tfoot td{ padding-top:12px; padding-bottom:0;}
.viewBox .viewTbl tfoot th{ color:#2e2e2e; font-weight:600;}
.viewBox .viewTbl tfoot.total .data { font-size: 13px; font-weight: 400; }
.viewBox .viewTbl tfoot.total .data strong{ font-size:16px }
.viewBox .viewTbl tfoot.total.alone{ border-top: none !important; }
.viewBox .viewTbl tfoot.total.alone th, .viewBox .viewTbl tfoot.total.alone td{ padding-top:0;}

/* 현금영수증 발행 */
.viewBox .formWrap{ padding:10px 0;}
.viewBox .formWrap .intGroup{ margin-top:20px;}
.receipt .intGroup{ margin-bottom:10px;}

.total .viewTit{ height:23px; padding-bottom:0; margin-bottom:0; border-bottom: none; }

/* td 안에 요소 많은 경우, float -> inline-block 대체 */
.viewBox .viewTbl td.clearfix{
    /*padding-top: 0;*/
    /*padding-bottom: 0;*/
}
.viewBox .viewTbl td.clearfix > .fl,
.viewBox .viewTbl td.clearfix > .fr{
    float: inherit;
    display: inline-block;
    vertical-align: middle;
}
.viewBox .viewTbl td.clearfix > .fr{
    padding-left:28px;
}

.infoWrap{ width: 100%; box-sizing: border-box;}
.infoPhrases { width: 100%; padding-top:20px; box-sizing: border-box;}
.infoPhrases dl{ line-height:1.5; color:#3b3b46; }
.infoPhrases dt{ font-weight: 600; margin-bottom:5px; font-size:13px;}
.infoPhrases dt .infoP_tit{ width: 100%;}
.infoPhrases dt .infoP_tit:before{
    content:"";
    display: inline-block;
    width:15px;
    height: 15px;
    background: url("../image2/nextday_icon.png") no-repeat;
    background-size: 15px 15px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px;
}
.infoPhrases dd{ margin-top:3px; font-size:11px; color:#999;}
.infoPhrases dd:first-child{ margin-top:0;}
.infoPhrases dd p{ margin-left: 22px; text-indent: -22px;}
.infoPhrases .info-num{ display: inline-block; width:17px; height:17px; line-height: 16px; text-align: center; font-size:9px; font-weight:600; color:#000; background: #fff; border:1px solid #e2e2e2; border-radius:50%; margin-left: 0; text-indent: 0;}
.infoPhrases dd .exp:before{
    content:"-";
    display: inline-block;
    vertical-align: top;
    color:#999;
}
.infoPhrases dd .exp p{
    display: inline-block;
    vertical-align: middle;
    width:97%;
    margin-left: 0px;
    text-indent: 0px;
    word-break: keep-all;
}

.infoPhrases.calcInfo dl{ margin-top: 17px;}
.infoPhrases.calcInfo dl:first-child{ margin-top: 0;}
.infoPhrases.calcInfo dt:before{ content:""; display: inline-block; width: 5px; height:5px; border-radius: 50%; background: #0dc9b4; margin-right:5px; transform: translateY(-2px);}
.infoPhrases.calcInfo dd p{ margin-left: 0; text-indent: 0;}

.docList{ width:100%; padding:16px 0; margin-top:30px; margin-bottom:12px; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; font-size: 12px; color:#999; }
.docList li{ float:left; width:33%; text-align: center; cursor: pointer;}
.docList li:first-child{ border-left: none;}
.docList li p:first-child{ min-height:29px; margin-bottom:6px; }
.docList li p{line-height: 1.4em}
.docList li p img{ vertical-align: middle; height:30px;}
.docList small{color: #999;font-size: 10px;}

.go-kakao{ position: relative; display: block !important; width:210px !important; height:45px !important; line-height: 45px  !important; padding-left: 50px  !important; margin:33px auto 0 auto  !important; box-sizing: border-box; border:none !important; background: #ffdc2e url("../image/icon_kakaotalk.png") 25px center no-repeat !important; background-size: 25px 23px !important; font-size:13px !important; color:#2e2e2e  !important; text-align:center; border-radius: 50em !important; }
/*.go-kakao:before{ position: absolute; left: 20px; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; background: url("../image/icon_kakaotalk.png") center center no-repeat; background-size: 25px 23px; width:25px; height:23px;}*/
.go-kakao:hover, .go-kakao.hover, .go-kakao:focus, .go-kakao.focus, .go-kakao:active, .go-kakao.active { background-color: #ffc911 !important;}

/* 무이자할부 안내 */
.viewBox.cardInfo {
    padding-top:0;
    padding-bottom:20px;
    font-size:12px;
}
.viewBox.cardInfo:first-child{
    padding-top: 15px;
}
.viewBox.cardInfo .viewTit{
    padding-bottom:0;
    border-bottom: none;
    height: auto;
    margin-bottom: 10px;
}
.viewBox.cardInfo .viewTit .tit{
    color:#3b3b46;
}
.viewBox .listTbl{ padding-top:0; padding-bottom:0;}
.viewBox .listTbl th{ min-width: 123px; color:#3b3b46; padding:0 10px; text-align: left;}
.viewBox .listTbl td{ padding-left:10px; color:#666; text-align: left;}
.viewBox .listTbl th,
.viewBox .listTbl td{
    padding-top:9px;
    padding-bottom:9px;
    border-bottom:1px solid #e2e2e2;
    font-size:13px;
    vertical-align: middle;
}
.viewBox .listTbl tr:first-child th,
.viewBox .listTbl tr:first-child td{
    border-top:1px solid #000;
}
.viewBox .listTbl small{color: #999;font-size: 11px;}
.cardName span{ margin:0 2px;}
.cardName img{ width:30px; vertical-align: text-top;}
.instPeriod{ line-height: 1.4;}
.cardInfo{ padding: 15px; font-size: 12px;}
.cardInfo.pdt0{ padding-top:0;}
/*.cardInfo dt{font-weight: bold; color: #333}*/
/*.cardInfo dd{ font-size: 12px; color: #666;line-height: 1.6em}*/


/* 리스트 */
.listWrap{ width: 100%; padding-top:20px;}
.listBox{ width:100%; min-height: 62px; margin-top:10px; padding:12px 20px; background: #f5f5f5; border-radius: 7px; display: table; vertical-align: middle; box-sizing:border-box; cursor: pointer;}
/*.listBox:hover, .listBox.hover, .listBox:focus, .listBox.focus, .listBox:active, .listBox.active { background: #ebebeb;}*/
.listBox.md{ padding: 15px 13px;}
.listBox:first-child{ margin-top:0;}
.listBox > div{ display: table-cell; vertical-align: middle; }
.listBox .lb_l{ width: 60px; }
/*.listBox .lb_l .lb_rc{ display: inline-block; width: 40px; height:40px; vertical-align: middle; border-radius: 50%; background: #fff; border:1px solid #e2e2e2; color:#999; font-size:11px; text-align: center; padding-top: 7px;box-sizing: border-box; word-break: keep-all !important;}*/
.listBox .lb_l .lb_rc{
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    padding: 6px 4px;
    overflow: hidden;
    vertical-align: middle;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55' fill='rgba(255, 255, 255, 0.999)'><path d='M49.093,49.094C44.584,53.819,36.041,54.888,27.5,55c-8.542-.112-17.085-1.181-21.594-5.907C1.179,44.585.11,36.042,0,27.5,0.11,18.957,1.179,10.415,5.9,5.906,10.414,1.18,18.956.111,27.5,0,36.041,0.111,44.584,1.18,49.093,5.906,53.819,10.415,54.887,18.957,55,27.5,54.887,36.042,53.819,44.585,49.093,49.094Z'></path></svg>") no-repeat;
    background-size: contain;
    color:#999;
    font-size:11px;
    box-sizing: border-box;
    word-break: keep-all !important;
}
.listBox .lb_l .lb_rc span{
    display: inline-block;
    color:#3b3b46;
    vertical-align: middle;
    line-height:1.3;
}



.listBox .lb_r{ }
.listBox .lb_r .lb_rt{ font-size:13px; color:#3b3b46;}
.listBox .lb_r .lb_rb{ margin-top:6px; font-size:11px; line-height: 15px;}
.listBox .lb_r .lb_rb .dateTime { color:#aaa; }
.listBox .lb_r .lb_rb .price-txt { font-size:13px; color:#3b3b46; }
.listBox .lb_r .lb_rb .price-txt strong{ font-size:15px; color:#3b3b46; }
/* 취소내역일때 */
.listBox.cancel .lb_rt, .listBox.cancel .lb_rb .price-txt, .listBox.cancel .lb_rb .price-txt strong{ color: #aaa;}
.listBox.cancel .lb_l .lb_rc span{ color:#ccc;}
.listBox.md.cancel .ceo_name, .listBox.md.cancel .goods_name{ color: #666; }

/* 업체 리스트 추가 */
.lb_rt2 { }
.lb_rmd1{ margin-top: 8px; }
.lb_rmd2{ margin-top: 8px; }
.listBox .goods_name{ font-size:13px; color:#2e2e2e;}
.listBox .phone_num{ font-size:11px; color:#999; }
.listBox .ceo_name{ font-size:16px; font-weight: 600; color:#000;  }
.listBox .labBox{ margin-right:10px; }
.listBox .labBox .lb{ padding:2px 5px; font-size:9px; border: 1px solid; border-radius:3px; box-sizing:border-box;}
.listBox .alert_pag{  font-size:12px; font-weight: 600; }
.lb_rc_img img{ width:40px; }
.lb_rc_img.cc{ display: none; }
.listBox.cancel .lb_rc_img.cc{ display: block; }
.listBox.cancel .lb_rc_img.fn{ display: none; }

/* 리스트 데이터 없을 경우 */
.noData{ position: fixed; top: 50%; left:0; transform: translateY(-50%); display: table; width:100%; margin: 0; border-radius: 0; }
.tblCellCon{ text-align: center; vertical-align: middle; display: table-cell; }
.tblCellCon img{ width:66px; }
.tblCellCon .roundbox-wrap{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 66px;
    height: 66px;
    overflow: hidden;
    /*position: relative;*/
    /*background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55' fill='rgba(245, 245, 245, 0.999)'><path d='M49.093,49.094C44.584,53.819,36.041,54.888,27.5,55c-8.542-.112-17.085-1.181-21.594-5.907C1.179,44.585.11,36.042,0,27.5,0.11,18.957,1.179,10.415,5.9,5.906,10.414,1.18,18.956.111,27.5,0,36.041,0.111,44.584,1.18,49.093,5.906,53.819,10.415,54.887,18.957,55,27.5,54.887,36.042,53.819,44.585,49.093,49.094Z'></path></svg>") center center no-repeat;*/
    /*background-size: cover;*/
}
.tblCellCon .roundbox-wrap .ico{
    display: block;
    width: 100%;
    height: 100%;
}
.tblCellCon .infoTxt{ margin-top:20px; font-size: 13px; line-height:1.5; color:#999;}
.btn_goto_rece{ position: relative; display:block; min-width:192px; padding: 14px 0; margin:30px auto 0 auto; border:none; border-radius: 50em; font-size: 13sp; font-size:13px; cursor: pointer;}
.goback{ padding-right:18px;}


/* 검색창 */
.searchWrap{ padding:23px 14px; background: #fff; font-size:13px;}
.schGroup{ margin-top:20px;}
.schGroup:first-child{ margin-top: 0;}
.schLabel{ margin-bottom:6px; font-size:13px; color:#666; }
.schOpt { width: 100%;}
.schOpt li{ float:left; max-height:43px; min-height:41px; /*line-height: 43px;*/ text-align: center; background: #f5f5f5; font-size:13px; color:#ccc; box-sizing: border-box; cursor: pointer;}
.schOpt.col5 li{ width:20%;}
.schOpt.col4 li{ width:25%;}
.schOpt.col3 li{ width: 33.33333%}
.schOpt.col2 li{ width: 50%}
/* 검색항목 라디오버튼으로 변경 */
input[type="radio"].radio_toggle + label{ width:100%;}
.schOpt li input[type="radio"].radio_toggle + label { background: #f5f5f5; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.schOpt li:first-child input[type="radio"].radio_toggle + label { border-radius: 4px 0 0 4px; border-left: 1px solid #e2e2e2;}
.schOpt li:last-child input[type="radio"].radio_toggle + label { border-radius: 0 4px 4px 0; border-right: 1px solid #e2e2e2;}
.schOpt.col5 li:last-child input[type="radio"].radio_toggle + label { padding: 11.5px 0;}

.schGroup.period img{ display: inline-block; width:18px; vertical-align: text-top; }
.schGroup.period img.on{ display: none; }
.schGroup.period img.off{ display: inline-block; }
.schGroup.period input[type="radio"].radio_toggle:checked + label img.on{ display: inline-block;}
.schGroup.period input[type="radio"].radio_toggle:checked + label img.off{ display: none;}

.date_picker{ display: table; width:100%; height:43px; line-height: 43px; margin-top:10px; background: #fff; border: 1px solid #e2e2e2; border-radius: 4px; overflow: hidden; box-sizing:border-box;}
.date_picker > div{ display: table-cell; width:45%; text-align: center; }
.date_picker > div:nth-child(2){ width:10%; color:#ccc;}
.date_picker input{ width:100%; height:100%; border:none; text-align: center; font-size:13px;}
/* 모바일에서 플레이스홀더 값 보이게 추가*/
/*.date_picker input[type="date"]:not(.has-value):before{ color: #ccc; content: attr(placeholder); text-align: center;}
.date_picker .has-value{ text-align: center !important;}*/
.date_picker input:first-child{border-radius:0;}
.date_picker.disabled input, .date_picker.disabled div{ background: #f5f7f8 !important;}

.schGroup.likeSch .searchGroup{ padding:0; background: none;}
.schGroup.likeSch .searchInner{
    height:43px;
    line-height:43px;
    border-radius: 4px;
    overflow: hidden;
}
.schGroup.likeSch .searchGroup label:before{

}
.schGroup.likeSch .searchGroup label,
.schGroup.likeSch .searchGroup input{
    height:41px;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    font-size:13px;
}
.schGroup.likeSch .searchGroup .btn_del{
    padding-right:10px;
}

/* 계좌 은행,증권사 선택폼 - 200529 */
.radio-button-group{

}
.radio-button-group:after{
    content:"";
    display: block;
    clear:both;
}
.radio-button{
    float:left;
    width:50%;
}
.radio-button__input{
    position: absolute !important
}
.radio-button__label{
    display:inline-block;
    width:95%;
    padding:8px 10px;
    border:1px solid #fff;
    background: #fff;
    border-radius: 8px;
}
.radio-button__img,
.radio-button__name{
    display: inline-block;
    vertical-align: middle;
}
.radio-button__img{
    width:21px;
    height:21px;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 5px;
    background: #e2e2e2;
}
.radio-button__img img{
    width: 100%;
    height: 100%;
}
.radio-button__name{
    font-size:13px;
    width: calc(100% - 30px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.radio-button__input:checked + .radio-button__label{
    box-sizing: border-box;
    color:#0dc9b4;
    border-color: #f3f5f7;
    box-shadow: inset -2px -2px 5px white, inset 3px 3px 5px rgba(0, 0, 0, 0.08);
}

.bankSelector .radio-button{
    margin-bottom:13px;
}

/* button */
.btn {
    display:inline-block; padding:0 20px;
    font-size:1rem; font-weight:350; color:#fff;
    line-height:28px; text-align:center; white-space:nowrap;
    vertical-align:middle; cursor:pointer;
    border:1px solid transparent; border-radius:7px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn-primary,
.btn-line-primary:hover {
    background-color:#63c2de; border-color:#63c2de; color:#fff
}

.btn-sm{
    height: 43px;
    line-height: 43px;
}
.btn-open-more{
    font-size:13px;
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 14px;
}
.btn-open-more:after{
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    font-family: 'remixicon';
    content: '\EA6E';
    font-size: 160%;
    color: #a6a6a6;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* 아코디언 메뉴 (게시판 리스트) */
.panelMenu { width: 100%; padding: 0 16px 20px 16px;}
.panelMenu .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
.panelMenu .fade.in { opacity: 1; }
.panelMenu .collapse { display: none; visibility: hidden;}
.panelMenu .collapse.in { display: block; }
.panelMenu .collapse.show { display: block !important; visibility: visible !important; }
.panelMenu .collapsing { position: relative;  height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease;
	transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s;
	-webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility;
}
.panelMenu .pnHead { position: relative; color: #333; background-color: #fff; padding: 0; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.panelMenu .pnHead span { display: block; width: 90%;}
.panelMenu .pnHead .boardSubject{ }
.panelMenu .pnHead .boardDate{ font-size:12px; color:#999; margin-top:3px;}
/* open */
.panelMenu .pnHead .tapping{ border-bottom: 1px solid #f5f5f5; font-weight: 600; display: block; padding: 13px 0; line-height: 1.4;}
.panelMenu .pnHead .tapping:not(.collapsed){ /*display:none; visibility: hidden; */}
.panelMenu .pnHead .tapping:after { content: '\EA78'; position: absolute; top: 50%; right: 0; display: inline-block; font-family: 'remixicon';
	font-size: 150%; font-style: normal;color: #ccc; -webkit-transform: translateY(-50%); transform: translateY(-50%);
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;
}
.panelMenu .pnHead .tapping.collapsed { background-color: #fff; font-weight: normal; }
.panelMenu .pnHead .tapping.collapsed:after { content: "\EA4E";}
.panelMenu .pnBody { padding: 25px 15px; font-size:13px; line-height: 1.7em; color:#6e6e6e; background: #fff; border-bottom: 1px solid #e8e8e8; border-top: 0;}

.collapse { display: none; visibility: hidden; }
.collapse.in { display: block !important; visibility: visible !important; }
tr.collapse.in {  display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

/* cs 상단 보더 정리 */
.panelMenu .panel:first-child{ /*border-top:1px solid #e8e8e8;*/}
.faqCon .panelMenu .panel:first-child{ border-top:0px solid #e8e8e8;}

/* FQA 검색폼 */
.searchGroup { width: 100%; padding: 15px; background: #f5f5f5; box-sizing: border-box; }
.searchInner{ height: 37px; background:#fff; border: 1px solid #e2e2e2; box-sizing: border-box; border-radius: 7px;}
.searchGroup label{ display: table; width:100%; height:100%; }
.searchGroup label:before{
    font-family: 'remixicon';
    content:"\F0D1";
    display:table-cell;
    width:30px;
    font-size:19px;
    color:#aaa;
    text-align: center;
    vertical-align:middle;
}
.searchGroup input { display: table-cell; width: 100%; height: 100%; font-size: 14px; border:none; padding: 0 5px; border:none !important;}
.searchGroup .btn_del{ display: table-cell; width: 30px; font-size:19px; color:#e2e2e2; text-align: right; padding-right:5px; vertical-align:middle; cursor: pointer; }
.searchGroup .btn_del i{
    vertical-align: middle;
}

/* FQA 카테고리 */
.faqCate { width: 100%; background: #fff; padding:0 16px;}
.faqCate .selected{ color:#0dc9b4; border-bottom:2px solid #0dc9b4; box-sizing: border-box;}
.faqCate .swiper-slide {
    box-sizing:border-box;
    text-align: center;
    font-size: 14px;
    height:40px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor:pointer;
}
.swiper2 { width: 100%; height:auto; }
.swiper .panelMenu{ border-top: none; }


/* 잘못된 접근 화면 */
.forbidden{ position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); height:192px; text-align:center;}
.forbidden:before{
    content:"";
    display: block;
    width:120px;
    min-height:32px;
    background: url("../image2/logo.svg") no-repeat;
    background-size: contain;
    margin-bottom:60px;
}
.forbidden p{ width:100%;}
.forbidden .fb_logo{ margin-bottom:30px;}
.forbidden .fb_logo img{ width: 140px; }
.forbidden .fb_txt { font-size: 15px; font-weight:bold;}
.forbidden .fb_txt span{ display: block; margin-top: 8px;}
.forbidden .fb_txt i{ font-size: 28px; }
.forbidden .fb_btn{ width:100px; height:32px; line-height:32px; margin: 40px auto 0 auto; font-size:15px;}
.forbidden .fb_btn a{ display:block; width:100%;}

/* 전표 */
.slipViewWrap{ width:100%; padding: 0 14px 26px 14px; margin-top:20px; box-sizing: border-box;}
.slipView{ margin-top:26px;}
.slipView:first-child{ margin-top:0;}
.tblTit{ width:100%; margin-bottom:14px; font-size:14px; font-weight: 600; color:#000; }
.slipList{ width:100%; }
.slipList th{ min-width:110px; width:22%; color:#999; letter-spacing: -0.7px; }
.slipList td{ color:#2e2e2e; }
.slipList th, .slipList td{ padding: 8px 12px; line-height:1.4; font-size:13px; background:#fff; border-bottom:1px solid #e2e2e2;}
.slipList tr:first-child th, .slipList tr:first-child td{ border-top:1px solid #000;}
.slipList .priceTr th{ font-weight:600; color:#666;}
.slipList .totalTr th{ font-weight:600; color:#2e2e2e;}

.guideTxt{ margin-top:10px; font-size:13px; line-height:1.4; color:#999; word-break: break-all;}
.guideTxt p{ text-indent: -5px; margin-left: 10px; margin-top:5px;}
.guideTxt p:before{ content:"-"; display: inline-block;}

#fixedBtn_bottom.inputBottom{ background: #f5f5f5; box-sizing: border-box; }
#fixedBtn_bottom.inputBottom .centerThis{ padding: 12px 16px; }
.inputBottom .int-add {
    width:67%;
    border-radius: 7px;
    border-right: 1px solid #e2e2e2;
}
.inputBottom .int-add-btn{
    width:30%;
    padding:0 5px;
    font-weight: 400 !important;
    border-radius: 7px;
}


/* 매출전표 디자인 변경 190805 */
#header.slip_header1,
#header.slip_header2{
    margin-bottom: 5px;
    border-bottom: 0;
}
#header.slip_header1 h1,
#header.slip_header2 h1{
    font-size: 14px;
}
#header.slip_header1 .slip_logo,
#header.slip_header2 .slip_logo{
    margin-top: -3px;
}

#header.slip_header1{
    background: #fff;
}
#header.slip_header1 h1{
    color:#3b3b46;
}
#header.slip_header1 .slip_logo{
    height:16px;

}
#header.slip_header2 h1{
    color: #0e7da7;
}
#header.slip_header2 .slip_logo{
    height:28px;
}
/*.slipLogo{ position: absolute; top:10px; right:14px;}*/
.receipt_area{ padding:0 5px 7px 5px;}
#paperBill{position:relative; /*font-family: dotum, "돋움";*/ letter-spacing: 0.2px;}
#paperBill.paper_type1{
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
#paperBill table{width:100%;border-collapse:collapse;border-spacing:0; margin-top:5px;}
#paperBill table{ position:relative; font-size:10px; font-size: 10.5px; overflow: hidden; }
#paperBill table:first-child{ margin-top: 0; }
#paperBill caption{ width: 100%; padding:5px;font-size: 11px;font-weight: 600; letter-spacing: -0.6px; color: #000; background:inherit; box-sizing: border-box; }
#paperBill .bill_typ1 thead th{
    padding:4px 5px;
    text-align:left;
    color:#333;
}
#paperBill .bill_typ1 tbody th,
#paperBill .bill_typ1 tbody td{
    text-align:left;
    vertical-align:top;
    padding:8px 5px;
    border:1px solid #d7d7d7;
    border-left:0;
    border-right:0;
    background-color: #fff;
    word-break: break-all;
    line-height: 1.2;
}
#paperBill .bill_typ1 tbody th{ background: #f5f5f5; color:#000; font-weight:normal; letter-spacing: -0.6px;}
#paperBill .bill_typ1 tbody td{
    color:#666;
    border-left:0;
    border-right:0;
}
#paperBill .bill_typ1 tbody a{ color:#555;}
#paperBill .bill_typ1 tbody .scp_row th{text-align:left; }
#paperBill .bill_typ1 tbody .scp_row th:first-child{ border-left:0;}
#paperBill .bill_typ1 tbody .scp_row td:last-child{ border-right:0;}
#paperBill .bill_typ1 tbody .scp_row_total th,
#paperBill .bill_typ1 tbody .scp_row_total td{ font-weight: 600; }
#paperBill .desc{ padding:10px 0 0 0 !important; font-size:10px; font-weight:400; line-height:1.3; color:#666;}

#paperBill .bill_typ1 tbody .tdPrice{ padding:0; }
#paperBill .bill_typ1 tbody .tdPrice table{ margin-top:0 !important; border-width:0;}
#paperBill .bill_typ1 tbody .tdPrice td{ width:11.111%; height:100%; height:17px; padding:3px 1px; border-style: dotted; border-width:0; border-left-width:1px; border-left-color:#efefef; text-align: center; }
#paperBill .bill_typ1 tbody .tdPrice td:first-child{border-left-width:0;}
#paperBill .bill_typ1 tbody .tdPrice td:last-child{border-right-width:0;}

/* 전표 테이블 컬러 */
#paperBill .tbl_blue caption{background: #cde2e9 !important;}
#paperBill .tbl_blue tbody th, #paperBill .tbl_blue tbody td{ border-color: #cde2e9 !important;}
#paperBill .tbl_blue tbody th{ background: #edf5f7 !important; }
#paperBill .tbl_blue tbody td{ color: #4d96ae !important; }

#paperBill .tbl_yellow caption{background: #f1bb21 !important;}
#paperBill .tbl_yellow tbody th{ background: #fff2cd !important; }

#paperBill .tbl_green caption{background: #e0e9cd !important;}
#paperBill .tbl_green tbody th, #paperBill .tbl_green tbody td{ border-color: #e0e9cd !important;}
#paperBill .tbl_green tbody th{ background: #edf7ee !important; }

#paperBill .tbl_purple caption{background: #d7dee9 !important;}
#paperBill .tbl_purple tbody th, #paperBill .tbl_purple tbody td{ border-color: #d7dee9 !important;}
#paperBill .tbl_purple tbody th{background: #f2f4f8 !important;}

#paperBill .tbl_gray caption{background: #e8e8e8 !important;}
#paperBill .tbl_gray tbody th, #paperBill .tbl_gray tbody td{ border-color: #e8e8e8 !important;}
#paperBill .tbl_gray tbody th{background: #f5f5f5 !important;}

#paperBill .tbl_pink caption{background: #ffeaea !important;}
#paperBill .tbl_pink thead th{ background: #fff5f5 !important; text-align: center; }
#paperBill .tbl_pink tbody th, #paperBill .tbl_pink tbody td{ border-color: #ffeaea !important;}
#paperBill .tbl_pink tbody th{background: #fff5f5 !important;}
#paperBill .tbl_pink tbody .scp_row_total th{ background: #ffeaea !important; color: #f54972 !important; border-bottom: 1px solid #ffbac7 !important;}
#paperBill .tbl_pink tbody .scp_row_total td{ background: #ffeaea !important; color:#000 !important;border-bottom: 1px solid #ffbac7 !important;}
#paperBill .tbl_pink tbody .scp_row_total_before th,
#paperBill .tbl_pink tbody .scp_row_total_before td{
    border-bottom: 1px solid #ffbac7 !important;
}

/* 정보 한 줄에 나오기 */
#paperBill .bill_typ_inline .scp_col span{ font-weight:400 !important; color: #777; }
#paperBill .bill_typ_inline .scp_col strong { font-weight:600 !important;}



/* 자주묻는질문 */
.panelMenu .tbWrap_view{ background: #fff; width: 600px;}
.tbWrap_view .first td:first-child{border-left: 0px !important;}
.tbWrap_view{border-top: 1px solid #aaa;}
.tbWrap_view tr{border-bottom: 1px solid #e5e5e5;}
.tbWrap_view th, .tbWrap_view td { padding:13px 4px; line-height: 1.3em; vertical-align: middle;font-size: 14px; text-align: center}
.tbWrap_view th { font-weight: 500;}
.tbWrap_view td{border-left: 1px solid #e8e8e8}
.tbWrap_view thead tr{border-bottom: 1px solid #c8c8c8;}
.tbWrap_view thead th{color: #666;font-size: 0.9em; padding: 8px 0px; height: auto;background: #f5f5f5}
.tbWrap_view tbody th{background: #f9f9f9;}
.tbWrap_view.td_left td{text-align: left;}
.tbWrap_view ol li{line-height: 1.8em; padding-left: 18px;background:url(../image/icon_bullet.png) no-repeat left 10px}
/*.tbWrap_view ol li:before{content:'\f111'; font-family: FontAwesome; color: #d1f3e9;font-size: 11px;position: relative;left: -15px}*/
@media (min-width: 768px) {
    .tbWrap_view th, .tbWrap_view td { font-size: 16px; }
    .tbWrap_view th, .tbWrap_view td{height:50px; padding: 10px 20px;}
}

/* 설명 추가 텍스트 */
.cf_info_text{ margin-top: 3px; font-size: 11px; color:#999; line-height: 1.5; }
.cf_info_text.first{ margin-top: 10px; }
.cf_info_text.with_i{ text-indent: -20px; margin-left: 20px;}
.cf_info_text.with_i i{ font-size: 150%; color:#aaa; vertical-align: middle; }
.cf_info_text.with_i i + span { }
dt.cf_info_text{
    font-size:13px;
    color:#999;
    margin-top: 0 !important;
}
.cf_info_text dd{

}

/* 매장전화번호 레이아웃 수정 190627 */
.editVer > div{ display: table-cell; }
.editVer > div:first-child{ width:78%;}
.editVer > div:last-child{ width:22%; }

/* 서류제출 상태값 */
.docSt{ text-align: center; }
.lineLabel{ display: inline-block; padding: 10px 25px; margin:50px auto 0 auto; background: #fff; border: 1px solid; font-size: 15px; text-align: center;}
.status_doc img{ height: 19px; vertical-align: middle; }
.status_doc_fin:before{
    content:"";
    display: inline-block;
    width:19px;
    height: 19px;
    background: url("../image2/icon_select_write.png") no-repeat;
    background-size: 19px 19px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px;
}

/* 등록페이지 190711 */
.writeWrap{ }
.writeWrap .formWrap{ background: none; }
.writeWrap .inputName{ color:#2e2e2e; }
.writeWrap .col_3 > .intGroup{ float:left; width:30.6%; min-height: 125px; margin-left:4%; }
.writeWrap .col_3 > .intGroup:first-child,
.writeWrap .col_3 > .intGroup:nth-child(3n+1){ margin-left:0;}
.writeWrap .col_3:after{ content: ""; display: block; clear:both;}

/* filebox */
.fileIntGroup{ }
.fileIntGroup:nth-child(-n+3){ margin-top:0 !important;}
.fileIntGroup .fileboxExp{
    margin-top:10px;
    font-size:13px;
    text-align: center;
    font-weight: 500;
    color:#666;
}
.writeWrap .filebox{
    position: relative;
    overflow: hidden;
}
.writeWrap .filebox label {
    display: inline-block;
    width: 100%;
    /*min-width:100px;*/
    min-height:100px;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    cursor: pointer;
}
.writeWrap .filebox label.beforeUpload:before{
    display: inline-block;
    content:"";
    background: url("../image2/icon_add.png") no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;

}
.writeWrap .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.add_reqFile{
    display: inline-block;
    width: 100%;
    /*min-width:100px;*/
    min-height:100px;
    color: #0dc9b4;
    font-size: 33px;
    font-weight: 700;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #0dc9b4;
    cursor: pointer;
}
.upThumbs{
    position: absolute;
    top: 0;
    left:0;
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.upThumbs img{ width: 100%; /*max-height: 100%;*/ text-align: center; }
.upThumbs p{ line-height: 100px;}
.upThumbs .i_upload{ position: absolute; bottom: 0; right:0; z-index: 10; width:36px; height:36px; text-align: center;}
.upThumbs .i_upload img{ width:100%; height:100%; vertical-align: top;}
.upThumbs .i_upload i{ font-size:22px; color:#fff; line-height: 37px;}
.upThumbs label{ width: 100%; height: 100% !important; font-size:13px !important;  background: #0dc9b4 !important; }
.upThumbs label .i_upload i{ transform: translateY(-28px); }
.upThumbs .i_upload_txt{ font-size:300%;}

/* 업체 등록 페이지 익일정산 추가건 190718 */
.vat-text{ margin-top:12px; font-size: 12px; color:#999; }
.i_info i{ font-size: 23px; color: #0dc9b4; -webkit-transform: translateY(4px); transform: translateY(4px);}



/* 신규기능 소개 페이지 */
.viewBox.event .viewTit .tit{ font-size: 15px; font-weight:600; color:#0dc9b4; text-align: center; }
.viewWrap .infoPhrases.list{ padding:0;}
.viewWrap .infoPhrases.list.sep{ padding:0;}
.viewWrap .infoPhrases.list dl{ color:#666;}
.viewWrap .infoPhrases.list dt{ font-size:13.5px;}
.viewWrap .infoPhrases.list dt, .viewWrap .infoPhrases.list dd strong{ color:#2e2e2e; font-weight: 600;}
.viewWrap .infoPhrases.list dd p{ margin-left: 7px; text-indent: -7px;}
.viewWrap .infoPhrases.list dd p:before{ content:""; display:inline-block; width:3px; height:3px; background: #8fa1b5; border-radius: 50%; transform: translateY(-3px);}
.viewBox.event .event-info-image{ margin-top:7px; text-align: center;}
.viewBox.event .event-info-image + .event-info-image{ margin-top:20px;}
.viewBox.event .event-info-image img{ /*width:100%;*/ border:1px solid #8fa1b5; border-radius: 4px; overflow: hidden; max-width:347px; margin: 0 auto; text-align: center }
.viewBox.event .event-info-image .event-info-image__bg{ /*width:100%;*/ border:1px solid #8fa1b5; border-radius: 4px; overflow: hidden; max-width:347px; margin: 0 auto; text-align: center }
.viewBox.event .event-info-image .event-info-image__desc{ margin-top:7px; font-size:12px; text-align: center;}
.viewBox.event .event-info-image2 img{max-width: 200px; border: 0;}
.viewBox.event .event-info-image .event-info-image__bg1{
    background: url("../image2/newfunction01.jpg") no-repeat;
    min-height:138px;
    background-size: contain;
}
.viewBox.event .event-info-image .event-info-image__bg2{
    background: url("../image2/newfunction02.jpg") no-repeat;
    min-height:454px;
    background-size: contain;
}
.viewBox.event .event-info-image .event-info-image__bg3{
    background: url("../image2/newfunction03.jpg") no-repeat;
    min-height:127px;
    background-size: contain;
}
.viewBox.event .event-info-image .event-info-image__bg4{
    background: url("../image2/newfunction04.jpg") no-repeat;
    min-height:165px;
    background-size: contain;
}


/* info table layout */
.tbl_info_simple{
    margin-top: 26px;
}
.tbl_info_simple th,
.tbl_info_simple td{
    padding: 5px 0;
}
.tbl_info_simple th{
    min-width: 150px;
}
.tbl_info_simple td{
    text-align:right;
}
.tbl_info_simple tbody tr:first-child th,
.tbl_info_simple tbody tr:first-child td{
    padding-top: 14px;
    border-top: 1px solid rgba(0,0,0,0.7);
}
.tbl_info_simple tbody tr:last-child th,
.tbl_info_simple tbody tr:last-child td{
    padding-bottom: 14px;
    border-bottom: 1px solid #e2e2e2;
}




/* ----------------------------------------------------------------
							PRINT
 -----------------------------------------------------------------*/
@media print {
    body {
        padding:0;
        margin: 0;
        min-width:21cm;
        min-height: 29.7cm;
    }
    body *{
        font-size:5.5pt !important;
    }
    .wrapper{
        max-width:40%;
        background: #fff;
        border:1px solid #ddd !important;
        box-sizing: border-box;
    }
    #content_inner.withOut{
        padding-top:30px;
        padding-bottom:5pt !important;
    }
    .headerTabFixed{
        position: absolute !important;
    }
    #header{
        height:22px;
    }
    #header h1{
        line-height:22px;
    }
    .slipLogo{
        position: absolute;
        top:5px;
        right:14px;
        width:22px;
    }
    .tabBox{
        position: absolute !important;
        width:100%;
        max-width:100%;
        margin: 0 auto;
    }
    #fixedBtn_bottom{
        display: none;
    }
    .slipViewWrap{
        margin-top:7pt !important;
    }
    .slipView{
        margin-top:10pt !important;
    }
    .tblTit{
        margin-bottom:5pt !important;
    }
    .slipList th, .slipList td{
        padding: 3px 12px !important;
    }
    #paperBill.paper_type1{
        border:none;
        webkit-print-color-adjust:exact;
    }
    #paperBill table{
        font-size:2pt;
        margin-top:5px;
    }
    #paperBill caption{
        color:#2e2e2e;
    }
    #paperBill .bill_typ1 tbody th,
    #paperBill .bill_typ1 tbody td{
        padding:2pt;
    }
    #paperBill .bill_typ1 tbody th{
        background: #ddd;
        -webkit-print-color-adjust: exact;
    }
    #paperBill .bill_typ1 tbody td{
        font-weight:600;
    }
    #paperBill .bill_typ1 tbody .tdPrice td{
        height:13px;
    }
    #paperBill .desc{ font-size:3px; line-height:1;}
}

.wrapper{
    position: relative;
    min-width: 357px;
    width: 400px;
    margin: 0 auto;
    box-sizing: border-box;
}
/* 웹 앱 동시대응 */
@media (max-width: 575px) {
    .wrapper{width:100%; }
}
@media (min-width: 576px) {
    html{ height:100%; overflow-x: hidden;}
    body { height: 100%; overflow: visible; /*background: #e5e7e8*/}
    .wrapper{ height:100%;}

    #content_inner{ display: table; width: 100%; height: 100%; padding: 0 !important;  margin: 0 !important; box-sizing: border-box;}
}