@media screen and (max-width: 1399px) {
	.inner {width: auto; padding: 0 10px;}
	
	.view .visual.posi .inner {width: 100%;}
	.visual .inner .txt {left:10px;}
	.visual .inner > p {right:10px; text-align: right;}

	
	/* .cont .inner .back:after {width:58%;} */
	.cont .inner .img img {width:100%;}

	
	.sec2 .inner .back:after {width:74%; top: 40%; height: 70%;}
	.sec3 .inner .back:after {/* width: 50%; top: -5%; right: 20%; height: 75%; */}
	.sec4 .inner .back:after {width: 100%; top: 12%; height: 92%; }
	.sec5 .inner .back:after {height: 70%; top: 3%; right: 20%; }
	.sec6 .inner .back:after {width: 90%; height: 60%; top: 3%; right: 0; }


	.sec5 .inner .right {width:46%;}

	.slide .single-item {width: 80%; }
	.slide .slick-slide img {margin:0 auto; width: 100%;}
	
	.view .visual .inner .txt {right: 10px; width: auto;}
	.view .cont .inner {width: auto;}
	
	.share-link {width: auto;}
}

@media screen and (max-width: 1280px) {
	.box180 {margin: 150px 0px 0px;}
	.box280 {margin: 200px 0px 0px;}

	.mar100 {margin-top:60px;}

	h1 {font-size: 65px;}
	h2 {font-size: 40px;}
	h3 {font-size: 44px;}
	h4 {font-size: 38px;}
	h5 {font-size: 22px;}
	h6 {font-size: 18px;}

	h4 span {font-size: 30px; font-weight: bold;}
	
	.sec1 .inner .img.left {width:44%;}
	.sec1 .inner .right .swiper-container {margin: 40px 0 0;}

	.sec1 .inner .write .img {margin-top: 32%;}
	.sec1 .inner .write .img .mar30 {margin-top: 0px;}

	.sec3 .inner .left {width:45%;}
	.sec3 .inner .right {width: 50%;}
	.sec4 .inner .txt {width: 40%; margin-right:30px;}
	.sec4 .inner .img {width: 50%;}
	.sec5 .inner .left {width:50%;}
	.sec6 .inner .txt {width: 50%;}
}

