@charset "utf-8";

/* landing-visual */
.landing-visual {width: 100%; min-height: 688px; padding: 115px 0 50px; box-sizing: border-box; background: url(../images/landing/visual.jpg) no-repeat center top / cover;}/* 20190318 수정  */
.landing-visual .video {padding-top: 30px; text-align: center;}
.landing-visual .video iframe {width: 562px; height: 316px;}
.landing-visual .video img {display: none;}/* 20190318_2 추가 */

.landing-visual .desc {margin-top: 50px;}

.landing-visual .desc.pc {display: block;}
.landing-visual .desc.mobile {display: none;}

.landing-visual .desc .txt1 {text-align: center; font-size: 1.2rem; font-weight: 300; letter-spacing: -0.02em; line-height: 33px; color: #fff;}
.landing-visual .desc .txt2 {margin-top: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.02em; color: #fff;}

/* landing-tab */
.landing-tab {background: #002850;}
.landing-tab .inner {max-width: 1200px; margin: 0 auto;}
.landing-tab ul::after {content: ""; display: block; clear: both;}
.landing-tab ul li {float: left; width: 25%; border-right: 1px solid #314b6c; box-sizing: border-box;}
.landing-tab ul li:last-child {border-right: none;}
.landing-tab ul li a {display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}
.landing-tab ul li a:hover {color: #5fc1b2;}
.landing-tab ul li.disabled a:hover {color: #fff;}

/* landing-anchor */
.landing-anchor {display: block; height: 60px; margin-top: -60px; visibility: hidden;}

/* landing-intro */
.landing-intro {padding: 90px 0; background: #fff;}
.landing-intro .inner {max-width: 880px; margin: 0 auto;}
.landing-intro::after {content: ""; display: block; clear: both;}

.landing-intro .intro::after {content: ""; display: block; clear: both;}
.landing-intro .intro .img {float: left; width: 20%;}
.landing-intro .intro .img .pc {display: inline-block;}
.landing-intro .intro .img .mobile {display: none;}
.landing-intro .intro .img img {margin-top: 25px;}
.landing-intro .intro .txt {float: right; width: 80%; padding-left: 70px; box-sizing: border-box; word-break: keep-all;}

.landing-intro .intro .txt.pc {display: block;}
.landing-intro .intro .txt.mobile {display: none;}

.landing-intro .intro .txt p {margin-bottom: 20px; font-size: 1rem; letter-spacing: -0.02em; color: #000;}
.landing-intro .intro .txt .txt_large {font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em;}

/* 20190318_2 S */
@media screen and (max-width: 1023px){
	.landing-visual {min-height: auto; padding: 0; background: none;}
	.landing-visual .video {position: relative; padding-top: 0;}
	.landing-visual .video img {display: block; width: 100%; height: auto;}
	.landing-visual .video iframe, .landing-visual .video video {position: absolute; bottom: 11%; left: 50%; width: 94%; height: 53%; margin-left: -47%;}

	.landing-visual .desc {background: #000; margin-top: 0; padding-bottom: 10%;}

	.landing-visual .desc.pc {display: none;}
	.landing-visual .desc.mobile {display: block;}

	.landing-visual .desc .txt1 {font-size: 1.1rem; line-height: 1.3rem;}
	.landing-visual .desc .txt2 {font-size: 1.4rem; line-height: 1.8rem;}

	.landing-visual .desc .txt1 span {display: block; text-indent: -9999px; line-height: 0;}
	.landing-visual .desc .txt2 span {display: block; text-indent: -9999px; line-height: 0;}

	.landing-tab ul li a {height: 2.8rem; line-height: 2.8rem;}
	.landing-tab ul li a {font-size: 1.1rem;}

	.landing-anchor {height: 52px; margin-top: -52px;}

	.landing-intro {padding: 3rem 4.5vw;}
	.landing-intro .intro .img {float: none; width: 100%; padding-right: 0; text-align: center;}
	.landing-intro .intro .img .pc {display: none;}
	.landing-intro .intro .img .mobile {display: inline-block; width: 14rem;}
	.landing-intro .intro .txt {float: none; width: 100%; margin-top: 30px; padding-left: 0; text-align: center;}
	.landing-intro .intro .txt.pc {display: none;}
	.landing-intro .intro .txt.mobile {display: block;}
	.landing-intro .intro .txt p {margin-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.8rem; letter-spacing: -0.1rem;}
	.landing-intro .intro .txt p.txt_large {font-size: 1.4rem; line-height: 1.8rem;}
	.landing-intro .intro .txt .txt_large span {display: block; text-indent: -9999px; line-height: 0;}
}
/* 20190318_2 E */


/* 20190318_2 S 기존 CSS 삭제 */
/*@media screen and (max-width: 1023px){
	.landing-visual {height: auto; min-height: auto; padding: 0; background-image: url(../images/landing/visual_m2.jpg);}
	.landing-visual .video {position: relative; margin-top: 0; padding-top: 0; height: 60rem;}
	.landing-visual .video iframe {position: absolute; top: 25%; left: 50%; width: 100%; height: 45%; padding: 5%; background: url(../images/landing/visual_wrapper_m.png) no-repeat center / 95% 95%; transform: translateX(-50%);}
	.landing-visual .desc {position: relative; height: 25rem; margin-top: 0;}
	.landing-visual .desc.pc {display: none;}
	.landing-visual .desc.mobile {display: block;}
	.landing-visual .desc .txt1 {position: absolute; top: 0; left: 50%; width: 100%; margin-left: -50%; font-size: 1.1rem; line-height: 1.3rem;}
	.landing-visual .desc .txt2 {position: absolute; top: 10rem; left: 50%; width: 100%; margin-left: -50%; font-size: 1.4rem; line-height: 1.8rem;}
	.landing-visual .desc .txt1 span {display: block; text-indent: -9999px; line-height: 0;}
	.landing-visual .desc .txt2 span {display: block; text-indent: -9999px; line-height: 0;}
	
	.landing-tab ul li a {height: 2.8rem; line-height: 2.8rem;}
	.landing-tab ul li a {font-size: 1.1rem;}

	.landing-anchor {height: 52px; margin-top: -52px;}

	.landing-intro {padding: 3rem 4.5vw;}
	.landing-intro .intro .img {float: none; width: 100%; padding-right: 0; text-align: center;}
	.landing-intro .intro .img .pc {display: none;}
	.landing-intro .intro .img .mobile {display: inline-block; width: 14rem;}
	.landing-intro .intro .txt {float: none; width: 100%; margin-top: 50px; padding-left: 0; text-align: center;}
	.landing-intro .intro .txt.pc {display: none;}
	.landing-intro .intro .txt.mobile {display: block;}
	.landing-intro .intro .txt p {margin-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.8rem; letter-spacing: -0.1rem;}
	.landing-intro .intro .txt p.txt_large {font-size: 1.4rem; line-height: 1.8rem;}
	.landing-intro .intro .txt .txt_large span {display: block; text-indent: -9999px; line-height: 0;}
}
@media screen and (max-width: 480px) and (max-width: 640px){

}
@media screen and (max-width: 480px){
	.landing-visual .video {height: 40rem;}
	.landing-visual .video iframe {top: 27%; height: 45%;}
	.landing-visual .desc {height: 20rem;}
	.landing-visual .desc .txt1 {top: 0;}
	.landing-visual .desc .txt2 {top: 8rem;}
}
@media screen and (max-width: 560px) {
	.landing-tab ul li {display: table; width: 24%;}
	.landing-tab ul li:first-child {width: 25%;}
	.landing-tab ul li a {display: table-cell; vertical-align: middle; height: 4rem; font-size: 1rem; line-height: 1.2rem;}
}*/
/* 20190318_2 S 기존 CSS 삭제 E */