/* Section 01 */
.sctn_01{overflow:hidden; height:900px;
	background:url(../images/sctn_01/main_bg.jpg) center center no-repeat; background-size:cover;}
.sctn_01 h2{line-height:1.1; font-size:65px; font-weight:bold;}
.sctn_01 h2 strong{font-size:75px;}
.sctn_01 p{padding:40px 0; line-height:1.4; font-size:40px;}
.sctn_01 .tt_area{padding:18% 0 0; width:65%; color:#000; letter-spacing:-2px;}
.sctn_01 .tt_area ul{font-size:0;}
.sctn_01 .tt_area li{display:inline-block; margin-right:1%; vertical-align:top;}
.sctn_01 .tt_area img{margin:10px 0 20px;}

/* Section 02 */
.sctn_02{padding:8% 0 0; line-height:1.4; background:#fff; text-align:center;}
.sctn_02 h2{margin-bottom:60px; line-height:1.4; font-size:46px; font-weight:500; letter-spacing:-2px;}
.sctn_02 .appsvc{max-width:538px; margin:0 auto; font-size:0;}

/* Section 03 */
.sctn_03{overflow:hidden; height:900px;
	background:url(../images/sctn_03/main_bg.jpg) center center no-repeat; background-size:cover;}
.sctn_03 h2{line-height:1.1; font-size:65px; font-weight:bold;}
.sctn_03 h2 strong{font-size:75px;}
.sctn_03 p{padding:20px 0; line-height:1.4; font-size:40px; letter-spacing:-2px;}
.sctn_03 .tt_area{padding:12% 0 0; width:75%; color:#000;}
.sctn_03 .tt_area .tdun{text-decoration:underline; text-underline-position:under; font-weight:500;}
.sctn_03 .tt_area .tdun strong{display:block;}
.sctn_03 .tt_area dl{margin:20px 0 10px;}
.sctn_03 .tt_area dt{font-size:34px; margin-bottom:15px;}
.sctn_03 .tt_area dd{font-size:48px; font-weight:bold;}
.sctn_03 .tt_area .btn_drmd{display:block; max-width:400px; height:70px; line-height:70px; font-size:30px; color:#fff; font-weight:bold; background:#007aff; text-align:center; border-radius:15px;}

/* Section 04 */
.sctn_04{padding:5% 0; background:#f1f1f1; text-align:center;}
.sctn_04 .inner{padding:0 120px;}
.sctn_04 h2{font-size:50px; line-height:1.4; margin-bottom:40px; letter-spacing:-2px; font-weight:500; font-size:32px;}
.sctn_04 h2 strong{font-size:40px;}
.sctn_04 h2 span{display:block; margin-top:20px; font-size:32px;}
.sctn_04 .youtube{position:relative; max-width:100%; margin:0 0 30px; padding-bottom:56.25%; height:0;}
.sctn_04 .youtube iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.sctn_04 .lst_area{text-align:left;}
.sctn_04 .lst_area .tit_area{position:relative; height:49px; line-height:49px; margin-bottom:30px; font-size:0;}
.sctn_04 .lst_area h3{position:absolute; top:0; left:0;}
.sctn_04 .lst_area h3 a{display:block; width:49px; height:49px;}
.sctn_04 .lst_area .icn_play{padding-left:60px; overflow:hidden; max-height:49px;}
.sctn_04 .lst_area .icn_play span{display:inline-block; line-height:1.5; font-size:1.4rem; color:#898989; vertical-align:middle;}
.sctn_04 .lst_area ul{font-size:0;}
.sctn_04 .lst_area li{display:inline-block; width:25%; text-align:center}
.sctn_04 .lst a{display:block; margin:2% 1%;}
.sctn_04 .lst_area .thmb{margin-bottom:10px;}
.sctn_04 .lst_area  img{width:100%; height:100%;}
.sctn_04 .lst_area .dtl{overflow:hidden; height:36px; line-height:1.4; margin-bottom:20px; font-size:14px; color:#898989; text-overflow:ellipsis; white-space:normal; text-align:left;}

@media (max-width:1024px){
	/* Section 02 */
	header{padding:30px 40px;}
	.sctn_02{text-align:center;}
	.sctn_02 .applogo{float:none;}
	.sctn_01 .tt_area{padding-left:5%;}
	.sctn_02 .tt_area{padding:0; margin-top:30px;}
	.sctn_02 .tt_area p{font-size:16px;}
	/* Section 05 */
	.sctn_04 .inner{padding:0 15px;}
	.sctn_04 .lst_area li{width:50%;}

}
@media (max-width:768px){
	.sctn_01 h2{font-size:50px;}
	.sctn_01 h2 strong{font-size:65px;}
}

@media (min-width:769px) and (max-width:1024px){
	/* Section 01 */
	.sctn_01 h2{font-size:50px;}
	.sctn_01 h2 strong{font-size:65px;}
	.sctn_01 p{font-size:30px;}
	.sctn_04 h2{font-size:40px;}
}

@media (min-width:426px) and (max-width:768px){
	/* Section 01 */
	/*.sctn_01 .tt_area{width:100%; text-align:center;}*/
	.sctn_01,
	.sctn_03{height:680px; background-position:10% center;}
	.sctn_03 .tt_area{padding-top:12%; width:100%; text-align:center;}
	.sctn_03 .tt_area p{font-size:30px;}
	.sctn_03 .tt_area .btn_drmd{margin:0 auto; font-size:23px;}
	.sctn_01 h2{font-size:30px;}
	.sctn_01 h2 strong{font-size:45px;}
	.sctn_01 p{font-size:25px;}
	.sctn_01 li{width:48%;}
	.sctn_02 h2{font-size:30px;}
	.sctn_04 h2{font-size:35px}
	
}
@media (max-width:426px) {
	/* Section 01 */
	.sctn_01,
	.sctn_03{height:550px; background-position:10% center;}
	.sctn_01 li{width:48%;}
	.sctn_01 .tt_area{width:100%; padding:40% 0 0; text-align:center;}
	.sctn_03 .tt_area{width:100%; padding:7% 0 0; text-align:center;}
	.sctn_03 .tt_area .btn_drmd{margin:0 auto; font-size:23px;}
	.sctn_01 h2,
	.sctn_02 h2{font-size:25px;}
	.sctn_01 h2 strong{font-size:40px;}
	.sctn_01 p{font-size:17px; padding:20px 0 10px;}
	.sctn_03 p{font-size:25px;}
	/* Section 04 */
	.sctn_04 h2{font-size:24px;}
	.sctn_04 h2 strong{font-size:30px;}
	.sctn_04 h2 span{font-size:24px;}

}