﻿/* Layer Pop */
.layerPopT {/* position:absolute; width:100%;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;*/z-index:200;height:100%;background-color:#fff;display:none;display:none;-webkit-transform:translate3d(0,0,0);}
.layerPopT .popContentT { position:absolute;top:20px;bottom:20px;left:0px;right:0px;overflow:auto;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box}
.layerPopT .popHeaderT {position:relative;display:table;width:100%;min-height:55px;background:#fff;text-align:center;border-bottom:1px solid #d5d5d5;box-sizing:border-box;-webkit-box-sizing:border-box}
.layerPopT .popHeaderT .title {display:table-cell;color:#000;font-size:19px;line-height:1;vertical-align:middle;font-family:'RixGoB'}
.layerPopT .popHeaderT.noBd {border-bottom:none}
.layerPopT .popContentT .view {position:relative;padding: 15px 20px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;height:calc(100% - 85px)}
.layerPopT .btnCloseT {display:block;position:absolute;z-index:10;top:0px;right:0px;padding:17px;width:15px;height:20px;background:url('/merchant/images/loan/btn_pop_close.png') no-repeat 50%;text-indent:-999em;background-size:15px}
.dimT {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7}
.layerPopT.layerSlide{top:100%;transition:top 0.5s}
.layerPopT.layerSlide.open{top:0;display:block;-webkit-animation:layOpenAni .5s cubic-bezier(0.645,0.045,0.355,1.000);animation:layOpenAni .5s cubic-bezier(0.645,0.045,0.355,1.000);opacity:1}

.layerPopT .popContentT .view .messageT {padding-left:0;padding-right:0}
.layerPopT .popContentT .view .depositList > ul > li > a {padding-left:0;padding-right:30px}
.layerPopT .popContentT .view .depositList.accodian > ul > li a:before {right:9px}
.layerPopT .popContentT .view .depositList.accodian > ul > li a:after {right:3px}
.layerPopT .popContentT .view .depositList .answer {padding:0}

.layerPopT.profile{margin-left:0;margin-right:0}
.layerPopT .popContentT .profile{margin-top:-25px}
.layerPopT .popContentT .compMembership{margin:-25px -18px 0 -18px}

.layerPopT.confirmT {min-height:auto;left: 0;position:fixed !important}
.layerPopT.confirmT .popContentT {/* width:83%;*/ position:absolute;top:25%;bottom:auto;left:20px;right:20px;margin:auto;/* margin-top:-93px;padding:0;text-align:center*/}
.layerPopT.confirmT .popContentT .messageT{color:#000;line-height:21px;/* padding:65px 0;*/font-size:15px}
.layerPopT.confirmT .popContentT .btnAreaT .btnsT{margin-left:0;border-radius:0;height:40px;line-height:40px}
.layerPopT.confirmT .popContentT .btnAreaT .btnsT > span{font-size:16px}
.layerPopT.confirmT .popContentT .selectMsg{padding:30px 20px;text-align:left}
.layerPopT.confirmT .popContentT .selectMsg p{margin-top:15px;margin-left:14px;margin-bottom:15px}
.layerPopT.confirmT .popContentT .selectMsg .selectWrap + p{margin-bottom:0}
.layerPopT.confirmT .popContentT .selectMsg .sumArea{margin:15px 15px 0 15px}
.layerPopT.confirmT .popContentT .selectMsg .sumArea dl{line-height:28px;overflow:hidden}
.layerPopT.confirmT .popContentT .selectMsg .sumArea dl dt{color:#666;float:left}
.layerPopT.confirmT .popContentT .selectMsg .sumArea dl dd{float:right}
.layerPopT.confirmT .popContentT .selectMsg .sumArea dl.resultPrice{margin-top:15px}
.layerPopT.confirmT .popContentT .selectMsg .sumArea dl.resultPrice dd{font-size:21px}

.layerPopT.edit .popContentT textarea{height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;border:none}
.layerPopT.edit .btnCloseT{left:0;right:auto}
.layerPopT.edit .btnComplete {display:block;position:fixed;z-index:10;top:0;right:0;padding:19px;width:16px;height:11px;background:url('/merchant/images/loan/btn_pop_complete.png') no-repeat 50%;text-indent:-999em;background-size:16px}

/* Text */
.messageT{color:#000;font-size:15px;line-height:22px;text-align:center;padding:21px 15px;border-bottom:1px solid #ddd}
.messageT.error{font-size:13px;color:#ff0000}
.messageT .ok,
.messageT.ok {border-bottom:none;padding-top:95px;background:url('/merchant/images/loan/bg_ok.png')center 20px no-repeat;background-size:55px}
.messageT.noti {border-bottom:none;padding-top:95px;background:url('/merchant/images/loan/bg_noti.png')center 20px no-repeat;background-size:55px}
.caption{font-size:13px;color:#555;margin-top:10px}
.completeMsg{text-align:center;line-height:30px;font-size:21px}
.completeMsg.font17{line-height:17px;font-size:15px}
.messageT.noLine {border-bottom:none;padding-bottom:0}
.messageT.tal {text-align:left;/* border-bottom:none;*/}

.messageT .img {position:relative;text-align:left;padding-left:60px}
.messageT .img:before {position:absolute;display:block;content:"";left:0;top:3px;width:45px;height:50px;background-position:0 0;background-repeat:no-repeat;-webkit-background-size:100%;background-size:100%}
.messageT .push:before {background-image:url('/merchant/images/loan/ico_push.png')}
.messageT .card:before {background-image:url('/merchant/images/loan/mk_ico_07.png')}
.messageT .silver:before {background-image:url('/merchant/images/loan/img_silver.png')}
.messageT .service:before {background-image:url('/merchant/images/loan/mk_ico_01.png')}
.messageT .affliate:before {background-image:url('/merchant/images/loan/ico_graph.png')}
.messageT .ars:before {background-image:url('/merchant/images/loan/bg_ars.png')}
.messageT .tax:before {background-image:url('/merchant/images/loan/bg_tax.png')}
.messageT .caption {line-height:19px}

.messageT .info {position:relative;text-align:left}
.messageT .info em {display:block;margin-bottom:5px;color:#dc0000;font-size:11px}
.messageT .info strong {color:#000;font-family:'RixGoB';font-size:15px }
.messageT .info:before {position:absolute;display:block;content:"";right:0px;top:50%;background-position:50%;background-repeat:no-repeat;-webkit-background-size:100%;background-size:100%}
.messageT .info.myTag {padding-right:120px}
.messageT .info.myTag:before {background-image:url('/merchant/images/loan/bgytag.png');width:100px;height:64px;margin-top:-17px}
.messageT .myTag.ver{text-align:center;padding-top:70px;padding-right:0px}
.messageT .myTag.ver:before {top:10px;left:50%;margin-left:-50px}

.messageT .info.regular {padding-right:100px}
.messageT .info.regular:before {margin-top:-31px;width:73px;height:62px;background-image:url('/merchant/images/loan/bg_regular.png')}
.messageT .lingGo01:before {background-image:url('/merchant/images/loan/bg_linggo_01.png')}
.messageT .lingGo02:before {background-image:url('/merchant/images/loan/bg_linggo_02.png')}
.messageT .lingGo03:before {background-image:url('/merchant/images/loan/bg_linggo_03.png')}
.messageT .telecop01:before {background-image:url('/merchant/images/loan/bg_telecop_01.png')}
.messageT .telecop02:before {background-image:url('/merchant/images/loan/bg_telecop_02.png')}
.messageT .telecop03:before {background-image:url('/merchant/images/loan/bg_telecop_03.png')}
.messageT.tLine {border-top:1px solid #000;padding-top:30px;margin-top:30px}

/* color */
.color1T {color:#dc0000 !important}

/*약관영역*/
.mt20T {margin-top:20px}

 /* horizontal box */
.boxWrapT {display:flex;/* justify-content:space-between */}
.boxWrapT.line {border:1px solid #ddd}
.boxWrapT .cell,
.boxWrapT .cardArea,
.boxWrapT .btnAreaT,
.boxWrapT .inputWrap,
.boxWrapT .btnRadioWrap,
.boxWrapT .selectWrap,
.boxWrapT .btnRadioWrap,
.boxWrapT .btnWrap {box-orient:horizontal;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;flex:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px}
.boxWrapT .cardArea,
.boxWrapT .btnAreaT:first-child,
.boxWrapT .btnRadioWrap:first-child,
.boxWrapT .selectWrap:first-child,
.boxWrapT .inputWrap:first-child,
.boxWrapT .btnWrap:first-child {padding-left:0}
.boxWrapT .bwInput {line-height:40px;color:#000;padding-left:10px}
.boxWrapT .space {padding-left:10px;line-height:40px}
.boxWrapT .btnAreaT {width:100%}
.boxWrapT + .boxWrapT {margin-top:10px}
.boxWrapT .f1 {-webkit-flex:1 !important;flex:1 !important}
.boxWrapT .f2 {-webkit-flex:2;flex:2}
.boxWrapT.f2 {padding-left:10px}
.boxWrapT .w30p {width:30% !important}
.boxWrapT .cell {border:1px solid #cacaca;padding:10px;text-align:center;margin:0 5px;color:#000}
.boxWrapT .cell:first-child {margin-left:0}
.boxWrapT .cell:last-child {margin-right:0}
.boxWrapT .cardArea.ico01,
.boxWrapT .cardArea.ico02,
.boxWrapT .cardArea.ico03 {padding-top:60px;padding-bottom:10px;position:relative;text-align:center}
.boxWrapT .cardArea.ico01:before,
.boxWrapT .cardArea.ico02:before,
.boxWrapT .cardArea.ico03:before {position:absolute;top:10px;left:50%;margin-left:-20px;content:"";display:block;width:40px;height:45px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:100%;
background-size:100%}
.boxWrapT .cardArea.ico01:before {background-image:url('/merchant/images/loan/ico_telecop_07.png')}
.boxWrapT .cardArea.ico02:before {background-image:url('/merchant/images/loan/ico_telecop_08.png')}
.boxWrapT .cardArea.ico03:before {background-image:url('/merchant/images/loan/ico_telecop_09.png')}



/* Button */
.btnAreaT{display:-webkit-box;text-align:center;-webkit-box-orient:horizontal;-webkit-box-flex:1;-moz-box-orient:horizontal;-moz-box-flex:1}
.btnAreaT.small{width:50%;margin-left:auto;margin-right:auto}

.btnsT{display:block;width:100%;background-color:#fff;height:40px;border:1px solid #555;margin-left:10px;padding-left:10px;padding-right:10px;text-align:center;line-height:40px;vertical-align:middle;box-flex:1;box-sizing:border-box;-webkit-box-flex:1;-webkit-box-sizing:border-box;-moz-box-flex:1;font-size:15px}
.btnsT.small {height:30px;line-height:30px;font-size:13px}
.btnsT:first-child {margin-left:0}
.btnsT.orange {background:#dc0000;border-color:#dc0000;color:#fff}
.btnsT.gray{background:#555;border-color:#555;color:#fff}
.btnsT.lGray{background:#777;border-color:#777;color:#fff}
.btnsT.disabled{background:#666;border-color:#666;color:#999}
.btnsT > span {color:#000;font-size:15px;white-space:nowrap;font-family:RixGoB}
.btnsT.small > span {font-size:13px;white-space:nowrap;font-family:RixGoM}
.btnsT.btnYellow > span{color:#000}
.btnsT.orange > span,
.btnsT.lGray > span,
.btnsT.gray > span{color:#fff}
.btnsT.disabled > span{color:#999}

.btnsT.google {background:url('/merchant/images/loan/ico_google.png') 12px center no-repeat;-webkit-background-size:18px;background-size:18px}
.btnsT.apple {background:url('/merchant/images/loan/ico_apple.png') 12px center no-repeat;-webkit-background-size:18px;background-size:18px}

