html, body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, textarea, p, blockquote, p, iframe, span, strong, em {
	margin: 0;
	padding: 0;
	font-size: inherit;
	word-break: break-word;
	word-break: keep-all;
	-webkit-text-size-adjust: none;
}
body {
	font-family: 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', 'Dotum', '돋움', sans-serif !important;
	font-size: 16px;
	color: #676767;
	line-height: auto;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	letter-spacing: -.04em;
	word-break: keep-all;
}
html, body {
	width: 100%;
	height: 100%;
}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption {
	display: block;
}

#header2024 { background-color:#f3f3f3; height:auto }

#header2024 .wrap8 {height:auto}

.sub-menu { top:100PX }

.menu > li > a { line-height:100PX}
 

table {
	font-size: inherit;
	border-collapse: separate /*collapse*/;
	border-spacing: 0;
	table-layout: fixed;
}
th, td {
	word-wrap: break-word;
	word-break: break-all;
	font-weight: normal
}
fieldset, iframe {
	border: 0;
	vertical-align: top;
}
small {
	font-size: 12px;
	color: #666;
}
img {
	border: 0;
	font-size: 0;
	vertical-align: top;
}
address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}
li, dd {
	list-style: none;
	word-break: break-word;
	word-break: keep-all;
}
hr {
	display: none;
}
caption {
	overflow: hidden;
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	margin-top: -1px;
}
legend {
	overflow: hidden;
	left: -9999px;
	text-indent: 9999px;
	width: 0;
	height: 0;
	overflow: hidden;
	line-height: 0;
	white-space: nowrap;
	color: #000;
}
button {
	padding: 0;
	border: 0;
	cursor: pointer;
	background: none;
	vertical-align: middle;
	font-size: 12px;
	appearance: none;
	moz-appearance: none;
	border: 0;
*overflow:visible;
	outline: none;
}
br {
	font-family: 'Noto Sans Korean', 'Noto Sans KR', 'Nanum Gothic', 'Dotum', '돋움', sans-serif !important;
}
a, a code {
	color: #5c5c5c;
	text-decoration: none;  /*마우스오버시 자연스럽게*/
	transition-duration: 300ms;
	transition-property: color, border-color, background-color;
	transition-timing-function: ease;
}
a:active, a:active code {
	text-decoration: none;  /*마우스오버시 자연스럽게*/
	transition-duration: 300ms;
	transition-property: color, border-color, background-color;
	transition-timing-function: ease;
}
a:hover, a:hover code, a:focus, a:focus code {
	text-decoration: none; /*마우스오버시 자연스럽게*/
	transition-duration: 300ms;
	transition-property: color, border-color, background-color;
	transition-timing-function: ease;
}
sup, sub {
	font-size: 0.9em;
	font-style: italic;
}
checkbox {
	vertical-align: middle
}
a {
	outline: none;
select-dummy: expression(this.hideFocus=true);
	cursor: pointer
}
.hand {
	cursor: pointer
}


.heartbeat-text {
    font-size: 24px;
    animation: heartbeat 1s infinite;
  }

  @keyframes heartbeat {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.01);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(1.01);
    }
    100% {
      transform: scale(1);
    }
  }
  
    .wave-text {
    position: relative;
    display: inline-block;
    animation: wave 2s infinite;
  }

  @keyframes wave {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-8px);
    }
    100% {
      transform: translateY(0);
    }
  }

/* 드래그 블록 색상 */
::selection {
	background: rgba(202,165,107,0.8);
	color: #fff;
}
::-moz-selection {
background:rgba(202,165,107,0.8);
color:#fff;
}
::-webkit-selection {
background:rgba(202,165,107,0.8);
color:#fff;
}
/* 정렬 */
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.mid {
	vertical-align: middle;
}
.clear {
	clear: both;
}
/* font-color */
.fc-o {
	color: #f58220 !important;
}
.fc-bl {
	color: #272727 !important;
}
.fc-gr {
	color: #c7c7c7 !important;
}
.fc-wh {
	color: #fff !important;
}
.fc-r {
	color: #ef094a !important;
}
.fc-01 {
	color: #caa56b !important;
}
/* font-size */
.fs-07 {
	font-size: 0.7em !important;
}
.fs-08 {
	font-size: 0.8em !important;
}
.fs-09 {
	font-size: 0.9em !important;
}
.fs-095 {
	font-size: 0.95em !important;
}
.fs-10 {
	font-size: 1em !important;
}
.fs-11 {
	font-size: 1.1em !important;
}
.fs-12 {
	font-size: 1.2em !important;
}
.fs-13 {
	font-size: 1.3em !important;
}
.fs-15 {
	font-size: 1.5em !important;
}
.fs-16 {
	font-size: 1.625em !important;
}
.fs-18 {
	font-size: 1.8em !important;
}
.fs-20 {
	font-size: 2em !important;
}
/* input  */


