@media (min-width: 1008px) and (max-width: 1500px){
	header .menu .menu-item{	
		font-size:1.25vw;
		padding:17.5px 0;
	}
	header .menu .menu-item.search img{
		width:40%;
	}
	.series-area .series-list .list-item .title{
	   font-size:1.3vw;
   }
	body.notOnTop header .search-area,
	body.level3 header .search-area,
	body.level4 header .search-area{
		top:74px;
	}
}

@media print{
	header .mobile-menu{
		display: none!important;
	}
	
	.swiper-slide{
		width: 100%!important;
	}
}

@media (min-width: 801px) and (max-width: 1500px){
	.banner .title-area .top-title{
		font-size:1.8vw;
	}
	.banner .title-area{
		padding:2% 0;
		width:35%;
	}
	.banner .title-area .middle-title{
		font-size:2.1vw;
	}
	.banner .title-area .more{
		font-size:1.1vw;
		width:130px;
		margin-top:15px;	
	}
	.banner .swiper-button-next,
	.banner .swiper-button-prev{
		width:30px;
	}
	.search-area{
		font-size:0.8em;
	}
	header .search-area{
		padding:20px 0;
	}
	header .search-area .search-icon{
		width:30px;
	}
	header .search-area .close-btn{
		width:20px;
	}
	header .search-area .default-option-list{
		margin-left:60px;
	}
}
@media (max-width: 1007px){
	main{
		margin-top:67px;
	}
	header{
		position:fixed;
		border-bottom:2px solid rgba(153,153,153,.5);
		z-index:3;
		left:0;
		top:0;
		width:100%;
		z-index:999;
		background-color:white;
	}
	header .top-header{
		padding:7.5px 2.5%;
		width:100%;
		z-index:4;
		position:relative;
		background-color:white;
	}
	body.level3 header .top-header,
	body.level4 header .top-header{
		display:block;
	}
	header .search-area,
	body.notOnTop header .search-area,
	body.level3 header .search-area,
	body.level4 header .search-area{
		padding:15px 0;
		top:67px;
	}
	header .top-header .logo{
		height:50px;
	}
	header .top-header .function-list .list-item,
	header .top-header .function-list .list-item.share{
		margin-right:20px;
	}
	header .top-header .function-list .list-item.menu-btn{
		margin-right:0;
	}
	header .top-header .function-list .list-item img,
	header .top-header .function-list .list-item.share img{
		width:17.5px;
		margin-right:0;
	}
	header .top-header .function-list{
		width: calc(100% - 200px);
	}
	header .menu{
		display:none;
	}
	header .mobile-menu{
		position:fixed;
		top:calc(-100% + 67px);
		transition:all 0.5s;
		padding-bottom:50px;
		width:100%;
		height:calc(100% - 67px);
		left:0;
		background-color:#185c69;
		display:block;
		z-index:3;
		padding:20px 3.5%;
		overflow:hidden;
	}
	header .mobile-menu .function-list{
		padding:15px 0;
		border-bottom:1px solid white;
		color:white;
		margin-bottom:15px;
		z-index:4;
		position:relative;
	}
	header .mobile-menu .function-list .list-item{
		display:inline-block;
		width:calc(50% - 5px);
	}
	header .mobile-menu .function-list .list-item.text-size span:not(.field-text){
		margin-right:5px;
	}
	header .mobile-menu .function-list .list-item .field-text{
		margin-right:10px;
	}
	header .mobile-menu .function-list .list-item span,
	header .mobile-menu .function-list .list-item a,
	header .mobile-menu .menu-item a{
		color:white;
		cursor:pointer;
	}
	header .mobile-menu .menu-item.active > a{
		color:#febb9d;
	}
	header .mobile-menu .function-list .list-item a.active{
		color:#febb9d;
	}
	header .mobile-menu .menu-item .sub-menu{
		position:absolute;
		left:100%;
		top:0;
		height:100%;
		width:100%;
		transition:all 0.5s;
		padding:40px 3.5%;
		background-color:#185c69;
		padding-top:120px;
	}
	header .mobile-menu .menu-item .sub-menu.open{
		left:0;
	}
	header .mobile-menu .menu-item a{
		line-height:1.5em;
		vertical-align:middle;
		padding:5px 0;
		font-size:1.05em;
		font-weight: bold;
	}
	header .mobile-menu .menu-item img{
		width:15px;
		margin-left:5px;
		vertical-align:middle;
		cursor:pointer;
	}
	header .mobile-menu .menu-item .sub-menu a{
		display:block;
	}
	header .mobile-menu .menu-item .sub-menu .main-title{
		font-size:1.3em;
		font-weight:bold;
	}
	header .mobile-menu .menu-item .sub-menu .back-btn{
		margin-bottom:20px;
		cursor:pointer;
		color:white;
	}
	header .mobile-menu.open{
		top:67px;
	}
	header .menu-backup{
		display:none !important;
	}
	header .search-area .default-option-list .list-item{
		padding:7px 18.5px;
	}
	.banner .swiper-pagination{
		bottom:3%;
	}
	.banner .swiper-pagination .swiper-pagination-bullet{
		width:45px;
		height:4px;
	}
	.section-list{
		margin:50px auto;
	}
	.section-list .list-item{
		margin-bottom:30px;
	}
	.section-list .list-item .title{
		padding-top:10px;
		padding-bottom:5px;
		font-size:2.5vw;
	}
	.section-list .mascot img{
		max-width:50%;
		display:block;
		padding-bottom: 2%;
		padding-left: 5%;
	}
	footer .top-footer{
		display:none;
	}
	header .top-header .function-list .list-item.share:hover .share-item-list,
	header .top-header .function-list .list-item.share .share-item-list:hover{
		opacity:0;
		pointer-events:none;
	}
	header .top-header .function-list .list-item.share .share-item-list{
		left:50%;
		transform:translateX(-50%);
	}
	header .top-header .function-list .list-item.share .share-item-list.open{
		opacity:1;
		pointer-events:auto;
	}
	header .top-header .function-list .list-item.share .share-item-list img{
		max-width:none;
	}
	.page-list .list-item,
	body.level3 .page-list .list-item,
	body.level4 .page-list .list-item{
		width:calc(100% / 2 - 15px);
		margin-right:20px;
		display:inline-block;
	}
	.page-list .list-item:nth-child(even),
	body.level3 .page-list .list-item:nth-child(even),
	body.level4 .page-list .list-item:nth-child(even){
		margin-right:0;
	}
	body.search-result .page-list .list-item.odd{
		margin-right:0;
	}
	body.search-result .page-list .list-item.even{
		margin-right:20px;
	}
	.page-list .list-item .title-area .title,
	body.level3 .page-list .list-item .title-area .title,
	body.level4 .page-list .list-item .title-area .title,
	.position p, .position a{
		font-size:2.5vw;
	}
	.position p{
		font-size:0.9em;
	}

   .position span{
		height: 10px;
   }
   .position img{
	   margin-right:7.5px;
	   width:4vw;
	   min-width:20px;
   }
   .more-area .more-btn{
	   font-size:2.5vw;
	   min-width:130px;
   }
	.page-list{
		margin-bottom:20px;
	}
	.page-list .list-item .title-area,
	body.level3 .page-list .list-item .title-area,
	body.level4 .page-list .list-item .title-area{
		padding:12.5px 10px;
	}
	.page-title,
	body.level3 .page-title,
	body.level4 .page-title{
		padding:20px 0;
	}
	.page-list .list-item .title-area .title-icon{
		width:15px;
		height:auto;
	}
	.page-title .top-title{
		font-size:2.5vw;
	}
	.page-title .middle-title{
		font-size:4.2vw;
	}
	.page-title .position{
		margin-top:12.5px;
		padding:7.5px 0;
		font-size:0.9em;
		padding-right:15px;
	}
	body.level3 .page-list,
	body.level4 .page-list{
		padding:30px 0;
	}
	
	.series-area .left{
		width:100%;
		margin-bottom:20px;
	}
	.series-title{
		font-size:1.3em;
	}
	.series-mobile-list{
		
	}
	.series-mobile-list .list-item{
		margin-bottom:10px;
	}
	.series-mobile-list .list-item .cover{
		display:inline-block;
		width:32.5%;
		margin-right:5px;
		vertical-align:top;
		position: relative;
		padding-top: 21.4%;
		overflow: hidden;
   }
   .series-mobile-list .list-item .cover img{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		height: 100%;
		max-width: none;
   }
	.series-mobile-list .list-item .title{
		display:inline-block;
		width:calc(67.5% - 20px);
		vertical-align:top;
		line-height:1.3em;
	}
	
	div,img,a{
		outline:none !important;
	}
}
@media (max-width: 800px){
	.section-list .list-item:not(.big-item) .cover{
		padding-top: 94%;
	}
	body.home .banner .banner-item{
		padding-top:109%;
	}
	body.level2 .banner .banner-item{
		padding-top:42.9%;
	}
	.banner .banner-item .desktop{
		display:none;
	}
	.banner .banner-item .mobile{
		display:block;
	}
	.orange-line{
		height:35px;
	}
	.banner .title-area{
		width:60%;
	}
	body.home .banner .title-area{
	    left: 50%;
		bottom: calc(3% + 35px);
		width: 70%;
		padding: 2.5% 0px;
		transform: translateX(-50%);
		max-width: 500px;
		text-align:center;
	}
	.banner .title-area .top-title{
		font-size:3.8vw;
	}
	.banner .title-area .middle-title{
		font-size:4.3vw;
	}
	.banner .title-area .more{
		font-size:2vw;
		width:150px;
		margin:0 auto;
		margin-top:15px
	}
	.section-list .desktop{
		display:none;
	}
	.section-list .mobile{
		display:block;
	}
	.section-list .list-item{
		width:48%;
		display:inline-block;
		vertical-align:top;
	}
	.section-list .list-item.big-item{
		width:100%;
	}
	.section-list .list-item:nth-child(even){
		margin-right:calc(4% - 5px);
	}
	footer .bottom-footer .left{
		margin-bottom:15px;
	}
	footer .bottom-footer .left,
	footer .bottom-footer .right{
		width:100%;
		text-align:left;
		font-size:0.6em;
		line-height:1.75em;
	}
	.search-area{
		font-size:0.6em;
	}
	header .search-area .search-icon{
		width:25px;
	}
	header .search-area .close-btn{ 
		width:20px;
	}
	header .search-area .default-option-list{
		margin-left:55px;
		margin-top:20px;
	}
	.section-list .list-item .title{
		font-size:3.3vw;
	}
	.banner .swiper-button-next{
		width:40px;
	}
	.banner .swiper-button-prev{
		width:40px;
	}
}
@media (max-width: 650px){
	.series-title{
		font-size:1.2em;
		margin-bottom:10px;
	}
	.series-area .left .title{
		font-size:1.1em;
		margin:7.5px 0;
	}
}