@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");


/* font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; */
/* font-family: 'Scoredream'; */
/* font-family: 'Nanum Gothic', sans-serif; */
/* font-family: 'Noto Sans KR', sans-serif; */
/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Nanum Gothic Coding', monospace; */
/* font-family: 'Gothic A1', sans-serif; */
/* font-family: 'Malgun Gothic', dotum, sans-serif; */
/* font-family: "Noto Sans KR",'맑은 고딕',Dotum,"돋움",arial,verdana,sans-serif; */
/* font-family: "Roboto", sans-serif; */
/* font-family: "East Sea Dokdo", sans-serif; */


.txm {
  font-family: 'Malgun Gothic', dotum, sans-serif !important;
  font-size: 14px;

}

.txe {
  font-family: 'Lato', sans-serif;
}

.txk {
  font-family: "Kdam Thmor Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.txpr {
  font-family: "Pretendard Variable" !important;
  font-weight: 200;
}

.txp {
  font-family: "Pretendard Variable" !important;
  font-weight: 300;
  font-size: 16px;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media (max-width: 576px) {
  .kono1 {
    display: none !important;
  }
}
@media (min-width: 577px) {
  .kono2 {
    display: none !important;
  }
}

@media (max-width: 280px) {
  .kono3 {
    display: none !important;
  }
}
@media (min-width: 281px) {
  .kono4 {
    display: none !important;
  }
}

body {
  
  word-break: keep-all !important; /* 한글, 영어 단어별 줄바꿈 */
  overflow-wrap: break-word !important;
}

.lineb {
  word-wrap: break-word; 
}





.line-btn {                     /* <============ */
	display: inline-block;
	overflow: hidden;
	padding-bottom: 3px;
	position: relative;
	/* font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.2; */
	color: #fff;
}

.line-btn.black {
	color: #000;
}

.line-btn:before,
.line-btn:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left:   0;
	bottom: 0;
	background-color: #fff;
	transition: .5s cubic-bezier(.858, .01, .068, .99);
}

.line-btn.black:before,
.line-btn.black:after {
	background-color: #000;
}

.line-btn:before {
	transition-delay: .25s;
}

.line-btn:after {
	-webkit-transform: translateX(-105%);
	        transform: translateX(-105%);
}

.line-btn:hover:before {
	-webkit-transform: translateX(105%);
	        transform: translateX(105%);
	transition-delay: 0s;
}

.line-btn:hover:after {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	transition-delay: .25s;
}