@charset "utf-8";

/* 크로스브라우징을 위한 CSS 초기화 */
* {margin:0; padding:0; box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word;}
body{font-size:12px; font-family:'Pretendard', sans-serif;}/* font-family:'Nanum Gothic', sans-serif; */
a{outline:0px;}
a:link{color:inherit; text-decoration:none;}                                       
a:hover{color:inherit; text-decoration:none;}
a:visited{color:inherit; text-decoration:none;}
caption, legend{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}
img{border:0px;max-width: 100%;}
fieldset,img{border:0; vertical-align:top;}
table{border-collapse:collapse; border-spacing:0; border:0;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input[type=password]{IME-MODE: disabled;}
ul,ol,dl{list-style:none; margin:0;}
textarea{overflow:auto;} 
button,label{cursor:pointer;}
hr{display:none; clear:both;}

/* 관리자 에디터에서 ol, ul 붙혔을경우 읽기페이지에서 나오기 */
.readEdit ul{list-style:inside; padding-left:15px;}
.readEdit ol{list-style:decimal; padding-left:15px;}

/* 로딩 */
.bg_wrap{position:fixed; z-index:10000; background-color:rgba(0,0,0,0.7);width:100%;height:100vh;}
.bg_wrap .ring{position:absolute;top:50%;left:50%;width:150px;height:150px;background:transparent;border:3px solid #3c3c3c;border-radius:50%;text-align:center;line-height:150px;font-size:20px;color:#fff000;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #fff000;box-shadow:0 0 20px rgba(0,0,0,0.5); transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.bg_wrap .ring:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #fff000;border-right:3px solid #fff000;border-radius:50%;animation:animateCircle 2s linear infinite;}
.bg_wrap span{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation: animate 2s linear infinite;}
.bg_wrap span:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff000;top:-5px;right:-5px;box-shadow:0 0 20px #fff000;}

@keyframes animateCircle
{
	0%
	{
		transform:rotate(0deg);
	}
	100%
	{
		transform:rotate(360deg);
	}
}

@keyframes animate
{
	0%
	{
		transform:rotate(45deg);
	}
	100%
	{
		transform:rotate(405deg);
	}
}


/* 모바일 줄바꿈: 단어(어절) 중간에서 절대 끊기지 않도록 */
@media all and (max-width:768px) {
  * {
    /* 한글 어절 단위 유지 */
    word-break: keep-all;
    /* 컨테이너보다 긴 단어(URL/영문 등)만 예외적으로 줄바꿈 */
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

  /* 지원 브라우저에서는 문장 성분 단위로 더 자연스럽게 끊기 */
  @supports (word-break: auto-phrase) {
    p, li, dd, dt, td, th, figcaption,
    h1, h2, h3, h4, h5, h6,
    .txt, .tit, .desc, .sub_txt {
      word-break: auto-phrase;
    }
  }

  /* 마지막 줄에 한 단어만 남는 어색한 줄바꿈 방지 */
  @supports (text-wrap: pretty) {
    p, li, dd, figcaption, .txt, .desc, .sub_txt {
      text-wrap: pretty;
    }
    h1, h2, h3, h4, h5, h6, .tit {
      text-wrap: balance;
    }
  }
}