@charset "UTF-8";

/* reset */
html{overflow:auto; font-size:100%; color:#333}
article,aside,audio,body,canvas,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,menu,nav,ol,p,pre,section,summary,td,textarea,th,time,ul,video{margin:0;padding:0; font-family:inherit}
body{font-size: 12px; font-weight:400; color:#333; line-height:normal;}
html, body{width:100%; height:100%}
img{vertical-align:middle;border:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:middle}
button{color:#333}
button {padding:0;border:0;outline:0;background:none;cursor:pointer}
textarea{resize:none !important}
table{width:100%;border-spacing:0;border-collapse:collapse}
fieldset{border:0}
legend{color:#333}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;line-height:1.3}
caption,hr,legend{font-size:1px;line-height:0;width:0;height:0;text-indent:-9999em}
/*a,a:active,a:focus,a:hover,a:link,a:visited {font-size:100%;text-decoration:none;color:inherit}*/
a {font-size:100%;text-decoration:none;color:inherit}

/* 아이폰 이미지 저장 막기 */
body { -webkit-touch-callout:none;}

::-webkit-input-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999;}
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*display*/
.none{display:none}
.block{display:block}

.middle{vertical-align:middle}

.hidden{display:block; position:absolute; overflow:hidden; visibility:hidden; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); color:transparent}

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

.relative{position:relative}

.p16 {padding: 16px !important}
.pt0 {padding-top: 0px !important}
.pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt20 {padding-top: 20px !important}
.pb0 {padding-bottom: 0px !important}
.pb5 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb16 {padding-bottom: 16px !important}
.pb20 {padding-bottom: 20px !important}
.pb24 {padding-bottom: 24px !important}
.ptb5 {padding-top: 5px !important; padding-bottom: 5px !important}
.pr15{padding-right:15px !important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt24{margin-top:24px !important}
.mt28{margin-top:28px !important}
.mt32{margin-top:32px !important}
.mt90{margin-top:90px !important}
.mr0{margin-right:0px !important}
.mr3{margin-right:3px !important}
.mr4{margin-right:4px !important}
.mr5{margin-right:5px !important}
.mr6{margin-right:6px !important}
.mr8{margin-right:8px !important}
.mr10{margin-right:10px !important}
.mr12{margin-right:12px !important}
.mr16{margin-right:16px !important}
.mr45{margin-right:45px !important}
.mr-8{margin-right:8px !important}
.mb0{margin-bottom:0px !important}
.mb7{margin-bottom:7px !important}
.mb8{margin-bottom:8px !important}
.mb12{margin-bottom:12px !important}
.mb15{margin-bottom:15px !important}
.mb16{margin-bottom:16px !important}
.mb24{margin-bottom:24px !important}
.mb30{margin-bottom:30px !important}
.mb32{margin-bottom:32px !important}
.mb34{margin-bottom:34px !important}
.mb36{margin-bottom:36px !important}
.mb40{margin-bottom:40px !important}
.mb48{margin-bottom:48px !important}
.mb50{margin-bottom:50px !important}
.ml5{margin-left:5px !important}

.ml-16{margin-left:-16px !important}

.mrl5{margin-right:5px !important; margin-left:5px}
.mrl16{margin-right:16px !important; margin-left:16px}
.mrl-16{margin-right: -16px; margin-left: -16px}

.left{text-align:left !important}
.center{text-align:center !important}
.right{text-align:right !important; justify-content:flex-end !important;}
.v_top{vertical-align:top !important}
.v_middle{vertical-align:middle !important}
.v_bottom{vertical-align:bottom !important}

.overflow{overflow:hidden}

.initial_loader{position:fixed; width:100%; height:100%; vertical-align:middle; text-align:center; background:rgba(0,0,0, 0.1); z-index:100000}
.initial_loader > svg{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); animation-duration:2s; animation-name:loading; animation-iteration-count: infinite}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

@keyframes loading{
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(-25deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
#__nuxt,
#__layout,
#wrap{width:100%; height:100%; min-width: 320px; min-height: 480px}

/* vuetify 공통 */
.v-btn::before {content: none !important}
.v-btn {
    letter-spacing: 0 !important;
    text-transform: none!important;
}


.w1032 {max-width: 1032px !important}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.15s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}