/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Reset
/*-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:#000; font-family:'Pretendard', sans-serif; vertical-align:baseline; line-height:1.285; font-size:10px; /* word-break:keep-all;  */word-wrap: break-word;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body { word-break:break-all; -webkit-text-size-adjust:none;}
ol,
ul,
li {list-style:none;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
input[type=radio],
input[type=checkbox] {margin-top:-1px; vertical-align:top;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active,
a:focus {text-decoration:none;}
*,
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;}

input:focus {outline:none;}

.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.clear {clear:both;}

.ui-dialog {padding:0; border-radius:18px !important;}
.ui-dialog .ui-dialog-content {text-align:Center; padding:20px !important;}
.ui-dialog .ui-widget-content {background:none; border:none; border:0; margin:0; padding:0;}
.ui-dialog .ui-dialog-buttonpane {text-align:Center; padding:10px 0 20px 0;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none !important; padding:0 20px;}
.ui-dialog .ui-dialog-buttonpane button {display:block; width:100%; background:#05558F; border-radius:12px; margin:0; font-family:'Pretendard', sans-serif; font-size:1.6rem; line-height:2.8rem; border:1px solid #05558F; color:#fff; font-weight:700; }

#dialog-message { display:none; }
#dialog-message .dialog-text { margin-top:20px; color:#000; font-family:'Pretendard', sans-serif; font-size:1.5rem; line-height:1.2; }
#dialog-message .ui-dialog-buttonset button { display:block; padding:13px 11px; background:#05558F; font-size:1.6rem; line-height:1.6rem; border-radius:12px; font-weight:700; border:2px solid #05558F; text-align:center; color:#fff; }

/* loadingbar_more 무한스크롤 */
.loading_bar_more_box {padding:40px 0; position:relative; margin-left:50%;}
.loading_bar_more {width: 26px; height: 26px; z-index: 10; border-radius:50%; -webkit-animation: loading_bar_spin 0.5s linear infinite; animation: loading_bar_spin  0.5s linear infinite; border:2px solid #0F73EA; border-bottom:2px solid #fff;}

/* loadingbar */
#loading_mask {position:fixed; top:50%; left:50%; margin:0; z-index:999999;}
#loading_mask .loading_bar{display:inline-block; width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; z-index: 10; border-radius:50%; -webkit-animation: loading_bar_spin 0.5s linear infinite; animation: loading_bar_spin  0.5s linear infinite; border:2px solid #0F73EA; border-bottom:2px solid #fff;}
@-ms-keyframes loading_bar_spin { 
    from { 
        -ms-transform: rotate(0deg); 
    } to { 
        -ms-transform: rotate(360deg); 
    }
}
@-moz-keyframes loading_bar_spin { 
    from { 
        -moz-transform: rotate(0deg); 
    } to { 
        -moz-transform: rotate(360deg); 
    }
}
@-webkit-keyframes loading_bar_spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes loading_bar_spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

/*#loading_mask {position:fixed; top:50%; left:50%; margin:0; z-index:999999;}
#loading_mask .loading_bar { animation: loading_bar_spin 1s linear infinite; height: 10px; width: 10px; position: absolute; top: 50%; left: 50%; margin: -5px; }
@keyframes loading_bar_spin {
  0% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  6.25% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  12.5% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  18.75% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  25% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  31.25% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  37.5% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
  43.75% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px #000, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px transparent;
  }
  50% {
    box-shadow: 
      0px -30px transparent, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px #000, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px #000;
  }
  56.25% {
    box-shadow: 
      0px -30px #000, 
      10px -30px transparent, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px #000, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px #000;
  }
  62.5% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px transparent, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px #000, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px #000;
  }
  68.75% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px transparent, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px #000, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px #000;
  }
  75% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px transparent, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px #000, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px #000;
  }
  81.25% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px transparent, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px #000, 
      -20px -20px #000,
      -10px -30px #000;
  }
  87.5% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px transparent, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px #000,
      -10px -30px #000;
  }
  93.75% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px transparent, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px #000;
  }
  100% {
    box-shadow: 
      0px -30px #000, 
      10px -30px #000, 
      20px -20px #000, 
      30px -10px #000, 
      30px 0px #000, 
      30px 10px #000, 
      20px 20px #000, 
      10px 30px #000, 
      0px 30px transparent, 
      -10px 30px transparent, 
      -20px 20px transparent, 
      -30px 10px transparent, 
      -30px 0px transparent, 
      -30px -10px transparent, 
      -20px -20px transparent,
      -10px -30px transparent;
  }
}
*/