@charset "utf-8";

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}
@-webkit-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}

/* =Set Class */
.blind{overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;color:transparent} /* ���� �̹����� �ǹ��ִ� �ؽ�Ʈ�� ��ü�ؽ�Ʈ�� �����Ҷ� */
.dimmed{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:26;background-color:#000;opacity:.5;filter:alpha(opacity=50)} /* ���巹�̾� */
.dimmed_b{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:32;background-color:#000;opacity:.5;filter:alpha(opacity=50)} /* ���巹�̾� */
.dimmed.on{display:block}

/* button */
.btn-primary{display:inline-block; color:#222; padding:0 20px; border-radius:6px; background:#ffcc00; text-align:center;}
.btn-primary:disabled {background:#fff0b2; color:#a7a7a7; box-shadow: 3px 4px 8px 2px rgb(255 215 55 / 0.15) !important;}
.btn-conts {display:inline-block; background:#fff; color:#222; text-align:center; padding:0 15px; border:1px solid #222; font-weight:400; border-radius:6px; }
[class*='btn-base']{display:inline-block; color:#222; text-align:center; padding:0 15px; border:1px solid #e0e0e0; border-radius:6px; background:#fff;}
.btn-under {display:inline-block; position:relative;}
.btn-under:after{position:absolute; content:''; left:0; right:0; bottom:0; height:1px; background-color:#666;}
.btn-base:disabled {background:#fff; border-color:#ccc; color:#ccc;}

/* [base] FORM ---------------------------------------------------------------------------*/
/* style init */
input::-webkit-inner-spin-button,
input::-webkit-clear-button{display:none;-webkit-appearance:none;appearance:none}
input::-webkit-calendar-picker-indicator{color:rgba(0,0,0,0);opacity:0;filter:alpha(opacity=0)}
input::-webkit-calendar-picker-indicator:hover{background:transparent;cursor:pointer}
input::-ms-clear,
input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none}

input[type=password]::-webkit-contacts-auto-fill-button,
input[type=password]::-webkit-credentials-auto-fill-button {visibility: hidden; display: none !important; pointer-events: none; height: 0; width: 0; margin: 0;}

textarea,
input, select{ -webkit-appearance: none; -webkit-border-radius: 0; border-radius:0;}
/* radio & checkbox */
input[type="radio"],
input[type="checkbox"] {opacity:0; display:inline-block; position:absolute; z-index:-1; vertical-align:top; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0;}
.lb-radio,
.lb-check {position:relative; display:inline-block; vertical-align:top; padding:2px 0 0 0; margin:0; cursor:pointer; padding-left:36px; font-size:18px; line-height:22px; color:#222;}
.lb-radio:before,
.lb-check:before{position:absolute; top:0; left:0; content:""; display:block; width:24px; height:24px; box-sizing:border-box; border:1px solid #ccc;}
.lb-radio:before {border-radius:50%;}
.lb-check:before {border-radius:6px;}
.ui-m .lb-radio, .ui-m .lb-check {color:#666; padding-left:30px; position:relative;}
/* .ui-m .lb-radio:before, .ui-m .lb-check:before {margin-right:7px;} */

/* 200921 :: ������ư (�Ϲ�) */
:checked + .lb-radio {color:#222;}
:checked + .lb-radio:before {border-color:#ffcc00; background:#fff5cc;}
:checked + .lb-radio:after {content:''; display:block; width:12px; height:12px; position:absolute; top:6px; left:6px; background:#ffcc00; border-radius:50%;}

/* 200921 :: ������ư (�ڽ�) */
.lb-radio.type-box{display:block; width:100%; height:48px; line-height:48px; font-size:18px; padding:0; margin-left:-1px; text-align:center; border:1px solid #e0e0e0;}
.lb-radio.type-box:before {display:none;}
.lb-radio.type-box:after {content:''; display:block; position:absolute; top:12px; left:auto; right:12px; transform:inherit; background:#fff; width:8px; height:8px; border-radius:50%; border:8px solid #e9e9e9;} 
:checked + .lb-radio.type-box{border:1px solid #ffcc00; background:#fffae5; z-index: 10;}
:checked + .lb-radio.type-box:after {border-color:#ffcc00;}

/* 200921 :: üũ�ڽ� (�Ϲ�) */
:checked + .lb-check {color:#222;}
:checked + .lb-check:before {border-color:#ffcc00; background:#ffcc00; -webkit-transition: background-color .2s ease-in-out 0s; transition: background-color .2s ease-in-out 0s;}
:checked + .lb-check:after {content:""; display:block; position:absolute; top:1px; left:0; border-bottom:2px solid #fff; border-left:2px solid #fff; border-radius:0; -webkit-transform:translate(6px, 5px) rotate(-45deg); transform:translate(6px, 5px) rotate(-45deg); width:11px; height:7px;}

/* 200923 :: üũ�ڽ� (�ڽ�) */
.lb-check.type-box{width:100%; height:48px; line-height:45px; border:1px solid #e0e0e0; padding-left:0; border-radius:6px; text-align: center; }
.lb-check.type-box:before {left:auto; right:15px; top:50%; margin-top:-12px; border:0; background:#e9e9e9; border-radius: 50%;}
.lb-check.type-box:after{content:""; display:block; position:absolute; top:50%; left:auto; right:27px; margin-top:-11px; border-bottom:2px solid #fff; border-left:2px solid #fff; border-radius:0; -webkit-transform:translate(6px, 5px) rotate(-45deg); transform:translate(6px, 5px) rotate(-45deg); width:11px; height:7px;}
:checked + .lb-check.type-box{border-color:#ffcc00; background:#fff5cc;}
:checked + .lb-check.type-box:before {background:#ffcc00;}
:checked + .lb-check.type-box {color:#222;}

:disabled + .lb-radio,
:disabled + .lb-check {color:#ccc; cursor:not-allowed;}
:not(:checked):disabled + .lb-radio:before, :not(:checked):disabled + .lb-check:before {border-color:#ddd; background:#fafafa;}
:checked:disabled + .lb-radio:before,
:checked:disabled + .lb-check:before {opacity:0.4;}

.lb-radio span,
.lb-check span {display:inline-block; vertical-align:middle; height:100%; border-bottom:1px solid transparent;}
.lb-title {display:inline-block; margin-right:10px; line-height:18px; padding-bottom:6px; vertical-align:top; cursor:pointer; color:#222; font-weight:300;}

/* input */
.inp-base {display:inline-block; vertical-align:top; width:100%; border:0; border-bottom:1px solid #ccc; height:56px; padding:3px 4px 0 4px; font-size:22px; color:#222; outline:0; margin:0;}
.ui-m .inp-base { height:48px; font-size:18px;}
.inp-base:focus{border-color:#ffcc00;}
.inp-base.error {border-color:#ec5151;}
.inp-base:disabled {background:none; color:#999; border-color:#eee;}
.inp-base::-webkit-search-cancel-button{display:none;}

/* select */
.ui-m select {display:inline-block; position:relative; vertical-align:top; height:48px; padding:0 30px 0 4px; font-size:18px; color:#222; border-radius:0; border:0; border-bottom:1px solid #ccc;
background:#fff url(../img/icon_select.png) no-repeat 100% center; background-size:28px 24px;}
.ui-m select {width:100%;}
select::-ms-expand {display:none;}
select optgroup,
select option {font-style:normal; background-color:#fff; font-weight:300;}
select[disabled] {background-color:#f7f7f7; color:#888;}
select:focus{border-color:#000;}

.ui-m .form-btntype {position:relative; padding-right:128px;}
.ui-m .form-btntype button {position:absolute; top:0; right:0; min-width:120px; margin-left:8px;}
.ui-d .form-btntype {position:relative; display:flex;}
.ui-d .form-btntype button {flex:none; margin-left:12px; min-width:120px; max-width:250px; white-space: nowrap; width:auto;}
.form-btntype.large {padding-right:168px;}
.form-btntype.large button {min-width:160px;}
.ui-m .form-btntype {padding-right:112px;}
.ui-m .form-btntype button {width:100px; min-width:100px; margin-left:12px;}

/* ui-acco */
.ui-acco {border:1px solid #ddd; border-radius:6px;}
.ui-m .ui-acco {border:0; border-bottom:1px solid #ddd; border-radius:0;}
.ui-m .content .ui-acco {margin:0 -24px;}
.ui-m .ui-acco-wrap {border-top:1px solid #ddd;}
.ui-acco-tit {position: relative;}
.ui-acco-btn {position:relative; width:100%; padding:18px 70px 18px 24px; text-align:left; color:#222; font-size:18px; line-height:26px; font-weight:300;}
.ui-acco-btn:after, .ui-acco-btn:before {content:""; position:absolute; right:31px; top:50%; width:10px; height:1px; margin-top:4px; box-shadow:inset 0 0 0 32px; -webkit-transform-origin:right; transform-origin:right;}
.ui-acco-btn:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ui-acco-btn:after {-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.ui-acco-btn.selected:before, .ui-acco-btn.selected:after {margin-top:-4px;}
.ui-acco-btn.selected:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.ui-acco-btn.selected:after {-webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.ui-acco-pnl {background:#f8f8f8; padding:22px 24px; font-size:16px; line-height:26px; font-weight:300;}

.faq .ui-acco-btn {padding-left:46px;}
.faq .ui-acco-tit:before {position:absolute; top:18px; left:24px; content:'Q.'; color:#37b39a; letter-spacing:0;}
.faq .ui-acco-pnl-wrap {padding-left:22px; position: relative;}
.faq .ui-acco-pnl-wrap:before {position:absolute; top:0; left:0; content:'A.'; color:#666; letter-spacing:0;}

.win .faq .ui-acco-btn {border-top:1px solid #ddd; font-size:22px; line-height:34px; padding:22px 60px 22px 62px;}
.win .faq .ui-acco-wrap:first-child .ui-acco-btn {border:0;}
.win .faq .ui-acco-tit:before {font-size:22px; left:30px; top:23px;}
.win .ui-acco-pnl  {font-size:18px; line-height:28px; padding:34px 40px 35px 30px;}
.win .faq .ui-acco-pnl-wrap {padding-left:32px;}
.win .faq .ui-acco-pnl-wrap:before {font-size:18px; left:2px;}

/* ui modal : base */
.ui-fctab-s {outline:0;}
.scroll-no, .scroll-lock, .scroll-no body, .scroll-lock body {overflow:hidden; }
.ui-modal.n1 {z-index:201;}
.ui-modal.n2 {z-index:202;}
.ui-modal.n3 {z-index:203;}
.ui-modal.n4 {z-index:204;}
.ui-modal.n5 {z-index:205;}
.ui-modal {position:fixed; opacity:0; top:0; left:-300%; width:100%; height:100%; z-index:200;box-sizing:border-box;-webkit-transition:left 0s 0.6s, opacity 0s 0.6s, background 0.45s cubic-bezier(0.22,0.61,0.2,1) 0.15s; transition:left 0s 0.6s, opacity 0s 0.6s, background 0.45s cubic-bezier(0.22,0.61,0.2,1) 0.15s;}
.ui-modal.ready { left:0; right:0; opacity:1; background:rgba(0,0,0,.8);transition-delay:0s;}

.ui-modal-wrap {position:relative; width:100%; background-color: #fff;-webkit-transform:translateY(120%); transform:translateY(120%); -webkit-transition:all 0.45s cubic-bezier(0.22,0.61,0.2,1);transition:all 0.45s cubic-bezier(0.22,0.61,0.2,1);overflow:hidden;}
.ui-modal.ready .ui-modal-wrap {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.ui-modal.ps-bottom .ui-modal-wrap {position:fixed; left:0; bottom:0; max-height:100%; border-top-left-radius:15px; border-top-right-radius:15px;}

.ui-modal.ps-center .ui-modal-wrap {width:800px; margin:30px auto 0; top:50%; opacity:0; border-radius:6px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.ui-modal.ps-center.ready .ui-modal-wrap {opacity:1; margin-top:0;}
.ui-m .ui-modal.ps-center .ui-modal-wrap {width:325px;}

.ui-modal .ui-modal-wrap.small {width:540px;}

.ui-modal-wrap .btn-close {position:absolute; right:12px; top:13px; border:0; width:38px; height:38px; color:#000; z-index:7;}
.ui-modal-wrap .btn-close:before, .ui-modal-wrap .btn-close:after {position:absolute; content:''; left:10px; top:50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width:22px; height:2px; box-shadow:inset 0 0 0 32px;}
.ui-modal-wrap .btn-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ui-modal-wrap .btn-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}

.ps-full .ui-modal-wrap .btn-close {top:8px;}

.ui-modal-header {position:fixed; z-index: 5; position:relative; top:0; left:0; width:100%; min-height:56px; padding:0 45px; text-align:center;}
.ui-modal-header h1 {font-size:18px; color:#000; text-align:center; padding-top:16px;}
.ui-modal-body {position:relative; padding:40px 24px;}

.ps-bottom .ui-modal-header {padding-left:24px; text-align:left; height:69px;}
.ps-bottom .ui-modal-header h1 {padding:0; text-align:left; line-height:69px;}

.ui-modal.ps-full .ui-modal-body {height:calc(100% - 56px); padding-bottom:120px; overflow-y:auto;}
.ui-modal.ps-full .ui-modal-body.not-fixed {padding-bottom:40px;}
.ui-modal.ps-full .ui-modal-wrap {height:100%;}
.type-system .ui-modal-wrap {width:300px;}

.ui-m .ui-modal.ps-full .ui-modal-footer{z-index:20; padding:40px 24px 24px 24px; position:fixed; left:0; bottom:0; right:0; background:rgba(255,255,255,0.7);}
.ui-m .ui-modal-footer .btn-wrap{display:flex;/* width:100%;*/}
.ui-m .ui-modal-footer .btn-wrap button {height:56px; line-height:56px; border-radius:7px;}
.ui-m .ui-modal-footer .btn-wrap button:nth-child(2) {flex:none; width:57%; margin-left:12px;}
.ui-m .ui-modal-footer .btn-wrap .btn-primary{box-shadow:3px 4px 8px 2px rgb(255 215 55 / 0.35);}
.ui-m .ui-modal-footer .btn-wrap .btn-base{padding:0; box-shadow:3px 4px 8px 2px rgb(0 0 0 / 0.04);}
.ui-m .ui-modal-footer .btn-wrap > span:nth-child(1) {width:calc(43% - 12px);}
.ui-m .ui-modal-footer .btn-wrap > span:nth-child(2) {width:57%; margin-left:12px;}
.ui-modal.ps-top .ui-modal-wrap{margin-top:10px}

.ui-modal.type-system .ui-modal-wrap {width:408px; text-align:center; font-size:18px; line-height:28px; border-radius:6px; margin:30px auto 0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.type-system .ui-modal-wrap strong{font-weight:900;}
.ui-m .ui-modal.type-system .ui-modal-wrap {width:325px; font-size:14px; line-height:26px;}

.ui-m .ui-modal.ps-center.is-over .ui-modal-wrap {margin:0;}
.modal-full .ui-modal-footer{position:fixed; bottom:0; width:100%; background:#fff;}
.modal-full .ui-modal .ui-modal-wrap { min-height:100%;} 

/* ui scroll bar : base */
.ui-scrollbar {position:relative; overflow:auto;}
.ui-scrollbar-item{position:absolute; top:0; left:0;}
.ui-scrollbar.ready .ui-scrollbar-item.scroll-y-padding {width:calc(100% - 17px) !important;}
.ui-scrollbar.ready .ui-scrollbar-item.scroll-x-padding {height:calc(100% - 17px) !important;}
.ui-scrollbar.ready {overflow:hidden !important; padding:0 !important;}
.ui-scrollbar.ready > .ui-scrollbar-item{position:relative; width:100%; height:100% !important; padding:7px 0; overflow-y:auto !important;}
.ui-scrollbar.ready .ui-scrollbar-item::-webkit-scrollbar,
.ui-scrollbar.ready .ui-scrollbar::-webkit-scrollbar{width:0; height:0;}
.ie .ui-scrollbar.ready > .ui-scrollbar-item {width:calc(100% + 17px) !important; height:calc(100% + 17px) !important;} 
.ui-scrollbar-barwrap{opacity:0;}
.ui-scrollbar-barwrap.type-y {display:none; position:absolute; top:0; right:0; width:10px; height:100%; background:rgba(0,0,0,0.1); z-index:100; border-top: 2px solid transparent; border-bottom: 2px solid transparent;}
.ui-scrollbar-barwrap.type-x {display:none; position:absolute; bottom:0; left:0; width:100%; height:10px; background:rgba(0,0,0,0.1); z-index:100; border-left: 2px solid transparent; border-right: 2px solid transparent;}
.type-y .ui-scrollbar-bar {position:absolute; top:0; right:2px; width:6px; margin:0; height:20px; background:#fff; opacity:1; border-radius:2px;}
.type-x .ui-scrollbar-bar {position:absolute; top:2px; left:0; width:20px; margin:0; height:6px; background:#fff; opacity:1; border-radius:2px;}
.ui-scrollbar:hover .ui-scrollbar-bar {opacity:1; box-shadow:0 0 5px rgba(0,0,0,0.3)}
.view-scrollbar > .ui-scrollbar-barwrap{animation-name:fadeIn; animation-duration:.2s; animation-iteration-count:1; animation-timing-function:linear; animation-fill-mode: forwards;}
.view-y > .ui-scrollbar-barwrap.type-y{display:block; }
.view-x > .ui-scrollbar-barwrap.type-x{display:block; }

/* ui scroll box : base */
.ui-parallax-item {position:relative;}

/* ui tab : base */
.ui-tab {position:relative;}
.ui-tab-btns {position:relative; overflow:hidden; z-index:1}
.ui-tab-btn {box-sizing:border-box; float:left; position:relative; z-index:0}
.ui-tab-btn:hover span,
.ui-tab-btn:focus span {border-bottom:1px solid #666;}
.ui-tab-btn.selected {z-index:2;}
.ui-tab-btn.selected:hover span,
.ui-tab-btn.selected:focus span {border-bottom:1px solid #fff;}
.ui-tab-pnls {box-sizing:border-box; position:relative; width:100%;}
.ui-tab-pnl {box-sizing:border-box; top:0; left:0;}
.ui-tab-pnl,
.ui-tab-pnl[aria-hidden='true'] {visibility:hidden; position:absolute; opacity:0; display:none}
.ui-tab-pnl.selected,
.ui-tab-pnl[aria-hidden='false'] {visibility:visible; position:relative; opacity:1; z-index:1; display:block}
/* ui-tab :base style */
.ui-tab-btn { font-size:14px;}
.ui-tab-btn.selected {background:#fff; color:#000; border-bottom:1px solid #fff; font-weight:400;}
.ui-tab-pnl {width:100%; padding:10px; top:0; left:0; background:#fff;} 
/* ui-tab : eff */
.ui-tab.eff-fade > .ui-tab-pnls > .ui-tab-pnl {animation-name:fadeIn; animation-duration:.2s; animation-iteration-count:1; animation-timing-function:linear; animation-fill-mode: forwards;}
.ui-tab.eff-fade > .ui-tab-pnls > .ui-tab-pnl[aria-hidden="false"] {animation-name:fadeIn; animation-duration:.2s; animation-iteration-count:1; animation-timing-function:linear; animation-fill-mode: forwards;}

/* ui inputclear */
.btn-eyes {display:none; position:absolute; top:13px; right:38px; width:24px; height:24px; text-indent:-9999em; background:url(../img/icon_pw_security.png) no-repeat; background-size:100%;}
.btn-eyes[value="Hide"] {background-image:url(../img/icon_pw_security_on.png)}

.inpclear-btn {display:inline-block; position:absolute; margin:12px 0 0 -28px; width:24px; height:24px; overflow: hidden; font-size:1px; color:transparent; background:url('../img/icon_del.png') no-repeat; background-size:100%;}

/* $plugins.uiSelect */
select.off{position:absolute; z-index:-1;}
select.off:focus + .ui-select-btn{border-color:#000;}
select.off:focus + .ui-select-btn:after{content:"keyboard_arrow_up";}

.ui-select {position:relative; display:block;}
.ui-select-btn {display:inline-block; position:relative; text-align:left; vertical-align:top; width:100%; height:56px; padding:0 35px 0 4px; border-bottom:1px solid #ccc; font-size:22px; color:#222; cursor:pointer; outline:0; box-sizing:border-box; text-overflow:ellipsis; background-color:#fff;}
.ui-select-btn:after {content:""; display:block; position:absolute; right:10px; top:50%; width:0; height:0; margin-top:-3px; border-width:6px 6px 0 6px; border-style: solid; border-left-color:transparent; border-right-color:transparent;} 
.ui-select-btn span {display:inline-block; width:100%; text-align:left; word-break:nowrap; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; margin-top:6px;}
.ui-select-btn[aria-expanded="true"],
.ui-select-btn:focus,
.ui-select-btn:active {border-color:#000;}
.small .ui-select-btn {height:30px; width:auto; font-size:16px; color:#666;}
.small .ui-select-wrap {border-radius:8px; left:auto; top:37px; width:auto;}

.ui-select-wrap.on {display:block}
.ui-select-wrap {display:none; position:absolute; z-index:100; left:0; top:100%; right:0; margin-top:-1px; border:1px solid #ccc; border-bottom-left-radius: 8px; border-bottom-right-radius:8px; background:#fff; overflow-y:auto; max-height:177px}
.ui-select-wrap.ui-scrollbar {position: absolute;}
.ui-select-opts{overflow:hidden; width:100%; padding:7px 0;}
.ui-select-opt {display:block; float:left; width:100%; padding:5px 25px 5px 16px; font-size:16px; height:40px; text-align:left; background:#fff; white-space:nowrap}
.ui-select-opt.selected {background:#f8f8f8;}
.ui-select-opt.disabled {opacity: 0.5;}
.ui-select-opts input:focus,
.ui-d .ui-select-opt:focus,
.ui-d .ui-select-opt:hover {background:#f8f8f8;}
.ui-select-title {display:none; position:absolute; top:0; left:0;}
.ui-select.type-tel {width:150px}
.ui-select.type-bank {width:200px}
.ui-select.type-card {width:200px}
.ui-select-confirm{display:none;}

input[type=range] {-webkit-appearance: none;margin: 18px 0; width: 100%;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 6px;cursor: pointer;background: #ddd;border-radius: 3px;}
.ui-m input[type=range]::-webkit-slider-runnable-track {height:1px; border-radius:1px;}
input[type=range]::-webkit-slider-thumb { border:none;box-shadow:1px 1px 7px rgba(0,0,0,0.3);height: 24px;width: 24px;border-radius: 50%;background: #ffffff;cursor: pointer;-webkit-appearance: none;margin-top: -9px; }
.ui-m input[type=range]::-webkit-slider-thumb {height: 20px;width: 20px;} 

/* IE11 ���� */
input[type=range]::-ms-track { height: 6px;background: transparent; border-color: transparent; border-width: 12px 0; color: transparent;}
input[type=range]::-ms-fill-lower {background: #ddd; border-radius: 3px;}
input[type=range]::-ms-fill-upper {background: #ddd; border-radius: 3px;}
input[type=range]::-ms-thumb {border: none;height: 24px;width: 24px;border-radius: 50%;box-shadow:1px 1px 7px rgba(0,0,0,0.3);height: 24px;width: 24px;border-radius: 50%;background: #ffffff;}
input[type=range]:focus::-ms-fill-lower {background: #ddd;}
input[type=range]:focus::-ms-fill-upper {background: #ddd;}
input[type=range]::-ms-tooltip {display:none;}

@media (max-width: 768px) {
  .ui-acco { border-radius: 4px; }
  .ui-m .content .ui-acco { margin: 0 -16px; }
  .ui-m .ui-acco-wrap { border-top: 1px solid #ddd; }
  .ui-acco-btn { padding: 14px 48px 14px 16px; font-size: 16px; line-height: 24px; }
  .ui-acco-btn:after,
  .ui-acco-btn:before { right: 18px; width: 8px; height: 1px; margin-top: 3px; }
  .ui-acco-btn.selected:before,
  .ui-acco-btn.selected:after { margin-top: -3px; }
  .ui-acco-pnl { padding: 16px; font-size: 15px; line-height: 24px; }
  .faq .ui-acco-btn { padding-left: 40px; }
  .faq .ui-acco-tit:before { left: 16px; top: 14px; font-size: 16px; }
  .faq .ui-acco-pnl-wrap { padding-left: 20px; }
  .faq .ui-acco-pnl-wrap:before { left: 0; top: 0; font-size: 14px; color: #777; }
  .win .faq .ui-acco-btn { border-top: 1px solid #ddd; font-size: 18px; line-height: 28px; padding: 18px 48px 18px 48px; }
  .win .faq .ui-acco-wrap:first-child .ui-acco-btn { border: 0; }
  .win .faq .ui-acco-tit:before { font-size: 18px; left: 20px; top: 18px; }
  .win .ui-acco-pnl { font-size: 16px; line-height: 26px; padding: 18px 16px; }
  .win .faq .ui-acco-pnl-wrap { padding-left: 20px; }
  .win .faq .ui-acco-pnl-wrap:before { font-size: 14px; left: 0; }
}

@media (max-width: 480px) {
  .ui-m .content .ui-acco { margin: 0 -12px; }
  .ui-acco-btn { padding: 12px 42px 12px 14px; font-size: 15px; line-height: 22px; }
  .ui-acco-btn:after,
  .ui-acco-btn:before { right: 14px; width: 7px; height: 1px; margin-top: 2px; }
  .ui-acco-btn.selected:before,
  .ui-acco-btn.selected:after { margin-top: -2px; }
  .ui-acco-pnl { padding: 14px; font-size: 14.5px; line-height: 22px; }
  .faq .ui-acco-btn { padding-left: 34px; }
  .faq .ui-acco-tit:before { left: 12px; top: 12px; font-size: 15px; }
  .faq .ui-acco-pnl-wrap { padding-left: 16px; }
  .faq .ui-acco-pnl-wrap:before { font-size: 13px; }
}