.notice-row {
	clear: left;
}

.notice-col {
	float: left;
	width: 50%;
}


@media (min-width: 992px) {

	/*맞춤정보*/
	.information {display: none; width: 100%; position: absolute; top: 118px; right: 0; z-index: 1000;}
	.information .container {position: relative; padding: 35px; background: #fff;}
	.information h2 {text-align: center; font-family: 'NanumSquare'; font-size: 35px; color: #000; font-weight: normal; padding-bottom: 20px;}
	.information .info-box {float: left; width: 100%;}
	.information .info-top {float: left; width: 100%;}
	.information .info-top h3 {float: left; width: 17%; margin-right: 2%; height: 70px; line-height: 70px; background: #2ecc8f; font-weight: normal; text-align: center; color: #000; font-family: 'NanumSquare'; font-size: 30px;}
	.information .info-top h3 a {color: #000;}
	.information .info-top p {float: left; width: 81%; font-size: 15px; color: #666; line-height: 160%; margin-top: 0px;}
	.information .info-top p span {color: #000;}
	.information .info-top .info-label {float: left; width: 100%; padding: 0; margin-top: 15px;}
	.information .info-top .info-label li {float: left; margin: 0 3px 3px 0; display: inline-block; font-weight: normal; font-size: 14px; color: #000; padding: 5px 15px 7px; border-radius: 30px; background: #cff1e4;}
	.information .info-top .info-label li a {color: #000;}
	.information .info-check {float: left; width: 100%; border-top: 2px solid #000; background: #fbfbfb; border-bottom: 1px solid #000; margin: 15px 0 10px; padding-bottom: 15px;}
	.information .info-check>ul {display: flex;}
	.information .info-check>ul>li {width: 100%; padding-top: 20px; font-size: 18px; font-weight: bold; color: #000;}
	.information .info-check>ul>li>ul {margin-top: 10px;}
	.information .info-check>ul>li>ul>li {font-size: 15px; color: #666; padding-bottom: 5px;}
	.information .info-check>ul>li>ul>li label { font-weight: normal; vertical-align: top;}
	.information .info-check>ul>li>ul>li input {border: 1px solid #666; background: #fff; width: 15px; height: 15px; vertical-align: middle; margin: 0 3px 0 0;}
	.information .info-btn {float: right;}
	.information .info-btn a {background: #000; display: inline-block; width: 130px; padding: 5px 0; text-align: center; color: #fff;}
	.information .info-btn a.ccw {background: #646464;}
	.information .box2 .info-top h3 {background: #2ecbcc; margin-top: 10px;}
	.information .box2 .info-top p {margin-top: 0px;}
	.information .box2 .info-check {margin-top: 25px;}
	.information .box2 .info-check>ul>li {width: 33.333333%; padding-left: 40px;}
	.information .box2 .info-btn {font-size: 15px; color: #000;}
	.information .box2 .info-btn input {margin-left: 15px;}
	.information .box2 .info-btn label {color: #666; vertical-align: middle; font-weight: normal; }
	.information .box2 .info-btn a {margin-left: 15px;}
	.information p.info-close {position: absolute; top: 20px; right: 20px;}
	.information .info-close i {font-size: 40px; color: #000;}
	
	
	

	/*생방송*/
	.liveon {display: none; width: 100%; position: absolute; top: 118px; right: 0; z-index: 1000;}
	.liveon .container {padding: 35px; background: #fff; width: 600px; position: relative;}
	.liveon h2 {text-align: center; font-family: 'NanumSquare'; font-size: 35px; color: #000; font-weight: normal; padding-bottom: 20px;}
	.liveon .info-box {float: left; width: 100%;}
	.liveon .info-top {float: left; width: 100%;}
	.liveon .info-top h3 {float: left; width: 17%; margin-right: 2%; height: 70px; line-height: 70px; background: #2ecc8f; font-weight: normal; text-align: center; color: #fff; font-family: 'NanumSquare'; font-size: 30px;}
	.liveon .info-top p {float: left; width: 81%; font-size: 15px; color: #666; line-height: 160%; margin-top: 0px;}
	.liveon .info-top p span {color: #000;}
	.liveon .info-top .info-label {float: left; width: 100%; padding: 0; margin-top: 15px;}
	.liveon .info-top .info-label li {float: left; margin: 0 3px 3px 0; display: inline-block; font-weight: normal; font-size: 14px; color: #000; padding: 5px 15px 7px; border-radius: 30px; background: #cff1e4;}
	.liveon .info-top .info-label li a {color: #000;}
	.liveon .info-check {float: left; width: 100%; border-top: 2px solid #000; background: #fbfbfb; border-bottom: 1px solid #000; margin: 15px 0 10px; padding-bottom: 15px;}
	.liveon .info-check>ul>li {float: left; width: 16.66%; padding-top: 20px; font-size: 18px; font-weight: bold; color: #000;}
	.liveon .info-check>ul>li>ul {margin-top: 10px;}
	.liveon .info-check>ul>li>ul>li {font-size: 15px; color: #666; padding-bottom: 5px;}
	.liveon .info-check>ul>li>ul>li label { font-weight: normal; vertical-align: top;}
	.liveon .info-check>ul>li>ul>li input {border: 1px solid #666; background: #fff; width: 15px; height: 15px; vertical-align: middle; margin: 0 3px 0 0;}
	.liveon .info-btn {float: right;}
	.liveon .info-btn a {background: #000; display: inline-block; width: 130px; padding: 5px 0; text-align: center; color: #fff;}
	.liveon .info-btn a.ccw {background: #999;}
	.liveon .box2 .info-top h3 {background: #2ecbcc; margin-top: 10px;}
	.liveon .box2 .info-top p {margin-top: 0px;}
	.liveon .box2 .info-check {margin-top: 25px;}
	.liveon .box2 .info-check>ul>li {width: 33.333333%; padding-left: 40px;}
	.liveon .box2 .info-btn {font-size: 15px; color: #000;}
	.liveon .box2 .info-btn input {margin-left: 15px;}
	.liveon .box2 .info-btn label {color: #666; vertical-align: middle; font-weight: normal; }
	.liveon .box2 .info-btn a {margin-left: 15px;}
	.liveon p.info-close {position: absolute; top: 5px; right: 5px;}
	.liveon .info-close i {font-size: 25px; color: #000;}

	/*추천정보*/
	.recommend {display: none; position: absolute; top: 118px; right: 0;  width: 100%; z-index: 1000;}
	.recommend .container {padding: 35px; background: #fff;}
	.recommend h2 {text-align: center; font-family: 'NanumSquare'; font-size: 35px; color: #000; font-weight: normal; padding-bottom: 20px;}
	.recommend .reco-box {float: left; width: 100%; margin-bottom: 35px;}
	.recommend .reco-box .reco-top {float: left; width: 100%; background: #ececec; padding: 12px 35px 10px; border-radius: 30px; margin-bottom: 10px;}
	.recommend .reco-box .reco-top h3 {float: left; font-size: 35px; font-weight: bold; font-family: 'NanumSquare'; color: #000;}
	.recommend .reco-box .reco-top p {float: left; font-size: 18px; color: #000; padding: 10px 0 0 0;}
	.recommend .reco-box .reco-top p a {color: #000;}
	.recommend .reco-box .reco-top p .pick-title {font-size: 15px; border: 1px solid #000; padding: 0 15px 2px; font-weight: bold; border-radius: 20px;}
	.recommend .reco-box .reco-board {float: left; width: 48%; margin-right: 2%; position: relative;}
	.recommend .reco-box .reco-board:last-child {margin-left: 2%; margin-right: 0;}
	.recommend .reco-box .reco-board h4 {float: left; width: 100%; margin-bottom: 10px; border-top: 3px solid #000; border-bottom: 1px solid #000; font-size: 15px; font-weight: bold; color: #000; padding: 10px;}
	.recommend .reco-box .reco-board h4 span {font-size: 12px; font-weight: normal; padding-left: 10px;}
	.recommend .reco-box .reco-board select {position: absolute; top: 6px; right: 5px; border: 1px solid #e1e1e1; padding: 3px; width: 110px;}
	.recommend .reco-box .reco-board select:focus{outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
	.recommend .reco-box .reco-board ul {float: left; width: 100%; padding-left: 10px; border-bottom: 1px solid #000;}
	.recommend .reco-box .reco-board ul li { margin-bottom:15px; color:#666; float: left; width: 100%; background:url(../images/main/news_blit.png) no-repeat left 9px; padding-left: 15px;}
	.recommend .reco-box .reco-board ul li a {font-size: 14px; color: #666; float: left; width: 100%;}
	.recommend .reco-box .reco-board .reco-menus li:first-child {display: none;}
	.recommend .box2 .reco-top {background: #cff1e4;}
	.recommend .box3 .reco-top {background: #d7fbfb;}
	.recommend .box3 .reco-top a {display: inline-block; float: right; background: #000; color: #fff; padding: 5px 20px 7px; margin-top: 2px;}
	.recommend .box2 .reco-top p, .recommend .box3 .reco-top p {font-size: 15px; color: #666; padding-top: 7px;}
	.recommend .login {text-align: center; font-size: 15px; color: #666; float: left; width: 100%; padding: 30px;}
	.recommend .login a {display: inline-block; font-size: 15px; color: #000; border: 1px solid #000; padding: 3px 10px; margin-left: 15px;}
	.recommend .txt {float: left; width: 100%; text-align: center; font-size: 15px; color: #000; padding: 30px;}
	.recommend .reco-close {position: absolute; top: 20px; right: 20px;}
	.recommend .reco-close i {font-size: 40px; color: #000;}
	.recommend .reco-board .icon-spin6 {font-size: 35px;}


  .recommend .reco-article-title {
    float: left;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .recommend .reco-article-date {
    float: right;
    width: 15%;
	text-align: right;
  }



}




@media (min-width: 992px) and (max-width: 1199px) {

  .information .container {width: 960px;}


	.information .info-top h3 {font-size: 25px;}

	.recommend .reco-box .reco-top {padding: 12px 20px 10px;}
	.recommend .reco-box .reco-top h3 {font-size: 26px;}
	.recommend .reco-box .reco-top p {padding: 0px 0 0 20px;}
	.recommend .box2 .reco-top p, .recommend .box3 .reco-top p {padding-top: 3px;}
	.recommend .box3 .reco-top a {margin: 0;}

}


@media (max-width: 991px) {


/*맞춤정보*/
	.information {display: none; width: 100%; position: absolute; top: 0; right: 0; z-index: 1000; height: 100%; overflow-y: scroll; }
	.information .container {padding: 15px; background: #fff; width: 100%;}
	.information h2 {text-align: center; font-family: 'NanumSquare'; font-size: 30px; color: #000; font-weight: normal; padding-bottom: 10px;}
	.information .info-box {float: left; width: 100%;}
	.information .info-top {float: left; width: 100%;}
	.information .info-top h3 {float: left; width: 100%; height: 50px; margin-bottom: 10px; line-height: 50px; background: #2ecc8f; font-weight: normal; text-align: center; color: #000; font-family: 'NanumSquare'; font-size: 26px;}
	.information .info-top .info-label {float: left; width: 100%; padding: 0;  margin-top: 10px;}
	.information .info-top .info-label li {float: left; margin: 0 3px 3px 0; display: inline-block; font-weight: normal; font-size: 14px; color: #000; padding: 5px 15px 7px; border-radius: 30px; background: #cff1e4;}
	.information .info-top .info-label li a {color: #000;}
	.information .info-top p {float: left; width: 100%; font-size: 15px; color: #666;}
	.information .info-top p span {color: #000;}
	.information .info-check {float: left; width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #000; background: #fbfbfb; margin: 15px 0 10px; padding-bottom: 15px;}
	.information .info-check>ul>li {float: left; width: 100%; padding-top: 10px; font-size: 18px; font-weight: bold; color: #000;}
	.information .info-check>ul>li>ul {margin-top: 10px;}
	.information .info-check>ul>li>ul>li {float: left; padding-right: 20px; font-size: 14px; color: #666; padding-bottom: 5px;}
	.information .info-check>ul>li>ul>li label { font-weight: normal; vertical-align: top;}
	.information .info-check>ul>li>ul>li input {border: 1px solid #666; background: #fff; width: 15px; height: 15px;}
	.information .info-btn {float: right;}
	.information .info-btn a {background: #000; display: inline-block; width: 130px; padding: 5px 0; text-align: center; color: #fff;}
	.information .info-btn a.ccw {background: #646464;}
	.information .box2 .info-top h3 {background: #2ecbcc;}
	.information .box2 .info-top p {float: left; line-height: 180%; margin-top: 10px;}
	.information .box2 .info-check {margin-top: 25px;}
	.information .box2 .info-btn {font-size: 15px; color: #000;}
	.information .box2 .info-btn strong {display: block;}
	.information .box2 .info-btn label {color: #666; vertical-align: middle; font-weight: normal; margin-right: 10px;}
	.information .box2 .info-btn a {margin-left: 10px;}
	.information p.info-close {position: absolute; top: 10px; right: 15px;}
	.information .info-close i {font-size: 35px; color: #000;}
	.back-bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, .5);}

	.my-menu .info-check>ul>li {width: 50%;}


	/*생방송*/
	.liveon {display: none; width: 90%; position: absolute; top: 120px; right: 5%; z-index: 1000;}
	.liveon .container {padding: 15px; background: #fff; width: 100%; }
	.liveon h2 {text-align: center; font-family: 'NanumSquare'; font-size: 35px; color: #000; font-weight: normal; padding-bottom: 20px;}
	.liveon .info-box {float: left; width: 100%;}
	.liveon .info-top {float: left; width: 100%;}
	.liveon .info-top h3 {float: left; width: 17%; margin-right: 2%; height: 70px; line-height: 70px; background: #2ecc8f; font-weight: normal; text-align: center; color: #fff; font-family: 'NanumSquare'; font-size: 30px;}
	.liveon .info-top p {float: left; width: 81%; font-size: 15px; color: #666; line-height: 160%; margin-top: 0px;}
	.liveon .info-top p span {color: #000;}
	.liveon .info-top .info-label {float: left; width: 100%; padding: 0; margin-top: 15px;}
	.liveon .info-top .info-label li {float: left; margin: 0 3px 3px 0; display: inline-block; font-weight: normal; font-size: 14px; color: #000; padding: 5px 15px 7px; border-radius: 30px; background: #cff1e4;}
	.liveon .info-top .info-label li a {color: #000;}
	.liveon .info-check {float: left; width: 100%; border-top: 2px solid #000; background: #fbfbfb; border-bottom: 1px solid #000; margin: 15px 0 10px; padding-bottom: 15px;}
	.liveon .info-check>ul>li {float: left; width: 16.66%; padding-top: 20px; font-size: 18px; font-weight: bold; color: #000;}
	.liveon .info-check>ul>li>ul {margin-top: 10px;}
	.liveon .info-check>ul>li>ul>li {font-size: 15px; color: #666; padding-bottom: 5px;}
	.liveon .info-check>ul>li>ul>li label { font-weight: normal; vertical-align: top;}
	.liveon .info-check>ul>li>ul>li input {border: 1px solid #666; background: #fff; width: 15px; height: 15px; vertical-align: middle; margin: 0 3px 0 0;}
	.liveon .info-btn {float: right;}
	.liveon .info-btn a {background: #000; display: inline-block; width: 130px; padding: 5px 0; text-align: center; color: #fff;}
	.liveon .info-btn a.ccw {background: #999;}
	.liveon .box2 .info-top h3 {background: #2ecbcc; margin-top: 10px;}
	.liveon .box2 .info-top p {margin-top: 0px;}
	.liveon .box2 .info-check {margin-top: 25px;}
	.liveon .box2 .info-check>ul>li {width: 33.333333%; padding-left: 40px;}
	.liveon .box2 .info-btn {font-size: 15px; color: #000;}
	.liveon .box2 .info-btn input {margin-left: 15px;}
	.liveon .box2 .info-btn label {color: #666; vertical-align: middle; font-weight: normal; }
	.liveon .box2 .info-btn a {margin-left: 15px;}
	.liveon p.info-close {position: absolute; top: 5px; right: 5px;}
	.liveon .info-close i {font-size: 25px; color: #000;}


	/*추천정보*/
	.recommend {display: none; width: 100%; position: absolute; top: 0; right: 0; z-index: 1000; height: 100%; overflow-y: scroll; }
	.recommend .container {padding: 15px; background: #fff; width: 100%;}
	.recommend h2 {text-align: center; font-family: 'NanumSquare'; font-size: 30px; color: #000; font-weight: normal; padding-bottom: 10px;}
	.recommend .reco-box {float: left; width: 100%; margin-bottom: 20px;}
	.recommend .reco-box .reco-top {float: left; width: 100%; background: #ececec; padding: 15px; border-radius: 20px; margin-bottom: 10px;}
	.recommend .reco-box .reco-top h3 {float: left; font-size: 22px; font-weight: bold; font-family: 'NanumSquare'; color: #000;}
	.recommend .reco-box .reco-top p {float: left; font-size: 18px; color: #000; padding: 10px 0 0 0;}
	.recommend .reco-box .reco-top p a {color: #000;}
	.recommend .reco-box .reco-top p .pick-title {font-size: 15px; border: 1px solid #000; padding: 0 15px 2px; font-weight: bold; border-radius: 20px;}
	.recommend .reco-box .reco-board {float: left; width: 100%; position: relative; margin-bottom: 15px;}
	.recommend .reco-box .reco-board h4 {float: left; width: 100%; margin-bottom: 10px; border-top: 2px solid #000; border-bottom: 1px solid #000; font-size: 15px; font-weight: bold; color: #000; padding: 10px;}
	.recommend .reco-box .reco-board h4 span {font-size: 12px; font-weight: normal; padding-left: 10px;}
	.recommend .reco-box .reco-board select {position: absolute; top: 6px; right: 5px; border: 1px solid #e1e1e1; padding: 3px; width: 110px;}
	.recommend .reco-box .reco-board ul {float: left; width: 100%; padding-left: 10px; border-bottom: 1px solid #000;}
	.recommend .reco-box .reco-board ul li { margin-bottom:10px; color:#666; background:url(../images/main/news_blit.png) no-repeat left 9px; padding-left: 13px;}
	.recommend .reco-box .reco-board ul li a {font-size: 14px; color: #666;}
	.recommend .reco-box .reco-board .reco-menus li:first-child {display: none;}
	.recommend .box2 .reco-top h3 {background: #cff1e4;}
	.recommend .box3 .reco-top h3 {background: #d7fbfb;}
	.recommend .box3 .reco-top a {position: absolute; top: 5px; right: 15px; display: inline-block; float: right; background: #000; color: #fff; font-size: 12px; padding: 3px 10px 5px; margin-top: 2px;}
	.recommend .box2 .reco-top p, .recommend .box3 .reco-top p {font-size: 14px; color: #666; padding-top: 7px;}
	.recommend .login {text-align: center; font-size: 14px; color: #666; float: left; width: 100%; padding: 30px 0;}
	.recommend .login a {display: inline-block; font-size: 14px; color: #000; border: 1px solid #000; padding: 3px 10px; margin-left: 5px;}
	.recommend .txt {float: left; width: 100%; text-align: center; font-size: 14px; color: #000; padding: 30px 0;}
	.recommend .reco-close {position: absolute; top: 10px; right: 15px;}
	.recommend .reco-close i {font-size: 35px; color: #000;}

	.information .info-check>ul>li>ul>li {
		float: none;
		clear: left;
	}
	.notice-row {

	}

	.notice-col {
		clear: left;
		display: block;
		float: none;
		width: 100%;
	}
	/*생방송*/
	.liveon {display: none; }

}

/* 맞춤메뉴  */
	.information.custom-wrap{
		display: none;
		position: absolute;
		top: 16px;
		right: 0;
		width: 100%;
		z-index: 1000;
	}
@media (min-width: 1200px) {
	.information.custom-wrap{
		top: 118px;
	}
}
.information.custom-wrap .container{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0 0 20px 0;
	border-radius: 20px;
	background-color: #fff;
}
@media (min-width: 1200px) {
	.information.custom-wrap .container{
		width: 1200px;
		min-height: 600px;
	} 
}
@media (min-width: 1600px) {
	.information.custom-wrap .container{
		width: 1600px;
	} 
}
@media (max-width: 1200px) {
	.information.custom-wrap .container{
        width: calc(100% - 16px);
	}
}
.information.custom-wrap .container .custom-title {
	width: 100%;
	padding: 30px 20px 20px;
	border-radius: 20px 20px 0 0;
	background-color: #F0F6FF;
}
@media(min-width: 1200px) {
	.information.custom-wrap .container .custom-title {
		width: 100%;
		padding: 52px 0 52px 80px;
		border-radius: 20px 20px 0 0;		
		position: relative;
	}
	
}
@media(min-width: 1600px) {
	.information.custom-wrap .container .custom-title {
		width: 100%;
		background-size: auto;
	}
	.information.custom-wrap .container .custom-title:after {
		position: absolute;
		content:'';
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-image : url(/pub/site/jejunet/2025/images/main/mymenu_illust.svg); 
		width: 340px;
		height: 204px;
		bottom: -50px;
		right: 90px;
	}
}
.information.custom-wrap .container .custom-title h2 {
	margin-bottom: 10px;
	color: #1D1D1D;
	font-size: 28px;
	font-weight: 700;
	font-family: 'Paperozi';
	text-align: left;
}
@media(min-width: 1200px) {
	.information.custom-wrap .container .custom-title h2 {
		margin-bottom: 25px;
		padding-bottom: 0;		
		font-size: 40px;
	}
}
.information.custom-wrap .container .custom-title .custom-text {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	color: #1D1D1D;
}
@media(min-width: 1200px) {
	.information.custom-wrap .container .custom-title .custom-text {
		flex-direction: row;
	}
}
.information.custom-wrap .container .custom-title div strong	{
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	margin-right: 16px;
}
.information.custom-wrap .container .custom-title div strong a {
	color: #1D1D1D;
	text-decoration: none;
}
.information.custom-wrap .container .custom-title div span	{
	font-size: 14px;
	font-weight: bold;
}
@media(min-width: 1200px) {
	.information.custom-wrap .container .custom-title .custom-text {font-size: 20px;}
	.information.custom-wrap .container .custom-title div strong	{
		font-size: 24px;
		display: inline-block;
	}
	.information.custom-wrap .container .custom-title div span	{
		font-size: 18px;
	}
	
}
@media(min-width: 1200px) {
	.information.custom-wrap .container  .info-top .info-label {
		width: 80%;
		padding: 0 50px 15px 0px;
	}
}
.information.custom-wrap .container .info-box {
	padding: 0 20px;
}
@media(min-width: 1200px) {
	.information.custom-wrap .container .info-box{
		padding: 0 80px; 
	}
}
.information.custom-wrap .info-top .info-label li{
	background: #D9D9D9;
	margin: 0 13px 10px 0;
}
.information.custom-wrap .info-check{
	background: #fff; 
}
@media(min-width: 1200px) {
	.information.custom-wrap .info-top .info-label li a{
		font-size: 20px;
	}
}
.information.custom-wrap .info-check>ul>li{
	color: #1d1d1d;
}
@media(min-width: 1200px) {
	.information.custom-wrap .info-check>ul>li{
		font-size: 26px;
		color: #1d1d1d;
	}
}
.information.custom-wrap .info-check>ul>li>ul>li{
	color: #1d1d1d;
}
@media(min-width: 1200px) {
	.information.custom-wrap .info-check>ul>li>ul>li{
		font-size: 18px;
		color: #1d1d1d;
	}
}
.information.custom-wrap .info-check>ul>li>ul>li label {
	display: flex;
	align-items: center;
}
.information.custom-wrap .info-check>ul>li>ul>li label input{
	margin-right: 5px;
}
.information.custom-wrap .info-btn a{
	background: #006AFF;
	border-radius: 6px; 
	color: #fff; 
	padding: 10px 0; 
	font-size: 15px;
	width: 130px;
}
@media(min-width: 1200px) {
	.information.custom-wrap .info-btn a{
		padding: 10px 0; 
		font-size: 20px;
		width: 154px;
	}
}
.information.custom-wrap .info-btn a.ccw{
	background:#fff;
	border: 1px solid #666666;
	color: #1d1d1d;
}
.information.custom-wrap p.info-close{
	top: 15px;
	right: 15px;
}
@media(min-width: 1200px) {
	.information.custom-wrap p.info-close{
		top: 24px;
		right: 24px;
	}
}






/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
