@charset "utf-8";
/*@import "morpheus-common.css";*/
@import "morpheus-reset.min.css";
@import "asSwitch.css";

/* common */
html {font-size:62.5%;} /* rem 기준 폰트 사이즈 */
body {position:relative;background:#fff;line-height:1.2;color:#000;font-family:'NanumBarunGothic', Apple Gothic;}
* {word-break:break-word;font-size:1.3rem;font-family:'NanumBarunGothic', Apple Gothic;}


/*  Media Query */
/* Phone */
@media only screen and (min-width:320px) {
	html{font-size:61.8%;} 
}
@media only screen and (min-width:360px) {
	html{font-size:70%;} 
}
@media only screen and (min-width:412px) {
	html{font-size:76.5%;} 
}
/* Tablet */
@media only screen and (min-width:768px) {
	html{font-size:77%;}/* 임의 조정 */
}

@font-face{
    font-family: 'Roboto';
    font-style: normal;
    font-weight : 400;
    
}
/* loading */
.loading {display:flex;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.75);justify-content:center;align-items:center;}

.bodyhidden {overflow:hidden;}

/*=== GUIDE TEMPLATE LAYOUT ===*/
html, body, .wrapper {height:100%; overflow:hidden; -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; user-select:none;} /* 중복스크롤 대응, 텍스트 드래그 금지 20200129 ock */
.wrapper {width:100%;position:relative;}
.content {padding:2.7rem 1.5rem 4rem 1.5rem;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;}
/*.content {padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom);}*/
.content-nopadding {padding:0;}
/*.content-src4000 {padding-top:1.5rem;}*/
.wrapper .user-select{-ms-user-select:initial; -moz-user-select:initial; -webkit-user-select:initial; -khtml-user-select:initial; user-select:initial;} /* 텍스트 드래그 초기 설정 20200129 ock */

/*.scrollBox {overflow-y:auto;-webkit-overflow-scrolling:touch;}*/
.content-wrap {overflow-y:auto;-webkit-overflow-scrolling:touch;}
.main-scroll {-webkit-overflow-scrolling:touch;}