@media screen and (max-width: 1024px) {
	.box180{margin: 13% 0 0;}
	.box280{margin: 20% 0 0;}
	h2 {font-size: 36px;}
	h3 {font-size: 40px;}
	h4 {font-size: 36px;}
	h5 {font-size: 20px;}
	h6 {font-size: 16px;}

	#header .inner .header-top1 {width:auto;}
	
	.visual {height: 740px;}
	.visual .inner > p {left: 10px;}
	
	.cont .inner .more {margin-top: 60px;}
	.cont .inner .left.back:after {height: 520px; width: 65%;top:0;}

	.sec1 .inner .img.left .txt {bottom: 15px; left: 15px;}
	.sec1 .inner .right .swiper-container img {width:100%; height:100%; display: block; margin: 0 auto;}
	.sec2 .inner .back:after {height:70%;}
	.sec4 .inner .back:after {height:100%;}
	.sec5 .inner .right {width:47%;}
	.sec5 .inner .back:after {height: 70%;}
	.sec6 .inner .left {width:47%;}
	.sec6 .inner .back:after {height: 90%;}

	.sec7 .inner ul li {width: calc((100% - 12px) / 2); margin-bottom: 60px;}
	.sec7 .inner .news_box {width: 70%; margin-top: 40px;}

	.view .cont .inner .in .img.grid5 .num2 > div {width:47%;}
	.view .cont .inner .in .img.grid5 .num3 > div {width:31%;}
	.view .cont .inner .in .author {width:auto;}
	.sec1 .inner .write .img {margin-top: 10%;}
	.sec1 .inner .write .img .category {height: 456px; overflow: hidden;}
    .sec1 .inner .write .img .category img {height: 100%; width: inherit;}
	.sec1 .inner .write .more {margin-top: 20px;}
}
@media screen and (max-width: 767px) {
	.box120 {margin: 15% 0 0;}
	.box180 {margin: 18% 0 0;}
	.box280 {margin: 25% 0 0;}
	.mar40 {margin-top: 20px;}
	.mar50 {margin-top: 20px;}
	.mar60 {margin-top: 20px;}
	.mar100 {margin-top: 20px;}

	h1 {font-size: 9vw;}
	h3 {font-size: 36px;}
	.cont .inner .back:after {
		transform: translateY(-17vw);
	}
	#header .inner .header-top1 p {width: 105px; font-size:14px;}

	.visual {height:600px;}
	.visual .inner p {font-size:14px;} 

	.cont .inner {display: flex; flex-wrap: wrap; align-items: flex-start;}
	.cont .inner .left {clear: both;}
	.cont .inner .right {clear: both;}
	.cont .inner .more {margin-top: 30px;}
	/* .cont .inner img {transform: translateY(-100px);} */
	.cont .inner .back:after {height: calc(100% - 80px);width: 100%;left: 0;top: 140px;}

	.sec3 .inner .left,
	.sec5 .inner .left {width: 100%; height: 210px; overflow: hidden;}
	.sec1 .inner .img.left,
	.sec1 .inner .right,
	.sec3 .inner .right,
	.sec5 .inner .right,
	.sec6 .inner .left {width: 100%;}
	.sec1 .inner {flex-wrap: wrap-reverse;}

	.sec4 .inner .right, 
	.sec6 .inner .right {display: flex; flex-wrap: wrap; align-items: flex-start;}
	.sec4 .inner .right,
	.sec6 .inner .right {flex-wrap: wrap-reverse; align-content: center; align-items: center;}

	.sec4 .inner .right .img, 
	.sec6 .inner .right .img {width: 100%; height: 210px; overflow: hidden;}

	.sec4 .inner .txt {width: auto; margin-right: 0; margin-top: 30px;}
	

	.sec1 .inner .img.left {height:370px; overflow:hidden; margin-top:30px;}
	.sec1 .inner .right .slide {margin:50px 0 0;}
	.sec1 .inner .category .box {left: inherit;right: 0;}
	.sec1 .inner .write .img {overflow: hidden; height: 370px;}
	.sec1 .inner .write .img .category {height: auto;}
	.sec1 .inner .write .img .category img {height: inherit; width: 100%; transform: translateY(0);}

	.sec2 .inner h2 {width: 100%;}
	.sec2 .inner img {transform: translateY(0);}
	.sec1 .inner .img.left .txt .lineL:before {display: none;}
	.sec2 .inner .back:after {height:65%;}

	.sec3 .inner .back:after {width: 87%; top: -2%; right: 4%;}

	.sec4 .inner .left {margin-top: 20px;}

	.sec5 .inner .left {height: 320px;}
	.sec5 .inner .left a {overflow: hidden; width: 100%;}
	.sec5 .inner .txt {width: 100%;}
	.sec5 .inner img {transform: translateY(-20px);}
	.sec5 .inner .back:after {right:0; width:81%;}
	.sec6 .inner .txt {width: 100%;}
	.sec6 .inner img {transform: translateY(0);}
	
	.sec7 .inner {display: block;}
	.sec7 .inner .more {padding: 15px 62px;}
	.sec7 .inner .mar50 {margin-top: 50px;}
	
	.slide .slick-slide {height:250px;}

	/* view */
	.pd60 {padding: 80px 0 ; width: 100%;}
	.view .cont .inner img {transform: translateY(0);}

	.view .cont .inner .in .img.grid1-n > div:nth-child(1) {width: 47%;}
	.view .cont .inner .in .img.g1-1 > div:nth-child(1) {width: 32%;}
	.view .cont .inner .in .img.g1-3 > div:nth-child(1) {width: 60%;}
	.view .cont .inner .in .img.grid1-n .vertical.num2 {width: 47%;}
	.view .cont .inner .in .img.grid1-n .vertical.num3 {width: 36.9%;}

	.view .cont .inner .in .img.grid2 div,
	.view .cont .inner .in .img.grid3 div {width: 90%; margin-left: 0px; margin-bottom: 10px;}
	.view .cont .inner .in .img.grid2 div:nth-last-child(1),
	.view .cont .inner .in .img.grid3 div:nth-last-child(1){margin-bottom: 0px; padding-left: 0px;}
	.pc {display: none;}
	.mobile {display: block;}
	.mobile .inner {flex-wrap: wrap !important;}

	.view .cont .inner .in strong {margin-top:50px;}
}

