@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px;font-family:'Pretendard', dotum, sans-serif;background:#fff;line-height: 1.4}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    -webkit-box-shadow:0 0 5px #9ed4ff;
    -moz-box-shadow:0 0 5px #9ed4ff;
    box-shadow:0 0 5px #9ed4ff;
    border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

img {max-width: 100%;}
div, ul, li, h1, h2, h3, h4, h5, h6, span, b, strong, p {word-break: keep-all;}

/* 모달 */
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    padding: 0 !important;
}
.modal .modal-dialog {
    position: relative;
    width: 100%;
    max-width: 1200px;
    pointer-events: none;
    transform: none;
    margin: 0 auto;
}
.modal .modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.modal .modal-content {
    position: relative;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 10px;
    outline: 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    overflow: hidden;
    margin: 50px 0;
}
.modal .modal-header {
    padding: 25px;
    border-bottom: 1px solid #e0e1e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal .modal-header h3 {
    font-size: 21px;
    font-weight: bold;
    display: inline-block;
    margin: 0;
}
.modal .modal-header .btn-close {
    background: none;
    border: none;
}
.modal .modal-body {
    position: relative;
    padding: 25px;
    background: #fff;
    font-size: 16px;
}
.fade {transition: opacity .15s linear;}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px);
}
.modal.show .modal-dialog {transform: none;}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.5;}

@media (min-width: 576px){
    .modal-dialog-centered {min-height: calc(100% - (1.75rem * 2));}
}
@media all and (max-width: 767px) {
    .modal .modal-header {padding: 15px;}
    .modal .modal-header h3 {font-size: 16px;}
    .modal .modal-header .btn-close img {width: 14px; height: 14px;}
    .modal .modal-body {
        padding: 15px;
        font-size: 15px;
    }
}
@media all and (max-width: 600px) {
    .modal .modal-content {margin: 30px 15px;}
}

/*미디어쿼리*/
.visible-ln,
.visible-n,
.visible-t,
.visible-st,
.visible-m {display: none;}

.visible-pc {display: block;}
.hidden-pc {display: none;}
@media all and (max-width: 1400px) {
    .visible-ln {display: block;}
    .hidden-ln {display: none;}
}
@media all and (max-width: 1200px) {
    .visible-n {display: block;}
    .hidden-n {display: none;}
}
@media all and (max-width: 1024px) {
    .visible-t {display: block;}
    .hidden-t {display: none;}
}
@media all and (max-width: 991px) {
    .visible-st {display: block;}
    .hidden-st {display: none;}
}
@media all and (max-width: 767px) {
    .visible-m {display: block;}
    .hidden-m {display: none;}
}