@charset "utf-8";

html {color:#202020;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html * {outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html,body {font-family:sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;background:none;}
table {border-collapse:collapse;border-spacing:0}
fieldset,img,button {border:none}
abbr,acronym {border:0;font-variant:normal}
del {text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal}
q:before,q:after {content:''}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
a:hover {text-decoration:none}
ins,a {text-decoration:none}
body {font-family:'notokr', 'Arial', 'Apple SD Gothic Neo', sans-serif;line-height:1.2em;color:#383838;}

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

caption {position:absolute;left:-9999px;top:-9999px;}
button {font-size:inherit;color:inherit;cursor: pointer;}
input[type="tel"]:disabled, select:disabled {background:#f2f2f2;color:#D1D1D1;}

.clfix:before,.clfix:after {content:""; display:table}
.clfix:after {clear:both}
.clfix {zoom:1}

#dim {z-index:99;display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;color:rgba(0,0,0,0);}
.dpNone {display:none;}
input[type="checkbox"] {display:none;}
select {-webkit-appearance:none;appearance:none;background:none;border:none;}
.textIr {overflow:hidden;color:rgba(0,0,0,0);font-size:.1em;}
.sprite {overflow:hidden;background-image:url(/images/sprite.svg);background-size:750px 200px;background-repeat:no-repeat;color:rgba(0,0,0,0);font-size:.1525em;}
#allMenu {background-position:-230px 20px;}
#chatClose, nav > button.close {background-position:-133px 18.5px;}
nav > button.back {background-position:-85px 18px;}
#chatArea > ul > li.bot > dl > dt > span {background-position:2.5px -147px;}
#viewHint {background-position:-33.5px 16.5px;}
#viewHint.on {background-position:-333.5px 16.5px;}
#sendMsg > span {position:absolute;bottom:16px;right:25px;width:20px;height:18px;background-position:0 0;}
#sendMsg.on > span {background-position:-300px 0;}
.notice > .sprite {position:absolute;left:0;top:0;width:21px;height:18px;background-position:6px -100px;}
.notice {position:relative;margin:10px 0 10px 0;padding-left:18px !important;line-height:1.3em;font-size:.750em;color:#808080;}
.sprite.select {width:13px;height:7.5px;margin-top:-6.25px;background-position:-250px -50px;}
.sprite.reset {width:20px;height:20px;background-color:#D8D8D8;background-position:-494.5px -44.5px;border-radius:10px;}
.sprite.sort {width:8.5px;height:5px;background-position:-400px -50px;}
.sprite.detail {width:12px;height:20px;background-position:-450px -50px;}
.agree > .sprite.check {width:20px;height:20px;border-radius:10px;border:1px solid #EAEAEA;background-position:-96.5px -44px;}
.agree.on > .sprite.check {border-radius:10px;border:none;background-color:#3796fb;background-position:-145.5px -43.5px;}
.sprite.detailSmall {width:6.5px;height:10px;background-position:-300px -50px;}

/* text */
#chatArea .compo h3 {font-weight: bold ;font-size:.875em;}
.insuInfo > h4 {font-family:'notokr';font-size:1.188em;color:#202020;margin-top: 4px;}
.insuNum {color:#808080;font-size:.750em;font-family: 'notokr';}

.skyBlue {color:#3796fb !important;font-size:1.118em;font-family: 'notokr';}
.red {color:#FF0B0B !important;}
.purple {color:#BE4B7F !important;}
.black {color:#202020 !important;}

/* buttons */
button.whiteSmall {display:block;width:100%;margin:5px 0;line-height:38px;border:1px solid #d5d9f2;border-radius:5px;color:#606060;background-color:#fff;}
button:disabled {color:#D1D1D1;}
button.yellow:disabled, button.blue:disabled {background-color:#F2F2F2 !important;border:none !important;}

.compo button.white, .bot button.white {display:block;width:100%;margin:10px 0 5px;line-height:38px;border:1px solid #d5d9f2;border-radius:5px;background-color: #fff;color: #606060;}
.compo button.yellow, .bot button.yellow {display:block;width:100%;line-height:38px;margin:10px 0 0;border-radius:5px;background:#ffe405;border: 1px #f3d605 solid;}
.compo button.gray, .bot button.gray {display:block;width:100%;line-height:40px;margin:10px 0 0;border-radius:5px;background:#F2F2F2;}
.compo button.white, .compo button.yellow, .compo button.gray {font-size:.875em;}
.compo button.blue {display:block;width:100%;line-height:36px;border:1px solid #3796fb;border-radius:5px;background:#3796fb;color:#fff;}
.compo button.borderBlue {display:block;width:100%;line-height:1.2em;border:1px solid #3796fb;border-radius:16px;background:#fff;color:#3796fb;}

/* box */
.blueBox {padding:32px 30px;background:#3796fb;font-family: 'notokr';}
.blueBox > h5 {text-align:center;font-size:.688em;color:rgba(255,255,255,.6);}
.blueBox > h5 {text-align:center;font-size:1.000em;color:#ffdc3a;font-family: 'notokr';}
.blueBox > .value {margin-top:20px;text-align:center;color:#fff;font-size:.875em;}
.blueBox > .value span:first-child {padding-bottom:5px;font-size:2.500em;font-family:'notokr';overflow: hidden;background-image: url(/images/img_chat_money.svg);background-size: 40px 26px;background-repeat: no-repeat;background-position: -2px 4px;padding-left: 45px;}
.blueBox > .value span:last-child {color:#fff;}
.blueBox > .value > .box {display:inline-block;text-align:right;}
.blueBox > .graph {margin-top:28px;height:10px;border-radius:5px;background:#067EDD;}
.blueBox > .graph > span {display:block;height:10px;border-radius:5px;background:#66FFFD;}
.blueBox > .times {margin-top:6px;font-size:.875em;color:rgba(0, 0, 0, 0.4);font-family: 'notokr';}
.blueBox > .times > .recent {float:left;width:50%;text-align:left;}
.blueBox > .times > .total {float:right;width:50%;text-align:right;}
.blueBox > .account {margin-top:15px;width: 100%; text-align: center;padding-left: 8px;}
.blueBox > .account > dt {padding-top:7px;font-size:.875em;color:rgba(255,255,255,.6);font-family: 'notokr'; padding: 0 4px 0 4px;display: inline-block;}
.blueBox > .account > dd {padding-top:7px;font-size:.875em;color:#fff;font-family: 'notokr';padding-right: 16px;display: inline-block;}
.blueBox > .accountLoan {margin-top:15px;width: 100%; padding-left: 6px;text-align: center;}
.blueBox > .accountLoan > dt {clear:both;padding-top:7px;font-size:.875em;color:rgba(255,255,255,.6);font-family: 'notokr';display: inline-block;padding-right: 10px;}
.blueBox > .accountLoan > dd {padding-top:7px;font-size:.875em;color:#fff;font-family: 'notokr';display: inline-block;}

.popCon > h3.myProduct {position:relative;text-align:left !important;}
.popCon > h3.myProduct > .select {position:absolute;right:25px;top:0;padding:2px;}
.popCon > h3.myProduct > .select > select {padding-right:15px;}
.popCon > h3.myProduct > .select > .sprite {position:absolute;right:0;top:50%;margin-top:-2.5px;}
.popCon > .insuList > li {padding:0 25px 16px;margin-bottom:5px;background:#fff;}
.popCon > .insuList > li > .insuInfo {position:relative;padding:24px 0 20px;border-bottom:1px solid #e6e9f0;}
.popCon > .insuList > li > .insuInfo > .sprite {overflow:hidden;position:absolute;top:50%;right:0;margin-top:-10px;}
.popCon > .insuList > li > .insuData > dl {width:60%;margin-top:10px;line-height:1.6em;letter-spacing:-0.03em;}
.popCon > .insuList > li > .insuData > dl > dt {font-size:.875em;color:#808080;}
.popCon > .insuList > li > .insuData > dl > dd {font-size:.875em;color:#202020;font-family: 'notokr';}
.popCon > .insuList > li > .insuData > .dataLeft {float:left;}
.popCon > .insuList > li > .insuData > .dataLeft > dt {clear:both;float:left;width:35%;}
.popCon > .insuList > li > .insuData > .dataLeft > dd {float:left;width:65%;}
.popCon > .insuList > li > .insuData > .dataRight {float:right;width: 40%;}
.popCon > .insuList > li > .insuData > .dataRight > dd > span {font-size:1.500em;color:#3796fb;font-family:'notokr';}
.popCon > .insuList > li > .insuData > .data {width:100%;}
.popCon > .insuList > li > .insuData > .data > dt {clear:both;float:left;width:40%;font-size: .875em;color: #808080;margin-bottom: 8px;}
.popCon > .insuList > li > .insuData > .data > dd {float:left;width:60%;font-size: 1.000em;text-align: right;font-family:'notokr';}
.popCon > .insuList > li > button.whiteSmall {margin-top:10px;line-height:35px;font-size:.813em;color:#5A5A5A;}

li.popTerms > button {width: 100%;height: 50px;padding-top: 1px;line-height: 49px;font-size: .938em;color: #202020;}
ul.listDash > li {padding-left:.7em;text-indent:-.7em;}

/* layout */
body, #wrap {width:100%;height:100%;}
header {z-index:101;position:relative;height:50px;background:#fff;}
header > h1 {width:120px;margin:0 auto;padding-top:2px;text-align:center;line-height:48px;font-size:1.000em;font-weight:normal;color:#555555;}
header > h2 {width:82%;margin:0 auto;padding-top:2px;text-align:center;line-height:48px;font-size:1.000em;font-weight:normal;color:#555555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#allMenu {position:absolute;top:0;left:0;width:50px;height:50px;color:rgba(0,0,0,0);}
#chatClose, nav > button.close {position:absolute;top:0;right:0;width:50px;height:50px;color:rgba(0,0,0,0);}
nav > button.back {position:absolute;top:0;left:0;width:50px;height:50px;}

.chatInfo {z-index:110;overflow:hidden;display:none;position:absolute;top:0;left:0;width:0;height:100%;background:#fff;}
.chatInfo > img {display:block;width:100%;}

#chatArea {overflow-y:auto;overflow-x:hidden;height:100%;padding:20px 0;background:#f3f4f8;}
#chatArea > ul > li{margin-top:10px;}
#chatArea > ul > li.bot, #chatArea > ul > li.customer {padding:0 10px;}
#chatArea > ul > li:first-child {margin-top:0;}
#chatArea > ul > li.bot > dl {position:relative;}
#chatArea > ul > li.bot > dl > dt {z-index:10;position:absolute;left:0;bottom:0;}
#chatArea > ul > li.bot > dl > dt > span {display:block;background-color: #50a5ff;width:32px;height:34px;border-radius:17px;color:rgba(0,0,0,0);}
#chatArea > ul > li.bot > dl > dd {position:relative;}
#chatArea > ul > li.bot > dl > dd .balloon {display:block;width:22px;height:22px;}
#chatArea > ul > li.bot > dl > dd > div.balloon {display:none;position:absolute;bottom:0;left:18px;}
#chatArea > ul > li.bot > dl > dd:last-child > div.balloon {display:block;}
#chatArea > ul > li.bot > dl > dd > div.balloon > span.balloon {background:#f3f4f8;border-radius:0 0 11px 0;}
#chatArea > ul > li.bot > dl > dd > div.message {display:inline-block;position:relative;margin:0 35px 10px 40px;padding:13px 15px 11px;border-radius:20px;background-color:#e6e9f0;font-size:0.875em;color:#333;}
#chatArea > ul > li.bot > dl > dd:last-child > div.message {margin-bottom:0 !important;border-radius: 20px 20px 20px 6px;}
#chatArea > ul > li.bot > dl > dd > div.message > span.time {display:none;position:absolute;bottom:0;right:-35px;width:35px;text-align:right;font-size:0.786em;color:#adadad;}
#chatArea > ul > li.bot > dl > dd:last-child > div.message > span.time {display:block;}
#chatArea > ul > li.bot > dl > dd > div.message > strong {color:#3796fb;font-family:'notokr';font-weight:bold;}

#chatArea > ul > li.customer > dl {position:relative;}
#chatArea > ul > li.customer > dl > dt {position:absolute;overflow:hidden;right:0;width:1px;height:1px;color:rgba(0,0,0,0);font-size:.1em;}
#chatArea > ul > li.customer > dl > dd {position:relative;text-align:right;}
#chatArea > ul > li.customer > dl > dd .balloon {display:block;width:22px;height:22px;}
#chatArea > ul > li.customer > dl > dd > div.balloon {display:none;position:absolute;bottom:0;right:-11px;}
#chatArea > ul > li.customer > dl > dd > div.message {display:inline-block;position:relative;margin:0 0 10px 35px;padding:13px 15px 11px;border-radius:7px;text-align:left;background-color:#3796fb;font-size:0.875em;color:#fff;}
#chatArea > ul > li.customer > dl > dd:last-child > div.message {margin-bottom:0 !important;border-radius:20px 20px 6px 20px;}
#chatArea > ul > li.customer > dl > dd > div.message > span.time {display:none;position:absolute;bottom:0;left:-35px;width:35px;text-align:left;font-size:0.786em;color:#adadad;}
#chatArea > ul > li.customer > dl > dd:last-child > div.message > span.time {display:block;}


#foot {position:fixed;z-index:100;left:0;bottom:0;width:100%;height:50px;background:#fff;}
#foot h2 {padding:3px 27.5px 0;line-height:24px;border-top:1px solid #dde2e3;color:#3796fb;font-size:0.688em;}
#foot .swiper-container {overflow:hidden;position:relative;width:100%;height:200px;border-top:1px solid #dde2e3;}
#foot .swiper-container > .swiper-wrapper {position:absolute;width:10000px;top:0;left:0;}
#foot .swiper-container > .swiper-wrapper > .swiper-slide {float:left;padding:20px 27.5px 0;}
#foot .swiper-container > .swiper-pagination {position:absolute;bottom:13px;left:0;width:100%;text-align:center;}
#foot .swiper-container > .swiper-pagination > span {display:inline-block;width:10px;height:10px;margin:0 6.5px;border-radius:5px;background:#dedede;}
#foot .swiper-container > .swiper-pagination > span.swiper-pagination-bullet-active {background:#3796fb;}
#foot article.hintSlide > ul > li {margin-bottom:20px;font-size:0.875em;}
#hint {display:none;height:0;}
#input {position:absolute;display:inline-block;bottom:0;width:100%;border:1px solid #f3f4f8;left: 0; right: 0; margin: 0 auto; max-width: 1000px;}
#viewHint {position:absolute;bottom:0;left:0;width:50px;height:50px;color:rgba(0,0,0,0);}
#input > textarea {resize:none;display:block;width:100%;min-height:49px;height:49px;max-height:82px;padding:16px 50px 14px 60px;border:none;font-size:0.985rem;z-index:1001;}
#input > input {resize:none;display:block;width:100%;min-height:49px;height:49px;max-height:82px;padding:10px 60px 10px 20px;border:none;font-size:0.985rem;}
#sendMsg {position:absolute;right:0;bottom:0;width:60px;min-height:50px;color:rgba(0,0,0,0);}

.layerPop {display:none;z-index:1000;position:absolute;top:0;left:0;width:100%;height:100%;margin:0 !important;background:#fff;}
.layerPop > .popCon {overflow-y:auto;}
.layerPop > .popCon > h3 {padding:1px 25px 0 25px;line-height:42px;text-align:center;background:#F4F4F4;font-size:.875em;font-family:'notokr';}
.layerPop > .popCon > article > .tab > button {float:left;width:25%;padding:0 3px;text-align:center;font-size:.688em;}
.layerPop > .popCon > article > .tab > button > span {display:block;padding-top:1px;border-radius:3px;line-height:31px;background:#F5F7F8;}
.layerPop > .popCon > article > .tab > button.on > span {background:#3796fb;color:#fff;}
.layerPop > .popCon > article > .tabCon {margin-top:25px;}
.layerPop > .popCon > article > .tabCon > li {display:none;}
.layerPop > .popCon > article > .tabCon > li:first-child {display:block;}
.layerPop > button {width: 100%;height: 50px;padding-top: 1px;line-height: 49px;font-size: .938em;color: #202020;}
.layerPop > button.gray {background:#F2F2F2;}
.layerPop > button.yellow {background:#ffdc3a;}
.layerPopDetail {display:none;z-index:1001;position:absolute;top:0;left:0;width:100%;height:100%;margin:0 !important;background:#fff;}
.layerPopDetail > .popDetailCon {overflow-y:auto;}

li.popContractLoanBox  > section.popCon {height:auto !important;}
li.popContractLoanBox  > button {width: 90%;height: 50px;padding-top: 1px;line-height: 49px;font-size: .938em;color: #202020;margin-left: 5%;border-radius: 6px;}
li.quick {overflow:hidden;width:100%;height:175px;padding:0 15px 0 50px;}
li.quick > div {overflow:visible;width:100%;}
li.quick > div > ul {width:10000px;}
li.quick > div > ul > li {position:relative;float:left;}
li.quick > div > ul > li > button {overflow:hidden;height:165px;padding:14px 12px 0 12px ;border:1px solid #dfe1e8;border-radius:16px;background:#f9fafc;Box-shadow: 1px 3px 6px #e9eaee;}
li.quick > div > ul > li > button > span {display:block;width:90px;height:54px;margin:0 auto;overflow: hidden;background-image: url(/images/sprite.svg);background-size: 750px 200px;background-repeat: no-repeat;}
li.quick > div > ul > li:nth-child(1) > button > span {background-position: -56px -138px;}
li.quick > div > ul > li:nth-child(2) > button > span {background-position: -300px -138px;}
li.quick > div > ul > li:nth-child(3) > button > span {background-position: -210px -136px;}
li.quick > div > ul > li:nth-child(4) > button > span {background-position: -136px -138px;}
li.quick > div > ul > li > button > h3 {margin-top:12px;}
li.quick > div > ul > li > button > p {height:100%;margin-top:10px;text-align:center;color:#707070;font-size:.813em;}
li.contractLoan {overflow:hidden;width:100%;height:35px;padding:0 15px 0 50px;}
li.contractLoan > div {overflow:visible;width:100%;}
li.contractLoan > div > ul {width:10000px;}
li.contractLoan > div > ul > li {position:relative;float:left;margin-right: 4px !important;}
li.contractLoan > div > ul > li > button {height:35px;padding:1px 20px 0;line-height:34px;border:1px solid #3796fb;border-radius:20px;background:#fff;font-size:0.786em;}
li.contractLoan > div > ul > li.on > button {color:#fff;background:#3796fb;}
li.contractLoan > div.fullBtn2 {padding-right:30px;}
li.contractLoan > div.fullBtn2 > ul {width:100%;}
li.contractLoan > div.fullBtn2 > ul > li {width:50%;margin:0 !important;padding:0 2px 0 0;}
li.contractLoan > div.fullBtn2 > ul > li:last-child {padding:0 0 0 2px;}
li.contractLoan > div.fullBtn2 > ul > li > button {width:100%;}

li.contractLoanBox {margin:15px 45px 0 50px;padding:15px;border:1px solid #dfe1e8;border-radius:16px;background:#fff;Box-shadow: 1px 3px 6px #e9eaee;border-bottom: 1px solid #e6e9f0;}
li.contractLoanBox > div {margin-bottom:10px;padding:0 2px;}
li.contractLoanBox > div > button {position:relative;padding:0 26px 5px 6px;border-bottom:1px solid #D3D3D3;color:#3796fb;font-family:'notokr';font-size:.938em;}
li.contractLoanBox > div > button > span {margin-left:8px;font-size:.625em;}
li.contractLoanBox > div > button > span.select {position:absolute;top:50%;right:6px;}
li.contractLoanBox > div > span.text {margin-left:3px;font-size:.813em;}
li.contractLoanBox > p {padding:0 8px;font-size:.813em}
li.contractLoanBox > .value {margin-top:13px;font-size:.750em;line-height:1.4em;font-weight:bold;}
li.contractLoanBox.repay div > button {color:#BE4B7F;font-family: 'notokr';}
li.contractLoanBox .money > span {font-size: .813em;}
li.contractLoanBox .account > span {font-size: .813em;}

li.termsBox {margin:15px 45px 0 50px;padding-bottom:15px;border:1px solid #dfe1e8;border-radius:16px;background:#fff;Box-shadow: 1px 3px 6px #e9eaee;}
li.termsBox > dl > dt {border-bottom:1px solid #dfe1e8;margin-bottom:2px;}
li.termsBox > dl > dt > button {padding-top:3px;line-height:44px;font-family:'notokr';}
li.termsBox > dl > dd > label > button {height:40px;padding-top:2px;font-size:.875em;}
li.termsBox > dl button.agree {display:block;width:100%;position:relative;padding-left:55px;padding-right:25px;text-align:left;}
li.termsBox > dl button.agree > span.sprite {position:absolute;top:50%;}
li.termsBox > dl button.agree > span.check {left:25px;margin-top:-10px;}
li.termsBox > dl button.agree > span.detailSmall {right:15px;margin-top:-5px;}
li.termsBox > .guide {padding:5px 25px 0;color:#808080;line-height:1.4em;font-size:.750em;letter-spacing:-.05em;}
li.termsBox > .btnArea {padding:0 15px;}

li.popAboutInsuContract > .popCon, li.popAboutloanContract > .popCon {background:#F5F7F8}
li.popAboutInsuContract > .popCon > h3 {position:relative;text-align:left !important;}
li.popAboutInsuContract > .popCon > h3 > .select {position:absolute;right:25px;top:0;padding-top:2px;}
li.popAboutInsuContract > .popCon > h3 > .select > .sprite {position:absolute;right:0;top:50%;margin-top:-2.5px;}

li.popTerms > .popCon {padding:8px;background:#e5e5e5;}
li.popTerms > .popCon > article {margin-bottom:12.5px;padding: 8px 20px 20px 20px;background:#fff;}
li.popTerms > .popCon > article:last-child {margin-bottom:0px;}
li.popTerms > .popCon > article > h3 {padding-bottom:5px;border-bottom:1px solid #e5e5e5;color:#202020;font-size:1.000em;font-family:'notokr';margin-top: 15px;}
li.popTerms > .popCon > article > .termArea {margin-top:16px;padding:2px;background:#fff;font-size:.875em;}

.layerPopDetail.insu .insuInfo {padding:16px 25px;}
.layerPopDetail.insu .accountInfo {padding:40px 25px;font-size:1.000em;letter-spacing:-0.03em;}
.layerPopDetail.insu .accountInfo > dt {float:left;width:48%;margin-bottom:16px;color:#808080;font-size: .875em;}
.layerPopDetail.insu .accountInfo > dd {float:left;width:52%;margin-bottom:16px;text-align:right;color:#202020;font-family:'notokr';font-size: 1.000em;}

li.insuContract {overflow:hidden;width:100%;height:160px;padding:0 15px 0 50px;}
li.insuContract > div {overflow:visible;width:100%;}
li.insuContract > div > ul {width:10000px;}
li.insuContract > div > ul > li {position:relative;float:left;}
li.insuContract > div > ul > li > button {overflow:hidden;height:160px;padding:13px 12.5px 0 12.5px ;border:1px solid #d3d3d3;border-radius:9px;background:#fff;text-align:left;}
li.insuContract > div > ul > li > button > h3 {margin-top:4px;height:49px;line-height:1.3em;}
li.insuContract > div > ul > li > button > dl {height:100%;}
li.insuContract > div > ul > li > button > dl > dt {clear:both;float:left;width:40%;margin-bottom:9px;color:#808080;font-size:.750em;}
li.insuContract > div > ul > li > button > dl > dd {float:right;width:60%;text-align:right;margin-bottom:9px;color:#202020;font-size:.750em;}

li.popContractLoanBox > .popCon > article {padding:20px 35px 47px;}
li.popContractLoanBox > .popCon > article div.money {position:relative;padding-bottom:7px;border-bottom:1px solid #D3D3D3;}
li.popContractLoanBox > .popCon > article div.money > input {width:100%;height:30px;padding:0 70px 0 5px;font-size:1.063em;font-family:'notokr';}
li.popContractLoanBox > .popCon > article div.money > span {position:absolute;right:0;color:#333;font-size:1.063em;font-family:'notokr'}
li.popContractLoanBox > .popCon > article div.money.disabled > span {color:#D1D1D1;}
li.popContractLoanBox > .popCon > article div.money > button.reset {position:absolute;right:2px;top:5px;}
li.popContractLoanBox > .popCon > article div.money.disabled > button.reset {display:none;}
li.popContractLoanBox > .popCon > article div.moneytxt {text-align:right;margin-top:7px;font-size:.813em;color:#838383;}
li.popContractLoanBox > .popCon > article > .btns {margin-top:10px;}
li.popContractLoanBox > .popCon > article > .btns > .money {float:left;width:25%;padding:0 3px;text-align:center;font-size:.750em;}
li.popContractLoanBox > .popCon > article > .btns > .money > span {display:block;padding-top:1px;border-radius:3px;line-height:31px;background:#F5F7F8;}
li.popContractLoanBox > .popCon > article div.select {position:relative;}
li.popContractLoanBox > .popCon > article div.select > select {position:relative;width:100%;padding:0 0 7px 34px;border-bottom:1px solid #D3D3D3;font-size:1.063em;font-family:'notokr';}
li.popContractLoanBox > .popCon > article > ul > li.write select {padding:0 0 7px 0;text-align-last:center;}
li.popContractLoanBox > .popCon > article div.select > span.select {position:absolute;top:50%;right:0;}
li.popContractLoanBox > .popCon > article div.select.disabled > span.select {display:none;}
li.popContractLoanBox > .popCon > article > ul > li.write div.money {margin-top:30px;}

li.compo.btns {margin-top:5px !important;padding:0 45px 0 50px;}
li.compo.btns > button {padding:10px 20px;font-size:.875em;text-align:left;border-width:1px 1px 1px;margin-top: -1px;}
li.compo.btns > button:first-child {border-width:1px;}

li.sms {margin:10px 45px 0 50px !important;padding:15px;border-radius:7px;background:#fff;}
li.sms > dl {font-size:.875em;}
li.sms > dl > dt {float:left;}
li.sms > dl > dd {float:right;font-family:'notokr';}
li.sms > .smsInput {display:none;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #D3D3D3;}
li.sms > .smsInput > input {float:left;width:50%;font-family:'notokr';font-size:1.000em;letter-spacing:.05em;}
li.sms > .smsInput > input:placeholder {font-family:'notokr' !important;letter-spacing:0em !important;}
li.sms > .smsInput > .time {float:right;width:40%;text-align:right;color:#FF0B0B;font-size:.875em;}
li.sms + li.bot {margin-top:10px !important;}

li.branchList {margin:15px 45px 0 50px;border:1px solid #dfe1e8;border-radius:16px;background:#fff;Box-shadow: 1px 3px 6px #e9eaee;}
li.branchList > ul.list > li {position:relative;padding:13px 15px 11px;border-top:1px solid #dfe1e8;}
li.branchList > ul.list > li:first-child {border:0;}
li.branchList > ul.list > li > button.detail {position:relative;width:100%;text-align:left;}
li.branchList > ul.list > li > button.detail > div.title {position:relative;}
li.branchList > ul.list > li > button.detail > div.title > span.name {margin-right:4px;}
li.branchList > ul.list > li > button.detail > div.title > span.type {position:relative;top:-1px;opacity:.7;margin:0 10px 0 0;padding-left:5px;border-left:1px solid #808080;line-height:1em;font-size:.688em;color:#808080;}
li.branchList > ul.list > li > button.detail > div.title > span.name, li.branchList > ul.list > li > button.detail > div.title > span.type {line-height:1em;}
li.branchList > ul.list > li > button.detail > span.adressNew, li.branchList > ul.list > li > button.detail > span.adressOld {overflow:hidden;text-overflow:ellipsis;display:block;width:100%;padding-right:45px;font-size:.750em;color:#808080;white-space:nowrap;}
li.branchList > ul.list > li > button.detail > span.adressNew {margin-top:10px;}
li.branchList > ul.list > li > button.detail > span.distance {position:absolute;bottom:-1px;right:0;text-align:right;line-height:1.5em;font-size:.688em;color:#808080;}
li.branchList > ul.list > li > button.detail > span.distance > em {color:#3796fb;font-size:1.5em;letter-spacing:-0.05em;}
li.branchList > ul.list > li > button.detail > div.title > span.detail {position:absolute;right:0;top:50%;margin-top:-10px;}

li.popBranch > section.popCon {position:relative;padding:20px 25px;}
li.popBranch > section.popCon > span.adressNew, li.popBranch > section.popCon > span.adressOld {display:block;padding-right:40px;line-height:1.4em;font-size:.750em;color:#808080;}
li.popBranch > section.popCon > a.call {overflow:hidden;position:absolute;top:20px;right:25px;width:32px;height:32px;text-align:center;border:1px solid #3796fb;border-radius:16px;line-height:1em;font-size:.813em;color:rgba(0,0,0,0);background-position:-392px -145px;}
li.popBranch > section.popCon > div.mapArea {height:220px;margin-top:15px;text-align:center;border-bottom:1px solid #e6e9f0;}
li.popBranch > section.popCon > div.mapArea > div.mapView {position:relative;overflow:hidden;width:100%;height:200px;}
li.popBranch > section.popCon > div.mapArea > div.mapView > div.fullMap {position:absolute;z-index:51;width:100%;height:100%;background:#fff;}
li.popBranch > section.popCon > div.mapArea > div.mapView > button.toggle {overflow:hidden;position:absolute;z-index:52;top:10px;right:10px;width:30px;height:30px;color:rgba(0,0,0,0);line-height:1em;font-size:.813em;}
li.popBranch > section.popCon > div.mapArea > div.mapView > .full {background-position:-500px -150px;}
li.popBranch > section.popCon > div.mapArea > div.mapView > .small {background-position:-550px -150px;}
li.popBranch > section.popCon > dl.branchInfo {margin-top:10px;font-size:.813em;}
li.popBranch > section.popCon > dl.branchInfo > dt {margin-top:10px;}
li.popBranch > section.popCon > dl.branchInfo > dt:first-child {margin-top:0px;}
li.popBranch > section.popCon > dl.branchInfo > dd {color:#808080;}
li.popBranch > section.popCon > dl.branchInfo > .call {display:inline-block;}
li.popBranch > section.popCon > dl.branchInfo > dd > a.call {display:inline-block;width:auto;margin-left:10px;padding:5px 8px 3px;border:1px solid #d5d9f2;border-radius:5px;color:#606060;background-color:#fff;line-height:1em;font-size:.813em;color:#5A5A5A;}

.listDot {
    padding: 9px 0 0;
}

.listDot li {
    list-style-type: disc;
    padding: 0;
    margin: 10px 0 0;
    color: #909090;
}

.listDot li a {
    padding: 0 0 0px 0;
    display: inline-block;
    color: #909090;
    margin-top: 5px;
    border-bottom: 1px #909090 solid;
    height: 16px;
}

.listDot li a > span {
    background: #fff url('/images/link_arrow.png') 5px 3px no-repeat;
    background-size: 7px 11px;
    padding: 0 0 0 1px;
    margin: 0;
    display: inline-block;
    width: 12px;
    height: 18px;
    text-indent: -9999px
}

.termArea {
    padding-bottom: 70px;
    color: #333;
    line-height: 20px
}

.termArea h1 {
    padding: 20px 15px 0;
    color: #000;
    font-size: 1.000em;
    font-weight: normal;
    border-top: 1px #eee solid;
    margin-top: 20px
}

.termArea h1:first-child {
    padding: 10px 15px 0;
    border-top: none;
    margin-top: 0
}

.termArea h2 {
    padding: 10px 15px 0 15px;
    font-size: .875em;
    color: #000;
}

.termArea h3 {
    padding: 10px 15px 0 15px;
    font-size: .875em;
    color: #000;
}

.termArea h1 + p {
    margin: 10px 15px 0;
    color: #808080;
}

.termArea p + h2 {
    padding-top: 8px
}

.termArea ul + h2 {
    padding-top: 14px
}

.termArea ul.listDot {
    margin: 0 15px;
}

.termArea ul.listDot > li {
    color: #555555;
}

.termArea ul.listDot > li:first-child {
    margin-top: 0
}

.f_New1 {
    font-size: 1.125em;
    color: #202020;
    letter-spacing: -1px
}

.termArea ol > li {
    padding: 10px 0 0;
    color: #202020;
    font-family: 'notokr';
}

.termArea ol > li:first-child {
    padding: 10px 0 0;
    color: #202020;
    font-family: 'notokr';
}

.termArea ol > li > ul {
    margin-left: 16px !important;
    color: #808080;
}

.termArea ol > li > ol {
    padding: 0 0 0 16px;
}

.termArea ol > li > ol > li {
    padding: 12px 0 0;
    color: #555555;
    font-size: 1.000em;
    text-indent: -16px;
    margin: 0;
    font-family: 'notokr';
}

.termArea ol > li > ol > li:first-child {
    padding: 10px 0 0;
    color: #555555;
    font-family: 'notokr';
}

.termArea ul > li p, .termArea ol > li p {
    padding: 10px 0 0;
    color: #555555;
    font-family:'notokr';
}

.termArea .agreeCheck {
    margin: 15px 0 0;
    padding: 30px 0 15px;
    font-size: .875em;
    color: #214c9c;
    border-top: 1px #eee solid;
    text-align: center
}

.termArea ul>li p, .termArea ol>li p {
    padding: 10px 0 0;
    color: #555555;
    font-family: 'notokr';
    margin-left: -16px;
}

.customoverlay:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}

.customoverlay a {
	display: block;
	text-decoration: none;
	color: #000;
	text-align: center;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	background: #d95050;
	background: #d95050 url(/images/arrow_white.png) no-repeat right 14px center;
}

.customoverlay .title {
	display: block;
	text-align: center;
	background: #fff;
	margin-right: 35px;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
}

.customoverlay:after {
	content: '';
	position: absolute;
	margin-left: -12px;
	left: 50%;
	bottom: -12px;
	width: 22px;
	height: 12px;
	background: url('/images/vertex_white.png');
}

#btnSendMessage {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60px;
	min-height: 50px;
	color: rgba(0,0,0,0);
}

#btnSendMessage.on > span {
	background-position:-300px 0;
}

#btnSendMessage > span {
	position: absolute;
	bottom: 16px;
	right: 15px;
	width: 20px;
	height: 18px;
	background-position: 0 0;
}