.content > * {display: block;}
.header {display:flex;z-index:10;position:relative;width:100%;height:5.3rem;text-align:center;border-bottom:#efefef solid 3px;align-items:center;justify-content:center;}
/*.header {height:calc(env(safe-area-inset-top)+4.5rem);padding-top:env(safe-area-inset-top);padding-top:
constant(safe-area-inset-top);}*/
/*.header.header-nol {border-bottom:0 none;}
.header.st2 {border-bottom:#999 solid 1px;}*/
.h-center {display:flex;width:145rem;font-size:1.4rem;font-weight:bold;color:#0000ce;align-items:center;justify-content:center;}
.h-center h1 {overflow:hidden;width:2.9rem;height:2.5rem;margin-right:1rem;}
.header h1 {margin-top:.2rem;z-index:11;position:relative;color:#000;font-size:1.6rem;font-weight:bold;text-align:center;line-height:130%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}/* width:100%;padding:0 4rem; padding:2.35rem 4rem 1.65rem; */
/*.header.header-logo h1 {padding:1.5rem 4rem;}*/
.header button {z-index:12;position:absolute;top:50%;width:4rem;height:4.5rem;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.header button.btn-back {overflow:hidden;left:0;background:url('../img/icon-header-pre.png') center center no-repeat;background-size:7px 13px;text-indent:-1000%;}
.header .text-left {display:block;position:absolute;top:50%;left:1.5rem;z-index:12;color:#000;font-size:1.4rem;font-weight:bold;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.header button.btn-alarm {right:4rem;}
.header button .badge {position:absolute;top:.8rem;right:.4rem;min-width:1.4rem;height:1.4rem;padding:0 .4rem;color:#cb1a24;font-size:1rem;text-align:center;line-height:1.45rem;text-indent:0;border-radius:.7rem;background-color:#fff;}
.header button.btn-menu {overflow:hidden;right:0;background:url('../img/icon-menu.png') center center no-repeat;background-size:1.7rem 1.2rem;text-indent:-1000%;}
.header button.btn-pop-close {overflow:hidden;right:0;background:url('../img/icon-popup-close.png') center center no-repeat;background-size:1.28rem 1.28rem;text-indent:-1000%;}
.img-logo {width:12.8rem;height:auto;}
.img-logo.push-popup {width:13.5rem;}

.side-foot,
.footer {z-index:20;width:100%;height:8.2rem;margin-top:-3.2rem;padding-top:3.2rem;position:relative;}
.footer.popft{display:block;height:auto;padding:1rem 0 3rem;margin-top:0;}
.side-foot:before,
.footer:before {display:block;position:absolute;z-index:21;width:100%;height:5.3rem;top:3rem;left:0;background:#fff;border-top:1px  solid #d8d8d8;content:"";}
.footer.popft:before {display:none;content:none;}
.side-foot .shape,
.footer .shape {display:block;position:absolute;z-index:22;width:8.4rem;height:3.2rem;top:-1px;left:50%;background:url('../img/bg-footer2.png') 0px 0.5px no-repeat;background-size:100% auto;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(-50%,0);content:"";}
.footer.popft .btn-lgn{margin-top:0;}

.side-foot .btn-quick,
.footer .btn-quick {display:block;position:absolute;overflow:hidden;z-index:24;width:4.5rem;height:4.5rem;margin-left:-2.25rem;top:1.065rem;left:50%;background:url('../img/quick-open.png') no-repeat;background-size:100% 100%;transition:all 0.25s ease 0s;text-indent:-1000%;}
.side-foot .btn-quick.active ,
.footer .btn-quick.active {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.side-foot .fl-l,
.side-foot .fl-r,
.footer .fl-l,
.footer .fl-r {display:flex;width:-webkit-calc((100% - 4.9rem) / 2);width:-moz-calc((100% - 4.9rem) / 2);width:calc((100% - 4.9rem) / 2);-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;z-index:25;}
.footer .fl-r {justify-content:flex-end;}
.btn-footer {display:block;position:relative;z-index:25;width:16.6rem;padding-top:2.7rem;color:#000;text-align:center;font-size:1rem;}
.btn-footer.on {color:#44c7f4;}
.btn-footer-deposit {background:url('../img/icon-footer-deposit.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}
.btn-footer-card {background:url('../img/icon-footer-card.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}
.btn-footer-info {background:url('../img/icon-footer-info.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}
.btn-footer-customer {background:url('../img/icon-footer-customer.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}

.btn-footer-deposit.on {background:url('../img/icon-footer-deposit_on.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}
.btn-footer-card.on {background:url('../img/icon-footer-card_on.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}
.btn-footer-info.on {background:url('../img/icon-footer-info_on.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}
.btn-footer-customer.on {background:url('../img/icon-footer-customer_on.png') center .9rem no-repeat;background-size:1.8rem 1.5rem;}

.menu-q {z-index:10;display:none;}
.menu-q li {display:flex;position:absolute;z-index:11;width:2.9rem;height:2.9rem;left:50%;margin-bottom:-100%;background:#44c7f4;border-radius:58px;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(-50%,0);justify-content:center;align-self:center;transition:all 0.5s ease-in-out 0s;}
.menu-q li.active {margin-bottom:0;}
.menu-q li:first-child {bottom:-webkit-calc(9.35rem + 8.7rem + 9.2rem);bottom:-moz-calc(9.35rem + 8.7rem + 9.2rem);bottom:calc(9.35rem + 8.7rem + 9.2rem);}
.menu-q li:nth-child(2) {bottom:-webkit-calc(9.35rem + 5.8rem + 6.9rem);bottom:-moz-calc(9.35rem + 5.8rem + 6.9rem);bottom:calc(9.35rem + 5.8rem + 6.9rem);}
.menu-q li:nth-child(3) {bottom:-webkit-calc(9.35rem + 2.9rem + 4.6rem);bottom:-moz-calc(9.35rem + 2.9rem + 4.6rem);bottom:calc(9.35rem + 2.9rem + 4.6rem);}
.menu-q li:nth-child(4) {bottom:-webkit-calc(9.35rem + 2.3rem);bottom:-moz-calc(9.35rem + 2.3rem);bottom:calc(9.35rem + 2.3rem);}
.menu-q li:nth-child(5) {bottom:-webkit-calc(9.35rem + 11.6rem + 11.5rem);bottom:-moz-calc(9.35rem + 11.6rem + 11.5rem);bottom:calc(9.35rem + 11.6rem + 11.5rem);}
.menu-q li button {background:transparent;}
.menu-q li > button {display:flex;height: 100%;background:transparent;justify-content:center;align-self:center;text-align: center;}
.menu-q li img {display:block;width:50%;margin: auto;}
.menu-q li span {display:block;position:absolute;width:13rem;top:50%;left:50%;text-align:right;-ms-transform:translate(-110%,-50%);-webkit-transform:translate(-110%,-50%);transform:translate(-110%,-50%);color:#fff;}
.menu-q li span button {padding-right:1.8rem;height:2.9rem;font-size:1.6rem;color:#fff;}

.mg0{margin:0!important;}
.mg10 {margin-top:1rem !important;}
.mg15 {margin-top:1.5rem !important;}
.mg20 {margin-top:2rem !important;}
.mg25 {margin-top:2.5rem !important;}
.mg30 {margin-top:3rem !important;}
.mg35 {margin-top:3.5rem !important;}
.mg40 {margin-top:4rem !important;}
.mg80 {margin-top:8rem !important;}
.mg-b20{margin-bottom:2rem !important;}
.pd0{padding:0 !important;}
.pd-t0{padding-top:0 !important;}
.pd-b0{padding-bottom:0 !important;}
.pd-b40{padding-bottom:2rem !important;}
.pd-b100{padding-bottom:6rem !important;}
.pd-rl0{padding-right:0rem !important;padding-left:0rem !important;}

.line {width:100%;height:1px;background:#d8d8d8;font-size:0;}
.txt-blue{color:#44C7F4 !important;}

/* input */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bebebe;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#bebebe;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bebebe;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#bebebe;}
input:disabled{background:#c4c4c4;}
input:disabled::-webkit-input-placeholder,
input:disabled::-moz-placeholder,
input:disabled:-ms-input-placeholder,
input:disabled:-moz-placeholder{background:#fff;}


input[type="checkbox"] {position:relative;overflow:hidden;width:1px;height:1px;padding:0;/*margin:-1px;*/clip:rect(0,0,0,0);border:0;}
input[type="checkbox"]+label:before {display:inline-block;width:2rem;height:2rem;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;background:url('../img/check-off.png') no-repeat;background-size:100% 100%;content:"";}
input[type="checkbox"]+label:active:before,
input[type="checkbox"]:checked+label:active:before,
input[type="checkbox"]:checked+label:before {background:url('../img/check-on.png') no-repeat;background-size:100% 100%;content:"";}

input[type="radio"] {display:none;}
input[type="radio"] + span {display:inline-block;width:2rem;height:2rem;padding:0;background:url('../img/radio-off.png') no-repeat;background-size:100% 100%;cursor:pointer;}
input[type="radio"]:checked + span {background:url('../img/radio-on.png') no-repeat;background-size:100% 100%;}

input.price {text-align:right !important;}

.btn-toggle2 input[type="checkbox"] {position:absolute;overflow:hidden;width:1px !important;height:1px !important;padding:0 !important;margin:-1px;left:0 !important;clip:rect(0,0,0,0);border:0 !important;}
.btn-toggle2 input[type="checkbox"] +label:before {display:inline-block;width:4.5rem;height:2rem;margin:0px 8px 0 0;text-align:center;vertical-align:middle;background:url('../img/toggle-off.png') no-repeat;background-size:4.5rem 2rem;content:"";}
.btn-toggle2 input[type="checkbox"]+label:active:before,
.btn-toggle2 input[type="checkbox"]:checked+label:active:before,
.btn-toggle2 input[type="checkbox"]:checked+label:before {background:url('../img/toggle-on.png') no-repeat;background-size:4.5rem 2rem;content:"";}


/* button */
.btn-wrap {display:flex;width:100%;justify-content:center;}
.btn-wrap button {margin-left:0.9rem;}
.btn-wrap button.btn-confirm2 {margin-left:0.7rem;}
.btn-wrap button:first-child {margin-left:0;}

.btn-cancel {display:block;width:13.6rem;height:5rem;background:#c4c4c4;border-radius:5rem;text-align:center;color:#fff;font-size:2rem;line-height:5rem;}
.btn-confirm {display:block;width:13.6rem;height:5rem;background:#44c7f4;border-radius:5rem;text-align:center;color:#fff;font-size:2rem;line-height:5rem;}
.btn-cancel2 {display:block;width:8rem;height:4rem;background:#c4c4c4;border-radius:4rem;text-align:center;color:#fff;font-size:1.6rem;line-height:4rem;}
.btn-confirm2 {display:block;width:8rem;height:4rem;background:#44c7f4;border-radius:4rem;text-align:center;color:#fff;font-size:1.6rem;line-height:4rem;}
.btn-nol1 {display:block;width:12.7rem;height:4rem;background:#c4c4c4;border-radius:4rem;text-align:center;color:#fff;font-size:1.6rem;line-height:4rem;}
.btn-nol2 {display:block;width:12.7rem;height:4rem;background:#44c7f4;border-radius:4rem;text-align:center;color:#fff;font-size:1.6rem;line-height:4rem;}
.btn-src1 {display:block;width:14.1rem;height:5rem;background:#c4c4c4;border-radius:5rem;text-align:center;color:#fff;font-size:1.8rem;line-height:5rem;}
.btn-src2 {display:block;width:14.1rem;height:5rem;background:#44c7f4;border-radius:5rem;text-align:center;color:#fff;font-size:1.8rem;line-height:5rem;}
.btn-dropdown {position:relative;padding-left:1rem;padding-right:2rem;text-align:left;}
.btn-dropdown:before {display:block;position:absolute;width:1.1rem;height:.75rem;top:50%;right:1rem;background:url("../img/select-arrow.png");background-size:100% 100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}
.btn-date {position:relative;}
.btn-date:before {position:absolute;display:block;width:1.1rem;height:1rem;top:50%;right:.8rem;background:url("../img/icon-date.png");background-size:100% 100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}

.button-st1 {width:100%;height:3.9rem;padding:0 0 0 1rem;margin-top:1rem;border:1px solid #979797;border-radius:.35rem;color:#000;font-size:1.4rem;text-align:left;line-height:3.9rem;}
.button-st1[type="text"]{line-height:normal !important;}
.button-st2 {display:flex;width:100%;margin-top:1rem;}
.button-st2 > button,
.button-st2 > input {display:table-cell;width:-webkit-calc( (100% - 2rem) / 2);width:-moz-calc( (100% - 2rem) / 2);width:calc( (100% - 2rem) / 2);height:3.9rem;padding:0 1rem;border:1px solid #979797;border-radius:.35rem;color:#000;font-size:1.4rem;text-align:left;vertical-align:middle;}
.button-st2 > div {width:2rem;height:3.9rem;color:#000;font-size:1.3rem;text-align:center;line-height:3.9rem;}

.btn-search{width:3.3rem;height:3.9rem;background:url(../img/search.png) no-repeat center center;background-size:1.3rem;text-indent:-99999rem;}

.btn-new-wrap.type-float{position:fixed;bottom:0rem;right:0rem;left:0rem;}
.btn-new-wrap{display:flex;flex-direction:row;justify-content:center;}
.btn-new-wrap .btn-txt{flex:1;width:100%;height:4.5rem;border-radius:5rem;font-size:1.8rem;font-weight:normal;}
.btn-new-wrap .btn-txt.gray{background-color:#C4C4C4;}
.btn-new-wrap .btn-txt.blue{background-color:#44C7F4;}
.btn-new-wrap button + button{margin-left:.8rem;}
.btn-new-wrap button:only-child{width:auto;min-width:13.6rem;flex:none;padding:0 2rem;}
.btn-new-wrap.type-float .btn-txt{border-radius:0;}
.btn-new-wrap.type-float button + button{margin-left:0;}
.btn-new-wrap.type-float .btn-txt.gray{width:40%;flex:none;}
.btn-new-wrap.type-float .btn-txt.blue{width:60%;flex:none;}
.btn-new-wrap.type-float  button:only-child{width:100% !important;}

.popup .btn-new-wrap{margin-top:1.4rem;}
.popup .btn-new-wrap .btn-txt{flex:none;min-width:8rem;width:auto;height:4rem;padding: 0 1.5rem;font-size: 1.5rem;letter-spacing: -1px;}


/* box style */
.box-common {width:100%;margin-top:1.5rem;padding:2rem 1.5rem;background:#f5f5f5;border-radius:.15rem;}
.box-common2 {width:100%;margin-top:1.5rem;padding:2rem 1.5rem;background:#f5f5f5;border-radius:.35rem;box-shadow:0 .2rem .45rem 0 rgba(0,0,0,0.14);}
.box-common3 {display:flex;width:100%;margin-top:1.5rem;padding:2rem 1.5rem;background:#f5f5f5;border-radius:.15rem;flex-direction:column;align-items:center;}

.ul-st1 {width:100%;}
.ul-st1 li {position:relative;width:100%;padding-left:1rem;text-align:left;color:#444;font-size:1.3rem;line-height:1.8rem;text-align:justify;text-justify:inter-character;}
.ul-st1 li:before {display:block;position:absolute;width:0.3rem;height:0.3rem;top:0.7rem;left:0;background:#444;border-radius:0.1rem;content:"";}
.ul-st1 li + li {margin-top:.5rem;}
.ul-st1 li b,
.ul-st1 li span {font-size:100%;}

.content-title span {display:inline;width:100%;padding:0 .1rem;}

.btn-nol2000-edit:disabled, .btn-nol2000-search:disabled{opacity:.5}

/* text color */
.text-red {color:#f25046 !important;}

/*===GUIDE POPUP LAYOUT-LAYER===*/
.lgn-popup .content-wrap {overflow-y:auto;height:-webkit-calc(100% - 5.3rem) !important;height:-moz-calc(100% - 5.3rem) !important;height:calc(100% - 5.3rem) !important;} /* overflow 수정 ock */
.popup-wrap {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;display:none;}
.popup-bg {position:absolute;top:0;left:0;z-index:101;width:100%;height:100%;background:#000;opacity:.5;}
.popup-box {position:relative;display:flex;z-index:102;width:100%;height:100%;align-items:center;}
.popup-box .popup-mid {display:table-cell;width:100%;height:auto;vertical-align:middle}
.popup-box .popup {position:relative;width:80%;margin:0 auto;padding:2rem 1.5rem;text-align:center;background-color:#fff;border-radius:.5rem;}
.popup-box .popup .btn-close {display:block;overflow:hidden;position:absolute;/*width:1.28rem;height:1.28rem;*/width:4.28rem;height:3rem;/*right:1.5rem;top:2rem;*/right:0;top:1.1rem;background:url('../img/icon-popup-close.png') no-repeat center;background-size:1.28rem auto;text-indent:-1000%;}
.popup .pop-title {display:block;margin:2.5rem 0 3rem;font-size:1.8rem;font-weight:bold;}
.popup {display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;height:auto;}
.popup .pop-body {position:relative;margin:1.5rem 0 0;text-align:left;font-size:1.2rem;}
.popup .pop-body .pop-box {width:100%;padding:1.5rem;margin-top:2rem;background:#f5f5f5;border-radius:0.35rem;}
.popup .pop-body .pop-box:first-child {margin-top:0;}
.popup .pop-body .pop-box p {overflow:auto;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;}
.popup .pop-body .pop-box p.ellipsis2 {overflow:hidden; text-align:left;}
.div-scroll {overflow:auto;max-height:25rem;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;}
.popup .pop-body .pop-box.st2 {color:#000;font-size:1.3rem;line-height:1.7rem;text-align:justify;}
.popup .pop-body .pop-box.st3 {color:#000;font-size:1.3rem;line-height:1.7rem;text-align:justify;word-break:break-all;}
.max-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:28rem;}
.popup .pop-body .pop-box.nol1120 {margin-top:0;}
.popup .pop-body .pop-box dt,
.popup .pop-body .pop-box dd {line-height:100%;}
.popup .pop-body .pop-box dt {font-weight:bold;}
.popup .pop-body .pop-box dd {margin-top:.5rem;line-height:1.8rem;text-align: left;}
.popup .pop-body .pop-box dd:first-child {margin-top:0;line-height:1.7rem;}
.popup .pop-body .pop-box.in-scroll{overflow-y:auto; max-height:16rem;} /* 내부 스크롤 20200129 ock */
.pop-box-dl {display:flex;width:100%;padding:1rem 0;border-top:1px solid #d8d8d8;font-size:1.3rem;}
.pop-box-dl:first-child {border-top:0 none;}
.pop-box-dl dt {display:flex;width:8.6rem;color:#000;align-items:center;}
.pop-box-dl dd {width:-webkit-calc(100% - 8.6rem);width:-moz-calc(100% - 8.6rem);width:calc(100% - 8.6rem);margin-top:0;color:#444;}
.pop-box-dl dd input {width:100%;height:3.9rem;padding:0 1rem; background:#fff;border:1px solid #979797;border-radius:.35rem;text-align:left;}
.popup .pop-body .pop-box .ul1 {width:100%;margin:0;}
.popup .pop-body .pop-box .ul1 li {height:auto;padding:1rem 0;}
.popup .pop-body .pop-box .ul1 li:first-child {padding-top:0;}
.popup .pop-body .pop-box .ul1 li:last-child {padding-bottom:0;border-bottom:0 none;}
.popup .pop-body .pop-box .ul1 li span {font-size:1.3rem;}
.popup .pop-body .pop-box2 {display:flex;width:100%;padding:2rem 1.5rem;margin-top:1rem;background:#f5f5f5;border-radius:0.35rem;justify-content:space-between;}
.popup .pop-body .pop-box2 > span:first-child {color:#000;font-size:1.4rem;font-weight:bold;}
.popup .pop-body .pop-box2 > span:last-child {min-width:11rem;color:#09a5da;font-size:1.4rem;text-align:right;}
.popup .pop-body .pop-box2 > span:last-child span {font-size:1.6rem;font-weight:bold;}
.popup .pop-body .ul1 {display:block;width:79.31%;margin:0.5rem auto 0;}
.popup .pop-body .ul1 li {display:flex;width:100%;min-height:3.35rem;padding:.5rem 0;border-bottom:#d8d8d8 solid 1px;justify-content:space-between;align-items:center;letter-spacing:-1px;}
.popup .pop-body .ul1 li span {letter-spacing:-1px;}
.popup .pop-body .ul1 li span:first-child {font-weight:bold;}
.popup .pop-body .ul1 li span:last-child {color:#444;text-align:right;}
.popup .pop-body .ul1 .ul1-li2 {justify-content:space-between;align-items:flex-start;}
.popup .pop-body .ul1 .ul1-li2 span:first-child {display:block;width:6.85rem;}
.popup .pop-body .ul1 .ul1-li2 span:last-child span {display:block;margin-top:.5rem;color:#999;line-height:110%;}
.popup .pop-body .pop-box li.ul1-color1 span {color:#09a5da !important;font-size:1.3rem;font-weight:bold;}
.popup .pop-body .pop-box li.ul1-color2 span {color:#f25046 !important;font-size:1.3rem;font-weight:bold;}
#txtSetupMoney{text-indent:-3px;}

.btn-txt {color:#fff;font-size:1.6rem;font-weight:bold;border-radius:0;background-color:#cb1a24;}
.pop-sub-txt {display:inline-block;margin-top:.5rem;color:#666;font-size:1.2rem;line-height:110%;}
.pop-sub-txt span {color:#666;font-size:1.2rem;}
.pop-sub-txt span:first-child {margin-right:.5rem;}
.pop-sub-txt .color {color:#09a5da;font-size:100%;}
.pop-sub-txt .color2 {color:#000;font-size:100%;}
.btn-wrap-pop1 {display:flex;width:100%;margin-top:1.5rem;justify-content:flex-end;}
.btn-wrap-pop1 button {height:1.2rem;font-size:1.1rem;margin-left:1.2rem;}
.btn-wrap-pop1 button img {display:inline-block;width:1.1rem;height:1.1rem;margin-right:.5rem;}

.popup .content-title {font-size:1.4rem;font-weight:bold;text-align:left;}
.popup .content-title2,
.lgn-popup .content-title2{display:block;margin-top:2rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;text-align:left;}
.popup .content-title2{margin-top:1.8rem;}
.popup .content-title2.st {margin-top:rem;}
.pop-txt{line-height:1.8rem;}

/*
.btn-sns-wrap {display:flex;width:100%;margin-top:1.5rem;justify-content:space-between;}
.btn-sns-wrap button {display:block;width:24.28%;height:3.9rem;border-radius:.35rem;font-size:1.2rem;text-align:center;}
.btn-sns-wrap button:first-child {padding-top:1.6rem;background:url("../img/kakao-logo.png") center .4rem no-repeat #fae100;background-size:1.5rem 1.5rem;color:#000;}
.btn-sns-wrap button:nth-child(2) {padding-top:1.6rem;background:url("../img/band-logo.png") center .4rem no-repeat #01d05e;background-size:1.4rem 1.5rem;color:#fff;}
.btn-sns-wrap button:nth-child(3),
.btn-sns-wrap button:nth-child(4) {background:#fff;border:1px solid #444;color:#444;line-height:3.5rem;}
*/
.btn-sns-wrap{margin-top:2.5rem;}
.btn-sns-wrap{display:flex;flex-direction:row;justify-content:center;}
.btn-sns-wrap button{width:4rem;height:4rem;margin:0 .5rem;text-indent:-99999rem;border-radius:.4rem;}
.btn-sns-wrap button:first-child{background:url(../img/btn_share_kakao.png) no-repeat center;background-size:100% 100%;}
.btn-sns-wrap button:nth-child(2){background:url(../img/btn_share_band.png) no-repeat center;background-size:100% 100%;}
.btn-sns-wrap button:nth-child(3){background:url(../img/btn_share_sms.png) no-repeat center;background-size:100% 100%;}
.btn-sns-wrap button:nth-child(4){background:url(../img/btn_share_copy.png) no-repeat center;background-size:100% 100%;}
.btn-sns-wrap button:first-child:active, .btn-sns-wrap button:first-child.on{background-image:url(../img/btn_share_kakao_on.png);background-position:center center;}
.btn-sns-wrap button:nth-child(2):active{background-image:url(../img/btn_share_band_on.png);}
.btn-sns-wrap button:nth-child(3):active{background-image:url(../img/btn_share_sms_on.png);}
.btn-sns-wrap button:nth-child(4):active{background-image:url(../img/btn_share_copy_on.png);}

.iphone-btn-sns-wrap{margin-top:2.5rem;}
.iphone-btn-sns-wrap{display:flex;flex-direction:row;justify-content:center;}
.iphone-btn-sns-wrap button{width:4rem;height:4rem;margin:0 .5rem;text-indent:-99999rem;border-radius:.4rem;}
.iphone-btn-sns-wrap button:first-child{background:url(../img/btn_share_band.png) no-repeat center;background-size:100% 100%;}
.iphone-btn-sns-wrap button:nth-child(2){background:url(../img/btn_share_sms.png) no-repeat center;background-size:100% 100%;}
.iphone-btn-sns-wrap button:nth-child(3){background:url(../img/btn_share_copy.png) no-repeat center;background-size:100% 100%;}
.iphone-btn-sns-wrap button:first-child:active, .btn-sns-wrap button:first-child.on{background-image:url(../img/btn_share_band_on.png);background-position:center center;}
.iphone-btn-sns-wrap button:nth-child(2):active{background-image:url(../img/btn_share_sms_on.png);}
.iphone-btn-sns-wrap button:nth-child(3):active{background-image:url(../img/btn_share_copy_on.png);}

.popup-wrap2 {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;display:none;}
.popup-wrap2 .popup {display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;max-height:55rem;height:auto;}
.popup-wrap2 .popup .pop-body {-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;}

.popup-wrap3 {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;display:none;}   
.popup-wrap3 .popup-box {position:absolute;display:flex;z-index:102;width:100%;height:100%;margin-top:100%;align-items:flex-end;}
.popup-wrap3 .popup-box .popup {position:relative;width:100%;margin:0 auto;padding:2rem 1.5rem;text-align:center;background-color:#fff;}
.popup-wrap3 .popup-box .popup .btn-close {display:block;overflow:hidden;position:absolute;width:1.28rem;height:1.28rem;left:1.5rem;top:2rem;background:url('../img/icon-popup-close.png');background-size:100% 100%;text-indent:-1000%;}
.popup-wrap3 .popup .content-title {display:block;min-height:3rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;text-align:center;border-bottom:#efefef solid 2px;}

.popup-wrap4 {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;display:none;}   
.popup-wrap4 .popup-box {position:absolute;display:flex;z-index:102;width:100%;height:100%;/*margin-top:100%;*/align-items:flex-end;}
.popup-wrap4 .popup-box .popup {position:relative;width:100%;margin:0 auto;padding:2rem 1.5rem 6rem;text-align:center;background-color:#fff;border-radius:.5rem .5rem 0 0;}
.popup-wrap4 .popup-box .popup .btn-close {display:block;overflow:hidden;position:absolute;/*width:1.28rem;height:1.28rem;*/width:4.2rem;height:3rem;top:1.2rem;right:0rem;background:url('../img/icon-popup-close.png') no-repeat center;background-size:1.28rem auto;text-indent:-1000%;}
.popup-wrap4 .popup-box .popup .pop-body {margin-top:0;margin-bottom:0;}
.popup-wrap4 .popup-box .popup .pop-body.st2 {margin-top:1.5rem;}
.popup-wrap4 .popup.scroll {display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;max-height:60rem;height:auto;}
.popup-wrap4 .popup.scroll .pop-body {-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;}

.popup-wrap4 .popup .content-title {display:block;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;text-align:left;}
.popup-wrap4 .popup .content-title + .pop-body {margin-top:1.5rem;}
.popup-wrap4 .popup .content-title.content-title-confirm {display:flex;justify-content:space-between;align-items:center;}
.popup-wrap4 .popup .content-title.content-title-confirm button {margin-right:0rem;}
.popup-wrap4 .pop-sub-txt{margin-top:0 !important;}
.popup-wrap4 .button-st2 > button, 
.popup-wrap4 .button-st2 > input,
.popup-wrap4 .button-st1{height:3.5rem;line-height:3.5rem;}

/* main footer dim */
.popup-wrap-q {position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;display:none;}
.popup-wrap-q .popup-bg {position:absolute;top:0;left:0;z-index:12;width:100%;height:100%;background:#000;opacity:.75;}
.popup-wrap-q .popup-box {position:relative;display:flex;z-index:13;width:100%;height:100%;}

/* sidemenu footer dim */
.side-foot {position:fixed;left:0;bottom:0;z-index:25;}
.side-popup-wrap-q {position:fixed;top:0;left:0;z-index:23;width:100%;height:100%;display:none;}
.side-popup-wrap-q .popup-bg {position:absolute;top:0;left:0;z-index:12;width:100%;height:100%;background:#000;opacity:.75;}
.side-popup-wrap-q .popup-box {position:relative;display:flex;z-index:13;width:100%;height:100%;}

.popup-3000-wrap {position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;display:none;}
.img-finger {width:2.1rem;margin:3.5rem auto 0;}
.img-finger img {display:block;width:100%;height:auto;}
.pop-3000-text {width:100%;margin:1.5rem 0 3.5rem;color:#000;font-size:1.4rem;line-height:1.8rem;}
.pop-3000-text .color {color:#f25046;font-size:1.4rem;}
.pop-3000-text .color2 {display:inline-block;color:#999;margin-top:1.2rem;font-size:1.4rem;}
/* common 공통 end */

/* 임시 index */
.temp-index{display:flex;flex-direction:column;border-bottom:#efefef solid 2px;}
.temp-index a{display:block;margin:1rem 0;text-align:center;font-size:1.5rem;}
.temp-index a:first-child{margin-top:2rem;}
.temp-index a:last-child{margin-bottom:2rem;}
.temp-index:last-child{border-bottom:0 none;}

/* intro */
/*.intro {display:flex;padding:50% 0 5.3%;background-image:linear-gradient(225deg, #79e5fA 0%, #00aae5 100%);align-items:center;justify-content:space-between;flex-direction:column;}*/
.intro {position:relative;background-image:linear-gradient(225deg, #79e5fA 0%, #00aae5 100%);}
.intro > div {display:flex;align-items:center;justify-content:space-between;flex-direction:column;}
.intro > div:first-child {width:100%;position:absolute;left:0;top:50%;transform:translate(0,-20rem);}
.intro > div:last-child {width:100%;position:absolute;bottom:2rem;left:0;}
.intro-logo-text {margin-top:1.9rem;width:13.8rem;height:auto;}
.intro-sub-text {margin-top:1.9rem;color:#fff;font-size:1.5rem;text-align:center;}
.intro-text-box {padding:.5rem 1rem;background:rgba(0,0,0,.11);border-radius:2rem;color:#fff;font-size:1.4rem;line-height:1.3;letter-spacing:-1px;text-align:center;}
.intro-copy {margin-top:2rem;color:#d5f4ff;font-size:1.1rem;text-align:center;}
.intro-sub-svg {margin-top:4rem;}

/* login */
.title-login {margin-top:3rem;color:#000;font-size:2.4rem;font-weight:bold;text-align:left;line-height:1.1;}
.title-login:first-child {margin-top:0;}
.title-login:after {display:inline-block;width:1.5rem;height:0.3rem;margin:0 0 0 0.2rem;background:#44c7f4;border-radius:0 0.15rem 0.15rem 0;content:"";}
.title-login span{font-size:100%;}
.title-sub-login {margin-top:1rem;color:#444;font-size:1.6rem;text-align:left;line-height:1.1;}
.btn-belogin-login {display:flex;width:100%;height:20rem;margin:4rem auto 0;background:#e7f6fb;border:1px solid #efefef;border-radius:3rem 3rem 0 0;box-shadow:0 -0.25rem 0.5rem 0 rgba(0,0,0,0.11);justify-content:center;flex-direction:column;align-items:center;}
.btn-belogin-login img {width:6.1rem;height:5.7rem;}
.btn-belogin-login p {display:block;color:#000;font-size:1.3rem;text-align:center;line-height:1.75rem;}
.title-sosub-login {margin-top:3rem;color:#000;font-size:1.4rem;font-weight:bold;text-align:left;line-height:1.1;}
.ul-title-notice {width:100%;margin-top:1.5rem;}
.ul-title-notice button{width:100%;padding-right:1.5rem;background:url(../img/icon-right-arrow-gray.png) no-repeat 100% center;background-size:.5rem auto;}
.ul-title-notice li,
.ul-title-notice dt,
.ul-title-notice ld {width:100%;}
.ul-title-notice li {padding:1.2rem 0;border-bottom:#d8d8d8 solid 1px;}
.ul-title-notice li:first-child{padding-top:0;}
.ul-title-notice li:last-child{padding-bottom:0;border-bottom:0 none;}
.ul-title-notice dt,
.ul-title-notice dd {font-size:1.3rem;text-align:left;line-height:1.2;}
.ul-title-notice dd {margin-top:.5rem;color:#767676;}
.ul-title-notice dt {color:#000;}

#intro-visual {width:100%;margin-top:2.5rem;}
.swipe_box {width:100%;}
.swipe_box img {width:100%;height:auto;}
#intro-pagination {display:flex;margin-top:.8rem;justify-content:flex-end;}
#intro-pagination .swiper-pagination-bullet {width:1rem;height:1rem;margin-left:.8rem;background:#e0e0e0;}
#intro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#44c7f4;}

.btn-collect {display:inline-block;width:auto;height:2.3rem;margin-top:2rem;padding:0 1.3rem;background:#fff;background-size:.8rem .9rem;border:1px solid #d8d8d8; border-radius:2.1rem;color:#444;font-size:1.2rem;line-height:2.1rem;justify-content:center;align-items:center;}
.btn-collect img {/* display:block; */width:.8rem;height:.9rem;margin-right:.6rem;}

.comment-login-account {margin-top:2.5rem;color:#b2b2b2;font-size:1.1rem;text-align:left;line-height:1.2;}

.div-box-nol1100-3hidden > div {overflow:hidden;display:none;height:0;padding:0;transition:all 0.5s ease-in-out 0s;}
.div-box-nol1100-3hidden > div:first-child,
.div-box-nol1100-3hidden > div:nth-child(2) {display:block;height:16.05rem;padding::2.8rem 0 0 31.41%;}
.div-box-nol1100-3hidden > div:nth-child(3) {display:block;height:15.05rem;padding::2.8rem 0 0 31.41%;}
.div-box-nol1100-more {position:relative;width:100%;height:42.5rem;}
.div-box-nol1100-more.active {overflow:visible;height:auto;}


/* 닫는 방식 변경 후 */
.div-box-nol1100{border-radius:3rem 3rem 0 0;box-shadow: 0 -.25rem 0.5rem 0 rgba(0,0,0,0.11);}
.div-box-nol1100 > div {margin-top:-3.5rem; height:16.05rem;;padding:2.8rem 0 0 31.41%; transition:all 0.4s ease-in-out 0s;}
.div-box-nol1100 > div:first-child {margin-top:1rem !important;}
/*.div-box-nol1100 > div.hide:nth-of-type(3){box-shadow: 0 -.25rem 0.5rem 0 rgba(0,0,0,0.11) !important;}*/
.div-box-nol1100 > div:last-child {/*height:16.3rem;*/height:15.05rem;}
.div-box-nol1100 > div:first-child{box-shadow:none;}
.div-box-nol1100 > div.open:last-child {height:17.05rem}
.div-box-nol1100 > div.hide{/*margin-top:-22.05rem;*/margin-top:-26.5rem; margin-bottom;-14.05rem;box-shadow:none}
.div-box-nol1100 > div.open + div {/*margin-top:-6rem;*/}
.box-nol1100 {width:100%;height:22.05rem;display:flex;position:relative;padding:2.8rem 0 0 31.41%;box-shadow:0 -.25rem 0.5rem 0 rgba(0,0,0,0.11);border-radius:3rem 3rem 0 0;background-repeat:no-repeat;color:#fff;flex-direction:column;}
.box-nol1100-1 {width:100%;height:22.05rem;}
.box-nol1100-2 {width:100%;height:16.3rem;margin-top:-6rem;}
.box-nol1100-none {width:100%;height:20rem !important;}
.box-src3120 {width:100%;height:11.8rem;margin-top:1.5rem;}
.div-box-nol1100-more {position:relative;width:100%;transition:all 0.5s ease-in-out 0s;}
.div-box-nol1100-more.active {overflow:visible;height:auto;}
.box-nol1100-more {display:flex;position:absolute;width:100%;height:4rem;bottom:0;left:0;/*background:#44c7f4;*/background-color:#fafafa;align-items:center;justify-content:center;opacity:1;box-shadow:1px 1px 10px rgba(99,99,99,.2);}
.box-nol1100-more span {}
.box-nol1100-more span:before {color:#333;font-size:1.5rem;font-weight:bold;content:"+ 더 보기"}
.box-nol1100-more.active span:before {content:"- 접기"}

.box-src3120 {width:100%;height:11.8rem;margin-top:1.5rem;}

.box-nol1100{position:relative;}
.box-nol1100 .icon {position:absolute;width:3.2rem;height:3rem;top:2.8rem;left:16.24%;background-size:100% 100%;}
.box-nol1100 .baby_blue {background-image:url("../img/icon_baby_blue2x.png");}
.box-nol1100 .baby_red {background-image:url("../img/icon_baby_red2x.png");}
.box-nol1100 .baby_white {background-image:url("../img/icon_baby_white2x.png");}
.box-nol1100 .cart_blue {background-image:url("../img/icon_cart_blue2x.png");}
.box-nol1100 .cart_red {background-image:url("../img/icon_cart_red2x.png");}
.box-nol1100 .cart_white {background-image:url("../img/icon_cart_white2x.png");}
.box-nol1100 .cat_blue {background-image:url("../img/icon_cat_blue2x.png");}
.box-nol1100 .cat_red {background-image:url("../img/icon_cat_red2x.png");}
.box-nol1100 .cat_white {background-image:url("../img/icon_cat_white2x.png");}
.box-nol1100 .etc_blue {background-image:url("../img/icon_etc_blue2x.png");}
.box-nol1100 .etc_red {background-image:url("../img/icon_etc_red2x.png");}
.box-nol1100 .etc_white {background-image:url("../img/icon_etc_white2x.png");}
.box-nol1100 .house_blue {background-image:url("../img/icon_house_blue2x.png");}
.box-nol1100 .house_red {background-image:url("../img/icon_house_red2x.png");}
.box-nol1100 .house_white {background-image:url("../img/icon_house_white2x.png");}
.box-nol1100 .love_blue {background-image:url("../img/icon_love_blue2x.png");}
.box-nol1100 .love_red {background-image:url("../img/icon_love_red2x.png");}
.box-nol1100 .love_white {background-image:url("../img/icon_love_white2x.png");}
.box-nol1100 .old_blue {background-image:url("../img/icon_old_blue2x.png");}
.box-nol1100 .old_red {background-image:url("../img/icon_old_red2x.png");}
.box-nol1100 .old_white {background-image:url("../img/icon_old_white2x.png");}
.box-nol1100 .pig_blue {background-image:url("../img/icon_pig_blue2x.png");}
.box-nol1100 .pig_red {background-image:url("../img/icon_pig_red2x.png");}
.box-nol1100 .pig_white {background-image:url("../img/icon_pig_white2x.png");}
.box-nol1100 .trip_blue {background-image:url("../img/icon_trip_blue2x.png");}
.box-nol1100 .trip_red {background-image:url("../img/icon_trip_red2x.png");}
.box-nol1100 .trip_white {background-image:url("../img/icon_trip_white2x.png");}
.box-nol1100 .users_blue {background-image:url("../img/icon_users_blue2x.png");}
.box-nol1100 .users_red {background-image:url("../img/icon_users_red2x.png");}
.box-nol1100 .users_white {background-image:url("../img/icon_users_white2x.png");}

.account-sae {background-image:linear-gradient(227deg, #65edf6 0%, #57c9f0 30%, #10a9dd 100%);}
.account-deep {background-image:linear-gradient(227deg, #6980f7 0%, #4078b4 30%, #2b5f9c 100%);}
.account-green {background-image:linear-gradient(227deg, #B9F658 0%, #88E255 30%, #4EB422 100%);}
.account-pulple {background-image:linear-gradient(227deg, #d788f8 0%, #ad83eb 30%, #8a48e1 100%);}
.account-orange {background-image:linear-gradient(227deg, #fcb439 0%, #ff9b59 30%, #d97736 100%);}
.account-black {background-image:linear-gradient(227deg, #61636e 0%, #4d5156 30%, #373a3f 100%);}
.account-spring {background-color:white;background-image:url("../img/bg-spring.png"), linear-gradient(-30deg, #fff 23%, #fff0ef 100%);background-size:6.75rem 8.45rem, 100%;background-position:right 29.23%;color:#000;}
.account-summer {background-color:white;background-image:url("../img/bg-summer.png");background-size:100% auto;background-position:0 bottom;color:#000;}
.account-autumn {background-color:white;background-image:url("../img/bg-autumn.png"), linear-gradient(19deg, #fff 7%, #fff8e5 100%);background-size:10.2rem 9.3rem, 100%;background-position:right 0;color:#000;}
.account-winter {background-color:white;background-image:url("../img/bg-winter.png"), linear-gradient(0deg, #fff 21%, #eaf1f6 81%);background-size:100% auto, 100%;background-position:0 -2rem;color:#000;}
.btn-nickname{width:3rem;height:3rem;background:url(../img/icon_main_setting.png) no-repeat center !important;background-size:1.3rem 1.3rem !important;text-indent:-9999rem;margin-top:-.4rem;}
.account-summer .btn-nickname, .account-autumn .btn-nickname, .account-winter .btn-nickname, .account-spring .btn-nickname{;background:url(../img/icon_main_setting_b.png) no-repeat center !important;background-size:1.3rem 1.3rem !important;}

.box-nol1100 button {background:transparent;color:inherit;text-align:left;color:inherit;}
.box-nol1100 .account-text1 {position:relative;width:100%;display:block;font-size:1.3rem;line-height:1.2;}
.box-nol1100 .account-text2 {width:100%;display:block;padding-top:.3rem;font-size:1.7rem;font-weight:bold;line-height:1.2;}
.box-nol1100 .account-text3 {width:100%;display:block;padding:1rem 0;font-size:2rem;font-weight:bold;line-height:1.2;}

.account-btnwrap {display:flex;width:100%;margin-top:.69rem;}
.account-btnwrap button {position:relative;padding-right:.8rem;font-size:1.1rem;background:url("../img/right-arrow-sw.png") right center no-repeat;background-size:.4rem .6rem;}
.account-spring .account-btnwrap button,
.account-summer .account-btnwrap button,
.account-autumn .account-btnwrap button,
.account-winter .account-btnwrap button {background:url("../img/right-arrow-sb.png") right center no-repeat;background-size:.4rem .6rem;}
.account-btnwrap button:first-child,
.account-btnwrap button:nth-child(2) {margin-right:1.2rem;}

/* */
.div-bull {display:flex;width:100%;padding-top:2.2rem;justify-content:center;}
.div-bull .bull-lgn {display:block;overflow:hidden;width:1rem;height:1rem;margin-left:10px;background:#efefef;border:#fff solid 3px;border-radius:10px;box-sizing:content-box;color:#000;font-size:1.1rem;text-align:center;line-height:1rem;}
.div-bull .bull-lgn:first-child {margin-left:0;}
.div-bull .bull-lgn.active {background:#09a5da;color:#fff;border:#d1f1fc solid 3px;}
.div-bull .bull-lgn.end {background:#09a5da;color:#fff;}
.lgn-text1 {width:100%;padding:3rem .5rem 2.1rem;border-bottom:#efefef solid 3px;text-align:center;color:#000;font-size:1.6rem;line-height:2.4rem;}
.lgn-text1 .bold {font-size:1.6rem;}
.src-text1 {width:100%;padding:4rem 0;border-bottom:#efefef solid 3px;text-align:center;color:#000;font-size:1.6rem;line-height:2.4rem;}
.src-text1 .bold {font-size:1.6rem;}
.lgn-text2 {width:100%;padding:0.3rem 0 2.5rem;text-align:left;color:#000;font-size:1.6rem;line-height:2.4rem;letter-spacing:-1px;}
.lgn-text2 .bold {font-size:1.6rem;}
.lgn-label {display:inline-block;color:#000;font-size:1.4rem;line-height:1.1;}
.lgn-input1 {width:100%;height:3.9rem;padding:0 1rem;background:#fff;border:1px solid #979797;border-radius:.35rem;}
.lgn-label + .lgn-input1,
.lgn-div-phone,
.lgn-div-phone2 {margin-top:1rem;}
.lgn-input1 + .lgn-label {margin-top:3.5rem;}
.lgn-div-phone {display:flex;width:100%;justify-content:space-between;}
.lgn-div-phone .lgn-input1 {width:-webkit-calc(100% - 9.1rem);width:-moz-calc(100% - 9.1rem);width:calc(100% - 9.1rem);}
.lgn-div-phone button {display:block;width:8.6rem;height:3.9rem;background:#424242;border-radius:.35rem;color:#fff;font-size:1.2rem;text-align:center;line-height:3.9rem;}
.lgn-div-phone2 {position:relative;}
.lgn-div-phone2 .lgn-div-time {position:absolute;top:50%;right:1rem;color:#f25046;font-size:1.4rem;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.btn-lgn {display:block;width:13.6rem;height:5rem;margin:4rem auto 0;background:#44c7f4;border-radius:5rem;text-align:center;color:#fff;font-size:2rem;line-height:5rem;}
.btn-lgn2 {display:block;width:15rem;height:5rem;margin:4rem auto 0;background:#44c7f4;border-radius:5rem;text-align:center;color:#fff;font-size:2rem;line-height:5rem;}

.box-lgn {width:100%;padding:2rem 2.5rem;margin-top:3.5rem;background:#f5f5f5;}
.box-lgn ul {width:100%;text-align:left;}
.box-lgn ul li {position:relative;width:100%;padding-left:0.8rem;color:#444;font-size:1.3rem;line-height:1.8rem;}
.box-lgn ul li:before {display:block;position:absolute;width:3px;height:3px;top:0.8rem;left:0;background:#444;border-radius:3px;content:"";}
.box-lgn ul li + li {margin-top:1.5rem;}

.lgn-label2 {position:relative;}
.lgn-label2 label {max-width:90%;padding-left:6rem;float:left;color:#000;font-size:1.4rem;text-align:left;text-indent:-3rem;transform:translate(-3rem,0)}
.lgn-label2:first-child {padding-bottom:1.5rem;border-bottom:#d8d8d8 solid 1px;}
.lgn-label2:first-child label {font-weight:bold;padding-left:3rem;padding-rignt:2rem;transform:translate(0,0);/* max-width:100%; */letter-spacing:-.02rem;}
.lgn-label2:after {clear:both;content:"";}

.lgn-label2 + .lgn-label2 {margin-top:1.5rem;}
.lgn-label2 + .lgn-label2 button {display:table-cell;position:absolute;width:4.8rem;height:2rem;padding:0 0 0 .8rem;top:50%;right:0;margin-top:-1rem;float:right;border:1px solid #444;border-radius:2rem;color:#444;font-size:1.2rem;text-align:left;line-height:2rem;vertical-align:middle;}
.lgn-label2 + .lgn-label2 button:after {position:absolute;width:.4rem;height:0.7rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% 100%;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.lgn-label3 {display:flex;position:relative;padding:1.5rem 0;border-bottom:#d8d8d8 solid 1px;}
.lgn-label3 label {width:100%;padding-left:5rem;color:#000;font-size:1.4rem;text-indent:-2.5rem;transform:translate(-2.5rem,0)}
.radioAccoutText {display:inline-block;padding-left:.7rem;text-indent:0;min-height:2rem;line-height:2rem;}

.lgn-title-advice {margin-top:5rem;color:#000;font-size:1.4rem;font-weight:bold;padding-top:1.3rem;border-top:#d8d8d8 solid 1px;}
.lgn-div-advice {display:flex;margin-top:1.8rem;justify-content:space-between;align-items:center;}
.lgn-div-advice > button {position:relative;min-width:9rem;height:3.8rem;padding:0 1rem;background:#424242;border-radius:3rem;color:#fff;font-size:1.2rem;text-align:center;line-height:3.8rem;}
/* .lgn-div-advice button:after {position:absolute;width:.4rem;height:0.8rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow-w.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);} */
.lgn-div-text-advice {display:flex;position:relative;width:-webkit-calc(100% - 10.6rem);width:-moz-calc(100% - 10.6rem);width:calc(100% - 10.6rem);height:auto;min-height:3rem;padding:0.9rem 3rem 0.9rem 1.5rem;background:#efefef;border-radius:3rem;font-weight:bold;line-height:2rem;align-items:center;}
.lgn-div-text-clear {display:none;position:absolute;overflow:hidden;width:1.3rem;height:1.3rem;top:50%;right:1.2rem;text-indent:-1000%;background:url('../img/icon-input-close.png');background-size:100% 100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.lgn-popup {position:absolute;z-index:99;width:100%;height:100%;top:0;left:-100%;margin-left:100%;background:#fff;}
/*.lgn-popup .header {border-bottom:#999 solid 1px;}*/
.lgn-popup .box-text {padding:1.5rem 2rem;background:#f5f5f5;color:#000;font-size:1.4rem;line-height:1.8rem;border-bottom:1px solid #efefef;letter-spacing:-0.1rem;}
.lgn-popup .content-pop {padding:0 1.5rem;background:#fff;} /* 하단 여백 추가 20200129 ock */


/* 약관 - 타이틀 있는 약관 .s1 */
.lgn-popup .content-pop.s1 {width:100%;height:-webkit-calc(100% - 5rem);height:-moz-calc(100% - 5rem);height:calc(100% - 5rem);padding-right:.5rem;}
/* 약관 - 타이틀 없는 약관 .s2 */
.lgn-popup .content-pop.s2 {width:100%;height:100%;padding-right:.5rem;}
.lgn-popup .content-pop.s3 {width:100%;;height:-webkit-calc(100% - 6.6rem);height:-moz-calc(100% - 6.6rem);height:calc(100% - 6.6rem);padding-right:.5rem;}

.lgn-popup .content-pop .scrollBox {width:100%;height:77.5rem;font-size:1.6rem;}
.lgn-popup .content-pop .scroll {position:relative;width:100%;height:100%;font-size:1.6rem;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lgn-popup .content-pop .scroll2 {position:relative;width:100%;height:100%;font-size:1.6rem;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lgn-popup .content-pop .scroll > div,
.lgn-popup .content-pop .scroll2 > div {position:absolute;top:0;left:0;padding-bottom:6rem;padding-right:1rem;line-height:160%;}

.lgn-popup .btn-lgn {margin-bottom:0;}

.lgn-scroll {height:-webkit-calc(100% - 5.3rem - 3px - 9rem);height:-moz-calc(100% - 5.3rem - 3px - 9rem);height:calc(100% - 5.3rem - 3px - 9rem);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.fullpopup-scroll {height:-webkit-calc(100% - 5.3rem);height:-moz-calc(100% - 5.3rem);height:calc(100% - 5.3rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:2rem;padding-bottom:1rem;}
.fullpopup-scroll.content-nopadding {padding:0;}
.src4200-scroll {height:-webkit-calc(100% - 5.3rem - 4rem);height:-moz-calc(100% - 5.3rem - 4rem);height:calc(100% - 5.3rem - 4rem);overflow-y:hidden;}

.tab-content-pop {display:flex;width:100%;justify-content:space-between;}
.tab-content-pop li {height:3.2rem;background:#efefef;color:#999;font-size:1.2rem;letter-spacing:0;text-align:center;line-height:3.2rem;}
.tab-content-pop li:first-child {width:50%;border-radius:1rem 0 0 0;}
.tab-content-pop li:nth-child(2) {width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px);width:calc(50% - 1px);border-radius:0 1rem 0 0;}
.tab-content-pop li.on {background:#44c7f4;color:#fff;}
.tab-content > div:nth-child(2) {display:none;}

.tab-content-title {display:block;margin-top:2.5rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;}
.tab-content-title > label{height:2rem;line-height:2rem;}
.wrapper .content-title {display:block;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;text-align:left;}

.tab-content-input {display:flex;margin-top:1rem;justify-content:space-between;}
.tab-content-input > * {height:3.9rem;border-radius:0.35rem;}
.tab-content-input button:first-child {width:7.5rem;border:1px solid #979797;color:#bebebe;}
.tab-content-input input {width:-webkit-calc(100% - 15.7rem);width:-moz-calc(100% - 15.7rem);width:calc(100% - 15.7rem);padding:0 1rem;border:1px solid #979797;}
.tab-content-input button:last-child {width:7rem;background:#424242;color:#fff;}

.tab-content-input2 {display:flex;margin-top:1rem;justify-content:space-between;}
.tab-content-input2 button {width:-webkit-calc(50% - 0.3rem);width:-moz-calc(50% - 0.3rem);width:calc(50% - 0.3rem);height:3.9rem;border:1px solid #979797;color:#000;border-radius:0.35rem;}

.tab-content-input3 {display:flex;margin-top:1rem;justify-content:space-between;}
.tab-content-input3 > * {border-radius:0.35rem;height:3.9rem;}
.tab-content-input3 button:first-child {width:-webkit-calc(100% - 7.8rem);width:-moz-calc(100% - 7.8rem);width:calc(100% - 7.8rem);padding:0 1rem;border:1px solid #979797;color:#000;}
.tab-content-input3 button:last-child {width:7rem;background:#424242;color:#fff;}

.tab-content-none {display:flex;width:100%;height:20rem;justify-content:center;flex-direction:column;}
.tab-content-none img {display:block;width:10.9%;max-width:44px;height:auto;margin:0 auto;}
.tab-content-none p {display:block;width:100%;margin-top:2rem;font-size:1.4rem;color:#999;text-align:center;line-height:1.8rem;}

.tab-content-result {margin-top:2rem;width:100%;}
.tab-content-result .board {width:100%;border-top:#d6d6d6 solid 1px;}
.tab-content-result th,
.tab-content-result td {height:3.2rem;font-size:1.3rem;text-align:center;border-bottom:#d6d6d6 solid 1px;color:#666;}
.tab-content-result th {background:#f9f9f9;}
.tab-content-result tr:hover td {background:#e5f7fd;border-bottom:#44c7f4 solid 1px;color:#000;}

.content-radio {display:flex;margin-top:1.5rem;}
.content-radio span {margin-right:.7rem;}
.content-radio label {/*display:flex;*/height:2rem;margin:0 2rem 0 0;font-size:1.3rem;color:#000;line-height:2rem;text-align:left;}
.content-radio + .content-title {margin-top:3.9rem;}
.content-radio.type-col{flex-direction:column;}
.content-radio.type-col label + label{margin-top:1.5rem;}

.content-radio2 {display:flex;height:3.9rem;justify-content:space-between;position:relative;}
.content-radio2 > div {display:flex;height:3.9rem;align-items:center;}
.content-radio2 > div:first-child {}
.content-radio2 > div:last-child {display:flex;width:56.03%;}
.content-radio2 > div:first-child span {margin-right:.7rem;}
.content-radio2 > div:first-child label {display:flex;height:3.9rem;margin:0 1rem 0 0;font-size:1.3rem;color:#000;line-height:3.9rem;align-items:center;}
.content-radio2 + .content-title {margin-top:3.9rem;}
.content-radio2 img,
#btn-icon-info {display:inline-block;width:1.6rem;height:1.6rem;}
.content-radio2 > div:last-child button {width:-webkit-calc((100% - 2.05rem ) / 2);width:-moz-calc((100% - 2.05rem ) / 2);width:calc((100% - 2.05rem ) / 2);height:3.9rem;padding:0 1rem;font-size:1.4rem;border:1px solid #979797;border-radius:0.35rem;}
.content-radio2 > div:last-child span {width:2.05rem;height:3.9rem;line-height:3.9rem;color:#000;font-size:1.3rem;text-align:center;}
.content-radio2 + .content-title {margin-top:3.9rem;}

.content-radio3 {display:flex;margin-top:1rem;flex-direction:row-reverse;}
.content-radio3 + .content-title {margin-top:3.9rem;}

.content-radio4 {display:flex;height:3.9rem;justify-content:flex-end;color:#000;}
.content-radio4 > div {display:flex;height:3.9rem;align-items:center;}
.content-radio4 > div:first-child span {margin-right:.7rem;}
.content-radio4 > div:first-child label {display:flex;height:2rem;margin:0 2rem 0 0;font-size:1.3rem;color:#000;line-height:1.8rem;text-align:left;}
.content-radio4 > div:last-child {width:-webkit-calc(56.89% + 4.2rem);width:-moz-calc(56.89% + 4.2rem);width:calc(56.89% + 4.2rem);font-size:1.3rem;justify-content:space-between;}
.content-radio4 > div:last-child input {width:-webkit-calc(100% - 4.7rem);width:-moz-calc(100% - 4.7rem);width:calc(100% - 4.7rem);height:3.9rem;padding:0 1rem;border:1px solid #979797;border-radius:0.35rem;text-align:right;}
.content-radio4 + .content-title {margin-top:3.9rem;}
.content-radio3 + .content-radio4,
.content-radio4 + .content-radio4 {margin-top:1rem;}

#btn-icon-info-popup {position:absolute;z-index:9999;width:100%;padding-top:0.9rem;top:3.8rem;left:0;display:none;padding-bottom: .9rem;}
#btn-icon-info-popup:before {display:block;position:absolute;width:0;height:0;top:0;left:8.5rem;border-bottom:1rem solid #44c7f4;border-left:0.7rem solid transparent;border-right:0.7rem solid transparent;content:"";}
#btn-icon-info-popup > div {width:100%;padding:3rem 1.3rem 2rem 1.5rem;background:#fff;border:3px solid #44c7f4;border-radius:0.35rem;}
#btn-icon-info-popup > div ul {width:100%;}
#btn-icon-info-popup > div ul li {position:relative;padding-left:7rem;color:#000;font-size:1.3rem;text-indent:-6.4rem;line-height:1.8rem;text-align:justify;text-justify:inter-character;}
#btn-icon-info-popup > div ul li + li {margin-top:.5rem;}
#btn-icon-info-popup > div ul li span {font-size:1.3rem;}
#btn-icon-info-popup > div ul li:before {position:absolute;width:0.3rem;height:0.3rem;left:0;top:0.7rem;background:#444;border-radius:0.1rem;content:"";}
#btn-icon-info-popup > div:after {display:block;position:absolute;width:1.28rem;height:1.28rem;right:1.5rem;top:2.0rem;background:url('../img/icon-popup-close.png');background-size:100% 100%;content:"";}

#btn-icon-info-popup2 {position:absolute;z-index:9999;width:100%;padding-top:0.9rem;top:3.8rem;left:0;display:none;}
#btn-icon-info-popup2:before {display:block;position:absolute;width:0;height:0;top:0;right:1.3rem;border-bottom:1rem solid #44c7f4;border-left:0.7rem solid transparent;border-right:0.7rem solid transparent;content:"";}
#btn-icon-info-popup2 > div {width:100%;padding:3rem 1.3rem 2rem 1.5rem;background:#fff;border:3px solid #44c7f4;border-radius:0.35rem;}
#btn-icon-info-popup2 > div ul {width:100%;}
#btn-icon-info-popup2 > div ul li {position:relative;padding-left:0.5rem;color:#000;font-size:1.3rem;text-indent:0;line-height:1.8rem;text-align:justify;text-justify:inter-character;}
#btn-icon-info-popup2 > div ul li.li2 {padding-left:7.4rem;text-indent:-6.5rem;}
#btn-icon-info-popup2 > div ul li + li {margin-top:.5rem;}
#btn-icon-info-popup2 > div ul li span {font-size:1.3rem;}
#btn-icon-info-popup2 > div ul li:before {position:absolute;width:0.3rem;height:0.3rem;left:0;top:1.7rem;background:#444;border-radius:0.1rem;content:"";}
#btn-icon-info-popup2 > div:after {display:block;position:absolute;width:1.28rem;height:1.28rem;right:1.5rem;top:2.0rem;background:url('../img/icon-popup-close.png');background-size:100% 100%;content:"";}
#btn-icon-info-popup2 > div ul li.break b {display: block;padding-top: 1rem;}

.img-complet {display:flex;width:100%;padding-top:2.4rem;padding-bottom:1rem;padding-right:1.5rem;padding-left:1.5rem;text-align:center;color:#000;justify-content:center;flex-direction:column;}
.img-complet img {display:block;width:100px;height:auto;margin:1.5rem auto 0;}
.img-complet p {color:#000;font-size:1.6rem;line-height:2.4rem;}
.img-complet p .bold {font-size:1.6rem;}
.img-complet p.st2 {margin-top:1.2rem;color:#000;font-size:1.3rem;line-height:2.2rem;}

.box-complet {display:flex;width:100%;padding:2rem;background:#f5f5f5;border-radius:0.35rem;justify-content:center;flex-direction:column;text-align:center;}
.box-complet b,
.box-complet p {font-size:1.4rem;color:#000;}
.box-complet b {line-height:1.1;}
.box-complet p {line-height:1.8rem;margin-top:1.1rem;}
.box-complet button {display:block;width:8rem;height:2rem;margin:2rem auto 0;color:#444;font-size:1.2rem;border:1px solid #444;border-radius:2rem;}
.box-complet button:after {position:absolute;width:.4rem;height:0.7rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.login-wrap {display:flex;width:100%;padding:4.1rem 0rem;justify-content:space-around;}
.login-wrap > button {display:flex;flex-direction:column;align-items:center;}
.login-wrap > button > div:first-child {width:6.5rem;height:6.5rem;background:#dcf6ff center center no-repeat;background-size:30.76% 30.76%;border-radius:6.5rem;}
.login-wrap > button:first-child > div:first-child {background-image:url("../img/icon-password.png");}
.login-wrap > button:nth-child(2) > div:first-child {background-image:url("../img/icon-fingerprint.png");}
.login-wrap > button > span {display:block;margin-top:1.6rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;}
.login-wrap > button > p {display:block;margin-top:1rem;color:#000;font-size:1.2rem;line-height:1.5rem;}
/* 20200129 ui 변경 ock */
.login-wrap.add-txt {display:block; padding-top:2.7rem}
.login-wrap .login-top .lgn-text1{padding-top:0;padding-right:1.5rem;padding-left:1.5rem;word-break:keep-all; word-wrap:break-word;}
.login-wrap .login-center{display:flex;width:100%;padding:4.1rem 1.5rem;justify-content:space-around;}
.login-wrap .login-center button {display:flex;flex-direction:column;align-items:center;}
.login-wrap .login-center button > div:first-child {width:6.5rem;height:6.5rem;background:center center no-repeat;background-size:30.76% 30.76%;border-radius:6.5rem;}
.login-wrap .login-center button > span {display:block;margin-top:1.6rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.1;}
.login-wrap .login-center button > p {display:block;margin-top:1rem;color:#000;font-size:1.2rem;line-height:1.5rem;}
.login-wrap .login-center .btn-password > div:first-child {background-image:url("../img/icon-password.png"); background-color:#dcf6ff;}
.login-wrap .login-center .btn-fingerprint > div:first-child {background-image:url("../img/icon-fingerprint.png"); background-color:#eeeeee;}
.login-wrap .login-center .btn-fingerprint.sky-blue > div:first-child {background-color:#dcf6ff;}
.box-pinpassword {display:flex;width:100%;padding:2rem 0;background:#f5f5f5;border-radius:0.35rem;flex-direction:column;justify-content:center;align-items:center;}
.box-pinpassword span {display:block;font-size:1.2rem;color:#000;line-height:1.1;}
.box-pinpassword button {width:12.55rem;height:3rem;margin-top:1.5rem;background:#fff;border:1px solid #444;border-radius:3rem;color:#444;font-size:1.2rem;line-height:3rem;}

.dl-1100 {width:100%;}
.dl-1100 dt,
.dl-1100 dd {width:100%;padding-left:2.7rem;text-align:left;}
.dl-1100 dt {position:relative;height:1.8rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.8rem;}
.dl-1100 dt img {display:block;position:absolute;top:0;left:0;width:auto;height:100%;}
.dl-1100 dd {margin-top:0.55rem;font-size:1.3rem;color:#444;line-height:1.8rem;}
.dl-1100 dd + dt {margin-top:2rem;}

.btn-1100 {display:block;width:13.6rem;height:5rem;background:#44c7f4;border-radius:5rem;text-align:center;color:#fff;font-size:2rem;line-height:5rem;}

/* lgn */
.div-lgn2300-check{display:flex;margin-top:1.5rem;justify-content:flex-end;align-items:center;}
.div-lgn2300-check > span{display:block;margin-right:1rem;color:#444;font-size:1.3rem;}

.lgn_none {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.lgn_none img {width:5.3rem;height:auto;margin-bottom:1rem;}
.lgn_none span {color:#444;}

/* nol */
/*.btn-pop-nol-confirm {position:relative;width:5.7rem;height:3rem;padding:0 1.3rem;background:#44C7F4;border-radius:3rem;color:#fff;text-align:center;line-height:3rem;} */
/* .btn-pop-nol-confirm:after {position:absolute;width:.4rem;height:.8rem;top:50%;right:1.3rem;background:url('../img/icon-btn-arrow-w.png');background-size:.4rem .8rem;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);} */
.btn-pop-nol-confirm{position:absolute;bottom:0;left:0;right:0;width:100%;height:4.5rem;background-color:#44C7F4;color:#fff;}

.ul-memo {display:flex;width:100%;margin-top:1.25rem;flex-flow:wrap;}
.ul-memo li {width:20%;}
.ul-memo li input[type="radio"] + span {display:flex;width:100%;height:6.8rem;background:none;color:#000;font-size:1.3rem;flex-direction:column;justify-content:center;align-items:center;}
.ul-memo li input[type="radio"] + span img {display:block;width:1.8rem;height:1.8rem;margin-bottom:1rem;}
.ul-memo li input[type="radio"]:checked + span {background:#e4f2fc;border-radius:.5rem;font-weight:bold;}
.ul-memo li input[type="radio"]:checked + span img {display:block;width:1.9rem;height:1.9rem;margin-bottom:0.9rem;}

.input-pop-nol2040 {width:100%;height:3.5rem;padding:1.3rem 1rem;margin-top:1.3rem;border:1px solid #979797;border-radius:.35rem;font-size:1.4rem;letter-spacing:0;}

.content-nol2000 {width:100%;padding:1.1rem 1.5rem 1.5rem;border-bottom:1px solid #d8d8d8;}
/*.btn-nol2000 {width:100%;height:3.9rem;border:1px solid #979797;border-radius:.35rem;}*/
.btn-nol2000 {width:100%;height:3.9rem;border:1px solid #979797;border-radius:.35rem;color:#000;}
.btn-nol2000 + .div-nol2000 {margin-top:1.5rem;}
.div-nol2000 {display:flex;width:100%;height:2rem;justify-content:space-between;align-items:center;}
.div-nol2000 .btn-nol2000-edit {position:relative;padding-left:1.4rem;color:#444;font-size:1.3rem;line-height:1.3;letter-spacing:0;}
.div-nol2000 .btn-nol2000-edit:before {position:absolute;display:block;width:1rem;height:1.1rem;top:50%;left:0;background:url("../img/icon_header_delete.png");background-size:100% 100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}
.div-nol2000 .btn-nol2000-search {position:relative;padding-left:1.4rem;color:#444;font-size:1.3rem;line-height:1.3;letter-spacing:0;}
.div-nol2000 .btn-nol2000-search:before {position:absolute;display:block;width:1.1rem;height:1.1rem;top:50%;left:0;background:url("../img/icon-header-search.png");background-size:100% 100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}
.div-nol2000-del {display:flex;font-size:1.3rem;line-height:1.2;align-items:center;}
.div-nol2000-del > *:first-child {display:flex;color:#44c7f4;font-size:1.3rem;margin-right:.5rem;align-items:center;margin-right:1.5rem;}
.div-nol2000-del > *:first-child button {margin-left:.3rem;line-height:3rem;}
.div-nol2000-del > button:nth-child(2) {color:#44c7f4;font-size:1.3rem;line-height:3rem;}
.div-nol2000-del > button:last-child {color:#000;margin-right:0;line-height:3rem;}

.content-wrap-nol {height:-webkit-calc(100% - 5.3rem - 5rem);height:-moz-calc(100% - 5.3rem - 5rem);height:calc(100% - 5.3rem - 5rem);overflow:auto;} /* height:calc 계산 변경 */

.content-wrap-nol2000 {display:block;position:relative;width:100%;height:-webkit-calc(100% - 10.1rem);height:-moz-calc(100% - 10.1rem);height:calc(100% - 10.1rem);position:relative;background:#efefef;padding-top:2.5rem;padding-bottom:5.7rem;padding-right:.8rem;padding-left:.8rem;overflow-y:auto;-webkit-overflow-scrolling:touch;} /* height:calc 계산 변경 */
.content-wrap-nol3000 {display:block;position:relative;width:100%;height:-webkit-calc(100% - 4.7rem);height:-moz-calc(100% - 4.7rem);height:calc(100% - 4.7rem);position:relative;background:#efefef;padding-top:2.5rem;padding-bottom:5.7rem;padding-right:.8rem;padding-left:.8rem;overflow-y:auto;-webkit-overflow-scrolling:touch;} /* height:calc 계산 변경 */
.content-wrap-nol4000 {display:block;position:relative;width:100%;height:-webkit-calc(100% - 8.7rem);height:-moz-calc(100% - 8.7rem);height:calc(100% - 8.7rem);position:relative;background:#efefef;padding-top:2.5rem;padding-bottom:5.7rem;padding-right:.8rem;padding-left:.8rem;overflow-y:auto;-webkit-overflow-scrolling:touch;} /* height:calc 계산 변경 */
.content-wrap-nol5200 {display:block;position:relative;width:100%;height:-webkit-calc(100% - 14.4rem);height:-moz-calc(100% - 14.4rem);height:calc(100% - 14.4rem);position:relative;background:#efefef;padding-top:2.5rem;padding-bottom:5.7rem;overflow-y:auto;-webkit-overflow-scrolling:touch;} /* height:calc 계산 변경 */
.title-date-nol2000 {width:100%;color:#000;font-size:1.4rem;font-weight:bold;text-align:center;}
.title-date-nol2000 + .dl-nol2000 {margin-top:1rem;}

.dl-nol2000 {/*width:-webkit-calc(100% - 1.5rem);width:-moz-calc(100% - 1.5rem);width:calc(100% - 1.5rem);*/width:100%;margin:0 auto;}
.dl-nol2000 dt {width:100%;text-align:right;font-size:1.2rem;}
.dl-nol2000 dt + dd {margin-top:.5rem;}
.dl-nol2000 dd + dt {margin-top:2.5rem;}
.dl-nol2000 + .title-date-nol2000 {margin-top:3.5rem;}
.dl-nol2000 dd {position:relative;width:100%;padding:1.5rem 1.5rem 1rem;background:#fff;border-radius:.5rem;box-shadow:0 0.75rem 0.75rem 0 rgba(0,0,0,0.11);}
.dl-nol2000 dd > button {width:100%;}
.dl-nol2000 dd.in:before {position:absolute;display:block;width:2.6rem;height:2.7rem;top:0;left:-.75rem;background:url("../img/img-nol2000-in.png");background-size:100% 100%;content:"";}
.dl-nol2000 dd.out:before {position:absolute;display:block;width:2.6rem;height:2.7rem;top:0;right:-.75rem;background:url("../img/img-nol2000-out.png");background-size:100% 100%;content:"";}
.dl-nol2000 dd .div-check {display:none;}/* .dl-nol2000 dd .div-check */
.dl-nol2000 dd .div-check2 {display:flex;position:absolute;top:2rem;left:1.5rem;color:#000;font-size:1.2rem;align-items:center;}
.dl-nol2000 dd .div-check2 > div:first-child {display:none;}
.dl-nol2000 dd .div-check3 {display:flex;flex:1;min-height:2rem;/*margin-top:.4rem;*/color:#000;font-size:1.2rem;align-items:flex-start;margin-bottom:3rem;}
.dl-nol2000 dd .div-check3 > div:first-child {display:none;font-size:0;}
.dl-nol2000 dd .div-check3 > span {position:relative;top:.2rem;}
.dl-nol2000 dd .div-check3 input[type="checkbox"]+label:before,
.dl-nol2000 dd .div-check input[type="checkbox"]+label:before{position:relative;margin-top:0;}
.ft-big .dl-nol2000 .txt-act{padding-bottom: 0;}
.ft-big .dl-nol2000 dd .div-check3{margin-bottom:0rem;}
.ft-big .dl-nol2000 dd .div-check3 > div:first-child{margin-top:1rem;}

.dl-nol2000 dd .div-btn {display:flex;position:absolute;top:5rem;left:1.5rem;justify-content:flex-end;align-items:center;z-index:1;}
.ft-big .dl-nol2000 dd .div-btn{top:6.5rem;}
.dl-nol2000 dd .div-btn button {position:relative;padding-left:1.6rem;color:#666;font-size:1.2rem;}
.dl-nol2000 dd .div-btn button + button {margin-left:1.2rem;}
.dl-nol2000 dd .div-btn button:before {display:block;position:absolute;width:1.1rem;height:1.2rem;top:50%;left:0;background-size:100% 100%;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.dl-nol2000 dd .div-btn button:first-child:before {background-image:url("../img/icon-memo.png");}
.dl-nol2000 dd .div-btn button:nth-child(2):before {background-image:url("../img/icon-send.png");}

.dl-nol2000 dd .div-btn2 {position:absolute;left:0;bottom:.5rem;display:flex;justify-content:flex-end;align-items:center;}
.ft-big .dl-nol2000 dd .div-btn2 {position:relative;padding-bottom:.5rem;left:0;top:0;display:flex;justify-content:flex-start;align-items:center;}
.dl-nol2000 dd .div-btn2 button {position:relative;padding-left:1.6rem;color:#666;font-size:1.2rem;}
.dl-nol2000 dd .div-btn2 button + button {margin-left:1.2rem;}
.dl-nol2000 dd .div-btn2 button:before {display:block;position:absolute;width:1.1rem;height:1.2rem;top:50%;left:0;background-size:100% 100%;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.dl-nol2000 dd .div-btn2 button:first-child:before {background-image:url("../img/icon-memo.png");}
.dl-nol2000 dd .div-btn2 button:nth-child(2):before {background-image:url("../img/icon-send.png");}
.dl-nol2000 .txt-act{padding-bottom:1.2rem;font-size:1.2rem;color:#444;}
.ft-big .dl-nol2000 .txt-act{font-size:1.5rem;}

.div-nol2000-content {display:flex;position:relative;width:100%;text-align:left;justify-content:space-between;align-items:flex-start;}
.div-nol2000-content > div {display:flex;align-items:center;}
.div-nol2000-content > div:first-child span {display:inline-block;color:#000;font-size:1.3rem;font-weight:bold;}
.div-nol2000-content > button {display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;padding-bottom:.5rem;}
.ft-big .div-nol2000-content > button {display:flex;width:100%;margin-top:1.5rem;padding-bottom:1rem;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;}
.ft-big .div-nol2000-content > button > div {justify-content:flex-end;}
.div-nol2000-content > button > div {display:flex;align-items:center;justify-content:flex-end;}
.div-nol2000-content > button > div:first-child > span{height:2rem;line-height:2rem;font-size:2rem;font-weight:bold;}
.ft-big .div-nol2000-content > button > div:first-child > span{font-size:3rem;height:3.2rem;line-height:3.2rem;}
.div-nol2000-content > button > div:nth-child(2) {margin-top:1.2rem;}
.dl-nol2000 dd .icon-account {height: 2rem;margin-right: .5rem;padding: 0 .5rem;border-radius: 1rem; color: #fff; font-size: 1.2rem; text-align: center; line-height: 1.8rem; letter-spacing: -1px;} 

.dl-nol2000 dd.in .icon-account {background:#09a5da;}
.dl-nol2000 dd.in .div-nol2000-content > button > div:first-child span {color:#09a5da;}
.dl-nol2000 dd.out .icon-account {background:#f25046;}
.dl-nol2000 dd.out .div-nol2000-content > button > div:first-child span {color:#f25046;}
.dl-nol2000 .div-balance {display:inline-block;width:100%;color:#000;font-size:1.3rem;text-align:right;line-height:1.1;}
.dl-nol2000 .div-balance span{vertical-align:baseline;}
.dl-nol2000 .div-memo-info {position:relative;width:100%;padding:1rem 1rem 0 1.7rem;border-top:1px solid #d8d8d8;color:#444;font-size:1.3rem;text-align:left;}
.dl-nol2000 .div-memo-info:before {display:block;position:absolute;width:1.2rem;height:1.2rem;top:1.1rem;left:0;background-size:100% 100%;content:"";}
.dl-nol2000 .div-memo-info.bill:before {background-image:url("../img/icon-bill.png");}
.dl-nol2000 .div-memo-info.cart:before {background-image:url("../img/icon-cart.png");}
.dl-nol2000 .div-memo-info.cat:before {background-image:url("../img/icon-cat.png");}
.dl-nol2000 .div-memo-info.chart:before {background-image:url("../img/icon-chart.png");}
.dl-nol2000 .div-memo-info.etc:before {background-image:url("../img/icon-etc.png");}
.dl-nol2000 .div-memo-info.film:before {background-image:url("../img/icon-film.png");}
.dl-nol2000 .div-memo-info.health:before {background-image:url("../img/icon-health.png");}
.dl-nol2000 .div-memo-info.pen:before {background-image:url("../img/icon-pen.png");}
.dl-nol2000 .div-memo-info.pig:before {background-image:url("../img/icon-pig.png");}
.dl-nol2000 .div-memo-info.users:before {background-image:url("../img/icon-users.png");}
.dl-nol2000 .div-memo-info .btn-close {display:block;overflow:hidden;position:absolute;width:1.28rem;height:1.28rem;right:0;top:50%;background:url('../img/icon-popup-close.png');background-size:100% 100%;text-indent:-1000%;}

.dim-2000 {position:fixed;width:-webkit-calc(100% - 4.5rem);width:-moz-calc(100% - 4.5rem);width:calc(100% - 4.5rem);padding:3rem 2rem 1.5rem; padding-right:3rem;bottom:9.9rem;left:50%;background:rgba(0,0,0,0.75);color:#fff;font-size:1.4rem;line-height:1.8rem;text-align:left;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(-50%,0);letter-spacing:-1px;}
.dim-2000 .btn-close {position:absolute;width:1.3rem;height:1.3rem;top:1rem;right:1rem;background:url("../img/icon-close-w.png");background-size:1.3rem 1.3rem;}
.dim-2000 input[type="checkbox"] {opacity: 0;}
.dim-2000 > button:last-child {display:flex;width:100%;margin-top:2.5rem;background:none;justify-content:flex-end;align-items:center;}
.dim-2000 > button:last-child label {color:#fff;line-height:2rem;}
/* 선택박스 디자인 변경 20200217 */
/*.ul-nol2050 {display:flex;overflow:hidden;width:100%;height:auto;margin-top:1.5rem;border:1px solid #979797;border-radius:.35rem;}
.ul-nol2050 li {width:20%;height:100%;}
.ul-nol2050 li:first-child {border-radius:.35rem 0 0 .35rem;}
.ul-nol2050 li:last-child {border-radius:0 .35rem .35rem 0;}
.ul-nol2050 li input[type="radio"] + span {width:100%;height:3.9rem;background:transparent;border-left:1px solid #979797;color:#bebebe;font-size:1.4rem;text-align:center;line-height:3.9rem;}
.ul-nol2050 li:first-child input[type="radio"] + span {border-left:0 none;}
.ul-nol2050 li input[type="radio"]:checked + span {background:#44c7f4;color:#fff;font-weight:bold;}*/
.ul-nol2050{display:flex;flex-direction:row;}
.ul-nol2050 li{width:18%;margin-right:2.5%;}
.ul-nol2050 li:last-child{margin-right:0;}
.ul-nol2050 li input[type="radio"] + span{width:100%;height:2.5rem;line-height:2.5rem;background-image:none;text-align:center;border:1px solid #979797;font-size:1.1rem;border-radius:.35rem;color:#979797;}
.ul-nol2050 li input[type="radio"]:checked + span{color:#44C7F4;border-color:#44C7F4;/*background-color:#44C7F4;*/}


.title-date {position:relative;width:100%;height:4rem;color:#000;font-size:1.6rem;font-weight:bold;text-align:center;line-height:4rem;}
.title-date .prev,
.title-date .next {position:absolute;display:block;width:2rem;height:4rem;top:50%;background-size:.5rem .95rem;background-position:center center;background-repeat:no-repeat;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.title-date .prev {background-image:url("../img/icon-left-arrow-gray.png");left:50%;margin-left:-6.75rem;}
.title-date .next {background-image:url("../img/icon-right-arrow-gray.png");right:50%;margin-right:-6.75rem;}

.board-calendar-wrap {width:100%;margin-top:.5rem;padding-bottom:.2rem;}
.board-calendar-wrap table {width:100%;border:1px solid #d8d8d8;border-radius:.4px;}
.board-calendar-wrap table .sa {color:#09a5da;}
.board-calendar-wrap table .su {color:#f25046;}
.board-calendar-wrap table th {height:3rem;color:#666;font-size:1.2rem;font-weight:bold;text-align:center;}
.board-calendar-wrap table td {height:4rem;border-top:#d8d8d8 solid 1px;border-left:#d8d8d8 solid 1px;color:#000;font-size:1.2rem;text-align:center;}
.board-calendar-wrap table td:first-child {border-left:0 none;}
.board-calendar-wrap table td.notday,
.board-calendar-wrap table td.notused {background:#efefef;color:#999;}
.board-calendar-wrap table td.notday button,
.board-calendar-wrap table td.notused button {cursor:default;}
.board-calendar-wrap table td.on {background:#ddf6ff;color:#09a5da;font-weight:bold;}
.board-calendar-wrap table td button {width:100%;height:100%;color:inherit;background:none;}

.div-nol1110 {display:flex;width:100%;margin-top:1.2rem;justify-content:space-between;}
.div-nol1110:first-child {margin-top:0;}
.div-nol1110 button {position:relative;width:-webkit-calc((100% - .6rem) / 2);width:-moz-calc((100% - .6rem) / 2);width:calc((100% - .6rem) / 2);height:3rem;padding-left:1.8rem;border:1px solid #444444;border-radius:1.5rem;color:#444;font-size:1.2rem;text-align:left;line-height:3rem;}
.div-nol1110 button:before {display:block;position:absolute;width:.4rem;height:.7rem;top:50%;right:1.3rem;background:url(../img/icon-btn-arrow.png);background-size:100% 100%;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.ul-nol1120 {display:flex;width:100%;margin-top:1rem;justify-content:space-between;align-content:flex-start;}
.ul-nol1120 li {width:5rem;height:6.3rem;}
.ul-nol1120 li input[type="radio"] + div {display:flex;width:100%;height:100%;background:transparent;font-size:1.2rem;justify-content:center;align-items:center;flex-direction:column;letter-spacing:0;}
.ul-nol1120 li input[type="radio"]:checked + div {background:#e4f2fc;border-radius:.5rem;}


.ul-nol1120 li .round {width:4rem;height:4rem;border-radius:2.7rem;border:1px solid #e0e0e0;background-size:100% 100%;background-repeat:no-repeat;}
.ul-nol1120 li:first-child .round {background-image:linear-gradient(219deg, #65edf5 2%, #10a9dd 93%);}
.ul-nol1120 li:nth-child(2) .round {background-image:linear-gradient(219deg, #6980f7 2%, #2b5f9c 93%);}
.ul-nol1120 li:nth-child(3) .round {background-image:linear-gradient(219deg, #b7f558 2%, #4fb523 93%);}
.ul-nol1120 li:nth-child(4) .round {background-image:linear-gradient(219deg, #d788f8 2%, #8a48e1 93%);}
.ul-nol1120 li:nth-child(5) .round {background-image:linear-gradient(219deg, #fdb43b 2%, #d97737 93%);}
.ul-nol1120.col2 li:first-child .round {background-image:linear-gradient(219deg, #61636e 2%, #373b3f 93%);}
.ul-nol1120.col2 li:nth-child(2) .round {background-image:url("../img/spring-thumb.png");}
.ul-nol1120.col2 li:nth-child(3) .round {background-image:url("../img/summer-thumb.png");}
.ul-nol1120.col2 li:nth-child(4) .round {background-image:url("../img/autumn-thumb.png");}
.ul-nol1120.col2 li:nth-child(5) .round {background-image:url("../img/winter-thumb.png");}

.ul-nol1120-2 {display:flex;width:100%;margin-top:1rem;justify-content:space-between;align-content:flex-start;}
.ul-nol1120-2 li {width:5rem;height:6.2rem;}
.ul-nol1120-2 li input[type="radio"] + div {display:flex;width:100%;height:100%;background:transparent;font-size:1.1rem;justify-content:center;align-items:center;flex-direction:column;letter-spacing:0;}
.ul-nol1120-2 li input[type="radio"]:checked + div {background:#e4f2fc;border-radius:.5rem;}
.ul-nol1120-2 li img {width:4rem;height:3.7rem;}

.tab-nol1131 {display:flex;width:100%;justify-content:space-between;}
.tab-nol1131 > li {width:-webkit-calc((100% - 1px) / 2);width:-moz-calc((100% - 1px) / 2);width:calc((100% - 1px) / 2);}
.tab-nol1131 > li button {width:100%;height:3.2rem;background:#efefef;color:#999;font-size:1.2rem;text-align:center;line-height:3.2rem;}
.tab-nol1131 > li:first-child button {border-radius:1rem 0 0 0;}
.tab-nol1131 > li:nth-child(2) button {border-radius:0 1rem 0 0;}
.tab-nol1131 > li.on button {background:#44c7f4;color:#fff;font-weight:bold;}

.tab-nol1131-list {width:100%;}
.tab-nol1131-list li {display:flex;width:100%;padding:1rem 0 1.2rem 0;border-bottom:#d8d8d8 solid 1px;justify-content:space-between;}
.tab-nol1131-list li > div {display:flex;flex-direction:column;}
.tab-nol1131-list li > div:first-child {justify-content:space-between;}
.tab-nol1131-list li > div:last-child {justify-content:flex-end;text-align:right;}

.text-nol1131-date {font-size:1.2rem;color:#000;text-align:left;line-height:1.2;}
.text-nol1131-date > span {font-size:1.2rem;font-weight:bold;}
.tab-nol1131-list li.in .text-nol1131-date > span:before {color:#09a5da;content:"입금";}
.tab-nol1131-list li.out .text-nol1131-date > span:before {color:#fc584d;content:"출금";}
.tab-nol1131-list li.approve .text-nol1131-date > span:before {color:#09a5da;content:"승인";}
.tab-nol1131-list li.cancel .text-nol1131-date > span:before {color:#fc584d;content:"취소";}

.tab-nol1131-list li > div:first-child > p {display:block;position:relative;height:2.5rem;margin-top:1.35rem;padding-left:3.45rem;}
.tab-content.st2 {padding-bottom:1rem;}
.fullpopup-scroll .tab-content.st2 {height:-webkit-calc(100% - 4rem - 1.7rem);height:-moz-calc(100% - 4rem - 1.7rem);height:calc(100% - 4rem - 1.7rem);padding:.5rem 1rem 1rem 0;overflow-y:auto;-webkit-overflow-scrolling:touch;}

.tab-content > div:last-child .tab-nol1131-list li > div:first-child > p {padding-left:0;}
.tab-nol1131-list li > div:first-child > p span {display:block;color:#767676;}
.tab-nol1131-list li > div:first-child > p span:first-child {font-size:1.1rem;margin-bottom:.35rem;}
.tab-nol1131-list li > div:first-child > p span:nth-child(2) {font-size:1.2rem;}
.tab-nol1131-list li > div:first-child> p:before {display:block;position:absolute;width:2.7rem;height:2.6rem;background-size:100% 100%;top:50%;left:0;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}
.tab-nol1131-list li.in .icon-baby:before {background-image:url(../img/icon_baby_blue2x.png);}
.tab-nol1131-list li.in .icon-cart:before {background-image:url(../img/icon_cart_blue2x.png);}
.tab-nol1131-list li.in .icon-cat:before {background-image:url(../img/icon_cat_blue2x.png);}
.tab-nol1131-list li.in .icon-etc:before {background-image:url(../img/icon_etc_blue2x.png);}
.tab-nol1131-list li.in .icon-house:before {background-image:url(../img/icon_house_blue2x.png);}
.tab-nol1131-list li.in .icon-love:before {background-image:url(../img/icon_love_blue2x.png);}
.tab-nol1131-list li.in .icon-old:before {background-image:url(../img/icon_old_blue2x.png);}
.tab-nol1131-list li.in .icon-pig:before {background-image:url(../img/icon_pig_blue2x.png);}
.tab-nol1131-list li.in .icon-trip:before {background-image:url(../img/icon_trip_blue2x.png);}
.tab-nol1131-list li.in .icon-users:before {background-image:url(../img/icon_users_blue2x.png);}
.tab-nol1131-list li.out .icon-baby:before {background-image:url(../img/icon_baby_red2x.png);}
.tab-nol1131-list li.out .icon-cart:before {background-image:url(../img/icon_cart_red2x.png);}
.tab-nol1131-list li.out .icon-cat:before {background-image:url(../img/icon_cat_red2x.png);}
.tab-nol1131-list li.out .icon-etc:before {background-image:url(../img/icon_etc_red2x.png);}
.tab-nol1131-list li.out .icon-house:before {background-image:url(../img/icon_house_red2x.png);}
.tab-nol1131-list li.out .icon-love:before {background-image:url(../img/icon_love_red2x.png);}
.tab-nol1131-list li.out .icon-old:before {background-image:url(../img/icon_old_red2x.png);}
.tab-nol1131-list li.out .icon-pig:before {background-image:url(../img/icon_pig_red2x.png);}
.tab-nol1131-list li.out .icon-trip:before {background-image:url(../img/icon_trip_red2x.png);}
.tab-nol1131-list li.out .icon-users:before {background-image:url(../img/icon_users_red2x.png);}

.tab-nol1131-list li > div:last-child > span {display:block;line-height:1.2;}
.tab-nol1131-list li > div:last-child > span:first-child {margin-bottom:.5rem;font-size:1.2rem;color:#000;}
.tab-nol1131-list li > div:last-child > span:last-child {font-size:1.6rem;}
.tab-nol1131-list li.in > div:last-child > span:last-child,
.tab-nol1131-list li.approve > div:last-child > span:last-child {color:#09a5da;}
.tab-nol1131-list li.out > div:last-child > span:last-child,
.tab-nol1131-list li.cancel > div:last-child > span:last-child {color:#fc584d;}

.tab-content > div {position:relative;overflow-y:auto;} /* height:calc(40rem + 5px); */

.tab-nol1131-list .line-none {display:flex;width:100%;height:30rem;padding:5rem 0 0;border-bottom:0 none;justify-content:center;align-items:center;flex-direction:column;}
.tab-nol1131-list .line-none img {width:5.3rem;margin-bottom:2rem;}
.tab-nol1131-list .line-none span {color:#999;font-size:1.4rem;}

/*.tab-content > div > span {position:absolute;display:block;color:#999;left:0;bottom:-1.5rem;font-size:1.1rem;text-align:left;}*/
.text-nol1131 {padding-top:.5rem;color:#999;font-size:1.1rem;}

.div-logout-time {display:flex;width:100%;height:10.2rem;justify-content:center;align-items:center;flex-direction:column;}
.div-logout-time > span:first-child {margin-bottom:1.8rem;color:#000;font-size:1.6rem;font-weight:bold;}
.div-logout-time > span:last-child {color:#44c7f4;font-size:2.4rem;font-weight:bold;}
.div-logout-time > span:last-child span {font-size:2.4rem;}
.div-logout-time + .pop-box {margin-top:0 !important;}

.div-nol1150-app {display:flex;width:100%;height:3rem;justify-content:center;align-items:center;}
.div-nol1150-app .img-app {width:3rem;height:3rem;margin-right:1rem;}
.div-nol1150-app .img-app img {width:100%;height:100%;}
.div-nol1150-app .img-app .imsiimg {width:3rem;height:3rem;background:#d8d8d8;border-radius:.5rem;}
.div-nol1150-app span {display:block;color:#000;font-size:1.6rem;font-weight:bold;}

.box-st-nol1150 {display:flex;flex-direction:column;}
.box-st-nol1150 span {display:block;margin-top:.6rem;color:#444;font-size:1.3rem;}
.box-st-nol1150 span:first-child {margin-top:0;text-align:left;line-height:2rem;}

.dl-nol2000 .div-memo-info2 {position:relative;width:100%;padding:1rem 1.5rem 0 1.7rem;border-top:1px solid #d8d8d8;color:#444;font-size:1.3rem;text-align:left;}
.dl-nol2000 .div-memo-info2:before {display:block;position:absolute;width:1.2rem;height:1.2rem;top:.8rem;left:0;background-image:url("../img/icon-memo-complete.png");background-size:100% 100%;content:"";}
.ft-big .dl-nol2000 .div-memo-info2:before{top:1.2rem;}
.dl-nol2000 .div-memo-info2 .btn-close {display:block;overflow:hidden;position:absolute;width:1.28rem;height:1.28rem;right:0;top:50%;background:url('../img/icon-popup-close.png');background-size:100% 100%;text-indent:-1000%;}

.content-wrap-nol4000 .text-nol3000 {text-align:right;}
.text-nol3000 {display:block;width:100%;color:#000;font-size:1.3rem;font-weight:bold;line-height:1.2;text-align:left;}
.content-wrap-nol4000 .text-nol3000 {}/* 60% */
.dl-nol2000 .text-nol3000 {display:flex;align-items:center;font-size:1.4rem;/* margin-top:.8rem; */ margin-top:0}
.content-wrap-nol4000 .dl-nol2000 .text-nol3000 {float:right;justify-content:flex-end;}
.content-wrap-nol4000 .dl-nol2000 .text-nol3000:after {clear:both;content:"";}
.content-wrap-nol4000 .dl-nol2000 .text-nol3000 input[type="checkbox"]+label:before {margin-right:3px;}

.dl-nol2000 dd .div-btn.bottom{display:block;position:static;text-align:left}
.dl-nol2000 dd .div-btn.bottom + .div-memo-info2{margin-top:.7rem}
.dl-nol2000 dd .div-check2.check-row2{display:inline-block;text-align:right}

.dl-nol2000 .text-nol3000.right-align{display:inline-block;float:right;width:50%;text-align:right}
.content-wrap-nol4000 .dl-nol2000 .text-nol3000.left-align{float:left;width:50%;display:inline-block;text-align:left;}
.content-wrap-nol4000 .dl-nol2000 .text-nol3000 + .p-nol3000.right-align{min-height:3rem}
.content-wrap-nol4000 .p-nol3000.right-align{display:inline-block;float:right;width:50%;padding-top:0;margin-top:0;clear:none;text-align:right}
.content-wrap-nol4000 .p-nol3000.right-align button{text-align:right}
.clear-box{overflow:hidden}
.clear-box .div-btn.bottom{margin-bottom:1rem}

/*금융정보 화면개선(구조변경) 20200218*/
.div-col-box .ttl-box{display:flex;flex-direction:row;}
.ttl-box .div-check{font-size:0;}
.ttl-box .ttl-txt{flex:1;margin-top:.25rem;min-height:2rem;}
.ttl-box .ttl-txt strong{display:inline;font-size:inherit;vertical-align:baseline;}
.ttl-box .txt-blue{color:#09A5DA !important;}
.div-col-box .info{width:100%;padding-top:.5rem;text-align:left;color:#444;line-height:1.4;word-break:break-all;}
.div-col-box + .div-btn{margin-top:1rem;}
.div-col-box .cost{display:block;margin-top:.5rem;text-align:right;color:#f25046;font-size:2rem;font-weight:bold;}
.complete .ttl-txt strong{font-weight:bold;}
.ft-big .ttl-box .ttl-txt{font-size:1.8rem;margin-top:-.1rem;}
.ft-big .div-col-box .info{padding-top:1rem;font-size:1.8rem;}
.ft-big .div-col-box .cost{font-size:3rem;}
.div-col-box + .div-btn.bottom{padding-bottom:.5rem;}

.ft-big.content-wrap-nol4000 .dl-nol2000 .text-nol3000 {float:inherit;width:100%;text-align:left;justify-content:flex-start;}
.ft-big.content-wrap-nol4000 .p-nol3000 {padding-top:0;margin-top:.5rem;}
.text-nol3000 .color{font-size:100%;color:#09a5da;}
.content-wrap-nol4000 .dl-nol2000 .div-btn {display:block;position:absolute;width:inherit;top:2.8rem;left:1.8rem;right:inherit;}
.content-wrap-nol4000 .text-nol3000 em.div-check {position:relative;top:inherit;left:inherit;}
.content-wrap-nol4000 .title-nol4000 {max-width:60%;}
.content-wrap-nol4000 .text-nol3000 em.div-check + .title-nol4000 {max-width:47%; line-height:2.1rem}
.ft-big.content-wrap-nol4000 .title-nol4000 {max-width:50%;}
.ft-big.content-wrap-nol4000 .dl-nol2000 .div-btn{position:relative;top:inherit;left:inherit;right:inherit;}
.ft-big .text-nol3000 {text-align:left;}
.ft-big .p-nol3000 {text-align:left;}

.nol3000-line1 {display:flex;flex-direction:row;width:100%;justify-content:space-between;}
.nol3000-line1 button {display:flex;position:relative;overflow:visible;width:calc(100% - 9.5rem);height:5.4rem;padding-bottom:.5rem;flex-direction:column;align-items:flex-end;}
.ft-big .nol3000-line1 button{;height:7.5rem;}

.nol3000-line1 button div.money {position:absolute;display:flex;/* width:250%; */margin:0 0 .5rem;top:0;right:0;justify-content:flex-end;align-items:center;}
.nol3000-line1 button div.money span:first-child {display:flex;justify-content:space-between;align-items:center;text-align:left;}
.nol3000-line1 button div.money span:first-child em {height:2rem;margin-right:.5rem;border-radius:1rem;color:#fff;font-size:1.3rem;line-height:2rem;text-align:center;padding:0 .5rem}
.ft-big .nol3000-line1 button div.money span:first-child em{width:4.95rem;height:3rem;border-radius:3rem;font-size:1.8rem;line-height:3rem !important;}
.nol3000-line1 button div.info-txt {position:absolute;top:.5rem;bottom:auto;right:-2px;text-align:right}
.nol3000-line1 button div.info-txt.ellipsis{width:100%;color:#000;}
.nol3000-line1 button div.info-txt.ellipsis2{width:100%}
.nol3000-line1 button .money + div.info-txt {bottom:.5rem;top:auto;}
.ft-big .nol3000-line1 button .money + div.info-txt{bottom:1rem;}
.ft-big .nol3000-line1 button div.info-txt span{font-size:1.8rem;line-height:1.2;}
.nol3000-line1 .text-nol3000{margin-top:.4rem;}
.approve .nol3000-line1 button div.money span {color:#09a5da;font-size:2rem;font-weight:bold;line-height:1.1;}
.ft-big .approve .nol3000-line1 button div.money span{font-size:3rem;}
.approve .nol3000-line1 button div.money span em {background:#09a5da;}
/* .approve .nol3000-line1 button div.money span em:before {content:"승인";} */
.cancel .nol3000-line1 button div.money span {color:#f25046;font-size:2rem;font-weight:bold;}
.cancel .nol3000-line1 button div.money span em {background:#f25046;}
/* .cancel .nol3000-line1 button div.money span em:before {content:"취소";} */
.div-nol3000 span:last-child {max-width:40%;}
.p-nol3000 {width:100%;margin:1.2rem 0 1rem;color:#444;font-size:1.3rem;line-height:1.7rem;text-align:right;}
.content-wrap-nol4000 .p-nol3000 {padding-top:.7rem;clear:both;text-align:justify;}
.content-wrap-nol4000 .p-nol3000 button {font-size:100%;text-align:justify;}

.content-wrap-nol3100 {height:-webkit-calc(100% - 4.7rem);height:-moz-calc(100% - 4.7rem);height:calc(100% - 4.7rem);position:relative;background:#efefef;padding-top:2.5rem;padding-bottom:5.7rem;}
.nol-3000-none {display:flex;position:absolute;width:100%;top:50%;left:0;flex-direction:column;justify-content:center;align-items:center;transform:translate(0,-50%);}
.nol-3000-none img {display:block;width:5rem;height:3.5rem;margin-bottom:2rem;}
.nol-3000-none span {color:#999;font-size:1.4rem;}

.nol-3100 {display:flex;position:absolute;width:100%;top:50%;left:0;flex-direction:column;justify-content:center;align-items:center;transform:translate(0,-50%);}
.nol-3100 img {display:block;width:5rem;height:3.5rem;margin-bottom:2rem;}
.nol-3100 p {color:#999;font-size:1.4rem;text-align:center;line-height:1.8rem;}

.btn-3100 {position:relative;min-width:12.5rem;height:3rem;margin-top:2.5rem;padding:0 1.3rem;background:#424242;border-radius:3rem;color:#fff;font-size:1.2rem;text-align:center;}
/* .btn-3100:after {position:absolute;width:.4rem;height:0.8rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow-w.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);} */

.tab-nol4000 {display:flex;width:-webkit-calc(100% - 3rem);width:-moz-calc(100% - 3rem);width:calc(100% - 3rem);height:4rem;margin:0 auto;justify-content:space-between;}
.tab-nol4000 li {width:-webkit-calc((100% - .2rem) / 3);width:-moz-calc((100% - .2rem) / 3);width:calc((100% - .2rem) / 3);}
.tab-nol4000 li button {width:100%;height:4rem;border-bottom:5px solid #d8d8d8;color:#999;font-size:1.3rem;line-height:4rem;text-align:center;}
.tab-nol4000 li.on button {border-bottom:5px solid #44c7f4;color:#44c7f4;font-weight:bold;}
.tab-nol4000.tab2.mg0{-webkit-calc(100% - 0rem);width:-moz-calc(100% - 0rem);width:calc(100% - 0rem)}
.tab-nol4000.tab2 li{width:-webkit-calc((100% - .2rem) / 2);width:-moz-calc((100% - .2rem) / 2);width:calc((100% - .2rem) / 2);}
.tab-nol4000.tab2 li:nth-of-type(3){display:none}

.content-nol5000 {display:flex;width:100%;height:-webkit-calc(100% - 4rem - 1.8rem);height:-moz-calc(100% - 4rem - 1.8rem);height:calc(100% - 4rem - 1.8rem);margin-top:1.8rem;background:#efefef;justify-content:center;align-items:center;flex-direction:column;}/*max-height:38rem;*/
.content-nol5000 img {display:block;width:5.9rem;height:5.8rem;}
.content-nol5000 p {margin-top:1.3rem;color:#000;font-size:1.4rem;text-align:center;line-height:1.8rem;}
.content-nol5000 p b{font-size:100%;line-height:inherit;vertical-align:top}
.content-nol5000 .btn-r {width:100%;}
.content-nol5000 > button {background:transparent;}
.content-nol5000 .btn-r > button {position:relative;width:15.4rem;height:3rem;float:right;padding-left:1.3rem;margin-top:2.5rem;background:#424242;border-radius:3rem;color:#fff;font-size:1.2rem;text-align:left;line-height:3rem;}
.content-nol5000 .btn-r > button:after {position:absolute;width:.4rem;height:0.8rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow-w.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.content-nol5000:after {clear:both;content:"";}

.content-wrap-nol4000 .nol-3000-none p {margin-top:1.3rem;color:#000;font-size:1.4rem;text-align:center;line-height:1.8rem;}
.content-wrap-nol4000 .nol-3000-none p b{font-size:100%;line-height:inherit;vertical-align:top}
.content-wrap-nol4000 .nol-3000-none img,
.content-nol5000 .nol-3000-none img{display:block;width:5rem;height:3.5rem;margin-bottom:2rem;}

.content .text-nol5110 {color:#444;font-size:1.3rem;line-height:1.2;}
.table-st1 {margin-top:1.5rem;}
.table-st1,
.table-st1 table {width:100%;}
.table-st1 th {height:3.2rem;background:#f9f9f9;border-bottom:#d6d6d6 solid 1px;border-top:#d6d6d6 solid 1px;color:#000;font-size:1.3rem;font-weight:bold;text-align:center;}
.table-st1 td {padding:1rem 0;border-left:#d6d6d6 solid 1px;border-bottom:#d6d6d6 solid 1px;color:#666;font-size:1.3rem;text-align:center;}
.table-st1 td:last-child,
.table-st1 td:first-child {border-left:0 none;}

.text-nol5110-2 {margin-top:1.5rem;color:#000;font-size:1.3rem;line-height:1.8rem;}
.text-nol5110-2:first-child {margin-top:2rem;}
.text-nol5110-2 b {font-size:100%;}
.content .pop-box {width:100%;padding:1.5rem;margin-top:2rem;background:#f5f5f5;border-radius:0.35rem;}
.lgn-popup .content .pop-box {margin-top:0;}

.div-nol5200-btn {display:flex;width:-webkit-calc(100% - 3rem);width:-moz-calc(100% - 3rem);width:calc(100% - 3rem);margin:1.6rem auto 0;justify-content:space-between;}
.div-nol5200-btn ul {width:100%;border:1px solid #979797;border-radius:.35rem;}
.div-nol5200-btn li {display:block;float:left;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);height:3.9rem;}
.div-nol5200-btn li:after {clear:both;content:"";}
.div-nol5200-btn li input[type="radio"] + span {width:100%;height:3.9rem;background:transparent;color:#bebebe;font-size:1.4rem;text-align:center;line-height:3.9rem;}
.div-nol5200-btn li input[type="radio"]:checked + span {background:#44c7f4;color:#fff;font-weight:bold;}
.div-nol5200-btn > button {width:-webkit-calc(100% - 20rem);width:-moz-calc(100% - 20rem);width:calc(100% - 20rem);height:3.9rem;border:1px solid #979797;border-radius:.35rem;}

.div-nol5200 {display:table;width:100%;padding:1rem 0;vertical-align:bottom;}
.div-nol5200 > p {/* display:table-cell;width:56%; */float:left; max-width:40%; text-align:left;}
.div-nol5200 > span {/*display:table-cell;padding-left:1.2rem; */float:right; color:#f25046;font-size:2rem;font-weight:bold;text-align:right; white-space:norwrap;/* line-height:2rem; */vertical-align:text-bottom;}

.title-jeonjagoji {display:flex;width:100%;justify-content:space-between;}
.title-jeonjagoji > span:last-child {display:block;color:#666;font-size:1.2rem;align-items:center;text-align:right;}

.ul-nol5300 {width:100%;}
.ul-nol5300 li {display:flex;padding:1.5rem 0;justify-content:space-between;align-items:center;}
.ul-nol5300 li:first-child {padding-top:0;}
.ul-nol5300 li:last-child {padding-bottom:0;}
.ul-nol5300 li > span:first-child {color:#666;font-size:1.3rem;}
.ul-nol5300 li > span:first-child span {color:#000;font-weight:bold;padding-right:1.5rem;}
.ul-nol5300 li > span:last-child {color:#000;font-size:1.5rem;font-weight:bold;}
.ul-nol5300 li:last-child > span:first-child span,
.ul-nol5300 li:last-child > span:last-child {color:#f25046;}
.ul-nol5300 li + li {border-top:1px solid #d8d8d8;}

.ul-nol5300-2 {width:100%;margin-top:1rem;border-top:1px solid #d8d8d8;}
.ul-nol5300-2 li {display:flex;width:100%;padding:.95rem 0;border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:flex-start;}
.ul-nol5300-2 li > span:first-child {display:block;width:8.4rem;color:#000;font-size:1.2rem;text-align:left;}
.ul-nol5300-2 li > span:last-child {display:block;width:-webkit-calc(100% - 8.5rem);width:-moz-calc(100% - 8.5rem);width:calc(100% - 8.5rem);color:#444;font-size:1.2rem;text-align:right;}

.ul-nol5300-3 {width:100%;margin-top:1rem;}
.ul-nol5300-3 > li {width:100%;padding:0 1rem;border-bottom:1px solid #d8d8d8;}
.ul-nol5300-3 > li:nth-child(2n-1) {background:#f2f2f2;}
.ul-nol5300-3 > li > dl > {width:100%;}
.ul-nol5300-3 > li > dl > dt {position:relative;width:100%;padding: 1.5rem 3rem 1rem 2rem;color:#000;font-size:1.4rem;font-weight:bold;line-height:1.4;cursor:pointer;}
/*.ul-nol5300-3 > li > dl > dt:after {position:absolute;display:block;width:1rem;height:0.7rem;top:1.8rem;right:0;background:url("../img/select-arrow.png");background-size:1rem 0.7rem;transition:all 0.5s ease 0s;content:"";}*/
.ul-nol5300-3 > li > dl > dt:after {position:absolute;display:block;width:1.5rem;height:.8rem;top:1.8rem;right:0;background:url("../img/icon-arrow-t.png");background-size:1.5rem .8rem;transition:all 0.5s ease 0s;content:"";}
/*.ul-nol5300-3 > li > dl > dt:after {position:absolute;width:1.5rem;height:.8rem;background:url("../img/icon-arrow-t.png");top:50%;right:0rem;background-size:1.5rem .8rem;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);transition:all 0.5s ease 0s;transform-origin:center 0;content:"";}*/
/*.ul-nol5300-3 > li.active > dl > dt:after {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}*/
.ul-nol5300-3 > li.active > dl > dt:after {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.ul-nol5300-3 > li > dl > dd {display:none;position:relative;padding-left:2rem;line-height:160%;}
.ul-nol5300-3 > li.active > dl > dd {display:block;}
.ul-nol5300-3 > li > dl > dd.st2 {padding-bottom:1.5rem;line-height:1.7rem;padding-top: 1rem;border-top: 1px dashed #d8d8d8;}
.ul-nol5300-3 > li > dl > dd p{color:#000;font-size:1.2rem;line-height:1.5rem;}
.ul-nol5300-3 > li > dl > dt:before{content:"Q. ";position:absolute;left:0;color:#44c7f4;}
.ul-nol5300-3 > li > dl > dd:before{content:"A. ";position:absolute;left:0;color:#000;font-size:1.4rem;font-weight:bold;}


.dl-nol5300 {width:100%;}
.dl-nol5300 dt,
.dl-nol5300 dd {width:100%;padding:1.1rem 0;}
.dl-nol5300 dt {border-bottom:1px solid #44c7f4;border-top:1px solid #44c7f4;background:#e4faff;color:#000;font-size:1.2rem;text-align:center;}
.dl-nol5300.st2 dt {border-bottom:1px solid #ff736a;border-top:1px solid #ff736a;background:#ffe4e4;color:#f25046;}
.dl-nol5300 dd {display:flex;border-bottom:1px solid #d8d8d8;justify-content:space-between;}
.dl-nol5300 dd > span:first-child {color:#000;font-size:1.2rem;}
.dl-nol5300 dd > span:last-child {color:#444;font-size:1.2rem;}
.dl-nol5300 dd:last-child {display:block;background:#fafafa;border-bottom:0 none;color:#000;font-size:1.2rem;font-weight:bold;text-align:center;}
.dl-nol5300 dd:last-child span {color:inherit;font-size:inherit;font-weight:inherit;font-weight:inherit;}

.subtitle-nol5300 {display:block;color:#000;font-size:1.2rem;font-weight:bold;}
.subtitle-nol5300 + p,
p + .subtitle-nol5300{margin-top:.5rem;}
.subtitle-nol5300 + .subtitle-nol5300 {margin-top:.3rem;}

.board-nol5300 table {width:100%;margin-top:1rem;}
.board-nol5300 th,
.board-nol5300 td {padding:1rem 0;border-bottom:1px solid #d6d6d6;font-size:1.3rem;text-align:center;}
.board-nol5300 th {background:#f9f9f9;border-top:1px solid #d6d6d6;color:#000;}
.board-nol5300 td {color:#666;}
.board-nol5300 + .subtitle-nol5300 {margin-top:1.5rem;}
.board-nol5300 .right {padding-right:1.5rem;}

.box-nol5300 {width:100%;padding:2rem 1.5rem;margin-top:1.5rem;background:#f5f5f5;border-radius:.35rem;}

.content-fixed1 {padding-top:2.5rem;padding-bottom:1rem;border-bottom:#efefef solid 3px;}

/* src */
.title-src2000 {position:relative;width:100%;height:3.3rem;margin-top:2.5rem;text-align:center;line-height:3.3rem;}
.title-src2000 > span {color:#000;font-size:1.6rem;font-weight:bold;}
.title-src2000 > button {position:absolute;overflow:hidden;width:2.9rem;height:3.3rem;top:0;background-repeat:no-repeat;background-size:.5rem .95rem;background-position:center center;text-indent:-1000%;}
.title-src2000 > button.prev {margin-left:-8rem;left:50%;background-image:url("../img/icon-left-arrow-gray.png");}
.title-src2000 > button.next {margin-right:-8rem;right:50%;background-image:url("../img/icon-right-arrow-gray.png");}

.text-src2000 {display:flex;width:100%;justify-content:center;align-items:center;}
.text-src2000 .icon {width:.8rem;height:.8rem;background:#09a5da;border-radius:100%;}
.text-src2000 > span span {width:100%;}
.text-src2000 > span:nth-child(2) {margin-left:.45rem;color:#09a5da;font-size:1.3rem;font-weight:bold;}
.text-src2000 > span:nth-child(3) {margin-left:.5rem;color:#000;font-size:1.3rem;}

.text-src2000.st2 {margin-top:.9rem;}
.text-src2000.st2 .icon {background:#fc584d;}
.text-src2000.st2 > span:nth-child(2) {color:#fc584d;}
/* .btn-src2000 {position:relative; display:inline-block;width:15.65rem;height:3rem;margin:3.95rem auto 0;padding:0 1.7rem 0 1.3rem;border:1px solid #444;border-radius:3rem;color:#444;font-size:1.2rem;line-height:3rem;text-align:left;letter-spacing:-1px;}
.btn-src2000 > span{text-align:center}
.btn-src2000 > span:before {position:absolute;width:.4rem;height:0.7rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);} */

/* ui 변경 */
.text-src2000{display:block}
.text-src2000:after{content:"";display:inline-block;clear:both}
.text-src2000 .item{float:left;display:inline-block;width:10rem;text-align:left}
.text-src2000 .item + .item{float:right;width:calc(100% - 10rem);text-align:right}
.text-src2000 + .text-src2000{margin-top:.9rem}
.text-src2000 .in-legend{color:#09a5da}
.text-src2000 .out-legend{color:#fc584d}
.text-src2000 .in-legend *,
.text-src2000 .out-legend *{font-weight:bold;vertical-align:top}
.text-src2000 .ico-circle:before{content:"";display:inline-block;margin-right:.3rem;width:.8rem;height:.8rem;border-radius:100%;}
.text-src2000 .in-legend .ico-circle:before{background:#09a5da;}
.text-src2000 .out-legend .ico-circle:before{background:#fc584d;}
.text-src2000 .chart-value *{vertical-align:top}
.text-src2000 .chart-value .money{vertical-align:-.1rem}
.src2000-btn-wrap{margin:3.95rem auto 0;height:3rem;text-align:center}
.src2000-btn-wrap > .btn-src2000{position:relative;padding:0 1.7rem 0 1.3rem;border:1px solid #444;border-radius:3rem;color:#444;font-size:1.2rem;line-height:3rem;text-align:left;letter-spacing:-1px;}
.src2000-btn-wrap > .btn-src2000:after {position:absolute;width:.4rem;height:0.7rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.scroll-scr2001 {position:relative;height:-webkit-calc(100% - 24.3rem);height:-moz-calc(100% - 24.3rem);height:calc(100% - 24.3rem);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.scroll-scr2001 > div {width:100%;padding:0 1.5rem 4rem;position:absolute;top:0;left:0;}

.content-src2001 {position:relative;width:100%;padding-top:9.35rem;padding-bottom:2.5rem;border-bottom:6px solid #efefef;}
.content-src2001 .point1,
.content-src2001 .point2,
.content-src2001 .point3,
.content-src2001 .point4,
.content-src2001 .point5 {position:absolute;width:3.3rem;height:4.2rem;left:50%;background-image:url("../img/coin-disabls.png");background-size:3.3rem 4.2rem;}
.content-src2001 .point1 {top:3.65rem;margin-left:-9.45rem;}
.content-src2001 .point2 {top:2.65rem;margin-left:-5.55rem;}
.content-src2001 .point3 {top:3.4rem;margin-left:-1.65rem;}
.content-src2001 .point4 {top:2.2rem;margin-left:2.25rem;}
.content-src2001 .point5 {top:3.4rem;margin-left:6.15rem;}

.content-src2001.lv1 .point1 {background-image:url("../img/cheerup-point.png");}

.content-src2001.lv2 .point1 {background-image:url("../img/coin-color.png");}
.content-src2001.lv2 .point2 {background-image:url("../img/challenge-point.png");}

.content-src2001.lv3 .point1,
.content-src2001.lv3 .point2 {background-image:url("../img/coin-color.png");}
.content-src2001.lv3 .point3 {background-image:url("../img/good-point.png");}

.content-src2001.lv4 .point1,
.content-src2001.lv4 .point2,
.content-src2001.lv4 .point3 {background-image:url("../img/coin-color.png");}
.content-src2001.lv4 .point4 {background-image:url("../img/verygood-point.png");}

.content-src2001.lv5 .point1,
.content-src2001.lv5 .point2,
.content-src2001.lv5 .point3,
.content-src2001.lv5 .point4 {background-image:url("../img/coin-color.png");}
.content-src2001.lv5 .point5 {background-image:url("../img/best-point.png");}

.title-src2001 {width:100%;text-align:center;}
.title-src2001:before {font-size:2.6rem;font-weight:bold;line-height:1.2;}
.content-src2001.lv1 .title-src2001:before {color:#ff925a;content:"Cheer Up!";}
.content-src2001.lv2 .title-src2001:before {color:#666;content:"Challenge!";}
.content-src2001.lv3 .title-src2001:before {color:#000;content:"Good!";}
.content-src2001.lv4 .title-src2001:before {color:#09a5da;content:"Very Good!";}
.content-src2001.lv5 .title-src2001:before {color:#44c7f4;content:"Best!";}

.text1-src2001 {width:100%;margin-top:1.3rem;color:#000;font-size:1.3rem;text-align:center;}
.text1-src2001 span {font-size:100%;}

.text2-src2001 {display:flex;width:10.6rem;height:2.3rem;margin:.5rem auto 0; border-radius:2.3rem;color:#fff;font-size:1.5rem;box-shadow:0 .25rem .35rem 0 rgba(252,88,77,0.38);justify-content:center;align-items:center;}

.content-src2001.lv1 .text2-src2001:before {content:"-";}
.content-src2001.lv2 .text2-src2001:before,
.content-src2001.lv3 .text2-src2001:before,
.content-src2001.lv4 .text2-src2001:before,
.content-src2001.lv5 .text2-src2001:before {content:"+";}

.content-src2001.lv1 .text2-src2001 {background:#fc584d;}
.content-src2001.lv2 .text2-src2001,
.content-src2001.lv3 .text2-src2001,
.content-src2001.lv4 .text2-src2001,
.content-src2001.lv5 .text2-src2001 {background:#09a5da;}

.title2-src2001 {/*display:flex;*/width:100%;margin:2.35rem auto 0;color:#666;font-size:1.3rem;text-align:center;justify-content:center;align-items:center;}
.title2-src2001 > span {padding-left:.5rem;color:#000;font-size:1.3rem;font-weight:bold;}
/*.content-src2001.lv1 .title2-src2001:after {display:block;padding-left:.5rem;content:"줄었습니다.";}
.content-src2001.lv2 .title2-src2001:after,
.content-src2001.lv3 .title2-src2001:after,
.content-src2001.lv4 .title2-src2001:after,
.content-src2001.lv5 .title2-src2001:after {display:block;padding-left:.5rem;content:"늘었습니다.";}*/

.content.st-src2001 {padding-top:0;}
.ul-src2001 {width:100%;margin-top:1rem;}
.ul-src2001 li{display:flex;width:100%;padding:1.5rem 0;border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center;}
.ul-src2001 li > span:first-child {display:flex;align-items:center;}
.ul-src2001 li > span:first-child .icon {width:1.8rem;height:1.8rem;}
.ul-src2001 li > span span span {font-size:100%;}
.ul-src2001 li > span:first-child > span:nth-child(2) {margin-left:.5rem;color:#000;font-size:1.3rem;}
.ul-src2001 li > span:first-child > span:nth-child(3) {margin-left:.3rem;color:#999;font-size:1.3rem;}
.ul-src2001 li > span:last-child {color:#000;font-size:1.4rem;font-weight:bold;}
.ul-src2001 li > span:last-child span {font-size:100%;}

.ul-fixed-src3120 {width:100%;}
.ul-fixed-src3120 li {display:flex;padding:1rem 0;justify-content:space-between;align-items:center;}
.ul-fixed-src3120 li:first-child {padding-top:0;align-items:flex-end;}
.ul-fixed-src3120 li:last-child {padding-bottom:0;}
.ul-fixed-src3120 li span {color:#000;font-size:1.2rem;}
.ul-fixed-src3120 li span:last-child {color:#444;}
.ul-fixed-src3120 li:first-child span {font-size:1.4rem;font-weight:bold;}
.ul-fixed-src3120 li:first-child button {position:relative;height:2rem;padding:0 1.77rem 0 .8rem;border:1px solid #444;border-radius:1.5rem;color:#444;font-size:1.2rem;line-height:2rem;text-align:left;}
.ul-fixed-src3120 li:first-child button:after {position:absolute;width:.4rem;height:0.8rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% 0.8rem;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.ul-fixed-src3120 li + li {border-top:1px solid #d8d8d8;}

.title-src3120 {display:flex;width:100%;justify-content:space-between;}
.title-src3120 span {font-size:1.4rem;font-weight:bold;}
.title-src3120 button {position:relative;height:2rem;padding:0 1.77rem 0 .8rem;border:1px solid #444;border-radius:1.5rem;color:#444;font-size:1.2rem;line-height:2rem;text-align:left;}
.title-src3120 button:after {position:absolute;width:.4rem;height:0.8rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% 0.8rem;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.ul-src3120 {width:100%;background:#f5f5f5;}
.ul-src3120 li {width:100%;padding:0 1.5rem;}
.ul-src3120 li dl {display:flex;width:100%;border-bottom:1px solid #d8d8d8;}
.ul-src3120 li dt,
.ul-src3120 li dd {padding:1.5rem 0;font-size:1.2rem;text-align:left;}
.ul-src3120 li dt {width:8.05rem;color:#000;font-weight:bold;}
.ul-src3120 li dd {color:#444;line-height:1.1rem;}

.ul-src3120:nth-child(2) {height:0;overflow:hidden;transition:all 0.5s ease 0s;-webkit-transition:all 1s ease 0s;}
.toggle-src3120.active .ul-src3120:nth-child(2) {height:calc(9.4rem + 2px);}

.btn-toggle {display:flex;width:100%;padding:1.9rem 0;background:#f5f5f5;border-radius:0 0 .5rem .5rem;justify-content:center;align-self:center;}
.btn-toggle img {width:1rem;height:.7rem;transition:all 0.5s ease 0.5s;}
.toggle-src3120.active .btn-toggle img {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.toggle-src3120 + .box-src3120 {margin-top:2.5rem;}

.sr3121-nocontent {display:flex;width:100%;height:100%;justify-content:center;flex-direction:column;align-items:center;}
.sr3121-nocontent img {display:block;width:15.9%;max-width:4rem;height:auto;margin:0 auto;}
.sr3121-nocontent p {display:block;width:100%;margin-top:2rem;font-size:1.4rem;color:#999;text-align:center;line-height:1.8rem;}

.ul-src3010 {width:100%;}
.ul-src3010 li {display:flex;width:100%;margin-top:1rem;padding:1rem 0;border-bottom:1px solid #d8d8d8;justify-content:space-between;}
.ul-src3010 li:first-child {border-top:1px solid #d8d8d8;}
.ul-src3010 li span {font-size:1.2rem;color:#000;}
.ul-src3010 li span:last-child {color:#444;}
.ul-src3010.st2 li span:last-child {color:#44c7f4;}

.ul-src3010 + .content-title {margin-top:3.5rem;}

.tab-src4000 {display:flex;width:100%;justify-content:space-between;}
.tab-src4000 li {width:calc((100% - 1px) / 2);height:3.8rem;background:#efefef;color:#999;font-size:1.3rem;line-height:3.8rem;text-align:center;}
.tab-src4000 li.on {background:#44c7f4;color:#fff;font-weight:bold;}
.tab-src4000 li:first-child {border-radius:1rem 0 0 0;}
.tab-src4000 li:last-child {border-radius:0 1rem 0 0;}

.tab-src4000-content {width:100%;}
.tab-src4000-content li {width:100%;}
.tab-src4000-content li button {display:flex;position:relative;width:100%;padding:1.5rem 4.3rem 1.5rem 1.5rem;border-bottom:1px solid #d8d8d8;text-align:left;flex-direction:column;}
.tab-src4000-content li button:before {position:absolute;width:.8rem;height:1.5rem;background:url("../img/icon-arrow-m.png") no-repeat;top:50%;right:1.5rem;background-size:100% 100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}
.tab-src4000-content li button span {line-height:1.2;}
.tab-src4000-content li button span:first-child{;color:#000;font-size:1.4rem;}
.tab-src4000-content li button span:last-child{margin-top:.8rem;color:#666;font-size:1.2rem;}

.src4010-content {position:relative;display:flex;width:100%;margin-bottom:1.5rem;padding:1.5rem;border-bottom:1px solid #d8d8d8;flex-direction:column;background-color:#f7f7f7;}
.src4010-content span:first-child {color:#000;font-size:1.6rem;line-height:2.15rem;}
.src4010-content span:last-child {margin-top:.5rem;color:#666;font-size:1.2rem;}
.src4010-content + .sub-txt{padding: 0 1.5rem 4rem;}

.div-src4000 {padding:0 1.5rem 4rem;}
.div-src4000 ul {margin:3.5rem 0 0 1.5rem;}
.div-src4000.pd-rl0 .ul-st1{width:auto;padding:0 1.5rem;}
.btn-src4100 {display:flex;position:relative;width:19.55rem;height:3rem;margin-top:2rem;padding-left:1.5rem;background:#424242;border-radius:3rem;text-align:left;line-height:3rem;}
.btn-src4100:before {position:absolute;width:1.3rem;height:1.3rem;top:50%;right:1.5rem;background:url("../img/icon-phonecall.png");background-size:1.3rem 1.3rem;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";}
.btn-src4100 + .btn-src4100 {margin-top:1rem;}
.btn-src4100 span {font-size:1.3rem;}
.btn-src4100 span:first-child {display: inline-block;min-width: 7rem;color:#83dfff;font-weight:bold;}
.btn-src4100 span:nth-child(2) {color:#fff;margin-left:.5rem;}

.div-src4200 {position:relative;width:100%;height:100%;padding:0;}
#roll-src4200 {width:100%;height:100%;}
#roll-src4200 .swiper-slide {overflow:hidden;width:100%;height:100%;background:#44c7f4;}
#roll-src4200 .swiper-slide img {position:absolute;top:12.5rem;left:50%;}
#roll-src4200 .img1 {width:152.24%;height:auto;-ms-transform:translate(-30.65%,0);-webkit-transform:translate(-30.65%,0);transform:translate(-30.65%,0);}
#roll-src4200 .img2 {width:131.68%;height:auto;-ms-transform:translate(-60.25%,0);-webkit-transform:translate(-60.25%,0);transform:translate(-60.25%,0);}
#roll-src4200 .img3 {width:106.37%;height:auto;-ms-transform:translate(-36.56%,0);-webkit-transform:translate(-36.56%,0);transform:translate(-36.56%,0);}
#roll-src4200 .swiper-slide p {position:absolute;width:100%;top:6rem;left:0;text-align:center;color:#fff;font-size:1.4rem;line-height:1.8rem;}

#src4200-pagination {position:absolute;z-index:15;width:100%;top:2.5rem;left:0;display:flex;justify-content:center;}
#src4200-pagination .swiper-pagination-bullet{width:1rem;height:1rem;margin-left:.8rem;background:#90e3ff;}
#src4200-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
#src4200-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.src4200-scroll .swiper-button-prev , .src4200-scroll .swiper-button-next , .div-src4200 .swiper-button-prev , .div-src4200 .swiper-button-next{width:4.2rem;height:4.2rem;top:7.2rem;}
.src4200-scroll .swiper-button-prev, .div-src4200 .swiper-button-prev{background:url(../img/icon_service_pre.png) no-repeat 1rem center;background-size:1.2rem;left:0rem;}
.src4200-scroll .swiper-button-next, .div-src4200 .swiper-button-next{background:url(../img/icon_service_next.png) no-repeat 2rem center;background-size:1.2rem;right:0rem;}

.footer-src4200 {position:absolute;bottom:0;z-index:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:5rem;padding:0 1.5rem;background:#fff;border-top-left-radius:.5rem;border-top-right-radius:.5rem;}
.footer-src4200 label {}
.footer-src4200 label:before {display:inline-block;}
.footer-src4200 label span {height:2rem;display:inline-block;font-size:1.3rem;font-weight:bold;;line-height:2rem;}
.btn-swiper-start{display:none;border-radius:5rem;font-size:1.4rem;color:#fff;padding:0 1.3rem;height:3rem;background-color:#44C7F4;}

.content-wrap-lgn,
.content-wrap-src4300 {height:-webkit-calc(100% - 5.3rem);height:-moz-calc(100% - 5.3rem);height:calc(100% - 5.3rem);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.content-wrap-lgn2 {height:-webkit-calc(100% - 5.3rem - 4rem - 5rem);height:-moz-calc(100% - 5.3rem - 4rem - 5rem);height:calc(100% - 5.3rem - 4rem - 5rem);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.div-src4300 {padding:2.5rem 1.5rem 0;}
.div-src4300-2 {padding:1rem 0 0 0;}
/* 자주하는 질문 수정 20200216 */
.div-src4300-2 .ul-nol5300-3 {margin-top:0;}
.div-src4300-2 .ul-nol5300-3 li {padding:0 1.5rem;}
.div-src4300-2 .ul-nol5300-3{padding:0 1.5rem;}
.div-src4300-2 .ul-nol5300-3 > li:nth-child(2n-1){background-color:#fff;}
.div-src4300-2 .ul-nol5300-3 > li{padding:0;}
.div-src4300-2 .ul-nol5300-3 > li > dl > dt{padding:1.5rem 3rem 1.5rem 2rem;font-size:1.3rem;font-weight:normal;line-height:2rem;color:#444;}
.div-src4300-2 .ul-nol5300-3 > li > dl > dt:after{width:1.3rem;top:2.3rem;background-position:center;background-repeat:no-repeat;background-size:100%;}
.div-src4300-2 .ul-nol5300-3 > li > dl > dt:before{font-weight:bold;}
.div-src4300-2 .ul-nol5300-3 > li > dl > dd.st2{border-top:0;padding:1.5rem 1.5rem 1.5rem 3rem;margin-bottom:1.5rem;background-color:#F5F5F5;border-radius:.4rem;color:#444;font-size:1.2rem;line-height:1.8rem;}
.div-src4300-2 .ul-nol5300-3 > li > dl > dd:before{left:1rem;}
.div-src4300-2 .ul-nol5300-3 > li.active dt{color:#000;font-weight:bold;}


.input-src4300 {position:relative;width:100%;height:3.9rem;border:3px solid #44c7f4;border-radius:.35rem;}
.input-src4300 form {width:100%;height:100%;}
.input-src4300 input {width:100%;height:100%;padding-left:1rem;}
.input-src4300 button{position:absolute;overflow:hidden;top:0;right:0;height:100%;}
/*.input-src4300 button {position:absolute;overflow:hidden; width:1.3rem;height:1.3rem;top:50%;right:1rem;background:url("../img/search.png");background-size:1.3rem 1.3rem;transform:translate(0,-50%);text-indent:-1000%;}*/

.div-src4600 {display:flex;align-items:center;flex-direction:column;text-align:center;}
.div-src4600 img {width:5.9rem;height:5.8rem;margin-top:1.5rem;}
.div-src4600 > p {margin-top:1.3rem;color:#000;font-size:1.7rem;line-height:1.3;}
.div-src4600 > span {color:#000;font-size:1.7rem;font-weight:bold;line-height:1.3;}
.div-src4600 button {position:relative;width:9.15rem;height:3rem;margin-top:2.5rem;padding:0 1.3rem;background:#424242;border-radius:3rem;color:#fff;font-size:1.2rem;text-align:center;line-height:3rem;}
/* .div-src4600 button:before {width:.4rem;height:.7rem;position:absolute;top:50%;right:1.3rem;background:url("../img/icon-btn-arrow-w.png");background-size:.4rem .7rem;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);content:"";} */

/* donut chart */
#chart {position:relative;width:24rem;height:24rem;margin:1.7rem auto 0;}
#chart .text {display:flex;position:absolute;width:100%;height:100%;top:0;left:0;justify-content:center;flex-direction:column;align-items:center;}
#chart .text > span:first-child {margin-top:-1.5rem;color:#000;font-size:1.3rem;}
#chart .text > span:nth-child(2) {margin-top:.9rem;color:#000;font-size:1.6rem;font-weight:bold;}
#chart .text > span span {font-size:100%;}
.jqplot-grid-canvas {display:none;}

/*=== 1912 신규 추가 페이지 ===*/
.fc-blue{color: #44C7F4 !important;font-size:100%;}
.fc-white{color:#fff !important;font-size:100%;}
/*.content > .btn-lgn:last-child, .content > .btn-wrap:last-child{margin-bottom:10rem;}*/
.mt116{margin-top:11.6rem;}

/*--- 전체메뉴 ---*/
.side-layer{position:fixed;top: 0;left: 0;z-index: 21;width: 100%;height: 100%;background-color:#fff;}
.layer-popup{position:relative;height:100%;padding:11rem 0 8.4rem;}
.side-layer .layer-popup{padding:11.5rem 0 5.2rem;}
.btn-layerclose{position:absolute;right:0;top:0.0rem;width:4.3rem;height:4.3rem;font-size:0;text-indent:-999rem;background:url('../img/icon-popup-close.png') no-repeat center center;background-size:1.5rem auto;}
.btn-layerclose.white{top:1.5rem;background-image:url('../img/icon_header_close_white.png');}
.sidemenu-top{position:absolute;top:0;left:0;width:100%;height:11.5rem;padding:2.6rem 1.5rem 1.5rem;background:#44c7f4;}
.side-user > div{display:flex;flex-direction:row;align-items:center;}
.side-user div > p{color:#fff;font-size:1.7rem;font-weight:bold;}
.side-user div > p:first-child{display:inline-block;min-height:2rem;}
.side-user > div + p{margin-top:.7rem;font-size:1.2rem;color:#fff;}
.side-user div > p > em{font-size:inherit;font-weight:inherit;}
.side-user div > p.side-date{display:block;color:#999;font-size:1.2rem;font-weight:normal;}
.side-user div .btn-logout, .side-user .btn-login{display:inline-block;min-width:4.8rem;height:1.8rem;margin-left:1rem;padding:0 .8rem;border-radius:1.8rem;background:#fff; color:#44C7F4;;font-size:1rem;line-height:1.8rem;vertical-align:middle;font-weight:bold;}
/*.btn-logout{background:url('../img/icon_gnb_logout2x.png') no-repeat right center;background-size:1.1rem auto;}
.btn-login{background:url('../img/icon_gnb_login2x.png') no-repeat right center;background-size:1.1rem auto;}*/
.btn-rndnext{position:relative;width:100%;height:2.2rem;margin-top:1.5rem;padding:0 .8rem 0 2.1rem;color:#fff;font-size:1.1rem;line-height:2.2rem;text-align:left;border-radius:1rem;background:#319FDA url('../img/icon-btn-arrow-w.png') no-repeat 98% center;background-size:.4rem auto;letter-spacing:-.11rem;}
.btn-rndnext::before{content:'';position:absolute;top:50%;left:1rem;width:.9rem;height:.8rem;margin-top:-.4rem;background:url('../img/icon_menuopen_list2.png') no-repeat center;background-size:100%;}

.sidemenu-body{position:relative;height:100%;padding-left:11.1rem;background:#f2f2f2;border-top:1px solid #d8d8d8;}

/*고객센터*/
.sidemenu-body .sidemenu.depth1{position:absolute;left:0;top:0;width:11.1rem;height:100%;padding-top:1.2rem;}
.btn-sidedep1{position:relative;z-index:1;width:100%;min-height:4rem;padding-left:3.8rem;color:#000;font-size:1.2rem;text-align:left;background-color:transparent;}
.btn-sidedep1.selected{color:#fff;font-weight:bold;}
.btn-sidedep1::after{content:'';position:absolute;z-index:1;top:50%;margin-top:-.75rem;left:1.5rem;width:1.8rem;height:1.5rem;}
.btn-sidedep1.home{color:#4078b4;font-weight:bold;background:url('../img/icon-gnb-home.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.deposit{color:#4078b4;font-weight:bold;background:url('../img/icon-footer-deposit.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.card{color:#4078b4;font-weight:bold;background:url('../img/icon-footer-card.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.newmail{color:#4078b4;background:url('../img/icon-footer-info.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.customer::after{background:url('../img/icon-footer-customer.png') no-repeat;background-size:100%;}
.btn-sidedep1.setting::after{background:url('../img/icon-gnb-setting.png') no-repeat;background-size:100%;}
.btn-sidedep1.ver::after{background:url('../img/icon-gnb-ver.png') no-repeat;background-size:100%;}
.btn-sidedep1.family::after{background:url('../img/icon_gnb_family2x.png') no-repeat;background-size:100%;}

.btn-sidedep1.deposit.selected{background:url('../img/icon-footer-deposit_on.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.card.selected{background:url('../img/icon-footer-card_on.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.newmail.selected{background:url('../img/icon-footer-info_on.png') no-repeat 1.5rem center;background-size:1.8rem auto;}
.btn-sidedep1.setting.selected::after{background:url('../img/icon-gnb-setting_on_w.png') no-repeat;background-size:100%;}
.btn-sidedep1.customer.selected::after{background:url('../img/icon-footer-customer_on_w.png') no-repeat;background-size:100%;}
.btn-sidedep1.ver.selected::after{background:url('../img/icon-gnb-ver_on_w.png') no-repeat;background-size:100%;}
.btn-sidedep1.family.selected::after{background:url('../img/icon-gnb-family_on_w.png') no-repeat;background-size:100%;}
.sidemenu.depth1 button.selected::before{content:'';position:absolute;top:50%;left:.5rem;margin-top:-1.4rem;height:2.8rem;width:105%;z-index:-1;background-color:#44c7f4;border-radius:5rem;}
.sidemenu .sub-menu-box{position:relative;margin-top:1.1rem;padding-top:2rem;}
.sidemenu .sub-menu-box::before{content:'';position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background-color:#D8D8D8;}
.sidemenu .sub-menu-box li:first-child .btn-sidedep1{margin-bottom:2rem;}
.btn-sidedep1.alarm{background:url('../img/icon_gnb_like2x.png') no-repeat 1.5rem 0.5rem;background-size:1.8rem auto;}
.btn-sidedep1.account{background:url('../img/icon_gnb_account2x.png') no-repeat 1.5rem 0.5rem;background-size:1.8rem auto;}
.btn-sidedep1.alarm.txt-blue{background:url('../img/icon_gnb_like_on2x.png') no-repeat 1.5rem 0.5rem;background-size:1.8rem auto;}
.btn-sidedep1.account.txt-blue{background:url('../img/icon_gnb_account_on2x.png') no-repeat 1.5rem 0.5rem;background-size:1.8rem auto;}


.sidemenu-body .sidemenu.depth2{position:relative;width:100%;height:100%;overflow-y:auto;padding:1.2rem 0 1rem;background-color:#fff;/*border-bottom-left-radius:.5rem;*/-webkit-overflow-scrolling:touch;}
.sidemenu-body .sidemenu.depth2 > ul{padding-bottom:2rem;}
.sidemenu-body .sidemenu.depth2 > ul > li {/*padding:.5rem 0;border-bottom:.1rem solid #d8d8d8;*/}
.sidemenu-body .sidemenu.depth2 > ul > li:first-child{padding-top:0;}
/* .sidemenu-body .sidemenu.depth2 > ul > li:last-child{padding-bottom:0;} */
.btn-sidedep2{position:relative;width:100%;min-height:4rem;padding:0 .5rem 0 2rem;color:#444;font-size:1.2rem;text-align:left;}
.btn-sidedep2.on-link{text-decoration:underline;}
.btn-sidedep2::after{content:'';position:absolute;left:1.5rem;right:1.5rem;bottom:0;height:1px;background-color:#dedede;z-index:1;}
/* 
::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:vertical{width:.2rem;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:1rem;}
 */

/*버전확인*/
.side-version{padding:1rem 1.5rem 2rem;text-align:center;}
.version-detail + .version-detail {border-top:1px solid #d8d8d8;}
.version-detail img{display:none;width:4.25rem;height:4.25rem;margin-bottom:1.4rem;border-radius:.5rem;}
.now-ver{margin-bottom:.7rem;color:#444;font-size:1.2rem;}
.new-ver{color:#000;font-size:1.1rem;font-weight:bold;}
.txt-ver{margin:1.5rem 0 2.5rem;color:#999;font-size:1.2rem;}
.txt-ver:before{content:'';display:inline-block;margin:0 .7rem .3rem 0;width:.3rem;height:.3rem;border-radius:.15rem;background:#444}
.update-ver{margin:1rem 0 2.5rem;}
.update-ver .btn-rnd{min-width:9.5rem;min-height:3rem;line-height:3rem;padding:0 1rem;color:#fff;font-size:1.2rem;border-radius:1.5rem;background:#424242;}
.device-title{margin:2.5rem 0 1.4rem;color:#000;font-size:1.3rem;font-weight:bold;}
.device-title.icon-app{margin:0;padding-top:4.2rem;background:url(../img/img-appicon.png) no-repeat top center;background-size:4.2rem 4.2rem;text-indent:-9999rem;}
.device-model, .device-os{width:14rem;margin:0 auto;color:#444;font-size:1.2rem;text-align:left;}
.device-os{margin-top:.7rem;}
.device-model:before, .device-os:before{content:'';display:inline-block;margin:0 .7rem .3rem 0;width:.3rem;height:.3rem;border-radius:.15rem;background:#444}

/*패밀리앱*/
.side-family{padding:1rem 1.5rem 2rem;}
.fam-txt{margin-bottom:2rem;color:#000;font-size:1.2rem; line-height:1.4;} 
/* line-height 추가 20200129 ock */
.fam-txt > strong{display:block;margin-bottom:1rem;font-size:1.3rem;font-weight:bold;}
.fam-app{position:relative;padding:1.5rem 0 1.5rem 5rem;background:transparent;text-align:left;}
.fam-app + .fam-app{border-top:1px solid #d8d8d8}
.fam-app img{position:absolute;left:0;top:1.5rem;width:4.25rem;height:4.25rem;border-radius:.5rem;}
.app-tit{margin-bottom:1rem;color:#000;font-size:1.2rem;font-weight:bold;}
.app-sub{color:#444;font-size:1.2rem;line-height:1.7rem;}

.sidemenu-foot{position:absolute;bottom:5rem;left:0;width:100%;height:8.4rem;background:#f2f2f2;border-bottom:1px solid #000;}
.btn-recommed{position:absolute;left:1.0rem;top:0;width:12.5rem;height:100%;padding-left:2.1rem;color:#000;font-size:1.2rem;text-decoration:underline;text-align:left;line-height:1.5rem;background:transparent url('../img/icon_gnb_like2x.png') no-repeat left 40%;background-size:1.8rem auto;}
.side-right{padding:1.5rem;text-align:right;}
.side-right > p{color:#666;font-size:1.2rem;line-height:1.5rem;}
.side-right .btn-next{height:2.5rem;padding-right:.9rem;color:#000;font-size:1.2rem;font-weight:bold;background:transparent url('../img/icon_btn_arrow2x.png')no-repeat right center;background-size:.4rem auto;}

/*=== 설정페이지 ===*/
/*PSH_SRC_3000*/
.box-gray{margin-bottom:2.7rem;padding:2rem 1.5rem;background-color:#f5f5f5;border-radius:.35rem;}
.list-dot li{position:relative;padding-left:1rem;color:#444;font-size:1.3rem;line-height:1.8rem;}
.list-dot li + li{margin-top:1.5rem;}
.list-dot li:before{content:'';position:absolute;left:0;top:.7rem;width:.3rem;height:.3rem;border-radius:.15rem;background-color:#444;}
.list-dot li p{color:#000;}
.btn-info{width:4rem;height:4rem;margin:-1rem 0;font-size:0;text-indent:-999rem;background:url('../img/icon_info2x.png') no-repeat 10% center;background-size:1.1rem auto;}
.btn-info + .btn-popup{z-index:100;}
.btn-popup p{margin-bottom:.5rem;}

.certi-box {padding-bottom:1.5rem;border-bottom:1px solid #d8d8d8}
.certi-box .lgn-label2:first-child{padding-bottom:0;border-bottom:0;}
.certi-box label{font-weight:normal !important;}
.certi-box label em{display:block;margin-top:.7rem;padding-left:3rem;color:#999;font-size:1.2rem;}
.certi-box .lgn-label2:first-child button{top:-1px !important;}
.certi-box button{display:block;position:absolute;width:4.8rem;height:2rem;padding:0 0 0 .8rem;top:.9rem !important;right:0;border:1px solid #444;border-radius:2rem;color:#444;font-size:1.2rem;text-align:left;line-height:1rem;transform:none;}  
.certi-box button:after {position:absolute;width:.4rem;height:0.7rem;top:50%;right:.8rem;background:url('../img/icon-btn-arrow.png');background-size:100% auto;content:"";-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}

.setting-box{margin-top:3.5rem;}
.box-gray + .setting-box{margin-top:0;}

.setting-box input + p{margin-top:1rem;color:#444;font-size:1.3rem;}
.setting-box .title{margin-bottom:1rem;font-size:1.5rem;color:#000;font-weight:bold;}
.setting-box .sub{font-size:1.3rem;}
.setting-box .tbl-line{width:100%;}
.setting-box .tbl-line tr > *{height:3.4rem;color:#444;font-size:1.2rem;border-bottom:1px solid #d8d8d8;}
.setting-box .tbl-line tr:first-child > *{border-top:1px solid #d8d8d8}
.setting-box .tbl-line th{font-weight:normal;text-align:left;}
.setting-box .tbl-line td{text-align:right;}

/*PSH_SRC_3100*/
.setting-list li{position:relative;padding:1.5rem;border-bottom:1px solid #d8d8d8; background-color:#edf5fb;}
.setting-list li.bg-gray{background-color:#f9f9f9;}
.setting-list li.bg-white{background-color:#fff;}
.setting-list li button{width:100%;padding-right:2.5rem;text-align:left;background:url('../img/icon-arrow-m.png') no-repeat 98% center;background-size:.8rem auto;}
.setting-list li .title{display:block;margin-bottom:.9rem;color:#000;font-size:1.4rem;font-weight:bold;}
.setting-list li .sub{color:#666;font-size:1.2rem;word-break:keep-all;}

.setting-list p{position:relative;}
.setting-list li.bg-gray p{padding-right:5rem;}
.setting-list .toggle-box{position:absolute;right:1.5rem;top:50%;margin-top:-1rem;}
.toggle-box{width:4.5rem;height:2rem;}
/* detail-sound-box */
.setting-list li.bg-white .btn-dropdown{background-image:none;-webkit-box-flex:1;}
.setting-list li.bg-white > p{padding-left:1.5rem}
.setting-list .detail-sound-box > ul{margin-top:1.5rem; margin-bottom:-1.5rem;}
.setting-list .detail-sound-box > ul li{border-top:1px solid #d8d8d8; background-color:#fff; border-bottom:none; padding:0}
.setting-list .detail-sound-box > ul li > strong{display:inline-block; padding:1.5rem; width:100%; background-color:#f8f8f8; font-weight:bold}
.setting-list .detail-sound-box > ul li > div {padding:.5rem 1.5rem; border-top:1px solid #d8d8d8; border-bottom:none; background-color:#fff}
.setting-list .detail-sound-box > ul li > div p label{margin:.5rem 0; padding:.5rem 0; width: calc(100% - 2rem);}

input[type="checkbox"].ipt-toggle{position:inherit;display:block;width:4.5rem;height:2rem;background:url('../img/toggle_off.png') no-repeat center center;background-size:100% auto;left:0 !important;clip:initial;}
input[type="checkbox"].ipt-toggle:checked{background:url('../img/toggle_on.png') no-repeat center center;background-size:100% auto;}

.setting-list p > label:first-child{font-weight:bold;}
.setting-list p > label.ft-big{font-size:2rem;}
input[type="radio"].ipt-radio{display:inline-block;width:2rem;height:2rem;background:url('../img/radio-off.png') no-repeat center center;background-size:100% 100%;}
input[type="radio"].ipt-radio:checked{background:url('../img/radio-on.png') no-repeat center center;background-size:100% 100%;}
.setting-list li > .ipt-wrap:only-child{line-height:3.2rem;}
.ipt-wrap{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;}
.ipt-wrap > *{display:block;}

.setting-wrap + .list-dot{margin-top: 2rem;}
.setting-wrap + .list-dot + .btn-wrap button{margin:4rem auto 0;} /* 버튼 여백 수정 */
.setting-wrap2 {padding:2.7rem 1.5rem 0;}
.setting-wrap2 + .list-dot{margin-top: 2rem;}

.btn-lgn.small{height:3rem !important;margin-top:3rem;line-height:3rem !important;font-size:1.2rem !important;}
.btn-lgn.gray{background-color:#c4c4c4;}
.btn-wrap > .btn-lgn{font-size:1.8rem;}
.content-title.alram{text-align:center;line-height:3rem;}
.content-title.alram img{width:3rem;height:3rem;margin-right:1rem;}
.popup.alram-pop{padding:3rem 1.5rem;}
.popup.alram-pop .pop-body{margin-bottom:0;}

.ft-preview{margin-top:4rem;}
.ft-preview .title{margin-bottom:1.5rem;margin-left:1.5rem;font-size:1.4rem;font-weight:bold;}
.ft-preview .content-wrap-nol2000{padding:2.5rem 1.5rem;}

.wrap-pb1 {padding-bottom:4rem;}
.wrap-pb1 .btn-lgn {margin-top:2rem;}

/* 큰글씨 */
.ft-big .title-date-nol2000 {font-size:1.95rem;}
.ft-big .dl-nol2000 dt {font-size:1.95rem;}
.ft-big .div-nol2000-content {display:flex;width:100%;margin-top:1rem;justify-content:flex-start;flex-direction:column;align-items:flex-start;}
.ft-big .div-nol2000-content > span {display:block;width:100%;padding-bottom:.5rem;font-size:1.8rem;}
.ft-big .div-nol2000-content > div {}
.ft-big .div-nol2000-content > div > span{display:block;font-size:3rem;letter-spacing:-1px;line-height:1.2;}
.ft-big .dl-nol2000 dd .icon-account {height:3rem;margin-right:.5rem;border-radius:3rem;color:#fff;font-size:1.8rem;text-align:center;line-height:3rem;letter-spacing:0;}
.ft-big .div-nol2000-content {height:auto;}
.ft-big .dl-nol2000 .div-balance {padding-top:.5rem;font-size:1.8rem;text-align:right;}
.ft-big .dl-nol2000 .div-balance span {font-size:1.8rem;}
.ft-big .dl-nol2000 .div-memo-info {padding-left:2.2rem;font-size:1.8rem;}
.ft-big .dl-nol2000 .div-memo-info:before {width:1.8rem;height:1.8rem;}
.ft-big .dl-nol2000 .div-memo-info2 {font-size:1.8rem;}

.ft-big .dl-nol2000 dd .div-check2 {width:-webkit-calc(100% - 8.4rem);width:-moz-calc(100% - 8.4rem);width:calc(100% - 8.4rem);flex-wrap:wrap;}
.ft-big .dl-nol2000 dd .div-check2 span {display:block;font-size:1.95rem;}
.ft-big .dl-nol2000 dd.complete > button {margin-top:2.5rem;}

.ft-big .div-nol3000 {align-items:flex-start;flex-direction:column;}
.ft-big .text-nol3000 {font-size:1.8rem;line-height:1.3;}
.ft-big .approve .div-nol3000 span:first-child,
.ft-big .cancel .div-nol3000 span:first-child{font-size:3rem;}
.ft-big .div-nol3000 span:first-child em {width:4.95rem;height:3rem;margin-right:.5rem;border-radius:3rem;color:#fff;font-size:1.8rem;line-height:3rem;text-align:center;}
.ft-big .div-nol3000 span:last-child {max-width:100%;margin-top:.5rem;font-size:1.95rem;}
.ft-big .p-nol3000 {font-size:1.8rem;line-height:2.55rem;}
.ft-big .p-nol3000 button {font-size:1.8rem;line-height:2.55rem;text-align:justify;}

.ft-big .div-nol5200 {display:flex;flex-direction:column;}
.ft-big .div-nol5200 > p {display:block;width:100%;font-size:1.95rem;text-align:left;white-space:nowrap;word-wrap:normal;}
.ft-big .div-nol5200 > span {display:block;padding:0;font-size:3rem;text-align:left;line-height:3rem;}

/* 약관 */
.terms{padding-bottom:30px;}
.terms .first{padding-top:2rem;}
.terms .first > li{margin-top:17px;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.terms .first > li:first-child{margin-top:0;}
.terms .first > li > strong{display:block;margin-bottom:5px;color:#333;font-size:1.5rem;word-break:break-word;word-wrap:break-word;font-weight:bold;text-align:justify;text-justify:inter-character;}
.terms .first > li > p{color:#333;font-size:1.4rem;line-height:140%;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.terms .second{margin:.5rem 0 0 .5rem;}
.terms .second > li{color:#333;margin-top:.3rem;padding-left:2rem;font-size:1.4rem;line-height:150%;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;text-indent:-2rem;}
.terms .third{margin:0 0 0 1.5rem;text-indent:-1.5rem;}
.terms .last{margin-top:2rem;color:#333;font-size:1.4rem;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.terms .second li.nonum{padding-left:0;text-indent:0;}
.terms .second li.nonum+li.nonum {margin-top:1rem;}

.policy{padding-bottom:30px;}
.policy .firstSolo{/*margin-top:17px;*/color:#333;font-size:1.4rem;line-height:140%;word-break:break-all; word-wrap:break-word;text-justify:inter-character;text-align:left;}
.policy .secondSolo{color:#333;font-size:1.4rem;line-height:140%;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.policy .box {margin-top:20px;}
.policy .box > strong{display:block;margin-bottom:5px;color:#333;font-size:1.6rem;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.policy .box .first > li{margin-top:17px;}
.policy .box .first > li:first-child{margin-top:5px;}
.policy .box .first > li > strong{display:block;margin-bottom:5px;color:#333;font-size:1.4rem;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.policy .box .first > li > p{color:#333;font-size:1.4rem;line-height:140%;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.policy .box .second{margin:.5rem 0 0 0;padding-left:.5rem;}
.policy .box .second > li{color:#333;margin-top:.3rem;font-size:1.4rem;line-height:140%;word-break:break-word;word-wrap:break-word;text-align:justify;text-justify:inter-character;}
.policy .box .second span{color:#333;font-size:1.2rem;line-height:140%;word-break:break-word;word-wrap:break-word;display:block;}
.policy .box .third{padding-left:.5rem;}

.content-pop.scrollBox .box{border:1px solid #e1e1e1;margin-top:1rem;overflow:hidden;}
.content-pop.scrollBox .box .first {padding:0 1rem 1rem;}
.content-pop.scrollBox .box > strong{padding:10px;color:#333;font-size:1.6rem;background:#f4f5f6;display:block;}
.content-pop.scrollBox .text{margin:0 1rem;padding:1.5rem 0 .5rem 0;color:#797d80;font-size:1.3rem;word-break:break-word;word-wrap:break-word;line-height:1.1;}
.content-pop.scrollBox .text li{line-height:150%;}
.content-pop.scrollBox .text > ol > li{margin-bottom:1rem;}
.content-pop.scrollBox .text .third{margin-left:1rem;}

.swiper-button-start{display:none;position:absolute;left:20%;right:20%;bottom:2rem;width:60%;height:5rem;background:#fff;border-radius:1rem;text-align:center;color:#44c7f4;line-height:5rem;font-size:1.7rem;font-weight:bold;z-index:5;}
.rdo-select-list li + li{margin-top:1.6rem}
.rdo-select-list li{position:relative;padding-left:3rem}
.rdo-select-list li input[type="radio"] + span{position:absolute;left:0;}

.pg-system{text-align:center;margin-top:10rem;}
.pg-system p{margin-top:2.5rem;font-weight:bold;line-height:1.3;}
.pg-notice{text-align:center;overflow-y:auto;}
.pg-notice .logo-pop{width:7rem;height:5.1rem;margin-top:3.4rem;}
.pg-notice h2{margin-top:2.1rem;font-size:2rem;line-height:1.45;}
.pg-notice h2 em{font-weight:bold;font-size:inherit;vertical-align:baseline;}
.pg-notice .sub-pop-txt{margin-top:1.4rem;font-size:1.2rem;line-height:1.4;}
.pg-notice .sub-pop-txt.left{text-align:left;padding:0 2.5rem;}
.pg-notice .sub-pop-txt em{font-weight:bold;font-size:inherit;color:#09A5DA;vertical-align:baseline;}
.pg-notice .noti-box{padding:0 1.5rem;margin-top:2.5rem;}
.pg-notice .noti-box.icon{position:relative;margin-top:8.7rem;}
.pg-notice .noti-box.icon::before{content:'';position:absolute;top:-6.4rem;left:50%;margin-left:-2rem;width:6.8rem;height:7.7rem;background:url(../img/icon_notice_popup.png) no-repeat;background-size:100%;}
.pg-notice .noti-box table{width:100%;background-color:#F5F5F5;}
.pg-notice .noti-box tr:first-child th, .pg-notice .noti-box tr:first-child td{padding-top:2rem;}
.pg-notice .noti-box tr:last-child th, .pg-notice .noti-box tr:last-child td{padding-bottom:2rem;}
.pg-notice .noti-box th{padding:.5rem;padding-right:1rem;font-size:1.1rem;font-weight:bold;vertical-align:top;text-align:right;}
.pg-notice .noti-box td{padding:.5rem;text-align:left;font-size:1.1rem;}
.pg-notice .noti-box td em{font-weight:bold;font-size:1.2rem;color:#09A5DA;}
.pg-notice .sub-info-pop{margin-top:2rem;padding:0 1rem 3rem;font-size:1.2rem;line-height:1.4;}
.pg-notice .sub-info-pop em{vertical-align:baseline;font-weight:bold;font-size:inherit;}
.pg-notice #btnUpdate{margin-top:2.5rem;}
.pg-notice #btnUpdate img{width:7.5rem;height:7.5rem;}
.pg-notice #btnUpdate2{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#44c7f4;font-size:1.8rem;height:4.5rem;color:#fff;}

/* 키보드 up시 position변경 */
.no-fixed{position:relative !important;margin-top:2.5rem;}

/* 아이폰용 코딩 */
.iphone .side-user div .btn-logout, .iphone .side-user .btn-login{line-height:2rem}
.iphone .btn-rndnext{line-height:2.4rem;}
.iphone .intro-text-box {padding:.6rem 1rem .3rem}
.iphone .info-sub-txt{padding-top:.3rem;}
.iphone .bull-lgn{line-height:1.2rem;}
.iphone .btn-collect{line-height:2.3rem;}
.iphone .lgn-div-advice > button{line-height:4rem;}
.iphone .update-ver .btn-rnd, 
.iphone .box-pinpassword button,
.iphone .div-src4600 button,
.iphone .btn-src4100, 
.iphone .btn-3100,
.iphone .content-nol5000 .btn-r > button{line-height:3.2rem;}
.iphone .ul-fixed-src3120 li:first-child button,
.iphone .title-src3120 button, 
.iphone .dl-nol2000 dd .icon-account,
.iphone .title-src3120 button,
.iphone .nol3000-line1 button div.money span:first-child em{line-height:2.2rem;}
.iphone .ft-big .dl-nol2000 dd .icon-account{line-height:3.2rem;}
.iphone .ul-nol2050 li input[type="radio"] + span{line-height:2.7rem;}
.iphone .dl-nol2000 .div-balance{line-height:1.3;}
.iphone .btn-src4100.mg-l span:nth-child(2){margin-left:0.5rem;}
.iphone .dl-nol2000 dd .div-check3 > span {top:.3rem;}
.iphone .dl-nol2000 dd .div-check3 input[type="checkbox"]+label:before,
.iphone .dl-nol2000 dd .div-check input[type="checkbox"]+label:before{margin-bottom:2px;}
.iphone .ttl-box .ttl-txt{margin-top:0.35rem;}
.iphone .ft-big .dl-nol2000 dd .div-check3 input[type="checkbox"]+label:before,
.iphone .ft-big .dl-nol2000 dd .div-check input[type="checkbox"]+label:before{margin-bottom:4px;}
.iphone .div-nol2000-content > button > div:first-child > span{line-height:2.2rem;}
.iphone .ft-big .div-nol2000-content > button > div:first-child > span{line-height:3.5rem;}
.iphone .ft-big .ttl-box .ttl-txt{margin-top:0;}
.iphone .content-radio label, .iphone .tab-content-title > label{line-height:2.2rem;}
.iphone .src2000-btn-wrap > .btn-src2000{line-height:3.2rem;}
/*
.iphone .div-bull .bull-lgn {display:block;overflow:hidden;width:12px;height:8px;margin-left:10px;padding:2px 0;border-radius:10px;box-sizing:content-box;text-align:center;line-height:10px;} 
.iphone .side-user div .btn-logout, .side-user .btn-login{display:inline-block;height:2rem;margin-left:1rem;padding:.3rem 1.5rem;line-height:1.6rem;vertical-align:middle;}
.iphone .btn-collect {display:flex;width:11.1rem;height:2.1rem;margin-top:2rem;padding:0 1.3rem;line-height:2.1rem;justify-content:center;align-items:center;line-height:normal;}
.iphone .btn-collect img {display:block;width:.8rem;height:.9rem;margin-right:.6rem;}
.iphone .btn-pop-nol-confirm {position:relative;width:5.7rem;height:3rem;padding:.7rem 1.3rem;text-align:left;line-height:1.6rem;} 
.iphone .dl-nol2000 dd .icon-account {line-height:2rem;padding:.1rem 0;}
.iphone .btn-sns-wrap button:nth-child(3),
.iphone .btn-sns-wrap button:nth-child(4) {padding:.3rem 0;}
.iphone .popup .pop-body .pop-box2 > span {padding:.2rem 0;}
.iphone .ul-nol2050 li input[type="radio"] + span {padding:.2rem 0;line-height:3.9rem;}

.iphone .btn-cancel {height:5rem;padding:0.2rem 0;line-height:5rem;}
.iphone .btn-confirm {height:5rem;padding:0.2rem 0;line-height:5rem;}
.iphone .btn-cancel2 {height:3.3rem;padding:0.1rem 0;line-height:3.3rem;}
.iphone .btn-confirm2 {height:3.3rem;padding:0.1rem 0;line-height:3.3rem;}
.iphone .btn-nol1 {height:3.3rem;padding:0.1rem 0;line-height:3.3rem;}
.iphone .btn-nol2 {height:3.3rem;padding:0.1rem 0;line-height:3.3rem;}
.iphone .btn-src1 {height:5rem;padding:0.2rem 0;line-height:5rem;}
.iphone .btn-src2 {height:5rem;padding:0.2rem 0;line-height:5rem;}
.iphone .lgn-div-phone button {height:3.9rem;padding:2px 0;line-height:3.9rem;}
*/



/*shinohsoo*/
.fullpopup-scroll.no-scroll {overflow: hidden;}
.side-foot .shape, .footer .shape {
    background: url('../img/bg-footer3.png') 0px 0.5px no-repeat;
    background-size: 100% auto;
}
.side-foot .btn-quick, .footer .btn-quick {background: none;width: 4.8rem;height: 4.8rem;margin-left: -2.4rem;top: .4rem;}
.side-foot .btn-quick.active, .footer .btn-quick.active {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.side-foot .btn-quick:before, .footer .btn-quick:before {
	content: '';display: block;width: 4.8rem;height: 4.8rem;border-radius: 50%;background-size: 100% 100%;position: absolute;left: 0;right: 0;
    top: 0;bottom: 0;animation: rotation 4s infinite linear;background-image: linear-gradient(0deg, #a9fdf8 0%, #366ca8 100%);
}
@keyframes rotation {
	form {
		transform: rotate(0deg);
	}
	to {transform: rotate(359deg);}
}
.side-foot .btn-quick:after, .footer .btn-quick:after {
	content: '';display: block;width: 3.9rem;height: 3.9rem;background: url('../img/quick_open_ci2x.png') no-repeat;
	position: relative;margin: auto;border-radius: 50%;    background-size: 100% 100%;border: 2px solid #fff;
}

.header.header-main {border-bottom: 0;}
.header.header-main {justify-content: flex-start;border-bottom: 0;padding-left: 2rem;}
.header.header-main .img-logo {width: 9.7rem;}
.header.header-main + .content-wrap > .content {padding-top: 2rem;}
.login-off {padding-left: .5rem;}
.login-off * {display: block;}
.title-login {font-size: 2rem;}
.title-sub-login {font-size: 1.2rem;}
.login-on-box {position: relative;margin-top: 1.8rem;padding: 3.5rem 0;border: 1px solid #d7d7d7;border-radius: .62rem;}
.login-on-box .checkbox-box {position: absolute;top: 2rem;right:2rem;text-align: center;}
.login-on-box .checkbox-box .txt {display: block; padding-top: .4rem;font-size: 1.1rem;color: #6C6C6C;text-align: center;line-height: 1.6rem;}
.login-on-box .btn-belogin-login {display: flex;width: auto;height: auto;margin: 0 auto;background: none;border: 0;border-radius: none;box-shadow: none;}
.login-on-box .btn-belogin-login img {width: 6.1rem;height: auto;margin: auto;}
.login-on-box .btn-belogin-login p {padding-top: .5rem;font-size: 1.4rem;}
.login-on-box .btn-belogin-login p span {position: relative;padding: 0 .5rem;vertical-align: 0;}
.login-on-box .btn-belogin-login p span:before {content: '';display: block;height: 1rem;position: absolute;left:0;right:0;bottom:-3px;background: #44C7F4;opacity: .2;}
.login-on-box .btn-belogin-login p span em {position: relative;color: #0D79C3;font-weight: bold;line-height: 2rem;}
.event-link span {position: relative;padding: 0 .5rem;vertical-align: 0;}
.event-link span:before {content: '';display: block;height: 1rem;position: absolute;left:0;right:0;bottom:-3px;background: #44C7F4;opacity: .2;}
.event-link span em {position: relative;color: #0D79C3;font-weight: bold;line-height: 2rem;}
.title-sosub-login {font-size: 1.3rem;}
.ul-title-notice dt {font-size: 1.2rem;}
.text-nol1131-date {font-size: 1.3rem;margin-bottom: .5rem;}
.tab-nol1131-list li > div:last-child > span:first-child {margin-bottom: .5rem;font-size: 1.1rem;}
.tab-nol1131-list li > div:first-child> p:before {content: none;}
.tab-nol1131-list li > div:first-child > p {padding-left: 0;margin-top: 0;height: auto;}

.tab-nol1131-list li > .text-receipt .price {font-size: 1.5rem;padding-bottom: .3rem;}
.tab-nol1131-list li.in > div:last-child > span:last-child, .tab-nol1131-list li.in > div:last-child > span:last-child,
.tab-nol1131-list li.out > div:last-child > span:last-child, .tab-nol1131-list li.out > div:last-child > span:last-child,
.tab-nol1131-list li.out > div:last-child > span:last-child, .tab-nol1131-list li.out > div:last-child > span:last-child {font-size: 1.1rem;color: #636363;font-weight: normal;}

.tab-nol1131-list li > div:last-child > span {display:block;line-height:1.2;}
.tab-nol1131-list li > div:last-child > span:first-child {margin-bottom:.5rem;font-size:1.1rem;color:#000;}
.tab-nol1131-list li > div:last-child > span:last-child {font-size:1.6rem;}

.tab-nol1131-list li.in > .text-receipt .price,
.tab-nol1131-list li.approve > .text-receipt .price {color:#09a5da;}
.tab-nol1131-list li.out > .text-receipt .price,
.tab-nol1131-list li.cancel > .text-receipt .price {color:#fc584d;}

.tab-nol1131-list li.cancel > .text-receipt .price,
.tab-nol1131-list li.approve > .text-receipt .price  {padding-bottom: 0;}


.text-receipt > span {font-size:1.2rem;font-weight:bold;}
.tab-nol1131-list li.in .text-receipt > span.receipt {color:#09a5da;content:"입금";}
.tab-nol1131-list li.out .text-receipt > span.receipt {color:#fc584d;content:"출금";}
.tab-nol1131-list li.approve .text-receipt > span.receipt {color:#09a5da;content:"승인";}
.tab-nol1131-list li.cancel .text-receipt > span.receipt {color:#fc584d;content:"승인취소";}

.tab-nol4000-btn {display:flex;width:-webkit-calc(100% - 3rem);width:-moz-calc(100% - 3rem);width:calc(100% - 3rem);height:4rem;margin:0 auto;justify-content:space-between;}
.tab-nol4000-btn li {width:-webkit-calc((100% - .2rem) / 3);width:-moz-calc((100% - .2rem) / 3);width:calc((100% - .2rem) / 3);}
.tab-nol4000-btn li button {width:100%;height:4rem;border-bottom:5px solid #d8d8d8;color:#999;font-size:1.3rem;line-height:4rem;text-align:center;}
.tab-nol4000-btn li.on button {border-bottom:5px solid #44c7f4;color:#44c7f4;font-weight:bold;}
.tab-nol4000-btn.tab2.mg0{-webkit-calc(100% - 0rem);width:-moz-calc(100% - 0rem);width:calc(100% - 0rem)}
.tab-nol4000-btn.tab2 li{width:-webkit-calc((100% - .2rem) / 2);width:-moz-calc((100% - .2rem) / 2);width:calc((100% - .2rem) / 2);}
.tab-nol4000-btn.tab2 li:nth-of-type(3){display:none}
.tab-content > div.ioslist:nth-child(2) {visibility: hidden;display: block;}


.info-help {width: 1.6rem;height: 1.6rem;background:url("../img/icon-info.png")no-repeat center center;background-size: 1.6rem;}

.popup-box .popup {padding: 1.5rem 1.5rem;}

.popup .content-title {font-size: 1.5rem;}
.popup .content-title:after {content: '';display: block;height: 1px;border-bottom: 1px solid #C6C6C6;position: absolute;top:5rem;left: 0;right: 0;}
.popup .pop-body {margin: 2rem 0 0;}
.popup .pop-body .pop-box {padding: 1.5rem 0 .5rem 0;margin-top: 0;background: none;font-size: 1.4rem;color: #444;text-align: center;}
.popup .pop-body .pop-box li {text-align: left;}
.popup .btn-new-wrap .btn-txt {width: auto;height: auto;padding: .8rem 1.5rem;font-size: 1.2rem;line-height: 1.4rem;}
.btn-nol1 {min-width: 8rem;width: auto;height: auto;font-size: 1.2rem;line-height: 1.4rem;padding: .8rem 1.5rem;}
.btn-nol2 {min-width: 8rem;width: auto;height: auto;font-size: 1.2rem;line-height: 1.4rem;padding: .8rem 1.5rem;}
.popup-wrap4 .popup .content-title + .pop-body {margin-top: 2rem;}
.pop-sub-txt {margin-top: 1rem;}
.popup .pop-body .ul-nol2050 {margin-top: 1rem;}
.popup-wrap4 .pop-sub-txt {margin-top: 1rem !important;}
.pop-body .pop-txt {margin-top: 1rem !important;}
.popup-wrap4 .popup-box .popup .pop-body.st2 {margin-top: 1.5rem;padding-top: 2rem;}
.wrapper .content-title {font-size: 1.3rem;letter-spacing: -1px;}

.login-img-logo {text-align: center;padding-top: 1.3rem;}
.login-img-logo img {width: 11.6rem;height:auto;}
.login-img-logo p {padding-top: 1rem;font-size: 1.6rem;}
.login-img-logo p span {position: relative;vertical-align: 0;}
.login-img-logo p span:before {content: '';display: block;height: 1rem;position: absolute;left:0;right:0;bottom:-3px;background: #44C7F4;opacity: .2;}
.login-img-logo p span em {position: relative;color: #0D79C3;font-weight: bold;line-height: 2rem;font-size: 1.6rem;}
.auto-login-box {padding-top: 5.5rem; text-align: center}
.auto-login-box .auto-login {display: inline-block;margin: 0 auto;padding: 1.8rem 4.3rem; border: 1px solid #D7D7D7;border-radius: .6rem;}
.auto-login-box .auto-login .txt {padding-right:.5rem; font-size: 1.1rem;color: #6C6C6C;text-align: center;line-height: 1.6rem;}
.auto-login-box .copy-txt {padding-top:1rem;font-size: 1.2rem;color: #8C8C8C;text-align: center;line-height: 1.6rem;}
.login-wrap .login-center button {text-align: center;}
.login-wrap .login-center button > div:first-child {margin: auto;}

.setting .div-scroll {max-height: 42rem;}

.setting .popup-box .popup {width: 90%;max-width: 34rem;text-align: left;}
.setting .popup .content-title:after {content: none;}
.setting .popup .content-title {font-size: 1.3rem;color: #000;}
.setting .popup .div-scroll .pop-box {width: 100%;padding: 1.5rem;background: #f5f5f5;border-radius: 0.35rem;}
.setting .pop-box-dl {display: flex;width: 100%;padding: 1rem 0;border-top: 1px solid #d8d8d8;font-size: 1.3rem;}
.setting .pop-box-dl:first-child {border-top: 0 none;}
.setting .popup .div-scroll .pop-box .pop-box-dl {overflow: hidden;}
.setting .popup .div-scroll .pop-box .pop-box-dl dt {float: left; display: flex;width: auto;min-width: 7rem;padding-right: 1rem;color: #000;align-items: center;font-size: 1.1rem;font-weight: bold;}
.setting .popup .div-scroll .pop-box .pop-box-dl dd {margin-top: 0;color: #444;font-size: 1.1rem;overflow: hidden;text-align: right;}
.setting .popup .div-scroll .pop-box .pop-box-dl dd input {width: 100%;height: 3.8rem;padding: 0 1rem;background: #fff;border:1px solid #d6d6d6;border-radius: .35rem;text-align: left;}
.setting .popup .content-title2, 
.lgn-popup .content-title2 {margin-top: 2rem;font-size: 1.3rem;}
.setting .ul-nol1120 li .round, 
.setting .ul-nol1120-2 li .round {width: 2.7rem;height: 2.7rem;border-radius: 50%;border: 0;background-size: 100%;background-repeat: no-repeat;}
.setting .ul-nol1120 li .txt {display: block;padding-top:1rem;font-size: 1rem;color: #000;text-align: center;line-height: 1.2rem;}
.setting .ul-nol1120-2 li .txt {display: block;padding-top:.5rem;font-size: 1rem;color: #000;text-align: center;line-height: 1.2rem;}
.setting .ul-nol1120 li, 
.setting .ul-nol1120-2 li {width: 20%;height: auto;}
.setting .ul-nol1120 li label, .setting .ul-nol1120-2 li label {display: block;background: none;text-align: center;}
.setting .ul-nol1120 li input[type="radio"] + div {display: inline-block;width: auto;margin: auto;padding: 0.8rem .5rem;margin: auto;} 
.setting .ul-nol1120-2 input[type="radio"] + div {display: inline-block;width: auto;margin: auto;padding: 0.8rem .3rem;margin: auto;}

.setting .ul-nol1120-2 li img {width: 3.2rem;height: auto;}

.setting .ul-nol1120 li .account-sae .round {background:#45C1EB;}
.setting .ul-nol1120 li .account-deep .round {background:#346AA6;}
.setting .ul-nol1120 li .account-green .round {background:#44A9F4;}
.setting .ul-nol1120 li .account-pulple .round {background:#F7C452;}
.setting .ul-nol1120 li .account-orange .round {background:#B5B5B5;}
.setting .ul-nol1120.col2 li .account-black .round {background-image:url("../img/white_thumb2x.png");}
.setting .ul-nol1120.col2 li .account-spring .round {background-image:url("../img/spring_thumb2x.png");}
.setting .ul-nol1120.col2 li .account-summer .round {background-image:url("../img/summer_thumb2x.png");}
.setting .ul-nol1120.col2 li .account-autumn .round {background-image:url("../img/autumn_thumb2x.png");}
.setting .ul-nol1120.col2 li .account-winter .round {background-image:url("../img/winter_thumb2x.png");}

.ul-fixed-src3120 li:first-child span {font-size: 1.3rem;}
.ul-fixed-src3120 li:first-child button {font-size: 1.1rem;}
.ul-fixed-src3120 li span {font-size: 1.2rem;}
.title-src3120 span {font-size: 1.3rem;}
.div-box-nol1100 {border-radius: 0;box-shadow: none;}

.box-nol1100.account-black, .box-nol1100.account-spring, .box-nol1100.account-summer, .box-nol1100.account-autumn, 
.box-nol1100.account-winter {border: 1px solid #e2e2e2;border-bottom:0;}

.box-nol1100 {
	width: 100%;height: auto;display: flex;position: relative;padding: 0 0 2.5rem;border-radius: 1.2rem 1.2rem 0 0;box-shadow: none;background-repeat: no-repeat;
    color: #fff;flex-direction: column;
}

.box-nol1100 .account-text1 {position: relative;padding: 1.5rem 0 1.5rem 5.5rem;font-size: 1.4rem;}
.box-nol1100 .account-text1 .btn-nickname {position:absolute;top: 50%;right: .5rem;margin-top: -1.5rem;background-size: 1.6rem 1.6rem !important;}
.box-nol1100 button {text-align: center;}
.box-nol1100 button:last-of-type {margin-right:0;}
.box-nol1100 .account-text2 {padding-top: 2.5rem;font-size: 1.4rem;font-weight: normal;text-align: center;}
.account-btnwrap {display: inline-block;width: auto;text-align: center;margin:1.3rem auto 0;}
.ul-src3120 li dt, .ul-src3120 li dd {font-size: 1.1rem;text-align: left;line-height: 1.4rem;}
.toggle-src3120 .btn-toggle {padding: 1.5rem 0;}
.toggle-src3120.active .ul-src3120:nth-child(2) {height: calc(9.4rem + 1rem);}
.box-nol1100.account-sae .account-text1,
.box-nol1100.account-deep .account-text1,
.box-nol1100.account-green .account-text1,
.box-nol1100.account-pulple .account-text1,
.box-nol1100.account-orange .account-text1 {border-bottom: 1px dotted #fff;}

.box-nol1100.account-black .account-text1,
.box-nol1100.account-spring .account-text1,
.box-nol1100.account-summer .account-text1,
.box-nol1100.account-autumn .account-text1,
.box-nol1100.account-winter .account-text1 {border-bottom: 1px dotted #aeaeae;color: #000;}

.box-nol1100.account-black .account-text2,
.box-nol1100.account-spring .account-text2,
.box-nol1100.account-summer .account-text2,
.box-nol1100.account-autumn .account-text2,
.box-nol1100.account-winter .account-text2 {color: #616161;}

.box-nol1100.account-black .account-btnwrap button,
.box-nol1100.account-spring .account-btnwrap button,
.box-nol1100.account-summer .account-btnwrap button,
.box-nol1100.account-autumn .account-btnwrap button,
.box-nol1100.account-winter .account-btnwrap button {background: url("../img/right-arrow-sb.png") right center no-repeat;background-size: .4rem auto;color: #2a2a2a;}
.div-box-nol1100 > div {margin-top: 1rem;height: auto;}

.account-sae .baby, .account-deep .baby, .account-green .baby, .account-pulple .baby, .account-orange .baby {background-image:url("../img/icon_baby_white.png");}
.account-sae .cart, .account-deep .cart, .account-green .cart, .account-pulple .cart, .account-orange .cart {background-image:url("../img/icon_cart_white.png");}
.account-sae .cat, .account-deep .cat, .account-green .cat, .account-pulple .cat, .account-orange .cat {background-image:url("../img/icon_cat_white.png");}
.account-sae .etc, .account-deep .etc, .account-green .etc, .account-pulple .etc, .account-orange .etc {background-image:url("../img/icon_etc_white.png");}
.account-sae .house, .account-deep .house, .account-green .house, .account-pulple .house, .account-orange .house {background-image:url("../img/icon_house_white.png");}
.account-sae .love, .account-deep .love, .account-green .love, .account-pulple .love, .account-orange .love {background-image:url("../img/icon_love_white.png");}
.account-sae .old, .account-deep .old, .account-green .old, .account-pulple .old, .account-orange .old {background-image:url("../img/icon_old_white.png");}
.account-sae .pig, .account-deep .pig, .account-green .pig, .account-pulple .pig, .account-orange .pig {background-image:url("../img/icon_pig_white.png");}
.account-sae .trip, .account-deep .trip, .account-green .trip, .account-pulple .trip, .account-orange .trip {background-image:url("../img/icon_trip_white.png");}
.account-sae .users, .account-deep .users, .account-green .users, .account-pulple .users, .account-orange .users {background-image:url("../img/icon_users_white.png");}
.account-black .baby, .account-spring .baby, .account-summer .baby, .account-autumn .baby, .account-winter .baby {background-image:url("../img/icon_baby_blue.png");}
.account-black .cart, .account-spring .cart, .account-summer .cart, .account-autumn .cart, .account-winter .cart {background-image:url("../img/icon_cart_blue.png");}
.account-black .cat,.account-spring .cat,.account-summer .cat,.account-autumn .cat,.account-winter .cat {background-image:url("../img/icon_cat_blue.png");}
.account-black .etc,.account-spring .etc,.account-summer .etc,.account-autumn .etc,.account-winter .etc {background-image:url("../img/icon_etc_blue.png");}
.account-black .house,.account-spring .house,.account-summer .house,.account-autumn .house,.account-winter .house {background-image:url("../img/icon_house_blue.png");}
.account-black .love,.account-spring .love,.account-summer .love,.account-autumn .love,.account-winter .love {background-image:url("../img/icon_love_blue.png");}
.account-black .old,.account-spring .old,.account-summer .old,.account-autumn .old,.account-winter .old {background-image:url("../img/icon_old_blue.png");}
.account-black .pig,.account-spring .pig,.account-summer .pig,.account-autumn .pig,.account-winter .pig {background-image:url("../img/icon_pig_blue.png");}
.account-black .trip,.account-spring .trip,.account-summer .trip,.account-autumn .trip,.account-winter .trip {background-image:url("../img/icon_trip_blue.png");}
.account-black .users,.account-spring .users,.account-summer .users,.account-autumn .users,.account-winter .users {background-image:url("../img/icon_users_blue.png");}


.account-sae {background:#45C1EB;}
.account-deep {background:#346AA6;}
.account-green {background:#44A9F4;}
.account-pulple {background:#F7C452;}
.account-orange {background:#B5B5B5;}
.account-black {background:#fff;color:#000;}

.account-spring {
	background-image:url("../img/spring2x.png"), linear-gradient(-30deg, #FFFFFF 23%, #FFF0EF 100%);;
	background-size:6.8rem auto, 100%;background-position:right bottom;color:#000;
}
.account-summer {
	background:url("../img/summer2x.png") no-repeat center bottom;background-size:100% auto;color:#000;
}
.account-autumn {
	background-color:white;background-image:url("../img/autumn2x.png"), linear-gradient(19deg, #FFFFFF 7%, #FFF8E5 100%);;
	background-size:8rem auto, 100%;background-position:right bottom;color:#000;
}
.account-winter {
	background-color:white;background-image:url("../img/winter2x.png"), linear-gradient(0deg, #fff 21%, #eaf1f6 81%);
	background-size:100% auto, 100%;background-position:0 -1.5rem;color:#000;
}

.btn-nickname{width:3rem;height:3rem;background:url(../img/icon_main_setting.png) no-repeat center !important;background-size:1.3rem 1.3rem !important;text-indent:-9999rem;margin-top:-.4rem;}

.account-black .btn-nickname,.account-summer .btn-nickname, .account-autumn .btn-nickname, .account-winter .btn-nickname,
.account-spring .btn-nickname{;background:url(../img/ic-actions-settings_w.png) no-repeat center !important;background-size:1.3rem 1.3rem !important;}


.box-nol1100 .icon {position:absolute;width:2.5rem;height:2.5rem;top:1.2rem;left:2rem;background-size:100% auto;background-repeat: no-repeat;}

.div-box-nol1100-more .div-box-nol1100 .box-nol1100 {height: 14.5rem;}
.div-box-nol1100-more {height: auto;padding-bottom: 6rem;}
.div-box-nol1100 .box-nol1100 {border-radius: 1.2rem;}
.div-box-nol1100 .box-nol1100 {padding: 0 0 2.5rem;}
.div-box-nol1100 .box-nol1100 button {display: block;width: 100%; text-align: center;}
.div-box-nol1100 .box-nol1100 button.no-mark {display: block;width: 100%;padding-top: 2rem; text-align: center;font-size:1rem;}
.div-box-nol1100 .box-nol1100 button.no-mark:before {
	content:"";display: block;height: 2rem; background:url('../img/icon_nodate_w.png') no-repeat center center;background-size:1.5rem;
}

.div-box-nol1100 .account-black button.no-mark:before,
.div-box-nol1100 .account-spring button.no-mark:before,
.div-box-nol1100 .account-summer button.no-mark:before,
.div-box-nol1100 .account-autumn button.no-mark:before,
.div-box-nol1100 .account-winter button.no-mark:before {
	content:"";display: block;height: 2rem; background:url('../img/icon_nodate.png') no-repeat center center;background-size:1.5rem;
}

.div-box-nol1100 .box-nol1100 .account-text1 .btn-nickname {width: 3rem;}

.div-box-nol1100 .box-nol1100.account-black .account-text3,
.div-box-nol1100 .box-nol1100.account-spring .account-text3,
.div-box-nol1100 .box-nol1100.account-summer .account-text3,
.div-box-nol1100 .box-nol1100.account-autumn .account-text3,
.div-box-nol1100 .box-nol1100.account-winter .account-text3 {color: #0D79C3;}

.div-box-nol1100 .account-black, .div-box-nol1100 .account-spring, .div-box-nol1100 .account-summer, 
.div-box-nol1100 .account-autumn, .div-box-nol1100 .account-winter {border: 1px solid #e2e2e2;}
.box-nol1100-more {
	display: flex;position: absolute;width: auto;height: 4rem;bottom: 0;left: 50%;background-color: #fff;box-shadow: none;border: 1px solid #d8d8d8;
	border-radius: 0.35rem;padding: 0 2rem;margin-left: -5rem;min-width: 10rem;
}
.box-nol1100-more span {
	color: #424242;font-size: 1.2rem;font-weight: normal;text-align: center;height: 100%;display: flex;align-items: center;
    justify-content: center;opacity: 1;
}
.box-nol1100-more span:before {content:'+ 더보기';color: #424242;font-size: 1.2rem;font-weight: normal;text-align: center;padding-top: .2rem;}
.box-nol1100-more.active span:before {content: "- 접기";padding-top: .2rem;}
.div-box-nol1100-more.active .box-nol1100-more {display: inline-block;min-width: 9.1rem;text-align: center;margin-top: 2rem;}
.flex-center {display: flex;width: 100%;height: 9rem;height:-webkit-calc(100% - 4.7rem);height:-moz-calc(100% - 4.7rem);height:calc(100% - 4.7rem);justify-content: center;align-items: center;flex-direction: column;}
.div-box-nol1100 .box-nol1100 .flex-center.mark .account-text2 {padding-top: 2rem;}
.div-box-nol1100 .box-nol1100 .flex-center.mark button.no-mark {padding-top: .5rem;}
.box-nol1100 .account-text2 + .account-text3 {padding: .7rem 0 0;}
.box-nol1100 .account-text3 {padding: 2.3rem 0 1rem;}




.fullpopup-scroll .tab-content.st2.dt0305 {padding: .5rem 0 1rem 0;overflow: hidden;}
.fullpopup-scroll .tab-content.st2.dt0305 > div {height:100%;overflow-y: auto;}
.fullpopup-scroll .tab-content.st2.dt0305 .ioslist {padding-right: 1rem;}
.tab-nol1131-list li > div:first-child> p:before {background-repeat: no-repeat;}

.ioslist-wrapper{height: 100%;overflow-x: hidden;overflow-y: auto;position: absolute;width: 100%;top: 3rem;}


.ioslist-group-container {margin: 0;min-height: 1px;overflow: hidden;padding: 2.5rem 1rem 1rem 0;position: relative;}
.date-header {
    background: #F0F0F0;color: #696969;padding: .5rem 2rem;position: relative;text-align: center;display: inline-block;margin: 0 auto;
    border-radius: 2rem;left: 50%;margin-left: -5rem;font-size: 1.1rem;font-weight: bold;top: .5rem;
}
.date-header ~ .date-header {margin-top: 1rem;}
.ioslist-group-header {bottom: auto;min-height: 1px;top: 0;}
.ioslist-fake-header {z-index: 1000;}

.ioslist-fake-header.ioslist-hidden {visibility: hidden;}
.ioslist-group-container.ioslist-animated .ioslist-group-header {bottom: 0;top: auto;}

.ioslist {height: 100%;overflow: visible;position: relative;zoom: 1;}
.tab-content > .ioslist {overflow-y: hidden;}
.ioslist-wrapper .ioslist-group-container:first-of-type {padding: 0 0 1rem 0;}
.ioslist-wrapper .ioslist-group-container:first-of-type .ioslist-group-header {display: none;}




/*shinohsoo*/



@media only screen and (min-width:360px) {
    .btn-sidedep2.lt-s{letter-spacing:-.02rem;}
/*    .btn-nickname{left:10.8rem;}*/
    .lgn-div-text-advice .break{letter-spacing:-0.08rem;font-size:1.1rem;}
}
@media (min-height:550px) and (max-height:650px) {
    .content-wrap.h-iphone {max-height:600px;}
    .btn-belogin-login {padding-top: .5rem;}
    .btn-belogin-login img {margin: 0 auto;}
}
@media (min-height:420px) and (max-height:550px) {
    .content-wrap.h-iphone {max-height:510px;}
    .btn-belogin-login {padding-top: .5rem;}
    .btn-belogin-login img {margin: 0 auto;}
}