@charset "UTF-8";


input,button,img{vertical-align:middle}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;outline:0;text-decoration:none;box-sizing:border-box;word-break:keep-all;font-size:16px;line-height:1.3;font-style:inherit;color:inherit;font-weight:inherit;font-style:inherit}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ol,
ul,
dl{list-style-type:none}
*,
*::before,
*::after{
  box-sizing:border-box;
}
html{
  font-family:'Noto Sans KR', 'Pretendard','Montserrat', sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{
  display:block;
}
body{
  margin:0;
  font-family:'Noto Sans KR', 'Pretendard', Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  color:#54555c;
  text-align:left;
  background-color:#f4f4f7;
  line-height:inherit;
  color:inherit;
  font-size:inherit;

   -webkit-text-size-adjust:none;
    min-width:320px;
}
address{
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit;
}
b,
strong{
  font-weight:bolder;
}
a{
  color:#54555c;
  text-decoration:none;
  background-color:transparent;
}
a:not([href]):not([class]):hover{
  color:inherit;
  text-decoration:none;
}
pre,
code,
kbd,
samp{
  font-family:'Noto Sans KR', 'Pretendard-Regular', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:1em;
}

figure{
  margin:0 0 1rem;
}

img{
  max-width:100%;
  vertical-align:middle;
  border-style:none;
}

svg{
  overflow:hidden;
  vertical-align:middle;
}

table{
  border-collapse:collapse;
}

caption{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  color:#95a5a6;
  text-align:left;
  caption-side:bottom;
}

th{
  text-align:inherit;
  text-align:-webkit-match-parent;
}

label{
  display:inline-block;
  margin-bottom:0.5rem;
}

button{
  border-radius:0;
}

button:focus:not(:focus-visible){
  outline:0;
}
input,
button,
select,
optgroup,
textarea{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

button,
input{
  overflow:visible;
}

button,
select{
  text-transform:none;
}
[role="button"]{
  cursor:pointer;
}

select{
  word-wrap:normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance:button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled){
  cursor:pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
  padding:0;
  border-style:none;
}

input[type="radio"],
input[type="checkbox"]{
    vertical-align:top;
    box-sizing:border-box;
    padding:0;
}

textarea{
  overflow:auto;
  resize:vertical;
}

fieldset{
  min-width:0;
  padding:0;
  margin:0;
  border:0;
}

legend{
  display:block;
  width:100%;
  max-width:100%;
  padding:0;
  margin-bottom:.5rem;
  font-size:1.5rem;
  line-height:inherit;
  color:inherit;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto;
}

[type="search"]{
  outline-offset:-2px;
  -webkit-appearance:none;
}

[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  font:inherit;
  -webkit-appearance:button;
}

output{
  display:inline-block;
}

/* no style */
.none{display:none !important}
.mar_no{margin:0 !important}
.padd_no{padding:0 !important}
.bold_no{font-weight:normal !important}
.bg_no{background:none !important}
.line_no{border:none !important}
.line_no_top{border-top:none !important}
.line_no_left{border-left:none !important}
.line_no_right{border-right:none !important}
.line_no_bottom{border-bottom:none !important}

/*align*/
.align_c{text-align:center !important}
.align_l{text-align:left !important}
.align_r{text-align:right !important}
.align_block{display:block !important}

.align-baseline{
  vertical-align:baseline !important;
}

.align-top{
  vertical-align:top !important;
}

.align-middle{
  vertical-align:middle !important;
}

.align-bottom{
  vertical-align:bottom !important;
}

.align-text-bottom{
  vertical-align:text-bottom !important;
}

.align-text-top{
  vertical-align:text-top !important;
}

.float-left{
  float:left !important;
}

.float-right{
  float:right !important;
}

.float-none{
  float:none !important;
}
.mt_0{margin-top:0px !important}
.mt_5{margin-top:5px !important}
.mt_10{margin-top:10px !important}
.mt_15{margin-top:15px !important}
.mt_20{margin-top:20px !important}
.mt_25{margin-top:25px !important}
.mt_30{margin-top:30px !important}
.mt_35{margin-top:35px !important}
.mt_40{margin-top:40px !important}
.mt_45{margin-top:45px !important}
.mt_50{margin-top:50px !important}
.mt_55{margin-top:55px !important}
.mt_60{margin-top:60px !important}
.mt_65{margin-top:65px !important}
.mt_70{margin-top:70px !important}
.mt_75{margin-top:75px !important}
.mt_80{margin-top:80px !important}
.mt_85{margin-top:85px !important}
.mt_90{margin-top:90px !important}
.mt_95{margin-top:95px !important}
.mt_100{margin-top:100px !important}
.mb_0{margin-bottom:0px !important}
.mb_5{margin-bottom:5px !important}
.mb_10{margin-bottom:10px !important}
.mb_15{margin-bottom:15px !important}
.mb_20{margin-bottom:20px !important}
.mb_25{margin-bottom:25px !important}
.mb_30{margin-bottom:30px !important}
.mb_35{margin-bottom:35px !important}
.mb_40{margin-bottom:40px !important}
.mb_45{margin-bottom:45px !important}
.mb_50{margin-bottom:50px !important}
.mb_55{margin-bottom:55px !important}
.mb_60{margin-bottom:60px !important}
.mb_65{margin-bottom:65px !important}
.mb_70{margin-bottom:70px !important}
.mb_75{margin-bottom:75px !important}
.mb_80{margin-bottom:80px !important}
.mb_85{margin-bottom:85px !important}
.mb_90{margin-bottom:90px !important}
.mb_95{margin-bottom:95px !important}
.mb_100{margin-bottom:100px !important}
.ml_0{margin-left:0px !important}
.ml_3{margin-left:3px !important}
.ml_5{margin-left:5px !important}
.ml_10{margin-left:10px !important}
.ml_15{margin-left:15px !important}
.ml_20{margin-left:20px !important}
.ml_25{margin-left:25px !important}
.ml_30{margin-left:30px !important}
.ml_35{margin-left:35px !important}
.ml_40{margin-left:40px !important}
.ml_45{margin-left:45px !important}
.ml_50{margin-left:50px !important}
.ml_55{margin-left:55px !important}
.ml_60{margin-left:60px !important}
.ml_65{margin-left:65px !important}
.ml_70{margin-left:70px !important}
.ml_75{margin-left:75px !important}
.ml_80{margin-left:80px !important}
.ml_85{margin-left:85px !important}
.ml_90{margin-left:90px !important}
.ml_95{margin-left:95px !important}
.ml_100{margin-left:100px !important}
.mr_0{margin-right:0px !important}
.mr_3{margin-right:3px !important}
.mr_5{margin-right:5px !important}
.mr_10{margin-right:10px !important}
.mr_15{margin-right:15px !important}
.mr_20{margin-right:20px !important}
.mr_25{margin-right:25px !important}
.mr_30{margin-right:30px !important}
.mr_35{margin-right:35px !important}
.mr_40{margin-right:40px !important}
.mr_45{margin-right:45px !important}
.mr_50{margin-right:50px !important}
.mr_55{margin-right:55px !important}
.mr_60{margin-right:60px !important}
.mr_65{margin-right:65px !important}
.mr_70{margin-right:70px !important}
.mr_75{margin-right:75px !important}
.mr_80{margin-right:80px !important}
.mr_85{margin-right:85px !important}
.mr_90{margin-right:90px !important}
.mr_95{margin-right:95px !important}
.mr_100{margin-right:100px !important}

.form_w0{width:auto !important}
.form_w5{width:5% !important}
.form_w10{width:10% !important}
.form_w15{width:15% !important}
.form_w20{width:20% !important}
.form_w25{width:25% !important}
.form_w30{width:30% !important}
.form_w35{width:35% !important}
.form_w40{width:40% !important}
.form_w45{width:45% !important}
.form_w50{width:50% !important}
.form_w55{width:55% !important}
.form_w60{width:60% !important}
.form_w65{width:65% !important}
.form_w70{width:70% !important}
.form_w75{width:75% !important}
.form_w80{width:80% !important}
.form_w85{width:85% !important}
.form_w90{width:90% !important}
.form_w95{width:95% !important}
.form_w100{width:100% !important}

.sound_only{display:none}
input{vertical-align:middle}
textarea:focus{outline:none;border-color:#0962ee !important}
button:focus{outline:none}
input:focus{border-color:#0962ee !important;outline:none}
select:focus{outline:none;border-color:#0962ee !important}

input[type="text"],
input[type="password"],
textarea{
appearance:none;
-webkit-appearance:none;
-webkit-border-radius:0;
}
select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}

button{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    color:inherit;
    background:transparent;
    overflow:hidden;
    cursor:pointer;
    line-height:1.5;
}

/*input*/
input[type="text"]{width:100%;border:1px solid #d3dbe6;height:45px;padding:0 10px;font-weight:400;letter-spacing:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
}
input[type="text"]::-webkit-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="text"]:-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="text"]:-ms-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="text"]::-moz-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="text"]:valid{color:#000 !important}

input[type="password"]{width:100%;border:1px solid #d3dbe6;height:45px;padding:0 10px;font-weight:400;letter-spacing:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
}
input[type="password"]::-webkit-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="password"]:-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="password"]:-ms-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="password"]::-moz-input-placeholder{color:#b3b9c8;font-weight:400}
input[type="password"]:valid{color:#000  !important}

input[type="date"]{width:100%;border:1px solid #d3dbe6;height:45px;padding:0 10px;color:#222;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

select{width:100%;height:45px;padding:0 10px;font-weight:400;background:url('../images/icon_down.png?1') no-repeat 55px center; background-size:25px 25px;border:1px solid #d3dbe6;font-size:14px !important;
	box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none}
select::-ms-expand{display:none}

textarea{width:100%;border:1px solid #d3dbe6;margin:0;padding:15px;font-weight:400;min-height:200px;vertical-align:middle;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
     border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
}
textarea::-webkit-input-placeholder{color:#b3b9c8}
textarea:-input-placeholder{color:#b3b9c8}
textarea:-ms-input-placeholder{color:#b3b9c8}
textarea::-moz-input-placeholder{color:#b3b9c8}
textarea:valid{color:#000  !important}

/*table*/
table{width:100%;border-top:2px solid #222}
table th,
table td{padding:20px 15px;border-bottom:1px solid #d7dbe5;font-weight:400}
table th{font-weight:500;color:#21273e}
table td.td_file{padding:20px 0}

/*pagecut*/
.pagecut{text-align:center;margin-top:50px}
.pagecut svg{fill:#4c4e56;width:18px;height:18px}
.pagecut ul{display:flex;align-items:center;justify-content:center}
.pagecut ul li a{display:block;padding:0 7px;font-weight:400}
.pagecut ul li strong.pg_current{padding:0 7px;font-weight:600;color:#000}

/*modal-open*/
.modal_layer{position:relative;padding:1.5rem !important;border:1px solid #dee0ec;
    box-shadow:1px 3px 5px rgba(49, 62, 132, 0.3);
	-webkit-box-shadow:1px 3px 5px rgba(49, 62, 132, 0.3);
	-moz-box-shadow:1px 3px 5px rgba(49, 62, 132, 0.3);
	-o-box-shadow:1px 3px 5px rgba(49, 62, 132, 0.3);
}
.modal_layer .closeBtn{position:absolute;right:10px;top:10px}
.modal_layer .closeBtn a{display:block;color:#fff;width:30px;line-height:30px;background:#4567e0;text-align:center;border-radius:50px}
.modal_layer .closeBtn a span{display:block;line-height:30px;font-size:14px}

.modal_wrap h2{color:#000;font-weight:500;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}
.modal_wrap textarea{font-size:14px}

/*button*/
button{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:14px;font-weight:400;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;color:#fff}

.pointer_arrow{position:relative}
.pointer_arrow:before{
    display:block;
    content:'';
    position:absolute;
    top:-4px;
    right:-15px;
    width:0px;
    height:0px;
    border-top:5px solid transparent;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #3f4d67;
}
.pointer_arrow:after{
    display:block;
    content:'';
    position:absolute;
    bottom:-5px;
    right:-15px;
    width:0px;
    height:0px;
    border-top:5px solid #3f4d67;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid transparent;
}

.fileDropWrap input[type='file']{visibility:hidden;position:absolute;width:0;height:0}

.hiddenframe{display:none;width:0;height:0}

.detailLayer{position:fixed;z-index:4100;top:-150%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:8px;width:800px;max-width:94%;height:auto !important;overflow:hidden;-webkit-transition:.3s all ease-out;-o-transition:.3s all ease-out;transition:.3s all ease-out;-webkit-box-shadow:0 4px 25px 0 rgba(255,255,255,.3);-moz-box-shadow:0 4px 25px 0 rgba(255,255,255,.3);-ms-box-shadow:0 4px 25px 0 rgba(255,255,255,.3);box-shadow:0 4px 25px 0 rgba(255,255,255,.3)}
.detailLayer.on{top:50%}
.detailLayer.fullImg{width:94%}
.detailLayer>.close{display:inline-block;position:absolute;z-index:3900;right:10px;top:10px}
.detailLayer>.close>button{background:transparent;border:0;color:#333}
.detailLayer>.close>button>span{font-size:2.5em}
.detailLayer .detail>h3{margin:10px 0;font-size:1.6em;color:#333}
.detailLayer .detail{position:relative;padding:20px;max-height:85vh;overflow:auto}
.detailLayer.fullImg .detail{text-align:center}
.detailLayer .detail .detailWrap{clear:both}
.detailLayer .detail .detailWrap .title{margin-bottom:20px;font-size:1.4em;font-weight:900}
.detailLayer .detail .detailWrap .title>img{vertical-align:middle;width:80px}
.detailLayer .detail .detailWrap dl dt{float:left;width:100px}
.detailLayer .detail .detailWrap dl dd{margin-left:100px}
.detailLayer .detail .detailWrap dl dd.num{text-align:right;font-size:.7em}
.detailLayer .detail .detailWrap input, .detailLayer .detail .detailWrap select{width:90%;padding:3px 5px;border:1px solid #ccc;border-radius:4px;line-height:1}
.detailLayer .detail .detailWrap .bankInfo{margin-top:5px;font-size:1.1em;line-height:1.3;letter-spacing:0 !important}
.detailLayer .detail .detailWrap select{width:auto;padding:10px;font-size:1.1em;font-weight:400}
.detailLayer .detail .detailWrap button.issueCoupon{background:#0062d0;border:0;border-radius:5px;padding:10px 10px 12px;font-size:1.2em;font-weight:500;color:#fff}
.detailLayer .detail .mnList{overflow-y:auto;padding:0 20px 0 0;max-height:300px}
.detailLayer #userForm input{margin:5px 0}
.detailLayer #userForm dl{clear:both}
.detailLayer #userForm dl dt{float:left;width:20%;padding:15px 0 0 0}
.detailLayer #userForm dl dd{float:left;width:80%;margin:0}
.detailLayer #userForm #userSubmit{margin:10px 0;padding:10px 20px;width:auto;font-size:1.2em}
.detailLayer .chk{display:inline-block;margin-left:20px}
.detailLayer .chk.first{margin:0}
.detailLayer .custom_chk{display:inline-block;width:18px;height:18px;background:url('../images/check_ico5.png') 100% 0 no-repeat;vertical-align:middle}
.detailLayer .custom_chk.on{background-position:0 0}
.detailLayer .qnaWrap{margin-top:35px}

.detailLayer .review .title{font-size:2em;text-align:center}
.detailLayer .review li.name{margin:5px 0}
.detailLayer .review li.star{margin:5px 0 10px 0;font-size:.5em}
.detailLayer .review li.star:after{content:"";display:block;clear:both}
.detailLayer .review li.star>div{margin-bottom:10px;text-align:center;font-size:1.75em}
.detailLayer .review li.star>button{float:left;display:inline-block;margin-right:3px;background:transparent;border:0;padding:0;color:#bbb}
.detailLayer .review li.star>button>span{font-size:2.4em;letter-spacing:-0.1em}
.detailLayer .review li.star>button:hover, .detailLayer .review li.star>button.on{color:#ff6600}
.detailLayer .review li.cont{margin-bottom:10px;border-radius:5px;border:1px solid #ddd;padding:15px}
.detailLayer .review li.cont>textarea{border:0;width:100%;height:200px;font-size:.9em}
.detailLayer .review button.main{background:#0062d0;border:0;border-radius:10px;padding:10px 0;width:100%;font-size:1.3em;color:#fff}
.detailLayer .review li.imgUpload{position:relative;margin-bottom:10px}
.detailLayer .review li.imgUpload>span{position:absolute;top:50%;transform:translateY(-50%)}
.detailLayer .review li.imgUpload>ul{padding-left:110px}
.detailLayer .review li.imgUpload>ul:after{content:"";display:block;clear:both}
.detailLayer .review li.imgUpload>ul>li{float:left;width:60px}
.detailLayer .review li.imgUpload>ul>li>div{position:relative;margin:0 auto;width:50px;height:50px;border:1px solid #ddd;border-radius:5px;overflow:hidden}
.detailLayer .review li.imgUpload>ul>li>div>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:100%;cursor:pointer}
.detailLayer .review li.imgUpload>ul>li>div>img.off{width:60%}
.detailLayer .review li.imgUpload>ul>li input.img_upload{position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer}

#overlayer{width:100%;height:100%;position:fixed;z-index:4000;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;opacity:0;visibility:hidden}
#overlayer02{width:100%;height:100%;position:fixed;z-index:4000;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;opacity:0;visibility:hidden}
#overlayer.on, #overlayer02.on{opacity:1;visibility:visible}
.loader{display:none;z-index:3100;position:fixed;top:50%;left:50%;color:#fff}

.winAlert{display:none;position:fixed;z-index:10000;top:10%;left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;overflow:hidden;padding:30px 0 50px;width:350px;max-width:80%;font-size:1.2em;line-height:1.3;
-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.25);
-moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.25);
box-shadow:2px 2px 10px rgba(0, 0, 0, 0.25);
}
.winAlert>img{position:absolute;width:70px;bottom:-10px;right:-25px}
.winAlert>.body{display:flex;align-items:center;justify-content:center;min-height:100px;padding:10px;text-align:center;font-size:1.1em;color:#535353}
.winAlert>.body>div{word-break:keep-all}
.winAlert>.body strong{font-weight:700;color:#222}
.winAlert>.bottom{margin:0 auto;width:75%}
.winAlert>.bottom>button{width:100%;border:1px solid #045fee;background:#045fee;padding:14px 0;border:0;text-align:center;font-size:1em;font-weight:500;color:#fff}
.winAlert.confirm>.bottom{display:flex;justify-content:center}
.winAlert.confirm>.bottom>button{flex-basis:45%;margin:0 8px;padding:10px 0;border:2px solid #045fee;font-size:1em}
.winAlert.confirm>.bottom>button:first-child{background:#fff;font-weight:400;font-weight:700;color:#045fee}
.winAlert.confirm>.bottom>button:nth-child(2){background:#045fee}

.winAlram{position:fixed;z-index:4300;bottom:-20%;right:20px;background:#fff;border-radius:2px;overflow:hidden;width:320px;line-height:1.3;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5);-moz-box-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:2px 2px 4px rgba(0,0,0,.5)}
.winAlram.on{bottom:20px}
.winAlram>.head{border-left:1px solid #3466aa;background:#3466aa;padding:10px 0;text-align:center;color:#fff}
.winAlram>.body{border-left:1px solid #eee;padding:0 15px 10px;line-height:1.3;letter-spacing:-0.05em}
.winAlram>.body>div{margin-top:10px}
.winAlram>.body strong{font-weight:500;color:#ff007e}
.winAlram>.bottom{padding:5px 0 10px;text-align:center}
.winAlram>.bottom>button{background:#00d1ff;border-radius:15px;padding:5px 40px;border:0;color:#fff}
.winAlram button.btnAlram{background:#e3e3ea;border:0;border-radius:2px;width:100%;margin-top:3px;padding:3px 0;text-align:center}
.winAlram button.btnAlram:hover{background:#94939e;color:#fff}

.shake{display:inherit;transform-origin:center center;animation:shake 100ms ease-in-out;-webkit-animation:shake 100ms ease-in-out;-ms-animation:shake 100ms ease-in-out;-moz-animation:shake 100ms ease-in-out;animation-iteration-count:10;-webkit-animation-iteration-count:10;-moz-animation-iteration-count:10;-ms-animation-iteration-count:10}
@keyframes shake{2%{transform:translate(5px,7px) rotate(.5deg)}4%{transform:translate(5px,9px) rotate(3.5deg)}6%{transform:translate(-2px,-5px) rotate(3.5deg)}8%{transform:translate(4px,8px) rotate(-1.5deg)}10%{transform:translate(2px,9px) rotate(-.5deg)}12%{transform:translate(-5px,-4px) rotate(-2.5deg)}14%{transform:translate(-6px,-1px) rotate(3.5deg)}16%{transform:translate(-8px,8px) rotate(2.5deg)}18%{transform:translate(4px,5px) rotate(-.5deg)}20%{transform:translate(3px,-3px) rotate(3.5deg)}22%{transform:translate(0,-6px) rotate(-1.5deg)}24%{transform:translate(-6px,-6px) rotate(3.5deg)}26%{transform:translate(-8px,-6px) rotate(.5deg)}28%{transform:translate(-3px,-6px) rotate(1.5deg)}30%{transform:translate(7px,8px) rotate(-1.5deg)}32%{transform:translate(7px,6px) rotate(2.5deg)}34%{transform:translate(-7px,-7px) rotate(-2.5deg)}36%{transform:translate(7px,3px) rotate(-.5deg)}38%{transform:translate(-6px,-1px) rotate(3.5deg)}40%{transform:translate(-3px,4px) rotate(-.5deg)}42%{transform:translate(-1px,10px) rotate(3.5deg)}44%{transform:translate(9px,3px) rotate(3.5deg)}46%{transform:translate(-3px,8px) rotate(-2.5deg)}48%{transform:translate(-5px,7px) rotate(3.5deg)}50%{transform:translate(-9px,-5px) rotate(.5deg)}52%{transform:translate(2px,4px) rotate(.5deg)}54%{transform:translate(2px,-9px) rotate(-2.5deg)}56%{transform:translate(-2px,9px) rotate(-1.5deg)}58%{transform:translate(0,4px) rotate(.5deg)}60%{transform:translate(-6px,10px) rotate(3.5deg)}62%{transform:translate(-1px,3px) rotate(2.5deg)}64%{transform:translate(5px,-5px) rotate(.5deg)}66%{transform:translate(5px,3px) rotate(3.5deg)}68%{transform:translate(1px,-7px) rotate(-2.5deg)}70%{transform:translate(7px,3px) rotate(.5deg)}72%{transform:translate(-9px,-8px) rotate(-2.5deg)}74%{transform:translate(9px,10px) rotate(-1.5deg)}76%{transform:translate(-1px,-7px) rotate(1.5deg)}78%{transform:translate(-7px,-4px) rotate(-1.5deg)}80%{transform:translate(8px,-3px) rotate(3.5deg)}82%{transform:translate(9px,5px) rotate(.5deg)}84%{transform:translate(-4px,-7px) rotate(1.5deg)}86%{transform:translate(-7px,9px) rotate(2.5deg)}88%{transform:translate(0,10px) rotate(1.5deg)}90%{transform:translate(7px,4px) rotate(-2.5deg)}92%{transform:translate(-9px,10px) rotate(-1.5deg)}94%{transform:translate(4px,-8px) rotate(.5deg)}96%{transform:translate(9px,0) rotate(1.5deg)}98%{transform:translate(8px,-3px) rotate(1.5deg)}0%,100%{transform:translate(0,0) rotate(0)}}

.popupLayer{position:absolute;overflow:hidden;background:#fff;border:1px solid #aaa;border-radius:10px;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.4);-moz-box-shadow:2px 2px 10px rgba(0,0,0,.4);box-shadow:2px 2px 10px rgba(0,0,0,.4);cursor:move}
.popupLayer>.title{position:relative;background:#000;margin:0;padding:10px;text-align:left;color:#fff}
.popupLayer button.close{position:absolute;z-index:9999;top:8px;right:6px;background:transparent;border:0;font-size:1.4em;color:#fff;line-height:1}
.popupLayer>.cont{padding:6px 15px}
.popupLayer>.chk{padding:0 15px 7px 0;text-align:right}
.popupLayer>.chk input[type='checkbox']{margin:-3px 2px 0 0;vertical-align:middle;cursor:pointer}
.popupLayer>.chk label{margin:0;font-size:.9em;cursor:pointer}
.popupLayer video{width:100%}

.delayLayer{display:none;position:fixed;z-index:99998;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);text-align:center;overflow:hidden}
.delayLayer>div{position:absolute;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;padding:4px;box-sizing:border-box}
.delayLayer>div>div{animation-play-state:paused;border:4px solid #fff;border-radius:50%;animation:rotate .4s infinite linear;border-left-color:rgba(0,0,0,0);width:100%;height:100%}
@keyframes rotate{
    100%{
        transform:rotate(360deg);
    }
}

.floatingAlert{position:fixed;z-index:99999;bottom:0;width:100%}
.floatingAlert>div{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);display:inline-block;max-width:400px;padding:12px 25px;border-radius:30px;background:rgba(0,0,0,.4);font-size:1em;font-weight:400;color:#fff;-webkit-transition:.4s all ease;-o-transition:.4s all ease;transition:.4s all ease}
.floatingAlert>div.on{bottom:20px}

@media (max-width:425px){
    .floatingAlert>div{padding:12px 20px;max-width:80%;width:80%;text-align:center}
}
@media (max-width:375px){
    .floatingAlert>div{padding:10px 15px;max-width:90%;width:90%}
}