/* margin */
.mt0 {
	margin-top: 0 !important;
}
.mt1 {
	margin-top: 1px !important;
}
.mt2 {
	margin-top: 2px !important;
}
.mt3 {
	margin-top: 3px !important;
}
.mt4 {
	margin-top: 4px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt6 {
	margin-top: 6px !important;
}
.mt7 {
	margin-top: 7px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt9 {
	margin-top: 9px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt11 {
	margin-top: 11px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt13 {
	margin-top: 13px !important;
}
.mt14 {
	margin-top: 14px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt17 {
	margin-top: 17px !important;
}
.mt18 {
	margin-top: 18px !important;
}
.mt19 {
	margin-top: 19px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt21 {
	margin-top: 21px !important;
}
.mt22 {
	margin-top: 22px !important;
}
.mt23 {
	margin-top: 23px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt26 {
	margin-top: 26px !important;
}
.mt27 {
	margin-top: 27px !important;
}
.mt28 {
	margin-top: 28px !important;
}
.mt29 {
	margin-top: 29px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt32 {
	margin-top: 32px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt36 {
	margin-top: 36px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt85 {
	margin-top: 85px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt95 {
	margin-top: 95px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mt110 {
	margin-top: 110px !important;
}
.mt120 {
	margin-top: 120px !important;
}
.mt150 {
	margin-top: 150px !important;
}
.mt200 {
	margin-top: 200px !important;
}
.mt250 {
	margin-top: 250px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}

.wb50per {
	width:50%
}
.intro {
  width: 100%;
  min-height: calc(100vh - 200px) !important; /* 화면 크기에서 200px을 제외하고 높이 조정 */
  padding-bottom: 100px; /* footer 높이 만큼 여백 */
  box-sizing: border-box;
  overflow: hidden; /* 스크롤을 자동으로 막는다 */
}

/* footer까지 잘 보이도록 위치 조정 */
#footer, #footer_wrap, .footer, #bottom {
  position: relative;
  z-index: 2;
}

/* 화면 크기에 맞춰 스크롤바 강제 숨기기 */
html, body {
  height: 100%;
  overflow-x: hidden; /* 가로 스크롤 제거 */
}
.introleft {
	position: relative;
	/*background: url("/intro/bg01.jpg") center;*/
	background-color:#000;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.introleft > div {
	opacity: 1;
	position: absolute;
	top: 0 !important;
	right: 0px;
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,0.6);*/
	text-align: center;
}



.introleft:hover > div {
	opacity: 1;
	/*background: rgba(0,0,0,0.4);*/
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introleft:hover > .textwrap .text .maintext {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introleft:hover > .textwrap .text .maintext1 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introleft:hover > .textwrap .text .maintext2 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}

.introcenter {
	position: relative;
	/* background: url("/intro/bg02.jpg")bottom;*/
	background-color:#ffff;
	background-size: cover;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.introcenter>div {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0px;
	width: 100%;
	height: 100%;
	/* background: rgba(0,0,0,0.6); */
	text-align: center;
}
.introcenter:hover > div {
	opacity: 1;
	/*background: rgba(0,0,0,0.4);*/
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > .textwrap .text .maintext {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > .textwrap .text .maintext1 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > .textwrap .text .maintext2 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright {
	position: relative;
	background: url("/intro/bg03.jpg") right bottom;
	background-size: cover;
	width: 25%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	border-top: 5px solid #71ebdf
}
.introright>div {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0px;
	width: 100%;
	height: 100%;
	/* background: rgba(0,0,0,0.6); */
	text-align: center;
}
.introright:hover > div {
	opacity: 1;
	background: rgba(0,0,0,0.4);
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright:hover > .textwrap .text .maintext {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright:hover > .textwrap .text .maintext1 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright:hover > .textwrap .text .maintext2 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.pop_notice {
	transition-duration: 4s;
	-webkit-transition: 0.4s;
	position:absolute;
    top: 0px;
    left: 15%;
}

.introend {
	position: relative;
	background: url("/intro/bg04.jpg") right bottom;
	background-size: cover;
	width: 25%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	border-top: 5px solid #9fdd3f
}
.introright>div {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0px;
	width: 100%;
	height: 100%;
	/* background: rgba(0,0,0,0.6); */
	text-align: center;
}
.introend:hover > div {
	opacity: 1;
	background: rgba(0,0,0,0.4);
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introend:hover > .textwrap .text .maintext {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introend:hover > .textwrap .text .maintext1 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introend:hover > .textwrap .text .maintext2 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.textwrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.text {
	display: block;
	POSITION: absolute;
	top: 60% !important;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.maintext {
	/*font-family: 'Gowun Batang', serif;*/
	font-size: 2em;
	color:#333;
	font-weight: bold;
	letter-spacing:-1.5px
	/*text-shadow: 3px 3px 3px rgba(0,0,0,0.5)*/
}
.maintext1 {
	font-weight: 100;
	font-size: 1.1em;
	margin-top: 15px;
	font-weight:bold
	/*text-shadow: 3px 3px 3px rgba(0,0,0,0.5)*/
}
.maintext2 {

    width: 100%;
    line-height: 20px;
    opacity: 0;
    margin: 0 auto;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 1.2em;
    /* margin-top: 0; */
    padding: 20px;
    background-color: #ff6600;
    text-align: center;
    border-radius: 20px;
    bottom: 10rem;
    position: fixed;
}
.mobilenone {
	display: show;
}

 @media all and (max-width:789px) {
.text {
	top: 50% !important
}
.wd40 {
}
.introleft {
	width: 100%;
	height: 50%;
	border-top:none
}
.introcenter {
	width: 100%;
	height: 25%;
	border-top:none
}
.introright {
	width: 100%;
	height: 50%;
	border-top:none
}
.introend {
	width: 100%;
	height: 25%;
	border-top:none
}
.maintext {
	font-size: 1.8em;
	letter-spacing:-1px
}
.maintext1 {
	margin-top: 5px;
	font-size: 0.9em;
	
}

.mobilenone {
	display: none;
}

.introcenter > div { top:30% }
.introleft > div {  top:20%  }


.introleft:hover > div {
	opacity: 1;
	background: rgba(0,0,0,0.4);
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introleft:hover > .textwrap .text .maintext {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}

.introleft:hover > .textwrap .text .maintext1 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introleft:hover > .textwrap .text .maintext2 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > div {
	opacity: 1;
	background: rgba(0,0,0,0.4);
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > .textwrap .text .maintext {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > .textwrap .text .maintext1 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introcenter:hover > .textwrap .text .maintext2 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright {
	background: url("/intro/bg03.jpg") right bottom;
	background-size: cover;
}
.introright:hover > div {
	opacity: 1;
	background: rgba(0,0,0,0.4);
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright:hover > .textwrap .text .maintext {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright:hover > .textwrap .text .maintext1 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introright:hover > .textwrap .text .maintext2 {
	opacity: 0;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introend {
	background: url("/intro/bg04.jpg") right bottom;
	background-size: cover;
}
.introend:hover > div {
	opacity: 1;
	background: rgba(0,0,0,0.4);
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introend:hover > .textwrap .text .maintext {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
.introend:hover > .textwrap .text .maintext1 {
	opacity: 1;
	transition-duration: 4s;
	-webkit-transition: 0.4s;
}
/* 기존 hover 효과 */
.introend:hover > .textwrap .text .maintext2 {
  opacity: 0;
  transition-duration: 4s;
  -webkit-transition: 0.4s;
}

/* 메뉴 토글 설정 */
.menu { display: none; } /* 기본 메뉴는 숨김 */
.menu.open { display: block; } /* 메뉴가 열리면 보이게 설정 */

/* 작은 화면에서 메뉴 버튼 보이기 */
@media (max-width: 789px) {
  .menu-toggle { display: block; } /* 메뉴 버튼 보이게 설정 */
  .menu { display: none; } /* 기본 메뉴 숨기기 */
}

/* 큰 화면에서 메뉴 항상 보이게 */
@media (min-width: 790px) {
  .menu { display: block !important; } /* 큰 화면에서는 메뉴 항상 보이게 */
  .menu-toggle { display: none; } /* 메뉴 버튼 숨기기 */
}