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

	.mtop{
		background:url('/res/img/main/mtop_pc.jpg') no-repeat;
		background-size:cover;
		background-position:center;
		position:relative;
	}

	.mtop picture img{
		width:100%;
		opacity:0;
	}

	.mtop .page{
		position:absolute;
		left:50%;
		top:0px;
		transform:translateX(-50%);
	}

	.mtop p{
		font-size:1.5vw;
		color:white;
		padding-top:2vw;
	}

	.mtop h2{
		font-size:5vw;
		color:white;
		font-weight:bold;
	}
	
	h2.title.big{
	  font-size: 6vw;
	  font-family: "Pretendard";
	  color:#222222;
	  font-weight: bold;
	}

	h2.title.big>small{
		float:right;
		font-size:2vw;
		color:#222222;
		line-height:2.2vw;
		padding-top:1vw;
	}


	.owlist{
		padding-top:2vw;
	}

	.owitem{
		display:block;
		float:left;
		position:relative;
		margin-right:10px;
		margin-top:10px;
		width:calc(33.3% - 7px);
	}
	
	.owitem>img{
		width:100%;
	}

	.owitem:nth-child(3n){
		margin-right:0px;
	}

	.owtxt{
		font-size:2vw;
		color:white;
		line-height:2.2vw;
		position:absolute;
		left:0px;
		bottom:0px;
		display:block;
		z-index:1;
		background:rgba(0,0,0,0.2);
		width:100%;
		padding:1vw;
	}

	.owitem:hover .owover{
		opacity:1;
	}

	.owover{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		left:0px;
		top:0px;
		z-index:3;
		opacity:0;
		transition:0.5s;
	}

	.owoico{
		font-size:30px;
		color:white;
		display:inline-block;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		font-weight:bold;
		text-align:center;
	}

	.owoico img{
		display:block;
		margin:0 auto;
		margin-top:20px;
	}
	
	.pg2list h3{
		font-size:1.5vw;
		display:block;
		font-weight:400;
		padding-top:10px;
		margin-top:30px;
	}

	.pg2list h3>b{
		font-size:2vw;
		padding-bottom:5px;
		display:block;
	}

	.pg2img{
		margin-top:-30px;
		width:90%;
	}

	.pg2list h3>span{
		display:inline-block;
		font-size:1.2vw;
		font-weight:bold;
		color:white;
		padding:0px 20px;
		border-radius:16px;
		background:#323eb8;
		height:2.2vw;
		line-height:2.2vw;
		margin-bottom:1.2vw;
	}
	
	.pg2list:first-child .left img, .pg2list:nth-child(3) img, .pg2list:nth-child(5) img{
		width:100%;
	}

	.container-lg.page3:before{
		content:"";
		width:43vw;
		height:100%;
		background:#323eb8;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
	}
	
	.pg3img{
		cursor:pointer;
	}

	.page3 .p1{
		text-align:right;
		padding-right:1.5vw;
	}
	
	.page3 .title{
		margin-left:2vw;
	}

	.pg3img{
		filter:drop-shadow(0 0 20px rgba(0,0,0,0.14));
		margin-left:1.5vw;
		margin-top:1.5vw;
		width:11vw;
	}

	.sch{
		margin-top:3vw;
		margin-left:1vw;
		display:none;
	}

	.sch li{
		padding-bottom:2vw;
	}

	.sch b{
		font-size:1.5vw;
		font-weight:bold;
		position:relative;
		display:inline-block;
		width:109px;
	}

	.sch b:after{
		content:"";
		display:block;
		height:1.5vw;
		width:1px;
		background:black;
		position:absolute;
		right:0px;
		top:50%;
		transform:translateY(-50%);
	}

	.sch span{
		font-size:1.5vw;
		display:inline-block;
		padding-left:35px;
	}

	.sch_btn{
		display:inline-block;
		cursor:pointer;
		width:4vw;
	}

	.sch_left{
		margin-left:5vw;
		margin-right:2vw;
	}

	.page4 .leftpage{
		display:inline-block;
		float:left;
	}

	.morebtn{
		display: inline-block;
		font-size: 1.8vw;
		font-weight: bold;
		color: white;
		padding: 0px 20px;
		border-radius: 16px;
		background: #323eb8;
		height: 32px;
		line-height: 32px;
		margin-bottom: 15px;
	}

	.page4 .right_page{
		display:block;
		width:48vw;
		float:right;
	}

	.sns_box{
		width:calc(50% - 10px);
		display:block;
		float:left;
		margin-left:0px;
		margin-right:20px;
	}
	
	.sns_box:nth-child(2n){
		margin-right:0px;
	}

	.sns_box img{
		width:100%;
	}

	.sns_box h2{
		font-size:1.7vw;
		font-weight:bold;
		color:#222;
		padding-top:5px;
		padding-bottom:5px;
	}

	.sns_box pp{
		font-size:1.3vw;
		font-weight:400;
		color:#222;
	}

	.sns_box:nth-child(3), .sns_box:nth-child(4){
		margin-top:15px;
	}
	
	.ntab{
		display: inline-block;
		font-size: 1.5vw;
		font-weight: bold;
		color: #222222;
		padding: 0px 40px;
		border-radius: 27.5px;
		background: #fff;
		border:1px solid #cccccc;
		height: 3vw;
		line-height: 3vw;
		margin-bottom: 10px;
		cursor:pointer;
		margin-right:10px;
		margin-top:20px;
	}

	.ntab.on{
		display: inline-block;
		color: white;
		background: #323eb8;
		border:1px solid #323eb8;
	}

	.bdbox a{
		border-bottom:1px solid #ccc;
		height:40px;
		line-height:40px;
		font-size:1.5vw;
		color:#222;
		display:block;
		font-weight:bold;
	}

	.bdbox a>.latest_date{
		display:inline-block;
		float:right;
		font-weight:bold;
		padding-right:10px;
	}

	.page5 .right{
		padding-left:3vw;
	}

	.youtubetxt{
		font-size:1.5vw;
		color:#222;
		padding-bottom:15px;
	}

	.youtubetxt b{
		font-size:2vw;
		display:block;
		padding-bottom:5px;
	}
 }


 @media only screen and (max-width: 950px) {
	
	.mtop{
		background:url('/res/img/main/mtop_m.jpg') no-repeat;
		background-size:cover;
		background-position:center;
		position:relative;
	}

	.mtop picture img{
		width:100%;
		opacity:0;
	}

	.mtop .page{
		position:absolute;
		left:50%;
		top:0px;
		transform:translateX(-50%);
		padding:60px 30px;
	}

	.mtop p{
		font-size:2.9vw;
		line-height:4vw;
		color:white;
		padding-top:15px;
	}

	.mtop h2{
		font-size:8vw;
		color:white;
		font-weight:bold;
	}
	
	h2.title.big{
	  font-size: 9vw;
	}

	h2.title.big>small{
		float:none;
		display:block;
		font-size:4vw;
		line-height:4.5vw;
		padding-top:1vw;
	}

	.owlist{
		padding-top:10px;
	}

	.owitem{
		display:block;
		float:left;
		position:relative;
		margin-right:10px;
		margin-top:10px;
		width:calc(50% - 5px);
	}

	.owitem:nth-child(3n){
		margin-right:10px;
	}

	.owitem:nth-child(2n){
		margin-right:0px;
	}
	
	.owitem>img{
		width:100%;
	}

	.owtxt{
		font-size:3vw;
		color:white;
		line-height:3.5vw;
		position:absolute;
		left:0px;
		bottom:0px;
		display:block;
		z-index:1;
		background:rgba(0,0,0,0.2);
		width:100%;
		padding:2vw;
	}

	.owitem:hover .owover{
		opacity:0;
	}

	.owover{
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		left:0px;
		top:0px;
		z-index:3;
		opacity:0;
		transition:0.5s;
	}

	.owoico{
		font-size:30px;
		color:white;
		display:inline-block;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		font-weight:bold;
		text-align:center;
	}

	.owoico img{
		display:block;
		margin:0 auto;
		margin-top:20px;
	}
	
	.pg2list .w50.left, .pg2list .w50.right{
		width:100%;
		float:auto;
	}
	
	.pg2list h3{
		font-size:3vw;
		display:block;
		font-weight:400;
		padding-top:10px;
		margin-top:10px;
	}

	.pg2list h3>b{
		font-size:3.8vw;
		padding-bottom:5px;
		display:block;
	}

	.pg2img, .pg2list img{
		margin-top:30px;
		width:100%;
	}
	
	.pg2list:nth-child(2) .left{
		float:right;
	}

	.pg2list h3>span{
		display:inline-block;
		font-size:2.5vw;
		font-weight:bold;
		color:white;
		padding:0px 20px;
		border-radius:16px;
		background:#323eb8;
		height:25px;
		line-height:25px;
		margin-bottom:10px;
	}

	.container-lg.page3:before{
		content:"";
		width:100%;
		height:50vw;
		background:#323eb8;
		position:absolute;
		left:0px;
		top:0px;
		z-index:1;
	}
	
	.page3 .left{
		width:100%;
		float:auto;
	}
	
	.pg3img{
		cursor:pointer;
	}

	.page3 .p1{
		text-align:left;
		padding-right:0vw;
	}
	
	.page3 .title{
		margin-left:0vw;
		margin-top:30px;
	}

	.pg3img{
		filter:drop-shadow(0 0 20px rgba(0,0,0,0.14));
		/*margin-right:1vw;*/
		/*margin-left:0vw;*/
		width:calc(22%);
	}
	
	.pg3img[data-id="ai"], .pg3img[data-id="well"]{
		margin-right:0vw;
	}

	.sch{
		margin-top:5vw;
		margin-left:0vw;
		display:none;
	}

	.sch li{
		padding-bottom:5vw;
	}

	.sch b{
		font-size:4vw;
		font-weight:bold;
		position:relative;
		display:inline-block;
		width:20vw;
	}

	.sch b:after{
		content:"";
		display:block;
		height:3vw;
		width:1px;
		background:black;
		position:absolute;
		right:0px;
		top:50%;
		transform:translateY(-50%);
	}

	.sch span{
		font-size:4vw;
		display:inline-block;
		padding-left:35px;
	}

	.sch_btn{
		display:none;
	}
	
	.page4 .title, .page5 .title, .page6 .title, .page7 .title{
		text-align:center;
		width:100%;
	}
	
	.page4 .title>span, .page5 .title>span, .page6 .title>span, .page7 .title>span{
		display:inline-block;
	}
	
	.page4 .leftpage{
		display:block;
		float:none;
		width:100%;
	}

	.morebtn{
		display: inline-block;
		font-size: 3vw;
		font-weight: bold;
		color: white;
		padding: 0px 20px;
		border-radius: 16px;
		background: #323eb8;
		height: 32px;
		line-height: 32px;
		margin:30px 0px;
	}

	.page4 .right_page{
		display:block;
		width:100%;
		float:none;
	}

	.sns_box{
		width:calc(50% - 10px);
		display:block;
		float:left;
		margin-left:0px;
		margin-right:20px;
	}
	
	.sns_box:nth-child(2n){
		margin-right:0px;
	}

	.sns_box img{
		width:100%;
	}

	.sns_box h2{
		font-size:3vw;
		font-weight:bold;
		color:#222;
		padding-top:15px;
		padding-bottom:5px;
	}

	.sns_box pp{
		font-size:2.5vw;
		font-weight:400;
		color:#222;
	}

	.sns_box:nth-child(3), .sns_box:nth-child(4){
		margin-top:15px;
	}
	
	.page5 .left, .page5 .right{
		float:none;
		width:100%;
	}
	
	.ntabbox{
		margin:0 auto;
		display:block;
		text-align:center;
	}
	
	.ntab{
		display: inline-block;
		font-size: 3vw;
		font-weight: bold;
		color: #222222;
		padding: 0px 40px;
		border-radius: 27.5px;
		background: #fff;
		border:1px solid #cccccc;
		height: 7vw;
		line-height: 7vw;
		margin-bottom: 20px;
		cursor:pointer;
		margin-right:5px;
		margin-top:30px;
	}

	.ntab.on{
		display: inline-block;
		color: white;
		background: #323eb8;
		border:1px solid #323eb8;
	}

	.bdbox a{
		border-bottom:1px solid #ccc;
		height:60px;
		line-height:60px;
		font-size:3vw;
		color:#222;
		display:block;
		font-weight:bold;
	}

	.bdbox a>.latest_date{
		display:inline-block;
		float:right;
		font-weight:bold;
		padding-right:10px;
	}

	.page5 .right{
		padding-left:0vw;
		margin-top:30px;
	}

	.youtubetxt{
		font-size:3vw;
		color:#222;
		padding-bottom:15px;
	}

	.youtubetxt b{
		font-size:4vw;
		display:block;
		padding-bottom:5px;
	}

	.trend_slide{
		position:relative;
		margin-top:30px;
	}

	.trend .swiper-slide>img{
		width:100%;
	}

	.trend_btn{
		cursor:pointer;
		position:absolute;
		top:120%;
		left:50%;
		transform:translateX(-50%);
		z-index:10;
		width:10vw;
	}

	.trend_left{
		margin-left:-7vw;
	}

	.trend_right{
		margin-left:7vw;
	}

	.partner_list{
		padding-top:30px;
	}

	.partner_img{
		display:inline-block;
		width:25%;
		float:left;
	}

 }