@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1320px) {
}
@media only screen and (max-width:1199px) {
	#poster {
		width:100%;
		border:0px;
	}
	#poster .btnwrap{
		width:100%;
		padding: 10px 10px 0px 10px;
		margin-bottom:30px;
	}
	.btnwrap button{
		padding: 7px 10px;
	}
	.btnwrap button br{
		display:block
	}
	.titleset .m_view {
		display:block;
		width:100%
	}
	.titleset .w_view {
		display:none;
	}
	#poster .contents{
		padding: 0px 10px;
    height:510px;
		background-size: contain;
	}
	.bannerwrap{
    justify-content: space-between;
    gap: 10px;
		flex-direction: column;
    background: var(--clr1);
    padding: 0px 10px 30px 10px;
	}
	.bannerwrap .bnr{
		width:100%
	}
	.bannerwrap .bnr>div {
    padding-bottom: 7px;
    margin: 0px 10px 10px 10px;
	}
	.bannerwrap .bnr ul{
		margin-left:0px;
		line-height: 1.2;
	}
	.bannerwrap .bnr h2 {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.bannerwrap .bnr h2::before {
    width: 8px;
    height: 8px;

	}
	.bannerwrap .bnr p{
		margin-left:0px;
		line-height: 1.2;
	}
	.bannerwrap .bnr .service {
    margin: 10px 0px 0px 0px;
}
.bannerwrap .bnr .service>div {
	width: 125px;
	font-size: 13px;
}
.bannerwrap .bnr button {
	width: calc(100% - 20px);
	height:45px;
}
.bannerwrap .bnr h1{
	font-size:23px;
	height:50px;
}
.bannerwrap .bnr h1 span{
	margin-top:5px;
}
.mgleft{
 margin-left:0px;
}

.bannerwrap .bnr p>br{
	display:block
}

.bannerwrap .bnr>div:last-of-type{
	margin-bottom:20px!important;
}
.footer{
	padding:10px 10px;
	flex-wrap: wrap;
}
.footer button:nth-child(odd){
	margin-right:5px;
	margin-bottom:5px;
}
.footer button{
	width:calc(50% - 2.5px);
	padding:5px 10px;
}
.footer button img{
	height:22px;
}
.tablet {
	width:100%;
	height:216px;
  background-size: contain;
	padding:10px;
}	
.tablet iframe{
	border-radius:10px;
	width:100%;
	height:195px
}


}
@media only screen and (max-width: 767px) {



}