@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined');

.none {display:none !important; 
    /* transition */
    transition: left 0.15s;
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {
    font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica, Applegothic,Sans-serif !important;
    margin:0;
    padding:0;
}

/*.subConBody { padding:0px; margin-top: -10px; }*/

.cFlex{ display: flex; justify-content: space-evenly; flex-wrap: wrap; align-items: center; }

/* 햄버거메뉴 */
.top-menu {
  display: inline-block;
  cursor: pointer;
  margin: 4px;
}
.bar1, .bar2, .bar3 {
  width: 24px;
  height: 4px;
  background-color: rgba(100,100,100,0.5);
  margin: 4px 0;
  transition: 0.4s;
}
.change .bar1 {
  transform: translate(0, 8px) rotate(-45deg);
  background: rgb(255,100,100);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
  transform: translate(0, -8px) rotate(45deg);
}
/* 햄버거메뉴 */

/* 게시판 관련 css */
.board-close-btn {
    cursor: pointer;
}
/* 게시판 관련 css */

.dal-area li { cursor: pointer; }
.dalDal { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ; padding: 0;}  /* 1fr 월/주 통합 */
    .col { min-width: 20px;  overflow:hidden; }  /* height: 40px; */
    .textLine { display:block;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor: grab;} /* height: 40px; */
    /* .textLine:hover { color:red; } */
    .colYM { border: silver 1px solid; text-align: center; padding: 4px 0px 0px 4px; border-radius: 10px; margin: 1px;}
    .colWK { border: silver 1px solid; text-align: center; padding: 4px 0px 0px 4px; border-radius: 10px; margin: 1px;}
    .colTitle {height: 20px; text-align: center; padding: 4px 0px 0px 4px;}
    .dalDal > li:not(.colYM, .colWK) { 
        border: silver 1px solid; padding: 4px 0px 0px 4px; 
        text-align: left; border-radius: 10px; margin: 1px;
    }
    
.dal-area ol, .dal-area ul {
    list-style: none;
}

.dim-full-page{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:50;background:#fff;opacity:1;}

.dim{display:none;position:absolute;left:0;right:0;top:0;bottom:0;z-index:98;background:#000;opacity:0.3;}

/*box-shadow: 10px 10px 2px 1px rgba(255,255,100,.5), -10px -10px 2px 1px rgba(255,200,200,.5);*/
.layerDialog {border-radius:15px;position:absolute;left:50%;top:50%;z-index:99;width:320px; background-color:rgba(255,255,255,.92);
        box-shadow: 4px 4px 2px 1px rgba(255,255,255,.5), -4px -4px 2px 1px rgba(255,255,255,.5);
        border:1px solid #b4bdc8;transform:translate(-50%,-50%);box-sizing:border-box;}
	.layerDialog .msgArea {padding:25px 15px;box-sizing:border-box;line-height:1.5;}
	.layerDialog .msgArea strong {display:block;font-weight:bold;margin-bottom:5px;font-size:13px;}
	.layerDialog .btnArea {padding:10px 15px;border-top:1px solid #b4bdc8;box-sizing:border-box;text-align:right;}
	.layerDialog .btnSpoint {background-color:#4d91ff;border-color:#2f609d;}
	.layerDialog .msgArea.ok { padding-top:60px;text-align:center;background:transparent 20px;}
    .layerDialog .msgArea.ok:before {font-family: "Material Icons"; content: '\e2e6'; font-size: 24px; color: green;}	
    .layerDialog .msgArea.error { padding-top:60px;text-align:center;background:transparent  20px;}
    .layerDialog .msgArea.error:before {font-family: "Material Icons"; content: '\e5c9'; font-size: 24px; color: red;}	
	.layerDialog .msgArea.alt {padding-top:60px;text-align:center;background:transparent 20px;}
    .layerDialog .msgArea.alt:before {font-family: "Material Icons"; content: '\e88e'; font-size: 24px; color: blue;}

.btnArea {display: flex;
    flex-direction: row;
    justify-content: flex-end;}

.location button { border: 0; outline:0; cursor:pointer; background-color:transparent; }
.location button::before { font-family: "Material Icons"; content: '\e885'; }

.btnSearch:before { font-family: "Material Icons"; content: '\e8b6'; }
.btnAdd::before { font-family: "Material Icons"; content: '\e145'; }
.btnLogOut::before { font-family: "Material Icons"; content: '\e9ba'; }
.btnLogin::before { font-size: "24px"; font-family: "Material Icons"; content: '\ea77'; }

.infoToolTip::after{ font-family: "Material Icons"; content: '\e8cd'; color:rgba(100,100,255,.8);}
.infoToolTip {position:relative;display:inline-block;width:20px;height:20px;color:#000;cursor:pointer;box-sizing:border-box;
        vertical-align:top;margin-top:2px;box-sizing:border-box;
        background:transparent; }
    .infoToolTip:hover{background:rgba(255,255,100,.5); width:30px; height:30px; }
    .infoToolTip:hover div {display:block;}
    .infoToolTip div {display:none;position:absolute;left:30px;top:-10px;z-index:5;min-width:150px;border:1px solid #8d8d8d;background-color:rgba(255,255,255,.7);padding:10px;
        border-radius: 30px 10px 50px; box-shadow: 0px 2px 20px rgb(1 41 112 / 10%);
        font-weight:normal;font-size:11px;color:#000;line-height:1.7em;text-align:left;}
    .infoToolTip div:after {content:'==>';position:absolute;left:-13px;top:8px;width:13px;height:16px;
        background:transparent;}

    .infoToolTip.right div {left:inherit;right:30px;}
    .infoToolTip.right div:after {left:inherit;right:-13px;transform:rotate(180deg);}
    


.location button { border: 0; outline:0; cursor:pointer; background-color:transparent; }
.location button::before { font-family: "Material Icons"; content: '\e885'; }

.btnSearch:before { font-family: "Material Icons"; content: '\e8b6'; }
.btnAdd::before { font-family: "Material Icons"; content: '\e145'; }
.btnLogOut::before { font-family: "Material Icons"; content: '\e9ba'; }
.btnLogin::before { font-size: "24px"; font-family: "Material Icons"; content: '\ea77'; }

.nav-button { cursor: pointer; }