@charset "UTF-8";

/* font - noto serif kr */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
         url(../font/NotoSansKR-Regular.woff) format('woff'),
         url(../font/NotoSansKR-Regular.otf) format('opentype')
         }
@font-face {
    font-family: 'Noto Sans KR M';
    font-style: normal;
    font-weight: 500;
    src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),
         url(../font/NotoSansKR-Medium.woff) format('woff'),
         url(../font/NotoSansKR-Medium.otf) format('opentype')
         }

@font-face {
    font-family: 'Noto serif KR M';
    src: url(../font/NotoSerifKR-Medium-Alphabetic.woff2) format('woff2'),
        url(../font/NotoSerifKR-Medium-Alphabetic.woff) format('woff'),
        url(../font/NotoSerifKR-Medium-Alphabetic.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto'; 
    font-style: normal; 
    font-weight: 400;
    src: url(../font/Roboto-Regular.woff2) format('woff2'),
        url(../font/Roboto-Regular.woff) format('woff'),
        url(../font/Roboto-Regular.otf) format('opentype'); 
}


*, *:before, *:after {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; -webkit-font-smoothing:antialiased; outline: none;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;}
button{margin:0; padding:0; border:0 none;background-color:transparent; font-family: 'Noto Sans KR'; cursor:pointer; line-height:1;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
textarea{resize:none; font-family: 'Noto Sans KR';}
input{border-radius:0; font-family: 'Noto Sans KR';}
input[type="text"],input[type="password"],input[type="date"],input[type="time"],input[type="submit"],input[type="button"],input[type="color"]{font-family: 'Noto Sans KR';}
input[type="file"]{border:0;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #444444 !important;
}

a, a:active, a:hover{text-decoration:none; cursor: pointer;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

html, body {width: 100%; height: 100%;  }
body{font-size:16px;  font-family: 'Noto Sans KR', sans-serif; word-break:keep-all; font-weight:400; min-width: 1400px; background-attachment:fixed !important; background-size: auto;}
@media  (min-width: 1920px) {
    body {background-attachment:fixed; background-size: cover !important;}
 }

/* common - util */
.cf:after{content:""; display:block; clear:both;}
.hidden{position:absolute; top:0; left:0; width:0; height:0; font-size:0; text-indent:-99999px; opacity:0; overflow: hidden;}
.boxHide {display: none;}
.overflowH {overflow: hidden;}

.autoH {min-height: auto !important;}

/* 말줄임 */
.ellipsis{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.floatL {float: left !important;}
.floatR {float: right !important;}
.positionR {position: relative;}
.positionA {position: absolute;}
.textC {text-align: center !important; }
.textL {text-align: left !important;}
.textR {text-align: right !important;}

/* display */
.flexBox {display: flex;}
.dispN {display: none !important;}

/* margin  */
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px;}
.mgT7 {margin-top:7px;}
.mgT10 {margin-top:10px !important;}
.mgT12 {margin-top:12px;}
.mgT15 {margin-top:15px !important;}
.mgT16 {margin-top:16px;}
.mgT18 {margin-top:18px;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px;}
.mgT46 {margin-top:46px !important;}
.mgT50 {margin-top:50px;}
.mgT55 {margin-top:55px;}
.mgT60 {margin-top:60px;}
.mgT70 {margin-top:70px;}
.mgT80 {margin-top:80px;}
.mgT100 {margin-top:100px;}
.mgT140 {margin-top:140px;}
.mgT150 {margin-top:150px;}

.mgTm110 {margin-top:-110px;}

.mgB0 {margin-bottom: 0px !important;}
.mgB2 {margin-bottom: 2px;}
.mgB4 {margin-bottom: 4px;}
.mgB20 {margin-bottom: 20px;}
.mgB40 {margin-bottom: 40px;}

.mgL5 {margin-left : 5px;}
.mgL10 {margin-left : 10px;}
.mgL15 {margin-left : 15px;}
.mgL20 {margin-left : 20px;}

.mgLm35 {margin-left: -35px;}
.mgRno {margin-right: 0 !important;}
.mgR07 {margin-right: 7px;}
.mgR19 {margin-right: 19px;}
.mgR20 {margin-right: 20px;}
.mgR30 {margin-right: 30px;}

/* padding */
.pdL10 {padding-left: 10px !important;}
.pdR50 {padding-right: 50px;}


/* error page */
body.errorWarp {background: #e5e7f0; min-width: max-content;}
.errorBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; height: max-content; text-align: center;}

.errorTxt01 {font-size: 28px; color: #000000; font-family: 'Noto Sans KR M';}
.errorTxt02 {font-size: 16px; color:#757575;}
.errorBox.notice {width: 420px;}
.errorBox.notice  .errorTxt02, .errorBox.notice .schedule {text-align: left;}
.errorBox.notice span {color: #29af00; }

/* font color */
.fontEmp {color: rgb(139, 42, 0) !important; }

/* font-family */
.fontNum {font-family: 'Roboto' serif;}
.fontB {font-family: 'Noto Sans KR M', sans-serif;}

/* font size */
.fts15 {font-size: 15px;}
.fts16 {font-size: 16px;}

/* line */
.noTopL {border-top: none !important;}


/* gap */
.gapNon {gap: 0 !important;}


.overflowBox {overflow: hidden; overflow-y: auto;}
.overflowBox::-webkit-scrollbar {width: 3px; height: 3px;}
.overflowBox::-webkit-scrollbar-thumb {background-color: rgba(67, 118, 238, 0.7); width: 6px; border-radius: 1.5px;}
.overflowBox::-webkit-scrollbar-track {background-color:none; }


/* 달력 디자인 변경 */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; } 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {border: none; width: 25%;}
.ui-datepicker select.ui-datepicker-year {margin-left: 10px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display: none;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; } 
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 
.ui-widget.ui-widget-content { border: 1px solid #eee; } 
#datepicker:focus>.ui-datepicker { display: block; } 
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; } 
.ui-datepicker-next { float: right; } 
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 
.ui-datepicker-calendar { width: 100%; } 
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; } 
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; font-weight: normal; color: #700202; } 
.ui-widget-header .ui-icon { background-image: url('../img/common/btns.png'); } 
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; } 
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; } 
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; } 
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; } 
.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; } 
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } 
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; } 

.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 
.inp:focus { outline: none; background-color: #eee; }