@charset "utf-8";

/* default */
html { overflow-x:hidden; }

body,
input,
button,
select,
textarea { font-family:'Noto Sans KR', sans-serif; }

body { overflow-x:hidden; color:#333; }
img { max-width:100%; max-height:100%; }
button { border:0; cursor:pointer; }

.container { position:relative; height:100%; margin:0 auto; }

.clearfix { display:block; }
.clearfix:after { content:''; display:block; clear:both; }
.clear { clear:both; }

.imgFit { display:block; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; margin:0 auto; object-fit:cover; }

/* 2023.02.20 */
.noData {display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; -webkit-box-pack:center !important; -ms-flex-pack:center !important; justify-content:center !important; -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important; width:100% !important; min-height:100% !important; text-align:center;}
.noData a {height:auto !important;}

:before, :after { display:none; content:''; }

span.next { display:block; }

/* color */
.bgWhite { background-color:#fff !important; }
.colorWhite { color:#fff !important; }

.color555 { color:#555 !important; }
.color888 { color:#888 !important; }

/* Popup */
.userLayerPopup {position: absolute; background: #f4f4f4; border: 1px #a3a7bb solid; box-shadow: 2px 1px 7px rgb(54 54 54 / 40%); z-index: 1100;}
.userLayerPopup .layerPopHeader {position: relative; background: #253378; height: 40px; line-height: 40px;}
.userLayerPopup .layerPopHeader a {position: absolute; right: 10px; top: 0;}
.userLayerPopup .layerPopHeader .headTxt{margin-left: 10px; font-size: 14px; font-weight: 500; color: #fff; text-shadow: 1px 1px 1px #040b2b;}
.userLayerPopup .layerPopContent > div {margin: 0 auto;}
.userLayerPopup .layerPopContent img {width: 100%; height: 100%;}
.userLayerPopup .layerPopFooter {position: absolute; bottom: 0; width: 100%; height: 30px; padding: 7px 7px; background-color: #747474; text-align: right;}
.userLayerPopup .layerPopFooter p {color: #d8d8d8;}
.userLayerPopup .layerPopFooter p input {margin: 0 5px 4px;}

.customLayerPopupBack::after {width: 100%; height: 100%; content: ""; top: 0; left: 0; position: fixed; background-color: #fff; z-index: 150; opacity: 0.5}
.customLayerPopup {position: absolute; left: calc( 50% - 172px) !important; top: calc(50% - 153px) !important; width: 400px !important; height: auto !important; background: #f4f4f4; border: 1px #a3a7bb solid; box-shadow: 2px 1px 7px rgb(54 54 54 / 40%); z-index: 1100;}
.customLayerPopup .privacyPopHeader {background: #253378; height: 42px; line-height: 42px; text-align: center;}
.customLayerPopup .privacyPopHeader .headTxt{margin-left: 10px; line-height: 25px; font-size: 14px; font-weight: 600; color: #fff; cursor: default; text-shadow: 1px 1px 1px #040b2b;}
.customLayerPopup .privacyPopContent {padding: 20px;}
.privacyPopContent ul li {margin-left: 10px; line-height: 25px; font-weight: 500; color: #000; margin-bottom: 5px;}
.customLayerPopup .privacyPopFooter {display: block; text-align: center;}
.customLayerPopup .privacyPopFooter .btnArea.topBtn {float: inherit; margin-bottom: 20px;}

.contentsTopCnts {margin-top: 10px; margin-bottom: 10px;}

/* fullcalendar */
.fc-icon:before {display:inline-block;}

/* ---------------------------------------- 반응형 ---------------------------------------- */
/* ---------------------------- PC ---------------------------- */
@media all and (max-width: 1600px) {

}

@media all and (max-width: 1440px) {

}

@media all and (max-width: 1366px) {

}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 1200px) {

}


/* ---------------------------- 태블릿 ---------------------------- */
@media all and (max-width: 1024px) {
    html { font-size:62.5%; }
}

@media all and (max-width: 820px) {

}

@media all and (max-width: 750px) {

}


/* ---------------------------- 모바일 ---------------------------- */
@media all and (max-width: 640px) {

}

@media all and (max-width: 490px) {

}

@media all and (max-width: 460px) {

}

@media all and (max-width: 385px) {

}

@media all and (max-width: 340px) {

}