body{font-family: 'Noto Sans KR', Sans-serif;font-size: 1rem;
    line-height: 1.4em;}
.foot_bg{display: none;}
#banner {
    min-height: 850px;
    height: 850px !important;
}
#banner:before{background-color:rgba(0, 0, 0, 0) !important;}
.fix_area {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding: 0 16px;  
}
#mainInfo {
    margin-top: -130px;
    background-color: #fff;
    color: #222;
    border-radius: 5px;   
    position: absolute;
    min-width: 1200px;
}
.d-flex {
display: flex;
}
.brand-shadow {box-shadow: 0 1px 3px 0 rgb(175, 230, 232), 0 4px 8px 3px rgb(202, 227, 228);
    transition: color 200ms cubic-bezier(0.4,0.0,0.2,1),background 200ms cubic-bezier(0.4,0.0,0.2,1),box-shadow 400ms cubic-bezier(0.4,0.0,0.2,1);}
#mainInfo > div {
    padding: 30px 25px;
    min-height: 13em;
}
.row>.col3 {
    width: 33.333%;
}
.row>[class^=col] {
    float: left;
}
#mainInfo h2 {
    line-height: 1.5rem;
    font-size: 1.4rem;
    margin-block-start: 0.83em;
    margin-block-end: 0.3em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: #02d8e3;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
#mainInfo .mapBtn_wrap button {
    font-size: 13px;
}
.border, .box_evt {
    border: 1px solid #ddd;
}


.grid-style2 {
		width: 100%;
		margin: 0 0 2.5rem 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
	}

		.grid-style2 > * {
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
		}

		.grid-style2 > * {
			width: 50%;
		}

		.grid-style2 > * {
			padding: 1rem;
			width: calc(50% + 3rem);
		}

		.grid-style2 > :nth-child(-n + 2) {
			padding-top: 0;
		}

		.grid-style2 > :nth-last-child(-n + 2) {
			padding-top: 0;
		}

		.grid-style2 > :nth-child(2n + 1) {
			padding-right: 0;
		}

		.grid-style2 > :nth-child(2n) {
			padding-right: 0;
		}

		.grid-style2 > :nth-child(2n + 1),
		.grid-style2 > :nth-child(2n) {
			width: calc(50% + 0rem);
		}

		.grid-style2 .box {
			margin: 0;
		}
		.box .content {
			padding: 0rem 2rem 2rem 2rem;
		}
		.caution {
		background: #01d5e2;
		color: #6f6f6f; 
		font-weight: 500; 
		font-size: 14px; 
		padding: 5px; 
		width: 100%;
		}
		.newevent {
		background: linear-gradient(135deg, #ac1a25 0%, #dd3729 74%);
		color: #fff; 
		font-weight: bold; 
		font-size: 12px; 
		padding: 0px; 
		width: 70px;
		text-align: center;
		float: left;
		border-radius: 23px;
		}
		.kakaoevent {
		background: #61c8ce;
		color: #fff; 
		font-weight: bold; 
		font-size: 12px; 
		padding: 0px; 
		width: 70px;
		text-align: center;
		float: left;
		border-radius: 23px;
		}
		.kakaonimi {
		background: #fbe30a;
		color: #542615; 
		font-weight: bold; 
		font-size: 10px; 
		padding: 0px; 
		width: 60px;
		text-align: center;
		float: left;
		border-radius: 23px;
		}
.wrapper {
    padding: 5rem 0 1rem 0;
    position: relative;
    margin: 0;
}
.box{border: 1px solid #d8d8d8;}
.bart{background: linear-gradient(135deg, #01d5e2 0%, #2cea67 74%); padding: 0px 10px; width: 150px;}
.box2 {
    border: 1px solid #d8d8d8;
}
.animate-text
{
  opacity:0;
  transition: all 0.6s ease-in-out;
}
.box2:hover
{
/*   background-color:#99aeff; */
box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.64);
  transform:scale(1.05);
  background-color: rgba(0,0,0,0.8);
}
.align-center2 {
    text-align: center;
}
.align-center2:hover
{
  opacity: 0.2;
}
.box2:hover .animate-text
{
  transform:translateX(0);
  opacity:1;
}
.box .text
{
/*   z-index:99; */
  position:absolute;
  padding:30px;
  height:calc(100% - 60px);
  height:calc(100% - 60px);
}
.emph_tit {
    display: table-cell;
    width: 140px;
    height: 140px;
    padding: 0 20px;
    border-radius: 185px;
    vertical-align: middle;
    box-sizing: border-box;
}
.emph_tit2 {
    display: table-cell;
    padding: 10px 20px;
    border-radius: 185px;
    vertical-align: middle;
    box-sizing: border-box;
}
.emph_tit2:hover {
	font-weight: 900;
}
.linkb {
    font-family: volteweb,sans-serif;
    font-size: 15px;
    line-height: 40px;
    font-weight: 200;
    padding: 0 25px 0 28px;
    border: solid 1px #fbe30a;
    border-radius: 23px;
    color: #fbe30a;
    cursor: pointer;
    text-align: center;
}
.linkb2 {
    font-family: volteweb,sans-serif;
    font-size: 15px;
    line-height: 37px;
    font-weight: 200;
    padding: 0 25px 0 28px;
    border: solid 1px #01d5e2;
    border-radius: 23px;
    cursor: pointer;
    text-align: center;
}
p span {
	font-size: 14px;
    font-weight: 300;
    color: #999;
    text-decoration: line-through;
    margin: 0 6px 0 0;
    vertical-align: middle;
}
.trailer {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
}
.trailer iframe {
			position: absolute;
			width: 100%;
			height: 100%;
}