@media screen and (max-width: 500px) {
	.box180 {margin: 25% 0 0;}
	.box280 {margin: 30% 0 0;}
	.cont .inner .back:after {
		transform: translateY(-27vw);
	}
	#header .inner .header-top1 {padding:7vw 1vw;}
	h3 {font-size: 8.5vw;}
	h4 {font-size: 8.5vw;line-height:1.2;letter-spacing:-1px;margin-bottom:1rem;}
	.lineL.bal,
	.sec7 .inner ul li .s_tit,
	h5 {font-size: 6vw;line-height:1.2;font-weight: 500;}
	.lineL {font-size:5vw;line-height:1.2;}
	.fs16 {font-size:4vw;}

	#menu {width:300px;}
	#menu .f1-left > li {font-size:12px;}

	.cont .inner .s_tit {font-size:8vw;}
	.cont .inner .more {font-size:14px;}

	.sec6 .inner img {transform: translateY(140px);}

	.sec7 .inner h2 {overflow: hidden;}
	.sec7 .inner h2:before {left:44%;}
	.sec7 .inner h2:after {left:58%;}
	
	.sec7 .inner ul:after {content:''; position: absolute; top: 48%; right: 0; width: 100%; height: 83%; background: rgb(245,245,245); z-index:-1;}
	
	.sec7 .inner ul li a.more {margin-top: 25px; }

	.newslatter_footer .inner .f1-left h1 {display: none;}
	.newslatter_footer .inner .f1-left p {font-size: 14px; margin: 10px 0;}
	.newslatter_footer .inner .f1-right { padding-bottom: 20px;}
	.newslatter_footer .inner .f1-right > li:nth-child(1) {margin-left: 0px;}
	.newslatter_footer .inner > p {font-size: 14px; margin: 10px 0;}

	.pd60 {padding: 80px 10px 40px;}
	.visual .inner .txt{transform: translateY(-25%);}
	
	.view .cont .inner .in .author {flex-wrap: wrap;}
	.view .cont .inner .in .author p {width:100%; margin-left: 0px; margin-top: 30px;}

	.view .cont .inner .in iframe {height: 300px;}


	

}
@media screen and (max-width: 414px) { 
	.sec7 .inner .more {padding: 15px 52px;}
}
@media screen and (max-width: 410px) {
	h1 {font-size: 11vw;}
	.box180 {margin: 35% 0 0;}
	.box280 {margin: 40% 0 0;}

	.sec7 .inner ul li {width: calc((100% - 12px) / 1);}

	.slide .slick-slide {height:180px;}
	
	.newslatter_footer .inner .f1-right {padding-top: 0px;}
}

@media screen and (max-width: 350px) {
	.sec1 .inner .write .img .txt {
		left:10px;right:10px;
	}
	.cont .inner .back:after {
		transform: translateY(-33vw);
	}
	h3 {font-size: 10vw;}
	h4 {font-size: 9.5vw;line-height:1.2;letter-spacing:-1px;}
	.lineL.bal,
	h5 {font-size: 7vw;line-height:1.2;font-weight: 500;}
	.sec7 .inner ul li .s_tit {font-size:8vw;}
	.lineL {font-size:6.5vw;line-height:1.2;}
	.fs16 {font-size:5vw;}
	.cont .inner .more {padding: 3vw 9vw;font-size:5.5vw;}
}
@media screen and (max-width: 320px) {
	.cont .inner .back:after {
		transform: translateY(-40vw);
	}
}