@charset "utf-8";
/* 0521-dev */

/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src:url(../fonts/Pretendard/Pretendard-Regular.woff) format("woff");
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Pretendard/Pretendard-Medium.woff) format("woff");
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src:url(../fonts/Pretendard/Pretendard-SemiBold.woff) format("woff");
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src:url(../fonts/Pretendard/Pretendard-Bold.woff) format("woff");
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src:url(../fonts/Pretendard/Pretendard-ExtraBold.woff) format("woff");
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src:url(../fonts/Pretendard/Pretendard-Black.woff) format("woff");
}

/* 고도체 */
@font-face {
    font-family: 'Godo M';
    src: url('../fonts/Pretendard/GodoM.woff2') format('woff2'),
    url('../fonts/Pretendard/GodoB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Godo B';
    src: url('../fonts/Pretendard/GodoB.woff2') format('woff2'),
    url('../fonts/Pretendard/GodoB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* reset */
*{margin:0; padding:0; box-sizing:border-box; /* transition: all 0.5s;*/}
html{width:100%; height:100%}
body{/*min-width:1260px; */ position:relative; font-family: 'Pretendard'; font-size:16px; line-height: 1.6; color: var(--black-70) !important; letter-spacing:-0.3px; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-overflow-scrolling: touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; margin-bottom: 0; padding:0; word-break: keep-all; word-wrap: break-word; font-weight: 400}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{ height: 3.125rem !important; vertical-align:middle; background:#fff; border:1px solid var(--black-30); letter-spacing:-0.6px; padding: 0.313rem 1.5rem; border-radius:3px; font-size:14px}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  /*0522추가*/ margin-right: 6px;}
input[type="password"] {border:1px solid #cccccc; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; border-radius: var(--radius-round);}
select{padding:5px; border:1px solid #cccccc; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #cccccc; font-size:14px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
p {margin-bottom: 0px !important}
a{text-decoration:none; color: var(--black-70); }
a:hover, a:focus, a:active{ text-decoration:none !important; color: var(--Primary-color-03);}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:14px; outline:none;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
input:placeholder-shown, textarea:placeholder-shown {color:var(--black-40);}/* Standard */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #cccccc;}/* WebKit, Blink, Edge */
input:-moz-placeholder, textarea:-moz-placeholder { color: #cccccc;}/* Mozilla Firefox 4 to 18 */
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc;}/* Mozilla Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc;} /* Internet Explorer 10-11 */

input:-internal-autofill-selected {
    background-color: #cccccc !important;
    background-image: none !important;
    color: #006085 !important;
}

.modal-body input[type="text"] {
    /*  팝업에 있는 input[type="text"]만 border-radius값 조정 */
    border-radius: 0.25rem;
}
/*  관리자 화면 설정 아이콘  */
button i.flaticon2-gear{
    font-size: 20px;
    margin-left: 6px;
    color: var(--black-70);
}

/* IR */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%}
.blind {display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

/* IE-type:control */
input[type="text"]::-ms-clear {
    display: none;
}

/* scrollbar */
.scrollbar-container {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: 12px;
    border: 10px solid  rgb(206, 206, 206);
    overflow: auto;
    background-color: rgb(255, 255, 255);
}
.scrollbar-container .inner {
    height: 2011px;
    width: 1985px;
    padding: 1em;
    background-color: white;
    font-family: sans-serif;
}
::-webkit-scrollbar {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: var(--grayblue-20);
    border: solid rgb(255, 255, 255) 2px;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background-color:  var(--grayblue-30);
}


@media (max-width: 786px){
    input, select {
    height: 2.7rem !important;
    }
}
@media (max-width: 480px) {
    input, select {
        height: 2.4rem !important;
    }
}

@media (max-width: 375px){
    input, select{
        height: 2.5rem !important;
    }
    body{
        font-size: var(--font-size-14);
        line-height: 1.5;
    }
}

/*  admin */
body.admin input, body.admin select {
    height: 2.5rem !important;
}