@charset "UTF-8";
/* font */
@font-face {
    font-family: 'NanumBGR';
    src: url('/font/NanumBarunGothic.eot');
    src : local("※"),
         url('/font/NanumBarunGothic.woff') format('woff'),
         url('/font/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBGB';
    src: url('/font/NanumBarunGothicBold.eot');
    src : local("※"),
         url('/font/NanumBarunGothicBold.woff') format('woff'),
         url('/font/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
    font-family: 'SDSwaggerTTF';
    src: url('/font/tablet/SDSwaggerTTF.eot');
    src : local("※"),
         url('/font/tablet/SDSwaggerTTF.woff') format('woff'),
         url('/font/tablet/SDSwaggerTTF.ttf') format('truetype');

}

@font-face {font-family: 's-core_dream5_medium';src: url('../font/S-Core-Dream-full/scdream5.woff2') format('woff2'), url('scdream5.woff') format('woff');font-weight: normal; font-style: normal;}


/* tag reset */
html,body{height: 100%}
*{padding: 0;margin: 0;}
body{font-family: NanumBGR, "Malgun Gothic", "맑은고딕", dotum, "돋움"; font-size: 16px;color: #333}
a:link, a:visited, a:hover, a:active{color: inherit;text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size: inherit;font-family: NanumBGB}
ul{list-style: none}
img{border: none;vertical-align: top;max-width: 100%;height: auto}
input[type="text"]{border: none}/* 기본스타일추가하기 */
button{cursor: pointer;border: none;background: none;font-size: inherit;color: inherit}
em, address{font-style: normal}
table{border-spacing: 0px;border-collapse: collapse}

/* common */
.blind{font-size: 0;width: 1px;height: 1px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: -9999px;text-indent: -9999px}
.p_r{position: relative}
.clearfix:after{content: "";display: block;clear: both}

/* .nav */
.nav{position: absolute;top: 0;left: 0;height: 100%;background: #000;color: #ddd;z-index: 200}
.nav ul{height: 100%;}
.nav ul li{display: table;border-top: 1px solid #666;height: calc((100% - 100px) / 5);width: 100%}
.nav ul li a{display: table-cell;height: 100%;width: 100%;text-align: center;vertical-align: middle}
.nav ul li a p{font-size: 18px;margin-top: 10px}
.nav ul .nav_logo{border-top: none;height: 100px;}
.nav ul li.on a{background: #ddd;color: #000;font-family: NanumBGB}

.toast-list {position: fixed;top: 0; left: 50%; width: 50%;  transform: translateX(-50%); padding-top: 10px; z-index: 999999;}

.toast-list .toast {margin-top: 20px; background-color: #fff; width: 100%; box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1); transition: 0.4s all;}
.toast-list .toast .toast-header { background-color: #000; color: #fff; padding: 10px; display: flex; justify-content: space-between;}
.toast-list .toast .toast-header .rounded {border-radius: 10000px; margin-right: 20px}
.toast-list .toast .toast-header .close {font-size: 30px;}
.toast-list .toast .toast-header .close:active,
.toast-list .toast .toast-header .close:focus {color: #fff; border: none;}

.toast-list .toast .toast-body {padding: 25px; font-size: 18px; text-align: center;}


.bg_black {
    background-color: black;
}

.text-white {
    color: white;
}