@charset "utf-8";
/* CSS Document */




header, footer, section, article, aside, nav, details, menu, figure, figcaption, summary, canvas{display:block}

body{position:relative;overflow:hidden;overflow-y: hidden;margin:0px auto;padding:0px;width:100%;min-height: 1280px;height: 100%;background:#fff;color:#444;font-size:14px;font-family:'Spoqa Han Sans Neo'}
body.loading:after{content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 100;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin:0px;padding:0px;font-family:'Spoqa Han Sans Neo'}
ul,ol{list-style:none}
a{padding:0;margin:0;text-decoration:none;color:#222;vertical-align:middle}
a:hover{text-decoration: none;}
table, th, td {margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;table-layout:fixed}
img {border:0px;vertical-align:middle}
form, fieldset{margin:0;padding:0;border:none}
caption{visibility:hidden;width:0;height:0;line-height:0;font-size:0}
textarea, select{color:#777;border:1px solid #d0d5dd;box-sizing:border-box}
figure, figcaption{padding:0;margin:0}
input[type="text"],
input[type="password"]{vertical-align:middle;padding:0 10px
;box-sizing:border-box}
select,
input[type="radio"],
input[type="checkbox"]{vertical-align:middle;margin:0}
button,
input[type="button"]{cursor:pointer;vertical-align:middle}
input[readonly]{background-color:#f5f5f5}

.blind, legend{position:absolute;left:0;top:0;visibility:hidden;width:0;height:0;line-height:0;font-size:0}
.hidden{display:none}
body.main{background:#f1f1f1;}


.fl{float:left !important}
.fr{float:right !important}

.tl{text-align:left !important}
.tc{text-align:center !important}
.tr{text-align:right !important}


.clear{position:relative;display:block;width:100%}
.clear:after{clear:both;display:block;content:""}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb100{margin-bottom:100px !important}



.hide-text{text-indent: 900%;white-space: nowrap;overflow: hidden;}
.ud-line{text-decoration: underline;}


/* for spiner*/
#spinnerWrap{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #00000040; z-index: 10100; text-align: center;}
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    top: calc((100% / 2) - 32px); width: 64px; height: 64px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}



.scroll-wrap{height:auto;padding-bottom:160px;}
.hide-scrollbar{-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}


.alert-wrap{display:none;width: 100%; height: 100%; background-color: #0000006e; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 10005;}
.alert-wrap .alert-box{position: absolute; width: 769px; min-height: 246px; border: 1px solid black; background-color: #fff; padding: 56px 53px;}
.alert-wrap .alert-box .alert-header{font-size: 40px;font-weight: bold;letter-spacing: -0.4px;color: #000000;text-align: center;}
.alert-wrap .alert-box .alert-body{font-size: 24px;font-weight: 500;letter-spacing: -0.24px;min-height: 120px;display: block;align-items: center;text-align: center;margin-top: 28px;}
.alert-wrap .alert-box .alert-footer{width: 100%; text-align: center;}
.alert-wrap .alert-box .alert-footer.left{text-align: left}
.alert-wrap .alert-box .alert-footer .btn-ok{width: 350px;height: 88px;background-color: #000;font-size: 32px;font-weight: 500;color: #fff;letter-spacing: -0.32px;border: 0;box-sizing: border-box;border-radius: 100px;}
.alert-wrap .alert-box .alert-footer .btn-cancel{width: 350px;height: 88px;border: 1px solid black;background-color: #fff;font-size: 32px;font-weight: 500;letter-spacing: -0.32px;color: #000;margin-left: 24px;box-sizing: border-box;border-radius: 100px;margin-right: 24px;}