@charset "UTF-8";

/* interval */
.mgt0 {margin-top:0 !important;}
.mgt2 {margin-top:2px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}

.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb80 {margin-bottom:80px !important;}

.mgl0 {margin-left:0 !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}

.mgr0 {margin-right:0 !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr50 {margin-right:50px !important;}

.mg0 {margin:0 !important;}
.mg_auto {margin-left:auto !important;margin-right:auto !important;}

.pdt0 {padding-top:0 !important;}
.pdt10 {padding-top:10px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}
.pdt50 {padding-top:50px !important;}

.pdb0 {padding-bottom:0px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px !important;}

.pdl0 {padding-left:0 !important;}
.pdl10 {padding-left:10px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}
.pdl40 {padding-left:40px !important;}
.pdl50 {padding-left:50px !important;}

.pdr0 {padding-right:0 !important;}
.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}
.pdr40 {padding-right:40px !important;}
.pdr50 {padding-right:50px !important;}

.pd0 {padding:0 !important;}
.pdlr0 {padding-left:0 !important;padding-right:0 !important;}

/* size */
.w100p {width:100% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w22p {width:22% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w5p {width:5% !important;}
.w4p {width:4% !important;}

.w80 {width:80px !important;}
.w100 {width:100px !important;}

.bt0{border-top: 0 !important;}

.fr{float: right;}
.fl{float: left;}
.tar{text-align: right;}
.flex_right{display: flex; justify-content: flex-end;}

/* 스크롤 보완 */
.not_scroll {position:fixed !important;overflow:hidden;width:100%;height:100%;}


/* 체크박스 */
.check_box {display:inline-block;position:relative;box-sizing:border-box;line-height:1;text-align:left;vertical-align:middle;}
.check_box label {display:inline-block;position:relative;padding:0 5px 0 25px;color:#222;font-size:.875rem;line-height:20px;cursor:pointer;}
.check_box label span {vertical-align:middle;display:inline-block;color:#555;font-size:.75rem;}
.check_box input {display:block;position:absolute;top:1px;left:0;width:20px;height:20px;padding:0;margin:0;opacity:0;}
.check_box label::before {content:'';display:block;position:absolute;top:0px;left:0;overflow:hidden;width:20px;height:20px;background: url(../images/common/img_input_custom.png) no-repeat 0 -25px;background-size:75px auto;}
.check_box input:checked + label::before{background-position:-25px -25px;}

.check_box.type2 label::before {background-position:0 -50px;}
.check_box.type2 input:checked + label::before{background-position:-25px -50px;}


/* 라디오 */
.radio_box_wrap {text-align:center;}
.radio_box {display:inline-block;position:relative;box-sizing:border-box;line-height:1;text-align:left;vertical-align:middle;}
.radio_box input {display:block;position:absolute;top:0;left:0;width:20px;height:20px;padding:0;margin:0;opacity:0;}
.radio_box > label {display:inline-block;position:relative;padding:0 0 0 24px;color:#222;font-size:.875rem;line-height:21px;cursor:pointer;}
.radio_box > label::before {content:'';display:block;position:absolute;top:0;left:0;overflow:hidden;width:20px;height:20px;box-sizing:border-box;border-radius:10px;background:url(../images/common/img_input_custom.png) no-repeat 0 0;background-size:75px auto;}
.radio_box input:checked + label::before {background-position:-25px 0;}

.radio_box + .radio_box {margin-left:17px;}


/* touch action */
.placeholder_box {position:relative;display:inline-block;padding:0 2px;}
.placeholder_box .action {display:inline-flex;align-items: center;position:absolute;top:0;right:0;height:100%;background:#e9e5fa;}
.placeholder_box label {position:relative;color:#7e67df;z-index:1;}
.placeholder_box.finish {background:#7e67df;}
.placeholder_box.finish label {color:#fff;}

.view_subject.type2 {}
.view_subject.type2 .placeholder_box {display:inline-block;position:relative;}
.view_subject.type2 .placeholder_box label {height:100%;line-height:1.2;transition: all .2s ease-out;}
.view_subject.type2 .placeholder_box.focus label,
.view_subject.type2 .placeholder_box.focus input[type="text"],
.view_subject.type2 .placeholder_box.focus textarea {font-size:50px;transition: all .2s ease-in;}

/* select */
.wrap_select {display:block;position:relative;width:100%;max-height:250px;overflow:hidden;box-sizing:border-box;border-radius:10px 10px 0 0;background:#ffff;box-shadow:0 0 1px 1px rgba(218,219,220,1.0);vertical-align:middle;}
.wrap_select .select_head {position:relative;height:50px;box-sizing:border-box;border-bottom:1px solid #d2d5d9;background:#f5f6f8;text-align:center;}
.wrap_select .select_head h1 {color:#000;font-size:1.0rem;line-height:50px;font-weight:bold;}
.wrap_select .selcet_body,
.wrap_select .select_body {position:relative;height:100%;max-height:calc(250px - 50px);overflow-y:auto;box-sizing:border-box;background:#fff;text-align:left;}
.wrap_select .select_option {padding:0 15px;background:#fff;}
.wrap_select .select_option > ul > li + li {border-top:1px solid #f2f2f2;} 
.wrap_select .select_option .btn_slt {position:relative;width:100%;height:40px;padding:0 0 0 10px;background:#fff;color:#7e7d8c;font-size:.9125rem;text-align:left;}
.wrap_select .select_option .btn_slt:active {color:#000;}
.wrap_select .btn_close_select {display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:50px;height:50px;background-color:transparent;}
.wrap_select .btn_close_select i.ico {display:block;width:25px;height:25px;font-size:0;text-indent:-9999px;background:url(../images/common/img_common.png) no-repeat -247px -25px;background-size:300px auto;}
.wrap_select .btn_confirm {position:absolute;top:13px;right:15px;}
.wrap_select .selcet_body .list_form, 
.wrap_select .selcet_body .list_form2 {margin-bottom:10px;}

/* input */
.select_wrap {position:relative;}
.inputBox {display:inline-block;width:100%;height:33px;padding:0 10px;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:5px;background:#fff;color:#222;font-size:.8125rem;}
.inputBox:disabled {background-color:rgba(0,0,0, .05);}
/* .inputBox::placeholder {color:#dbdfe5;font-size:.875rem;} */
.inputBox::placeholder {color:#8d7cd3;font-size:.875rem;}
.inputBox.type_select {background: url(../images/common/ico_form_select.png) no-repeat right 10px center;background-size: 8px;}

.select_wrap::after {content:'';display:block;position:absolute;top:50%;right:10px;width:11px;height:8px;margin-top:-3px;background: #fff url(../images/common/img_common.png) no-repeat -275px 0;background-size:300px auto;}

.text_area {width:100%;height:60px;padding:5px 10px;color: #222;font-size: .8125rem;border: 1px solid #e0e0e0;border-radius: 5px;resize:none;}

/* button */
.btn_area {margin-top:30px;}
.btn_main {display:flex;align-items: center;justify-content: center;width:100%;height:45px;border:1px solid transparent;background:#7e67df;border-radius:5px;cursor:pointer;}
.btn_main span {font-size:.9375rem;color:#fff;}
.btn_main.type2 {border-color:#7e67df;background-color:#fff;}
.btn_main.type2 span {color:#7e67df;}
.btn_main.type3 {border-color:#e5e5e5;background-color:#fff;}
.btn_main.type3 span {color:#222;}
.btn_main + .btn_main {margin-top:10px;}

.btn_area.col2 {display:flex;width:100%;align-items: flex-start;justify-content: space-between;}
.btn_area.col2 .btn_main {width:70%;}
.btn_area.col2 .btn_main:first-child {width:27%;}
.btn_area.col2 .btn_main + .btn_main {margin-top:0;}

.btn_area .btn_main.small {height:35px;border-color:#d8d8d8;border-radius:17.5px;background:#fff;}
.btn_area .btn_main.small span {color:#222;font-size:.875rem;}
.btn_area .btn_main.small span::before {content:'';display:inline-block;width:14px;height:9px;margin-right:7px;background:url(../images/common/img_sign_renew.png) no-repeat 0 -200px;background-size:300px auto;}

.point_contents .btn_area {margin-top:15px;}

.btn_cont {display:inline-block;height:30px;padding:0 5px;box-sizing:border-box;border:1px solid #737373;background:#fff;color:#222;font-size:.875rem;line-height:28px;cursor:pointer;white-space:nowrap;}
.btn_cont.btn_round {padding:0 7px;border:1px solid #d8d8d8;border-radius:15px;font-size:.75rem;color:#555;}
.btn_main:disabled {background:#f6f6f6;}
.btn_main:disabled span {color:#b8b8b8;}



/* tip */
.tip_area {position:relative;margin-top:15px;padding-left:25px;font-size:.8125rem;color:#222;line-height:19px;}
.tip_area::before {content:'';position:absolute;left:0;top:-4px;width:25px;height:25px;margin-top:0;background:url(../images/contents/img_icon.png) no-repeat -50px 0;background-size:100px auto;}
.tip_area.no_blt {padding-left:0;}
.tip_area.no_blt::before {display:none;}

.tip_area02 {position:relative;margin-top:15px;padding:0 0 12px 8px;font-size:.8125rem;color:#7e67df;}
.tip_area02 .blt {position:absolute;left:0;top:0;font-size:.8125rem;color:#7e67df;}

/* popup */
.dimm {background: rgba(0,0,0,.4);transition:all .5s ease-in;}
.pop_wrap , .dimm {position: fixed;top: 0;right: 0;bottom: 0;left: 0;}

.pop_wrap {display:none;}
.pop_wrap.active {display:block;}
.pop_wrap.active .pop_content {animation: slide-up-in .5s;}
.pop_wrap.active .pop_content.pop_agree {animation: slide-up-in .5s;}
.pop_wrap.active .dimm {animation: fade-in .5s;}

.wrap_pop {overflow:hidden;width:100%;border-radius:6px;background:#fff;}
.pop_wrap .pop_content {position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100%;padding:0 30px;background:none;display: flex;justify-content: center;align-items: center;}
.pop_wrap .pop_content.pop_agree .popbox_cont{overflow-x: hidden;overflow-y: auto;max-height: 70vh;padding-top:0;}
.pop_wrap .pop_content.pop_agree .popbox_cont .pop_tit {position:sticky;left:0;top:0;padding-top:28px;background:#fff;}
.popbox_wrap {background:#fff;}
.pop_wrap .popbox_cont {padding:28px 16px 25px;}
.pop_wrap .popbox_cont.type2 {padding:28px 25px 25px;}
.pop_wrap .pop_content.pop_select {align-items: flex-end;padding: 0 0;}

.pop_tit {text-align:center;padding-bottom:9px;color:#222;font-size:.875rem;font-weight:bold;}

.txt_message {text-align:center;margin:20px 11px 20px;color:#222;font-size:.875rem;line-height :1.5;}


.vfm .pop_content {position:unset !important;width:100vw;padding:0 30px;height:auto !important;background:none;display: flex;justify-content: center;align-items: center;animation: slide-up-in .5s;}
.vfm .pop_content.full {height:100% !important;}
.vfm .pop_content .popbox_cont {padding:28px 16px 25px;}
.vfm .pop_content.pop_agree .popbox_cont{overflow-x: hidden;overflow-y: auto;max-height: 70vh;padding-top:0;}
.vfm .pop_content.pop_agree .popbox_cont .pop_tit {position:sticky;left:0;top:0;padding-top:28px;background:#fff;}
.vfm .type_select {display:flex;align-items: flex-end;}
.vfm .type_select .pop_content {padding: 0 0;}
.vfm .dimm {animation: fade-in .5s;}

.pop_wrap .pop_content.full {align-items: flex-start;padding:0;}
.pop_wrap .pop_content.full .wrap_pop {height:100%;border-radius:0;}
.pop_wrap .pop_content.full .wrap_pop .popbox_wrap {display:flex;align-items: flex-start;flex-direction:column;width:100%;height:100%;border-radius:0;}
.pop_wrap .pop_content.full .wrap_pop .popbox_cont {display:flex;align-items: flex-start;flex-direction:column;flex:auto;width:100%;height:100%;padding:0;}
.pop_wrap .pop_content.full .wrap_pop .popbox_cont .popbox_cont_head {position:sticky;top:0;display:flex;align-items: center;justify-content: center;width:100%;height:46px;border-bottom:1px solid #e6e6e6;}
.pop_wrap .pop_content.full .wrap_pop .popbox_cont .popbox_cont_head .pop_tit {padding-bottom:0;font-size:.875rem;color:#222;}
.pop_wrap .pop_content.full .wrap_pop .popbox_cont .popbox_container {width:100%;padding-top:25px;height:calc(100% - 112px);}
.pop_wrap .pop_content.full .wrap_pop .popbox_btn {width:100%;height:66px;padding:10px 15px;border-top:1px solid #e6e6e6;}
.pop_wrap .pop_content.full .popbox_btn .btn:disabled {background:#f6f6f6;color:#b8b8b8;}
.pop_wrap .pop_content.full .pop_full_close {position:absolute;right:0;top:0;display:block;width:50px;height:45px;z-index:50;background:url(../images/common/img_sign_renew.png) no-repeat -200px -125px;background-size:300px auto;}
.pop_wrap .pop_content.full .pop_full_close span {display:block;font-size:0;text-indent:-9999px;}
.pop_wrap .pop_content.full .pop_arrow {position:absolute;top:50%;display:block;width:35px;height:35px;margin-top:-17.5px;background:url(../images/common/img_sign_renew.png) no-repeat -100px -125px;background-size:300px auto;}
.pop_wrap .pop_content.full .btn_prev {left:0;}
.pop_wrap .pop_content.full .btn_next {right:0;background-position:-150px -125px;}
.pop_wrap .pop_content.full .pop_arrow span {display:block;font-size:0;text-indent:-9999px;}

.btn_float {position:relative;overflow:hidden;position:fixed;display:flex;align-items: center;left:0;bottom:101px;width:0;height:37px;border-radius:0 18.5px 18.5px 0;background:#9b46db;transition:all .3s ease-in;z-index:10;}
.btn_float::before {content:'';position:absolute;left:0;top:6px;width:27px;height:25px;opacity:0;transform:translate3d(-15px, 0 , 0);background:url(../images/common/img_sign_renew.png) no-repeat 0 -225px;background-size:300px auto;}
.btn_float::after {content:'';position:absolute;left:9px;bottom:6px;width:0;height:2px;border-radius:0 1px 1px 0;background:#fff;}
.btn_float button {display:block;width:100%;height:37px;}
.btn_float span {display:block;padding:1px 0 0 20px;font-size:.9125rem;color:#fff;line-height:13px;opacity:0;transform:translate3d(-15px, 0 , 0);transition:all .3s ease-in;}

.btn_float.step01 {width:37px;}
.btn_float.step01::before {opacity:1;transform:translate3d(0, 0 , 0);transition-delay:.3s;}
.btn_float.step02 {width:105px;height:45px;border-radius:0 22.5px 22.5px 0;}
.btn_float.step02::before {opacity:1;top:10px;transform:translate3d(0, 0 , 0);transition-delay:.1s;}
.btn_float.step02::after {width:15px;bottom:10px;transition:width .3s ease-in;transition-delay:.2s;}
.btn_float.step02 span {opacity:1;transform:translate3d(0, 0 , 0);transition-delay:.3s;}

.swipe_area {position:fixed;left:50%;top:65px;width:155px;height:10px;margin-left:-77.5px;background:#fff;z-index:10;}

.popbox_btn {overflow:hidden;}
.popbox_btn > div {box-sizing:border-box;}
.popbox_btn .btn {display:block;width:100%;height:45px;border:none;background:#7e67df;color:#fff;font-size:.9375rem;text-align:center;}
.popbox_btn .btn.color2 {color:#222;background:#f0f0f6;}
.popbox_btn.col1 > div {width:100%;}
.popbox_btn.col2 > div {float:left;width:50%;}
.popbox_btn.col3 > div {float:left;width:33.33%;}
.popbox_btn.col3 > div:nth-child(2) {width:33.34%;}


/* agree txt */
.cont_agree .tit_cont_agree {display:block;font-size:.875rem;}
.cont_agree .sub_tit {display:block;color:#222;font-size:.75rem;font-weight:normal;}
.cont_agree .list_type01 {padding:0 0 0 0;}
.cont_agree .list_type01 li {padding:5px 0 5px;font-size:.8125rem;}
.cont_agree .list_type02 {padding:.1em 0 0 0;}
.cont_agree .list_type02 li {padding:2px 0;color:#555;font-size:.75rem;line-height:1.6;}
.cont_agree .list_type02 table {}
.cont_agree .list_type02 table th {border:1px solid #d7d7d7;background:#f6f6f6;color:#222;font-weight:bold;text-align:center;}
.cont_agree .list_type02 table td {padding:0 .2em;border:1px solid #d7d7d7;}

/* 전자서명 canvas */
.btn_signature {text-align:right;margin-top:12px;}
.btn_signature .btn_all_clear {position:relative;display:inline-block;padding:0 0 5px 20px;}
.btn_signature .btn_all_clear::before {content:'';position:absolute;left:0;top:2px;width:14px;height:14px;background: url(../images/contents/img_icon.png) no-repeat -60px -30px;background-size: 100px auto;}
.btn_signature .btn_all_clear span {font-size:.875rem;color:#222;}
.signature_wrap #signature {overflow:hidden;position:relative;width:100% !important;margin-bottom:10px;height:140px !important;border:1px solid #e3e3e3;border-radius:5px;background:#f9f9f9;}
.signature_wrap #signature canvas {width:100% !important;height:100% !important;background:url(../images/common/bg_signature_txt.png) no-repeat 50% 0;background-size: 120px auto;}
.signature_wrap #signature.sign_area canvas {background-position:50% -138px;}
.signature_wrap #signature.name_area.off canvas {background-image:none;}
.signature_wrap #signature.sign_area.off canvas {background-image:none;}
.signature_wrap .btn_clear {display:none;position:absolute;right:0;bottom:0;width:32px;height:32px;background: url(../images/contents/img_icon.png) no-repeat -60px -50px;background-size: 100px auto;}
.signature_wrap .btn_clear.active {display:block;}

/* Top button */
.top_btn {display:none;position:fixed;right:20px;bottom:50px;}

/* loading */
.loading {position:fixed;left:0;right:0;top:0;bottom:0;}
.loading_circle {position:fixed;margin:-22.5px 0 0 -22.5px;width:45px;height:45px;left:50%;top:50%;z-index:10;}
.loading_circle::before {display:none;content:'';position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:6px;background:#fff;}
.loading_circle .load_circle {position:absolute;left:0;top:0;width: 100%;height: 100%;}
.loading_circle .load_circle::before {content: '';display:block;margin:0 auto;width:7px;height:7px;border-radius:3.5px;background-color:#7e67df;animation: load_circleFadeDelay 1.2s infinite ease-in-out both;}
.loading_circle .load_circle2 {transform: rotate(30deg);}
.loading_circle .load_circle3 {transform: rotate(60deg);}
.loading_circle .load_circle4 {transform: rotate(90deg);}
.loading_circle .load_circle5 {transform: rotate(120deg);}
.loading_circle .load_circle6 {transform: rotate(150deg);}
.loading_circle .load_circle7 {transform: rotate(180deg);}
.loading_circle .load_circle8 {transform: rotate(210deg);}
.loading_circle .load_circle9 {transform: rotate(240deg);}
.loading_circle .load_circle10 {transform: rotate(270deg);}
.loading_circle .load_circle11 {transform: rotate(300deg);}
.loading_circle .load_circle12 {transform: rotate(330deg);}
.loading_circle .load_circle2::before {animation-delay: -1.1s;}
.loading_circle .load_circle3::before {animation-delay: -1s;}
.loading_circle .load_circle4::before {animation-delay: -0.9s;}
.loading_circle .load_circle5::before {animation-delay: -0.8s;}
.loading_circle .load_circle6::before {animation-delay: -0.7s;}
.loading_circle .load_circle7::before {animation-delay: -0.6s;}
.loading_circle .load_circle8::before {animation-delay: -0.5s;}
.loading_circle .load_circle9::before {animation-delay: -0.4s;}
.loading_circle .load_circle10::before {animation-delay: -0.3s;}
.loading_circle .load_circle11::before {animation-delay: -0.2s;}
.loading_circle .load_circle12::before {animation-delay: -0.1s;}



/* keyframes */
@keyframes slide-up-in {
	0% {opacity: 0;-webkit-transform: translate(0,40px);transform: translate(0,40px);}
	100% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
}
@-webkit-keyframes slide-up-in {
	0% {opacity: 0;-webkit-transform: translate(0,40px);transform: translate(0,40px);}
	100% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
}
@keyframes slide-up-out {
	0% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-40px);transform: translate(0,-40px);}
}
@-webkit-keyframes slide-up-out {
	0% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-40px);transform: translate(0,-40px);}
}
@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fade-out {
	0% {opacity: 1;}
	100% {opacity: 0;} 
}
@-webkit-keyframes fade-out {
	0% {opacity: 1;}
	100% {opacity: 0;} 
}
@keyframes panel-bottom-in {
	0% {opacity: 0;-webkit-transform: translate(0,50%);transform: translate(0,50%);}
	50% {opacity: 1;}
	100% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
}
@-webkit-keyframes panel-bottom-in {
	0% {opacity: 0;-webkit-transform: translate(0,50%);transform: translate(0,50%);}
	50% {opacity: 1;}
	100% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
}
@keyframes panel-bottom-out {
	0% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
	50% {opacity: 0;}
	100% {opacity: 0;-webkit-transform: translate(0,50%);transform: translate(0,50%);}
}
@-webkit-keyframes panel-bottom-out {
	0% {opacity: 1;-webkit-transform: translate(0,0);transform: translate(0,0);}
	50% {opacity: 0;}
	100% {opacity: 0;-webkit-transform: translate(0,50%);transform: translate(0,50%);}
}

@keyframes load_circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
@-webkit-keyframes load_circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}