.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; width: 1200px; }
	.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>li {float: left; width: 16.66%; 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: 5px; right: 5px;}
	.information .info-close i {font-size: 25px; 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: 3px 0 0 50px;}
	.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: 5px; right: 5px;}
	.recommend .reco-close i {font-size: 25px; 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: 5px; right: 5px;}
	.information .info-close i {font-size: 25px; 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%; position: relative;}
	.recommend .reco-box .reco-top h3 {float: left; background: #ececec; border-radius: 20px; width: 100%; padding: 10px 15px 8px; font-size: 18px; font-weight: bold; font-family: 'NanumSquare'; color: #000;}
	.recommend .reco-box .reco-top p {float: left; width: 100%; text-align: center;font-size: 14px; color: #000; padding: 15px 0;}
	.recommend .reco-box .reco-top p a {color: #000;}
	.recommend .reco-box .reco-top p span {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: 5px; right: 5px;}
	.recommend .reco-close i {font-size: 25px; 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; }

}





/*
   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);
  }
}